SlideShare a Scribd company logo
1 of 11
Download to read offline
การพัฒนาทักษะด้าน computer
programming ด้วย Visual
Programming Language
15 ก.พ. 2557
N3A Media Limited Partnership

http://ww.n3amedia.com
Computer Programming คืออะไร
การเรียงลำาดับคำาสั่งในภาษาคอมพิวเตอร์ที่เหมาะสม
เพื่อกำาหนดการทำางานให้คอมพิวเตอร์ในการแก้ปัญหา
ปั ญหาดังกล่าวอาจเป็ น การแก้ปัญหาทาง
คณิตศาสตร์, การสืบค้นข้อมูล, การสั่งการหุ่นยนต์
ฯล

N3A Media Limited Partnership

http://ww.n3amedia.com
ความสำาคัญของ Computer Programming
มนุษย์ต้องการใช้คอมพิวเตอร์มากขึ้น
ต้องการในตลาดแรงงานเพิ่มสูงขึ้น
เป็ นทักษะที่จำาเป็ นสำาหรับศตวรรษที่ 21*
เชื่อมโยงกับเรื่องการพัฒนาการคิด
“Learning to code and coding to learn” **
* 1) http://www.peerapanasupon.com/ทักษะในศตวรรษที่-21-21st-century-skills.html
2) http://www.p21.org/about-us/p21-framework/61
** https://www.edsurge.com/n/2013-05-08-learn-to-code-code-to-learn

N3A Media Limited Partnership

http://ww.n3amedia.com
ปั ญหาการสอน Computer Programming ในเด็ก
ทักษะ Computer programming สามารถเรียนร้้
ได้ตั้งแต่ยังวัยเด็ก **

แต่...การศึกษาด้วยวิธีปรกติเป็ นเรื่องยากสำาหรับ
เด็กหรือผ้้ไม่มีพ้ นความร้้มาก่อน
ื
**
1) https://www.edsurge.com/n/2013-05-08-learn-to-code-code-to-learn
2) https://www.gov.uk

/

N3A Media Limited Partnership

http://ww.n3amedia.com
ปั ญหาการสอน Computer Programming ในเด็ก
For loop

ไม่เข้าใจ !

API

Syntax

Compile

Semantic

Data Structure
While do

Run time error
If The Else

ยาก จัง !
น่ าเบื่อ !

N3A Media Limited Partnership

http://ww.n3amedia.com
Visual Programming Language (1)
การสร้างชุคคำาสั่ง หรือ โปรแกรมด้วย
การจัดการผ่านองค์ประกอบที่เป็ น ภาพ สี
หรือสัญญลักษณ์อนแทนการใช้ข้อความ
ื
(code)

N3A Media Limited Partnership

http://ww.n3amedia.com
Visual Programming Language (2)
ช่วยลดขั้นตอนในการพัฒนา Computer
program
ช่วยลดการจดจำาคำาสังในภาษาคอมพิวเตอร์
มีการประยุกต์ใช้งานหลายรูปแบบ
มีการพัฒนาให้เหมาะสมกับเด็กหรือผู้ที่ไม่มีพ้ น
ื
ความรู้ด้าน Programming มาก่อน

N3A Media Limited Partnership

http://ww.n3amedia.com
Visual Programming Language (3)

N3A Media Limited Partnership

http://ww.n3amedia.com
ตัวอย่าง Visual Programming ที่ปรับให้เหมาะกับ
การศึกษาของเด็ก (1)

Scratch เป็ น Freeware
พัฒนาโดย MIT Media Lab สามารถสร้าง
งานได้หลายรูปแบบ เช่น สร้างเกมส์, บังคับ
หุ่นยนต์, งานสื่อผสม ฯล แนะนำาใช้กบเด็กอายุ
ั
8 ขวบขึ้นไป
เว็บไซต์ : http://scratch.mit.edu/

N3A Media Limited Partnership

http://ww.n3amedia.com
ตัวอย่าง Visual Programming ทีปรับให้เหมาะกับ
่
การศึกษาของเด็ก (2)

Alice เป็ น Freeware

พัฒนาโดย Carnegie-Mellon university
ใช้สภาพแวดล้อมแบบ 3D เหมาะกับการฝึ กทำา
story telling, games และ video share
เว็บไซต์ : http://www.alice.org

N3A Media Limited Partnership

http://ww.n3amedia.com
ตัวอย่าง Visual Programming ทีปรับให้เหมาะกับ
่
การศึกษาของเด็ก (2)

Hopscotch

พัฒนาโดย Hopscotch Technologies
ใช้งานกับ iPad

เว็บไซต์ : https://itunes.apple.com/us/app/hopscotch-hd/id617098629?mt=8

N3A Media Limited Partnership

http://ww.n3amedia.com

การพัฒนาทักษะ Computer programming ด้วย visual programming language

  • 1. การพัฒนาทักษะด้าน computer programming ด้วย Visual Programming Language 15 ก.พ. 2557 N3A Media Limited Partnership http://ww.n3amedia.com
  • 2. Computer Programming คืออะไร การเรียงลำาดับคำาสั่งในภาษาคอมพิวเตอร์ที่เหมาะสม เพื่อกำาหนดการทำางานให้คอมพิวเตอร์ในการแก้ปัญหา ปั ญหาดังกล่าวอาจเป็ น การแก้ปัญหาทาง คณิตศาสตร์, การสืบค้นข้อมูล, การสั่งการหุ่นยนต์ ฯล N3A Media Limited Partnership http://ww.n3amedia.com
  • 3. ความสำาคัญของ Computer Programming มนุษย์ต้องการใช้คอมพิวเตอร์มากขึ้น ต้องการในตลาดแรงงานเพิ่มสูงขึ้น เป็ นทักษะที่จำาเป็ นสำาหรับศตวรรษที่ 21* เชื่อมโยงกับเรื่องการพัฒนาการคิด “Learning to code and coding to learn” ** * 1) http://www.peerapanasupon.com/ทักษะในศตวรรษที่-21-21st-century-skills.html 2) http://www.p21.org/about-us/p21-framework/61 ** https://www.edsurge.com/n/2013-05-08-learn-to-code-code-to-learn N3A Media Limited Partnership http://ww.n3amedia.com
  • 4. ปั ญหาการสอน Computer Programming ในเด็ก ทักษะ Computer programming สามารถเรียนร้้ ได้ตั้งแต่ยังวัยเด็ก ** แต่...การศึกษาด้วยวิธีปรกติเป็ นเรื่องยากสำาหรับ เด็กหรือผ้้ไม่มีพ้ นความร้้มาก่อน ื ** 1) https://www.edsurge.com/n/2013-05-08-learn-to-code-code-to-learn 2) https://www.gov.uk / N3A Media Limited Partnership http://ww.n3amedia.com
  • 5. ปั ญหาการสอน Computer Programming ในเด็ก For loop ไม่เข้าใจ ! API Syntax Compile Semantic Data Structure While do Run time error If The Else ยาก จัง ! น่ าเบื่อ ! N3A Media Limited Partnership http://ww.n3amedia.com
  • 6. Visual Programming Language (1) การสร้างชุคคำาสั่ง หรือ โปรแกรมด้วย การจัดการผ่านองค์ประกอบที่เป็ น ภาพ สี หรือสัญญลักษณ์อนแทนการใช้ข้อความ ื (code) N3A Media Limited Partnership http://ww.n3amedia.com
  • 7. Visual Programming Language (2) ช่วยลดขั้นตอนในการพัฒนา Computer program ช่วยลดการจดจำาคำาสังในภาษาคอมพิวเตอร์ มีการประยุกต์ใช้งานหลายรูปแบบ มีการพัฒนาให้เหมาะสมกับเด็กหรือผู้ที่ไม่มีพ้ น ื ความรู้ด้าน Programming มาก่อน N3A Media Limited Partnership http://ww.n3amedia.com
  • 8. Visual Programming Language (3) N3A Media Limited Partnership http://ww.n3amedia.com
  • 9. ตัวอย่าง Visual Programming ที่ปรับให้เหมาะกับ การศึกษาของเด็ก (1) Scratch เป็ น Freeware พัฒนาโดย MIT Media Lab สามารถสร้าง งานได้หลายรูปแบบ เช่น สร้างเกมส์, บังคับ หุ่นยนต์, งานสื่อผสม ฯล แนะนำาใช้กบเด็กอายุ ั 8 ขวบขึ้นไป เว็บไซต์ : http://scratch.mit.edu/ N3A Media Limited Partnership http://ww.n3amedia.com
  • 10. ตัวอย่าง Visual Programming ทีปรับให้เหมาะกับ ่ การศึกษาของเด็ก (2) Alice เป็ น Freeware พัฒนาโดย Carnegie-Mellon university ใช้สภาพแวดล้อมแบบ 3D เหมาะกับการฝึ กทำา story telling, games และ video share เว็บไซต์ : http://www.alice.org N3A Media Limited Partnership http://ww.n3amedia.com
  • 11. ตัวอย่าง Visual Programming ทีปรับให้เหมาะกับ ่ การศึกษาของเด็ก (2) Hopscotch พัฒนาโดย Hopscotch Technologies ใช้งานกับ iPad เว็บไซต์ : https://itunes.apple.com/us/app/hopscotch-hd/id617098629?mt=8 N3A Media Limited Partnership http://ww.n3amedia.com