
สารบัญ:
2025 ผู้เขียน: John Day | [email protected]. แก้ไขล่าสุด: 2025-01-23 15:12



เพื่อสิ้นสุดปีแรกของการเรียนเทคโนโลยีสื่อและการสื่อสารใหม่ (NMCT) ฉันต้องสร้างโครงการที่จะรวมหลักสูตรทั้งหมดของปีที่ผ่านมา
ฉันเกิดความคิดที่จะทำตู้ล็อกเกอร์อัจฉริยะ ฉันสามารถใช้เพื่อทำให้จุดรวบรวมสำหรับแพ็คเกจโดยอัตโนมัติ
เพื่อทำให้ความคิดเป็นจริง ฉันใช้ราสเบอร์รี่ pi ฉันตั้งโปรแกรมโค้ดใน python และใช้เว็บเซิร์ฟเวอร์ Flask เพื่อโฮสต์เว็บแอปพลิเคชันที่รวบรวมข้อมูลและควบคุมล็อกเกอร์ ในคำแนะนำนี้ คุณสามารถค้นหาขั้นตอนทั้งหมดที่ฉันทำเพื่อให้โปรเจ็กต์ทำงานได้
ขั้นตอนที่ 1: วิเคราะห์ไอเดียของฉัน

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

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

หลังจากทำการค้นคว้าและซื้อวัสดุที่เหมาะสมแล้วก็ถึงเวลาสร้างฐานข้อมูล
อันดับแรก ฉันสร้างไดอะแกรมความสัมพันธ์ของเอนทิตีโดยใช้ MySQL Workbench (ดังภาพด้านบน) จากนั้นฉันก็ส่งต่อ
ออกแบบ ERD นี้และสร้างฐานข้อมูล ที่นี่ฉันเพิ่มข้อมูลสุ่มเพื่อทดสอบซ้ำแล้วซ้ำอีกจนกระทั่งไม่พบข้อผิดพลาดอีกต่อไป
ฐานข้อมูลของฉันมี 6 ตาราง ตารางหลักคือตารางประวัติ นี่คือตารางที่ฉันจัดเก็บข้อมูลทั้งหมดที่ฉันได้รับจากเซ็นเซอร์ของฉัน
ความตั้งใจของ 'เจ้าของ' ตารางคือการเก็บข้อมูลบางอย่างเกี่ยวกับเจ้าของที่ล็อกเกอร์บรรจุหีบห่อไว้ หากเจ้าของล็อกเกอร์ไม่มารับพัสดุภายใน 14 วัน เจ้าของล็อกเกอร์สามารถติดต่อบุคคลนี้เพื่อแจ้งข้อมูลนี้ได้
ฉันยังเก็บชื่อผู้ใช้และรหัสผ่านของผู้ควบคุมดูแลทั้งหมดที่จัดเก็บไว้ในฐานข้อมูล เพื่อให้พวกเขาสามารถเข้าสู่ระบบจากเว็บแอปพลิเคชันเพื่อดูภาพรวมของข้อมูลทั้งหมดที่รวบรวมโดยล็อกเกอร์
คุณสามารถค้นหาไฟล์ดัมพ์ MySQL ได้ในไฟล์แนบ
ขั้นตอนที่ 4: ออกแบบเว็บไซต์ที่ตอบสนองตามอุปกรณ์

ตอนนี้ฉันมีฐานข้อมูลแล้ว ฉันสามารถเริ่มสร้างเว็บแอปพลิเคชันที่ตอบสนองได้
ก่อนที่ฉันจะเริ่มเขียนโปรแกรมทั้งหมด ฉันได้ออกแบบประสบการณ์ผู้ใช้และออกแบบส่วนต่อประสานผู้ใช้สำหรับอุปกรณ์พกพา รวมถึงเว็บแอปพลิเคชันเวอร์ชันเว็บของฉันโดยใช้ Adobe XD
ด้วยแผนงานที่เป็นรูปธรรมนี้ มันง่ายมากที่จะสร้างมันขึ้นมาใหม่โดยใช้ HTML และ CSS เพื่อให้กลายเป็นเว็บแอปพลิเคชันที่ตอบสนอง
เว็บแอปพลิเคชันของฉันประกอบด้วย 2 ส่วน ส่วนแรกมีไว้สำหรับผู้ใช้ทั่วไป เป็นคำอธิบายเล็กๆ น้อยๆ เกี่ยวกับโครงการของฉัน ส่วนที่สองประกอบด้วยการเข้าสู่ระบบสำหรับผู้ดูแลระบบตู้เก็บของและภาพรวมของข้อมูลที่รวบรวมทั้งหมด
ฉันแนบการออกแบบสำหรับเว็บไซต์มาที่ขั้นตอนนี้
ขั้นตอนที่ 5: การสร้างวงจร

เมื่อผมมีส่วนประกอบครบแล้ว ผมก็เริ่มสร้างวงจรได้
อย่างแรก ฉันทำแผนคร่าวๆ เพื่อแสดงภาพทุกอย่าง จากนั้นฉันก็เริ่มสร้างมันขึ้นมาใหม่
เมื่อวางสายไฟทั้งหมดเข้าที่แล้ว ฉันเปิดเครื่องเพื่อดูว่าทุกอย่างเรียบร้อยดีหรือไม่ ในการไล่ล่าของฉัน มันไม่ใช่… สายไฟที่ฉันเคยวิ่งผ่าน 12V นั้นบางและก็ไหม้ ดังนั้นฉันจึงแทนที่ด้วยสายไฟที่หนาขึ้น
ฉันแนบแผนผังการเดินสายไฟในขั้นตอนนี้
ขั้นตอนที่ 6: ทำให้วงจรมีชีวิต

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




เมื่อผมเตรียมการเข้ารหัสทั้งหมดแล้ว ก็ถึงเวลาสร้างที่อยู่อาศัยสำหรับอุปกรณ์อิเล็กทรอนิกส์
ฉันใช้แผ่นไม้สร้างกรอบของตู้เก็บของ จากนั้นจึงปิดกรอบด้วยการตอกแผ่น MDF เข้ากับกรอบ ฉันยังใช้แผง MDF 2 แผ่นเพื่อทำประตู 2 บาน ฉันเจาะรูสำหรับหน้าต่าง (ลูกแก้ว) ที่ประตูและเพิ่มแผ่นโลหะขนาดเล็ก 2 แผ่นเพื่อให้สามารถปิดประตูด้วยตัวล็อคได้
เมื่อบ้านพร้อมแล้ว ฉันวางอุปกรณ์อิเล็กทรอนิกส์ลงในนั้นเสียบราสเบอร์รี่ pi ของฉันแล้วสนุกกับผลลัพธ์
แนะนำ:
การออกแบบเกมในการสะบัดใน 5 ขั้นตอน: 5 ขั้นตอน

การออกแบบเกมในการสะบัดใน 5 ขั้นตอน: การตวัดเป็นวิธีง่ายๆ ในการสร้างเกม โดยเฉพาะอย่างยิ่งเกมปริศนา นิยายภาพ หรือเกมผจญภัย
การตรวจจับใบหน้าบน Raspberry Pi 4B ใน 3 ขั้นตอน: 3 ขั้นตอน

การตรวจจับใบหน้าบน Raspberry Pi 4B ใน 3 ขั้นตอน: ในคำแนะนำนี้ เราจะทำการตรวจจับใบหน้าบน Raspberry Pi 4 ด้วย Shunya O/S โดยใช้ Shunyaface Library Shunyaface เป็นห้องสมุดจดจำใบหน้า/ตรวจจับใบหน้า โปรเจ็กต์นี้มีจุดมุ่งหมายเพื่อให้เกิดความเร็วในการตรวจจับและจดจำได้เร็วที่สุดด้วย
วิธีการติดตั้งปลั๊กอินใน WordPress ใน 3 ขั้นตอน: 3 ขั้นตอน

วิธีการติดตั้งปลั๊กอินใน WordPress ใน 3 ขั้นตอน: ในบทช่วยสอนนี้ ฉันจะแสดงขั้นตอนสำคัญในการติดตั้งปลั๊กอิน WordPress ให้กับเว็บไซต์ของคุณ โดยทั่วไป คุณสามารถติดตั้งปลั๊กอินได้สองวิธี วิธีแรกคือผ่าน ftp หรือผ่าน cpanel แต่ฉันจะไม่แสดงมันเพราะมันสอดคล้องกับ
การลอยแบบอะคูสติกด้วย Arduino Uno ทีละขั้นตอน (8 ขั้นตอน): 8 ขั้นตอน

การลอยแบบอะคูสติกด้วย Arduino Uno ทีละขั้นตอน (8 ขั้นตอน): ตัวแปลงสัญญาณเสียงล้ำเสียง L298N Dc ตัวเมียอะแดปเตอร์จ่ายไฟพร้อมขา DC ตัวผู้ Arduino UNOBreadboardวิธีการทำงาน: ก่อนอื่น คุณอัปโหลดรหัสไปยัง Arduino Uno (เป็นไมโครคอนโทรลเลอร์ที่ติดตั้งดิจิตอล และพอร์ตแอนะล็อกเพื่อแปลงรหัส (C++)
เครื่อง Rube Goldberg 11 ขั้นตอน: 8 ขั้นตอน

เครื่อง 11 Step Rube Goldberg: โครงการนี้เป็นเครื่อง 11 Step Rube Goldberg ซึ่งออกแบบมาเพื่อสร้างงานง่ายๆ ในรูปแบบที่ซับซ้อน งานของโครงการนี้คือการจับสบู่ก้อนหนึ่ง