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

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

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

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

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

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

{% content-ref url="intro/installation" %}
[installation](https://docs.makerplayground.io/intro/installation)
{% endcontent-ref %}

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

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

![](https://2179845821-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LtOYdzdDgMXSdDt8NkP%2F-LtOp0soYtLvG1kR0cC2%2F-LtOr6q5xmodce1sSt8o%2Fquickstart_1.png?alt=media\&token=1a0261e5-cc0b-4532-a7e1-f5f9f7b6eae7)

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

![](https://2179845821-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LtOYdzdDgMXSdDt8NkP%2F-LtOp0soYtLvG1kR0cC2%2F-LtOrB4JZ0Cs4R_ZbRw6%2Fquickstart_2.png?alt=media\&token=4dc1ad7b-7cc6-4b34-892e-06b7a7627d02)

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

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

![](https://2179845821-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LtOYdzdDgMXSdDt8NkP%2F-LtOp0soYtLvG1kR0cC2%2F-LtOtbRcJFIPcBLe21gq%2Fquickstart_3.png?alt=media\&token=e92274f5-3295-40f8-80fd-86c7c7b46297)

4\. เชื่อมต่ออุปกรณ์ตามภาพและทดลองการทำงานของอุปกรณ์โดยเลือกพอร์ตที่เชื่อมต่อบอร์ดเข้ากับคอมพิวเตอร์แล้วจึงกดปุ่ม <img src="https://2179845821-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LtOYdzdDgMXSdDt8NkP%2F-LtOp0soYtLvG1kR0cC2%2F-LtOu_ad_cwil2BtKyFT%2Finteractive-start.png?alt=media&#x26;token=32d47bb3-03ef-470c-adbf-d973766c4f69" alt="" data-size="line"> เพื่อเริ่มต้นการทำงานของโหมดทดลองแบบโต้ตอบ (Interactive Mode)

![](https://2179845821-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LtOYdzdDgMXSdDt8NkP%2F-LtOvwK2zzayeYwk2QCn%2F-LtOwEiJS2jGSoE6mklv%2Fquickstart_4.png?alt=media\&token=acf8b52d-ebfe-4ac1-9aa9-cbb029abf857)

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

{% content-ref url="intro/component/device" %}
[device](https://docs.makerplayground.io/intro/component/device)
{% endcontent-ref %}

5\. เมื่อการอัพโหลดเฟิร์มแวร์เสร็จสิ้นปุ่ม <img src="https://2179845821-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LtOYdzdDgMXSdDt8NkP%2F-LtOp0soYtLvG1kR0cC2%2F-LtOu_ad_cwil2BtKyFT%2Finteractive-start.png?alt=media&#x26;token=32d47bb3-03ef-470c-adbf-d973766c4f69" alt="" data-size="line">จะเปลี่ยนเป็นปุ่ม <img src="https://2179845821-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LtOYdzdDgMXSdDt8NkP%2F-LtP-dVuvD0s23GL4OAU%2F-LtP1ZoM4G_tadOtbC7_%2Fupload-stop.png?alt=media&#x26;token=370e0bf0-b38d-4e67-8d1b-04d71497b3ea" alt="" data-size="line"> และสามารถกดที่ภาพอุปกรณ์เพื่อเปิดหน้าต่างตั้งค่าและตั้งค่า Action เช่นในที่นี้จะทดลองกำหนดให้เป็น On ด้วยค่า Brightness (ความสว่าง) ที่ 100% จากนั้นจึงกดปุ่ม <img src="https://2179845821-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LtOYdzdDgMXSdDt8NkP%2F-LtOp0soYtLvG1kR0cC2%2F-LtOu_ad_cwil2BtKyFT%2Finteractive-start.png?alt=media&#x26;token=32d47bb3-03ef-470c-adbf-d973766c4f69" alt="" data-size="line"> ที่มุมขวาบนของหน้าต่างป๊อปอัพเพื่อดูผลลัพธ์การทำงานบนบอร์ดจริงในทันที โดยสามารถทดลองเปลี่ยน Action เป็น Off เพื่อสั่งงานให้หลอดไฟปิดหรือปรับค่า Brightness เพื่อดูผลลัพธ์ได้ในทันที

![](https://2179845821-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LtOYdzdDgMXSdDt8NkP%2F-LtP-dVuvD0s23GL4OAU%2F-LtP3HQxeP3SzTUxAXSZ%2Fquickstart_5.png?alt=media\&token=13eb2f69-0d0f-4632-b634-0da713286e68)

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

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

{% content-ref url="intro/component/interactive" %}
[interactive](https://docs.makerplayground.io/intro/component/interactive)
{% endcontent-ref %}

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

![](https://2179845821-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LtOYdzdDgMXSdDt8NkP%2F-Ltr8mSyMUUkejs3tLqH%2F-LtPvUdF5r289A9SyOnQ%2Fquickstart_6.png?alt=media\&token=37b55dcb-44d5-46fe-b9db-9a4e5ff629d1)

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

![](https://2179845821-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LtOYdzdDgMXSdDt8NkP%2F-Ltr8mSyMUUkejs3tLqH%2F-LtPwqjOQ4pK2A-KOh-L%2Fquickstart_7.png?alt=media\&token=c9fbdc45-d114-401a-99e8-9c4015a769bc)

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

![](https://2179845821-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LtOYdzdDgMXSdDt8NkP%2F-Ltr8mSyMUUkejs3tLqH%2F-LtPwvic8IWSnYsuRRqo%2Fquickstart_8.png?alt=media\&token=6de552ae-a3e4-49e0-94c7-c67c6a5a00ed)

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

![](https://2179845821-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LtOYdzdDgMXSdDt8NkP%2F-Ltr8mSyMUUkejs3tLqH%2F-LtrhgJqUH1OElUJ4FYi%2Fquickstart_9.png?alt=media\&token=baff2bba-a18c-49f8-8b6a-9d27725db810)

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

![](https://2179845821-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LtOYdzdDgMXSdDt8NkP%2F-Ltr8mSyMUUkejs3tLqH%2F-LtrpIcYh_q7ZojZQ_w-%2Fquickstart_10.png?alt=media\&token=9e24c46b-32c5-4bfb-b11a-607ff0ee906a)

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

![](https://2179845821-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LtOYdzdDgMXSdDt8NkP%2F-Ltr8mSyMUUkejs3tLqH%2F-Ltrpc-olgvxlW-ZCjJZ%2Fquickstart_11.png?alt=media\&token=a48e33d4-66d2-4376-8948-832753e72d10)

![](https://2179845821-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LtOYdzdDgMXSdDt8NkP%2F-Ltr8mSyMUUkejs3tLqH%2F-LtrphPGBUxD7_JDjaZx%2Fquickstart_12.png?alt=media\&token=ffefddc0-1404-4c3e-afbb-bc34ea455729)

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

![](https://2179845821-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LtOYdzdDgMXSdDt8NkP%2F-Ltr8mSyMUUkejs3tLqH%2F-Ltrqs-EAJgr6Um3QOBJ%2Fquickstart_13.png?alt=media\&token=77badc1b-4c72-448c-9edf-c2ea0ce730d4)

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

{% content-ref url="intro/component/diagram" %}
[diagram](https://docs.makerplayground.io/intro/component/diagram)
{% endcontent-ref %}
