การเขียนโปรแกรมด้วย google blockly

งานนำเสนอเรื่อง: "การเขียนโปรแกรมด้วย google blockly"— ใบสำเนางานนำเสนอ:

1 การเขียนโปรแกรมด้วย google blockly
อาจารย์สมเกียรติ ช่อเหมือน สาขาวิชาวิศวกรรมซอฟต์แวร์ คณะวิทยาศาสตร์และเทคโนโลยี

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

3 Blockly A JavaScript library for building visual programming editors.

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

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

6 Creating a Block Language with Blockly
Visual Programming Languages การเขียนโปรแกรมที่ใช้การจัดการแบบกราฟิกสร้างโปรแกรมเป็นหลัก การลากวางบล็อก การใช้แผนภาพหรือแบบจำลอง การใช้สัญลักษณ์หรือไอคอน นำเสนอแนวคิดการทำงานของโปรแกรม เพิ่ม ขยาย ต่อยอดไอเดีย

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

8 Blockly Games การใช้ Blockly เพื่อสอนแนวคิดพื้นฐาน
ซ้าย: บล็อกสำหรับการแก้เขาวงกต ขวา: บล็อกสำหรับเกมจับคู่สัตว์

9 block languages Icons Natural Language Computer Language

10 JavaScript library APIs
Blockly namespace Workspace class Toolbox class Block class Field class Generator class

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

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

13 Blockly for Web

14 สรุปท้ายบท การเขียนโปรแกรมโดยเริ่มจากการออกแบบหน้าจอ
การควบคุมและโต้ตอบกับผู้ใช้ การเขียนโปรแกรมสำหรับแต่ละส่วนของหน้าจอ การสร้างโปรแกรมทำได้ง่าย และรวดเร็วยิ่งขึ้น