Coding for Education - Pong-Koi-Im...2. coding ม หลายร ปแบบ ท งก...

ผนวกเดช สุวรรณทัต (STIPI - KMUTT)Coding for Education สรางสรรคประสบการณเรียนรูยุคใหม 21 พฤศจิกายน 2562 ณ คณะครุศาสตร จุฬาลงกรณมหาวิทยาลัย1

Coding for Educationสร้างสรรค์ประสบการณ์

เรียนรู้ยุคใหม่

21 พฤศจิกายน 2562ผนวกเดช สุวรรณทัต

ณ คณะครุศาสตร์ จุฬาลงกรณ์มหาวิทยาลัย

ผนวกเดช สุวรรณทัต (STIPI - KMUTT)Coding for Education สรางสรรคประสบการณเรียนรูยุคใหม 21 พฤศจิกายน 2562 ณ คณะครุศาสตร จุฬาลงกรณมหาวิทยาลัย

เรื่องเล่าของคุณ John (นามสมมติ) Based on a True Story

ที่มา: https://www.quickbase.com/blog/david-rogers-how-businesses-can-thrive-in-the-digital-age | https://www.istockphoto.com/th/photo/young-handsome-man-playing-roulette-wins-at-the-casino-gm518820946-90243599 | https://www.emoji.com/brand-icons/icons/waitress%20%28fritz%201-2%29-emoji-9112/

ซอฟต์แวร์ปอ้งกันคนเลิกเล่น

Talent Retention Software at GE

ที่มา: https://hbr.org/2017/09/inside-ges-transformation

“This application [...] will predict,

within a six-month window, when

managers and professionals in a given

function [...] are likely to jump ship so

that GE can intervene.”

ซอฟต์แวร์ปอ้งกันคนลาออก

การปรับตัวของพิพิธภัณฑ์ศิลปะ

ที่มา: http://www.rappersdelight.nyc/#kanye | https://www.vice.com/en_us/article/ypwa3v/the-hip-hop-guide-to-the-metropolitan-museum-of-art

การปรับตัวของพิพิธภัณฑ์ศิลปะ

ที่มา: http://www.rappersdelight.nyc/#kanye | https://www.vice.com/en_us/article/ypwa3v/the-hip-hop-guide-to-the-metropolitan-museum-of-art

แนะนําวิทยากร

Mockการศึกษาปริญญาโท: Computer ScienceUniversity of California – Santa Barbara, USA (2557)

ปริญญาตรี: Computer Science Carnegie Mellon University Pittsburgh, PA, USA (2549)

มัธยมศึกษา: สวนกุหลาบวิทยาลัย(OSK 118.5)

Student PilotSpitfire Aviation Santa Barbara, California

ผนวกเดช สุวรรณทัตสถาบันนโยบายวิทยาศาสตรเทคโนโลยีและนวัตกรรมมหาวิทยาลัยเทคโนโลยีพระจอมเกลาธนบุรี

การทํางาน● คณะกรรมการยกร่างหลักสูตรวิทยาการคํานวณ ● คณะบรรณาธิการและผู้พัฒนาหนังสือเรียนและ

แบบฝึกทักษะ วิชาวิทยาการคํานวณ ระดับประถมศึกษา สถาบันส่งเสริมการสอนวิทยาศาสตร์และเทคโนโลยี

● รองหัวหน้าทีม การแข่งขันคอมพิวเตอร์โอลิมปิกระหว่างประเทศ (2562)

● คณะทํางานด้านการพัฒนาการสอนและการเรียนรู้วิทยาการคํานวณ (Coding) รัฐมนตรีช่วยว่าการกระทรวงศึกษาธิการ (คุณหญิงกัลยา โสภณพนิช) (2562)

● คณะอนุกรรมการคอมพิวเตอร์โอลิมปิก● (อดีต) อาจารย์พิเศษมหาวิทยาลัยบูรพา,

มหาวิทยาลัยเกษตรศาสตร์ วิทยาเขตศรีราชา● (อดีต) วิศวกรซอฟต์แวร์ บริษัท Google Inc● ผู้จัดทําเว็บไซต์ www.pongkoiim.com

ผนวกเดช สุวรรณทัตสถาบันนโยบายวิทยาศาสตรเทคโนโลยีและนวัตกรรมมหาวิทยาลัยเทคโนโลยีพระจอมเกลาธนบุรี

Mock อ.ม็อค ชอบ programming

วิจัย online learning

เขียนหนังสือ Computing

ว่างๆ เขาชอบถ่ายรูป

อัดคลิปลง YouTube

คือ Mock ตัวจริงเสียงจริง!

Coding คืออะไร?

ที่มา: https://www.pongkoiim.com/go/?p=404 | https://www.pongkoiim.com/go/?p=396

pongkoiim.com

ที่มา: https://www.pongkoiim.com/go/?p=404 | https://www.pongkoiim.com/go/?p=396

pongkoiim.com

จะเชื่อ

ใครดี?

ที่มา: https://www.oxfordlearnersdictionaries.com/definition/english/code_2#code_inflg_1

“การเขียนโปรแกรมคอมพิวเตอร์โดยใส่คํา/ตัวเลข/สัญลักษณ์

บางอย่างของระบบหน่ึง เข้าไปในอีกระบบหน่ึง”

ที่มา: Oxford Advanced Learner’s Dictionary

ที่มา: https://www.facebook.com/permalink.php?story_fbid=10216980584084457&id=1162233576

สรุปความจาก FB post ของ รศ. ยืน ภู่วรวรรณ

26 ก.ค. 2562

coding คือคําที่มีความหมายกว้าง เป็นการใช้สัญลักษณเ์พื่อสื่อถึง

ลําดับขันตอนอะไรบางอย่าง อาจเป็นการทําอาหาร แต่งเพลง หรือ

เขียนโปรแกรมคอมพิวเตอร์ก็ได้

ที่มา: https://www.huffpost.com/entry/coding-vs-programming-bat_b_7042816

ในอีกนิยามหน่ึง● programming = ศาสตร์และศิลป์แห่ง

การเขียน code ที่มีมาแต่โบราณ ● coding = การพิมพ์ code ลงไปอย่าง

เดียวโดยที่ไม่ต้องคิดวางแผนอะไรแต่จริงๆ แล้วใครล่ะจะมีอํานาจในการให้นิยามที่คนอื่นต้องเชื่อตาม? ● Code.org ใช้คําว่า coding เพื่อให้ดู

“น่ารัก น่าลุ้น น่าลอง” สําหรับผู้เรียนมือใหม่

ที่มา: Kiki Prottsman, Curriculum Development Manager

Code.org

1. coding คือการใชสัญลักษณเพื่อสื่อถึงลําดับขั้นตอนบางอยาง เชน โปรแกรมคอมพิวเตอร โนตดนตรี2. coding มีหลายรูปแบบ ทั้งกิจกรรม unplugged (เชน บัตรคําสั่ง), การใช block programming, และ

ภาษาโปรแกรมตาง ๆ เชน Python, Java, C 3. นิยามของ coding อาจแตกตางกันในรายละเอียดบาง แลวแตบริบท4. คําวา coding ถูกใชกันอยางแพรหลายทั้งในและตางประเทศเพื่อสอนทักษะการเขียนโปรแกรม รวมถึง

ทักษะพื้นฐานตาง ๆ ที่เกี่ยวของ เชน การคิดอยางเปนขั้นตอน เปนระบบ การใชเหตุผลเชิงตรรกะ 5. คําแนะนํา: อาจไมมีประโยชนมากนักที่จะถกเถียงกันในรายละเอียดปลีกยอยของความหมายของคําวา

coding แตควรดูเจตนารมณของหลักสูตรดีกวา6. หลักสูตรวิทยาการคํานวนตองการสอนใหเด็กมีทักษะการคิดเปนระบบ เปนขั้นตอน รูจักใชเหตุผลเชิง

ตรรกะ โดย coding เปนเครื่องมือที่จะพาเราไปสูจุดนั้น

สรุป: Coding คืออะไร?

ที่มา: https://www.pongkoiim.com/go/?p=396

เรียน Coding ไปเพื่ออะไร?

ที่มา: https://bitcoin.black/rewards/kisspng-money-bag-installment-loan-united-states-dollar/ https://www.clipart.email/clipart/thinking-brain-clipart-7468.html https://www.indiamart.com/proddetail/road-traffic-sign-18981424391.html

ใครๆ ก็เรียน Coding

ที่มา: คุณครูวารุณี บํารุงสวัสดิ์ โรงเรียนอนุบาลนครพนม | https://www.youtube.com/watch?v=8gd_P6gGs24 | เครือขายวิจัยหลักสูตร สสวท.

ที่มา: คุณครูวารุณี บํารุงสวัสดิ์ โรงเรียนอนุบาลนครพนม

ที่มา: โรงเรียนพระปริยัติธรรม จ.ศรีสะเกษ และโรงเรียนเครือขายวิจัยหลักสูตรวิทยาการคํานวณ สสวท.

ที่มา: โรงเรียนพระปริยัติธรรม จ.ศรีสะเกษ และโรงเรียนเครือข่ายวิจัยหลักสูตร

วิทยาการคํานวณ สสวท.

ที่มา: ข่าวในพระราชสํานัก (29 ม.ค. 2562) โรงเรียนตํารวจตระเวณชายแดน ท่านผู้หญิงสุประภาดา เกษมสันต์และการอบรมครู ตชด. โดย สสวท. (2561)

ที่มา: โรงเรียนตํารวจตระเวณชายแดน ทานผูหญิงสุประภาดา เกษมสันต | https://www.youtube.com/watch?v=XjmL8myTnqE&feature=youtu.be&app=desktop | https://youtu.be/9MIvr1_3p6A?t=157 | https://www.pongkoiim.com/go/?p=409

ใคร ๆ ก็หนีโลก ดิจิทัล ไม่พ้น

ที่มา: หนังสือเรียนรายวิชาเทคโนโลยี (วิทยาการคํานวณ) ชั้น ป.1 และ ป.4 โดย สสวท.

1. ความเชื่อเดิมคือเรียน coding เพื่อประกอบอาชีพ coding แลวจะมีรายไดดี2. คานิยมใหม คือ เรียน coding เพื่อฝกสมอง ใหคิดไดอยางเปนระบบ รูจักใชเหตุผล3. หัวใจของการสอน coding คือเพื่อฝกทักษะพื้นฐานของชีวิต ใหนักเรียนเขาใจ รูทัน และใชประโยชนจาก

เทคโนโลยีได ไมวาจะประกอบอาชีพใด 4. สิ่งที่นักเรียนสนใจมากที่สุด คือ ความสนุก โดย Code.org พบวานักเรียนจะเรียน coding ไดดีที่สุดเมื่อ

เขามี project ที่ทาทาย สนุก และสําคัญกับชีวิตจริง5. หลักสูตรวิทยาการคํานวณเปนหลักสูตรภาคบังคับตั้งแต ป.1 - ม.6 โดยเริ่มบังคับใชบางชั้นปตั้งแต 2561

และจะบังคับทุกชั้นปในป 2563 มีผูที่ไดเรียนแลวทั้งในโรงเรียนใหญ เล็ก รร. ตามชายแดน รร. เอกชน และ รร. ทางศาสนา เพื่อสรางโอกาสและความเทาเทียมในสังคม

6. ไมมีใครหนีโลกดิจิทัลไดพน ไมวาจะประกอบอาชีพใด การสอน coding ไมควรเลือกสอนเฉพาะนักเรียนที่สนใจ แตควรครอบคลุมถึงทุกคน เชนเดียวกับสุขศึกษา จริยธรรม และคณิตศาสตร

สรุป: เรียน Coding ไปเพื่ออะไร?

หลักสูตรวิทยาการคํานวณ

(Computing)24

การคิดเชิงคํานวณคือแนวทาง การแก้ปัญหาแบบหน่ึง ที่สามารถทําให้เป็นอัตโนมัติได้(can be automated)

Computational Thinking (การคิดเชิงคํานวณ)

ที่มา: https://www.csteachers.org

1. กวาดพืน2. ถูพืน3. กวาดหยากไย่

ที่มา: หนังสือเรียนรายวิชาเทคโนโลยี (วิทยาการคํานวณ) ชั้นประถมศึกษา โดย สสวท.

ควรย้าย "กวาดหยากไย่" ขึน้ไปเป็นขั้นตอนแรก และอาจต้องระบุขั้นตอนย่อยของการถูพื้น เพื่อไม่ให้ถูซํ้าทีเ่ดิม

ที่มา: https://youtu.be/qmYlBQQwZKE

1. ตอกไข่2. ใส่ปู3. ใส่ซีอิ๊วขาว4. ตีไข่5. รอจนกระทั่ง

นํ ามันร้อน6. เทไข่

Can Be

Automated!

ขั้นตอน ใส่ปู และ ตีไข่ ต้องสลับกัน

1. ไปที่ร้านเจ๊ไฝ2. สั่งไข่เจียวปู3. รอเจ๊ไฝเจียวไข่4. รับประทาน5. จ่ายเงิน 1,000 บาท

ที่มา: http://optimise.kiatnakinphatra.com/full_flavor_12.php

Cannot Be

Automated!

ขั้นตอน "เจ๊ไฝเจียวไข่" ไม่สามารถจําลองได้ด้วยคอมพิวเตอร์

1. วิทยาการคํานวณ มาจากคําภาษาอังกฤษวา Computing Science ประกอบดวยองคประกอบ 3 แกน คือ Computer Science (วิทยาการคอมพิวเตอร, ยอวา CS) + ICT (บางครั้งเรียก digital technology) + Digital Literacy (การรูดิจิทัล หรือ การรูเทาทันดิจิทัล, ยอวา DL)

2. Coding อยูในสวนของ Computer Science ซึ่งเปนสวนหนึ่งของ Computing Science (สังเกต er, ing) 3. Computational Thinking เปนทักษะหลักที่ CS มุงเนน ซึ่งเรียนรูไดผานกิจกรรม coding แบบตางๆ4. Computational Thinking คือแนวทางการแกปญหาแบบหนึ่ง ที่สามารถทําใหเปนอัตโนมัติได 5. คําวา “ทําใหเปนอัตโนมัติได” หมายถึงจะตองเขียนวิธีแกปญหาเปน step-by-step ไดชัดเจน ไมกํากวม

โดยอาจมีการใชคําสั่งเงื่อนไข คําสั่งทําซํ้า หรือ subroutine ตางๆ เพื่อใหใชเครื่องทําแทนคนได6. ทักษะ Computational Thinking นําไปใชเสริมทักษะอื่นๆ ไดทุกสาขาวิชาและสาขาอาชีพ โดยเฉพาะ

เมื่อตองมีการวนซํ้า มี pattern ที่คลายกันในแตละรอบ มีลําดับขั้นตอนที่ชัดเจนไมกํากวม 7. ต.ย. ปญหาที่ใช Computational Thinking เชน การทําความสะอาด การทอผา การทําอาหารบางชนิด

สรุป: หลักสูตรวิทยาการคํานวณ

สิ่งที่นักเรียนจะได้เรียน

อายุขัยของความรู้

ความรู้

ล้าสมัย

ได้ง่ายมาก!

หนังสือเรียน ≠ คู่มือการใช้ซอฟต์แวร์

ที่มา: https://www.informationq.com/the-evolution-of-windows-os/

หนังสือเรียน = คู่มือการใช้ความคิด

coding ด้วยบัตรคําสั่ง

coding แบบ ลาก-วาง

coding ด้วยภาษาเชิงข้อความ

ที่มา: หนังสือเรียนรายวิชาเทคโนโลยี (วิทยาการคํานวณ) ชั้นประถมศึกษา และมัธยมศึกษา โดย สสวท.

Algorithm ในชีวิตประจําวัน

การนําไปใช้: Smart Farming (ระดับประถม)

หุ่นยนต์

นับดอกไม้

การนําไปใช้: ส่งเสริมวัฒนธรรมไทย

เก็บดอกไม้

& ทําบั้งไฟ

เต้นรํา

การนําไปใช้: Entertainment Industry

การนําไปใช้: Food Industry

ทําก๋วยเตีย๋ว

การนําไปใช้: Food Industry

ที่มา: หนังสือเรียนรายวิชาเทคโนโลยี (วิทยาการคํานวณ) ชั้นประถมศึกษา โดย สสวท. | Disney | https://www.youtube.com/watch?v=dCpifaOwAXs

1. ความรูลาสมัยเร็ว และซอฟตแวรก็ลาสมัยเร็วเชนกัน ดังนั้น วิชานี้จะตองไมใชวิชาที่สอนการใชซอฟตแวรรุนใดรุนหนึ่ง หนังสือเรียนจะตองไมใชคูมือการใชซอฟตแวร แตตองเปนคูมือการใชความคิด และคูมือในการเรียนรูความรูใหมดวยตนเอง

2. การเรียน coding เริ่มจาก บัตรคําสั่ง (ป.ตน) นําไปสู block programming (ป.ปลาย) แลวจึงตอยอดสูโปรแกรมเชิงขอความภาษาตางๆ โดย focus ไมใชไวยากรณภาษาใดภาษาหนึ่ง แตเปนทักษะการคิด

3. นักเรียนจะไดเรียนรู algorithm ในชีวิตประจําวัน ในแงของความหลากหลายและความชัดเจน4. ตัวอยางการนําไปใชจริงตองมีบริบทหลากหลาย เชน เกษตรกรรมทันสมัย วัฒนธรรมไทย วงการบันเทิง

และธุรกิจอาหาร เพื่อใหนักเรียนเห็นความเชื่อมโยงของการนําทักษะการคิดมาใชใหสอดคลองกับบริบทของชุมชนและความสนใจของตนเอง

5. ผูที่ไดเรียน coding และมี Computational Thinking จะสามารถปรับตัวเขากับโลกดิจิทัลได โดยไมหวาดกลัว ไมตื่นตระหนก ไมหลงไหลไปกับมัน แตสามารถมองเห็นโอกาสในการพัฒนาและสรางสรรค

สรุป: โครงสร้างเนื้อหา

เมื่อนักเรียนโตขึ้น

เป็นผู้ประกอบการ(หรือทําอาชีพใดก็ตาม)

เขาจะต้องอยู่รอดได ้แม้เทคโนโลยีจะเปลี่ยนไป

ที่มา: illustrations by J. P. Solano | https://towardsdatascience.com/what-electricity-revolution-tells-us-about-our-future-with-a-i-69eff44295d4

เขาจะต้องอยู่รอดได ้แม้เทคโนโลยีจะเปลี่ยนไป

ที่มา: https://www.ateliers-marinette.fr/en/analog-films/kodak-ultramax-400-35mm.html | https://www.ebay.com/itm/Encyclopedia-Britannica-11th-Eleventh-Edition-1910-1911-29-Volumes-on-DVD-/173990803423 | https://gadgets.ndtv.com/nokia-3310-3996

สไลด์ และข้อมูลเพิ่มเติม

pongkoiim.com/go/?p=571

Schedule

ที่มา:

การอบรมครู

ที่มา: https://www.pongkoiim.com/go/?cat=25

รวบรวมข้อมูลไว้ที่

● teacherpd.ipst.ac.th● scimath.org● Facebook:

สาขาคอมพิวเตอร์ สสวท.

การบูรณาการ

ที่มา: https://k12cs.org/computational-thinking/

ทีม่า: Code.org

Coding + วิทยาศาสตร์

ที่มา: หนังสือเรียนรายวิชาเทคโนโลยี (วิทยาการคํานวณ) ชั้น ป.1 และ ป.4 โดย สสวท. | https://youtu.be/ZyzJkbb-nSA

● คุณครู นวกานต์ มณีศรี จ.กาญจนบุรี

● 4 มิถุนายน 2561● สอนเรือ่งอัลกอริทึม

Coding + วัฒนธรรมไทยCoding บนกระดานชนวน เรยีนรู ้if-then-else

ในบรบิทลกูทุ่งไทย

ที่มา: หนังสือเรียนรายวิชาเทคโนโลยี (วิทยาการคํานวณ) ชั้น ป.1 และ ป.4 โดย สสวท.

Coding + ศิลปะ

ที่มา: https://studio.code.org/s/frozen/stage/1/puzzle/15

Coding + ???

ที่มา: https://www.pongkoiim.com/go/?p=426

● อภินิหารหลวงปูเ่ค็ม Live on Scratch

● เน้นการเล่าเรือ่ง (storytelling)

● มี basic structure ● เปิดโอกาสให้

customized โดยใช้จินตนาการได้ไม่จํากัด

ผู้ประกอบการของจีน vs USA

ที่มา: https://www.slideshare.net/AIFrontiers/kaifu-lee-at-ai-frontiers-the-era-of-artificial-intelligence

ทีม่า: Kai-Fu Lee

ความเข้าใจที่แท้จริง คือภูมิคุ้มกัน

ที่มา: https://www.theverge.com/2019/3/5/18251326/ai-startups-europe-fake-40-percent-mmc-report | https://twitter.com/techinasia/status/846305121218641920

The Verge

ที่มา: The Digital Transformation PlaybookBy David L. RogersColumbia Business Schoolhttps://youtu.be/CPZvupB2W2A

The Digital Transformation PlaybookFocus ที่การนําองคกรกาวเขาสูยุคดิจิทัล,ไมได focus ที่การทําองคกรใหเปนดิจิทัลจากภายใน

Passive targets ➝ Dynamic network

Products➝ Platforms

Silos➝ Strategic asset

Top-down planning➝ Experimentation

Defending➝ Adapting

It’s about ...❌ Technology✅ Strategy✅ Leadership✅ New ways of thinking

●ลูกคา

ไมใชเพียง

ผูรับสินคา

●ลูกคา

ชวยสราง c

ontent,

design, story

● คูแขงไมใชรานอื่นที่คลายกัน แตเปน platform อื่น

● ไมตองถือสินทรัพยมาก

● ใชขอมูลความสัมพันธของลูกคา เพิ่ม retention rate

● Keep growing

● ทดลองทีละนิด (no big bets)● Rapid prototype● ลด cost of learning

● Values are not static● มองหา value ใหม, โอกาสใหม

frenemiescoopetition

hotels vs airbnb

taxis vs uber

Questioner-in-chief

(not decider)Intuit for India

farmers ต.ย. No bad day

at Caesars

Met Museum:

-Backstory

-Hip hop project

-Mobile games

NFLDomino

asymmetric

Tech Jobs อยู่ที่ไหน?

ที่มา:

สรุป

Coding คือทักษะพื้นฐาน

ที่มา: https://bethesdafamilydentistry.com/the-anatomy-of-your-teeth/ | Erik Brynjolfsson and Andrew Mcafee https://itp.nyu.edu/classes/ede-spring2014/the-second-machine-age-work-progress-and-prosperity-in-a-time-of-brilliant-technologies/

เช่นเดียวกับทักษะพ้ืนฐานอื่น ๆ - สุขศึกษา- กฎจราจร- บวกลบคูณหาร

ที่มา: Bethesda Family Dentistry

ในยุค Second Machine Age1. Digital

ทุกสิ่งประมวลผลแบบดิจิทัลได้2. Combinatorial

นํามาเชื่อมต่อกันเป็นของใหม่ได้ 3. Exponential

เติบโตได้ไม่มีที่สิ้นสุด ในลักษณะที่คาดไม่ถึง

Coding for Education - Pong-Koi-Im...2. coding ม หลายร ปแบบ ท งก...

Documents

Coding beatbox!!

CODING STANDARDS

· Web viewแนวทางการเบ กค าใช จ ายในการฝ กอบรม ตามโครงการพ ฒนาคร ร ปแบบ

Android Coding

Coding Standard

Speech Coding (Part I) Waveform Coding

Channel Coding

· Web viewค ณสมบ ต เฉพาะของอาจารย ประจำหล กส ตรค อ จบการศ กษาอย างต ำปร ญญาโทด

Coding Convention

Zen Coding

HUFFMAN CODING

coding cnc

Hypertension Coding icd 10-cm coding medesun

Coding education to realize my ideaplan.medone.co.kr/38_ghrforum/data/C-3Hwang.pdf · 2016-04-11 · Card coding develop. Card coding that allows children to learn coding concepts

06 นันโทปนันทสูตรค ำหลวง: ควำม ...06 น นโทปน นทส ตรค ำหลวง: ควำมพ เศษ ควำมหมำย

Color Coding

Coding Quest

Channel Coding dan Decoding- Block Coding

แบบทดสอบสูตรคูณ - WordPress.com · Web viewต วอย าง “ แบบทดสอบส ตรค ณ ” ช นประถมศ กษาป

Line Coding