บทที่ 3 - Siam University · 2018-11-01 · ภาพที่ 3.15...

บทที่ 3 การออกแบบและพัฒนางานสื่อการสอน

การศึกษาข้อมูลเบื้องต้น

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

การเก็บรวบรวมข้อมูล

ทางคณะผู้จัดท าได้ศึกษาและท าการเก็บรวบรวมข้อมูลที่เกี่ยวข้องกับการด าเนินงาน ดังนี้ 1. ศึกษาค้นคว้าข้อมูลเกี่ยวกับจักรวาล

2. เก็บรวบรวมข้อมูล และเรียบเรียงเน้ือหาให้มีความสอดคล้องกับจักรวาล โดยน ามาเสนอเป็น ตัวการ์ตูนผ่านสื่อการสอน

3. ศึกษาข้อมูลเกี่ยวกับการท าสื่อการเรียนการสอน การสร้างฉาก และการสร้างภาพเคลื่อนไหวของตัวการ์ตูน

4. ศึกษา และค้นคว้าข้อมูลของการใส่เสียงให้กับสื่อการเรียนการสอน

20

การออกแบบและพัฒนางานสื่อการสอน

1. การออกแบบตัวละคร

ภาพที่ 3.1 ภาพตัวละคร Alex

Alex เป็นตัวละครที่ท าหน้าที่น าเสนอการบรรยายเร่ืองราวเกี่ยวกับจักรวาล และการก าเนิดจักรวาล

21

ภาพที่ 3.2 ภาพตัวละคร CJ

CJ เป็นตัวละครที่ท าหน้าที่น าเสนอการบรรยายในเน้ือหาในส่วนของดาวในระบบจักรวาลทั้ง 9 ดวง

ภาพที่ 3.3 ภาพตัวละคร Est

Est เป็นตัวละครที่ท าหน้าที่น าเสนอการบรรยายในส่วนของการก าเนิดจักรวาล ทฏษฏีบิ๊กแบง

22

2. การออกแบบฉาก

ภาพที่ 3.4 ออกแบบฉากเมนูหลัก

หน้าเมนูหลัก ออกแบบให้มี 4 เมนูหลัก มีตัวละครประกอบฉาก 1 ตัวละคร

ภาพที่ 3.5 ออกแบบฉากเมนูดวงอาทิตย์

ฉากนี้จะบรรยายถึงการก าเนิดของดวงอาทิตย์ โดยใช้ตัวละครประกอบฉากและบรรยาย และมีปุ่มย้อนกลับสู่หน้าเมนูหลัก

23

ภาพที่ 3.6 ออกแบบฉากหน้าดาวพุธ

ฉากนี้จะบรรยายเกี่ยวกับการก าเนิดของดาวพุธ และส่วนประกอบของดาวพุธ โดยใช้ตัวละครประกอบฉากและบรรยาย และมีปุ่มย้อนกลับเพื่อกลับสู่หน้าเมนูหลัก

ภาพที่ 3.7 ออกแบบฉากส่วนประกอบของดาวศุกร์

ฉากนี้จะบรรยายเกี่ยวกับลักษณะและส่วนประกอบของดาวศุกร์ โดยใช้ตัวละครประกอบฉากและบรรยาย และมีปุ่มย้อนกลับเพื่อกลับสู่หน้าเมนูหลัก

24

ภาพที่ 3.8 ออกแบบฉากโลก

ฉากนี้จะบรรยายเกี่ยวกับลักษณะและส่วนประกอบของโลก โดยใช้ตัวละครประกอบฉากและบรรยาย และมีปุ่มย้อนกลับเพื่อกลับสู่หน้าเมนูหลัก

ภาพที่ 3.9 ออกแบบฉากดาวอังคาร

ฉากนี้จะบรรยายเกี่ยวกับลักษณะและส่วนประกอบของดาวอังคาร โดยใช้ตัวละครประกอบฉากและบรรยาย และมีปุ่มย้อนกลับเพื่อกลับสู่หน้าเมนูหลัก

25

ภาพที่ 3.10 ออกแบบฉากดาวพฤหัสบดี

ฉากนี้จะบรรยายเกี่ยวกับลักษณะและส่วนประกอบของดาวพฤหัสบดี โดยใช้ตัวละครประกอบฉากและบรรยาย และมีปุ่มย้อนกลับเพื่อกลับสู่หน้าเมนูหลัก

ภาพที่ 3.11 ออกแบบฉากดาวเสาร์

ฉากนี้จะบรรยายเกี่ยวกับลักษณะและส่วนประกอบของดาวเสาร์ โดยใช้ตัวละครประกอบฉากและบรรยาย และมีปุ่มย้อนกลับเพื่อกลับสู่หน้าเมนูหลัก

26

ภาพที่ 3.12 ออกแบบฉากดาวยูเรนัส

ฉากนี้จะบรรยายเกี่ยวกับลักษณะและส่วนประกอบของดาวยูเรนัส โดยใช้ตัวละครประกอบฉากและบรรยาย และมีปุ่มย้อนกลับเพื่อกลับสู่หน้าเมนูหลัก

ภาพที่ 3.13 ออกแบบฉากดาวเนปจูน

ฉากนี้จะบรรยายเกี่ยวกับลักษณะและส่วนประกอบของดาวเนปจูน โดยใช้ตัวละครประกอบฉากและบรรยาย และมีปุ่มย้อนกลับเพื่อกลับสู่หน้าเมนูหลัก

27

ภาพที่ 3.14 ออกแบบฉากการก าเนิดจักรวาล

ฉากนี้จะบรรยายเกี่ยวกับส่วนประกอบของการก าเนิดจักรวาล โดยใช้ตัวละครประกอบฉากและบรรยาย และมีปุ่มย้อนกลับเพื่อกลับสู่หน้าเมนูหลัก

ภาพที่ 3.15 ออกแบบฉากทฤษฏีบิ๊กแบง

ฉากนี้จะบรรยายเกี่ยวกับส่วนลักษณะและส่วนประกอบของการเกิดทฤษฏีบิ๊กแบง โดยใช้ตัวละครประกอบฉากและบรรยาย มีปุ่มย้อนกลับเพื่อกลับสู่หน้าเมนูหลัก

28

ภาพที่ 3.16 ออกแบบฉากเมนูเข้าสู่นิทาน 12 ราศี

ฉากนี้จะบรรยายนิทานเกี่ยวกับประวัติการก าเนิดของ 12 ราศี มีตัวละครประกอบฉาก และเสียงการบรรยาย มีปุ่มเมนูเพื่อย้อนกลับสู่หน้าเมนูหลัก

ภาพที่ 3.17 ออกแบบฉากการก าเนิดกลุ่มดาวแกะ

ฉากนี้จะบรรยายประวัติการก าเนิดกลุ่มดาวแกะ โดยใช้เสียงการบรรยายฉาก และมีปุ่มเมนูเพื่อกลับสู่หน้าเมนูหลัก

29

ภาพที่ 3.18 ออกแบบฉากกลุ่มดาววัว

ฉากนี้จะบรรยายหลักจากการก าเนิดกลุ่มดาววัว โดยใช้เสียงการบรรยายฉาก และมีปุ่มเมนูเพื่อกลับสู่หน้าเมนูหลัก

ภาพที่ 3.19 ออกแบบฉากกลุ่มดาวคนแบกหม้อน้ า

ฉากนี้จะบรรยายการเกิดกลุ่มดาวคนแบกหม้อน้ า โดยใช้เสียงการบรรยายฉาก และมีปุ่มเมนูเพื่อกลับสู่หน้าเมนูหลัก

30

ภาพที่ 3.20 ออกแบบฉากกลุ่มดาวคนคู่

ฉากนี้จะบรรยายประวัติการก าเนิดกลุ่มดาวคนคู่ โดยใช้เสียงการบรรยายฉาก และมีปุ่มเมนูเพื่อกลับสู่หน้าเมนูหลัก

ภาพที่ 3.21 ออกแบบฉากการต่อสู้ของเซนทอร์

ฉากนี้จะบรรยายการต่อสู้ระหว่างเซนทอร์ ปูและสิงโต จึงน ามาเป็นต้นก าเนิดของกลุ่มดาวปู กลุ่มดาวสิงโต โดยใช้เสียงการบรรยายฉาก และมีปุ่มเมนูเพื่อกลับสู่หน้าเมนูหลัก

31

ภาพที่ 3.22 ออกแบบฉากการจบของนิทาน 12 ราศี

ฉากนี้จะบรรยายการถึงตอนจบของนิทาน 12 ราศี จึงน ามาเป็นต้นก าเนิดของกลุ่มดาวปู กลุ่มดาวสิงโต โดยใช้เสียงการบรรยายฉาก และมีปุ่มเมนูเพื่อกลับสู่หน้าเมนูหลัก

ภาพที่ 3.23 ออกแบบฉากหน้าเมนูแบบฝึกเสริมทักษะ

ฉากนี้เป็นฉากเมนูแบบฝึกเสริมทักษะ ซึ่งมีแบบฝึก 2 เร่ือง ได้แก่ เร่ือง 12 ราศี และเร่ืองจักรวาล มีปุ่มย้อนกลับเพื่อกลับสู่หน้าเมนูหลัก

32

ภาพที่ 3.24 ออกแบบฉากแบบฝึกเสริมทักษะ เร่ืองราศี

ฉากนี้เป็นฉากแบบฝึกเสริมทักษะ เร่ืองราศี สามารถกรอกชื่อผู้ใช้งาน และมีปุ่ม Enter เพื่อเข้าสู่การเร่ิมท าแบบฝึกเสริมทักษะ

ภาพที่ 3.25 ออกแบบฉากแบบฝึกเสริมทักษะ เร่ืองราศี ข้อที่ 1

ฉากนี้เป็นฉากแบบฝึกเสริมทักษะ เร่ืองราศี ข้อที่ 1 มีค าถามว่า ใครเป็นผู้ก าเนิดกลุ่มดาว โดยต้องเลือกค าตอบที่ถูกที่สุด เมื่อกดเลือกค าตอบจะน าเข้าสู่ค าถามข้อต่อไป

33

ภาพที่ 3.26 ออกแบบฉากแบบฝึกเสริมทักษะ เร่ืองราศี ข้อที่ 2

ฉากนี้เป็นฉากแบบฝึกเสริมทักษะ เร่ืองราศี ข้อที่ 2 มีค าถามว่า ในจักรราศีมีกลุ่มดาวทั้งหมดกี่กลุ่ม โดยต้องเลือกค าตอบที่ถูกที่สุด เมื่อกดเลือกค าตอบจะน าเข้าสู่ค าถามข้อต่อไป

ภาพที่ 3.27 ออกแบบฉากแบบฝึกเสริมทักษะ เร่ืองราศี ข้อที่ 3

ฉากนี้เป็นฉากแบบฝึกเสริมทักษะ เร่ืองราศี ข้อที่ 3 มีค าถามว่า ในต านานกลุ่มดาวแกะ เทพซุสส่งสิ่งใดไปช่วยเหลือ โดยต้องเลือกค าตอบที่ถูกที่สุด เมื่อกดเลือกค าตอบจะน าเข้าสู่ค าถามข้อต่อไป

34

ภาพที่ 3.28 ออกแบบฉากแบบฝึกเสริมทักษะ เร่ืองราศี ข้อที่ 4

ฉากนี้เป็นฉากแบบฝึกเสริมทักษะ เร่ืองราศี ข้อที่ 4 มีค าถามว่า ต านานดาววัว เทพซุสได้แปลงร่างเปน็อะไร โดยต้องเลือกค าตอบที่ถูกที่สุด เมื่อกดเลือกค าตอบจะน าเข้าสู่ค าถามข้อต่อไป

ภาพที่ 3.29 ออกแบบฉากแบบฝึกเสริมทักษะ เร่ืองราศี ข้อที่ 5

ฉากนี้เป็นฉากแบบฝึกเสริมทักษะ เร่ืองราศี ข้อที่ 5 มีค าถามว่า เทพซุสสร้างกลุ่มดาววัวเพื่อระลึกถึงอะไร โดยต้องเลือกค าตอบที่ถูกที่สุด เมื่อกดเลือกค าตอบจะน าเข้าสู่ค าถามข้อต่อไป

35

ภาพที่ 3.30 ออกแบบฉากแบบฝึกเสริมทักษะ เร่ืองราศี ข้อที่ 6

ฉากนี้เป็นฉากแบบฝึกเสริมทักษะ เร่ืองราศี ข้อที่ 6 มีค าถามว่า กลุ่มดาวใดมีลักษณะเหมือนคน โดยต้องเลือกค าตอบที่ถูกที่สุด เมื่อกดเลือกค าตอบจะน าเข้าสู่ค าถามข้อต่อไป

ภาพที่ 3.31 ออกแบบฉากแบบฝึกเสริมทักษะ เร่ืองราศี ข้อที่ 7

ฉากนี้เป็นฉากแบบฝึกเสริมทักษะ เร่ืองราศี ข้อที่ 7 มีค าถามว่า เทพีเฮร่าส่งสัตว์ชนิดใด มาต่อสู้กับเฮอร์คิวลิสโดยต้องเลือกค าตอบที่ถูกที่สุด เมื่อกดเลือกค าตอบจะน าเข้าสู่ค าถามข้อต่อไป

36

ภาพที่ 3.32 ออกแบบฉากแบบฝึกเสริมทักษะ เร่ืองราศี ข้อที่ 8

ฉากนี้เป็นฉากแบบฝึกเสริมทักษะ เร่ืองราศี ข้อที่ 8 มีค าถามว่า กลุ่มดาวใด เกิดจากความแข็งแรงของเฮอร์คิวลิส โดยต้องเลือกค าตอบที่ถูกที่สุด เมื่อกดเลือกค าตอบจะน าเข้าสู่ค าถามข้อต่อไป

ภาพที่ 3.33 ออกแบบฉากแบบฝึกเสริมทักษะ เร่ืองราศี ข้อที่ 9

ฉากนี้เป็นฉากแบบฝึกเสริมทักษะ เร่ืองราศี ข้อที่ 9 มีค าถามว่า เซนทอร์คือผู้กล้าหาญในกลุ่มดาวใด โดยต้องเลือกค าตอบที่ถูกที่สุด เมื่อกดเลือกค าตอบจะน าเข้าสู่ค าถามข้อต่อไป

37

ภาพที่ 3.34 ออกแบบฉากแบบฝึกเสริมทักษะ เร่ืองราศี ข้อที่ 10

ฉากนี้เป็นฉากแบบฝึกเสริมทักษะ เร่ืองราศี ข้อที่ 10 มีค าถามว่า ต านานกรีกมีกลุ่มดาวทั้งหมดกี่กลุ่ม โดยต้องเลือกค าตอบที่ถูกที่สุด เมื่อกดเลือกค าตอบจะน าเข้าสู่ค าถามข้อต่อไป

ภาพที่ 3.35 ออกแบบฉากสรุปคะแนนผลการทดสอบ

ฉากนี้เป็นฉากสรุปคะแนนการท าแบบทดสอบ และมีปุ่มย้อนกลับเพื่อกลับสู่หน้าเมนูแบบฝึกเสริมทักษะ

38

ภาพที่ 3.36 ออกแบบฉากแบบฝึกเสริมทักษะ เร่ืองจักรวาล

ฉากนี้เป็นฉากแบบฝึกเสริมทักษะ เร่ืองจักรวาล สามารกรอกชื่อผู้ใช้งาน และมีปุ่ม OK เพื่อเข้าสู่การเร่ิมท าแบบฝึกเสริมทักษะ

ภาพที่ 3.37 ออกแบบฉากแบบฝึกเสริมทักษะ เร่ืองจักรวาล ข้อที่ 1

ฉากนี้เป็นฉากแบบฝึกเสริมทักษะ เร่ืองจักรวาล ข้อที่ 1 มีค าถามว่า ข้อใดไม่ใช่ดาวเคราะห์ โดยต้องเลือกค าตอบที่ถูกที่สุด เมื่อกดเลือกค าตอบจะน าเข้าสู่ค าถามข้อต่อไป

39

ภาพที่ 3.38 ออกแบบฉากแบบฝึกเสริมทักษะ เร่ืองจักรวาล ข้อที่ 2

ฉากนี้เป็นฉากแบบฝึกเสริมทักษะ เร่ืองจักรวาล ข้อที่ 2 มีค าถามว่า ดาวเคราะห์ดวงใดหมุนรอบตัวเองเร็วที่สุด โดยต้องเลือกค าตอบที่ถูกที่สุด เมื่อกดเลือกค าตอบจะน าเข้าสู่ค าถามข้อต่อไป

ภาพที่ 3.39 ออกแบบฉากแบบฝึกเสริมทักษะ เร่ืองจักรวาล ข้อที่ 3

ฉากนี้เป็นฉากแบบฝึกเสริมทักษะ เร่ืองจักรวาล ข้อที่ 3 มีค าถามว่า ดาวเคราะห์ดวงใดมีขนาดใหญ่ที่สุด โดยต้องเลือกค าตอบที่ถูกที่สุด เมื่อกดเลือกค าตอบจะน าเข้าสู่ค าถามข้อต่อไป

40

ภาพที่ 3.40 ออกแบบฉากแบบฝึกเสริมทักษะ เร่ืองจักรวาล ข้อที่ 4

ฉากนี้เป็นฉากแบบฝึกเสริมทักษะ เร่ืองจักรวาล ข้อที่ 4 มีค าถามว่า วงแหวนรอบดาวพฤหัสคืออะไร โดยต้องเลือกค าตอบที่ถูกที่สุด เมื่อกดเลือกค าตอบจะน าเข้าสู่ค าถามข้อต่อไป

ภาพที่ 3.41 ออกแบบฉากแบบฝึกเสริมทักษะ เร่ืองจักรวาล ข้อที่ 5

ฉากนี้เป็นฉากแบบฝึกเสริมทักษะ เร่ืองจักรวาล ข้อที่ 5 มีค าถามว่า ดาวเคราะห์ในระบบสุริยะมีทั้งหมดกี่ดวง โดยต้องเลือกค าตอบที่ถูกที่สุด เมื่อกดเลือกค าตอบจะน าเข้าสู่ค าถามข้อต่อไป

41

ภาพที่ 3.42 ออกแบบฉากแบบฝึกเสริมทักษะ เร่ืองจักรวาล ข้อที่ 6

ฉากนี้เป็นฉากแบบฝึกเสริมทักษะ เร่ืองจักรวาล ข้อที่ 6 มีค าถามว่า ดาวเคราะห์ดวงใดมีลักษณะเด่นที่สุดโดยต้องเลือกค าตอบที่ถูกที่สุด เมื่อกดเลือกค าตอบจะน าเข้าสู่ค าถามข้อต่อไป

ภาพที่ 3.43 ออกแบบฉากแบบฝึกเสริมทักษะ เร่ืองจักรวาล ข้อที่ 7

ฉากนี้เป็นฉากแบบฝึกเสริมทักษะ เร่ืองจักรวาล ข้อที่ 7 มีค าถามว่า ดาวเคราะห์ดวงใดเป็นฝาแฝดกับโลก โดยต้องเลือกค าตอบที่ถูกที่สุด เมื่อกดเลือกค าตอบจะน าเข้าสู่ค าถามข้อต่อไป

42

ภาพที่ 3.44 ออกแบบฉากแบบฝึกเสริมทักษะ เร่ืองจักรวาล ข้อที่ 8

ฉากนี้เป็นฉากแบบฝึกเสริมทักษะ เร่ืองจักรวาล ข้อที่ 8 มีค าถามว่า โลกมีอุณหภูมิพื้นผิวประมาณกี่องศาเซลเซียล โดยต้องเลือกค าตอบที่ถูกที่สุด เมื่อกดเลือกค าตอบจะน าเข้าสู่ค าถามข้อต่อไป

ภาพที่ 3.45 ออกแบบฉากแบบฝึกเสริมทักษะ เร่ืองจักรวาล ข้อที่ 9

ฉากนี้เป็นฉากแบบฝึกเสริมทักษะ เร่ืองจักรวาล ข้อที่ 9 มีค าถามว่า ดาวเคราะห์ดวงใดเล็กที่สุด โดยต้องเลือกค าตอบที่ถูกที่สุด เมื่อกดเลือกค าตอบจะน าเข้าสู่ค าถามข้อต่อไป

43

ภาพที่ 3.46 ออกแบบฉากแบบฝึกเสริมทักษะ เร่ืองจักรวาล ข้อที่ 10

ฉากนี้เป็นฉากแบบฝึกเสริมทักษะ เร่ืองจักรวาล ข้อที่ 10 มีค าถามว่า ดาวเคราะห์ดวงใดอยู่ใกล้กับดวงอาทิตย์มากที่สุด โดยต้องเลือกค าตอบที่ถูกที่สุด เมื่อกดเลือกค าตอบจะน าเข้าสู่ค าถามข้อต่อไป

ภาพที่ 3.48 ออกแบบฉากสรุปคะแนนผลการทดสอบ

ฉากนี้เป็นฉากสรุปคะแนนการท าแบบทดสอบ และมีปุ่มย้อนกลับเพื่อกลับสู่หน้าเมนูแบบฝึกเสริมทักษะ

44

3. การพัฒนาสื่อการสอน

3.1 การออกแบบตัวละครโดยใช้โปรแกรม Adobe Flash Professional CS6 เป็นการสร้างการเคลื่อนไหวให้กับตัวละครตามที่ออกแบบไว้

ภาพที่ 3.48 การออกแบบตัวละคร

3.2 การออกแบบฉากด้วยโปรแกรม Adobe Photoshop Professional CS6

ภาพที่ 3.49 การสร้างฉากจักรวาล

45

3.3 การใส่เสียงการบรรยายด้วยโปรแกรม Adobe Flash Professional CS6

ภาพที่ 3.50 การใส่เสียงการบรรยาย