การเขียนโปรแกรมมัลติมีเดีย

Multimedia and Animation Programming 107
การเขยี นโปรแกรมสาํ หรบั ผลติ สอ่ื มลั ตมิ เี ดยี

บทที่4 การเขยี นโปรแกรมสาํ หรบั ผลติ สอื่ มลั ตมิ เี ดยี 2 มติ ิ อาจารยพ์ จน์ศริ นิ ทร์ ลมิ ปินนั ทน์

Multimedia and Animation Programming 108
การเขยี นโปรแกรมสาํ หรบั ผลติ สอ่ื มลั ตมิ เี ดยี

บทที่4 การเขยี นโปรแกรมสาํ หรบั ผลติ สอื่ มลั ตมิ เี ดยี 2 มติ ิ อาจารยพ์ จน์ศริ นิ ทร์ ลมิ ปินนั ทน์

Multimedia and Animation Programming 109
การเขยี นโปรแกรมสาํ หรบั ผลติ สอ่ื มลั ตมิ เี ดยี

บทที่4 การเขยี นโปรแกรมสาํ หรบั ผลติ สอื่ มลั ตมิ เี ดยี 2 มติ ิ อาจารยพ์ จน์ศริ นิ ทร์ ลมิ ปินนั ทน์

Multimedia and Animation Programming 110
การเขยี นโปรแกรมสาํ หรบั ผลติ สอ่ื มลั ตมิ เี ดยี

บทที่4 การเขยี นโปรแกรมสาํ หรบั ผลติ สอื่ มลั ตมิ เี ดยี 2 มติ ิ อาจารยพ์ จน์ศริ นิ ทร์ ลมิ ปินนั ทน์

Multimedia and Animation Programming 111
การเขยี นโปรแกรมสาํ หรบั ผลติ สอ่ื มลั ตมิ เี ดยี

บทที่4 การเขยี นโปรแกรมสาํ หรบั ผลติ สอื่ มลั ตมิ เี ดยี 2 มติ ิ อาจารยพ์ จน์ศริ นิ ทร์ ลมิ ปินนั ทน์

Multimedia and Animation Programming 112
การเขยี นโปรแกรมสาํ หรบั ผลติ สอ่ื มลั ตมิ เี ดยี

บทที่4 การเขยี นโปรแกรมสาํ หรบั ผลติ สอื่ มลั ตมิ เี ดยี 2 มติ ิ อาจารยพ์ จน์ศริ นิ ทร์ ลมิ ปินนั ทน์

Multimedia and Animation Programming 113
การเขยี นโปรแกรมสาํ หรบั ผลติ สอ่ื มลั ตมิ เี ดยี

บทที่4 การเขยี นโปรแกรมสาํ หรบั ผลติ สอื่ มลั ตมิ เี ดยี 2 มติ ิ อาจารยพ์ จน์ศริ นิ ทร์ ลมิ ปินนั ทน์

Multimedia and Animation Programming 114
การเขยี นโปรแกรมสาํ หรบั ผลติ สอ่ื มลั ตมิ เี ดยี

บทที่4 การเขยี นโปรแกรมสาํ หรบั ผลติ สอื่ มลั ตมิ เี ดยี 2 มติ ิ อาจารยพ์ จน์ศริ นิ ทร์ ลมิ ปินนั ทน์

Multimedia and Animation Programming 115
การเขยี นโปรแกรมสาํ หรบั ผลติ สอ่ื มลั ตมิ เี ดยี

บทที่4 การเขยี นโปรแกรมสาํ หรบั ผลติ สอื่ มลั ตมิ เี ดยี 2 มติ ิ อาจารยพ์ จน์ศริ นิ ทร์ ลมิ ปินนั ทน์

Multimedia and Animation Programming 116
การเขยี นโปรแกรมสาํ หรบั ผลติ สอ่ื มลั ตมิ เี ดยี

บทที่4 การเขยี นโปรแกรมสาํ หรบั ผลติ สอื่ มลั ตมิ เี ดยี 2 มติ ิ อาจารยพ์ จน์ศริ นิ ทร์ ลมิ ปินนั ทน์

Multimedia and Animation Programming 117
การเขยี นโปรแกรมสาํ หรบั ผลติ สอ่ื มลั ตมิ เี ดยี

บทที่4 การเขยี นโปรแกรมสาํ หรบั ผลติ สอื่ มลั ตมิ เี ดยี 2 มติ ิ อาจารยพ์ จน์ศริ นิ ทร์ ลมิ ปินนั ทน์

Multimedia and Animation Programming 118
การเขยี นโปรแกรมสาํ หรบั ผลติ สอ่ื มลั ตมิ เี ดยี

การผลิตส่ือมลั ตมิ เี ดีย 2 มติ ิ

การผลิตสื่อมัลติมีเดีย 2 มิติ ในบทเรียนน้ีจะทําการผลิตส่ือมัลติมีเดีย ตามการออกแบบ
ดงั น้ี

1. จัดวางกราฟกตามที่ออกแบบ เมื่อวางองคประกอบตางๆ เรียบรอยแลว ทําการ
เขียนโปรแกรมตามที่ไดออกแบบ

ภาพท่ี 4.16 Flowchart ส่อื มัลติมีเดยี Animal Vocabulary

2. การเขียนโปรแกรม
หนา แรกของสื่อมัลติมีเดียมีการเขียนโปรแกรมหนึ่งจุดคือการเขียนโปรแกรมใหลิงค

ไปยงั หนา Intro สามารถเขียนโปรแกรมไดด ังนี้

บทที่4 การเขยี นโปรแกรมสาํ หรบั ผลติ สอื่ มลั ตมิ เี ดยี 2 มติ ิ อาจารยพ์ จน์ศริ นิ ทร์ ลมิ ปินนั ทน์

Multimedia and Animation Programming 119
การเขยี นโปรแกรมสาํ หรบั ผลติ สอ่ื มลั ตมิ เี ดยี

ทาํ การ Run program เพือ่ ทดสอบ ไดผ ลลพั ธดังนี้

ภาพท่ี 4.17 การ Run สือ่ มลั ติมีเดยี Animal Vocabulary

การเผยแพรสือ่ มัลติมเี ดยี 2 มิติ ในรปู แบบแอพพลิเคชั่น

การเผยแผส่ือมัลติมเี ดยี ในรูปแบบแอพพลเิ คช่นั จากโปรแกรม Adobe Animation
สามารถทาํ ไดโดย เลอื ก File>Android Setting (กรณนี ตี้ องการจดั ทาํ แอพพลิเคช่นั สาํ หรบั
ระบบปฏบิ ัตกิ ารแอนดรอยด)

ภาพที่ 4.18 การ export App อาจารยพ์ จน์ศริ นิ ทร์ ลมิ ปินนั ทน์

บทที่4 การเขยี นโปรแกรมสาํ หรบั ผลติ สอื่ มลั ตมิ เี ดยี 2 มติ ิ

Multimedia and Animation Programming 120
การเขยี นโปรแกรมสาํ หรบั ผลติ สอ่ื มลั ตมิ เี ดยี

จะปรากฏหนาตา งใหต ง้ั คาตา งๆ ดาํ เนินการตัง้ คา สาํ หรับ แอพพลเิ คชนั่ ดังภาพ

ภาพที่ 4.19 การ export App
นาํ เผยแพรบน Google Play

ภาพที่ 4.20 App บน google play

บทที่4 การเขยี นโปรแกรมสาํ หรบั ผลติ สอื่ มลั ตมิ เี ดยี 2 มติ ิ อาจารยพ์ จน์ศริ นิ ทร์ ลมิ ปินนั ทน์

Multimedia and Animation Programming 121
การเขยี นโปรแกรมสาํ หรบั ผลติ สอ่ื มลั ตมิ เี ดยี

บทสรุป

กลาวโดยสรุป คือ ActionScript 3.0 มีรูปแบบการเขียนโปรแกรมที่มี
ประสิทธิภาพซ่ึงจะเปนท่ีคุนเคยกับผูท่ีมีความรูพื้นฐานของการเขียนโปรแกรมเชิงวัตถุ
(OOP) ActionScript 3.0 มีความสามารถในการเขียนสคริปตมากกวา ActionScript
รุนกอนๆ มันถูกออกแบบมาเพื่ออํานวยความสะดวกการสรางโปรแกรมที่ซับซอนอยาง
มากกับชุดขอมูลขนาดใหญและการเขียนโปรแกรมแบบ OOP มีการประมวลผลที่
รวดเรว็ กวา รุน กอ นๆ มาก

การทํางานแบบ OOP คือ การแบงโปรแกรมออกเปนสวนๆ ทํางานอิสระตอ
กนั ซึง่ จะมตี นแบบเรียกวา Class ส่งิ ทส่ี รา งจาก Class จะเรียกวา Object

Class ประกอบไปดว ย
• Properties (คณุ สมบัต)ิ
• Methods (วธิ กี ารกระทาํ )
• Events (เหตุการณ)

ขอ แตกตางระหวา ง AS3 กบั AS2
1) AS3 เขียนลงบน Frame อยางเดียว
2) AS3 สนบั สนุนการเขียนแบบ OOP มากขนึ้
3) มคี วามหลากหลายในการทาํ งานมากกวา

บทที่4 การเขยี นโปรแกรมสาํ หรบั ผลติ สอื่ มลั ตมิ เี ดยี 2 มติ ิ อาจารยพ์ จน์ศริ นิ ทร์ ลมิ ปินนั ทน์

Multimedia and Animation Programming 122
การเขยี นโปรแกรมสาํ หรบั ผลติ สอ่ื มลั ตมิ เี ดยี

แบบฝกหดั บทท่ี 4

1. จงอธิบายขอแตกตา งของ ActionScript 2 และ ActionScript 3
…………………………………………………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………………………………………………
…………………………………………………..………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………………………..…………………………
…………………………………………………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………………………………………………
…………………………………………………………………………………………………………………………………………………………………

บทที่4 การเขยี นโปรแกรมสาํ หรบั ผลติ สอื่ มลั ตมิ เี ดยี 2 มติ ิ อาจารยพ์ จน์ศริ นิ ทร์ ลมิ ปินนั ทน์

Multimedia and Animation Programming 123
การเขยี นโปรแกรมสาํ หรบั ผลติ สอ่ื มลั ตมิ เี ดยี

2. จง เขยี น Flow chart โปรแกรมตดั เกรด ตามเงอื่ นไง ดังตอ ไปนี้
ถา ไดค ะแนน 100-80 ได เกรด A
79-75 ได เกรด B+
74-70 ได เกรด B
69-65 ได เกรด C+
64-60 ได เกรด C
59-55 ได เกรด D+
54-50 ได เกรด D
49-0 ได เกรด F

บทที่4 การเขยี นโปรแกรมสาํ หรบั ผลติ สอื่ มลั ตมิ เี ดยี 2 มติ ิ อาจารยพ์ จน์ศริ นิ ทร์ ลมิ ปินนั ทน์

Multimedia and Animation Programming 124
การเขยี นโปรแกรมสาํ หรบั ผลติ สอ่ื มลั ตมิ เี ดยี

บทที่4 การเขยี นโปรแกรมสาํ หรบั ผลติ สอื่ มลั ตมิ เี ดยี 2 มติ ิ อาจารยพ์ จน์ศริ นิ ทร์ ลมิ ปินนั ทน์

Multimedia and Animation Programming 125
การเขยี นโปรแกรมสาํ หรบั ผลติ สอ่ื มลั ตมิ เี ดยี

เอกสารอา งอิง

Adobe. (2560). INTRODUCTION TO ANIMATE CC. [ออนไลน] . แหลงทมี่ า :
https://helpx.adobe.com/animate/user-guide.html?topic=/animate
/morehelp/introduction.ug.js. [สืบคนเมอ่ื 16 มิถุนายน 2561].

กําพล ลลี าภรณ. flash ActionScript. โปรวชิ ัน่ : กรุงเทพ, 2551.
สมรักษ ปรยิ วาท.ี การสรางสื่อบทเรียน Multimedia Online แบบมอื อาชีพ V2 – กรงุ เทพ : ซเี อด็

ยเู คช่ัน . 2555.
________. (2555). เวบ็ ไซต [ออนไลน] . แหลง ทีม่ า : http://9note.blogspot.com/2011

/06/basic-as3-part-1.html [สืบคนเม่อื 16 มิถนุ ายน 2561].
________. (2555). เว็บไซต [ออนไลน]. แหลงที่มา : http://blog.portgoo.com/?p=219. [สบื คน

เมอื่ 16 มถิ ุนายน 2561].
________. (2555). เวบ็ ไซต [ออนไลน] . แหลง ที่มา : http://www.adobe.com/devnet/

actionscript.html. [สบื คนเมื่อ 16 มิถุนายน 2561].

บทที่4 การเขยี นโปรแกรมสาํ หรบั ผลติ สอื่ มลั ตมิ เี ดยี 2 มติ ิ อาจารยพ์ จน์ศริ นิ ทร์ ลมิ ปินนั ทน์

บรรณานกุ รม

กรมวชิ าการ กระทรวงศกึ ษาธกิ าร. (2544). มลั ตมิ เี ดียเพื่อการศกึ ษา. กรงุ เทพฯ : โรงพิมพคุรุสภา.
กฤษณพงศ เลิศบํารุงชัย. (2558). การสรา ง Mobile Learning ดวย Adobe Captivate 8. .

[ออนไลน]. แหลง ท่มี า : https://programsdd.com/. [สืบคนเม่ือ 9 มถิ ุนายน 2561].
กฤษณพงศ เลศิ บาํ รุงชัย และ บังอร เลิศบาํ รงุ ชัย. (2556). สรางสือ่ การสอนมัลตมิ เี ดีย ดวย Adobe

Captivate 6. โปรวชิ ัน่ , บจก. : กรงุ เทพฯ.
กฤษมนั ต วัฒนาณรงค. (2542). “มลั ติมเี ดยี ”. สารานกุ รมศกึ ษาศาสตร. กรุงเทพฯ : มหาวิทยาลยั

ศรนี ครนิ ทรวโิ รฒ.
เกียรติพงษ บุญจิตร. (2556). คูมือ Dreamweaver CS6 Professional Guide ฉบับสมบูรณ.

นนทบรุ ี : ไอดีซฯี .
กิตติพนั ธ อุดมเศรษฐ. (2556). กระบวนการพัฒนา ส่ือนวตั กรรมการเรียนรูท่ีมคี ุณภาพ ADDIE.

[ออนไลน]. แหลงทม่ี า : https://www.slideshare.net/Kttpud/mediatech2learn-
004-part-4. [สบื คน เม่ือ 9 มิถนุ ายน 2561].
กังวาน อัศวไชยวศิน และ อรพิน ประวัติบริสุทธิ์. (2555). คูมือสรางเว็บไซดดวย HTML 5 CSS 3
& JavaScript ฉบับสมบรู ณ. กรงุ เทพฯ : โปรวิชั่น, บจก.
ชัยยงค พรหมวงศ และคณะ. (2521). ระบบส่อื การสอน. กรุงเทพมหานคร : โรงพมิ พ
จุฬาลงกรณมหาวิทยาลัย.
ถาวร สายสบื . (2553). Multimedia for Presentation. [ออนไลน] . แหลง ทมี่ า :
http://www.edu.nu.ac.th/wbi/Multimedia
forpresentation/lesson1_1.html. (สบื คนเมื่อ 9 พฤศจิกายน 2560).
ณัฐกร สงคราม. (2554). การออกแบบและพฒั นามลั ติมีเดียเพื่อการเรยี นรู. พิมพค รั้งที่ 2.
กรุงเทพมหานคร : สํานักพิมพแหงจฬุ าลงกรณมหาวทิ ยาลัย.
ธรรมปพน ลอี ํานวยโชค. (2550). INTRO to ANIMATION. กรงุ เทพฯ : ฐานบคุ ส.
ธรรมศักด์ิ เอื้อรักสกลุ . (2555). การสราง 2D Animation. กรุงเทพฯ : มเี ดยี อนิ เทลลิเจนซ
เทคโนโลย,ี บจก.
ทิพวรรณ ภูดอนตอง. (2555). สื่อมัลตมิ ีเดยี หมายถึงอะไร. [ออนไลน]. แหลงท่ีมา :
https://www.gotoknow.org/posts/497401. (สืบคน เมื่อ 9 พฤศจกิ ายน 2560).
นวพร ษฏั เสน. (2560). วิชาส่อื และมลั ติมีเดีย. [ออนไลน] . แหลง ทมี่ า :
https://jirapornthainoktad.wordpress.com /category /วชิ าสอื่ และมัลตมิ เี ดยี . .
(สบื คน เมื่อ 9 พฤศจกิ ายน 2560).
ราชบัณฑิตยสถาน. (2556). พจนานกุ รมศัพทเ ทคโนโลยที างภาพ. กรุงเทพฯ : ราชบณั ฑิตยสถาน.

Multimedia and Animation Programming 127
การใชโ้ ปรแกรมสาํ เรจ็ รปู ผลติ สอ่ื มลั ตมิ เี ดยี : Workshop

วิไล องคธ นะสขุ . (2538). การพฒั นาบทเรียนคอมพิวเตอรมัลตมิ เี ดีย. พมิ พครง้ั ท่ี 5.
กรุงเทพมหานคร : สวุ ิรยี าสาสน .

วชิ าญชัย เทียนคูณ. (2553). ครบเครื่องเรื่องงานมลั ติมีเดียดว ยโปรแกรม Adobe Captivate. เน็ต
ดีไซน พบั ลชิ ชงิ่ , บจก. : กรงุ เทพฯ.

สุกรี รอดโพธทิ์ อง. (2541). เอกสารประกอบการอบรมบทเรยี นคอมพวิ เตอรช วยสอน. กรงุ เทพฯ :
ศูนยเ ทคโนโลยีการศึกษาคณะครุศาสตรจุฬาลงกรณมหาวิทยาลยั .

อดิศักด์ิ กิจแสวง. (2558). คูมอื การใชง าน Adobe Captivate 7. [ออนไลน]. แหลง ท่ีมา :
http://www.oar.ubu.ac.th/km/images/imageskm/techno/adisak/adisak-
km.pdf. [สบื คนเมื่อ 11 มิถุนายน 2561].

Jeffcoate, J. (1995). Multimedia in practice: Technology and applications: Great
Britain. Prentice Hall International Limited, Campus 400, Maryland
Avenue.

__________. (2559). การเขียน Story Board. [ออนไลน]. แหลงที่มา :
http://celt.li.kmutt.ac.th / wp/ wp-content/uploads/2016/06/story-
board1.jpg. [สืบคน เมื่อ 9 มิถนุ ายน 2561].

Workshop อาจารยพ์ จน์ศริ นิ ทร์ ลมิ ปินนั ทน์