เอกสารประกอบการอบรม การสร้างบทเรยีนชว่ยสอน ดว้ยโปรแกรม Adobe Flash CS3

๖ – ๘ เมษายน ๒๕๕๕ มหาวทิยาลยัราชภฏัพระนครศรอียธุยา

ณัฐญา กาลันสีมา โรงเรยีนถ า้ปินวิทยาคม สพม.๓๖

การสร้างบทเรียนช่วยสอน ด้วยโปรแกรม Adobe Flash CS3

1. เปิดโปรแกรม Adobe Flash CS3 >> เลือก Create New >> Flash File (Action Script 2.0)

2. หน้าจอโปรแกรม

เอกสารประกอบการอบรม การสร้างบทเรยีนชว่ยสอน ดว้ยโปรแกรม Adobe Flash CS3

๖ – ๘ เมษายน ๒๕๕๕ มหาวทิยาลยัราชภฏัพระนครศรอียธุยา

ณัฐญา กาลันสีมา โรงเรยีนถ า้ปินวิทยาคม สพม.๓๖

3. สร้างพ้ืนหลังเป็นรูปภาพ Manu File >> Import >> Import to stage… (น ารูปภาพมาไว้ที่หน้าจอท างาน)

4. เลือกรูปที่ต้องการให้เป็นพื้นหลัง

5. ปรับรูปภาพพ้ืนหลังให้พอดีกับ stage

1

2

เอกสารประกอบการอบรม การสร้างบทเรยีนชว่ยสอน ดว้ยโปรแกรม Adobe Flash CS3

๖ – ๘ เมษายน ๒๕๕๕ มหาวทิยาลยัราชภฏัพระนครศรอียธุยา

ณัฐญา กาลันสีมา โรงเรยีนถ า้ปินวิทยาคม สพม.๓๖

6. Insert Layer

เลือก layer ที่ 2 เลือกเครื่องมือ Text tool พิมพ์ชื่อเรื่อง ปรับขนาด สี รูปแบบ ให้สวยงาม

เอกสารประกอบการอบรม การสร้างบทเรยีนชว่ยสอน ดว้ยโปรแกรม Adobe Flash CS3

๖ – ๘ เมษายน ๒๕๕๕ มหาวทิยาลยัราชภฏัพระนครศรอียธุยา

ณัฐญา กาลันสีมา โรงเรยีนถ า้ปินวิทยาคม สพม.๓๖

7. เขียนภาษาคอมพิวเตอร์เพ่ือบังคับการท างาน คลิกท่ี frame ที่ 1 layer 2 คลิกขวา หาค าสั่ง Actions หรือกดปุ่มคีย์ลัด F9 พิมพ์ค าสั่ง ให้โชว์ผลงานเต็มหน้าจอภาพ และค าสั่งให้เล่นเสียงเพลง พิมพ์ Script ค าสั่งmovieเต็มจอ (เฟรม) fscommand("fullscreen",true); ค าสั่งการหยุดเสียงทุกชนิด (เฟรม) stopAllSounds(); การใส่เสียงเพลงเป็นbackground (เฟรม) playsong = new Sound();

playsong.attachSound("song"); playsong.start(0, 1000); playsong.setVolume(30);

8. frame ที่ 2 layer 2 คลิกขวา หาค าสั่ง Actions หรือกดปุ่มคีย์ลัด F9 พิมพ์ค าสั่ง stop( ); เพ่ือสั่งให้หยุดแสดงผลที่หน้าจอปัจจุบัน

เอกสารประกอบการอบรม การสร้างบทเรยีนชว่ยสอน ดว้ยโปรแกรม Adobe Flash CS3

๖ – ๘ เมษายน ๒๕๕๕ มหาวทิยาลยัราชภฏัพระนครศรอียธุยา

ณัฐญา กาลันสีมา โรงเรยีนถ า้ปินวิทยาคม สพม.๓๖

9. สร้าง scene ชื่อ inputname 10. เลือกเครื่องมือ Text tool สร้างกล่องข้อความ ส าหรับใส่ชื่อ >> ตั้งค่าที่ properties ใส่ชื่อ Input text และ iname

เอกสารประกอบการอบรม การสร้างบทเรยีนชว่ยสอน ดว้ยโปรแกรม Adobe Flash CS3

๖ – ๘ เมษายน ๒๕๕๕ มหาวทิยาลยัราชภฏัพระนครศรอียธุยา

ณัฐญา กาลันสีมา โรงเรยีนถ า้ปินวิทยาคม สพม.๓๖

11. คลิกท่ี frame ที่ 1 layer 1 คลิกขวา หาค าสั่ง Actions หรือกดปุ่มคีย์ลัด F9 พิมพ์ค าสั่ง 12. ใส่พื้นหลัง ข้อความ และปุ่มหน้าต่อไป

เอกสารประกอบการอบรม การสร้างบทเรยีนชว่ยสอน ดว้ยโปรแกรม Adobe Flash CS3

๖ – ๘ เมษายน ๒๕๕๕ มหาวทิยาลยัราชภฏัพระนครศรอียธุยา

ณัฐญา กาลันสีมา โรงเรยีนถ า้ปินวิทยาคม สพม.๓๖

13. ที่ปุ่ม หน้าต่อไป >> คลิกขวา >> Actions หรือกดปุ่มคีย์ลัด F9 ใส่ script ว่า ค าสั่ง เพื่อให้เข้าสู่บทเรียน หน้าถัดไป 14. สร้าง scene ชื่อ inputname

เอกสารประกอบการอบรม การสร้างบทเรยีนชว่ยสอน ดว้ยโปรแกรม Adobe Flash CS3

๖ – ๘ เมษายน ๒๕๕๕ มหาวทิยาลยัราชภฏัพระนครศรอียธุยา

ณัฐญา กาลันสีมา โรงเรยีนถ า้ปินวิทยาคม สพม.๓๖

ที่เลเยอร์ 1 เลือกเครื่องมือ Text tool สร้างกล่องข้อความ ส าหรับใส่ชื่อ >> ตั้งค่าที่ properties ใส่ชื่อ Dynamic text และ showname 15. พิมพ์ค าสั่งที ่layer 1 frame 1 เพื่อให้แสดงชื่อที่บันทึกไว้ และหยุดเพ่ือแสดงผลงานหน้าปัจจุบัน

เอกสารประกอบการอบรม การสร้างบทเรยีนชว่ยสอน ดว้ยโปรแกรม Adobe Flash CS3

๖ – ๘ เมษายน ๒๕๕๕ มหาวทิยาลยัราชภฏัพระนครศรอียธุยา

ณัฐญา กาลันสีมา โรงเรยีนถ า้ปินวิทยาคม สพม.๓๖

16. สร้าง Scene ชื่อ kumnam พิมพ์ค าสั่งที่ layer 1 frame 1 เพื่อให้หยุดเพื่อแสดงผลงานหน้าปัจจุบัน ที่ปุ่มกลับหน้าหลัก >> คลิกขวา >> Actions หรอืกดปุ่มคีย์ลัด F9 ใส่ script ว่า

เอกสารประกอบการอบรม การสร้างบทเรยีนชว่ยสอน ดว้ยโปรแกรม Adobe Flash CS3

๖ – ๘ เมษายน ๒๕๕๕ มหาวทิยาลยัราชภฏัพระนครศรอียธุยา

ณัฐญา กาลันสีมา โรงเรยีนถ า้ปินวิทยาคม สพม.๓๖

17. พิมพ์ค าสั่งที่ frame ที่ 1 กดปุ่มคีย์ F9 พิมพ์ค าสั่งหยุด >>>>> ทุก ๆ Scene จะต้องไปที่ frame สุดท้าย แล้วพิมพ์ค าสั่งหยุด เพ่ือเวลาแสดงผลงานหน้านั้น ๆ

18. พิมพ์ค าสั่งให้ปุ่มกลับรายการหลัก เชื่อมโยงไปที่ scene main 19. สร้าง Scene ชื่อ judprasong

เอกสารประกอบการอบรม การสร้างบทเรยีนชว่ยสอน ดว้ยโปรแกรม Adobe Flash CS3

๖ – ๘ เมษายน ๒๕๕๕ มหาวทิยาลยัราชภฏัพระนครศรอียธุยา

ณัฐญา กาลันสีมา โรงเรยีนถ า้ปินวิทยาคม สพม.๓๖

พิมพ์ค าสั่งที่ layer 1 frame 1 เพื่อให้หยุดเพื่อแสดงผลงานหน้าปัจจุบัน 20. พิมพ์ค าสั่งให้ปุ่มกลับรายการหลัก เชื่อมโยงไปที่ scene main 21. สร้าง Scene ชื่อ auther

เอกสารประกอบการอบรม การสร้างบทเรยีนชว่ยสอน ดว้ยโปรแกรม Adobe Flash CS3

๖ – ๘ เมษายน ๒๕๕๕ มหาวทิยาลยัราชภฏัพระนครศรอียธุยา

ณัฐญา กาลันสีมา โรงเรยีนถ า้ปินวิทยาคม สพม.๓๖

พิมพ์ค าสั่งที่ layer 1 frame 1 เพื่อให้หยุดเพื่อแสดงผลงานหน้าปัจจุบัน 22. พิมพ์ค าสั่งให้ปุ่มกลับรายการหลัก เชื่อมโยงไปที่ scene main 23. สร้าง Scene ชื่อ content

เอกสารประกอบการอบรม การสร้างบทเรยีนชว่ยสอน ดว้ยโปรแกรม Adobe Flash CS3

๖ – ๘ เมษายน ๒๕๕๕ มหาวทิยาลยัราชภฏัพระนครศรอียธุยา

ณัฐญา กาลันสีมา โรงเรยีนถ า้ปินวิทยาคม สพม.๓๖

พิมพ์ค าสั่งที่ layer 1 แต่ละ frame เพ่ือให้หยุดเพ่ือแสดงผลงานแต่ละหน้า ในส่วนของเนื้อหา แต่ละframe จะหมายถึง ข้อมูลแต่ละหน้า ในตัวอย่างจะมี frame ทั้งหมด 10 frame frame แรกจะเป็นค าอธิบายการใช้งาน ตั้งแต่ frame ที่ 2 จนถึง frame ที่ 10 จะเป็นหน้าส าหรับใส่ข้อมูล

24. ปุ่มเชื่อมโยง พิมพ์ค าสั่ง ให้เชื่อมโยงไป scene Main

25. ปุ่มเชื่อมโยง พิมพ์ค าสั่งให้ไปหน้าถัดไป

เอกสารประกอบการอบรม การสร้างบทเรยีนชว่ยสอน ดว้ยโปรแกรม Adobe Flash CS3

๖ – ๘ เมษายน ๒๕๕๕ มหาวทิยาลยัราชภฏัพระนครศรอียธุยา

ณัฐญา กาลันสีมา โรงเรยีนถ า้ปินวิทยาคม สพม.๓๖

26. ปุ่มเชื่อมโยง พิมพ์ค าสั่งให้กลับไปหน้าที่ผ่านมา

เอกสารประกอบการอบรม การสร้างบทเรยีนชว่ยสอน ดว้ยโปรแกรม Adobe Flash CS3

๖ – ๘ เมษายน ๒๕๕๕ มหาวทิยาลยัราชภฏัพระนครศรอียธุยา

ณัฐญา กาลันสีมา โรงเรยีนถ า้ปินวิทยาคม สพม.๓๖

27. สร้าง Scene ชื่อ exam ท าแบบทดสอบ พิมพ์ค าสั่งที่ layer 1 frame 1 พิมพ์ค าสั่งให้ปุ่มหน้าต่อไป เชื่อมโยงไปที่ next frame

เอกสารประกอบการอบรม การสร้างบทเรยีนชว่ยสอน ดว้ยโปรแกรม Adobe Flash CS3

๖ – ๘ เมษายน ๒๕๕๕ มหาวทิยาลยัราชภฏัพระนครศรอียธุยา

ณัฐญา กาลันสีมา โรงเรยีนถ า้ปินวิทยาคม สพม.๓๖

28. แต่ละ frame ของแบบทดสอบให้พิมพ์ค าสั่ง หยุดการแสดงผลหน้าปัจจุบัน 29. ในส่วนปุ่มค าตอบ ข้อที่ผิด พิมพ์ค าสั่ง 30. ในส่วนปุ่มค าตอบ ข้อที่ถูก พิมพ์ค าสั่ง

เอกสารประกอบการอบรม การสร้างบทเรยีนชว่ยสอน ดว้ยโปรแกรม Adobe Flash CS3

๖ – ๘ เมษายน ๒๕๕๕ มหาวทิยาลยัราชภฏัพระนครศรอียธุยา

ณัฐญา กาลันสีมา โรงเรยีนถ า้ปินวิทยาคม สพม.๓๖

31. frame สุดท้าย จะเป็นหน้าแสดงคะแนนที่ท าแบบทดสอบ เลือกเครื่องมือ Text tool สร้างกล่องข้อความ ส าหรับแสดงคะแนนแบบทดสอบ >> ตั้งค่าที่ properties ใส่ชื่อ Dynamic text และ showscore 32. พิมพ์ค าสั่งที่ frame คะแนน พิมพ์ค าสั่งให้ปุ่มกลับรายการหลัก เชื่อมโยงไปที่ scene main

เอกสารประกอบการอบรม การสร้างบทเรยีนชว่ยสอน ดว้ยโปรแกรม Adobe Flash CS3

๖ – ๘ เมษายน ๒๕๕๕ มหาวทิยาลยัราชภฏัพระนครศรอียธุยา

ณัฐญา กาลันสีมา โรงเรยีนถ า้ปินวิทยาคม สพม.๓๖

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

คลิกท่ีปุ่มค าน า กดคีย์ F9 พิมพ์ตามค าสั่ง เพื่อให้เมื่อคลิกปุ่มค าน า โปรแกรมจะเชื่อมโยงไปที่หน้าค าน า หรืออีกวิธี เมื่อกดคีย์ F9 ให้คลิกเลือกค าสั่ง Script Assist แล้วคลิกค าสั่งที่ActionScript1.0&2.0 >>>>>> คลิกเลือก ค าสั่ง Global Functions >>> คลิกเลือกค าสั่ง Timeline Control >>>>>> double click ที่ค าสั่ง goto

1

2

3

4

5

เอกสารประกอบการอบรม การสร้างบทเรยีนชว่ยสอน ดว้ยโปรแกรม Adobe Flash CS3

๖ – ๘ เมษายน ๒๕๕๕ มหาวทิยาลยัราชภฏัพระนครศรอียธุยา

ณัฐญา กาลันสีมา โรงเรยีนถ า้ปินวิทยาคม สพม.๓๖

คลิกเลือก scene ที่ต้องการเชื่อมโยง ถ้าเลือก ปุ่มค าน า ก็สั่งให้เชื่อมโยงไปที่ Scene kumnum

ปุ่มจุดประสงค์ ก็สั่งให้เชื่อมโยงไปที่ Scene judprasong

ปุ่มจุดประสงค์ ก็สั่งให้เชื่อมโยงไปที่ Scene content

ปุ่มจุดประสงค์ ก็สั่งให้เชื่อมโยงไปที่ Scene exam

ปุ่มจุดประสงค์ ก็สั่งให้เชื่อมโยงไปที่ Scene auther

34. ปุ่มออกจากบทเรียน คลิกเลือกปุ่ม กดปุ่มคีย์ F9 พิมพ์ค าสั่งให้ออกจากบทเรียน

เอกสารประกอบการอบรม การสร้างบทเรยีนชว่ยสอน ดว้ยโปรแกรม Adobe Flash CS3

๖ – ๘ เมษายน ๒๕๕๕ มหาวทิยาลยัราชภฏัพระนครศรอียธุยา

ณัฐญา กาลันสีมา โรงเรยีนถ า้ปินวิทยาคม สพม.๓๖