3. จากน้นั จะปรากฎหนา้ ตนาง NW.js Options ข้นึ ในหัวขอ้ Options ไมนต้องกาำ หนดคาน ใดๆ จากน้นั ใหท้ าำ การคล๊ิกที่ปุมน Export รูปที่ 4.13 แสดงข้นั ตอนการเผยแพรนช้นิ งานในโปรแกรม Construct 2
4. จากน้นั จะปรากฎหนา้ ตนาง Exporting project.. ข้ึน โปรแกรมจะใช้เวลาในการดาำ เนนิ การ ในข้นั ตอนน้พี อประมาณข้นึ อยูกน บั ขนาดของแตนละช้ินงาน รูปท่ี 4.14 แสดงข้นั ตอนการเผยแพรนช้นิ งานในโปรแกรม Construct 2
5. จากน้นั จะปรากฎหนา้ ตนาง Construct 2 – Export HTML5 project ข้ึน ซ้่ึงโปรแกรมจะแจง้ ใหท้ ราบวาน ข้นั ตอนการ Export project เสร็จสมบรู ณ์แลว้ จากน้ันใหค้ ล๊ิกที่ Open destination folder เพื่อไปยังตาำ แหนนงท่ีจดั เกบ็ ไฟลด์ ังกลนาว รูปที่ 4.15 แสดงข้นั ตอนการเผยแพรนช้นิ งานในโปรแกรม Construct 2
6. ในโฟลเดอร์น้ี จะปรากฎช้นิ งานในรปู แบบของ HTML5 ซ้งึ่ สามารถนำาไปใช้งานได้ตาม ต้องการ และปรากฎโฟลเดอร์ตนางๆ ข้นึ แบนงแยกตามระบบปฎบิ ตั ิการ (Operating System : OS) ท่ี รองรับและสนับสนนุ การทาำ งานรนวมกนั ได้แกน linux32 ,linux64 ,osx64 ,win32 ,win64 รปู ท่ี 4.16 แสดงข้นั ตอนการเผยแพรนช้นิ งานในโปรแกรม Construct 2
7. จากน้นั ใหไ้ ปท่ีโฟลเดอร์ win32 และทำาการดับเบ้ิลคล๊ิก เพ่อื เขา้ สนูโฟลเดอร์น้ี จากตวั อยาน ง เครือ่ งคอมพิวเตอรท์ ่ใี ชใ้ นการทดสอบชิ้นงานน้ี ใชร้ ะบบปฎบิ ตั ิการ (Operating System : OS) Windows7 : 32Bit จึงตอ้ งเลอื กทีจ่ ะทดสอบช้ินงานในโฟลเดอร์ win32 รปู ท่ี 4.17 แสดงข้นั ตอนการเผยแพรนช้นิ งานในโปรแกรม Construct 2
8. หลงั จากเข้าสนูโฟลเดอร์ win32 แลว้ ใหค้ ล๊ิกที่ nw.exe รูปท่ี 4.18 แสดงข้นั ตอนการเผยแพรนช้นิ งานในโปรแกรม Construct 2
9. หลงั จากน้ันจะปรากฎช้ินงานท่เี สรจ็ สมบูรณ์ และสามารถนำาไปใช้งานไดต้ นอไปท้ังในรูป แบบออนไลน์และออฟไลน์ รปู ที่ 4.19 แสดงข้นั ตอนการเผยแพรนช้นิ งานในโปรแกรม Construct 2 รปู ท่ี 4.20 แสดงข้นั ตอนการเผยแพรนช้นิ งานในโปรแกรม Construct 2
ภาคผนวก : ตัวอยาน งช้ินงานเพิม่ เตมิ เรียนร้จู ากสื่อการสอนตัวอยาน ง ชดุ ท่ี 1 “งนายๆ นะ คำาศพั ท์” (Easy@Word) ชุด ผกั ผลไม้ ตวั อยาน งท่ี 1 สอ่ื การสอน “งนายๆ นะ คาำ ศัพท์” ชดุ ผัก ผลไม้ รูปที่ 5.1 ส่ือการสอนงนายๆ นะ คาำ ศพั ท์ ชุด ผกั ผลไม้ ส่ือการสอนชดุ น้ี มวี ัตถปุ ระสงค์ เพ่อื ให้ผเู้ รียนท่มี อี ายุระหวาน ง 6-9 ปี เรียนรคู้ าำ ศพั ท์ภาษา องั กฤษ ในหมวดหมูนของผกั และผลไม้ โดยการพิมพ์คาำ ตอบท่ีถกู ต้องลงในชนองคาำ ตอบ ซ้่ึงถ้าหากผดิ ก็ จะมคี ำาเฉลยทีถ่ ูกต้องในข้อน้ันๆ ปรากฎข้นึ มกี ารประเมนิ ผลดว้ ยคะแนนจากการทายคำาศพั ทแ์ ตนละตวั อกั ษร พร้อมกบั เสียงดนตรีประกอบทไี่ พเราะ กลนมุ ของ Object ในโปรแกรม Construct 2 ท่ีนำามาใชใ้ นการสรา้ งส่ือการสอนชุดน้ี มีดงั น้ี Array , AJAX , XML , Function , Keyboard , Browser , Sprite , Mouse , Text , Sound
เรยี นร้จู ากสือ่ การสอนตวั อยาน ง ชดุ ที่ 2 “งนายๆ นะ คาำ ศัพท์” (Easy@Word) ชดุ จบั คูรน คู้ วามหมาย ตัวอยาน งท่ี 2 ส่ือการสอน “งนายๆ นะ คำาศพั ท์” ชุด จับคนรู ้คู วามหมาย รปู ท่ี 5.2 สื่อการสอนงนายๆ นะ คำาศพั ท์ ชุด จบั คูนรคู้ วามหมาย ส่ือการสอนชดุ น้ี มวี ัตถุประสงค์ เพ่อื ใหผ้ เู้ รียนที่มอี ายรุ ะหวาน ง 6-12 ปี เรียนรคู้ ำาศพั ท์ภาษา อังกฤษ ในหมวดหมูนของสัตว์ โดยการจับคูรน ูปสตั ว์ และคาำ ศัพท์ท่ีถูกตอ้ ง จนกวาน จะครบหมดทุกคูน แขนง กบั เวลาทมี่ อี ยูอน ยาน งจาำ กดั และจะใชเ้ วลาทีเ่ หลือจากการเลนนมาคาำ นวญเปน็ คะแนน พรอ้ มกบั มเี สียง ดนตรีประกอบที่ไพเราะ กลนมุ ของ Object ในโปรแกรม Construct 2 ที่นำามาใชใ้ นการสร้างสื่อการสอนชดุ น้ี มดี ังน้ี Array , Function , Keyboard , Browser , Sprite , Mouse , Text , Sound
เรยี นรู้จากส่อื การสอนตวั อยาน ง ชดุ ท่ี 3 “งนายๆ นะ คำาศัพท์” (Easy@Word) ชดุ รา้ นขายผัก ผลไม้ ตวั อยาน งท่ี 3 สอื่ การสอน “งนายๆ นะ คำาศพั ท์” ชดุ ร้านขายผัก ผลไม้ รูปท่ี 5.3 ส่ือการสอนงนายๆ นะ คำาศพั ท์ ชุด รา้ นขายผกั ผลไม้ ส่ือการสอนชดุ น้ี มีวตั ถุประสงค์ เพ่ือให้ผเู้ รียนทม่ี อี ายรุ ะหวาน ง 6-9 ปี เรียนร้คู ำาศัพท์ภาษา องั กฤษ ในหมวดหมูนของผักและผลไม้ โดยการจบั คูนรปู ผกั และผลไม้กบั คาำ ศัพท์ท่ีถูกต้องในชนองที่ กาำ หนดให้ จนกวาน จะถูกตอ้ ง และครบทุกคูน ใชเ้ วลาท่เี หลือจากการจบั คูนรูปผกั และผลไม้เลนนมาคำานวญ เป็นคะแนนของผ้เู ลนน พรอ้ มกบั มเี สยี งดนตรีประกอบทไ่ี พเราะตลอดการเลนน กลนมุ ของ Object ในโปรแกรม Construct 2 ที่นำามาใชใ้ นการสรา้ งส่ือการสอนชดุ น้ี มีดังน้ี Array , AJAX , Function , Keyboard , Browser , Sprite , Sprite Font , Mouse , Text , Sound , File
เรยี นรจู้ ากส่อื การสอนตวั อยาน ง ชุดท่ี 4 “งนายๆ นะ คำาศัพท”์ (Easy@Word) ชุด คิดไมอน อก ตวั อยาน งท่ี 4 สอ่ื การสอน “งนายๆ นะ คำาศัพท์” ชุด คดิ ไมนออก รปู ที่ 5.4 ส่อื การสอนงนายๆ นะ คำาศพั ท์ ชุด คดิ ไมอน อก ส่ือการสอนชุดน้ี มวี ตั ถปุ ระสงค์ เพอ่ื ให้ผเู้ รียนที่มอี ายรุ ะหวาน ง 6-9 ปี เกิดการเรยี นรแู้ ละฝึกึกฝึกน ประสาทสัมผสั ดา้ นตนางๆ จากการควบคมุ ตัวละครในฐานะผู้เลนน เพื่อใหห้ ลบหลีก และผาน นอปุ สรรค ตนางๆ ไปให้ได้ โดยมเี วลาจำากดั 60 วนิ าที เวลาในการเลนนจะถูกเปลี่ยนเปน็ คะแนนหลังจากการเลนน ส้ิน สุดลง มีเสยี งดนตรปี ระกอบทไ่ี พเราะตลอดการเลนน กลนมุ ของ Object ในโปรแกรม Construct 2 ที่นำามาใชใ้ นการสร้างสื่อการสอนชดุ น้ี มดี ังน้ี Array , AJAX , Function , Keyboard , Browser , Sprite , Sprite Font , Mouse , Text , Sound , File
เรียนรจู้ ากสอื่ การสอนตวั อยาน ง ชดุ ที่ 5 “งนายๆ นะ คำาศพั ท์” (Easy@Word) ชดุ ปลาไมนลา้ ตวั อยาน งที่ 5 สอื่ การสอน “งนายๆ นะ คาำ ศพั ท์” ชุด ปลาไมนล้า รปู ที่ 5.5 ส่อื การสอนงนายๆ นะ คำาศพั ท์ ชุด ปลาไมนล้า สื่อการสอนชดุ น้ี มีวัตถปุ ระสงค์ เพอ่ื ใหผ้ เู้ รยี นที่มอี ายุระหวาน ง 6-9 ปี เกิดการเรยี นร้แู ละฝึกกึ ฝึกน ประสาทสมั ผสั ด้านตนางๆ จากการควบคมุ ตัวละครในฐานะผู้เลนน เพ่อื ใหผ้ าน นอปุ สรรคตนางๆ ได้ ภายใน 100 วนิ าที เวลาในการเลนน จะถูกเปลย่ี นเปน็ คะแนนหลงั จากการเลนน ส้ินสดุ ลง มีเสียงดนตรีประกอบที่ ไพเราะตลอดการเลนน กลนมุ ของ Object ในโปรแกรม Construct 2 ท่นี าำ มาใช้ในการสร้างส่ือการสอนชุดน้ี มีดังน้ี Array , AJAX , Function , Keyboard , Browser , Sprite , Sprite Font , Mouse , Text , Sound , File
...
Search
