Lock Changer: เปิดประตูด้วย QR-code: 8 ขั้นตอน
Lock Changer: เปิดประตูด้วย QR-code: 8 ขั้นตอน
Image
Image
การวิเคราะห์การทำงาน
การวิเคราะห์การทำงาน

สวัสดี ฉันชื่อ Ben Vanpoucke และฉันศึกษาเทคโนโลยีสื่อและการสื่อสารใหม่ที่ Howest ใน Kortrijk ประเทศเบลเยียม ในการมอบหมายงานสำหรับโรงเรียน เราจำเป็นต้องสร้างอุปกรณ์ IoT การเช่าที่พักผ่าน Airbnb ฉันมีความคิดที่จะเปิดอพาร์ทเมนต์ บ้าน ห้อง… ด้วยคีย์เสมือน (รหัส QR) แทนที่จะเป็นกุญแจจริง ฉันตั้งชื่ออุปกรณ์ของฉันว่า 'LockChanger' ด้านล่างนี้ คุณสามารถอ่านขั้นตอนทั้งหมดที่จำเป็นในการสร้างเครื่องมือนี้ หากคุณต้องการทราบข้อมูลเพิ่มเติมเกี่ยวกับฉันและโครงการอื่นๆ ที่ฉันทำ ให้ตรวจสอบผลงานของฉัน

ขั้นตอนที่ 1: การวิเคราะห์การทำงาน

ความคิดกลายเป็นความจริง ตอนนี้ได้เวลาตรวจสอบว่าผู้คนต้องการแนวคิดนี้หรือไม่ ดังนั้นฉันจึงสัมภาษณ์ผู้ใช้กับผู้ที่เป็นเจ้าของที่พักที่พวกเขาปล่อยให้กับ Airbnb พวกเขาชอบแนวคิดนี้มากและต้องการให้ฉันสร้างมันโดยเร็วที่สุด ดังนั้นฉันจึงเริ่มกระบวนการที่เหลือ ฉันได้วิเคราะห์การเห็นพ้องต้องกันและเขียนลักษณะบางอย่างลงไป หลังจากนั้นฉันสร้างเรื่องราวของผู้ใช้และเรื่องราวของการ์ด จากนั้นฉันก็สร้างโครงลวดที่มีความเที่ยงตรงต่ำและทำการทดสอบโดยผู้ใช้ จากคำติชมที่ฉันได้รับ ฉันเปลี่ยนเฟรม

ขั้นตอนที่ 2: รวบรวมวัสดุ

การรวบรวมวัสดุ
การรวบรวมวัสดุ
การรวบรวมวัสดุ
การรวบรวมวัสดุ
การรวบรวมวัสดุ
การรวบรวมวัสดุ

ก่อนที่ฉันจะเริ่มออกแบบเว็บไซต์และสร้างเครื่องมือ ฉันต้องแน่ใจว่าฉันมีชิ้นส่วนที่จำเป็นทั้งหมดสำหรับอุปกรณ์ของฉัน ฉันเริ่มมองหาในกล่องเครื่องมือและจดสิ่งที่ต้องสั่งซื้อ คุณสามารถค้นหารายการวัสดุทั้งหมดได้ที่นี่ เหล่านี้เป็นส่วนหลัก:

1. Buzzer

2. จอ LCD

3. นำสองสี

4. ล็อค

5. ราสเบอร์รี่ปี่

6. กล้อง

7. สแกนเนอร์

8. ไม้

ขั้นตอนที่ 3: ฐานข้อมูล

ฐานข้อมูล
ฐานข้อมูล

หลังจากซื้อวัสดุและค้นคว้าแล้ว ก็ถึงเวลาสร้างสิ่งต่างๆ ให้เป็นจริง

ฉันเริ่มสร้างไดอะแกรมความสัมพันธ์ของเอนทิตี สร้างฐานข้อมูลและป้อนข้อมูลบางอย่าง ไม่นานก็เห็นได้ชัดว่ามีข้อผิดพลาดบางอย่างดังนั้นฉันจึงทำมันซ้ำแล้วซ้ำอีกจนฉันคิดว่าดีพอ ไดนามิกมาก ดังนั้นคุณสามารถเพิ่ม อัปเดต หรือลบบางฟิลด์ได้

เพื่อความเรียบง่ายและผลลัพธ์ที่ดีกว่า ฉันจึงเชื่อมโยงตารางสแกนกับผู้ใช้และที่พักด้วย

ฉันสร้างฟังก์ชันที่เก็บไว้และขั้นตอนการจัดเก็บเพื่อทำให้สิ่งต่างๆ บนเว็บไซต์ง่ายขึ้น

สำหรับการสร้างไดอะแกรมความสัมพันธ์เอนทิตีนี้ ฉันใช้ draw.io

แนบไปกับขั้นตอนนี้ คุณจะพบ Mysql dump ของฉัน เพื่อให้คุณสามารถนำเข้าได้ง่าย

ขั้นตอนที่ 4: ออกแบบเว็บไซต์ที่ตอบสนองตามอุปกรณ์

ออกแบบเว็บไซต์ตอบสนอง
ออกแบบเว็บไซต์ตอบสนอง
ออกแบบเว็บไซต์ตอบสนอง
ออกแบบเว็บไซต์ตอบสนอง

ฉันกำลังคิดว่าเว็บไซต์ที่ตอบสนองของฉันจะต้องเป็นอย่างไร ก่อนที่ฉันจะทำอย่างนั้นได้ ฉันต้องย้อนกลับไปดูการวิเคราะห์เชิงฟังก์ชันที่ฉันสร้างขึ้นและค้นหาแรงบันดาลใจและรูปแบบที่น่าสนใจ

อันดับแรก ฉันทำการออกแบบใน Adobe XD ในภาพด้านบน คุณจะเห็นว่าฉันใช้เค้าโครงและตารางพื้นฐานเพื่อจัดตำแหน่งเนื้อหาที่ดี

แบบอักษรที่ฉันใช้คือ Robotto รูปภาพที่ฉันใช้คือ cco License จาก pexels.com

การออกแบบได้รับการอนุมัติจากอาจารย์ของฉัน ดังนั้นฉันจึงสามารถเริ่มเขียนโปรแกรมได้ ฉันเขียนไซต์ด้วย HTML - CSS - Python (Jinja2 และ Flask)

แนบไปกับขั้นตอนนี้ คุณสามารถค้นหาการออกแบบของฉันได้ใน web.xd

ขั้นตอนที่ 5: Fritzing Scheme

Fritzing Scheme
Fritzing Scheme

หลังจากผ่านไปสองสามสัปดาห์ ส่วนประกอบของฉันก็ถูกส่งไปเพื่อที่ฉันจะได้เริ่มสร้างอุปกรณ์ได้ ก่อนอื่นฉันทำแผนเพื่อให้แน่ใจว่าฉันจะเชื่อมโยงทุกอย่างอย่างถูกต้อง

ฉันใช้ GPIO 6 พินเพื่อเชื่อมต่อกับจอแสดงผล สามารถเสียบกล้องเข้ากับ Raspberry Pi ได้โดยตรง ฉันเลือกที่จะเชื่อมต่อเครื่องสแกนบาร์โค้ดกับเครื่องแปลงระดับเพื่อแปลง 5v เป็น 3.3v เพื่อให้ฉันสามารถตั้งค่าการสื่อสารแบบอนุกรมที่บันทึกด้วย pi ได้ ไฟ LED สองสีใช้หมุด gpio 2 อัน

ทรานซิสเตอร์ยังต้องการพิน gpio หนึ่งพิน จากนั้นฉันเชื่อมต่อ 12v กับล็อคและต่อทรานซิสเตอร์กับกราวด์ทั่วไป ตรวจสอบให้แน่ใจว่าคุณใช้ไดโอดเพื่อปกป้องส่วนประกอบของคุณ

ออดเชื่อมต่อกับเครื่องสแกนบาร์โค้ด พิน GPIO อีกอันเชื่อมต่อกับออดด้วย ดังนั้นฉันจึงสร้างเสียงด้วยโค้ดได้ ดูให้ดี: ใช้ไดโอด 2 ตัวสำหรับสิ่งนี้

สำหรับการสร้างแบบแผนนี้ ฉันใช้ fritzing คุณสามารถแบบแผนที่แนบมากับขั้นตอนนี้

ขั้นตอนที่ 6: การตัดและการเชื่อมต่อด้วยเลเซอร์

การตัดและการเชื่อมต่อด้วยเลเซอร์
การตัดและการเชื่อมต่อด้วยเลเซอร์
การตัดและการเชื่อมต่อด้วยเลเซอร์
การตัดและการเชื่อมต่อด้วยเลเซอร์
การตัดและการเชื่อมต่อด้วยเลเซอร์
การตัดและการเชื่อมต่อด้วยเลเซอร์

ฉันเลเซอร์ตัดป่าร่วมกับเพื่อน ฉันเลือกไม้มัลติเพล็กซ์ที่มีความหนา 8 มม. เมื่อเสร็จแล้ว ฉันก็ผลักส่วนประกอบของฉันเข้าไปในเฟรม ฉันติดตั้งส่วนประกอบโดยไม่มีตัวยึดพร้อมสกรูบางตัวที่ด้านหลังของเพลต

จากนั้นฉันติดตั้งเครื่องสแกนบาร์โค้ดพร้อมตัวแปลงระดับ (5v ถึง 3.3v) เพื่อเชื่อมต่อกับ raspberry pi บนพอร์ต TX en RX (การสื่อสารแบบอนุกรม)

ฉันเชื่อมต่อจอแสดงผลกับราสเบอร์รี่ pi และใช้โพเทนชิออมิเตอร์เพื่อปรับระดับความเข้ม

อย่างน้อยฉันก็ติดตั้งล็อคด้วยอะแดปเตอร์ 12v ตรวจสอบให้แน่ใจว่าคุณใช้ทรานซิสเตอร์และไดโอดเมื่อทำเช่นนี้

แนบไปกับขั้นตอนนี้ คุณจะพบโครงร่างการตัดด้วยเลเซอร์ของฉันใน Adobe illustrator

ขั้นตอนที่ 7: การเขียนโค้ดบางส่วน

การเขียนโค้ดบางส่วน
การเขียนโค้ดบางส่วน

ตอนนี้ได้เวลาตรวจสอบให้แน่ใจว่าส่วนประกอบทั้งหมดทำงานที่นั่น ดังนั้นฉันจึงเขียนโค้ดใน python และปรับใช้บน raspberry pi คุณสามารถค้นหารหัสของฉันบน Github เมื่อครูของฉันเผยแพร่ข้อมูลนี้เป็นสาธารณะ

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

สำหรับการเขียนโปรแกรมโค้ด ฉันต้องใช้ Pycharm รหัสเขียนด้วย html, CSS และ python (Flask และ Jinja)

ขั้นตอนที่ 8: การเพิ่มประตูและส่วนรองรับ

การเพิ่มประตูและการสนับสนุน
การเพิ่มประตูและการสนับสนุน
การเพิ่มประตูและการสนับสนุน
การเพิ่มประตูและการสนับสนุน
การเพิ่มประตูและการสนับสนุน
การเพิ่มประตูและการสนับสนุน
การเพิ่มประตูและการสนับสนุน
การเพิ่มประตูและการสนับสนุน

ฉันต้องการให้แผงควบคุมทำงานโดยลำพัง ดังนั้นฉันจึงเพิ่มการสนับสนุนสำหรับสิ่งนี้ ฉันใช้กาวไม้สำหรับมัน หลังจากนั้นฉันก็เชื่อมต่อประตู

แนะนำ: