การสร้างงาน adobe flash cs3
DESCRIPTION
TRANSCRIPT
![Page 1: การสร้างงาน Adobe flash cs3](https://reader031.vdocuments.net/reader031/viewer/2022020718/5494207fb47959474d8b4a1e/html5/thumbnails/1.jpg)
เอกสารประกอบการอบรม การสร้างบทเรยีนชว่ยสอน ดว้ยโปรแกรม Adobe Flash CS3
๖ – ๘ เมษายน ๒๕๕๕ มหาวทิยาลยัราชภฏัพระนครศรอียธุยา
ณัฐญา กาลันสีมา โรงเรยีนถ า้ปินวิทยาคม สพม.๓๖
การสร้างบทเรียนช่วยสอน ด้วยโปรแกรม Adobe Flash CS3
1. เปิดโปรแกรม Adobe Flash CS3 >> เลือก Create New >> Flash File (Action Script 2.0)
2. หน้าจอโปรแกรม
![Page 2: การสร้างงาน Adobe flash cs3](https://reader031.vdocuments.net/reader031/viewer/2022020718/5494207fb47959474d8b4a1e/html5/thumbnails/2.jpg)
เอกสารประกอบการอบรม การสร้างบทเรยีนชว่ยสอน ดว้ยโปรแกรม Adobe Flash CS3
๖ – ๘ เมษายน ๒๕๕๕ มหาวทิยาลยัราชภฏัพระนครศรอียธุยา
ณัฐญา กาลันสีมา โรงเรยีนถ า้ปินวิทยาคม สพม.๓๖
3. สร้างพ้ืนหลังเป็นรูปภาพ Manu File >> Import >> Import to stage… (น ารูปภาพมาไว้ที่หน้าจอท างาน)
4. เลือกรูปที่ต้องการให้เป็นพื้นหลัง
5. ปรับรูปภาพพ้ืนหลังให้พอดีกับ stage
1
2
![Page 3: การสร้างงาน Adobe flash cs3](https://reader031.vdocuments.net/reader031/viewer/2022020718/5494207fb47959474d8b4a1e/html5/thumbnails/3.jpg)
เอกสารประกอบการอบรม การสร้างบทเรยีนชว่ยสอน ดว้ยโปรแกรม Adobe Flash CS3
๖ – ๘ เมษายน ๒๕๕๕ มหาวทิยาลยัราชภฏัพระนครศรอียธุยา
ณัฐญา กาลันสีมา โรงเรยีนถ า้ปินวิทยาคม สพม.๓๖
6. Insert Layer
เลือก layer ที่ 2 เลือกเครื่องมือ Text tool พิมพ์ชื่อเรื่อง ปรับขนาด สี รูปแบบ ให้สวยงาม
![Page 4: การสร้างงาน Adobe flash cs3](https://reader031.vdocuments.net/reader031/viewer/2022020718/5494207fb47959474d8b4a1e/html5/thumbnails/4.jpg)
เอกสารประกอบการอบรม การสร้างบทเรยีนชว่ยสอน ดว้ยโปรแกรม 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( ); เพ่ือสั่งให้หยุดแสดงผลที่หน้าจอปัจจุบัน
![Page 5: การสร้างงาน Adobe flash cs3](https://reader031.vdocuments.net/reader031/viewer/2022020718/5494207fb47959474d8b4a1e/html5/thumbnails/5.jpg)
เอกสารประกอบการอบรม การสร้างบทเรยีนชว่ยสอน ดว้ยโปรแกรม Adobe Flash CS3
๖ – ๘ เมษายน ๒๕๕๕ มหาวทิยาลยัราชภฏัพระนครศรอียธุยา
ณัฐญา กาลันสีมา โรงเรยีนถ า้ปินวิทยาคม สพม.๓๖
9. สร้าง scene ชื่อ inputname 10. เลือกเครื่องมือ Text tool สร้างกล่องข้อความ ส าหรับใส่ชื่อ >> ตั้งค่าที่ properties ใส่ชื่อ Input text และ iname
![Page 6: การสร้างงาน Adobe flash cs3](https://reader031.vdocuments.net/reader031/viewer/2022020718/5494207fb47959474d8b4a1e/html5/thumbnails/6.jpg)
เอกสารประกอบการอบรม การสร้างบทเรยีนชว่ยสอน ดว้ยโปรแกรม Adobe Flash CS3
๖ – ๘ เมษายน ๒๕๕๕ มหาวทิยาลยัราชภฏัพระนครศรอียธุยา
ณัฐญา กาลันสีมา โรงเรยีนถ า้ปินวิทยาคม สพม.๓๖
11. คลิกท่ี frame ที่ 1 layer 1 คลิกขวา หาค าสั่ง Actions หรือกดปุ่มคีย์ลัด F9 พิมพ์ค าสั่ง 12. ใส่พื้นหลัง ข้อความ และปุ่มหน้าต่อไป
![Page 7: การสร้างงาน Adobe flash cs3](https://reader031.vdocuments.net/reader031/viewer/2022020718/5494207fb47959474d8b4a1e/html5/thumbnails/7.jpg)
เอกสารประกอบการอบรม การสร้างบทเรยีนชว่ยสอน ดว้ยโปรแกรม Adobe Flash CS3
๖ – ๘ เมษายน ๒๕๕๕ มหาวทิยาลยัราชภฏัพระนครศรอียธุยา
ณัฐญา กาลันสีมา โรงเรยีนถ า้ปินวิทยาคม สพม.๓๖
13. ที่ปุ่ม หน้าต่อไป >> คลิกขวา >> Actions หรือกดปุ่มคีย์ลัด F9 ใส่ script ว่า ค าสั่ง เพื่อให้เข้าสู่บทเรียน หน้าถัดไป 14. สร้าง scene ชื่อ inputname
![Page 8: การสร้างงาน Adobe flash cs3](https://reader031.vdocuments.net/reader031/viewer/2022020718/5494207fb47959474d8b4a1e/html5/thumbnails/8.jpg)
เอกสารประกอบการอบรม การสร้างบทเรยีนชว่ยสอน ดว้ยโปรแกรม Adobe Flash CS3
๖ – ๘ เมษายน ๒๕๕๕ มหาวทิยาลยัราชภฏัพระนครศรอียธุยา
ณัฐญา กาลันสีมา โรงเรยีนถ า้ปินวิทยาคม สพม.๓๖
ที่เลเยอร์ 1 เลือกเครื่องมือ Text tool สร้างกล่องข้อความ ส าหรับใส่ชื่อ >> ตั้งค่าที่ properties ใส่ชื่อ Dynamic text และ showname 15. พิมพ์ค าสั่งที ่layer 1 frame 1 เพื่อให้แสดงชื่อที่บันทึกไว้ และหยุดเพ่ือแสดงผลงานหน้าปัจจุบัน
![Page 9: การสร้างงาน Adobe flash cs3](https://reader031.vdocuments.net/reader031/viewer/2022020718/5494207fb47959474d8b4a1e/html5/thumbnails/9.jpg)
เอกสารประกอบการอบรม การสร้างบทเรยีนชว่ยสอน ดว้ยโปรแกรม Adobe Flash CS3
๖ – ๘ เมษายน ๒๕๕๕ มหาวทิยาลยัราชภฏัพระนครศรอียธุยา
ณัฐญา กาลันสีมา โรงเรยีนถ า้ปินวิทยาคม สพม.๓๖
16. สร้าง Scene ชื่อ kumnam พิมพ์ค าสั่งที่ layer 1 frame 1 เพื่อให้หยุดเพื่อแสดงผลงานหน้าปัจจุบัน ที่ปุ่มกลับหน้าหลัก >> คลิกขวา >> Actions หรอืกดปุ่มคีย์ลัด F9 ใส่ script ว่า
![Page 10: การสร้างงาน Adobe flash cs3](https://reader031.vdocuments.net/reader031/viewer/2022020718/5494207fb47959474d8b4a1e/html5/thumbnails/10.jpg)
เอกสารประกอบการอบรม การสร้างบทเรยีนชว่ยสอน ดว้ยโปรแกรม Adobe Flash CS3
๖ – ๘ เมษายน ๒๕๕๕ มหาวทิยาลยัราชภฏัพระนครศรอียธุยา
ณัฐญา กาลันสีมา โรงเรยีนถ า้ปินวิทยาคม สพม.๓๖
17. พิมพ์ค าสั่งที่ frame ที่ 1 กดปุ่มคีย์ F9 พิมพ์ค าสั่งหยุด >>>>> ทุก ๆ Scene จะต้องไปที่ frame สุดท้าย แล้วพิมพ์ค าสั่งหยุด เพ่ือเวลาแสดงผลงานหน้านั้น ๆ
18. พิมพ์ค าสั่งให้ปุ่มกลับรายการหลัก เชื่อมโยงไปที่ scene main 19. สร้าง Scene ชื่อ judprasong
![Page 11: การสร้างงาน Adobe flash cs3](https://reader031.vdocuments.net/reader031/viewer/2022020718/5494207fb47959474d8b4a1e/html5/thumbnails/11.jpg)
เอกสารประกอบการอบรม การสร้างบทเรยีนชว่ยสอน ดว้ยโปรแกรม Adobe Flash CS3
๖ – ๘ เมษายน ๒๕๕๕ มหาวทิยาลยัราชภฏัพระนครศรอียธุยา
ณัฐญา กาลันสีมา โรงเรยีนถ า้ปินวิทยาคม สพม.๓๖
พิมพ์ค าสั่งที่ layer 1 frame 1 เพื่อให้หยุดเพื่อแสดงผลงานหน้าปัจจุบัน 20. พิมพ์ค าสั่งให้ปุ่มกลับรายการหลัก เชื่อมโยงไปที่ scene main 21. สร้าง Scene ชื่อ auther
![Page 12: การสร้างงาน Adobe flash cs3](https://reader031.vdocuments.net/reader031/viewer/2022020718/5494207fb47959474d8b4a1e/html5/thumbnails/12.jpg)
เอกสารประกอบการอบรม การสร้างบทเรยีนชว่ยสอน ดว้ยโปรแกรม Adobe Flash CS3
๖ – ๘ เมษายน ๒๕๕๕ มหาวทิยาลยัราชภฏัพระนครศรอียธุยา
ณัฐญา กาลันสีมา โรงเรยีนถ า้ปินวิทยาคม สพม.๓๖
พิมพ์ค าสั่งที่ layer 1 frame 1 เพื่อให้หยุดเพื่อแสดงผลงานหน้าปัจจุบัน 22. พิมพ์ค าสั่งให้ปุ่มกลับรายการหลัก เชื่อมโยงไปที่ scene main 23. สร้าง Scene ชื่อ content
![Page 13: การสร้างงาน Adobe flash cs3](https://reader031.vdocuments.net/reader031/viewer/2022020718/5494207fb47959474d8b4a1e/html5/thumbnails/13.jpg)
เอกสารประกอบการอบรม การสร้างบทเรยีนชว่ยสอน ดว้ยโปรแกรม Adobe Flash CS3
๖ – ๘ เมษายน ๒๕๕๕ มหาวทิยาลยัราชภฏัพระนครศรอียธุยา
ณัฐญา กาลันสีมา โรงเรยีนถ า้ปินวิทยาคม สพม.๓๖
พิมพ์ค าสั่งที่ layer 1 แต่ละ frame เพ่ือให้หยุดเพ่ือแสดงผลงานแต่ละหน้า ในส่วนของเนื้อหา แต่ละframe จะหมายถึง ข้อมูลแต่ละหน้า ในตัวอย่างจะมี frame ทั้งหมด 10 frame frame แรกจะเป็นค าอธิบายการใช้งาน ตั้งแต่ frame ที่ 2 จนถึง frame ที่ 10 จะเป็นหน้าส าหรับใส่ข้อมูล
24. ปุ่มเชื่อมโยง พิมพ์ค าสั่ง ให้เชื่อมโยงไป scene Main
25. ปุ่มเชื่อมโยง พิมพ์ค าสั่งให้ไปหน้าถัดไป
![Page 14: การสร้างงาน Adobe flash cs3](https://reader031.vdocuments.net/reader031/viewer/2022020718/5494207fb47959474d8b4a1e/html5/thumbnails/14.jpg)
เอกสารประกอบการอบรม การสร้างบทเรยีนชว่ยสอน ดว้ยโปรแกรม Adobe Flash CS3
๖ – ๘ เมษายน ๒๕๕๕ มหาวทิยาลยัราชภฏัพระนครศรอียธุยา
ณัฐญา กาลันสีมา โรงเรยีนถ า้ปินวิทยาคม สพม.๓๖
26. ปุ่มเชื่อมโยง พิมพ์ค าสั่งให้กลับไปหน้าที่ผ่านมา
![Page 15: การสร้างงาน Adobe flash cs3](https://reader031.vdocuments.net/reader031/viewer/2022020718/5494207fb47959474d8b4a1e/html5/thumbnails/15.jpg)
เอกสารประกอบการอบรม การสร้างบทเรยีนชว่ยสอน ดว้ยโปรแกรม Adobe Flash CS3
๖ – ๘ เมษายน ๒๕๕๕ มหาวทิยาลยัราชภฏัพระนครศรอียธุยา
ณัฐญา กาลันสีมา โรงเรยีนถ า้ปินวิทยาคม สพม.๓๖
27. สร้าง Scene ชื่อ exam ท าแบบทดสอบ พิมพ์ค าสั่งที่ layer 1 frame 1 พิมพ์ค าสั่งให้ปุ่มหน้าต่อไป เชื่อมโยงไปที่ next frame
![Page 16: การสร้างงาน Adobe flash cs3](https://reader031.vdocuments.net/reader031/viewer/2022020718/5494207fb47959474d8b4a1e/html5/thumbnails/16.jpg)
เอกสารประกอบการอบรม การสร้างบทเรยีนชว่ยสอน ดว้ยโปรแกรม Adobe Flash CS3
๖ – ๘ เมษายน ๒๕๕๕ มหาวทิยาลยัราชภฏัพระนครศรอียธุยา
ณัฐญา กาลันสีมา โรงเรยีนถ า้ปินวิทยาคม สพม.๓๖
28. แต่ละ frame ของแบบทดสอบให้พิมพ์ค าสั่ง หยุดการแสดงผลหน้าปัจจุบัน 29. ในส่วนปุ่มค าตอบ ข้อที่ผิด พิมพ์ค าสั่ง 30. ในส่วนปุ่มค าตอบ ข้อที่ถูก พิมพ์ค าสั่ง
![Page 17: การสร้างงาน Adobe flash cs3](https://reader031.vdocuments.net/reader031/viewer/2022020718/5494207fb47959474d8b4a1e/html5/thumbnails/17.jpg)
เอกสารประกอบการอบรม การสร้างบทเรยีนชว่ยสอน ดว้ยโปรแกรม Adobe Flash CS3
๖ – ๘ เมษายน ๒๕๕๕ มหาวทิยาลยัราชภฏัพระนครศรอียธุยา
ณัฐญา กาลันสีมา โรงเรยีนถ า้ปินวิทยาคม สพม.๓๖
31. frame สุดท้าย จะเป็นหน้าแสดงคะแนนที่ท าแบบทดสอบ เลือกเครื่องมือ Text tool สร้างกล่องข้อความ ส าหรับแสดงคะแนนแบบทดสอบ >> ตั้งค่าที่ properties ใส่ชื่อ Dynamic text และ showscore 32. พิมพ์ค าสั่งที่ frame คะแนน พิมพ์ค าสั่งให้ปุ่มกลับรายการหลัก เชื่อมโยงไปที่ scene main
![Page 18: การสร้างงาน Adobe flash cs3](https://reader031.vdocuments.net/reader031/viewer/2022020718/5494207fb47959474d8b4a1e/html5/thumbnails/18.jpg)
เอกสารประกอบการอบรม การสร้างบทเรยีนชว่ยสอน ดว้ยโปรแกรม 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
![Page 19: การสร้างงาน Adobe flash cs3](https://reader031.vdocuments.net/reader031/viewer/2022020718/5494207fb47959474d8b4a1e/html5/thumbnails/19.jpg)
เอกสารประกอบการอบรม การสร้างบทเรยีนชว่ยสอน ดว้ยโปรแกรม Adobe Flash CS3
๖ – ๘ เมษายน ๒๕๕๕ มหาวทิยาลยัราชภฏัพระนครศรอียธุยา
ณัฐญา กาลันสีมา โรงเรยีนถ า้ปินวิทยาคม สพม.๓๖
คลิกเลือก scene ที่ต้องการเชื่อมโยง ถ้าเลือก ปุ่มค าน า ก็สั่งให้เชื่อมโยงไปที่ Scene kumnum
ปุ่มจุดประสงค์ ก็สั่งให้เชื่อมโยงไปที่ Scene judprasong
ปุ่มจุดประสงค์ ก็สั่งให้เชื่อมโยงไปที่ Scene content
ปุ่มจุดประสงค์ ก็สั่งให้เชื่อมโยงไปที่ Scene exam
ปุ่มจุดประสงค์ ก็สั่งให้เชื่อมโยงไปที่ Scene auther
34. ปุ่มออกจากบทเรียน คลิกเลือกปุ่ม กดปุ่มคีย์ F9 พิมพ์ค าสั่งให้ออกจากบทเรียน
![Page 20: การสร้างงาน Adobe flash cs3](https://reader031.vdocuments.net/reader031/viewer/2022020718/5494207fb47959474d8b4a1e/html5/thumbnails/20.jpg)
เอกสารประกอบการอบรม การสร้างบทเรยีนชว่ยสอน ดว้ยโปรแกรม Adobe Flash CS3
๖ – ๘ เมษายน ๒๕๕๕ มหาวทิยาลยัราชภฏัพระนครศรอียธุยา
ณัฐญา กาลันสีมา โรงเรยีนถ า้ปินวิทยาคม สพม.๓๖