步驟1：功能分析

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

步驟2：收集材料

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

1。蜂鳴器

2。 LCD顯示屏

3。 LED雙色

4。鎖

5。 Raspberry pi

6。攝像機(jī)

7。掃描器

8。伍德

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

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

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

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

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

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

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

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

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

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

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

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

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

步驟5 ：Fritzing方案

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

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

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

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

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

步驟6：激光切割和連接

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

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

我將顯示器連接到樹(shù)莓派，并使用電位計(jì)測(cè)量強(qiáng)度。

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

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

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

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

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

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

第8步：添加門和支撐

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