步驟1：功能分析

這個想法變成了現(xiàn)實。現(xiàn)在是時候調查人們是否喜歡這個主意了。因此，我與Airbnb租用房屋的業(yè)主進行了一些用戶訪談。他們真的很喜歡這個主意，并希望我盡快建立它。因此，我開始了剩下的過程。我做了一些并發(fā)分析，并寫下了一些角色。之后，我做了一些用戶故事和卡片故事。然后，我制作了低保真線框，并對其進行了用戶測試。根據(jù)收到的反饋，我更改了框架。

步驟2：收集材料

在開始設計網站并制作工具之前，我需要確保已擁有設備所需的所有部件。我開始在工具箱中查找并寫下需要訂購的東西。在這里您可以找到整個物料清單。這些是主要部分：

1。蜂鳴器

2。 LCD顯示屏

3。 LED雙色

4。鎖

5。 Raspberry pi

6。攝像機

7。掃描器

8。伍德

第3步：數(shù)據(jù)庫

在購買材料并進行了一些研究之后，是時候使事情變得真實了。 p》

我開始創(chuàng)建一個實體關系圖，建立它的數(shù)據(jù)庫并輸入一些數(shù)據(jù)。很快就發(fā)現(xiàn)有一些錯誤，所以我一次又一次地做，直到我認為足夠好為止。它非常動態(tài)，因此您可以添加，更新或刪除某些字段。

為簡單起見和更好的結果，我還將掃描表也鏈接到用戶和住宿。

我做了一些存儲的功能，存儲過程使網站上的事情變得更容易。

為創(chuàng)建此實體關系圖，我使用了draw.io。

在此步驟中，您可以找到Mysql轉儲。因此，您可以輕松導入它。

第4步：設計響應性網站

我在想我的自適應網站必須看起來如何。在此之前，我必須回顧一下所做的功能分析，并尋找靈感和有趣的模式。

首先，我在Adobe XD中進行了設計。在頂部的圖像中，您可以看到我使用布局和基線網格來定位內容良好。

我使用的字體是Robotto。我使用的圖像是來自pexels.com的cco許可證。

該設計已得到老師的批準，因此我可以開始編程了。我用HTML-CSS-Python（Jinja2和Flask）編寫了該網站。

此步驟后，您可以在web.xd中找到我的設計。

步驟5 ：Fritzing方案

幾周后，我的組件已交付，因此我可以開始構建設備了。首先，我制定了一個計劃，以確保以正確的方式連接所有內容。

我使用了6針GPIO來連接顯示器。相機可以直接插入樹莓派。我選擇將條形碼掃描儀與電平轉換器連接，以將5v轉換為3.3v，這樣我就可以與pi建立保存串行通信。雙色LED使用2個gpio引腳。

晶體管也需要一個gpio引腳。然后，我將12v連接到鎖，并將晶體管穿過同一地。確保使用二極管保護組件。

蜂鳴器與條形碼掃描器連接。另一個GPIO引腳也連接到蜂鳴器，因此我可以用代碼創(chuàng)建聲音。請注意：為此使用了2個二極管。

為創(chuàng)建此方案，我使用了壓紋。您可以在此步驟中附加方案。

步驟6：激光切割和連接

我和一個朋友一起激光切割了樹林。我選擇了8mm厚的多層木材。完成后，我將組件推入框架中。我沒有在面板上放些螺絲的情況下將組件安裝在占位符上。

然后，我安裝了帶有電平轉換器（5v至3.3v）的條形碼掃描儀，以與TX en RX端口上的樹莓派pi連接（串行通信）。

我將顯示器連接到樹莓派，并使用電位計測量強度。

至少我用12v適配器安裝了鎖。確保執(zhí)行此操作時使用晶體管和二極管。

此步驟后，您可以在Adobe illustrator中找到我的激光切割方案

第7步：編寫一些內容代碼

現(xiàn)在要確保所有組件都能正常工作。所以我用python編寫了一些代碼，并將其部署在樹莓派上。當我的老師將此內容公開后，您可以在Github上找到我的代碼。

https://github.com/NMCT-S2-Project-I/project-i-Ben-Vanpoucke

要編寫代碼，我需要使用Pycharm。該代碼使用html，CSS和python（Flask和Jinja）編寫

第8步：添加門和支撐

我希望面板獨立存在，因此添加了對此的支持。我用了木膠。之后，我接通了門。
責任編輯：wv