Blockly เป็นผลิตภัณฑ์ในส่วนของ Google Education ของบริษัทกูเกิล ซึ่งแน่นอนว่าระบบการเรียนการสอนเรื่อง Coding นั้น ได้เปิดกว้างและเข้าถึงง่าย ซึ่งการเขียนโปรแกรมนั้นเป็นส่วนหนึ่งของทักษะแห่งอนาคต ในการสร้างนวัตกรรม สังเกตได้ว่าเครื่องมือที่ช่วยในการเขียนโปรแกรมง่ายมากขึ้นกว่าเมื่ออดีต

Blockly คืออะไร
    Blockly เป็นไลบรารีซึ่งเพิ่มตัวแก้ไขลงในแอปพลิเคชันของผู้ใช้ซึ่งแสดงถึงแนวคิดการเขียนโปรแกรมเป็นบล็อคที่เชื่อมต่ออยู่ แสดงผลโค้ดที่ถูกต้องตามหลักไวยากรณ์ในภาษาที่ผู้ใช้เลือก คล้ายตัวแปรนิพจน์เชิงตรรกะ, คำสั่งทำซ้ำและอื่น ๆ ช่วยให้ผู้ใช้สามารถใช้หลักการเขียนโปรแกรมโดยไม่ต้องกังวลเกี่ยวกับไวยากรณ์ โดยอาจสร้างบล็อกที่กำหนดเอง เพื่อเชื่อมต่อกับแอปพลิเคชันของผู้ใช้และสามารถใช้งานได้บนในเว็บไซต์ผ่านเครื่องคอมพิวเตอร์หรือแอปพลิเคชันบนระบบปฏิบัติการ Android หรือ ระบบปฏิบัติการ iOS

การสร้างแอปพลิเคชัน จาก Blockly
    จากมุมมองของผู้ใช้ Blockly เป็นการสร้างบล็อกเสมือนการเขียนโปรแกรมที่ใช้ในการสร้างโค้ด, จากมุมมองของนักพัฒนาซอฟต์แวร์ Blockly มีความสามารถพิเศษในกล่องข้อความที่บรรจุไวยากรณ์ที่ถูกต้องจากผู้ใช้ที่สร้างขึ้นโดย Blockly โดยโปรแกรมสามารถส่งออกบล็อกไปยังหลายภาษาที่เป็นที่นิยมถึง 5 ภาษาดังนี้ JavaScript, Python, PHP, Lua และ Dart

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

คุณสมบัติของ Blockly สำหรับเว็บไซต์
    1. ใช้ไลบรารีภาษา JavaScript
    2. สามารถใช้งานได้เลยโดยไม่เกี่ยวข้องกับเจ้าของบริษัทผู้ก่อตั้ง
    3. ใช้งานร่วมกับเบราว์เซอร์หลัก ๆ ทั้งหมด ได้แก่ Chrome, Firefox, Safari, Opera และ IE
    4. ปรับแต่งและขยายได้สูง

Blockly สำหรับระบบปฏิบัติการ iOS / ระบบปฏิบัติการ Android
    Blockly สามารถทำงานบน iOS และ Android แสดงให้เห็นถึงประสิทธิภาพที่ดีขึ้นและการผสานงานที่เข้มงวดกับกรอบการทำงานส่วนติดต่อผู้ใช้งานของแพลตฟอร์ม นอกเหนือจากคุณลักษณะมาตรฐาน Blockly สำหรับ ระบบปฏิบัติการ iOS ยังมีการสนับสนุนการทดลองสำหรับความสามารถแบบมัลติทัชและการปิดกั้นภาพเคลื่อนไหว Blockly สำหรับระบบปฏิบัติการ Android มีการสนับสนุนอย่างละเอียดสำหรับการปรับแต่งส่วนย่อยและส่วนติดต่อผู้ใช้งาน

การประยุกต์ใช้ภาษา Block

แบบฝึกหัดที่  1 โปรแกรมตัดเกรด

         1.1 Set score  กำหนดค่าตัวแปร score = ???

2. Set score  กำหนดค่าตัวแปร score = ???

   สร้างเงื่อนไขขึ้นมา  โดยใช้บล็อกคำสั่ง if  Logic

ถ้า score >= 80  ให้แสดงค่า A

เพิ่มเงื่อนไขว่า ถ้าไม่ตรงกับเงื่อนไขแรก ให้ แสดงค่า  F

แสดงผลลัพธ์

แบบฝึกหัดที่  2 โปรแกรมตู้ ATM
            ขั้นตอนการเขียนชุดคำสั่ง

2. ลากบล็อกคำสั่ง set บล็อกใดก็ได้ออกมา 1 บล็อก จากนั้นเปลี่ยนเป็น Money

   จากนั้นไปที่บล็อกคำสั่ง Math เลือกบล็อก มาต่อบล็อก จากนั้นคลิกเลข 0 แล้วเปลี่ยนเป็นเลข 7600 (จำนวนเลขในที่นี้สมมติให้เป็นจำนวนเงินในตู้ ATM)

3. ลากบล็อกคำสั่ง set ลากบล็อก ออกมา
    3.1 จากนั้นไปที่บล็อก Math ลากบล็อก และ ออกมา
    3.2 เปลี่ยน round เป็น round down
    3.3 ไปที่บล็อก Variables ลากบล็อก   ออกมาแล้วลากทับ 1 ได้เลย
    3.4 เปลี่ยน 1 เป็น 1000 และเปลี่ยน บวก เป็น หาร ดังรูป

4. ไปที่บล็อกคำสั่งลากบล็อกคำสั่ง set บล็อกใดก็ได้ออกมา 1 บล็อก จากนั้นเปลี่ยนเป็น Money
    4.1 ไปที่บล็อกคำสั่งลากบล็อกคำสั่ง Math ลากบล็อก   ออกมา   
    4.2  ไปที่บล็อก Variables ลากกบล็อก  ออกมาแล้วลากทับ 64 ได้เลย จากนั้นเปลี่ยน 10 เป็น 1000

5. ไปที่บล็อกคำสั่ง Math ลากบล็อก  และ  ออกมา  
    5.1 เปลี่ยน round เป็น round down     
    5.2 ไปที่บล็อก Variables ลากกบล็อก  ออกมาแล้วลากทับ 1 ได้เลย
    5.3 เปลี่ยน 1 เป็น 500  และเปลี่ยน บวก เป็น หาร ดังรูป      

6. ไปที่บล็อกคำสั่งลากบล็อกคำสั่ง set บล็อกใดก็ได้ออกมา 1 บล็อก จากนั้นเปลี่ยนเป็น bank500

    6.1 ไปที่บล็อกคำสั่งลากบล็อกคำสั่ง Math ลากบล็อก  ออกมา   
    6.2  ไปที่บล็อก Variables ลากกบล็อก  ออกมาแล้วลากทับ 64 ได้เลย จากนั้นเปลี่ยน 10 เป็น 500

7. ลากบล็อกคำสั่ง set ลากบล็อก  ออกมา
    7.1 จากนั้นไปที่บล็อก Math ลากบล็อก  และ  ออกมา      
    7.2 เปลี่ยน round เป็น round down
    7.3 ไปที่บล็อก Variables ลากกบล็อก  ออกมาแล้วลากทับ 1 ได้เลย 
    7.4 เปลี่ยน 1 เป็น 100  และเปลี่ยน บวก เป็น หาร ดังรูป

8. ไปที่ Text ลากบล็อก   ออกมาและลากบล็อก  มาทับ abc ได้เลย  
    8.1 ลากบล็อก   ออกมาพิมพ์ข้อความว่า “ธนบัตร 1000 จำนวน”
    8.2 ไปที่บล็อก Variables ลากบล็อก  ออกมาเป็นข้อความที่ 2
    8.3 ไปที่สัญลักษณ์ฟันเฟืองเพื่อเพิ่ม item 

                8.4   ออกมาพิมพ์ข้อความว่า “ใบ” เป็นข้อความที่ 3

จากนั้นทำการคัดลอกชุดคำสั่ง print โดยการคลิกขวาที่บล็อกคำสั่ง print เลือก Duplicate จากนั้นมาต่อกันแล้วเปลี่ยนค่าตาม ดังรูป

แสดงผลลัพธ์