การเขียนโปรแกรมด้วย google blockly อาจารย์สมเกียรติ ช่อเหมือน สาขาวิชาวิศวกรรมซอฟต์แวร์ คณะวิทยาศาสตร์และเทคโนโลยี (tko@webmail.npru.ac.th)

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

Blockly A JavaScript library for building visual programming editors. https://developers.google.com/blockly/

Blockly ไลบรารีที่ง่าย โดยเพิ่มการเขียนโปรแกรมด้วยภาพตามบล็อกที่กำหนด ความยืดหยุ่นและรองรับคุณลักษณะที่แตกต่างกัน ในการสร้างโปรแกรมขนาดใหญ่ เช่น ควบคุมตัวละครเคลื่อนไหวบนหน้าจอ สร้างสคริปต์เรื่องราว สร้างบล็อกของตัวเอง เครื่องมือสำหรับนักพัฒนาและ การออกแบบภาษาของตัวเอง http://edusys.net.in/

เครื่องมือที่นำ Blocky ไปใช้ควบคุมการทำงาน

Creating a Block Language with Blockly Visual Programming Languages การเขียนโปรแกรมที่ใช้การจัดการแบบกราฟิกสร้างโปรแกรมเป็นหลัก การลากวางบล็อก การใช้แผนภาพหรือแบบจำลอง การใช้สัญลักษณ์หรือไอคอน นำเสนอแนวคิดการทำงานของโปรแกรม เพิ่ม ขยาย ต่อยอดไอเดีย https://www.semrush.com/blog/strategic-visual-marketing-competition/

Creating a Block Language with Blockly The Blockly Library การเพิ่มบล็อก จัดเตรียม UI เพื่อแก้ไขบล็อก เฟรมเวิร์กสำหรับสร้างโค้ดในแต่ละภาษา เพิ่มประสิทธิภาพในการพัฒนาแอพพลิเคชัน ไลบรารี JavaScript ที่นำไปใช้สร้างแพลตฟอร์มอื่น ๆ โค้ดถูกแทนด้วยบล็อก บล็อกมีจุดเชื่อมต่อ

Blockly Games การใช้ Blockly เพื่อสอนแนวคิดพื้นฐาน ซ้าย: บล็อกสำหรับการแก้เขาวงกต ขวา: บล็อกสำหรับเกมจับคู่สัตว์ https://developers.google.com/blockly/publications/papers/TipsForCreatingABlockLanguage.pdf

block languages Icons Natural Language Computer Language

JavaScript library APIs Blockly namespace Workspace class Toolbox class Block class Field class Generator class https://developers.google.com/blockly/reference/js/

Visual Code Editor สร้างด้วยบล็อก การใช้กราฟิกบล็อกเพื่อแสดงแนวคิดเกี่ยวกับโค้ด ใช้หลักการเขียนโปรแกรมโดยไม่ต้องกังวลกับไวยากรณ์ No command line Blockly UI ช่วยสำหรับสร้างภาพ ตามที่ผู้ใช้ต้องการ แปลงบล็อกเป็นภาษาคอมพิวเตอร์

การวิเคราะห์และออกแบบระดับสูง เรียนรู้วิธีในการสร้างภาพรวมบล็อกที่กำหนดเองได้ การตัดสินใจว่าจะทำอย่างไรในแต่ละขั้นตอน

Blockly for Web

สรุปท้ายบท การเขียนโปรแกรมโดยเริ่มจากการออกแบบหน้าจอ การควบคุมและโต้ตอบกับผู้ใช้ การเขียนโปรแกรมสำหรับแต่ละส่วนของหน้าจอ การสร้างโปรแกรมทำได้ง่าย และรวดเร็วยิ่งขึ้น https://en.wikipedia.org/wiki/Event-driven_programming