1 of 16

การสร้างสื่อดิจิตอล20308 - 2106

นายอาณัติ เหลื่อมศรี แผนกวิชาคอมพิวเตอร์กราฟิก

วิทยาลัยอาชีวศึกษาเมืองชัยภูมิ

2 of 16

 ความหมายของมัลติมีเดีย (สื่อประสม)

  • หมายถึง เทคโนโลยีที่ทำให้คอมพิวเตอร์มีความสามารถในการแสดงออกของข้อมูลในรูปของการผสมผสานระหว่าง ข้อความ ภาพนิ่ง ภาพเคลื่อนไหว และเสียง เข้าด้วยกัน ตลอดจนมีการนำเอาระบบโต้ตอบกับผู้ใช้ (Interactive) มาผสมผสานด้วยสื่อประสม  หมายถึง การนำเอาสื่อการสอนหลายๆ อย่างมาสัมพันธ์กันและมีคุณค่าที่ส่งเสริมซึ่งกันและกันสื่อการสอนอย่างหนึ่งอาจใช้เพื่อเร้าความสนใจ ในขณะที่อีกอย่างหนึ่งใช้เพื่ออธิบายข้อเท็จจริงของเนื้อหา และอีกชนิดหนึ่งอาจใช้เพื่อก่อให้เกิดความเข้าใจที่ลึกซึ้งและป้องกันการเข้าใจความหมายผิด การใช้สื่อประสมจะช่วยให้ผู้เรียนมีประสบการณ์จากประสาทสัมผัสที่ผสมผสานกันได้ค้นพบวิธีการที่จะเรียนในสิ่งที่ต้องการได้ด้วยตนเองมากยิ่งขึ้น(มหาวิทยาลัยสุโขทัยธรรมาธิราช,2537:111)

3 of 16

องค์ประกอบของมัลติมีเดีย

  • 1 ข้อความ (Text)  ข้อความ เป็นส่วนที่เกี่ยวกับเนื้อหาของมัลติมีเดีย ใช้แสดงรายละเอียด หรือเนื้อหาของเรื่องที่นำเสนอ ซึ่งปัจจุบันเราสามารถแบ่งประเภทของข้อความได้หลายรูปแบบดังนี้ คือ
    • 1.1 ข้อความที่ได้จากการพิมพ์ เป็นข้อความปกติที่พบได้ทั่วไป ได้จากการพิมพ์ด้วย โปรแกรมประมวลผลคำ (Word Processor) เช่น Notepad, Text Editor, Microsoft Word อุปกรณ์นำเข้าคอมพิวเตอร์(Input device ) 

1.2 ข้อความจากการสแกนด้วยสแกนเนอร์  เป็นข้อความในลักษณะภาพ หรือ Image ได้จากการนำเอกสารที่พิมพ์ไว้  แล้ว หรือเอกสารต้นฉบับ มาทำการสแกน ด้วยเครื่องสแกนเนอร์ (Scanner) ซึ่งจะได้ผลออกมาเป็นภาพ (Image)1 ภาพ ซึ่งในปัจจุบันสามารถแปลงข้อความภาพที่สแกนได้เป็นข้อความปกติโดยอาศัยโปรแกรมประเภท OCR  (Optical Character Reader) เช่น โปรแกรม DocScan OCR, Cuneiform Pro OCR เป็นต้น

4 of 16

ภาพกราฟิก (Graphics) 

    • ภาพกราฟิกเป็นสื่อในการนำเสนอที่ดี เนื่องจากมีสีสัน มีรูปแบบที่น่าสนใจ สามารถสื่อความหมายได้กว้างกว่าข้อความ ประเภทของการเกิดภาพกราฟิก
  •                2.2.1  ภาพกราฟิกที่ได้จากการสร้างด้วยโปรแกรมคอมพิวเตอร์ เช่น Adobe  Photoshop
  •            2.2.2  ภาพกราฟิกที่ได้จากการสแกนด้วยสแกนเนอร์ ดังรูปที่ 1.1

5 of 16

เสียง (Sound) 

  • เสียง เป็นอีกองค์ประกอบของมัลติมีเดีย อันจะช่วยให้เกิดบรรยากาศที่น่าสนใจในการรับรู้ทางหู จะนำเสนอในรูปของ เสียงประกอบเพลงบรรเลงเสียงพูด เสียงบรรยาย หรือเสียงพากษ์

6 of 16

คอมพิวเตอร์ช่วยสอน  (Computer  Assisted Instruction)

  • หมายถึง  การนำคอมพิวเตอร์มาเป็นเครื่องมือสร้างเป็นโปรแกรมคอมพิวเตอร์เพื่อให้ผู้เรียนเกิดการเรียนรู้  ประกอบไปด้วยเนื้อหาวิชา  แบบฝึกหัด  แบบทดสอบ   ลักษณะการนำเสนออาจมีทั้งตัวอักษรภาพกราฟิก  ภาพเคลื่อนไหว สี เสียง  เพื่อให้ผู้เรียนเกิดความสนใจมากยิ่งขึ้น  รวมทั้งการแสดงผลการเรียนให้ทราบทันทีด้วยข้อมูลย้อนกลับ (Feedback) ให้แก่ผู้เรียน  และยังมีการจัดลำดับวิธีการสอนหรือกิจกรรมต่าง ๆ เพื่อให้เหมาะสมแก่ผู้เรียนในแต่ละคน  ทั้งนี้จะต้องมีการวางแผน แตกต่างกันขึ้นอยู่กับธรรมชาติของวิชา

7 of 16

ลักษณะของบทเรียน คอมพิวเตอร์ช่วยสอน (CAI)

  •     1. สามารถตอบสนองความแตกต่างระหว่างบุคคล
  •      2. เป็นสื่อสมบูรณ์ในตัว
  •      3. สามารถเรียนได้ด้วยตัวเองและเกิดความรู้ตามวัตถุประสงค์

8 of 16

การสร้างชิ้นงาน

  • การสร้างภาพเคลื่อนไหวแบบเฟรมบายเฟรม (frame by frame)    การสร้างภาพเคลื่อนไหวแบบเฟรมบายเฟรม เป็นการสร้่างภาพเคลื่อนไหวแบบการนำภาพมาวางเรียงต่อกันทีละเฟรมโดยภาพที่นำมาวางเป็นการวางภาพที่มีการเปลี่ยนแปลงทีละรูปแล้วนำมาวางต่อกัน    ข้อเสียของการทำภาพเคลื่อนไหวแบบนี้ คือไฟล์จะมีขนาดใหญ่กว่าไฟล์อื่น เนื่องจากต้องใช้ภาพใหม่ทุกเฟรม

9 of 16

การสร้างหน้า Title

  • 1. เปิดโปรแกรม Flash CS4 ขึ้นมา
  • 2. เลือก Flash File (ActionScript 2.0)

10 of 16

กำหนดขนาดของ Properties เป็นขนาด 550x400 pixels

11 of 16

การเพิ่มและเปลี่ยนชื่อ Scene เลือกเมนู Window  แล้วเลือก Other Panels   แล้วเลือก  Scene ดังรูป

12 of 16

 เปลี่ยนชื่อ Scene 1 โดยการดับเบิลคลิกที่ชื่อ Scene 1  แล้วเปลี่ยนชื่อเป็น Title ดังรูป

13 of 16

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

14 of 16

ใส่ ActionScript ให้ปุ่มเข้าสู่บทเรียน ดังนี้�on (release) { nextScene();�}��เพื่อไปยังหน้าถัดไป�

15 of 16

เป็นอันเสร็จ

16 of 16

จบเนื้อหานี้