ป๒ หน่วย ๒ สนุกกับการเขียนโปรแกรม

วิชาวทิ ยาการคานวณ (คอมพวิ เตอร)์ ระดับชัน้ ประถมศกึ ษาปีที่ ๒ หน่วยที่ ๒ นางกษมา กล่นิ สุคนธ์ โรงเรียนสตั หีบ

หนว่ ยการเรียนรทู้ ี่ 2 การเขียนโปรแกรมเบือ้ งต้น เรื่อง สนกุ กับการเขียนโปรแกรม 1. นักเรยี นร่วมกันสังเกตหน้าเว็บไซต์ https://code.org แล้วตอบคาถาม ดงั นี้ • นกั เรยี นเคยเห็นหน้าเว็บไซต์แบบนหี้ รือไม่ (ตัวอย่างคาตอบ เคยเห็น) • หากเคยเห็นนักเรยี นคิดว่าเปน็ หน้าเว็บไซต์อะไร (ตัวอย่างคาตอบ หน้าเวบ็ ไซต์ของการเขียนโปรแกรม) • ถ้าจะเข้าไปเขียนโปรแกรมที่เว็บไซต์ดงั กล่าว จะเข้าไปทีเ่ วบ็ ไซต์อะไร (ตวั อย่างคาตอบ https://code.org) 2. นกั เรยี นร่วมกันศึกษาค้นคว้าขอ้ มลู เกี่ยวกับสนุกกบั การเขียนโปรแกรม จากแหลง่ การเรียนรู้ ต่าง ๆ อย่างหลากหลาย เช่น การสอบถามจากครหู รอื ผู้ปกครอง 3. นกั เรยี นวิเคราะห์และอภิปรายแลกเปล่ยี นความคิดเหน็ เกี่ยวกบั การเขียนโปรแกรมโดยใช้ https://code.org แล้วตอบคาถาม ดงั นี้

3.1 เข้าเวบ็ ไซต์ https://code.org เข้าไปในสว่ นของนักเรยี น แล้วเลอื กคอร์ส 2 จะพบว่า มี บทเรียนมากมาย แล้วเลอื กบทเรียนที่ 3 เรื่อง เขาวงกต: การจดั ลาดบั โดยคลิกเมาสท์ ีห่ มายเลข 1 จะพบ กับหน้าต่างของโปรแกรม ดังภาพ 3.2 เขียนโปรแกรมโดยการนาบล็อกคาสั่งมาวางเรียงต่อกนั เพือ่ เขียนโปรแกรมให้ตัวละครสี แดงสามารถเดนิ ไปจับหมูสเี ขียวได้ จากตัวอย่างน้ขี น้ั ตอนวิธีคือ จะต้องให้ตวั ละครเดนิ ไปขา้ งหน้า 2 ครง้ั ดงั น้ัน เราใช้เมาสล์ ากบล็อกคาส่ังมาวางเรียงกนั ได้ ดังนี้

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

3.4 หากคลิกเมาสป์ ุ่มไปต่อ โปรแกรมจะแสดงเขาวงกตในลาดับทีย่ ากขึ้น และให้ทดลองเขียน โปรแกรมต่อไป เพื่อให้ตัวละครเดนิ ทางมาจับหมใู ห้ได้ ซึง่ ต้องเขียนโปรแกรมให้ตัวละครเดนิ ทางลง ดา้ นล่าง ดงั ภาพ เมือ่ เขียนโปรแกรมต่อไปเรือ่ ย ๆ การเคล่อื นทตี่ ่าง ๆ จะเปล่ยี นไปและต้องทางานมากข้ึน เช่น ในข้ันตอนที่ 6 จะต้องควบคมุ ให้ตัวละครเดนิ ไปขา้ งหน้าถงึ 5 ครงั้ 3.5 การเขียนโปรแกรมให้ทาคาส่ังเดมิ หลาย ๆ ครง้ั ในการเขียนโปรแกรมมกั จะออกแบบ คาสัง่ ให้ทาซ้าหรือที่เรยี กว่า คาสั่งลปู มาให้ใช้งาน เช่น การเขียนโปรแกรมลักษณะในรูปตอ่ ไปน้ี ซึ่งต้อง ให้ตัวละครเดนิ หน้า 5 ครงั้ และโจทย์ให้เขียนโปรแกรมบนพืน้ ที่การทางาน 3 บล็อก ดังนั้นจะตอ้ งเขียน โปรแกรม ดังนี้ 1) นาบลอ็ กคาสง่ั ทาซ้ามาใช้ แล้วกาหนดให้ทาซ้า 5 ครง้ั คลิกเมาส์ท่ีบล็อกคาสั่งน้ี

2) กาหนดการทาซ้าเปน็ 5 ครงั้ โปรแกรมจะทาคาสงั่ ทีน่ ามาวางในบล็อกซ้า กาหนดจานวนการทาซ้า คลิกเมาส์ที่นี่ 3) ลากบล็อกคาสัง่ มาวางในบลอ็ กคาสงั่ ดงั ภาพ 4) เมือ่ โปรแกรมเรม่ิ ทางานจะทาให้ตัวละครเดนิ ไปขา้ งหน้า 5 ครงั้ ไปพบกับเจ้าหมูพอดี

5) หากเลอื กคาสงั่ แสดงโค้ด โปรแกรมจะแสดงให้เห็นว่าคาส่ังทาซ้าน้ันเขียนได้เป็นคาสง่ั for นน่ั เอง โดยใช้ตวั แปร count เป็นตัวนบั แล้วทาคาสง่ั moveForward (); ซ้า • ถ้าตาแหน่งของหมูขยบั ขึ้นไปด้านบนอีก 3 บลอ็ ก นกั เรยี นจะต้องกาหนดการทาซ้าเปน็ เท่าไร (ตวั อย่างคาตอบ 8 ครง้ั ) 4. นกั เรยี นแตล่ ะกลมุ่ ร่วมกนั วิเคราะห์และอภิปรายแลกเปล่ยี นความคิดเหน็ การเขียนโปรแกรม โดยใช้ https://code.org ทีม่ ีความซบั ซ้อนมากขน้ึ ดงั นี้ 4.1 ตัวอย่างโปรแกรมที่มีความซับซ้อนขนึ้ ไปอีก เช่น การเดนิ ในลกั ษณะตอ่ ไปนี้

จากตวั อย่าง เราพบว่าจะต้องให้ตัวละครเดนิ หน้า 4 ครงั้ จากน้ันหันไปทางขวา แล้ว เดนิ หน้าอีก 5 ครง้ั เขียนเปน็ ลาดบั ขน้ั ตอนได้ ดงั นี้ 4.2 เมือ่ เขียนโปรแกรมโดยการวางบลอ็ กคาสงั่ จะเขียนได้ ดงั นี้ 1. ลากบลอ็ กคาส่งั ทาซ้ามาวางแลว้ กาหนดเป็น 4 คร้ัง 2. ลากบลอ็ กคาสั่งไปขา้ งหนา้ มาวาง 3. ลากบลอ็ กคาส่ังหนั ขวามาวางต่อ 4. ลากบลอ็ กคาส่ังทาซ้ามาวาง แลว้ กาหนดเป็น 5 คร้ัง 5. ลากบลอ็ กคาสงั่ ไปขา้ งหน้ามาวาง 5. นักเรยี นร่วมกันสรปุ ความคิดรวบยอดเกีย่ วกับสนุกกับการเขียนโปรแกรม ดังนี้ การเขียนโปรแกรมโดยใช้เว็บไซต์ https://code.org จะมีบทเรียนให้เลอื กใช้ในการฝึกเขียนโปรแกรม อย่างมากมาย เช่น เขาวงกต: ลปู ในการเขียนโปรแกรมที่ต้องมีการทางานมากขนึ้ อาจต้องมี การกาหนดการทาซ้า และในการเขียนโปรแกรมที่มีความซับซ้อนขนึ้ ไปอาจต้องมีการเขียนลาดบั ขั้นตอน การทางานของโปรแกรมให้ครอบคลมุ ทกุ กรณี เพื่อให้โปรแกรมทางานไม่ผิดพลาด

นักเรยี นร่วมกันสรปุ ส่งิ ทีเ่ ข้าใจเป็นความรู้ร่วมกัน ดังนี้ แหลง่ การเรียนรู้เกีย่ วกับการเขียนโปรแกรมที่น่าสนใจในปจั จุบนั มีอยมู่ ากมาย เช่น เว็บไซต์ https://code.org จะมีบทเรียนให้เลอื กเรยี นหรือฝึกเขียนโปรแกรมมากมาย ถ้านักเรียนต้องการสร้างเกมการเขียนโปรแกรมให้กบเดินทางไปกินแมลง โดยบางตาแหน่งมีแมลง 1 ตัว บางตาแหน่งมี 2 ตัว ดงั ภาพ นกั เรยี นจะออกแบบเกมให้มบี ลอ็ กคาสัง่ อยา่ งไร

ใบงาน เรื่อง สนุกกบั การเขียนโปรแกรม วันที่________เดอื น_______________พ.ศ.___________ ได_้ _________คะแนน ชื่อ_____________________________เลขที่______ชั้น__________ คะแนนเตม็ 10 คะแนน นักเรยี นเข้าเว็บไซต์ https://code.org แล้วเข้าสู่บทเรียนที่ 6 เขาวงกต: ลปู จากน้ันเขียนโปรแกรม แล้วประเมินตนเองลงในแบบประเมิน โดยเติมเครื่องหมาย  ลงใน  1. นักเรยี นเข้าเว็บไซต์ https://code.org เลอื กคอร์ส 2 จากน้ันเลอื กบทเรียนที่ 6 เขาวงกต: ลูป แล้วทากิจกรรมไปตามลาดบั

จะปรากฏหน้าต่างของการเขียนโปรแกรม ดังภาพ จากนั้นนักเรยี นลองเขียนโปรแกรม และเรียนรู้ไปเร่อื ย ๆ แบบบันทกึ การเข้าเว็บไซต์ https://code.org 1. นกั เรียนเขา้ เวบ็ ไซต์ https://code.org ไดห้ รือไม่ ได้ ไม่ได้ 2. นกั เรียนเลือกคอร์ส 2 ไดห้ รือไม่ ได้ ไม่ได้ 3. นกั เรียนเขา้ บทเรียนท่ี 6 เขาวงกต: ลูป ไดห้ รือไม่ ได้ ไม่ได้ 4. นกั เรียนเขียนโปรแกรมไดห้ รือไม่ ได้ ไม่ได้