1. เอกสารประกอบการอบรม การสร้างบทเรียนช่วยสอน ด้วยโปรแกรม Adobe Flash CS3
๖ – ๘ เมษายน ๒๕๕๕ มหาวิทยาลัยราชภัฏพระนครศรีอยุธยา
การสร้างบทเรียนช่วยสอน
ด้วยโปรแกรม Adobe Flash CS3
1. เปิดโปรแกรม Adobe Flash CS3 >> เลือก Create New >> Flash File (Action Script 2.0)
2. หน้าจอโปรแกรม
ณัฐญา กาลันสีมา โรงเรียนถาปินวิทยาคม สพม.๓๖
้

2. เอกสารประกอบการอบรม การสร้างบทเรียนช่วยสอน ด้วยโปรแกรม Adobe Flash CS3
๖ – ๘ เมษายน ๒๕๕๕ มหาวิทยาลัยราชภัฏพระนครศรีอยุธยา
3. สร้างพื้นหลังเป็นรูปภาพ Manu File >> Import >> Import to stage… (นารูปภาพมาไว้ที่หน้าจอทางาน)
4. เลือกรูปที่ต้องการให้เป็นพื้นหลัง
1
2
5. ปรับรูปภาพพื้นหลังให้พอดีกับ stage
ณัฐญา กาลันสีมา โรงเรียนถาปินวิทยาคม สพม.๓๖
้

3. เอกสารประกอบการอบรม การสร้างบทเรียนช่วยสอน ด้วยโปรแกรม Adobe Flash CS3
๖ – ๘ เมษายน ๒๕๕๕ มหาวิทยาลัยราชภัฏพระนครศรีอยุธยา
6. Insert Layer
เลือก layer ที่ 2 เลือกเครื่องมือ Text tool พิมพ์ชื่อเรื่อง ปรับขนาด สี รูปแบบ ให้สวยงาม
ณัฐญา กาลันสีมา โรงเรียนถาปินวิทยาคม สพม.๓๖
้

4. เอกสารประกอบการอบรม การสร้างบทเรียนช่วยสอน ด้วยโปรแกรม 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( ); เพื่อสั่งให้หยุด
แสดงผลที่หน้าจอปัจจุบัน
ณัฐญา กาลันสีมา โรงเรียนถาปินวิทยาคม สพม.๓๖
้

5. เอกสารประกอบการอบรม การสร้างบทเรียนช่วยสอน ด้วยโปรแกรม Adobe Flash CS3
๖ – ๘ เมษายน ๒๕๕๕ มหาวิทยาลัยราชภัฏพระนครศรีอยุธยา
9. สร้าง scene ชื่อ inputname
10. เลือกเครื่องมือ Text tool สร้างกล่องข้อความ สาหรับใส่ชื่อ >> ตั้งค่าที่ properties ใส่ชื่อ Input text
และ iname
ณัฐญา กาลันสีมา โรงเรียนถาปินวิทยาคม สพม.๓๖
้

6. เอกสารประกอบการอบรม การสร้างบทเรียนช่วยสอน ด้วยโปรแกรม Adobe Flash CS3
๖ – ๘ เมษายน ๒๕๕๕ มหาวิทยาลัยราชภัฏพระนครศรีอยุธยา
11. คลิกที่ frame ที่ 1 layer 1 คลิกขวา หาคาสั่ง Actions หรือกดปุ่มคีย์ลัด F9 พิมพ์คาสั่ง
12. ใส่พื้นหลัง ข้อความ และปุ่มหน้าต่อไป
ณัฐญา กาลันสีมา โรงเรียนถาปินวิทยาคม สพม.๓๖
้

7. เอกสารประกอบการอบรม การสร้างบทเรียนช่วยสอน ด้วยโปรแกรม Adobe Flash CS3
๖ – ๘ เมษายน ๒๕๕๕ มหาวิทยาลัยราชภัฏพระนครศรีอยุธยา
13. ที่ปุ่ม หน้าต่อไป >> คลิกขวา >> Actions หรือกดปุ่มคีย์ลัด F9 ใส่ script ว่า
คาสั่ง เพื่อให้เข้าสู่บทเรียน หน้าถัดไป
14. สร้าง scene ชื่อ inputname
ณัฐญา กาลันสีมา โรงเรียนถาปินวิทยาคม สพม.๓๖
้

8. เอกสารประกอบการอบรม การสร้างบทเรียนช่วยสอน ด้วยโปรแกรม Adobe Flash CS3
๖ – ๘ เมษายน ๒๕๕๕ มหาวิทยาลัยราชภัฏพระนครศรีอยุธยา
ที่เลเยอร์ 1 เลือกเครื่องมือ Text tool สร้างกล่องข้อความ สาหรับใส่ชื่อ >> ตั้งค่าที่ properties ใส่ชื่อ
Dynamic text และ showname
15. พิมพ์คาสั่งที่ layer 1 frame 1 เพื่อให้แสดงชื่อที่บันทึกไว้ และหยุดเพื่อแสดงผลงานหน้าปัจจุบัน
ณัฐญา กาลันสีมา โรงเรียนถาปินวิทยาคม สพม.๓๖
้

9. เอกสารประกอบการอบรม การสร้างบทเรียนช่วยสอน ด้วยโปรแกรม Adobe Flash CS3
๖ – ๘ เมษายน ๒๕๕๕ มหาวิทยาลัยราชภัฏพระนครศรีอยุธยา
16. สร้าง Scene ชื่อ kumnam
พิมพ์คาสั่งที่ layer 1 frame 1 เพื่อให้หยุดเพื่อแสดงผลงานหน้าปัจจุบัน
ที่ปุ่มกลับหน้าหลัก >> คลิกขวา >> Actions หรือกดปุ่มคีย์ลัด F9 ใส่ script ว่า
ณัฐญา กาลันสีมา โรงเรียนถาปินวิทยาคม สพม.๓๖
้

10. เอกสารประกอบการอบรม การสร้างบทเรียนช่วยสอน ด้วยโปรแกรม Adobe Flash CS3
๖ – ๘ เมษายน ๒๕๕๕ มหาวิทยาลัยราชภัฏพระนครศรีอยุธยา
17. พิมพ์คาสั่งที่ frame ที่ 1 กดปุ่มคีย์ F9 พิมพ์คาสั่งหยุด >>>>> ทุก ๆ Scene จะต้องไปที่ frame สุดท้าย
แล้วพิมพ์คาสั่งหยุด เพื่อเวลาแสดงผลงานหน้านั้น ๆ
18. พิมพ์คาสั่งให้ปุ่มกลับรายการหลัก เชื่อมโยงไปที่ scene main
19. สร้าง Scene ชื่อ judprasong
ณัฐญา กาลันสีมา โรงเรียนถาปินวิทยาคม สพม.๓๖
้

11. เอกสารประกอบการอบรม การสร้างบทเรียนช่วยสอน ด้วยโปรแกรม Adobe Flash CS3
๖ – ๘ เมษายน ๒๕๕๕ มหาวิทยาลัยราชภัฏพระนครศรีอยุธยา
พิมพ์คาสั่งที่ layer 1 frame 1 เพื่อให้หยุดเพื่อแสดงผลงานหน้าปัจจุบัน
20. พิมพ์คาสั่งให้ปุ่มกลับรายการหลัก เชื่อมโยงไปที่ scene main
21. สร้าง Scene ชื่อ auther
ณัฐญา กาลันสีมา โรงเรียนถาปินวิทยาคม สพม.๓๖
้

12. เอกสารประกอบการอบรม การสร้างบทเรียนช่วยสอน ด้วยโปรแกรม Adobe Flash CS3
๖ – ๘ เมษายน ๒๕๕๕ มหาวิทยาลัยราชภัฏพระนครศรีอยุธยา
พิมพ์คาสั่งที่ layer 1 frame 1 เพื่อให้หยุดเพื่อแสดงผลงานหน้าปัจจุบัน
22. พิมพ์คาสั่งให้ปุ่มกลับรายการหลัก เชื่อมโยงไปที่ scene main
23. สร้าง Scene ชื่อ content
ณัฐญา กาลันสีมา โรงเรียนถาปินวิทยาคม สพม.๓๖
้

13. เอกสารประกอบการอบรม การสร้างบทเรียนช่วยสอน ด้วยโปรแกรม Adobe Flash CS3
๖ – ๘ เมษายน ๒๕๕๕ มหาวิทยาลัยราชภัฏพระนครศรีอยุธยา
พิมพ์คาสั่งที่ layer 1 แต่ละ frame เพื่อให้หยุดเพื่อแสดงผลงานแต่ละหน้า
ในส่วนของเนื้อหา แต่ละframe จะหมายถึง ข้อมูลแต่ละหน้า ในตัวอย่างจะมี frame ทั้งหมด 10 frame
frame แรกจะเป็นคาอธิบายการใช้งาน ตั้งแต่ frame ที่ 2 จนถึง frame ที่ 10 จะเป็นหน้าสาหรับใส่ข้อมูล
24. ปุ่มเชื่อมโยง พิมพ์คาสั่ง ให้เชื่อมโยงไป scene Main
25. ปุ่มเชื่อมโยง พิมพ์คาสั่งให้ไปหน้าถัดไป
ณัฐญา กาลันสีมา โรงเรียนถาปินวิทยาคม สพม.๓๖
้

14. เอกสารประกอบการอบรม การสร้างบทเรียนช่วยสอน ด้วยโปรแกรม Adobe Flash CS3
๖ – ๘ เมษายน ๒๕๕๕ มหาวิทยาลัยราชภัฏพระนครศรีอยุธยา
26. ปุ่มเชื่อมโยง พิมพ์คาสั่งให้กลับไปหน้าที่ผ่านมา
ณัฐญา กาลันสีมา โรงเรียนถาปินวิทยาคม สพม.๓๖
้

15. เอกสารประกอบการอบรม การสร้างบทเรียนช่วยสอน ด้วยโปรแกรม Adobe Flash CS3
๖ – ๘ เมษายน ๒๕๕๕ มหาวิทยาลัยราชภัฏพระนครศรีอยุธยา
27. สร้าง Scene ชื่อ exam ทาแบบทดสอบ
พิมพ์คาสั่งที่ layer 1 frame 1
พิมพ์คาสั่งให้ปุ่มหน้าต่อไป เชื่อมโยงไปที่ next frame
ณัฐญา กาลันสีมา โรงเรียนถาปินวิทยาคม สพม.๓๖
้

16. เอกสารประกอบการอบรม การสร้างบทเรียนช่วยสอน ด้วยโปรแกรม Adobe Flash CS3
๖ – ๘ เมษายน ๒๕๕๕ มหาวิทยาลัยราชภัฏพระนครศรีอยุธยา
28. แต่ละ frame ของแบบทดสอบให้พิมพ์คาสั่ง หยุดการแสดงผลหน้าปัจจุบัน
29. ในส่วนปุ่มคาตอบ ข้อที่ผิด พิมพ์คาสั่ง
30. ในส่วนปุ่มคาตอบ ข้อที่ถูก พิมพ์คาสั่ง
ณัฐญา กาลันสีมา โรงเรียนถาปินวิทยาคม สพม.๓๖
้

17. เอกสารประกอบการอบรม การสร้างบทเรียนช่วยสอน ด้วยโปรแกรม Adobe Flash CS3
๖ – ๘ เมษายน ๒๕๕๕ มหาวิทยาลัยราชภัฏพระนครศรีอยุธยา
31. frame สุดท้าย จะเป็นหน้าแสดงคะแนนที่ทาแบบทดสอบ
เลือกเครื่องมือ Text tool สร้างกล่องข้อความ สาหรับแสดงคะแนนแบบทดสอบ >> ตั้งค่าที่ properties
ใส่ชื่อ Dynamic text และ showscore
32. พิมพ์คาสั่งที่ frame คะแนน
พิมพ์คาสั่งให้ปุ่มกลับรายการหลัก เชื่อมโยงไปที่ scene main
ณัฐญา กาลันสีมา โรงเรียนถาปินวิทยาคม สพม.๓๖
้

18. เอกสารประกอบการอบรม การสร้างบทเรียนช่วยสอน ด้วยโปรแกรม Adobe Flash CS3
๖ – ๘ เมษายน ๒๕๕๕ มหาวิทยาลัยราชภัฏพระนครศรีอยุธยา
33. พิมพ์คาสั่งควบคุม ปุ่มเชื่อมโยงทุกปุ่ม เริ่มต้นจาก ปุ่มคานา, ปุ่มจุดประสงค์, ปุ่มผู้จัดทา, ปุ่มแบบทดสอบ, ปุ่ม
เข้าสู่บทเรียน ตามลาดับ โดยให้คลิกเลือกปุ่มที่ต้องการเชื่อมโยง แล้วกดคีย์ F9 พิมพ์คาสั่ง
คลิกที่ปุ่มคานา กดคีย์ F9 พิมพ์ตามคาสั่ง เพื่อให้เมื่อคลิกปุ่มคานา โปรแกรมจะเชื่อมโยงไปที่หน้าคานา
หรืออีกวิธี เมื่อกดคีย์ F9
ให้คลิกเลือกคาสั่ง Script Assist แล้วคลิกคาสั่งที่ActionScript1.0&2.0 >>>>>> คลิกเลือก คาสั่ง Global
Functions >>> คลิกเลือกคาสั่ง Timeline Control >>>>>> double click ที่คาสั่ง goto
2
3
4
5
1
ณัฐญา กาลันสีมา โรงเรียนถาปินวิทยาคม สพม.๓๖
้

19. เอกสารประกอบการอบรม การสร้างบทเรียนช่วยสอน ด้วยโปรแกรม Adobe Flash CS3
๖ – ๘ เมษายน ๒๕๕๕ มหาวิทยาลัยราชภัฏพระนครศรีอยุธยา
คลิกเลือก scene ที่ต้องการเชื่อมโยง ถ้าเลือก ปุ่มคานา ก็สั่งให้เชื่อมโยงไปที่ Scene
kumnum
ปุ่มจุดประสงค์ ก็สั่งให้เชื่อมโยงไปที่ Scene judprasong
ปุ่มจุดประสงค์ ก็สั่งให้เชื่อมโยงไปที่ Scene content
ปุ่มจุดประสงค์ ก็สั่งให้เชื่อมโยงไปที่ Scene exam
ปุ่มจุดประสงค์ ก็สั่งให้เชื่อมโยงไปที่ Scene auther
34. ปุ่มออกจากบทเรียน คลิกเลือกปุ่ม กดปุ่มคีย์ F9 พิมพ์คาสั่งให้ออกจากบทเรียน
ณัฐญา กาลันสีมา โรงเรียนถาปินวิทยาคม สพม.๓๖
้

20. เอกสารประกอบการอบรม การสร้างบทเรียนช่วยสอน ด้วยโปรแกรม Adobe Flash CS3
๖ – ๘ เมษายน ๒๕๕๕ มหาวิทยาลัยราชภัฏพระนครศรีอยุธยา
ณัฐญา กาลันสีมา โรงเรียนถาปินวิทยาคม สพม.๓๖
้