Zárolóváltó: Nyissa ki az ajtót QR-kóddal: 8 lépés

2025 Szerző: John Day | [email protected]. Utoljára módosítva: 2025-01-23 14:48

Helló, a nevem Ben Vanpoucke, és új médiát és kommunikációs technológiát tanulok a Howest -en Kortrijkban, Belgiumban. Az iskolai feladatként IoT-eszközt kellett készítenünk. Szállást bérelve az Airbnb -n keresztül jutott eszembe, hogy egy lakást, házat, szobát… virtuális kulccsal (QR -kód) nyitok meg, nem valódi kulcs helyett. A készülékemnek a „LockChanger” nevet adtam. Az alábbiakban elolvashatja az eszköz létrehozásához szükséges lépéseket. Ha többet szeretne tudni rólam és más projektjeimről, nézze meg a portfóliómat.

1. lépés: Funkcionális elemzés

Az ötletből valóság lett. Itt az ideje, hogy megvizsgáljuk, tetszik -e az embereknek az ötlet. Ezért készítettem néhány felhasználói interjút olyan emberekkel, akik az Airbnb által kiadott szállások tulajdonosai. Nagyon tetszett nekik az ötlet, és azt akarták, hogy mihamarabb megépítsem. Tehát elkezdtem a folyamat többi részét. Végeztem párhuzamos elemzést, és leírtam néhány személyt. Ezt követően készítettem néhány felhasználói történetet és kártya történetet. Ezután alacsony megbízhatóságú drótvázakat készítettem, és felhasználói teszteket végeztem rajta. A kapott visszajelzések alapján megváltoztattam a kereteket.

2. lépés: Az anyagok összegyűjtése

Mielőtt hozzáfogtam a weboldal tervezéséhez és az eszköz elkészítéséhez, meg kellett győződnöm arról, hogy minden szükséges alkatrész megvan a készülékhez. Elkezdtem keresni az eszköztárat, és leírtam, hogy mit kell rendelnem. Itt megtalálja a teljes anyagjegyzéket. Ezek a fő részek:

1. Zümmögő

2. LCD kijelző

3. Led bicolor

4. Zár

5. Málna pi

6. Kamera

7. Szkenner

8. Fa

3. lépés: Adatbázis

Az anyagok megvásárlása és némi kutatás után ideje volt a dolgokat valósággá tenni.

Elkezdtem entitáskapcsolati diagramot készíteni, adatbázist készítettem belőle, és bevittem néhány adatot. Hamarosan kiderült, hogy vannak hibák, ezért újra és újra megismételtem, amíg azt gondoltam, hogy elég jó. Nagyon dinamikus, így hozzáadhat, frissíthet vagy eltávolíthat néhány mezőt.

Az egyszerűség és a jobb eredmények érdekében a szkennelési táblázatokat a felhasználókhoz és a szállásokhoz is hozzárendeltem.

Készítettem néhány tárolt funkciót és tárolt eljárást, hogy megkönnyítsem a weboldal dolgát.

Ennek az entitáskapcsolati diagramnak a létrehozásához a draw.io -t használtam.

Ehhez a lépéshez csatolva megtalálhatja a Mysql dumpomat. Így könnyen importálhatja.

4. lépés: Tervezze meg a reszponzív webhelyet

Arra gondoltam, hogy milyennek kell lennie a reszponzív webhelyemnek. Mielőtt ezt megtehettem, vissza kellett tekintenem az elvégzett funkcionális elemzésre, és inspirációt és érdekes mintákat kellett keresnem.

Először az Adobe XD -ben készítettem el a terveimet. A felső képeken látható, hogy az elrendezést és az alapvonalat használtam a tartalom jó elhelyezéséhez.

A betűtípus Robotto volt. Az általam használt képek a pexels.com cco License oldalai voltak.

A tervezést tanáraim jóváhagyták, így elkezdhettem programozni. Az oldalt HTML - CSS - Python (Jinja2 és Flask) nyelven írtam.

Ehhez a lépéshez csatolva megtalálhatod a designomat a web.xd webhelyen.

5. lépés: Fritzezési séma

Néhány hét múlva leszállították az alkatrészeimet, hogy elkezdhessem építeni a készülékemet. Először is elkészítettem egy sémát, hogy megbizonyosodjak arról, hogy mindent a megfelelő módon fogok összekapcsolni.

6 tűs GPIO -t használtam a kijelzőhöz való csatlakozáshoz. A kamera közvetlenül a málna pi -hez csatlakoztatható. Úgy döntöttem, hogy a vonalkód -leolvasót egy szintváltóval csatlakoztatom, hogy az 5v -t 3,3 V -ra alakítsa át, hogy létrehozzak egy mentett soros kommunikációt a pi -vel. A bicolor led 2 gpio tűt használ.

A tranzisztornak szüksége van egy gpio tűre is. Ezután csatlakoztattam a 12V -ot a zárhoz, és a tranzisztoron keresztül egy közös földre. Feltétlenül használjon diódát az alkatrészek védelmére.

A zümmögő a vonalkód -leolvasóval van összekötve. Egy másik GPIO tű is csatlakozik a zümmögőhöz, így hangot tudok létrehozni kóddal. Vigyázz jól: ehhez 2 diódát használnak.

Ennek a sémának a létrehozásához fritzezést használtam. A lépéshez csatolt sémát megteheti.

6. lépés: Lézervágás és csatlakoztatás

Egy barátommal együtt metszem az erdőt. 8 mm vastag multiplex fát választok. Miután ez megtörtént, betoltam az alkatrészeimet a keretbe. Az alkatrészeket helyőrző nélkül szereltem fel néhány csavarral a lemez hátoldalára.

Ezután telepítettem a vonalkód -leolvasót egy szintváltóval (5–3,3 V), hogy csatlakozzon a málna pi -hez a TX en RX porton (soros kommunikáció).

Csatlakoztattam a kijelzőt a málna pi -hez, és potenciométert használtam az intenzitáshoz.

Legalább a zárat a 12V -os adapterrel telepítettem. Ügyeljen arra, hogy tranzisztorokat és diódákat használjon.

Ehhez a lépéshez csatolva megtalálhatja a lézervágott sémámat az Adobe illustratorban

7. lépés: Néhány kód írása

Itt az ideje, hogy megbizonyosodjon arról, hogy minden alkatrész jól működik. Tehát írtam egy kódot a pythonba, és telepítettem a málna pi -re. A kódomat megtalálhatja a Githubon, amikor tanáraim nyilvánosságra hozzák ezt.

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

A kód programozásához a Pycharm -ot kellett használnom. A kód html, CSS és python nyelven van írva (Flask és Jinja)

8. lépés: Az ajtó és a támogatás hozzáadása

Azt akartam, hogy a panel önálló legyen, ezért ehhez támogatást is adtam. Fa ragasztót használtam hozzá. Ezek után becsuktam az ajtót.