Lukitusvaihtaja: Avaa ovi QR-koodilla: 8 vaihetta

2024 Kirjoittaja: John Day | [email protected]. Viimeksi muokattu: 2024-01-30 09:01

Hei, nimeni on Ben Vanpoucke ja opiskelen uutta mediaa ja viestintätekniikkaa Howestissa Kortrijkissa, Belgiassa. Koulutehtävänä meidän oli tehtävä IoT-laite. Kun vuokrasin majoitusta Airbnb: n kautta, sain idean avata asunto, talo, huone… virtuaalisella avaimella (QR -koodi) oikean avaimen sijasta. Annoin laitteelleni nimen LockChanger. Alla voit lukea kaikki tämän työkalun tekemiseen tarvittavat vaiheet. Jos haluat tietää enemmän minusta ja muista tekemistäni projekteista, tarkista portfolioni.

Vaihe 1: Toiminnallinen analyysi

Ideasta tuli totta. Nyt oli aika tutkia, pitäisivätkö ihmiset ideasta. Joten tein joitakin käyttäjähaastatteluja ihmisten kanssa, jotka ovat Airbnb: n tarjoamien majoitusten omistajia. He todella pitivät ideasta ja halusivat minun rakentavan sen mahdollisimman pian. Aloitin siis loput prosessista. Tein yhdenmukaisuusanalyysin ja kirjoitin muistiin joitakin henkilöitä. Tämän jälkeen tein joitakin käyttäjä- ja korttitarinoita. Sitten tein matalan tarkkuuden lankakehyksiä ja tein sille käyttäjäkokeita. Saamani palautteen perusteella vaihdoin kehyksiä.

Vaihe 2: Materiaalien kerääminen

Ennen kuin aloitin verkkosivuston suunnittelun ja työkalun valmistamisen, minun oli varmistettava, että minulla on kaikki tarvittavat osat laitteelleni. Aloin etsiä työkalupakkiani ja kirjoitin ylös mitä tarvitsin tilata. Täältä löydät koko materiaalilaskun. Nämä ovat pääosat:

1. summeri

2. LCD -näyttö

3. LED -kaksivärinen

4. Lukitse

5. Vadelma pi

6. Kamera

7. Skanneri

8. Puu

Vaihe 3: Tietokanta

Materiaalien ostamisen ja tutkimuksen jälkeen oli aika tehdä asiat todellisiksi.

Aloin luoda entiteettisuhdekaavion, tein siitä tietokannan ja syötin joitain tietoja. Pian oli selvää, että virheitä oli, joten tein sen uudestaan ja uudestaan, kunnes ajattelin, että se oli tarpeeksi hyvä. Se on erittäin dynaaminen, joten voit lisätä, päivittää tai poistaa joitain kenttiä.

Yksinkertaisuuden ja paremman tuloksen vuoksi linkitin skannaustaulukot myös käyttäjiin ja majoitukseen.

Tein joitain tallennettuja toimintoja ja tallennettuja menettelyjä helpottaakseni asioita verkkosivustolla.

Tämän entiteettisuhdekaavion luomiseen käytin draw.io.

Tämän vaiheen liitteenä on MySql -kaatopaikkani. Joten voit tuoda sen helposti.

Vaihe 4: Suunnittele reagoiva verkkosivusto

Mietin, miltä responsiivisen verkkosivustoni täytyy näyttää. Ennen kuin pystyin tekemään sen, minun piti katsoa taaksepäin tekemääni toiminnalliseen analyysiin ja etsiä inspiraatiota ja mielenkiintoisia malleja.

Ensin tein suunnitteluni Adobe XD: llä. Ylhäällä olevista kuvista näet, että olen asettanut sisällön asettelun ja peruslinjan avulla.

Fontti, jota käytin, oli Robotto. Käyttämäni kuvat olivat cco License pexels.com -sivustolta.

Opettajat hyväksyivät suunnitelman, joten voisin aloittaa ohjelmoinnin. Kirjoitin sivuston HTML -muodossa - CSS - Python (Jinja2 ja Flask).

Tämän vaiheen liitteenä löydät suunnitteluni web.xd.

Vaihe 5: Fritzing Scheme

Muutaman viikon kuluttua komponentit toimitettiin, jotta voisin aloittaa laitteen rakentamisen. Tein ensin suunnitelman varmistaakseni, että yhdistäisin kaiken oikein.

Käytin 6 -nastaista GPIO: ta yhteyden muodostamiseen näyttöön. Kamera voidaan kytkeä suoraan vadelmapi. Valitsin liittää viivakoodinlukijan tasomuuntimeen 5V: n muuntamiseksi 3,3 V: ksi, jotta voisin perustaa tallennetun sarjaliikenteen pi: n kanssa. Kaksivärinen LED käyttää 2 gpio -nastaa.

Transistori tarvitsee myös yhden gpio -nastan. Sitten liitin 12v lukkoon ja transistorin läpi yhteiseen maahan. Varmista, että käytät diodia komponenttien suojaamiseen.

Summeri on yhdistetty viivakoodinlukijaan. Toinen GPIO -nasta on myös liitetty summeriin, jotta voin luoda äänen koodilla. Katso hyvä: tähän käytetään 2 diodia.

Tämän mallin luomiseen käytin friteerausta. Voit liittää tähän vaiheeseen liitetyn kaavan.

Vaihe 6: Lazerin leikkaaminen ja yhdistäminen

Yhdessä ystäväni kanssa leikkasin metsää. Valitsen 8 mm paksun multipleksipuun. Kun tämä oli tehty, työnsin komponentit kehykseen. Asensin komponentit ilman paikkamerkkiä ja ruuveja levyn takaosaan.

Asensin sitten viivakoodiskannerin, jossa oli tasomuunnin (5v - 3.3v), jotta voin muodostaa yhteyden TX en RX -portin (sarjaliikenne) vadelmapi: hen.

Liitin näytön vadelma pi: hen ja käytin voimakkuutta potentiometrillä.

Ainakin asensin lukkoni 12v -sovittimella. Varmista, että käytät transistoria ja diodia tätä tehdessäsi.

Tämän vaiheen liitteenä löydät laserleikkausohjelmani Adobe illustratorista

Vaihe 7: Jonkin koodin kirjoittaminen

Nyt on aika varmistaa, että kaikki komponentit toimivat siellä. Joten kirjoitin koodin pythoniin ja otin sen käyttöön vadelma pi: llä. Löydät koodini Githubista, kun opettajani julkistavat tämän.

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

Koodin ohjelmointiin tarvitsin Pycharmia. Koodi on kirjoitettu html, CSS ja python (Flask ja Jinja)

Vaihe 8: Oven ja tuen lisääminen

Halusin paneelin olevan yksin, joten lisäsin tuen tähän. Käytin siihen puuliimaa. Tämän jälkeen liitin oven.