สรา้ งสอื่ การสอนมลั ติมเี ดีย ด้วย Construct 2
สรา้ งส่อื การสอนมลั ติมีเดยี ด้วย Construct 2 ผู้ประพันธ์ นายชัยรัตน์ พงศ์อุดมกุล บรรณาธกิ าร นายยุทธนา พทุ ธรักษา Construct 2 เป็นเครอ่ื งหมายการคา้ ของบรษิ ทั Scirra Ltd. ประเทศองั กฤษ และเครอ่ื งหมายการคา้ อ่ืนๆ ท่ีอา้ งอิงถงึ เป็นของบรษิ ัทน้ันๆ สงวนลิขสิทธ์ิตามพระราชบญั ญัตลิ ขิ สทิ ธ์ิ พ. ศ. 2537 ห้ามคดั ลอก หรอื ทาำ ซ้้ำา สนวนใดสนวนหนงึ่ ของ หนังสอื เลนมน้ี ไมวน าน ด้วยวธิ ีการใดๆ นอกจากไดร้ ับอนญุ าตจากผูจ้ ัดทำาเทนาน้นั เผยแพรนคร้งั ท่ี 1 กรกฎาคม 2559 ผู้จัดทาำ Share Project 2014. ประเทศไทย [email protected]
สารบญั คำานาำ ตอนท่ี 1 : ส่ิงทคี่ ุณจะไดเ้ รยี นรู้จากหนังสือเลมน น้ี ตอนที่ 2 : ร้จู กั กบั โปรแกรม Construct 2 2.1 การดาวน์โหลดโปรแกรม Construct 2 2.2 คุณสมบัติพ้ืนฐานท่เี หมาะสมกบั การติดต้ัง และใช้งานโปรแกรม Construct 2 2.3 การติดต้ังโปรแกรม Construct 2 2.4 สนวนประกอบของโปรแกรม Construct 2 ตอนที่ 3 : เร่มิ ต้นสรา้ งสื่อมัลติมีเดยี ดว้ ย Construct 2 3.1 มัลติมีเดยี (Multimedia) และ คอมพิวเตอรช์ นวยสอน (Computer Assisted Instruction) 3.2 การพฒั นาคอมพวิ เตอรช์ นวยสอน (Computer Assisted Instruction : CAI) มัลติมีเดียเพอ่ื การศึกษา 3.3 ประเภทของคอมพิวเตอรช์ นวยสอน (Computer Assisted Instruction : CAI) ตอนที่ 4 : การเผยแพรนช้ินงานในลักษณะตนางๆ 4.1 การเผยแพรนช้นิ งาน ในลกั ษณะส่ือการเรียนการสอนแบบออนไลน์ (Online Exporting Multimedia) 4.2 การเผยแพรนช้นิ งาน ในลักษณะส่ือการเรยี นการสอนแบบออฟไลน์ (Offline Exporting Multimedia) ภาคผนวก : ตัวอยาน งช้ินงานเพิ่มเติม
คาำ นำา การสร้างส่ือมลั ติมีเดยี เพอ่ื ใช้ในกระบวนการเรยี นการสอน ในปัจจบุ ันมหี ลากหลายรปู แบบ และมากข้นึ ตามการเปลีย่ นแปลงของเทคโนโลยคี อมพิวเตอร์ และเทคโนโลยกี ารสื่อสาร ในที่น้จี ะกลาน วถงึ โปรแกรม Construct 2 ซ้่งึ เป็นโปรแกรมทีใ่ ช้ในการสรา้ งชิ้นงานมัลติมเี ดยี ด้วย มาตรฐานภาษา HTML5 ช้ินงานทีส่ รา้ งข้ึน จงึ สามารถเผยแพรนและใช้งานไดอ้ ยาน งกวา้ งขวาง ประกอบกบั ตัวโปรแกรมออกแบบใหส้ ามารถพัฒนาช้ินงานไดห้ ลายรปู แบบ โดยสนวนใหญนจะเปน็ การ สรา้ งเกมส์ในรูปแบบของสองมติ ิ การใชง้ านโปรแกรม Construct 2 คนอนขา้ งงนายเหมาะสำาหรบั ผู้ใชง้ าน ทกุ ระดับ การประยกุ ต์ใช้โปรแกรม Construct 2 สำาหรบั สรา้ งสอ่ื การเรียนการสอน จงึ มคี วามเหมาะสม และจำาเป็นอยาน งยิง่ กบั การเรยี นการสอนในสมัยปจั จุบนั สื่อการเรยี นการสอนท่ดี ี จะทำาใหผ้ ู้เรยี นมีความ สนุกกบั การเรยี น และสนงผลใหเ้ กิดการพัฒนาศักยภาพการเรยี นรขู้ องผู้เรียนได้ การเร่ิมต้นสรา้ งสอ่ื การเรยี นการสอน สามารถทำาไดโ้ ดยการศึกษาจากตัวอยาน งทน่ี นาสนใจ หนงั สอื เลมน น้ี ใช้ตวั อยาน งสื่อการเรยี นการสอนในการอธิบาย พรอ้ มกบั ภาพประกอบโดยละเอยี ดเปน็ ข้ัน เปน็ ตอนตามลาำ ดบั ทำาใหง้ นายทจ่ี ะเขา้ ใจ เรยี นรู้ และฝึกกึ ฝึกน จงึ เหมาะสมเปน็ อยาน งยิง่ สำาหรับผู้ทตี่ อ้ งการ จะพฒั นาสื่อการเรียนการสอนในลกั ษณะตนางๆ แม้วาน ไมมน ีประสบการณ์มากนอนกต็ าม นายชัยรัตน์ พงศ์อดุ มกุล ผปู้ ระพนั ธ์
ตอนที่ 1 : ส่ิงท่ีคณุ จะได้เรียนรจู้ ากหนังสือเลนมน้ี ในปจั จบุ ันเทคโนโลยคี อมพวิ เตอร์และเทคโนโลยกี ารสื่อสารมีการพัฒนาอยาน งตนอเนอ่ื ง จงึ สนง ผลให้การประยกุ ตใ์ ชเ้ ทคโนโลยีดังกลนาวในงานตนางๆ การพัฒนาสื่อการเรียนการสอนกเ็ ชนนกนั ในทน่ี ้ี จะกลาน วถงึ การใช้โปรแกรม Construct2 สร้างสอ่ื การสอนมลั ติมีเดีย โปรแกรมน้ีเอ้ือตนอการพัฒนางาน มัลติมีเดียเปน็ อยาน งยิง่ และเหมาะสมสาำ หรับบคุ คลทัว่ ไป ครู อาจารย์ นกั เรยี น ฯลฯ แมผ้ ู้ท่ไี มนมีพ้ืนฐาน ทางคอมพิวเตอรก์ ส็ ามารถสรา้ งช้ินงานมัลติมีเดยี ไดโ้ ดยงนาย เน้ือหาของหนงั สือเลนมน้ี สามารถแบนงออกเป็นตอนๆ ไดโ้ ดยสังเขป ดงั น้ี ตอนที่ 1 : ส่ิงทคี่ ณุ จะได้เรยี นรูจ้ ากหนังสือเลมน น้ี เน้อื หาในสนวนน้จี ะกลนาวถึงภาพรวมของการ พัฒนาส่ือการเรียนการสอนในปจั จุบัน และแนะนำารายละเอยี ดเบ้ืองตน้ ของหนงั สือเลมน น้ีท้ังหมด ตอนท่ี 2 : รจู้ ักกบั โปรแกรม Construct 2 เน้ือหาในสนวนน้ีจะเปน็ การแนะนำาใหร้ จู้ ักกบั โปรแกรม Construct 2 วธิ กี ารดาวนโ์ หลด วิธีการติดต้ังใชง้ าน ขอ้ จำากดั ของเวอร์ชนั ตนางๆ ฯลฯ ซ้่ึงทกุ ข้ันตอนจะมภี าพประกอบและคาำ อธิบายโดยละเอยี ด รปู ที่ 1.0 หนา้ เวบ็ ไซ้ต์หลักของโปรแกรม Construct 2 : https://www.scirra.com/construct2
ตอนท่ี 3 : เร่มิ ต้นสรา้ งสื่อมลั ติมีเดยี ดว้ ย Construct 2 เน้อื หาในสนวนน้จี ะอธิบายความหมาย และความสัมพนั ธข์ องมัลติมเี ดยี (Multimedia) กบั คอมพวิ เตอรช์ นวยสอน (Computer Assisted Instruction) เพิ่มเติมด้วยแนวคดิ และข้ันตอนในการพัฒนาคอมพวิ เตอรช์ นวยสอน มลั ติมเี ดยี เพื่อการ ศึกษา พรอ้ มกบั จำาแนกประเภทของคอมพวิ เตอร์ชนวยสอนโดยสงั เขป ตอนท่ี 4 : การเผยแพรนช้ินงานในลกั ษณะตนางๆ เน้ือหาในสนวนน้จี ะเป็นวธิ ีการสนงออกช้ินงาน ให้อยูใน นรูปของแอพพลเิ คชนั (Application) บนโทรศัพท์มือถอื เครอ่ื งคอมพวิ เตอร์พื้นฐาน หรอื รูปแบ บอนื่ ๆ จากน้นั กจ็ ะเข้าสนูข้ันตอนการเผยแพรน ซ้งึ่ กม็ หี ลากหลายเชนนกนั รปู ท่ี 1.4 การสนงออกในรูปแบบตนางๆ ท่โี ปรแกรม Construct 2 รองรบั และสามารถเผยแพรนช้ิน งานผาน นเครือขาน ยตนางๆ ทางออนไลน์ได้ทันที ภาคผนวก : ตวั อยาน งช้ินงานเพิม่ เตมิ เน้อื หาในสนวนน้จี ะอธิบายตวั อยาน งท่ีสามารถประยุกตใ์ ชก้ บั ช้ินงานตามความเหมาะสมและตรงกบั วัตถุประสงคใ์ นการพัฒนาส่ือการเรยี นการสอนน้ันๆ รวมถงึ ความเปน็ ไปได้ในการพัฒนาตนอยอดเชิงพาณิชย์
ตอนท่ี 2 : รู้จกั กบั โปรแกรม Construct 2 รปู ท่ี 2.1 หน้าเวบ็ ไซ้ตบ์ างสนวนของบรษิ ทั Scirra Ltd. ประเทศองั กฤษ ผพู้ ฒั นาโปรแกรม Construct 2 Construct 2 เปน็ โปรแกรมทพี่ ัฒนาข้ึนโดยบรษิ ทั Scirra Ltd. ประเทศอังกฤษ ใช้สาำ หรบั สรา้ ง เกมส์ 2 มิติ ด้วยมาตรฐานภาษา HTML5 โดยมีแนวคดิ หลกั ท่ีวาน “ สรา้ งเกมสไ์ ดโ้ ดยไมนตอ้ งเขียนชุดคำา สั่งโปรแกรม ” การสร้างเกมส์ดว้ ย Construct 2 จงึ ไมจน ำาเปน็ ตอ้ งมีความรเู้ กี่ยวกบั การเขียนโปรแกรม อีกท้ังเกมส์ที่สร้างข้ึนยังสามารถใชง้ านได้ในอุปกรณ์หลายประเภท เชนน พซี ้ี สมารท์ โฟน แท็บแล็ต ฯลฯ ทำาใหม้ ีชนองทางการจัดจาำ หนนาย และเผยแพรนได้หลากหลาย รปู ท่ี 2.2 ชนองทางการเผยแพรนและจดั จาำ หนนายของเกมสท์ ี่สรา้ งดว้ ยโปรแกรม Construct 2
2.1 การดาวนโ์ หลดโปรแกรม Construct 2 รูปท่ี 2.3 ตารางการเปรียบเทยี บคณุ สมบตั ิ และข้อจำากดั ในการใช้งาน Construct 2 ระหวาน ง เวอร์ชนั่ ฟรี ใชง้ านสนวนบคุ คล และใช้ประกอบการธรุ กิจ (1) จากรูป 2.3 จะกลาน วถึงขอ้ จาำ กดั ในแตนละเวอร์ชนั ซ้ึ่งในเวอรช์ นั ฟรี จะจาำ กดั การใชง้ าน Debugger Watch Tab , Profiler , Event Breakpoints สนวนเวอร์ชนั อน่ื ๆ สามารถใชง้ านได้ตามปกติ (1)
รปู ที่ 2.3 ตารางการเปรยี บเทียบคณุ สมบตั ิ และขอ้ จาำ กดั ในการใชง้ าน Construct 2 ระหวาน ง เวอรช์ นั่ ฟรี ใชง้ านสนวนบคุ คล และใชป้ ระกอบการธุรกิจ (2) จากรปู 2.3 จะกลาน วถงึ ขอ้ จำากดั ในแตนละเวอรช์ นั ซ้่ึงจะเหน็ ไดช้ ดั วาน ในเวอรช์ นั ฟรี จะไมน สามารถเผยแพรนช้นิ งานดังข้อตนอไปน้ีได้ Make iOS apps , Make Android apps , Make Windows apps , Make Mac apps , Make Linux apps , Make Amazon Store apps , Make Wii U games , In-apps Purchases สนวนการจำากดั การใชง้ านของเวอรช์ นั ฟรี จะกาำ หนดใหม้ กี ารใช้ Event ไว้ท่ี 100 Event , Layer ไวท้ ่ี 4 Layer และ Special Effect ไวท้ ี่ 2 Effect เทนาน้นั รวมถงึ จะไมนมีเคร่ืองมือชนวยอาำ นวย ความสะดวกในการสรา้ งช้ินงานหลายๆ อยาน ง ตวั อยาน งส่ือการสอนทอี่ ธบิ ายประกอบกบั หนังสือเลมน น้ี ใช้โปรแกรม Construct 2 เวอรช์ นั ฟรีในการพฒั นาเชนนกนั (2)
รปู ท่ี 2.3 ตารางการเปรยี บเทยี บคุณสมบตั ิ และข้อจาำ กดั ในการใช้งาน Construct 2 ระหวาน ง เวอร์ชนั่ ฟรี ใชง้ านสนวนบคุ คล และใช้ประกอบการธรุ กิจ (3) จากรปู 2.3 จะกลาน วถึงขอ้ จำากดั ในแตนละเวอรช์ นั ในสนวนของทรัพยากรที่ติดต้ังมากบั ตัว โปรแกรม ในเวอรช์ นั ฟรี จะมจี าำ นวนทรพั ยากรในการสรา้ งเกมส์ และเรยี กใช้งานได้นอ้ ยกวาน เวอรช์ นั ทัว่ ๆ ไป สดุ ทา้ ยในข้อกาำ หนดอน่ื ๆ ในเวอรช์ นั ฟรจี ะไมอน นญุ าตใหน้ าำ ไปใชใ้ นเชงิ พาณชิ ย์ (3)
จากตารางเปรยี บเทยี บขา้ งตน้ ทาำ ใหเ้ ราทราบถงึ รายละเอยี ดของโปรแกรม Construct 2 ใน แตนละเวอร์ชนั ซ้ง่ึ ในทนี่ ้ี จะใชเ้ วอร์ชนั ฟรี โดยสามารถดาวน์โหลดได้ที่นี่ https://www.scirra.com/construct2/releases/new รูปที่ 2.4 หน้าเวบ็ ไซ้ตท์ ่ีใช้ในการดาวนโ์ หลดโปรแกรม Construct 2 จากรูป 2.4 เวอรช์ นั ลนาสุดในที่น้ี คอื Construct2 r227 ซ้่ึงสามารถดาวนโ์ หลดได้ท้ังแบบปกติ และแบบ Torrent 2.2 คณุ สมบัติพ้ืนฐานที่เหมาะสมกบั การติดต้ังและใชง้ านโปรแกรม Construct 2 การใชง้ านโปรแกรม Construct 2 ควรใชฮ้ ารด์ แวรแ์ ละซ้อฟต์แวร์ ดังตนอไปน้ี 1. ระบบปฎิบัตกิ าร (Operating System : OS) Windows7 หรอื ใหมนกวาน น้ี 2. หนนวยความจำาหลัก (RAM) 1 GB ข้นึ ไป 3. หนนวยประมวลผลกลาง (CPU) 2 Ghz Dual Core Processor ข้ึนไป 4. การด์ แสดงผล (VGA) พร้อม Update Driver เปน็ รนุนลาน สุด 5. โปรแกรมทนองเวบ็ ไซ้ต์ (Web Browser) ทรี่ องรับมาตรฐาน HTML5 เวบ็ เบราวเ์ ซ้อรท์ ัว่ ไป ในปัจจบุ ันจะรองรับมาตรฐานน้ีอยูแน ลว้
2.3 การตดิ ต้ังโปรแกรม Construct 2 หลังจากดาวนโ์ หลดเสร็จแล้วใหท้ าำ การติดต้ังตามข้ันตอนดังตนอไปน้ี 1. คล๊ิกขวาท่ี construct2-r227-setup_ivvqv.exe แลว้ Run as administrator เพ่อื เข้าสนูข้นั ตอน การติดต้ัง รูปที่ 2.5 ตวั ตดิ ต้ังโปรแกรม Construct 2 ท่ีได้การดาวนโ์ หลด
2. จะปรากฏหนา้ ตนาง User Account Control ข้นึ คล๊ิกทป่ี มนุ Yes เพอ่ื เร่ิมต้นข้นั ตอนการตดิ ต้งั รปู ท่ี 2.6 หน้าตนาง User Account Control แจ้งการอนญุ าตทำางานของตัวตดิ ต้ังโปรแกรม
3. จะปรากฏหนา้ ตนาง Welcome to the Construct 2 Setup Wizard ข้ึน คล๊ิกท่ปี นมุ Next > เพ่อื ไปยังข้ันตอนถดั ไป รูปท่ี 2.7 หนา้ ตนาง Welcome to the Construct 2 Setup Wizard
4. จะปรากฏหนา้ ตนาง License Agreement ข้นึ เพื่อช้ีแจงและรับรู้ขอ้ ตกลงในการใชง้ าน โปรแกรม เมือ่ อนานข้อตกลงท้ังหมดแลว้ ใหค้ ลิ๊กเลือกที่ I accept the agreement จากน้นั คล๊ิกทีป่ ุนม Next > เพือ่ ไปยังข้นั ตอนถัดไป รูปท่ี 2.8 หน้าตนาง License Agreement
5. จะปรากฏหนา้ ตนาง Select Destination Location ข้ึน เพอ่ื กาำ หนดตำาแหนนงท่ีจะตดิ ต้ัง โปรแกรม Construct 2 โดยปกติจะมกี ารกาำ หนดใหต้ ิดต้ังที่ C:\\Program Files\\Construct 2 แตนก็สามารถ เปลยี่ นตำาแหนนงทีจ่ ะตดิ ต้ังเปน็ ตำาแหนนงอนื่ ๆ ได้ จากน้ันคล๊ิกทีป่ ุนม Next > เพอ่ื ไปยงั ข้ันตอนถดั ไป รปู ที่ 2.9 หนา้ ตนาง Select Destination Location
6. จะปรากฏหนา้ ตนาง Select install type ข้นึ ใหเ้ ลอื กท่ี Auto-detect what kind of computer I have เพ่อื ใหต้ ัวติดต้ังตรวจสอบประเภทของระบบปฏิบัติการ (Operating System : OS) ใน เครอื่ งคอมพิวเตอรน์ ้ันๆ วาน เปน็ 32 บติ หรอื 64 บิต หลงั จากน้ันคล๊ิกที่ปมุน Next > เพอ่ื ไปยงั ข้ันตอน ถัดไป รปู ที่ 2.10 หนา้ ตนาง Select install type
7. จะปรากฏหนา้ ตนาง Select Additional Tasks ข้นึ ในข้ันตอนน้ี หากตอ้ งการสร้าง Icon ของโปรแกรม Construct 2 ที่หนา้ Desktop ใหค้ ล๊ิกที่ Create a desktop icon จากน้นั คล๊ิกทป่ี ุนม Next > เพื่อไปยังข้ันตอนถดั ไป รูปท่ี 2.11 หนา้ ตนาง Select Additional Tasks
8. จะปรากฏหนา้ ตนาง Ready to Install ข้นึ จากน้นั คล๊ิกทป่ี ุนม Install เพ่อื ทาำ การติดต้ัง รปู ที่ 2.12 หนา้ ตนาง Ready to Install
9. จะปรากฏหนา้ ตนาง Installing ข้นึ ในข้ันตอนน้ี โปรแกรมจะดาำ เนินการตดิ ต้ังจนเสรจ็ ส้ิน ท่ี 100% หลงั จากน้ันจะเข้าสนูหนา้ ตนางตนอไปโดยอตั โนมัติ รปู ที่ 2.13 หนา้ ตนาง Installing
10. จะปรากฏหนา้ ตนาง Completing the Construct 2 Setup Wizard ข้นึ การติดต้ังโปรแกรม Construct 2 เสร็จส้ินแลว้ จากน้นั ใหค้ ล๊ิกที่ Check for graphics driver update (Recommended) เพือ่ ทำาการตรวจสอบอปุ กรณ์แสดงผล (VGA) ท่ีจะใชง้ านรนวมกบั โปรแกรม Construct 2 จากน้นั คล๊ิกที่ปนุม Finish รูปท่ี 2.14 หนา้ ตนาง Completing the Construct 2 Setup Wizard
11. จะปรากฏหนา้ ตนาง Graphics driver updater ข้นึ จากน้นั คล๊ิกทีป่ ุนม Next > เพื่อไปยงั ข้ันตอนถดั ไป รูปที่ 2.15 หน้าตาน ง Graphics driver updater
คอื 12. ข้ันตอนน้ี โปรแกรมจะแสดงผลการตรวจสอบอปุ กรณแ์ สดงผล (VGA) ตามตวั อยาน งน้ี ชือ่ รนุนของการด์ แสดงผลท่ใี ช้ Name : Intel(R) Q45/Q43 Express Chipset ไดรเ์ วอรช์ ดุ ลาน สุด Driver date : October 2012 (3 years 7 months old) หลังจากน้ันคล๊ิกที่ปนมุ Finish > เพ่ือเสร็จส้ินกระบวนการตดิ ต้ังท้ังหมด รูปท่ี 2.16 หน้าตนาง Graphics driver updater แสดงข้อมูลอุปกรณแ์ สดงผล (VGA) ในเครื่อง คอมพิวเตอรท์ ี่ตดิ ต้ังโปรแกรม Construct 2
2.4 สนวนประกอบของโปรแกรม Construct 2 หลังจากทที่ ำาการตดิ ต้ังเสรจ็ ส้ินแลว้ สามารถเขา้ ใช้งานโปรแกรม Construct 2 ใน Desktop ได้ โดย การคลิก็ ท่ี Construct 2 Icon รูปท่ี 2.17 Icon ของ Construct 2 หลังจากคล๊ิกท่ี Icon ใน Desktop เพื่อทำาการเปิดโปรแกรม Construct 2 จะปรากฎหนา้ ตาของ โปรแกรม Construct 2 รปู ท่ี 2.18 หน้าตาของโปรแกรม Construct 2 ซ้่ึงในทน่ี ้ใี ช้ โปรแกรม Construct2 r227 เวอรช์ นั ฟรี
2.4.1 แถบคาำ สัง่ มาตรฐาน (Menu Bar) ของโปรแกรม Construct 2 มดี งั น้ี แถบคำาสัง่ File ในสนวนน้ีจะใชจ้ ัดการเกี่ยวไฟลข์ องโปรแกรม Construct 2 ซ้ึง่ กจ็ ะคลา้ ยๆ กบั โปรแกรมทัว่ ไป คอื มกี ารสรา้ งไฟลง์ านใหมน (New) , การเปดิ ไฟล์งานทีม่ ีอยูแน ล้ว (Open) , การบันทกึ ไฟล์งานในลกั ษณะ ตนางๆ เชนน บันทกึ แบบปกติ (Save) , บนั ทึกท้ังช้นิ งาน (Save As Project..) , บนั ทึกท้ังหมดด้วยไฟล์เดียว (Save As Single File..) การบนั ทกึ ไฟลจ์ ะไดไฟลน์ ามสกุล .capx ซ้ึ่งต้องเปดิ ดว้ ยโปรแกรม Construct 2 เทนาน้นั , การสนงออกช้ินงาน (Export project..) , การปดิ แบบปกติ (Close tab) , การปิดท้ังช้นิ งาน (Close project) รูปที่ 2.19 แสดงแถบคำาสั่ง File ของโปรแกรม Construct 2
แถบคำาสัง่ Home ในสนวนน้ีจะรวบรวมคาำ สัง่ ในการทำางานตนาง ๆ ไมวน าน จะเป็นคำาสัง่ ทใี่ ช้ในการจดั การคลิปบอร์ด ทัว่ ๆ ไป เชนน ตดั , คดั ลอก , วาง , เลกิ ทำา , ทาำ ซ้้ำา , ลบ , เลือกท้ังหมด ฯลฯ แตนก็มสี นวนทีเ่ พิ่มเตมิ ข้นึ มา คอื คาำ สัง่ ในต้ังคนาการแสดงผลช้ินงาน ซ้่ึงสามารถกาำ หนดประเภทของการแสดงผลใหเ้ หมาะสมกบั ชนดิ ของอปุ กรณ์หรอื ซ้อฟตแ์ วรท์ ่ใี ชท้ ี่ Active configurations และ Displaying ท่หี วั ขอ้ ออนไลน์ (Online) สามารถติดตนอขอคาำ แนะนาำ หรอื เรียนรู้การใชง้ านจากผผู้ ลติ ได้โดยตรงตลอดเวลาที่ Scirra.com หรือ Help นอกจากน้นั ยังสามารถแสดงผลช้ินงานขณะพัฒนาด้วยการทดสอบทัว่ ไป (Run layout) , แสดงผล ช้ินงานแบบค้นหาจดุ บกพรนอง (Debug layout) และการสนงออกช้นิ งาน (Export project) รูปที่ 2.20 แสดงแถบคำาสัง่ Home ของโปรแกรม Construct 2 แถบคำาสัง่ View ในสนวนน้ีจะรวบรวมคำาสั่งในการกาำ หนดมุมมองของแถบแสดงคณุ สมบตั ิ (Palette Bar) ตนางๆ โดยสนวนใหญนจะใช้จดั การวัตถุ (Object) ในหนา้ Layout เชนน Status Bar , Properties Bar , Project Bar , Layer Bar , Z Order Bar , Object Bar เปน็ ต้น และสามารถยอน ขยายมมุ มองของช้นิ งานท่ี Zoom ไมวน าน จะเป็น Zoom in , Zoom out , Zoom to 100% เป็นตน้ รปู ที่ 2.21 แสดงแถบคำาสัง่ View ของโปรแกรม Construct 2
แถบคาำ สัง่ Events ในสนวนน้ีจะรวบรวมคำาสัง่ ในการจัดการ Event ซ้่ึงจะใชง้ านในหนา้ Event Sheet รูปท่ี 2.22 แสดงแถบคำาสัง่ Events ของโปรแกรม Construct 2 แถบคาำ สัง่ Upgrade ในสนวนน้ีจะใช้ตดิ ตนอกบั บรษิ ทั Scirra Ltd. เพอื่ ใช้ Upgrade โปรแกรม Construct 2 ให้ สามารถใช้งานได้อยาน งเตม็ ประสทิ ธิภาพ รูปท่ี 2.23 แสดงแถบคำาสั่ง Upgrade ของโปรแกรม Construct 2
2.4.2 หนา้ จอหลัก (User Interface) ท้ังหมดของ Construct 2 มีดงั น้ี รปู ท่ี 2.24 แสดงหนา้ จอหลัก (User Interface) ของ Construct 2 หลังจากทาำ การสรา้ งช้ินงานใหมนข้นึ
แถบแสดงคุณสมบตั ขิ อง Properties ในสนวนน้ีจะแสดง และใชก้ าำ หนดคุณสมบัตขิ องวตั ถุ (Object) หรอื สนวนประกอบตนางๆ ของ ช้ินงานทีส่ รา้ งข้ึน เชนน ขอ้ มูลทวั่ ไปเกี่ยวกบั ช้นิ งาน (About) , การต้ังคาน ช้ินงาน (Project Settings) , การ ต้งั คนาองคป์ ระกอบอนื่ ๆ (Configuration Settings) รูปที่ 2.25 แถบแสดงคณุ สมบัติของ Properties ในโปรแกรม Construct 2
แถบแสดงคุณสมบตั ขิ อง Project ในสนวนน้ีจะแสดง และใชเ้ ขา้ ถึงทรัพยากรของชิ้นงานได้ ไมวน าน จะเป็นหน้า (Layouts) หรอื หน้า เหตกุ ารณ์ (Event sheets) , เสยี งประกอบ (Sounds) , ดนตรีประกอบ (Music) ,ไฟล์ (Files) ฯลฯ ซ้่ึง ทรพั ยากรเหลาน น้ีจะถูกแบนงแยกและจัดเกบ็ ไว้ในแตนละโฟลเดอร์ รูปที่ 2.26 แถบแสดงคุณสมบัตขิ อง Project ในโปรแกรม Construct 2
แถบแสดงคุณสมบตั ขิ อง Objects ในสนวนน้ีจะแสดง และสามารถเขา้ ถึงวัตถุ (Object) พร้อมท้ังสามารถปรบั แตนงแกไ้ ขวตั ถตุ าม ประเภทของแตนละวตั ถุ หรอื ทรัพยากรของช้ินงานน้นั ๆ ได้ รูปท่ี 2.27 แถบแสดงคุณสมบัติของ Object ในโปรแกรม Construct 2
รปู ท่ี 2.27 ประเภทของ Object พ้ืนฐานท้ังหมดในโปรแกรม Construct 2
แถบแสดงคุณสมบัติของ Layers ในสนวนน้ีจะแสดง และกาำ หนดช้ันของเลเยอร์ (Layer) โดยเลเยอร์จะมโี ครงสรา้ งแบบช้ันเรยี ง ลำาดับ ใชส้ ำาหรบั การแยกองค์ประกอบของชิ้นงานออกเป็นสนวนๆ และมีอิสระตนอกนั รปู ท่ี 2.28 แถบแสดงคณุ สมบตั ิของ Layers ในโปรแกรม Construct 2
สนวนของ Layout สำาหรับ Layout ในโปรแกรม Construct 2 หมายถึงสนวนของหนา้ ท้ังหมด ไมวน าน จะเปน็ ในสนวน ของหนา้ จอทีใ่ ชแ้ สดงผล และสนวนที่ไมแน สดงผล ซ้ึ่งสามารถกาำ หนดและออกแบบใหเ้ หมาะสมกบั อุปกรณ์ท่ใี ช้ในการนำาเสนอ หนา้ จอในสนวนน้เี ปน็ สนวนท่สี ำาคญั ท่ีสดุ เพราะเป็นสนวนที่ตดิ ตนอกบั ผ้ใู ช้ การออกแบบและจัดองคป์ ระกอบของช้ินงานในสนวนน้ี ต้องมคี วามสวยงามนนาสนใจ การเช่อื มโยง Layout เขา้ ด้วยกนั สามารถทำาได้โดยวธิ ีตนางๆ ข้นึ อยูกน บั เน้อื หา และการออกแบบช้ินงาน รูปที่ 2.29 แสดงหน้า Layout ในโปรแกรม Construct 2
สนวนของ Event sheet สาำ หรบั Event sheet ในโปรแกรม Construct 2 หมายถงึ สนวนของหนา้ ท่ีใช้กาำ หนดการทาำ งาน ของช้นิ งาน โดยใช้ชดุ คำาสั่งในการควบคมุ เหตุการณท์ ่ีเกิดข้นึ ดว้ ยเงือ่ นไขตนางๆ โปรแกรม Construct 2 ไดเ้ ตรียมชุดคำาสัง่ ทห่ี ลากหลาย และงนายตนอการใช้ สำาหรบั การพฒั นาช้ินงานในหลากหลายรปู แบบ รปู ที่ 2.30 แสดงหนา้ Event sheet ในโปรแกรม Construct 2 แถบแสดงสถานะการทำางาน Status ในสนวนน้ีจะแสดงสภาวะการทำางานในขณะปัจจบุ นั ของโปรแกรม Construct 2 เชนน ขนาดของ ไฟล์ช้นิ งาน , ขนาดของหนนวยความจำาทใี่ ช้ , จาำ นวน Event , Layer ปัจจบุ นั , ตำาแหนนงของเมาส์ ฯลฯ รปู ที่ 2.31 แสดงแถบสถานะการทาำ งาน Status ของโปรแกรม Construct 2
ตอนท่ี 3 : เร่ิมต้นสื่อสรา้ งมลั ติมเี ดียด้วย Construct 2 การเรยี นการสอนในปจั จุบันเนน้ ใหค้ วามสำาคัญกบั ผเู้ รียนเปน็ ท่สี ดุ ซ้ึ่งถือเปน็ สาระสาำ คญั ท่ี กาำ หนดไวใ้ นพระราชบญั ญัติการศกึ ษาแหนงชาติ พ. ศ. 2542 ส่ือการเรียนการสอนกน็ ับวาน เปน็ ปัจจยั สาำ คญั ท่ีจะชนวยสนงเสริมและสนบั สนนุ ให้ผู้เรยี นเปน็ ศูนยก์ ลางการเรียนรู้ รวมท้ังการมีความสามารถใน การศกึ ษาไดด้ ว้ ยตนเองแบบเชิงรุก (Active Learining) คอมพิวเตอร์ชนวยสอน ( Computer Assisted Instruction : CAI ) เป็นสอื่ ประสม (Multimedia) รปู แบบหนง่ึ มกี ารนาำ เสนอเน้ือหาหรือบทเรยี นที่ หลากหลาย มีผลสมั ฤทธ์ิ ท้ังในด้านการเรยี นการศกึ ษาสูง 3.1 มัลติมีเดยี (Multimedia) และคอมพิวเตอรช์ นวยสอน (Computer Assisted Instruction : CAI) มลั ติมเี ดีย (Multimedia) คอื การใชค้ อมพิวเตอรร์ นวมกบั ซ้อฟต์แวร์ในการสื่อความหมาย ด้วย การผสมผสานส่ือหลายๆ ชนิด เชนน ขอ้ ความ (Text) กราฟิก (Graphic) ภาพเคลือ่ นไหว (Animation) เสยี ง (Sound) และวดี ิทศั น์ (Video) เปน็ ตน้ การเขา้ ใชง้ านซ้อฟต์แวรด์ งั กลนาว จึงหมายถงึ โอกาสในการ รับรู้ รบั ฟังข้อมูลสารสนเทศจากการนาำ เสนอดว้ ยวิธีตนางๆ ผาน นหนา้ จอคอมพวิ เตอร์ ซ้่ึงสามารถตอบโต้ และมีปฎสิ มั พันธร์ ะหวาน งกนั ได้โดยตรง กระบวนการเหลาน น้ีจะเรยี กวาน มลั ติมีเดยี ปฏิสมั พันธ์ (Interactive Multimedia) คอมพิวเตอรช์ นวยสอน (Computer Assisted Instruction : CAI) คอื สอื่ การเรยี นการสอนทาง คอมพิวเตอร์รูปแบบหนงึ่ ซ้่ึงใชค้ วามสามารถของคอมพิวเตอรใ์ นการนำาเสนอสื่อประสม (Multimedia) เพื่อถาน ยทอดเน้ือหาบทเรยี น หรอื องค์ความรู้ตนางๆ ในลกั ษณะท่ใี กล้เคียงกบั การเรียนการสอนจรงิ ใน หอ้ งเรยี น โดยมเี ปา้ หมายท่ีสำาคญั คอื สามารถดงึ ดูดความสนใจของผู้เรยี น และกระตุ้นให้เกิดความ ต้องการทจ่ี ะเรียนรู้ คอมพิวเตอรช์ นวยสอนเปน็ ตวั อยาน งท่ดี ีของส่ือการเรยี นรใู้ นลกั ษณะตวั ตนอตวั 3.2 การพัฒนาคอมพวิ เตอรช์ นวยสอน (Computer Assisted Instruction : CAI) มัลติมเี ดียเพอื่ การศึกษา กระบวนการพัฒนาสื่อมัลติมเี ดยี เพ่อื การศึกษา สามารถแบนงได้เป็น 7 ข้นั ตอน ดงั น้ี 1. ข้ันตอนการเตรียม (Preparation) การกาำ หนดเปา้ หมายและวัตถปุ ระสงค์ (Determine Goals and Objectives) เพื่อใหท้ ราบวาน ต้องการศึกษาในเรือ่ งใดและลกั ษณะใด พื้นฐานความรขู้ องกลุมน เป้าหมายถือเปน็ ข้อมูลสำาคญั เพราะ ความรูพ้ ้ืนฐานของผเู้ รยี นมีอทิ ธพิ ลตนอเปา้ หมายและวตั ถปุ ระสงค์ของการเรยี น
การรวบรวมขอ้ มลู (Collect Resources) เบ้ืองตน้ ความพร้อมทางด้านของเอกสารและ สารสนเทศ (Information) ท้ังหมดทเี่ ก่ียวขอ้ ง การเตรยี มเน้อื หา (Meterials) ไดแ้ กน หนังสือ นิตยสาร เอกสารทางวชิ าการ หนงั สืออา้ งองิ สไลด์ภาพตนางๆ ฯลฯ การเตรยี มอุปกรณพ์ ัฒนาบทเรียน (Instructional Development) ไดแ้ กน คอมพวิ เตอร์ ซ้อฟแวร์ และอปุ กรณ์ตนางๆ ทเ่ี กี่ยวขอ้ ง การเรยี นรูเ้ น้อื หา (Learn Content) หลังจากการเตรยี มเน้ือหาต้องศกึ ษาเน้อื หาโดยละเอยี ด ซ้งึ่ ในบางคร้ังอาจมีการสัมภาษณผ์ ู้เชี่ยวชาญเพิ่มเตมิ อกี ดว้ ย การสร้างความคิด (Generate Ideas) หรือการระดมสมอง หมายถงึ การรวบรวมความคดิ ท้ังหมด เพ่ือกระตุ้นใหเ้ กิดความคดิ สรา้ งสรรค์จากขอ้ คดิ เหน็ ตาน งๆ ท่หี ลากหลาย 2. ข้ันตอนการออกแบบบทเรยี น (Design Instruction) การออกแบบบทเรยี นเปน็ ข้ันตอนทสี่ าำ คัญทส่ี ุด รูปแบบและเน้ือหาในการนำาเสนอจะถกู กาำ หนดไวใ้ นข้ันตอนน้ี โดยแนวคดิ และข้ันตอนในการออกแบบ มีดงั น้ี การทอนความคดิ (Elimination of Ideas) , การวิเคราะห์งานและแนวความคดิ (Task and Concept Analysis) , การออกแบบบทเรยี นข้ัน แรก (Preliminary Lesson Description) , การประเมินและแกไ้ ขการออกแบบ (Evaluation and Revision of the Design) 3. ข้ันตอนการเขียนผังงาน (Flowchart Lesson) การนำาเสนอลำาดบั ข้ันโครงสรา้ งของบทเรียน ผงั งานจะทำาหนา้ ทเ่ี สนอข้อมลู เกี่ยวกบั ข้ันตอน และวิธกี ารดาำ เนนิ บทเรยี น ไมวน าน จะเปน็ การเร่ิมตน้ บทเรียน การกาำ หนดทศิ ทางการโต้ตอบ การสรปุ ผล การเรียน การจบบทเรียน ฯลฯ 4. ข้ันตอนการสร้างภาพเหตุการณ์ (Create Storyboard) การเตรยี มการนาำ เสนอขอ้ ความ ภาพ รวมท้ังส่ือในรูปแบบมลั ตมิ เี ดียตนางๆ ลงบนกระดาษ เพื่อให้การนาำ เสนอขอ้ ความ และรปู แบบตนางๆ เหลาน น้เี ป็นไปอยาน งเหมาะสมบนหนา้ จอคอมพวิ เตอร์ สตอรบี่ อร์ด (Story Board) คอื การเขียนกรอบแสดงเรื่องราวท่ีสมบรู ณ์ของบทเรยี น โดยมี การแสดงรายละเอียดท่จี ะปรากฏในแตนละฉาก หรอื แตนละหนา้ จอ เชนน ขอ้ ความ ภาพ ภาพเคล่อื นไหว เสยี งดนตรี ฯลฯ ซ้งึ่ แตนละอยาน งน้นั มลี าำ ดับตำาแหนนงในการแสดงผลที่หนา้ จอการไวอ้ ยาน งเป็นข้ันเปน็ ตอน
5. ข้ันตอนการสร้างและการเขียนโปรแกรม (Program Lesson) เร่ิมตน้ พัฒนาบทเรยี น โดยการนาำ ทรพั ยากรตนางๆ เขา้ สนูกระบวนการสรา้ งตามสตอรบ่ี อร์ด (Story Board) ที่การเรยี บเรยี งเน้ือหาบทเรยี นไว้เปน็ ลาำ ดบั และเปน็ ข้ันเป็นตอนด้วยโปรแกรมชนวยสรา้ ง ซ้ึ่งในทน่ี ้จี ะใช้โปรแกรม Construct 2 6. ข้ันตอนการทาำ เอกสารประกอบบทเรยี น (Produce Supporting Materials) เอกสารประกอบบทเรยี นอาจแบนงออกไดเ้ ป็น 4 ประเภท คอื คูนมอื การใช้ของผ้เู รยี น คูนมือการ ใชข้ องผู้สอน คูนมือสำาหรบั แกป้ ญั หาเทคนคิ ตนางๆ และเอกสารประกอบเพิ่มเติมทัว่ ๆ ไป 7. ข้ันตอนการประเมนิ ผลและแกไ้ ขบทเรยี น (Evaluate and Revise) ท้ังบทเรียนและเอกสารประกอบท้ังหมดควรทจ่ี ะได้รับการประเมนิ โดยเฉพาะการประเมนิ สนวนของการนำาเสนอและการทำางานของบทเรยี น ในสนวนของการนาำ เสนอน้ัน ผทู้ าำ การประเมนิ ควรจะ เป็นผทู้ ี่มีประสบการณ์ในการออกแบบและพัฒนาบทเรียนมากนอน ในการประเมนิ การทาำ งานของบท เรยี นให้ทาำ การสังเกตพฤตกิ รรมของผเู้ รียน ในขณะทีใ่ ช้บทเรียนหรือจากการสัมภาษณผ์ เู้ รยี นหลังการ ใช้บทเรยี น โดยท่ีผใู้ ชจ้ ะตอ้ งมาจากผู้เรยี นในกลุมน เป้าหมาย ข้นั ตอนน้ีอาจจะครอบคลมุ ถึงการทดสอบ การประเมินผลจากผู้เชย่ี วชาญด้วย 3.3 ประเภทของคอมพิวเตอร์ชนวยสอน (Computer Assisted Instruction : CAI) บทเรียนคอมพิวเตอร์ชนวยสอน (Computer Assisted Instruction : CAI) มกี ารออกแบบบทเรียน ในหลายๆ ลักษณะตามวัตถปุ ระสงคก์ ารเรยี นรทู้ แี่ ตกตนางออกไป โดยตอ้ งคาำ นงึ ถงึ ความแตกตนางระหวาน ง บุคคลเปน็ สาำ คญั ซ้ึ่งผู้ใชจ้ ะโตต้ อบกบั บทเรยี นผาน นทางคอมพวิ เตอร์ หรอื อุปกรณอ์ ื่นๆ เชนน แทบ็ เล็ต ฯลฯ จากเหตผุ ลดังกลนาวทำาให้สามารถแบนงประเภทบทเรยี น ได้ดงั น้ี แบบการสอน (Instruction) แบบ สอนเสรมิ หรอื ทบทวน (Tutorial) แบบฝึกกึ หัดและฝึกึกปฏิบัติ (Drill and Practice) แบบสร้างสถานการณ์ จาำ ลอง (Simulation) แบบเกมส์ (Game) แบบแกป้ ญั หา (Problem Solving) แบบทดสอบ (Test) แบบ สรา้ งสถานการณเ์ พื่อให้คน้ พบ (Discovery) เปน็ ตน้
ตอนที่ 4 : การเผยแพรนช้ินงานในลกั ษณะตนางๆ หลงั จากทดสอบช้ินงานทพี่ ัฒนาข้นึ แล้ว ตนอไปกเ็ ปน็ การเผยแพรนช้นิ งานในลักษณะตนางๆ ซ้งึ่ ส่ือการเรียนการสอนในปัจจบุ นั จะเนน้ การใชง้ านออนไลน์ และการใชง้ านกบั เครื่องคอมพวิ เตอร์ พ้ืนฐาน รูปที่ 4.1 แสดงการทดสอบช้นิ งานในโปรแกรม Construct 2
รูปที่ 4.2 แสดงการทดสอบช้ินงานในโปรแกรม Construct 2 4.1 การเผยแพรนช้นิ งาน ในลกั ษณะส่ือการเรยี นการสอนแบบออนไลน์ การเผยแพรนช้นิ งานสำาหรับการใช้งานออนไลน์ ในโปรแกรม Construct2 สามารถเผยแพรนช้นิ งานในรูปแบบของ HTML5 ได้ โดยมีข้ันตอนดงั น้ี 1. หลงั จากทดสอบช้ินงานจนเป็นที่นนาพอใจแลว้ ให้ไปทีเ่ มนู File รูปที่ 4.3 แสดงข้ันตอนการเผยแพรนช้นิ งานในโปรแกรม Construct 2
2. จากน้นั ให้ไปที่ Export project แลว้ ใหท้ าำ การคลิ๊กทเ่ี มนูดังกลนาว รูปท่ี 4.4 แสดงข้ันตอนการเผยแพรนช้นิ งานในโปรแกรม Construct 2
3. จากน้นั จะปรากฎหนา้ ตนาง Choose a platform to export to ข้ึน ใหไ้ ปที่หวั ขอ้ Web และ เลอื กท่ี HTML5 website จากน้นั ใหท้ ำาการคล๊ิกท่ปี ุนม Next เพอ่ื เขา้ สนูข้นั ตอนตนอไป รูปที่ 4.5 แสดงข้ันตอนการเผยแพรนช้นิ งานในโปรแกรม Construct 2
4. จากน้นั จะปรากฎหนา้ ตนาง Export options ข้ึน ในชนอง Export files to : ใหร้ ะบุตาำ แหนนง ในการจดั เกบ็ ไฟลท์ ี่กาำ ลังจะทำาการ Export ท้ังหมดไว้ สนวนในหวั ขอ้ Options โปรแกรม Construct2 จะกาำ หนดคนาเร่ิมตน้ ตนางๆ ทเ่ี หมาะสมกบั การใชง้ านไว้ในระดบั หนึ่งแล้ว จากน้ันใหท้ าำ การคล๊ิกทีป่ นุม Next เพื่อเขา้ สนูข้นั ตอนตนอไป รูปที่ 4.6 แสดงข้ันตอนการเผยแพรนช้นิ งานในโปรแกรม Construct 2
5. จากน้นั จะปรากฎหนา้ ตนาง HTML5 export options ข้นึ ในหัวขอ้ Choose template ให้ เลอื กท่ี Normal style จากน้นั ใหท้ าำ การคล๊ิกทีป่ นมุ Export รปู ท่ี 4.7 แสดงข้ันตอนการเผยแพรนช้นิ งานในโปรแกรม Construct 2
6. จากน้นั จะปรากฎหนา้ ตนาง Exporting project.. ข้ึน โปรแกรมจะใช้เวลาในการดำาเนนิ การ ในข้นั ตอนน้พี อประมาณข้นึ อยูกน บั ขนาดของแตนละช้ินงาน รปู ท่ี 4.8 แสดงข้ันตอนการเผยแพรนช้นิ งานในโปรแกรม Construct 2
7. จากน้นั จะปรากฎหนา้ ตนาง Construct 2 – Export HTML5 project ข้ึน ซ้่ึงโปรแกรมจะแจง้ ใหท้ ราบวาน ข้นั ตอนการ Export project เสร็จสมบรู ณแ์ ลว้ จากน้ันใหค้ ล๊ิกที่ Open destination folder เพอื่ ไปยงั ตาำ แหนนงท่ีจัดเกบ็ ไฟลด์ ังกลาน ว รูปที่ 4.9 แสดงข้ันตอนการเผยแพรนช้นิ งานในโปรแกรม Construct 2
8. ในโฟลเดอร์น้ี จะปรากฎช้นิ งานในรปู แบบของ HTML5 ซ้งึ่ สามารถนำาไปใชง้ านไดต้ าม ตอ้ งการ รปู ท่ี 4.10 แสดงข้นั ตอนการเผยแพรนช้นิ งานในโปรแกรม Construct 2
4.2 การเผยแพรนช้นิ งาน ในลักษณะสื่อการเรยี นการสอนแบบออฟไลน์ การเผยแพรนช้นิ งานสำาหรับการใช้งานออฟไลน์ โดยสนวนใหญนจะใชง้ านกบั เครอ่ื งคอมพิวเตอร์ พ้ืนฐานทวั่ ไป ในโปรแกรม Construct2 สามารถเผยแพรนช้นิ งานในรูปแบบของ NW.js ซ้่งึ สามารถใช้ งานรนวมกบั ระบบปฎิบัตกิ าร (Operating System : OS) ตนางๆ ไดห้ ลากหลาย เชนน linux32 ,linux64 ,osx64 ,win32 ,win64 โดยมีข้นั ตอนดงั น้ี 1. เร่ิมตน้ ให้ไปทเ่ี มนู File จากน้นั ให้ไปที่ Export project แลว้ ให้ทำาการคลิ๊กทเี่ มนดู ังกลาน ว กจ็ ะปรากฎหนา้ ตนาง Choose a platform to export to ข้ึน ให้ไปทหี่ วั ข้อ Desktop และเลอื กท่ี NW.js จากน้นั ใหท้ าำ การคล๊ิกทปี่ ุมน Next เพ่อื เขา้ สนูข้นั ตอนตนอไป รปู ท่ี 4.11 แสดงข้นั ตอนการเผยแพรนช้นิ งานในโปรแกรม Construct 2
2. จากน้นั จะปรากฎหนา้ ตนาง Export options ข้ึน ในชนอง Export files to : ใหร้ ะบุตำาแหนนง ในการจดั เกบ็ ไฟลท์ ก่ี าำ ลังจะทำาการ Export ท้ังหมดไว้ สนวนในหวั ขอ้ Options โปรแกรม Construct2 จะกาำ หนดคนาเร่ิมตน้ ตนางๆ ท่เี หมาะสมกบั การใชง้ านไว้ในระดับหนง่ึ แล้ว จากน้ันใหท้ าำ การคล๊ิกท่ีปนุม Export รูปท่ี 4.12 แสดงข้นั ตอนการเผยแพรนช้นิ งานในโปรแกรม Construct 2
Search
