Please enable JavaScript.
Coggle requires JavaScript to display documents.
เรียนรู้พื้นฐานการโค้ดผ่านการทำโปรแกรมแบบบล็อก - Coggle Diagram
เรียนรู้พื้นฐานการโค้ดผ่านการทำโปรแกรมแบบบล็อก
บทที่ 1: การโค้ดและการแก้ปัญหา
1-1 การแก้ปัญหาด้วยคอมพิวเตอร์
คอมพิวเตอร์ (computer)
มือถือ
แท็บเล็ต
VR goggles
smart watch วัดอัตราการเต้นของหัวใจ
ระบบฝังตัว ปรับอุณหภูมิขณะขับรถ
IOT (Internet Of Things) เทคโนโลยีที่เชื่อมต่ออุปกรณต่างให้สื่อสารกันแบบอัตโนมัติในเมืองอัจฉริยะ เช่น
ระบบจราจรที่ปรับตามความหนาแน่นหรือความติดของรถในแต่ละแยก
แสงสว่างบนถนน ปรับความสว่างตามเวลาและสภาพแวดล้อม
ข้อได้เปรียบ
รวดเร็ว
ไม่เหนื่อยล้า
ไม่ผิดพลาด
ข้อจำกัด
ทำงานตามคำสั่ง(เท่านั้น)
แก้ปัญหาด้วยคอมพิวเตอร์
การทำโปรแกรมแบบดั้งเดิม (Traditional programming)
คิดและกำหนดคำสั่งทุกขั้นตอน
ทําความเข้าใจปัญหา
วิเคราะห์อินพุต (Input) / เอาต์พุต (Output) และพารามิเตอร์ที่เกี่ยวข้อง
ออกแบบขั้นตอนของโปรแกรม
เขียนโปรแกรม
ทดสอบโปรแกรม
การเรียนรู้ของเครื่อง (Machine learning)
ให้เครื่องเรียนรู้จากข้อมูลจำนวนมาก
1-2 การโค้ดและการเขียนโปรแกรม
การโค้ด (Coding)
สั่งการให้คอมพิวเตอร์ทำงาน
การทำโปรแกรม (Programming)
เขียนโค้ด
วิเคราะห์ความต้องการ
ออกแบบสถาปัตยกรรม
พัฒนาร่วมกันเป็นทีม
ทดสอบและประเมินผล
ทำเอกสารพัฒนาและการใช้งาน
1-3 การเขียนโปรแกรมแบบบล็อก
ภาษาโปรแกรมเป็นข้อความ (Text)
คำสั่งเป็นตัวอักษร
High-level Language
คล้ายภาษามนุษย์
อ่านเขียนได้ง่าย
พัฒนาโดยเขียน Text File
ใช้พัฒนาแอปพลิเคชั่นต่างๆ
python, JavaScript, C++,
C#, Java, Ruby
ภาษาโปรแกรมเป็นบล็อก (Block)
คำสั่งเป็นสัญลักษณ์ หรือ บล็อก
เขียนในแอปเฉพาะของภาษานั้น ๆ
ผ่านส่วนติดต่อผู้ใช้แบบกราฟฟิกส์
เหมาะกับผู้เริ่มต้น (ทุกวัย)
ไม่ต้องจำคำสั่ง
ไม่ต้องจําไวยากรณ์ของภาษาโปรแกรม
การมองเห็นการต่อกันของบล็อกช่วยให้ เข้าใจโปรแกรมง่าย
สนุกในการเขียน
ไม่เหมาะกับโปรแกรมที่ซับซ้อน
ใช้เวลาสร้างชุดคำสั่งมาก
ใช้พื้นที่บนหน้าจอเยอะ
บล็อกคำสั่งไม่มีความครอบคลุมงานทุก ๆ ประเภท เมื่อเปรียบเทียบกับภาษาโปรแกรมด้วยข้อความ
Scratch, ThinkerCAD==>สร้างและทดสอบวงจรไฟฟ้า , Minecraft, MIT APP INVENTOR=>สำหรับสมาร์ทโฟน
1-4 การเขียนโปรแกรมแบบอิงเหตุการณ์และส่วนประสานผู้ใช้
ผังงาน (Flow Chart)
โปรแกรมย่อย (Procedure)
ส่วนประสานผู้ใช้ (User Interface : UI)
1-5 แนวคิดที่สำคัญเพื่อวางพื้นฐานการโค้ด
ไวยากรณ์และคำสั่งในภาษาโปรแกรม
ผังงาน ลำดับ การทํางานตามเงื่อนไข และ การวนซ้ำ
ข้อมูล ตัวแปร และ การประมวลผลข้อมูล
การสร้างและเรียกใช้โปรแกรมย่อย/ความสามารถที่ถูกสร้างไว้ให้แล้ว
การรับข้อมูล ตอบสนองต่อเหตุการณ์ และ ปฏิสัมพันธ์กับผู้ใช้
บทที่ 2: โปรแกรม MIT App Inventor
2-1 แนะนำโปรแกรม MIT App Inventor
สภาพแวดล้อมในการเขียนโปรแกรม (Programming environment)
พัฒนาโดย CSAIL จาก MIT
พัฒนาแอปบน Android และ iOS
ใช้ภาพกราฟฟิกส์และการเขียนโปรแกรม แบบบล็อกในการพัฒนา
พัฒนาโปรแกรม
เครื่องคอมพิวเตอร์
เชื่อมต่ออินเทอร์เน็ต
โปรแกรม Web browser
ทดสอบโปรแกรม
สมาร์ตโฟน หรือ แท็บเล็ต
แอป App Inventor Companion
เชื่อม WiFi เดียวกันกับเครื่อง ที่ใช้พัฒนาโปรแกรม
2-2 การใช้งานโปรแกรม MIT App Inventor
2-3 การออกแบบโปรแกรมด้วยแนวคิดเชิงคำนวณ
2-4 ตัวอย่างการออกแบบโปรแกรมด้วยแนวคิดเชิงคำนวณ
2-5 ตัวอย่างการสร้างโปรแกรมด้วย MIT App Inventor
บทที่ 3: ผังการทำงานและการประมวลผล
3-1 คำสั่งและลำดับ
3-2 ข้อมูลและตัวแปร
3-3 การคำนวณทางคณิตศาสตร์
3-4 การจัดการข้อความ
3-5 โปรแกรมย่อย
3-6 เพิ่มเติมเกี่ยวกับลิสต์และดิกชันนารี
บทที่ 4: การเปรียบเทียบและเงื่อนไข
4-1 ตรรกะบูลีน และการเปรียบเทียบค่า
แบบฝึกหัดท้ายตอนที่ 4-2
4-3.1 การวนซ้ำแบบมีเงื่อนไข Part 1
4-3.1 การวนซ้ำแบบมีเงื่อนไข Part 2
บทที่ 5: ปฏิสัมพันธ์กับผู้ใช้และเหตุการณ์
5.1 การรับข้อมูลขาเข้า
5.2.1 การตอบสนองต่อเหตุการณ์ Part 1
5.2.2 การตอบสนองต่อเหตุการณ์ Part 2
บทที่ 6: โครงงานการออกแบบและพัฒนาโปรแกรม
6-1 ข้อกำหนดของโครงงาน
6-2 สาธิตการพัฒนา Feed my Dogs เวอร์ชัน 0.1
6-3 สาธิตการพัฒนา Feed my Dogs เวอร์ชัน 0.2
6.4.1 สาธิตการพัฒนา Feed my Dogs เวอร์ชัน 0.3 Part 1
6.4.2 สาธิตการพัฒนา Feed my Dogs เวอร์ชัน 0.3 Part 2
6.4.3 สาธิตการพัฒนา Feed my Dogs เวอร์ชัน 0.3 Part 3
6-5 สาธิตการพัฒนา Feed my Dogs เวอร์ชัน 0.4
6-6 ชวนคิดปัญหาท้าทายต่อยอด Feed my Dogs
บทที่ 7 สรุปการเรียนและแบบทดสอบ
7-1 สรุปการเรียนรู้และแนวทางการเรียนรู้ต่อยอด