วิธีการสอนเด็ก ๆ ให้ใช้รหัสกับ MIT Scratch Language

เด็ก ๆ เรียนรู้ที่แตกต่าง มากกว่าผู้ใหญ่ดังนั้นหากเราต้องการสอนให้เขียนโค้ดเราต้องใช้วิธีการ เหมาะสมกับความต้องการของพวกเขา. หลักสูตรการเข้ารหัสของผู้ใหญ่มักเริ่มต้นด้วยการอธิบายการสร้างบล็อคเช่นประเภทข้อมูลตัวแปรและฟังก์ชั่นอย่างไรก็ตามวิธีการสอนนี้ ไม่เหมาะกับเด็กส่วนใหญ่.

ภาษาบล็อกภาพ เสนอวิธีแก้ไขปัญหานี้โดยแนะนำให้ผู้เรียนเขียนโค้ดด้วยความช่วยเหลือของ หน่วยการสร้างภาพ. ภาษาบล็อก (บางครั้งเรียกว่าภาษาบับเบิ้ล) มุ่งเน้นไปที่ตรรกะมากกว่าในไวยากรณ์, และสอนการเขียนโปรแกรม ผ่านโครงการสร้างสรรค์.

แอพที่ยอดเยี่ยมที่สอนภาษาบล็อกเช่น Scratch, Code.org และ Tynker มีอยู่ในเน็ต (Scratch และ Code.org ฟรีและ Tynker มีราคาเป็นกันเอง).

หนึ่งในสิ่งที่ดีที่สุดเกี่ยวกับพวกเขาคือคุณไม่จำเป็นต้องเป็นโปรแกรมเมอร์เพื่อช่วยให้เด็กของคุณเริ่มต้นกับพวกเขา ในบทความนี้เราจะมาดูเป็นรอยขีดข่วนภาษาภาพบล็อกที่พัฒนาโดย Google และ เอ็มไอที Media Lab.

เริ่ม

เกา เป็นภาษาการเขียนโปรแกรมที่สร้างขึ้นเพื่อวัตถุประสงค์ทางการศึกษาที่คุณต้องการ บล็อคกัน เพื่อสร้างโครงการต่าง ๆ เช่นภาพเคลื่อนไหวเกมและเรื่องราวแบบโต้ตอบ.

รอยขีดข่วนถูกสร้างขึ้นสำหรับเด็กและวัยรุ่นเป็นหลัก ระหว่างอายุ 8 ถึง 16 ปี, แต่ในบางกรณีสามารถใช้งานได้กับเด็กเล็กและผู้เรียนผู้ใหญ่เช่นกัน.

Scratch มีให้บริการในกว่า 40 ภาษาเวอร์ชันล่าสุดคือ รอยขีดข่วน 2 ที่ทำงานในเว็บเบราว์เซอร์ล่าสุดบน Windows, Mac และเครื่อง Linux หากคุณมีปัญหากับความต้องการของระบบคุณสามารถใช้ Scratch 1.4 รุ่นก่อนหน้าได้เช่นกัน.

คุณสามารถใช้ Scratch ใน 3 วิธีที่แตกต่าง:

1. สร้างบัญชีออนไลน์, และ ใช้โปรแกรมแก้ไขออนไลน์. หากคุณเลือกสิ่งนี้คุณสามารถบันทึกโครงการของคุณทางออนไลน์และแบ่งปันกับชุมชนรอยขีดข่วนได้.
2. ใช้เครื่องมือแก้ไขออนไลน์ โดยไม่ระบุชื่อ. หากคุณเลือกสิ่งนี้คุณสามารถบันทึกโครงการของคุณลงในคอมพิวเตอร์ของคุณเท่านั้น.
3. ดาวน์โหลด Scratch Offline Editor และ ทำงานในพื้นที่.

ที่จะเริ่มต้น, คลิกเมนูสร้าง ในแถบเมนูด้านบนและตัวแก้ไขรอยขีดข่วนจะปรากฏบนหน้าจอของคุณ.

สร้างการออกแบบ

ก่อนอื่นเรามา เพิ่มองค์ประกอบการออกแบบ โปรแกรมของเรา ขั้นตอนการทำงานของการเขียนโปรแกรมในชีวิตจริงนั้นเหมือนกันก่อนอื่นเราต้อง สร้างองค์ประกอบการออกแบบ, เช่นพื้นหลังปุ่มและการนำทาง (ส่วนนี้มักจะทำโดยนักออกแบบ) จากนั้นเราต้อง เพิ่มฟังก์ชันการทำงานให้กับพวกเขา ด้วยรหัส (ส่วนนี้ทำโดยโปรแกรมเมอร์).

สไปรต์และฉากหลัง

Scratch มีองค์ประกอบการออกแบบสองแบบ: ฉากหลัง และ สไปรท์.

ระยะเวลา “ฉากหลัง” ย่อมาจากพื้นหลังและคำ “เทพดา” ย่อมาจากตัวละคร (ตัวอักษรเริ่มต้นคือแมวที่คุณสามารถเห็นได้บนภาพหน้าจอด้านบน) การตั้งค่าที่เกี่ยวข้องจะอยู่ที่มุมซ้ายล่างด้านล่างเวที.

มีสี่วิธีในการ เพิ่มฉากหลังใหม่หรือ Sprite คุณสามารถเลือกหนึ่งจากไลบรารีที่กำหนดไว้ล่วงหน้าทาสีหนึ่งอัปโหลดจากคอมพิวเตอร์ของคุณหรือถ่ายภาพด้วยกล้องเว็บของคุณ.

ตอนนี้เรามาใช้วิธีแก้ปัญหาที่เร็วที่สุดและเลือกฉากหลังจาก ฉากหลังห้องสมุด.

นอกจากนี้ลองเลือกหนึ่งหรือมากกว่าสไปรต์จาก เทพดาห้องสมุด โดยคลิกที่ไอคอนสไปรต์เล็ก ๆ ถัดจาก “ใหม่เทพดา” ป้ายกำกับที่มุมซ้ายล่างของหน้าจอ.

หากคุณต้องการคุณสามารถแก้ไขทั้งฉากหลังและสไปรท์ได้ด้วยความช่วยเหลือของอุปกรณ์พกพา โปรแกรมแก้ไขภาพ ที่จะปรากฏโดยอัตโนมัติหลังจากคุณเพิ่มองค์ประกอบการออกแบบใหม่ลงในสเตจ.

ด้านล่างคุณสามารถเห็นหน้าจอของฉันได้ทันทีหลังจากที่ฉันเพิ่ม “คืนเมือง” ฉากหลังเป็นเวทีของฉัน - ถ้าฉันต้องการฉันสามารถเปลี่ยนรูปลักษณ์ของฉากหลังด้วยเครื่องมือวาดภาพของโปรแกรมแก้ไขภาพ.

ในบทความนี้ฉันจะสร้าง ภาพเคลื่อนไหวที่เรียบง่าย เกี่ยวกับเด็กผู้หญิงที่กลัวผีในเมืองกลางคืน (ฉันรู้ว่า ... ) ฉันมีฉากหลังของเมืองกลางคืนแล้วและตอนนี้ฉันต้องการ Sprite สอง: ผู้หญิงและผี.

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

ตอนนี้ฉันมีองค์ประกอบการออกแบบทั้งหมดที่ฉันต้องการ ด้านล่างคุณจะเห็นว่าเวทีของฉันเป็นอย่างไรตอนนี้ ในส่วนถัดไปเราจะ เพิ่มฟังก์ชั่น ถึงนางไม้ทั้งสอง (เด็กผู้หญิงและผี) โดย ใช้บล็อกรอยขีดข่วน.

เพิ่มฟังก์ชั่น

บล็อกขูด ที่สามารถพบได้ภายใต้ “สคริป” แถบ ด้านหลังของแต่ละบล็อกมี ข้อมูลโค้ดพื้นฐาน.

บล็อกถูกแบ่งออกเป็น 10 หมวดหมู่ (ท่าทาง, การเคลื่อนไหว, เสียง, ปากกา, ข้อมูล, กิจกรรม, การควบคุม, การตรวจจับ, ผู้ใช้งาน, บล็อกเพิ่มเติม) แต่ละอันใช้ สีที่แตกต่าง, วิธีนี้กลุ่มบล็อกคือ แยกแยะได้ง่าย.

เราจะเพิ่มฟังก์ชันการทำงานให้กับสไปรต์แต่ละอัน (โดยเฉพาะเราจะทำให้มีชีวิตชีวา) ซึ่งหมายถึงสไปรต์แต่ละอัน จะมีสคริปต์ของตัวเอง (ลำดับของ Scratch เกา).

โปรดทราบว่าเราสามารถเพิ่มสคริปต์แยกต่างหากลงในฉากหลังได้เช่นกันเช่นเปลี่ยนสีจากวันต่อคืนอย่างไรก็ตามเพื่อความง่ายเราจะไม่เปลี่ยนฉากหลังในตัวอย่างนี้.

สร้างอัลกอริทึมที่มนุษย์อ่านได้

มันจะมีประโยชน์ วางแผนบนกระดาษ สิ่งที่สไปรต์ของคุณจะทำ นี่คืออัลกอริทึมของโปรแกรมตัวอย่าง girl-ghost ของเรา.

อัลกอริทึมของหญิงสาว:

1. ผู้ใช้งาน เริ่มต้น สคริปต์.
2. ที่หญิงสาว คิดว่า เธอกลัวอะไรมาก.
3. ผู้หญิงคนนั้นคือ รอจนกระทั่ง ผีโจมตีเธอ.
4. ที่หญิงสาว เสียงกรีดร้อง.
5. ที่หญิงสาว วิ่งหนี.

อัลกอริทึมของผี:

1. ผู้ใช้งาน เริ่มต้น สคริปต์.
2. ผีนั้น รอในขณะที่ ผู้หญิงกำลังคิด.
3. ผี วิธีการ ผู้หญิง.

คุณสามารถเห็นได้ว่าอัลกอริธึมของเด็กผู้หญิงนั้นถูกเขียนขึ้นจากมุมมองของหญิงสาวและอัลกอริทึมของผีนั้นถูกเขียนขึ้นจากมุมมองของผี ในขณะที่ตัวละครตัวหนึ่งทำหน้าที่อื่น ๆ ต้องรอ, ตามที่เราต้องการ ประสานการกระทำของตัวละครทั้งสอง.

สคริปต์ของผี

มาเริ่มกันที่สคริปต์ของผีกันเพราะมันมีแค่ 3 ขั้นตอนเท่านั้น คลิกที่ผีที่มุมล่างซ้ายและคุณสามารถเริ่ม ลากบล็อก ไปยังพื้นที่สคริปต์ ก่อนอื่นเราต้องทำให้ผู้ใช้เริ่มต้นโปรแกรม เราสามารถทำได้โดยเพิ่ม “เมื่อคลิกที่ธงสีเขียว” บล็อกจาก “เหตุการณ์ที่เกิดขึ้น” ประเภท.

ต่อจากนั้นผีจะรอ 2 วินาทีขณะที่หญิงสาวกำลังคิด เราตั้งโปรแกรมการกระทำนี้ด้วย “รอ 2 วินาที” บล็อกที่สามารถพบได้ใน “ควบคุม” ประเภท.

ในที่สุดผีต้องเข้าหาหญิงสาวซึ่งเราสามารถบรรลุด้วย “ไปที่แอ๊บบี้” บล็อกจาก “การเคลื่อนไหว” ประเภท. “แอ๊บบี้” คือชื่อของหญิงสาว Scratch จะเพิ่มชื่อของ Sprites อื่น ๆ ลงในเมนูดร็อปดาวน์ของบล็อกนี้โดยอัตโนมัติ.

นี่คือลักษณะของสคริปต์ของผี ถึงตอนนี้คุณก็รู้แล้วว่า Scratch ทำงานได้จริง คล้ายกับเลโก้, คุณต้องการ เข้าร่วมบล็อก ด้วยกัน.

สคริปต์ของหญิงสาว

สคริปต์ของหญิงสาวนั้นซับซ้อนกว่าเล็กน้อย คลิกที่ Sprite ของหญิงสาวที่มุมซ้ายล่างและคุณสามารถเริ่มเพิ่มบล็อกที่เกี่ยวข้องกับพฤติกรรมของหญิงสาว.

สคริปต์ของผู้หญิงก็เริ่มต้นด้วย “เมื่อคลิกที่ธงสีเขียว” กลุ่ม ฉันแสดงให้คุณเห็นว่าสคริปต์ของหญิงสาวจะมีหน้าตาเป็นอย่างไรในที่สุดเพื่อให้คุณสามารถทำตามคำอธิบายได้ง่ายขึ้น.

หลังจากคลิกที่ธงสีเขียวเด็กหญิงกำลังคิด 2 วินาที (โปรแกรมจะแสดงฟองความคิดสำหรับช่วงเวลานี้) นี่คือ 2 วินาทีเดียวกันในขณะที่ผีกำลังรออยู่ที่มุม - โปรแกรมที่มีบล็อกรออยู่ในผี ต้นฉบับ.

จากนั้นหญิงสาวต้องรอจนกว่าผีจะมาแตะต้องเธอ สิ่งนี้ทำโดย ประกอบด้วยบล็อกรอ. คุณสามารถดูภาพหน้าจอด้านบนที่บล็อกนี้มี บล็อกรูปเพชรด้านใน คุณต้องเข้าร่วมแยกต่างหาก คุณสามารถเพิ่มบล็อกเพชรรูปเดียวลงในบล็อกรอนี้ได้.

โปรดจำไว้ว่า Scratch จะคล้ายกับเลโก้คุณต้อง ใส่ใจกับรูปร่าง ของบล็อกเช่นกัน คุณลักษณะนี้ป้องกันคุณจากการเพิ่มบล็อกที่ไม่ควรอยู่ที่นั่นเพื่อหลีกเลี่ยงตรรกะการเข้ารหัสที่ผิด.

ตอนนี้ผีแตะต้องหญิงสาวและสคริปต์ของผีก็จบลง ตอนนี้เราต้องทำให้เธอกรีดร้องด้วย “เล่นเสียง” บล็อกเสียง (ฉันเพิ่มเสียงกรีดร้องของผู้หญิงจาก Sound Library ในตัว) และในที่สุดก็ทำให้เธอออกห่างจากผีโดยใช้ “ย้าย 200 ขั้นตอน” บล็อกการเคลื่อนไหว.

คุณสามารถดูโครงการสุดท้ายได้ในหน้า Scratch หากคุณต้องการดูสิ่งปลูกสร้างให้คลิกปุ่มดูภายในที่มุมบนขวา.

ขั้นตอนถัดไป

ของเรา “ผีในเมือง” ตัวอย่างเป็นโครงการที่ง่ายมาก เมื่อลูก ๆ ของคุณสามารถสร้างเรื่องราวเชิงเส้นและภาพเคลื่อนไหวได้อย่างปลอดภัยคุณสามารถก้าวไปข้างหน้าได้ โครงสร้างการเข้ารหัสที่ซับซ้อนมากขึ้น, เช่น ถ้าแล้ว บล็อก (ข้อความแสดงเงื่อนไข) และ ทำซ้ำ บล็อก (ลูป) สามารถพบได้ทั้งใน “ควบคุม” ประเภท.

ถ้าคุณต้องการ ตัวอย่างที่ซับซ้อนมากขึ้นสำหรับภาพเคลื่อนไหวเชิงเส้น (ยังไม่มีเงื่อนไขและลูป) คุณสามารถตรวจสอบตัวอย่างอื่น ๆ ของฉันที่มีบทสนทนาง่าย ๆ และใช้ Sprites 3 อัน (เพื่อนสองคนและเค้กวันเกิด) แต่ละอันมีสคริปต์ของตัวเอง.

คุณสามารถสร้างแรงบันดาลใจให้ลูก ๆ ของคุณด้วยการพิมพ์ บัตรขูด สำหรับพวกเขาว่าพวกเขาสามารถ จับมือ ในขณะที่การเขียนโปรแกรม การ์ดขูดยังมี แนวคิดโครงการที่ยอดเยี่ยม กับพวกเขา นอกจากนี้ยังควรเรียนรู้จากผู้อื่นด้วย สำรวจโครงการที่มีอยู่, หรือ มีส่วนร่วมในกระดานสนทนา.

หากคุณต้องการทำความเข้าใจเกี่ยวกับรอยขีดข่วนให้ดีขึ้น ฟรีหลักสูตร Coursera โดย University of Edinburgh ที่แนะนำผู้เริ่มต้นสู่การเขียนโปรแกรม Scratch ในวิธีที่เข้าถึงได้ง่ายและสนุกสนาน.

นอกจากนี้คุณยังสามารถใช้ประโยชน์จาก เกาวิกิ, และแผนกคอมพิวเตอร์เชิงสร้างสรรค์ของมหาวิทยาลัยฮาร์วาร์ดก็มีเช่นกัน แหล่งข้อมูลที่ดี สำหรับผู้เรียนรอยขีดข่วน.