🌟 เขียนโปรแกรม Arduino ด้วย Blockly

Prawared Bowonphattharawadi
Chiang Mai Maker Club
3 min readJul 24, 2019

📚 ใครที่ยังไม่รู้จัก Blockly มารวมตัวกันทางนี้ ~

🧙🏻‍♀️ มาเปลี่ยน ชิ้นส่วน Block ให้กลายเป็นโค้ด Arduino

🧙🏻‍♀️ มาทำความรู้จักกับ KB-IDE โปรแกรมที่จะแปลง Block ให้เป็นโค้ด Arduino

KB-IDE - เป็นชุดเขียนโปรแกรมพัฒนาอุปกรณ์งานด้าน IoT (Internet of Things) โดยตัวโปรแกรมสามารถเลือกโหมดพัฒนาได้ผ่านการต่อชิ้นส่วน Block หรือ Coding ในบทความนี้เราจะเลือกการต่อชิ้นส่วน Block ไปพร้อม ๆ กัน ✌🏻

✅ Windows โหลดได้ผ่านลิงก์

https://github.com/MakerAsia/KBProIDE/releases/download/v1.0.0/KBIDE.Setup.1.0.0.win64.exe

✅ Mac OS โหลดได้ผ่านลิงก์

https://github.com/MakerAsia/KBProIDE/releases/download/v1.0.0/KBIDE.Setup.1.0.0.dmg

ข้อแนะนำ - ติดตั้งให้เรียบร้อยก่อนนะจ๊ะ 🤫

🌟 มาทำความรู้จักเมนู KB-IDE ฉบับย่อกันก่อน หรือ เข้าไปอ่านฉบับเต็มได้ที่

เรามาตั้งค่ากันอีกสักหน่อยให้กับ KB-IDE ให้สามารถต่อชิ้นส่วน Block และเห็น Code ไปพร้อม ๆ กัน ให้คลิกที่ Setting และ เลื่อนเปิดในส่วน Developer Mode

~ ถัดมา ให้เลือกบอร์ด Microcontroller ที่เราใช้งาน โดยไปที่ Board Manager

บทความนี้เลือก Arduino Uno R3 เสร็จแล้วคลิก Change Board โล้ดด

🌟 เริ่มต้นกับ Blockly ด้วยการทำ Blink บน Arduino

https://www.arduino.cc/en/tutorial/blink
ภาพตัวอย่างการต่อวงจร LED จากเว็บไซต์ Arduino.cc

ข้อแนะนำ : การต่อวงจร LED แต่ละบอร์ดอาจแตกต่างกัน

📚 รายละเอียดการต่อวงจร LED บอร์ด Arduino Uno R3 เข้าได้ที่ลิงก์

ยาวไปไม่อ่าน มารวมตัวกันทางนี้ 🙌🏻

Arduino.cc เค้าแนะนำให้ใช้ ตัวต้านทาน 220 โอห์ม ต่อตามภาพโล้ดด

✂️ ตัดภาพกลับมาที่ Blockly

ให้ตั้งค่าโหมด Student Level เพื่อแสดงโค้ด Arduino เวลาต่อชิ้นส่วน Block นั่นเอง

หลังจากนั้นคลิกเมนู GPIO และ Time ลากชิ้นส่วน Block มาต่อดังภาพ

🎉 สิ่งที่เราจะได้จากการต่อชิ้นส่วน Block

อย่ารอช้าจิ้ม Upload Code ไปยังบอร์ด Arduino ให้ไว

KB-IDE ยังมี Block อีกเยอะมากก ผู้อ่านสามารถทดลองเล่นนอกเหนือตัวอย่างได้เลยจ้า ได้ผลยังไงมาแชร์กัน 🌟

🥳 เสร็จหล้าววว หวังว่าผู้อ่านคงจะเข้าใจกับ Blockly เพิ่มขึ้นน ผู้เขียนขอตัวพักก่อน แล้วเจอกันบทความหน้าจ้าา 👋🏻

--

--