Կողպեքի փոփոխիչ. Բաց դուռ QR կոդով `8 քայլ

2024 Հեղինակ: John Day | [email protected]. Վերջին փոփոխված: 2024-01-30 09:48

Բարև, իմ անունը Բեն Վանփուկ է և ես սովորում եմ Նոր մեդիա և հաղորդակցման տեխնոլոգիա Howest- ում, Բելգիայի Կորտրիկ քաղաքում: Որպես դպրոցի առաջադրանք, մեզ անհրաժեշտ էր IoT սարք պատրաստել: Վարձակալելով կացարաններ Airbnb- ի միջոցով ՝ ես գաղափար ունեցա բնակարան, տուն, սենյակ բացել … վիրտուալ բանալիով (QR կոդ) իրական բանալու փոխարեն: Ես իմ սարքին տվեցի «LockChanger» անունը: Ստորև կարող եք կարդալ այն բոլոր քայլերը, որոնք անհրաժեշտ էին այս գործիքը պատրաստելու համար: Եթե ցանկանում եք ավելին իմանալ իմ և իմ պատրաստած այլ նախագծերի մասին, ստուգեք իմ պորտֆելը:

Քայլ 1: Ֆունկցիոնալ վերլուծություն

Գաղափարն իրականություն դարձավ: Հիմա ժամանակն էր հետաքննել, թե արդյոք մարդկանց դուր կգա այդ գաղափարը: Այսպիսով, ես որոշ օգտվողների հետ հարցազրույցներ տվեց այն մարդկանց հետ, ովքեր բնակարանների սեփականատերեր են, որոնք նրանք թույլ են տվել Airbnb- ին: Նրանց շատ դուր եկավ գաղափարը և ցանկանում էին, որ ես այն կառուցեի որքան հնարավոր է շուտ: Այսպիսով, ես սկսեցի մնացած գործընթացը: Ես կատարեցի որոշ համընկնումների վերլուծություններ և գրեցի որոշ անձնավորություններ: Դրանից հետո ես պատրաստեցի որոշ օգտվողների պատմություններ և քարտերի պատմություններ: Հետո ես պատրաստեցի ցածր հավատարմության մետաղալարերի շրջանակներ և դրա վրա օգտագործողների թեստեր կատարեցի: Ստացած արձագանքի հիման վրա ես փոխեցի շրջանակները:

Քայլ 2: Նյութերի հավաքում

Նախքան վեբ կայքի ձևավորումը և իմ գործիքի պատրաստումը սկսելը, ես պետք է համոզվեի, որ ես ունեմ իմ սարքի բոլոր անհրաժեշտ մասերը: Ես սկսեցի փնտրել իմ գործիքների տուփի մեջ և գրեցի այն, ինչ ինձ հարկավոր էր պատվիրել: Այստեղ դուք կարող եք գտնել նյութի ամբողջ հաշիվը: Սրանք հիմնական մասերն են.

1. Բզզոց

2. LCD էկրան

3. Առաջնորդվելով երկգույն

4. Կողպել

5. Ազնվամորի պի

6. Տեսախցիկ

7. Սկաներ

8. Փայտ

Քայլ 3: Տվյալների բազա

Նյութերը գնելուց և որոշ հետազոտություններ կատարելուց հետո ժամանակն էր իրերն իրական դարձնելու:

Ես սկսեցի ստեղծել սուբյեկտների հարաբերությունների դիագրամ, կազմեցի դրա տվյալների բազա և մուտքագրեցի որոշ տվյալներ: Շուտով պարզ դարձավ, որ կան որոշ սխալներ, ուստի ես դա արեցի նորից ու նորից, մինչև որ մտածեցի, որ դա բավական լավն է: Այն շատ դինամիկ է, այնպես որ կարող եք ավելացնել, թարմացնել կամ հեռացնել որոշ դաշտեր:

Պարզության և ավելի լավ արդյունքների համար ես սկան սեղանները կապեցի նաև օգտվողների և հարմարեցումների հետ:

Ես որոշ պահված գործառույթներ և պահված ընթացակարգեր եմ կատարել ՝ կայքը հեշտացնելու համար:

Այս անձի հարաբերությունների դիագրամ ստեղծելու համար ես օգտագործել եմ draw.io.

Այս քայլին կից կարող եք գտնել իմ Mysql աղբանոցը: Այսպիսով, դուք կարող եք հեշտությամբ ներմուծել այն:

Քայլ 4. Նախագծեք արձագանքող կայք

Ես մտածում էի, թե ինչպիսին պետք է լինի իմ արձագանքող կայքը: Նախքան դա անելը, ես պետք է հետ նայեի իմ կատարած ֆունկցիոնալ վերլուծությանը և փնտրեի ոգեշնչում և հետաքրքիր օրինաչափություններ:

Նախ, ես իմ դիզայնը պատրաստեցի Adobe XD- ում: Վերևի պատկերներում կարող եք տեսնել, որ ես օգտագործել եմ դասավորությունը և ելակետային ցանցը բովանդակությունը լավ տեղադրելու համար:

Իմ օգտագործած տառատեսակը Robotto էր: Իմ օգտագործած պատկերները cco լիցենզիա էին pexels.com- ից:

Դիզայնը հաստատվեց իմ ուսուցիչների կողմից, այնպես որ ես կարող էի սկսել ծրագրավորումը: Ես կայքը գրել եմ HTML - CSS - Python (Jinja2 և Flask):

Այս քայլին կից դուք կարող եք գտնել իմ դիզայնը web.xd.

Քայլ 5. Փխրման սխեմա

Մի քանի շաբաթ անց իմ բաղադրամասերը հանձնվեցին, որպեսզի ես կարողանամ սկսել սարքել իմ սարքը: Առաջին հերթին ես սխեմա կազմեցի ՝ համոզվելու համար, որ ամեն ինչ ճիշտ կկապեմ:

Էկրանի հետ միանալու համար օգտագործեցի 6 պին GPIO: Տեսախցիկը կարող է միացվել անմիջապես ազնվամորու պիին: Ես ընտրեցի շտրիխ սկաները միացնել մակարդակի փոխարկիչին `5v- ը 3.3v- ի փոխարկելու համար, որպեսզի կարողանամ պահպանել սերիական հաղորդակցությունը pi- ի հետ: Երկգույն led- ն օգտագործում է 2 gpio կապում:

Տրանզիստորին անհրաժեշտ է նաև մեկ gpio քորոց: Այնուհետև ես 12v- ը միացրեցի կողպեքին, իսկ տրանզիստորը ՝ ընդհանուր հիմքի: Համոզվեք, որ օգտագործում եք դիոդ `ձեր բաղադրիչները պաշտպանելու համար:

Buանգիչը միացված է շտրիխ կոդ սկաների հետ: Մեկ այլ GPIO փին նույնպես միացված է ազդանշանին, որպեսզի կարողանամ ինչ -որ ձայն ստեղծել կոդով: Դիտեք լավ. Դրա համար օգտագործվում է 2 դիոդ:

Այս սխեման ստեղծելու համար ես օգտագործեցի սառեցում: Դուք կարող եք այս քայլին կցված սխեմա:

Քայլ 6: Lazer կտրում և միացում

Ընկերոջս հետ լազերային կերպով կտրեցի անտառը: Ես ընտրում եմ 8 մմ հաստությամբ մուլտիպլեքս փայտ: Երբ դա արվեց, ես իմ բաղադրիչները դրեցի շրջանակի մեջ: Ես բաղադրիչներն առանց տեղապահի որոշ պտուտակներով ամրացրել եմ ափսեի հետևի մասում:

Հետո ես տեղադրեցի շտրիխ սկաները մակարդակի փոխարկիչով (5v- ից 3.3v) `TX en RX նավահանգստում ազնվամորի pi- ի հետ միանալու համար (սերիական հաղորդակցություն):

Ես էկրանը միացրեցի ազնվամորու pi- ին և ուժգնության համար օգտագործեցի պոտենցիոմետր:

Գոնե կողպեքս տեղադրել եմ 12 վ ադապտերով: Համոզվեք, որ դա օգտագործում եք տրանզիստոր և դիոդ:

Այս քայլին կից դուք կարող եք գտնել իմ լազերային կտրման սխեման Adobe illustrator- ում

Քայլ 7: Որոշ կոդեր գրել

Այժմ ժամանակն է համոզվել, որ բոլոր բաղադրիչներն աշխատում են այնտեղ: Այսպիսով, ես որոշ կոդ գրեցի python- ում և տեղադրեցի այն ազնվամորու pi- ի վրա: Դուք կարող եք գտնել իմ կոդը Github- ում, երբ իմ ուսուցիչները դա հրապարակայնացնեն:

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

Կոդը ծրագրավորելու համար ինձ անհրաժեշտ էր օգտագործել Pycharm- ը: Կոդը գրված է html- ով, CSS- ով և python- ով (Flask and Jinja)

Քայլ 8: Ավելացնելով դուռը և հենարանը

Ես ուզում էի, որ վահանակը միայնակ կանգնի, ուստի ես դրան աջակցություն ավելացրի: Ես դրա համար փայտի սոսինձ եմ օգտագործել: Սրանից հետո դուռը միացրեցի: