步驟1：功能分析

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

步驟2：收集材料

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

1。蜂鳴器

2。 LCD顯示屏

3。 LED雙色

4。鎖

5。 Raspberry pi

6。攝像機

7。掃描器

8。伍德

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

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

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

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

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

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

在此步驟中，您可以找到Mysql轉(zhuǎn)儲。因此，您可以輕松導(dǎo)入它。

第4步：設(shè)計響應(yīng)性網(wǎng)站

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

首先，我在Adobe XD中進(jìn)行了設(shè)計。在頂部的圖像中，您可以看到我使用布局和基線網(wǎng)格來定位內(nèi)容良好。

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

該設(shè)計已得到老師的批準(zhǔn)，因此我可以開始編程了。我用HTML-CSS-Python（Jinja2和Flask）編寫了該網(wǎng)站。

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

步驟5 ：Fritzing方案

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

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

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

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

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

步驟6：激光切割和連接

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

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

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

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

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

第7步：編寫一些內(nèi)容代碼

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

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

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

第8步：添加門和支撐

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