ใช้วิดเจ็ตแดชบอร์ดด้วย Magicbit [Magicblocks]: 5 ขั้นตอน

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

บทช่วยสอนนี้จะสอนให้คุณใช้ Magicblocks Dashboard Widgets กับ Magicbit ของคุณ เราใช้ magicbit เป็นบอร์ดพัฒนาในโปรเจ็กต์นี้ ซึ่งใช้ ESP32 ดังนั้นสามารถใช้บอร์ดพัฒนา ESP32 ในโครงการนี้ได้

เสบียง

Magicbit - โปร

ขั้นตอนที่ 1: เรื่อง

สวัสดีและยินดีต้อนรับ บทแนะนำสั้นๆ นี้จะสอนให้คุณใช้ Dashboard Widgets กับ Magicbit โดยใช้ Magicblocks

ก่อนอื่นให้ลงชื่อเข้าใช้บัญชี Magicblocks ของคุณ

Magicblocks เป็นซอฟต์แวร์การเขียนโปรแกรมภาพที่ใช้งานง่ายสำหรับตั้งโปรแกรม magicbit ของคุณ ใครๆ ก็ตั้งโปรแกรมไมโครคอนโทรลเลอร์ได้โดยใช้ magicblocks.io และไม่จำเป็นต้องมีความรู้ด้านการเขียนโปรแกรม คุณสามารถลงทะเบียนได้ฟรี

เริ่มและเปิดสนามเด็กเล่น

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

ทุกอย่างเสร็จเรียบร้อย? จากนั้นเลื่อนลงไปที่ขั้นตอนที่ 1

รายการที่จำเป็น

Magicbit: Magicbit เป็นแพลตฟอร์มการพัฒนาแบบบูรณาการที่ใช้ ESP32 สำหรับการเรียนรู้ การสร้างต้นแบบ การเขียนโค้ด อิเล็กทรอนิกส์ หุ่นยนต์ IoT และการออกแบบโซลูชัน

ขั้นตอนที่ 2: การตั้งค่าอนาล็อกใน Block

1. ลากและวางบล็อคอนาล็อกเข้าจากส่วนโหนดอินพุตทางด้านซ้ายของหน้าจอไปที่โฟลว์

2. ดับเบิลคลิกที่บล็อก Analog In แล้วพิมพ์หรือวางรหัสอุปกรณ์เฉพาะของคุณจากแท็บตัวจัดการอุปกรณ์ในบัญชี Magicblocks ของคุณ [สิ่งนี้จะเชื่อมโยงดิจิตอลเข้ากับ Magicbit]

3. เลือก POT(39) จากเมนูแบบเลื่อนลง PIN (เชื่อมต่อกับ Potentiometer บน Magicbit ของคุณ)

4. เลือกเมธอดเป็นการขัดจังหวะจากเมนูแบบเลื่อนลง

ขั้นตอนที่ 3: ตั้งค่า Dashboard Widgets

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

2. บล็อกข้อความ

เปลี่ยนชื่อฟิลด์ข้อความ[ไม่บังคับ]

3. บล็อกเกจ

• เปลี่ยนชื่อป้ายกำกับ[ไม่บังคับ]
• เปลี่ยนช่วงของเกจเป็น 0 - 4095

4. บล็อกแผนภูมิ

• เปลี่ยนชื่อป้ายกำกับ[ไม่บังคับ]
• เปลี่ยนกราฟ Max & Min เป็น 0 - 4095
• เปลี่ยนมาตราส่วนของแกน X เป็น 2 นาที[ไม่บังคับ]

5. บล็อกเสียงออก

• ตั้งค่า TTS(Text-to-Speech) Voice จากเมนูแบบเลื่อนลง
• ทำเครื่องหมายที่ช่อง 'เล่นเสียงเมื่อหน้าต่างไม่อยู่ในโฟกัส'

6. บล็อกการแจ้งเตือน

กำหนดตำแหน่งในหน้าจอที่คุณต้องการให้การแจ้งเตือนปรากฏขึ้น

ขั้นตอนที่ 4: ตั้งค่า Change Block

(โหนดนี้ใช้เพื่อเปลี่ยนอินพุตสัญญาณ 0 & 4095 จากโหนด Analog In เป็นข้อความใดๆ เพื่อใช้คุณสมบัติเสียงออก Text-to-Speech)

1. ลากและวางบล็อกการเปลี่ยนแปลงจากส่วนโหนดฟังก์ชันทางด้านซ้ายของหน้าจอไปยังโฟลว์

2. เพิ่มกฎใหม่จากปุ่ม '+' เพื่อใช้ 2 กฎ

3. เปลี่ยนการทำงานของกฎทั้งสองจาก Set to Change จากเมนูแบบเลื่อนลง

4. จากนั้นให้เปลี่ยนฟังก์ชัน 'Search for' จาก String(text) เป็น Number ในกฎทั้งสองข้อ และตรวจสอบให้แน่ใจว่าฟังก์ชัน 'แทนที่ด้วย' ถูกตั้งค่าเป็นสตริง (ข้อความ)

5. ตั้งกฎ

• กฎข้อแรกในการค้นหา '4095' ในสัญญาณอินพุตและแทนที่ด้วยข้อความของเรา (เช่น 'สูงสุด')
• กฎข้อที่สองเพื่อค้นหา '0' ในการป้อนสัญญาณและแทนที่ด้วยข้อความของเรา (เช่น 'ขั้นต่ำ')

[ไม่บังคับ] นำเข้าแล้วตั้งค่าโหนด

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

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

สำคัญ

ตรวจสอบให้แน่ใจว่าคุณพิมพ์ ID อุปกรณ์ของคุณบนคุณสมบัติโหนด Digital In ทั้งสองอย่าง

ขั้นตอนที่ 5: ในที่สุดปรับใช้ Blocks

• ตรวจสอบให้แน่ใจว่าได้เชื่อมต่อบล็อคทั้งหมดแล้ว
• คลิกที่ปุ่ม Deploy ที่มุมขวาบนของหน้าจอ
• หลังจากปรับใช้แล้ว ไปที่ ui แดชบอร์ดโดยคลิกลิงก์ไปยัง URL แดชบอร์ดที่มุมบนขวาของหน้าจอ
• หมุนโพเทนชิออมิเตอร์บน Magicbit ของคุณและวิดเจ็ตแดชบอร์ดจะโต้ตอบกันตามนั้น

ข้อมูลเค้าโครงวิดเจ็ต (ด้านล่าง)

หมายเหตุ - ฟีเจอร์ Text-to-Speech ของ Audio Out block จะได้ยินผ่านระบบเสียงของคุณ

การแก้ไขปัญหา

• ตรวจสอบว่า Magicbit ของคุณเชื่อมต่อกับอินเทอร์เน็ตหรือไม่
• ตรวจสอบว่าใช้ PIN ที่ถูกต้องหรือไม่ (เช่น 'POT(39)')