กจิ กรรมท่ี 3 30 นาที กจิ กรรมนเี้ ราจะมาเรียนรู้ โปรแกรมแรกของฉัน เกย่ี วกบั การใช้งาน Tutorial ขั้นตอนการเขยี น จดุ ประสงค์การเรยี นรู:้ - เรียนรกู้ ารใชง้ าน Tutorial โปรแกรมและอปั โหลดลง - เรยี นรกู้ ารอัปโหลดโปรแกรม ไปในไมโครบติ จริง ๆ กจิ กรรมที่ 3.1 Tutorial Tutorial เปน็ ส่วนของโปรแกรมท่ีท�ำหน้าทแ่ี นะนำ� ตัวอยา่ งโปรเจ็กตใ์ หเ้ ราท�ำความเขา้ ใจ 1 ดรู ายการของ Tutorials ในหนา้ แรกของ MakeCode 2 กดเลอื กทีโ่ ปรเจก็ ต์ 3 กดปุม่ Flashing Heart MakeCode จะพาเราเขา้ สู่หน้าจออธิบาย Tutorial นั้น ๆ microbit: in Action -18-
4 กดปุม่ จะมีหน้าวิดีโอ อธิบายข้ันตอนเพอ่ื ใหเ้ ราท�ำตาม จากนน้ั กด อีกครั้ง 5 เมอ่ื เขา้ สโู่ หมด Tutorial แถบเมนดู า้ นบนจะกลายเปน็ สสี ม้ เพอื่ ใหเ้ ปน็ ทสี่ งั เกตไดง้ า่ ย แถบแสดงขน้ั ตอนหรอื ความกา้ วหนา้ ในการทำ� ตาม Tutorial โดย ตวั อยา่ งในรปู ตอนนเี้ รากำ� ลงั ทำ� ถงึ ขนั้ ตอนที่ 2 จากทง้ั หมด 5 ขนั้ ตอน แถบอธบิ ายขน้ั ตอน ทเ่ี ราตอ้ งทำ� ตาม microbit: in Action -19-
6 ทำ� ตามค�ำแนะนำ� เสรจ็ แลว้ กดปุม่ หากไม่ต้องการทำ� ตาม Tutorial น ี้ ให้กด เพอื่ ออกจากโหมด Tutorial ได้ตลอดเวลา โปรแกรมจะแสดงหนา้ จออธบิ ายขน้ั ตอน เพอื่ ใหเ้ ราทำ� ตาม โดยอธบิ ายวา่ ลาก show led อกี อนั หนง่ึ มาวางแลว้ วาดรปู อะไรกไ็ ด้ เมอื่ เขา้ ใจ คำ� อธบิ ายแลว้ กดปมุ่ 7 ทำ� ตามค�ำอธิบาย เสร็จแลว้ กดปุ่ม โปรแกรมจะแสดงหนา้ จออธบิ ายขน้ั ตอน เพอ่ื ใหเ้ ราทำ� ตาม โดยอธบิ ายวา่ สงั เกต การทำ� งานทอ่ี มี เู ลเตอร์ เมอื่ เขา้ ใจ คำ� อธบิ ายแลว้ กดปมุ่ microbit: in Action -20-
8 ดูทีอ่ มี ูเลเตอร์ว่าทำ� งานตามทเี่ ราคาดหวงั เอาไว้หรือไม่ จากน้ันกด 9 โปรแกรมจะแสดงหนา้ จออธบิ ายขนั้ ตอนเพอ่ื ใหเ้ ราทำ� ตาม โดยอธบิ ายวา่ ถา้ เรามไี มโครบติ เราสามารถทดลองโหลดโคด้ นลี้ งไปไดโ้ ดยการกดปมุ่ เมอ่ื เขา้ ใจ คำ� อธบิ ายแลว้ กดปมุ่ 10 กดปุ่ม เป็นการจบการทำ� งานของโหมด Tutorial แลว้ ออกมายงั หนา้ จอหลัก ของ MakeCode microbit: in Action -21-
กจิ กรรมที่ 3.2 อปั โหลดโค้ด เบือ้ งหลังการทำ� งานของการกดปมุ่ น้ี โปรแกรม MakeCode จะท�ำหน้าที่ ประมวลผลบลอ็ กค�ำสั่งทั้งหมดทอ่ี ยู่ในพื้นท่ที �ำงาน แปลงออกมาเปน็ ไฟลโ์ ค้ดเลขฐานสิบหกที่ ไมโครบติ เข้าใจแลว้ download มาไวใ้ นคอมพวิ เตอรข์ องเรา .hex ยอ่ มาจาก hexadecimal คอื เลขฐานสิบหก การเขียนในรปู เลขฐานสบิ หกสามารถใช้แทนเลขฐานสองได้ แต่ประหยัดพ้นื ท่ีมากกวา่ 1 กดปุ่ม 2 นำ� ไมโครบติ ต่อเขา้ กับคอมพวิ เตอร์ผ่านสาย usb 3 เปดิ โฟลเดอร์ที่เก็บไฟลด์ าวน์โหลด ซ่ึงในแต่ละเบราวเ์ ซอร์น้ันอาจจะไม่เหมือนกัน สำ� หรับ Google Chrome ปกติไฟล์ที่ถกู ดาวน์โหลดจะเกบ็ ไวท้ ่ี C:\\Users\\<Usernameทเี่ ราใช>้ \\Downloads หากไมท่ ราบใหไ้ ปดทู ่ี chrome://settings -> advance ปรกึ ษาคณุ ครู ถ้าไม่ร้วู ่า เบราวเ์ ซอร์ที่ ใช้อยไู่ ปวางไวท้ ่ีไหน microbit: in Action -22-
4 ท�ำการ copy ไฟล์ .hex เขา้ ไปในไมโครบติ ด้วยวิธกี ารท่นี ักเรียนถนดั (ท�ำไดห้ ลายวิธ)ี ระหวา่ งการ copy เราจะเห็น LED status สสี ้มกระพริบ ๆ และหลังจาก copy file เสรจ็ ไมโครบิตจะ reset ตวั เองแลว้ เร่ิมท�ำงานตอ่ ทันที 5 สังเกตการทำ� งานของไมโครบิต ทำ� งานเหมอื นกับอมี ูเลเตอร์หรือไม่ สรุปสงิ่ ที่ได้เรยี นรู้ microbit: in Action -23-
สรุปความรู้ บทท่ี 1 เขย� นโคด อัปโคโหด ลด แOสuดtpงผutล นกั เร�ยน microbit: in Action -24-
Search
Read the Text Version
- 1 - 7
Pages: