คอนโซลคูลเลอร์: 11 ขั้นตอน

2024 ผู้เขียน: John Day | [email protected]. แก้ไขล่าสุด: 2024-01-30 13:03

คุณมีคอนโซลเก่าหรือไม่?

คุณกลัวว่าคอนโซลของคุณอาจร้อนเกินไปในช่วงฤดูร้อนหรือไม่?

นี่คือโครงการสำหรับคุณ!

ฉันชื่อ Thibeau Deleu และฉันเป็นนักเรียนจากเทคโนโลยีมัลติมีเดียและการสื่อสารที่ Howest Kortrijk

ชื่อของโครงการนี้เรียกว่า 'Console Cooler' อย่างที่ชื่อบอก มันเป็นอุปกรณ์ที่ช่วยให้คอนโซลของคุณเย็นอยู่เสมอ! การระบายความร้อนเกิดขึ้นผ่านพัดลมที่ด้านบนของเคส ซึ่งจะสร้างกระแสลมเพิ่มเติม

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

ขั้นตอนที่ 1: ส่วนประกอบหลัก (เซ็นเซอร์และ LCD)

เราจำเป็นต้องสร้างอุปกรณ์นี้อย่างไร?

มาเริ่มกันโดยให้ภาพรวมว่าองค์ประกอบหลักคืออะไร:

• ตัวต้านทาน LDR
• เซ็นเซอร์อุณหภูมิ ML35
• Jtron DC 5V 0.23a 3 5 ซม. พัดลมระบายความร้อน.
• เซ็นเซอร์ตรวจจับความเคลื่อนไหว PIR
• เซ็นเซอร์อุลตร้าโซนิค

สำหรับคำถามในตอนต้นของขั้นตอนนี้ ฉันจะวางรูปภาพ excel 2 รูปพร้อมส่วนประกอบทั้งหมดที่คุณต้องการ แต่ฉันจะพูดถึงส่วนที่สำคัญที่สุดในขั้นตอนต่อไปนี้ เพื่อให้เข้าใจง่ายขึ้น

ก่อนอื่น เราต้องการส่วนประกอบหลักเพื่อให้ใช้งานได้ และนั่นคือ Raspberry Pi ที่มีการ์ด micro SD ขนาด 16GB เป็นอย่างน้อย หากไม่มีมันก็ไม่มีอะไรทำงาน

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

• ตัวต้านทาน LDR
• เซ็นเซอร์อุณหภูมิ LM35

สำหรับตัวพัดลมนั้น ผมจะใช้ Jtron DC 5V 0.23a 3 5 cm Cooling Fan

มีองค์ประกอบพิเศษบางอย่างในโปรเจ็กต์นี้ เพราะมันน่าสนใจที่จะเพิ่มมันเข้าไปในโปรเจ็กต์ (สำหรับฉันเป็นการส่วนตัว)

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

ในที่สุด เรามี LCD เพื่อแสดงที่อยู่ IP ของไซต์ ไซต์นี้จะแสดงค่าของเซ็นเซอร์ และคุณจะสามารถควบคุมพัดลมจากไซต์นี้

ขั้นตอนที่ 2: รายการที่จะทำให้วงจรทำงาน (ทรานซิสเตอร์, ตัวต้านทาน, …)

ทรานซิสเตอร์ / ตัวต้านทานต่อไปนี้ถูกใช้เพื่อทำให้โครงการนี้ทำงานได้

ทรานซิสเตอร์:

ทรานซิสเตอร์ NPN: PN2222 (ต้องการ 1 รายการ)

ตัวต้านทาน:

• 10k โอห์ม (จำเป็น 3 ตัว)
• 1k โอห์ม (2 จำเป็น)
• 2k โอห์ม (2 จำเป็น)

พาวเวอร์ซัพพลาย:

powermodule เขียงหั่นขนม 3V / 5V (ต้องการ 1 รายการ)

สายเคเบิล:

• ชาย/ชาย (อย่างน้อย 30-40)
• สายเคเบิลตัวเมีย/ตัวผู้ (ประมาณ 10-20 สำหรับ LCD, LDR และพัดลม)
• สายเคเบิลตัวเมีย/ตัวเมีย (ประมาณ 10-20 เส้น หากคุณต้องการขยายสายเคเบิลสำหรับเคส)

อื่น:

• 1 Potentiometer (สำหรับการควบคุมแสงบน LCD)
• 1 MCP3008 (เพื่อแปลงค่าอนาล็อก LDR เป็นค่าดิจิตอล)
• 2 เขียงหั่นขนมเพื่อวางทุกอย่างบน

ขั้นตอนที่ 3: แผนผังการเดินสายไฟพร้อมคำอธิบาย

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

ขั้นตอนที่ 4: กรณี: ส่วนประกอบ

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

ด้วยเหตุนี้จึงจำเป็นต้องมีกรณี

ในการสร้างเคสนี้ เราต้องการส่วนประกอบต่อไปนี้:

ไม้:

• แผ่นใยไม้อัดขนาดใหญ่หนึ่งแผ่น (หนา 1.2 ซม.) เพื่อตัดชิ้นส่วนต่อไปนี้:

  • 2 ชิ้น 14 ซม. บน 20 ซม. (หน้า / หลังเคส)
  • 2 ชิ้น 45 ซม. บน 12 ซม. (ด้านข้างของเคส)
  • 2 ชิ้น 20 ซม. บน 45 ซม. (บน / ล่างของเคส)
  • 2 แท่ง (เพื่อใช้เป็นฐานรองตัวเรือน)

บานพับ:

• บานพับเปิดด้านหน้า 2 อัน (บานพับอยู่ด้านล่างของด้านหน้า)
• บานพับ 2 บานเปิดด้านบน

รับมือ:

1 ด้าม (สำหรับเปิดด้านหน้า)

กาว:

กาว TEC ขนาดใหญ่ 1 หลอด (สำหรับติดกาวเข้าด้วยกัน)

เลื่อย:

Atlantic Saw (เพื่อตัดรูที่จำเป็นในชิ้นส่วนสำหรับเซ็นเซอร์ LDR และพัดลม)

แซนเดอร์:

Black&Decker ทำให้ชิ้นงานเรียบเมื่อตัดแล้ว

เจาะ:

1 ดอกสว่านขนาดเส้นผ่านศูนย์กลางสกรู 0.6 ซม. (สำหรับเจาะรู)

สี / ไพรเมอร์:

• ไพรเมอร์ ลีวิส สีขาว 1 กระปุก (0.25L)
• เพ้นท์สีขาว Levis 1 หม้อ (0.25L)

แม่เหล็ก:

แม่เหล็ก 2 อัน (ซึ่งจะยึดประตูเคส)

แปรง:

• 1 ลูกกลิ้ง (เพื่อทาสีพื้นผิวที่ใหญ่กว่า)
• 1 แปรง (สำหรับรายละเอียด)

สกรู:

• สกรูตัวเล็ก 8 ตัวสำหรับบานพับ (ยาวสูงสุด 1.1 ซม. เนื่องจากจานหนา 1.2 ซม.)
• สกรูเล็ก 2 ตัวสำหรับด้ามจับ (ยาวสูงสุด 1.1 ซม.)
• สกรูขนาดเล็ก 4 ตัวสำหรับแม่เหล็ก (ยาวสูงสุด 1.1 ซม.)

ขั้นตอนที่ 5: กรณี: การสร้าง

ตอนนี้ได้เวลาทำคดีแล้ว

1. สำหรับชิ้นบนสุดของเคส ตัดจานครึ่งหนึ่งเพราะต้องเปิดครึ่งหลังเพื่อให้เราไปที่เซ็นเซอร์/อิเล็กทรอนิกส์
2. ตัดรูต่อไปนี้ในชิ้นแผ่นใยไม้อัด- ที่ครึ่งหน้าบน ตัด 3 รู: - รูสี่เหลี่ยม 1 รู (6.8 ซม. บน 3.5 ซม. สำหรับ LCD) - รูวงกลม 1 รู (เส้นผ่านศูนย์กลาง 2.5 ซม. สำหรับพัดลม) - รูสี่เหลี่ยม 1 รู (2.5 ซม. บน 2.5 ซม. สำหรับเซ็นเซอร์ตรวจจับความเคลื่อนไหว PIR)
3. ตัดชิ้นหลังเป็นรูในรูปแบบของวงกลม นี่คือที่ที่สายไฟจะผ่านเข้ามา
4. เจาะรูเล็กๆ ด้วยสว่านด้วยสกรูขนาดเส้นผ่านศูนย์กลาง 0.6 ซม. ที่ด้านหลัง (รอบรูสำหรับสายเคเบิล) และด้านซ้ายของเคส เราทำเช่นนี้เพื่อให้มีการไหลเวียนของอากาศเพียงพอในกรณี
5. ทางด้านขวาของเคส ตัดรูด้านหลัง (5.5 ซม. บน 3.5 ซม.) สำหรับเซ็นเซอร์ Ultra sonic (เพื่อให้ทำงานได้อย่างเหมาะสม)
6. กาวทุกชิ้นด้วยกาว TEQ หากจำเป็น คุณสามารถเพิ่มแถบไฟเบอร์บอร์ดเพื่อเสริมความแข็งแกร่งให้กับด้านข้างของเคสได้ วางแท่งเหล่านี้ไว้ในเคส หลังจากทุกอย่างแห้งแล้ว
7. ขันที่จับที่ด้านหน้าของเคส ขันสกรูที่ส่วนบนของชิ้นหน้า (ไม่ใช่ชิ้นบนที่เราทำ 3 รู => ดูภาพเพื่อความกระจ่างหากจำเป็น)
8. ขันสกรูบานพับ 2 อัน (4 สกรู) ที่ด้านขวา (ด้านหลัง) ของเคสเพื่อให้สามารถเปิดครึ่งหลังบนได้
9. ขันสกรูบานพับ 2 อัน (4 สกรู) ที่ด้านล่างของชิ้นส่วนด้านหน้าเพื่อให้สามารถเปิดด้านหน้าของเคสได้

10. ขันแม่เหล็กที่ด้านในของเคส:- แม่เหล็ก 2 อันที่ด้านหน้าของชิ้นส่วนด้านหน้าด้านบนด้านใน

    - ชิ้นหน้าโลหะ 1 ชิ้น ต่อกับแม่เหล็ก

11. กาวแท่งไฟเบอร์บอร์ดที่ด้านล่างของเคสเพื่อให้สามารถเปิดด้านหน้าได้อย่างง่ายดายด้วยที่จับ
12. เพิ่มไพรเมอร์ให้กับเคส
13. เพิ่มสีขาวให้กับเคส
14. ยินดีด้วย! คดีของคุณเสร็จสิ้นแล้ว!

ขั้นตอนที่ 6: การวางส่วนประกอบในเคส

สำหรับการจัดวางส่วนประกอบในกรณีดังต่อไปนี้:

1. LCD และพัดลมจะถูกขันที่ด้านบนของเคสด้านนอก
2. เซ็นเซอร์ตรวจจับความเคลื่อนไหว PIR จะติดกาวที่ด้านบนของเคสที่ด้านใน

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

เขียงหั่นขนม (ที่มีอุปกรณ์อิเล็กทรอนิกส์ส่วนใหญ่อยู่) จะติดกาวไว้ในเคสและวางไว้ที่ด้านหลัง โปรดทราบว่าเซ็นเซอร์ de Ultra sonic จะมองเห็นได้ผ่านรูทางด้านขวา

Raspberry Pi จะถูกวางไว้ที่ด้านหน้าของเคส เนื่องจาก Pi เป็นคอนโซลที่ต้องระบายความร้อน จึงไม่จำเป็นต้องติดกาว/ขันสกรู (เนื่องจากเราจะไม่ทำอย่างนั้นกับคอนโซลจริง)

ขั้นตอนที่ 7: ตั้งค่า Raspberry

ก่อนที่เราจะเริ่มเขียนโค้ด เราต้องตั้งค่าสภาพแวดล้อมที่เหมาะสม

เราจะทำอย่างนั้นได้อย่างไร? โดยการดาวน์โหลดอิมเมจ raspbian buster สำหรับ raspberry pi และเขียนลงบน raspberry โดยใช้ดิสก์อิมเมจ Win 32 ก่อนที่คุณจะเริ่มเขียนภาพลงใน Pi ตรวจสอบให้แน่ใจว่าได้สร้างไฟล์ SSH (ไม่มีนามสกุล) ในรูปภาพเพื่อเปิดใช้งาน SSH บน Raspberry Pi

ตั้งค่าบน pi

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

ผู้ใช้และรหัสผ่านเริ่มต้นสำหรับ Pi มีดังต่อไปนี้:

ผู้ใช้: pi

รหัสผ่าน: ราสเบอร์รี่

คุณสามารถเปลี่ยนได้โดยใช้ raspi-config

เราต้องเพิ่มเครือข่ายบน Pi ของคุณเพื่อให้อุปกรณ์อื่นสามารถดูไซต์ของคุณได้เมื่ออยู่ในเครือข่ายเดียวกัน ป้อนคำสั่งต่อไปนี้บนผงสำหรับอุดรู

1. sudo iw dev wlan0 scan | grep SSID

2. wpa_passphrase "NAMEOFYOURNETWORK"

   ป้อนรหัสผ่านเครือข่ายของคุณ

3. sudo nano /etc/wpa_supplicant/wpa_supplicant.conf
4. sudo รีบูต
5. ifconfig (เพื่อตรวจสอบการตั้งค่า wifi ของคุณทำงาน)

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

• sudo apt-get update
• sudo apt-get อัพเกรด

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

pip ติดตั้ง flask-socketio

ตอนนี้เรามีอินเทอร์เน็ตแล้ว เราต้องสร้างฐานข้อมูลของเรา แต่ก่อนอื่น เราต้องดาวน์โหลด MariaDB (บน pi) และ Mysql Workbench (บนพีซี) เพื่อให้ทำงานกับ MariaDB ได้

ขั้นตอนที่ 8: ตั้งค่า Pc

Mysql Workbench

หลังจากติดตั้งทุกอย่างแล้ว เราสามารถเข้าถึง MariaDB ผ่าน Mysql Workbench บนพีซีของเราได้

เมื่อเราสร้างฐานข้อมูลใหม่ เราต้องกำหนดค่าฐานข้อมูลนี้เหมือนภาพด้านบน (ฐานข้อมูลที่มีชื่อการเชื่อมต่อ 'raspi') ในขณะที่เรากำลังกำหนดค่าฐานข้อมูลนี้ เราต้องการชื่อผู้ใช้ / รหัสผ่านของทั้งฐานข้อมูลและราสเบอร์รี่ ผู้ใช้และรหัสผ่านเริ่มต้นคือ 'mysql' / 'mysql' ในฐานข้อมูลและ 'pi' / 'rapsberry' บน Pi หากมีการเตือนการเชื่อมต่อ คุณสามารถกด 'ต่อไป'

รหัส Visual Studio

ซอฟต์แวร์อื่นที่เราต้องการคือ Visual Studio Code

เมื่อติดตั้งแล้ว คุณต้องติดตั้งส่วนขยายต่อไปนี้

ส่วนขยายนี้ช่วยให้คุณสามารถเขียนโปรแกรม pi ของคุณบนพีซีของคุณ เมื่อติดตั้งแล้ว ให้ทำดังนี้:

1. กด F1 en พิมพ์ SSH
2. เลือกการเข้าถึงระยะไกล: เพิ่มโฮสต์ SSH ใหม่

3. ป้อนข้อมูลต่อไปนี้

   ssh 169.254.10.1 -A

4. กดปุ่มตกลง

หลังจากนี้ คุณจะเชื่อมต่อกับราสเบอร์รี่ pi ของคุณ

สิ่งสุดท้ายที่เราต้องการคือการติดตั้งส่วนขยายหลามบนเครื่องระยะไกล หากไม่มีสิ่งนี้ เราไม่สามารถรันโปรแกรมที่เราเขียนบนพีซีของเราได้

ขั้นตอนที่ 9: ให้การเข้ารหัสเริ่มต้น

เมื่อฮาร์ดแวร์พร้อมแล้ว ก็ถึงเวลาเริ่มต้นกับซอฟต์แวร์

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

ตอนนี้เรามีโครงสร้างบางอย่างแล้ว ฉันจะให้ภาพรวมสั้น ๆ ว่าโค้ดจะดำเนินการอย่างไร

1. การสร้างฐานข้อมูล เมื่อเราต้องการสร้างฐานข้อมูลสำหรับค่าของเซ็นเซอร์ เราจำเป็นต้องมีแบบจำลองที่ดีในการจัดเก็บข้อมูลของเรา เมื่อเรามีโมเดลนี้แล้ว เราสามารถส่งต่อวิศวกรโมเดลนี้เพื่อสร้างฐานข้อมูลของเรา ในการสร้างแบบจำลอง เราจะทำงานบน Mysql Workbench โปรดตรวจสอบรูปภาพในขั้นตอนนี้เพื่อดูว่าแบบจำลองมีลักษณะอย่างไร

ในการสร้างโมเดล / วิศวกรไปข้างหน้าให้ทำดังต่อไปนี้:

• เพื่อสร้างไฟล์กดแบบจำลอง (ซ้ายบน)
• กดรุ่นใหม่
• รายละเอียดเพิ่มเติม กดที่ลิงค์ด้านล่าง
• สำหรับวิศวกรรมไปข้างหน้า กด model
• กดไปข้างหน้าวิศวกร
• กด yes/continue จนจบขั้นตอน

2. ด้านหลัง

ส่วนหลังจะเป็นที่สำหรับเข้ารหัสอุปกรณ์และเซ็นเซอร์ทั้งหมด มันจะถูกแบ่งระหว่างคลาสตัวช่วยซึ่งจะมีรหัสสำหรับส่วนประกอบและรหัสหลัก (app.py) ที่ทุกอย่างมารวมกัน

ไฟล์ฐานข้อมูลจะอยู่ในโฟลเดอร์นี้ด้วย เนื่องจากส่วนหลังได้รับข้อมูลจากฐานข้อมูลผ่านไฟล์ datarepository.py ในโฟลเดอร์ที่เก็บ ไฟล์ config.py ใช้เพื่อเชื่อมต่อแบ็กเอนด์กับฐานข้อมูลเท่านั้น

3. ส่วนหน้า

ส่วนหน้าสำหรับไซต์ โฟลเดอร์นี้จะมีโค้ด HTML/CSS/JAVA ไซต์ควรพร้อมใช้งานผ่าน IP จาก Rapsberry Pi ของคุณ ดังนั้นหาก pi ของคุณมี IP ต่อไปนี้: 192.168.0.120 คุณสามารถเยี่ยมชมไซต์ของคุณผ่านที่อยู่ IP นี้ได้ หากคุณต้องการทราบ IP ของ pi ของคุณ คุณสามารถป้อน 'ip a' ในสีโป๊วและดูที่อยู่ WLAN0

ขั้นตอนที่ 10: แบ็กเอนด์

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

ควรทำขั้นตอนต่อไปนี้เพื่อทำสิ่งนี้:

1. สร้างแบบสอบถาม mysql เพื่อรับ/อัปเดต/แทรกข้อมูลไปยังฐานข้อมูลของคุณ ไฟล์ที่มีข้อความค้นหาเหล่านี้คือไฟล์ Datarepository.py ไฟล์ database.py เป็นไฟล์ที่จะสื่อสารกับฐานข้อมูลและจะใช้การสืบค้นจาก datarepository.py เพื่อรับข้อมูลที่คุณต้องการ เพื่อให้แน่ใจว่าคุณสามารถเชื่อมต่อกับฐานข้อมูลของคุณได้ โปรดตรวจสอบให้แน่ใจว่าไฟล์ปรับแต่งมี รหัสผ่าน / ผู้ใช้เดียวกันกับฐานข้อมูลของคุณ ตรวจสอบให้แน่ใจด้วยว่าได้เลือกฐานข้อมูลที่ถูกต้อง
2. เมื่อเราสามารถสื่อสารกับฐานข้อมูลได้ เราต้องสร้างเส้นทาง (app.route(endpoint…)) เส้นทางนี้เป็นทางเชื่อมระหว่างส่วนหน้าและส่วนหลัง การเชื่อมต่ออื่นที่สามารถใช้ได้คือ Socketio
3. ตรวจสอบให้แน่ใจว่าได้นำเข้าไลบรารีที่ถูกต้องทั้งหมด (ใน app.py) เพื่อให้โครงการนี้ทำงานได้ คุณสามารถดู GitHub ของฉันได้ หากคุณต้องการทราบว่าฉันใช้ไลบรารีใดสำหรับ app.py

เพื่อให้แน่ใจว่าฐานข้อมูลจะเต็มไปด้วยข้อมูลที่ทันสมัย การอ่านเซ็นเซอร์อย่างต่อเนื่องเป็นสิ่งสำคัญ วิธีที่ดีที่สุดในการทำเช่นนี้คือการใช้ while-loop และเรียกใช้ while-loop ในเธรด มิฉะนั้น โปรแกรมของคุณจะติดค้างอยู่ในวงขณะทำงาน

ขั้นตอนที่ 11: ส่วนหน้า

ข้างหน้ามี

3 หน้า html:

• home.html
• light.html
• temperature.html

3 css ไฟล์:

• screen.css (ซึ่งเป็นไฟล์ที่โรงเรียนมอบให้ฉัน)
• normalize.css (ซึ่งช่วยในการนำไปใช้กับ css บนเบราว์เซอร์ต่างๆ)
• main.css (ซึ่งมี CSS หลักสำหรับหน้า html)

2 ไฟล์จาวาสคริปต์:

• app.js (ซึ่งจะนำข้อมูลจากแบ็กเอนด์มาวางไว้ที่ส่วนหน้า)
• datahandler.js (ซึ่งจะจัดการข้อมูลจากแบ็กเอนด์เพื่อให้ app.js ทำงานได้)

ฉันจะเพิ่มลิงก์ไปยัง GitHub ของฉันที่นี่เช่นกัน เผื่อไว้