> For the complete documentation index, see [llms.txt](https://docs.makerplayground.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.makerplayground.io/master.md).

# เริ่มต้นอย่างง่าย

## แนะนำซอฟต์แวร์

### เมกเกอร์เพลย์กราวน์คืออะไร?

เมกเกอร์เพลย์กราวน์เป็นซอฟต์แวร์สำหรับพัฒนาระบบสมองกลฝังตัวและ IoT แบบครบวงจร ตั้งแต่ขั้นตอนของการทดสอบและเรียนรู้การทำงานอุปกรณ์, การออกแบบการเชื่อมต่อวงจร, การเขียนโปรแกรมควบคุมอุปกรณ์และการอัพโหลดโปรแกรมไปยังบอร์ด เมกเกอร์เพลยกราวน์ใช้การต่อไดอะแกรมเพื่ออธิบายผลลัพธ์การทำงานที่ต้องการ จากนั้นระบบจะทำการสร้างซอร์สโค้ดและภาพแสดงการเชื่อมต่อวงจรให้สำหรับบอร์ดพัฒนาหลากหลายแพลตฟอร์มอาทิบอร์ด Arduino (AVR), บอร์ดพัฒนาที่ใช้ชิป ESP8266 และ ESP32 และบอร์ด Raspberry Pi

### การติดตั้ง

ดาวน์โหลดซอฟต์แวร์ได้จาก [www.makerplayground.io](https://docs.makerplayground.io/www.makerplayground.io) สำหรับขั้นตอนการติดตั้งโดยละเอียดสามารถศึกษาเพิ่มเติมได้จากลิงค์ด้านล่าง

{% content-ref url="/pages/-LtOays66CV3e6GSUPwg" %}
[ขั้นตอนการติดตั้ง](/intro/installation.md)
{% endcontent-ref %}

## เริ่มต้นใช้งานใน 5 นาที

1\. เลือกแพลตฟอร์มและคอนโทรลเลอร์ที่ต้องการเช่นแพลตฟอร์ม Arduino (AVR8) และบอร์ด Arduino UNO  

![](/files/-LtOr6q5xmodce1sSt8o)

2\. เลือกอุปกรณ์จากแถบ Device Explorer โดยกดเครื่องหมาย + ที่มุมขวาบนเพื่อทำการเพิ่มอุปกรณ์ โดยในตัวอย่างนี้จะเลือกเป็นหลอดไฟ LED ภายหลังจากที่กด + จะเห็นภาพเบรดบอร์ดและหลอดไฟ LED ปรากฏขึ้นในด้านขวาดังรูป

![](/files/-LtOrB4JZ0Cs4R_ZbRw6)

{% hint style="warning" %}
เครื่องหมายตกใจรูปสามเหลี่ยมจะปรากฏขึ้นที่แถบ Device เมื่อพบการตั้งค่าอุปกรณ์ยังไม่สมบูรณ์เช่นในกรณีที่เลือกอุปกรณ์ที่ไม่รองรับการทำงานตามไดอะแกรมหรือเมื่อยังไม่ได้เลือกพอร์ตเชื่อมต่อให้กับอุปกรณ์
{% endhint %}

3\. เลือกพอร์ตเชื่อมต่อโดยกลับไปยังแถบ Device Configuration และเลือกพอร์ตเชื่อมเชื่อมต่อด้วยตนเองหรือกดปุ่ม Auto Select เพื่อให้ระบบเลือกพอร์ตที่เหมาะสมให้ โดยเมื่อเลือกพอร์ตเชื่อมต่อครบถ้วนจะเห็นภาพวงจรที่สมบูรณ์ดังภาพด้านขวาและเครื่องหมายตกใจรูปสามเหลี่ยมจะหายไปจากแถบ Device

![](/files/-LtOtbRcJFIPcBLe21gq)

4\. เชื่อมต่ออุปกรณ์ตามภาพและทดลองการทำงานของอุปกรณ์โดยเลือกพอร์ตที่เชื่อมต่อบอร์ดเข้ากับคอมพิวเตอร์แล้วจึงกดปุ่ม <img src="/files/-LtOu_ad_cwil2BtKyFT" alt="" data-size="line"> เพื่อเริ่มต้นการทำงานของโหมดทดลองแบบโต้ตอบ (Interactive Mode)

![](/files/-LtOwEiJS2jGSoE6mklv)

สำหรับขั้นตอนการตั้งค่าอุปกรณ์โดยละเอียด สามารถศึกษาเพิ่มเติมได้จากลิงค์ด้านล่างนี้

{% content-ref url="/pages/-LtOfFj7SlRpxAH00et2" %}
[อุปกรณ์](/intro/component/device.md)
{% endcontent-ref %}

5\. เมื่อการอัพโหลดเฟิร์มแวร์เสร็จสิ้นปุ่ม <img src="/files/-LtOu_ad_cwil2BtKyFT" alt="" data-size="line">จะเปลี่ยนเป็นปุ่ม <img src="/files/-LtP1ZoM4G_tadOtbC7_" alt="" data-size="line"> และสามารถกดที่ภาพอุปกรณ์เพื่อเปิดหน้าต่างตั้งค่าและตั้งค่า Action เช่นในที่นี้จะทดลองกำหนดให้เป็น On ด้วยค่า Brightness (ความสว่าง) ที่ 100% จากนั้นจึงกดปุ่ม <img src="/files/-LtOu_ad_cwil2BtKyFT" alt="" data-size="line"> ที่มุมขวาบนของหน้าต่างป๊อปอัพเพื่อดูผลลัพธ์การทำงานบนบอร์ดจริงในทันที โดยสามารถทดลองเปลี่ยน Action เป็น Off เพื่อสั่งงานให้หลอดไฟปิดหรือปรับค่า Brightness เพื่อดูผลลัพธ์ได้ในทันที

![](/files/-LtP3HQxeP3SzTUxAXSZ)

{% hint style="info" %}
โหมดทดลองแบบโต้ตอบสามารถใช้สั่งงานอุปกรณ์หรืออ่านค่าจากเซนเซอร์ทุกประเภทได้ในทันที ซึ่งช่วยลดขั้นตอนของการติดตั้งไลบารี่ เขียนโค้ด อัพโหลดโปรแกรมลงบอร์ดและอ่านค่าจาก Serial Monitor ซึ่งจะต้องทำซ้ำ ๆ หลาย ๆ รอบสำหรับอุปกรณ์แต่ละตัว
{% endhint %}

สำหรับขั้นตอนการใช้โหมดทดลองแบบโต้ตอบโดยละเอียด สามารถศึกษาเพิ่มเติมได้จากลิงค์ด้านล่างนี้

{% content-ref url="/pages/-LtOf3XyrlTXCIkUZwqh" %}
[โหมดทดลองแบบตอบโต้](/intro/component/interactive.md)
{% endcontent-ref %}

6\. ขั้นตอนต่อไปจะทำการทดลองพัฒนาโปรแกรมไฟกระพริบเปิด-ปิดทุก ๆ 1 วินาทีแบบอัตโนมัติ โดยเปลี่ยนไปที่แถบ Diagram เพื่อเริ่มต้นวาดไดอะแกรมอธิบายการทำงานของอุปกรณ์ จากนั้นจึงกดที่ปุ่ม Add Scene เพื่อเพิ่มบล็อกซีนใหม่แล้วจึงเลือกเพิ่ม LED1 เข้าไปในซีน

![](/files/-LtPvUdF5r289A9SyOnQ)

7\. เพิ่มบล็อกซีนอีกอันหนึ่งเพื่อโดยในรอบนี้ให้กดที่กล่องของ LED1 เพื่อตั้งค่า Action ให้เป็น Off ดังภาพ

![](/files/-LtPwqjOQ4pK2A-KOh-L)

จะได้ไดอะแกรมดังรูป

![](/files/-LtPwvic8IWSnYsuRRqo)

8\. เพิ่มบล็อกดีเลย์ระหว่างบล็อกซีนทั้งสองเพื่อให้ระบบรอเวลาก่อนเริ่มทำงาน Scene2 เพื่อสั่งให้ไฟปิด

![](/files/-LtrhgJqUH1OElUJ4FYi)

9\. ทำซ้ำอีกครั้งหนึ่งและตั้งค่าเวลาที่ต้องรอเป็น 1 วินาที

![](/files/-LtrpIcYh_q7ZojZQ_w-)

10\. เชื่อมต่อบล็อกทั้งหมดเข้าด้วยกัน จะได้ไดอะแกรมที่สมบูรณ์ดังภาพ

![](/files/-Ltrpc-olgvxlW-ZCjJZ)

![](/files/-LtrphPGBUxD7_JDjaZx)

11\. กดปุ่มอัพโหลดที่มุมขวาบน เมื่ออัพโหลดสำเร็จสามารถดูผลลัพธ์การทำงานบนบอร์ดได้ทันที

![](/files/-Ltrqs-EAJgr6Um3QOBJ)

สำหรับวิธีการเชื่อมต่อไดอะแกรมโดยละเอียด สามารถศึกษาเพิ่มเติมได้จากลิงค์ด้านล่างนี้

{% content-ref url="/pages/-LtOevGlW9smUd8a321k" %}
[เมกเกอร์เพลย์กราวน์ไดอะแกรม](/intro/component/diagram.md)
{% endcontent-ref %}