Съдържание:

Превключвател за заключване: Отворена врата с QR-код: 8 стъпки
Превключвател за заключване: Отворена врата с QR-код: 8 стъпки

Видео: Превключвател за заключване: Отворена врата с QR-код: 8 стъпки

Видео: Превключвател за заключване: Отворена врата с QR-код: 8 стъпки
Видео: Полное руководство по Google Forms - универсальный инструмент для опросов и сбора данных онлайн! 2024, Юли
Anonim
Image
Image
Функционален анализ
Функционален анализ

Здравейте, казвам се Бен Ванпуке и изучавам нови медии и комуникационни технологии в 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. Двуцветният светодиод използва 2 gpio щифта.

Транзисторът също се нуждае от един gpio щифт. След това свързах 12v към ключалката и през транзистора към обща маса. Уверете се, че използвате диод, за да защитите компонентите си.

Звуковият сигнал е свързан със скенера за баркод. Друг GPIO щифт също е свързан към зумера, така че мога да създам звук с код. Гледайте добре: за това се използват 2 диода.

За създаването на тази схема използвах фризиране. Можете да използвате схемата, приложена към тази стъпка.

Стъпка 6: Лазерно рязане и свързване

Лазерно рязане и свързване
Лазерно рязане и свързване
Лазерно рязане и свързване
Лазерно рязане и свързване
Лазерно рязане и свързване
Лазерно рязане и свързване

Заедно с приятел изрязах лазерната гора. Избирам мултиплексно дърво с дебелина 8 мм. След като това беше направено, бутнах компонентите си в рамката. Монтирах компонентите без резервоар с няколко винта в задната част на плочата.

След това инсталирах скенер за баркод с преобразувател на ниво (5v до 3.3v), за да се свържа с малиновото pi на TX en RX порта (серийна комуникация).

Свързах дисплея към малиновото пи и използвах потенциометър за интензитета.

Поне си сложих ключалката с 12v адаптер. Уверете се, че използвате транзистор и диод, когато правите това.

Към тази стъпка можете да намерите моята схема за лазерно изрязване в Adobe illustrator

Стъпка 7: Написване на някакъв код

Писане на някакъв код
Писане на някакъв код

Сега е време да се уверим, че всички компоненти вършат работа. Затова написах някакъв код в python и го разгърнах на малиново pi. Можете да намерите моя код в Github, когато моите учители направят това публично достояние.

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

За програмиране на кода трябваше да използвам Pycharm. Кодът е написан на html, CSS и python (Flask и Jinja)

Стъпка 8: Добавяне на вратата и опората

Добавяне на вратата и поддръжката
Добавяне на вратата и поддръжката
Добавяне на вратата и поддръжката
Добавяне на вратата и поддръжката
Добавяне на вратата и поддръжката
Добавяне на вратата и поддръжката
Добавяне на вратата и поддръжката
Добавяне на вратата и поддръжката

Исках панелът да стои самостоятелно, затова добавих поддръжка за това. Използвах лепило за дърво за него. След това свързах вратата.

Препоръчано: