![Page 1: กระบวนการ ออกแบบ มัลติมิเดีย · หลักการออกแบบมัลติมีเดีย (sdlc) กระบวนการและขั้นตอนการ](https://reader030.vdocuments.net/reader030/viewer/2022040707/5e080571ceb6cf7445748de7/html5/thumbnails/1.jpg)
กระบวนการออกแบบมลตม เดย
![Page 2: กระบวนการ ออกแบบ มัลติมิเดีย · หลักการออกแบบมัลติมีเดีย (sdlc) กระบวนการและขั้นตอนการ](https://reader030.vdocuments.net/reader030/viewer/2022040707/5e080571ceb6cf7445748de7/html5/thumbnails/2.jpg)
การน าเสนอสอมลตมเดย
จดประสงคหลกของบทเรยน
• รหลกการน าเสนอสอมลตมเดย
• รหลกการออกแบบสอมลตมเดยเพอการเรยนการสอน
![Page 3: กระบวนการ ออกแบบ มัลติมิเดีย · หลักการออกแบบมัลติมีเดีย (sdlc) กระบวนการและขั้นตอนการ](https://reader030.vdocuments.net/reader030/viewer/2022040707/5e080571ceb6cf7445748de7/html5/thumbnails/3.jpg)
หลกการออกแบบมลตมเดย (SDLC)
กระบวนการและขนตอนการออกแบบสอมลตมเดยสงผลตอประสทธภาพ ของบทเรยน ประกอบดวยขนตอนหลก 5 ขน ไดแก (SDLC) อางองจาก แบบจ าลองของ Alessi และ Trollip (1991,2001)
การวเคราะห
การออกแบบ
การพฒนาการน าไปใช
การประเมน
![Page 4: กระบวนการ ออกแบบ มัลติมิเดีย · หลักการออกแบบมัลติมีเดีย (sdlc) กระบวนการและขั้นตอนการ](https://reader030.vdocuments.net/reader030/viewer/2022040707/5e080571ceb6cf7445748de7/html5/thumbnails/4.jpg)
สรปกระบวนการสรางมลตมเดย
1. ขนตอนการเตรยม
2. ขนตอนการออกแบบ
3. ขนตอนการสรางโปรแกรม
4. ขนตอนการน าไปใชงาน
5. ขนตอนการประเมนปรบปรง และการเผยแพรขอมล
การวเคราะห
การออกแบบ
การพฒนาการน าไปใช
การประเมน
![Page 5: กระบวนการ ออกแบบ มัลติมิเดีย · หลักการออกแบบมัลติมีเดีย (sdlc) กระบวนการและขั้นตอนการ](https://reader030.vdocuments.net/reader030/viewer/2022040707/5e080571ceb6cf7445748de7/html5/thumbnails/5.jpg)
ระยะด าเนนการโดยรวม 3 ระยะ
• การอธบายการออกแบบสอมลตมเดย ซงแบงเปน 3 ระยะด าเนนการ ไดแก ระยะการเตรยมการหรอวางแผน (Planning) ระยะการ ออกแบบ (Design) และระยะการพฒนา (Development) มรายละเอยดดงน
1. ระยะวางแผน (Planning)
2. ระยะการออกแบบ (Design)
3. ระยะการพฒนา (Development)
Planning
Design
Development
![Page 6: กระบวนการ ออกแบบ มัลติมิเดีย · หลักการออกแบบมัลติมีเดีย (sdlc) กระบวนการและขั้นตอนการ](https://reader030.vdocuments.net/reader030/viewer/2022040707/5e080571ceb6cf7445748de7/html5/thumbnails/6.jpg)
หลกส าคญของการออกแบบ คอ
1) Usabilityงายตอการใชงาน หมายถง การออกแบบใหผใชใชงานจากระบบและขนตอนทน าเสนอใหเขาใจไดงายไมซบซอน โดย น าเสนอเสนทางเดน การโตตอบ การใหความรและกจกรรมทมในเนอหาตามวตถประสงคทก าหนดไว เปนหลก
2) Designการออกแบบหนาจอ ค านงถงการเลอกใชส ขนาด ของขอความ รปภาพและ ภาพเคลอนไหว และค านงถงการจดวางรปแบบ องคประกอบของสงทจะปรากฏในหนาจอ
![Page 7: กระบวนการ ออกแบบ มัลติมิเดีย · หลักการออกแบบมัลติมีเดีย (sdlc) กระบวนการและขั้นตอนการ](https://reader030.vdocuments.net/reader030/viewer/2022040707/5e080571ceb6cf7445748de7/html5/thumbnails/7.jpg)
หลกส าคญของการออกแบบ คอ
3) Idea & Creative ค านงถงความแปลกใหมหรอสรางสรรคสอใหเขากบเหตการณหรอยคสมย ซงจะท าใหไดสอมลตมเดยทมความนาสนใจยงขน
![Page 8: กระบวนการ ออกแบบ มัลติมิเดีย · หลักการออกแบบมัลติมีเดีย (sdlc) กระบวนการและขั้นตอนการ](https://reader030.vdocuments.net/reader030/viewer/2022040707/5e080571ceb6cf7445748de7/html5/thumbnails/8.jpg)
ขนตอนในการสรางสอมลตมเดย
1. การก าหนดหวเรอง
2. เปาหมาย
3. วตถประสงค
4. กลมเปาหมายผใช
5. การวเคราะห (Analysis)
6. การออกแบบ (Design)
7. การพฒนา (Development)
8. การสราง (Implementation)
9. การประเมนผล (Evaluation)
10. น าออกเผยแพร (Publication)
ในการสรางสอมลตมเดย จะเรมตนดวยกระบวนการดงน
![Page 9: กระบวนการ ออกแบบ มัลติมิเดีย · หลักการออกแบบมัลติมีเดีย (sdlc) กระบวนการและขั้นตอนการ](https://reader030.vdocuments.net/reader030/viewer/2022040707/5e080571ceb6cf7445748de7/html5/thumbnails/9.jpg)
ขนการเตรยม (PREPARATION)
• ก าหนดเปาหมาย
• วตถประสงค
• รวบรวมขอมล การเตรยมพรอมทางดานของเอกสาร สารสนเทศ (Information) ทเกยวของ
• เตรยมเนอหา (Meterials) ไดแก ต ารา หนงสอ เอกสารทางวชาการ หนงสออางอง
• สอในการน าเสนอบทเรยน
• เรยนรเนอหา (Learn Content) เชน การสมภาษณผเชยวชาญ การอานหนงสอหรอ เอกสารอนๆ ทเกยวกบเนอหาบทเรยน
• สรางความคด (Generate Ideas) คอ การระดมสมองนนเอง
![Page 10: กระบวนการ ออกแบบ มัลติมิเดีย · หลักการออกแบบมัลติมีเดีย (sdlc) กระบวนการและขั้นตอนการ](https://reader030.vdocuments.net/reader030/viewer/2022040707/5e080571ceb6cf7445748de7/html5/thumbnails/10.jpg)
ขนตอนการออกแบบบทเรยน (DESIGN INSTRUCTION)
• ขนตอนการออกแบบบทเรยน เปนขนตอนทส าคญทสดขนหนงในการก าหนดวาบทเรยนจะออกมามลกษณะใด
• วเคราะหงานและแนวความคด
• ออกแบบบทเรยนขนแรก
• ประเมนและแกไขการออกแบบ
![Page 11: กระบวนการ ออกแบบ มัลติมิเดีย · หลักการออกแบบมัลติมีเดีย (sdlc) กระบวนการและขั้นตอนการ](https://reader030.vdocuments.net/reader030/viewer/2022040707/5e080571ceb6cf7445748de7/html5/thumbnails/11.jpg)
โครงสรางของบทเรยนมลตมเดย
1 โครงสรางแบบเสนตรง
![Page 12: กระบวนการ ออกแบบ มัลติมิเดีย · หลักการออกแบบมัลติมีเดีย (sdlc) กระบวนการและขั้นตอนการ](https://reader030.vdocuments.net/reader030/viewer/2022040707/5e080571ceb6cf7445748de7/html5/thumbnails/12.jpg)
โครงสรางของบทเรยนมลตมเดย2 โครงสรางแบบไมเปนเสนตรง
![Page 13: กระบวนการ ออกแบบ มัลติมิเดีย · หลักการออกแบบมัลติมีเดีย (sdlc) กระบวนการและขั้นตอนการ](https://reader030.vdocuments.net/reader030/viewer/2022040707/5e080571ceb6cf7445748de7/html5/thumbnails/13.jpg)
หลกการออกแบบเนอหา
ประกอบดวย 3 สวน คอ
1) การเตรยมเนอหา ไดแก วางโครงสรางของเนอหา คดเลอกเนอหาทจะน าเสนอ เรยงล าดบหวขอเนอหา
2) การออกแบบเนอหา บทเรยน ประเภทตางๆ ใชภาษาใหเหมาะสม เนอหาดานทกษะและการปฏบต
3) การออกแบบขอค าถาม ส าหรบการประเมน กอนเรยน หลงเรยน การสรางแบบฝกหด
![Page 14: กระบวนการ ออกแบบ มัลติมิเดีย · หลักการออกแบบมัลติมีเดีย (sdlc) กระบวนการและขั้นตอนการ](https://reader030.vdocuments.net/reader030/viewer/2022040707/5e080571ceb6cf7445748de7/html5/thumbnails/14.jpg)
ขนตอนการเขยนผงงาน(FLOWCHART LESSON)
เปนการน าเสนอล าดบขนโครงสรางของ คอมพวเตอรชวยสอน ผงงานท าหนาทเสนอขอมลเกยวกบโปรแกรม เชน อะไรจะเกดขนเมอผเรยน ตอบค าถามผด หรอเมอไหรจะมการจบบทเรยน และการเขยนผงงานขนอยกบประเภทของบทเรยน ดวย
![Page 15: กระบวนการ ออกแบบ มัลติมิเดีย · หลักการออกแบบมัลติมีเดีย (sdlc) กระบวนการและขั้นตอนการ](https://reader030.vdocuments.net/reader030/viewer/2022040707/5e080571ceb6cf7445748de7/html5/thumbnails/15.jpg)
ขนตอนการสรางสตอรบอรด (CREATE STORYBOARD)
เปนขนตอนการเตรยมการ น าเสนอขอความ ภาพ รวมทงสอในรปแบบมลตมเดยตางๆ ลงบนกระดาษเพอใหการน าเสนอขอความ และรปแบบตางๆ เหลานเปนไปอยางเหมาะสมบนหนาจอคอมพวเตอรตอไป
![Page 16: กระบวนการ ออกแบบ มัลติมิเดีย · หลักการออกแบบมัลติมีเดีย (sdlc) กระบวนการและขั้นตอนการ](https://reader030.vdocuments.net/reader030/viewer/2022040707/5e080571ceb6cf7445748de7/html5/thumbnails/16.jpg)
Storyboard
![Page 17: กระบวนการ ออกแบบ มัลติมิเดีย · หลักการออกแบบมัลติมีเดีย (sdlc) กระบวนการและขั้นตอนการ](https://reader030.vdocuments.net/reader030/viewer/2022040707/5e080571ceb6cf7445748de7/html5/thumbnails/17.jpg)
• Storyboard จะชวยใหทมงานทงหมดจนตนาการไดวาหนงจะออกมาหนาตาเปน อยางไร พวกเขาตองท าอะไรกนบางเพอใหไดผลลพธตามนนผ อ านวยการสราง จะสามารถค านวณงบประมาณทจะใชในการถายท าได
• Storyboard จะท าใหรวาหนงมกชอต กโลเกชน ฉากใหญโตแคไหน มเทคนคหรออปกรณพเศษมากนอยเพยงใดผจดการกองฯ รวาการถายท าควรจะใชเวลามากนอยแคไหน ตองตระเตรยมอะไรบาง
• Storyboard เปนเพยงรปทวาดงายๆกได โดยมจดมงหมายเพอถายทอดไอเดยวาภาพจะออกมาเปนบนจอภาพยนตร
ทมา http://krukitchaya.wordpress.com/
Storyboard
![Page 18: กระบวนการ ออกแบบ มัลติมิเดีย · หลักการออกแบบมัลติมีเดีย (sdlc) กระบวนการและขั้นตอนการ](https://reader030.vdocuments.net/reader030/viewer/2022040707/5e080571ceb6cf7445748de7/html5/thumbnails/18.jpg)
HTTPS://WWW.STORYBOARDTHAT.COM
![Page 19: กระบวนการ ออกแบบ มัลติมิเดีย · หลักการออกแบบมัลติมีเดีย (sdlc) กระบวนการและขั้นตอนการ](https://reader030.vdocuments.net/reader030/viewer/2022040707/5e080571ceb6cf7445748de7/html5/thumbnails/19.jpg)
ขนตอนการสรางและการเขยนโปรแกรม (PROGRAM LESSON)
เปนกระบวนการ เปลยนแปลงสตอรบอรดใหกลายเปน คอมพวเตอรชวยสอน สวนนจะตองค านงถงฮารดแวร ลกษณะ และประเภทของบทเรยนทตองการสราง โปรแกรมเมอรและงบประมาณ
![Page 20: กระบวนการ ออกแบบ มัลติมิเดีย · หลักการออกแบบมัลติมีเดีย (sdlc) กระบวนการและขั้นตอนการ](https://reader030.vdocuments.net/reader030/viewer/2022040707/5e080571ceb6cf7445748de7/html5/thumbnails/20.jpg)
ขนตอนการประกอบเอกสารประกอบบทเรยน (PRODUCE SUPPORTING MATERIALS)
เอกสารประกอบบทเรยนอาจแบงออกไดเปน 4 ประเภท คอ คมอการใชของผเรยน คมอการใชของ ผสอน คมอส าหรบแกปญหาเทคนคตางๆ และเอกสารประกอบเพมเตมทวๆ ไป ผเรยนและผสอนยอม มความตองการแตกตางกน คมอจงไมเหมอนกน คมอการแกปญหากจ าเปนหากการตดตงมความ สลบซบซอนมาก
![Page 21: กระบวนการ ออกแบบ มัลติมิเดีย · หลักการออกแบบมัลติมีเดีย (sdlc) กระบวนการและขั้นตอนการ](https://reader030.vdocuments.net/reader030/viewer/2022040707/5e080571ceb6cf7445748de7/html5/thumbnails/21.jpg)
ขนตอนการประเมนผลและแกไขบทเรยน (EVALUATE AND REVISE)
บทเรยนและ เอกสารประกอบทงหมดควรทจะไดรบการประเมน โดยเฉพาะการประเมนการท างานของบทเรยน ในสวนของการน าเสนอนนควรจะท าการประเมนกคอ ผทมประสบการณในการออกแบบมากอนในการ ประเมนการท างานของบทเรยนนน และควรสรางแบบทดสอบกอนเรยน หลงเรยนเพอวดความรความสามารถของผเรยนดวย
![Page 22: กระบวนการ ออกแบบ มัลติมิเดีย · หลักการออกแบบมัลติมีเดีย (sdlc) กระบวนการและขั้นตอนการ](https://reader030.vdocuments.net/reader030/viewer/2022040707/5e080571ceb6cf7445748de7/html5/thumbnails/22.jpg)
5 แนวทาง การออกแบบมลตมเดยปฏสมพนธ อยางมประสทธภาพ
1. ก าหนดเปาหมาย (Goal) ชวยใหสามารถสรางสอฯ ไดตรงกบ ความตองการมากทสด โดยสามารถจ าแนก
เปาหมายไดดงน - เพอถายทอดความร - เพอสรางทกษะ - เพอสนบสนนการท างาน
2. ศกษาพฤตกรรมของผเรยน โดยจะตองศกษาวาผเรยนคดอยางไร ยอมรบนวตกรรมใหม รปแบบนหรอไม
ผเรยนเรยนรจาก Concept หรอศกษากระบวนการกอนน าไปพฒนาความเขาใจใน เนอหา
3. พจารณาถงประสบการณทดทสดของผเรยน เพอใหผเรยนรสกมสวนรวมกบสอฯ
4. ศกษาความคงทนของเนอหา พจารณาวาเนอหามความคงทนน าไปใชงานไดนานแคไหน ม การ
เปลยนแปลงบอยครงหรอไม อยางไร
5. ใชเทคนคของน าผเชยวชาญหลายๆ ทานน าเสนอความร ผสมผสานกบผเรยนออก ความเหนของสอ
![Page 23: กระบวนการ ออกแบบ มัลติมิเดีย · หลักการออกแบบมัลติมีเดีย (sdlc) กระบวนการและขั้นตอนการ](https://reader030.vdocuments.net/reader030/viewer/2022040707/5e080571ceb6cf7445748de7/html5/thumbnails/23.jpg)
การออกแบบสอมลตมเดยการเลอกใชส
ทมา http://infographic.in.th/infographic
![Page 24: กระบวนการ ออกแบบ มัลติมิเดีย · หลักการออกแบบมัลติมีเดีย (sdlc) กระบวนการและขั้นตอนการ](https://reader030.vdocuments.net/reader030/viewer/2022040707/5e080571ceb6cf7445748de7/html5/thumbnails/24.jpg)
วรรณะของส
วรรณะรอน (warm tone) ประกอบดวย สเหลอง สสม สแดง สมวง /ความรสก ตนเตน เราใจ กระฉบกระเฉง ถอวาเปนวรรณะรอนวรรณะเยน (cool tone) ประกอบดวย สเหลอง สเขยว สน าเงน สมวง / เยนตา ใหความรสก สงบ สดชน
![Page 25: กระบวนการ ออกแบบ มัลติมิเดีย · หลักการออกแบบมัลติมีเดีย (sdlc) กระบวนการและขั้นตอนการ](https://reader030.vdocuments.net/reader030/viewer/2022040707/5e080571ceb6cf7445748de7/html5/thumbnails/25.jpg)
การใชสตางวรรณะหลกการทวไป ใชอตราสวน 80% ตอ 20% ของวรรณะส คอ ถาใชสวรรณะรอน 80% สวรรณะเยนก 20%Background สเขม ตวหนงสอ ควรเปนสออน ตวหนงสอสออน Background ควรเปนสเขม ไมควรใชอตราสวนทเทากนเพราะจะท าใหไมมสใดเดน ไมนาสนใจ
ทมา http://infographic.in.th/infographic
![Page 26: กระบวนการ ออกแบบ มัลติมิเดีย · หลักการออกแบบมัลติมีเดีย (sdlc) กระบวนการและขั้นตอนการ](https://reader030.vdocuments.net/reader030/viewer/2022040707/5e080571ceb6cf7445748de7/html5/thumbnails/26.jpg)
ทมา http://infographic.in.th/infographic
![Page 27: กระบวนการ ออกแบบ มัลติมิเดีย · หลักการออกแบบมัลติมีเดีย (sdlc) กระบวนการและขั้นตอนการ](https://reader030.vdocuments.net/reader030/viewer/2022040707/5e080571ceb6cf7445748de7/html5/thumbnails/27.jpg)
![Page 28: กระบวนการ ออกแบบ มัลติมิเดีย · หลักการออกแบบมัลติมีเดีย (sdlc) กระบวนการและขั้นตอนการ](https://reader030.vdocuments.net/reader030/viewer/2022040707/5e080571ceb6cf7445748de7/html5/thumbnails/28.jpg)
การเลอกใชรปภาพ (GRAPHIC &PHOTO)
การใชรปภาพมอย 2 จดประสงค คอ เพอเพมความ สวยงามและดงดดความสนใจในการเขาชมเพอแสดงขอมล และรายละเอยดเรองของสอตางๆ ทงน รปภาพดงกลาวจะมทงรปทเปนภาพจรง (Photo) และภาพทวาดขนโดยใชเทคนคตาง ๆ (Graphic)
ทมา http://infographic.in.th/infographic
![Page 29: กระบวนการ ออกแบบ มัลติมิเดีย · หลักการออกแบบมัลติมีเดีย (sdlc) กระบวนการและขั้นตอนการ](https://reader030.vdocuments.net/reader030/viewer/2022040707/5e080571ceb6cf7445748de7/html5/thumbnails/29.jpg)
ทมา http://infographic.in.th/infographic
![Page 30: กระบวนการ ออกแบบ มัลติมิเดีย · หลักการออกแบบมัลติมีเดีย (sdlc) กระบวนการและขั้นตอนการ](https://reader030.vdocuments.net/reader030/viewer/2022040707/5e080571ceb6cf7445748de7/html5/thumbnails/30.jpg)
เลอกใช ภาพ BITMAP กบ VECTOR
![Page 31: กระบวนการ ออกแบบ มัลติมิเดีย · หลักการออกแบบมัลติมีเดีย (sdlc) กระบวนการและขั้นตอนการ](https://reader030.vdocuments.net/reader030/viewer/2022040707/5e080571ceb6cf7445748de7/html5/thumbnails/31.jpg)
Bitmap มลกษณะเปนชองๆ เหมอนตาราง แตละบตกคอสวนหนงของขอมลคอมพวเตอร สวตซปดเปดยงหมายถงสด าและสขาว ลกษณะเหมอนกนPixel เปนองคประกอบพนฐานของภาพบตแมป
![Page 32: กระบวนการ ออกแบบ มัลติมิเดีย · หลักการออกแบบมัลติมีเดีย (sdlc) กระบวนการและขั้นตอนการ](https://reader030.vdocuments.net/reader030/viewer/2022040707/5e080571ceb6cf7445748de7/html5/thumbnails/32.jpg)
![Page 33: กระบวนการ ออกแบบ มัลติมิเดีย · หลักการออกแบบมัลติมีเดีย (sdlc) กระบวนการและขั้นตอนการ](https://reader030.vdocuments.net/reader030/viewer/2022040707/5e080571ceb6cf7445748de7/html5/thumbnails/33.jpg)
มจดโฟกส
ทมา https://idxw.net
![Page 34: กระบวนการ ออกแบบ มัลติมิเดีย · หลักการออกแบบมัลติมีเดีย (sdlc) กระบวนการและขั้นตอนการ](https://reader030.vdocuments.net/reader030/viewer/2022040707/5e080571ceb6cf7445748de7/html5/thumbnails/34.jpg)
มความตอเนอง
อยางภาพประกอบดานลางเราจะเหนภาพกลมเมฆ ภเขา พนดน กอนหน ทเปนเสนแนวนอนตอเนองกนมาในขณะทโฟกสของภาพคอหญงสาวกบกระดานทเปนเสนแนวตง ประเดนของเรองนการใชเสนซ าในแนวนอนนนเอง ทท าใหภาพนดลงตวและนาสนใจ ทมา https://idxw.net
![Page 35: กระบวนการ ออกแบบ มัลติมิเดีย · หลักการออกแบบมัลติมีเดีย (sdlc) กระบวนการและขั้นตอนการ](https://reader030.vdocuments.net/reader030/viewer/2022040707/5e080571ceb6cf7445748de7/html5/thumbnails/35.jpg)
ทมา https://idxw.net
![Page 36: กระบวนการ ออกแบบ มัลติมิเดีย · หลักการออกแบบมัลติมีเดีย (sdlc) กระบวนการและขั้นตอนการ](https://reader030.vdocuments.net/reader030/viewer/2022040707/5e080571ceb6cf7445748de7/html5/thumbnails/36.jpg)
ตวหนงสออานงาย สและความคมชดตวอยางดานลางโชวใหเหนการใชสเขมออนเนนตวอกษรอยางค าวา Wilson ใหโดดเดน ในขณะทสวนอนกยงคงดเขากนและมสไตลยอนยคอยางทตงใจ
ทมา https://idxw.net
![Page 37: กระบวนการ ออกแบบ มัลติมิเดีย · หลักการออกแบบมัลติมีเดีย (sdlc) กระบวนการและขั้นตอนการ](https://reader030.vdocuments.net/reader030/viewer/2022040707/5e080571ceb6cf7445748de7/html5/thumbnails/37.jpg)
มความตดกน ( CONTRAST )ตวอยางดานลาง Contrast ถกถายทอดผานกราฟฟกสเจบๆทวางบนพนขาว นนท าใหรปทรงตางๆดชดเจนและเครยรมาก ทงทมสเหลองทความเขมสจะออนมาก แตกยงมองเหนเปนชนเดยวกนได เพราะการเลอกพนหลงทตดกนมากๆนนเอง
ทมา https://idxw.net
![Page 38: กระบวนการ ออกแบบ มัลติมิเดีย · หลักการออกแบบมัลติมีเดีย (sdlc) กระบวนการและขั้นตอนการ](https://reader030.vdocuments.net/reader030/viewer/2022040707/5e080571ceb6cf7445748de7/html5/thumbnails/38.jpg)
โทนสทกลมกลน
ทมา https://idxw.net
![Page 39: กระบวนการ ออกแบบ มัลติมิเดีย · หลักการออกแบบมัลติมีเดีย (sdlc) กระบวนการและขั้นตอนการ](https://reader030.vdocuments.net/reader030/viewer/2022040707/5e080571ceb6cf7445748de7/html5/thumbnails/39.jpg)
HTTPS://PIXABAY.COM/
![Page 40: กระบวนการ ออกแบบ มัลติมิเดีย · หลักการออกแบบมัลติมีเดีย (sdlc) กระบวนการและขั้นตอนการ](https://reader030.vdocuments.net/reader030/viewer/2022040707/5e080571ceb6cf7445748de7/html5/thumbnails/40.jpg)
WWW.SHUTTERSTOCK.COM/
![Page 41: กระบวนการ ออกแบบ มัลติมิเดีย · หลักการออกแบบมัลติมีเดีย (sdlc) กระบวนการและขั้นตอนการ](https://reader030.vdocuments.net/reader030/viewer/2022040707/5e080571ceb6cf7445748de7/html5/thumbnails/41.jpg)
HTTP://WWW.FREEPIK.COM/
![Page 42: กระบวนการ ออกแบบ มัลติมิเดีย · หลักการออกแบบมัลติมีเดีย (sdlc) กระบวนการและขั้นตอนการ](https://reader030.vdocuments.net/reader030/viewer/2022040707/5e080571ceb6cf7445748de7/html5/thumbnails/42.jpg)
HTTP://WWW.FREEPIK.COM/
![Page 43: กระบวนการ ออกแบบ มัลติมิเดีย · หลักการออกแบบมัลติมีเดีย (sdlc) กระบวนการและขั้นตอนการ](https://reader030.vdocuments.net/reader030/viewer/2022040707/5e080571ceb6cf7445748de7/html5/thumbnails/43.jpg)
ภาพยนตรและเสยงประกอบ (MOVIE AND SOUND)
จะท าใหสออเลกทรอนกสมความนาสนใจและดงดดใจผเขาชมมากขน นอกจากเพมความสวยงามและความสมจรงของขอมลแลว ยงเปนการงายตอผใชทจะรบรขอมลขาวสารตาง ๆ
![Page 44: กระบวนการ ออกแบบ มัลติมิเดีย · หลักการออกแบบมัลติมีเดีย (sdlc) กระบวนการและขั้นตอนการ](https://reader030.vdocuments.net/reader030/viewer/2022040707/5e080571ceb6cf7445748de7/html5/thumbnails/44.jpg)
การใชขอความ
• ไมควรบรรจขอความเตมหนาจอ เพราะท าใหยากตอการอาน
• การจดรปแบบการพมพทเหมาะสม กลาวคอ เลอกลกษณะ ของตวอกษร และจดแถววางแนวของอกษรในแตละหนา โดยมขอควรพจารณาดงน คอ ขนาดของ ตวอกษรมความคงเสนคงวา ไมควรใชตวอกษรเกนกวา 2 รปแบบในภาวะปกต ไมเจตนาเนนค าจน
• ใชขอความเปนสวนเชอมโยงเพอก าหนดทศทาง เชน ขอความทเปนไฮเปอรลงค อาจจะมเสนขดใตขอความควบคกบการใชภาพกราฟกเปนสวนก าหนด ทศทางขอดของการใชขอความเปนสวนเชอมโยงคอ ความสามารถในการเขาถงขอมลเรวเกนควร
![Page 45: กระบวนการ ออกแบบ มัลติมิเดีย · หลักการออกแบบมัลติมีเดีย (sdlc) กระบวนการและขั้นตอนการ](https://reader030.vdocuments.net/reader030/viewer/2022040707/5e080571ceb6cf7445748de7/html5/thumbnails/45.jpg)
การใชขอความ
![Page 47: กระบวนการ ออกแบบ มัลติมิเดีย · หลักการออกแบบมัลติมีเดีย (sdlc) กระบวนการและขั้นตอนการ](https://reader030.vdocuments.net/reader030/viewer/2022040707/5e080571ceb6cf7445748de7/html5/thumbnails/47.jpg)
งาน LAB วชาสอประสม• ใหนกศกษาออกแบบสอประชาสมพนธ สถานททองเทยวในภาคอสาน เลอกมา 1 ท
• เพอสงเสรมและประชาสมพนธการทองเทยวในประเทศ
• โดยใชหลกการออกแบบจากเนอหาทเรยน
• สามารถใชโปรแกรมทถนด / หรอเวบไซตออกแบบตกแตง https://magic.piktochart.com
• SAVE เปนไฟลภาพ แลวอพโหลดลงใน wordpress ตงชอ page วา poster
• พรอมบรรยาย กระบวนการในการพฒนางานน
1. ขนตอนการเตรยม มการเตรยมขอมลอยางไร
2. ขนตอนการออกแบบ ใชหลกการออกแบบในเรองสสน ขอความ กราฟฟกอยางไร
3. ขนตอนการสรางโปรแกรม ใชโปรแกรมอะไรพฒนา
4. ขนตอนการน าไปใชงาน กลมเปาหมายของสอนคอใคร
5. ขนตอนการประเมนปรบปรง และการเผยแพรขอมล มการน าไปเผยแพรทใด