หลักการสร้างเกมส์ด้วย powerpoint design principle

ผชวยศาสตราจารย ดร.เนาวนตย สงคราม

1


สาขาวชาเทคโนโลยการศกษา คณะครศาสตร

จฬาลงกรณมหาวทยาลย

หลกการออกแบบ MS PowerPoint สาหรบการเรยนการสอน

เกมการสอนแบบมปฏสมพนธ (Interactive Game)


2

หลกการออกแบบ MS PowerPoint สาหรบการเรยนการสอน

สอ (Media) หมายถง สงทบรรจขอมลสารสนเทศเพอเปนตวกลางใหขอมลสงผานจาก “ผสง” ไป ยง “ผรบ” เพอให “ผสง” และ “ผรบ” สามารถสอสารกนไดตรงตามวตถประสงค (กดานนท มลทอง, 2548) สอจงเปนองคประกอบสาคญในการสอสาร ไมวาจะเปนการประชาสมพนธ การเผยแพรขอมล การให ความร หรอการเรยนการสอน ดงนน การสรางสรรคสอ จงตองมการออกแบบใหนาสนใจ สามารถสอความ ใหผอานหรอผฟงเขาใจ และรบทราบขอมลไดตามวตถประสงค

การสรางสรรคสอ ไมวาจะเปนสอคอมพวเตอร เชน งานนาเสนอ PowerPoint สอ ลวนมหลกการ ออกแบบหลกการทคลายคลงกน สรปไดดงแผนภาพ ดงน

หลกการ ออกแบบ

ตวอกษร เหมาะด

สและ พนหลง เหมาะสม

ภาพ ประกอบ สอความ

การ นาเสนอ ดงดดใจ

จดวางใหด ด

มจดเดน

เปน เอกภาพ


3

ตวอกษร ตวอกษร มความสาคญเปนอนดบตนๆ ในการออกแบบสอ ไมวาจะเปนสอสงพมพ สอสงประดษฐ

หรอสอคอมพวเตอรกตาม มขอควรคานง ดงน

1. ชนดตวอกษร (Font Type) หรอเรยกสนๆ วา Font ซงมใหเลอกใชมากมายในโปรแกรม คอมพวเตอร ผจดทาสอจงตองเลอกใหใหเหมาะสม คอ

1.1 ใชตวอกษรใหอานงาย ตวอยาง ลกษณะ การใชงาน

Font Type อานงาย สามารถใชพมพขอความหรอเนอหายาวๆ ได Font Type อานงาย สามารถใชพมพขอความหรอเนอหายาวๆ ได Font Type อานยาก ควรใชพมพขอความสนๆ เชน หวขอ ขอความทตองเนน Font Type อานยาก ควรใชพมพขอความสนๆ เชน หวขอ ขอความทตองเนน

ตวอยาง การใชตวอกษรแบบอานยากพมพ ขอความจานวนมาก ทาใหไมนาอาน

ตวอยาง ตวอกษรทอานงายเปนเนอหา ทา ใหหวขอดเดนและเนอหาอานงาย


4

1.2 ใชตวอกษรใหเหมาะสมกบเนอหา ตวอยาง ลกษณะ การใชงาน

ชนดตวอกษร แบบทางการ ใชกบสอทมเนอความจรงจง เปนทางการ ชนดตวอกษร แบบทางการ ใชกบสอทมเนอความจรงจง เปนทางการ ชนดตวอกษร แบบไมทางการ ใชกบสอทมเนอความเปนกนเอง หรอสาหรบเดก ชนดตวอกษร แบบไมทางการ ใชกบสอทมเนอความเปนกนเอง

1.3 ไมควรใชตวอกษรหลากหลายชนดจนเกนไป ตวอยางการใชชนดตวอกษรเกนกวา 2 ชนด ทาใหมขนาดแตกตางกน การ นาเสนอไมนาสนใจและไมสวยงาม

บคลกของตวอกษร (Type Character) ไดแก

บคลก การใช Normal ตวอกษรปกต ใชพมพขอความทเปนเนอหาสวนมาก Italic ตวอกษรแบบเอยง ใชเนนขอความ หากขดเสนใตจะหมายถง

การเชอมโยง (Link) จงควรระวงไมขดเสนใต หากไมใชการเชอมโยง

Bold ตวอกษรแบบตวหนา ใชเนนขอความ Bold-Italic ตวอกษรแบบตวหนาและเอยง ใชเนนขอความ


5

2. ขนาดตวอกษร (Lettering Size) ตองระวงไมใหเลกเกนไป โดยเฉพาะงานนาเสนอ PowerPoint ทตองการใหอานไดจากระยะไกล ผจดทาสออาจทดลองฉายงานนาเสนอขน จอภาพแลวไปยนหลงหองเพอดวาอานไดชดเจนหรอไม

ตวอยาง ขนาดตวอกษรทเหมาะสม ตวอยางขนาดตวอกษรทเลกเกนไป

3. ชองไฟตวอกษร (Space) หากมการจดวางทสวยงาม จะทาใหอานงาย สบายตา ขอความ ชองไฟ

ถาขอความใกลกนมากเกนไปจะทาใหผอาน มองเหนไมชดเจน ถาขอความหางกนมากเกนไป ขอความกจะไมตอเนองกน

ใกลกนมากเกนไป

ถ า ข อ ค ว า ม ใ ก ล ก น ม า ก เ ก น ไ ป จ ะ

ทา ใ ห ผ อ า น ม อ ง เ ห น ไ ม ช ด เ จ น ถ า

ข อ ค ว า ม ห า ง ก น ม า ก เ ก น ไ ป

ข อ ค ว า ม ก จ ะ ไ ม ต อ เ น อ ง ก น

หางกนมากเกนไป

ถาขอความใกลกนมากเกนไปจะทาใหผอาน มองเหนไมชดเจน ถาขอความหางกนมากเกนไป ขอความกจะไมตอเนองกน

ระยะหางเหมาะสม

สและพนหลง

1. ใชสตวอกษรกบพนหลงทมองเหนไดชดเจน 1.1 หากพนหลงสออน ตวอกษรควรสเขม

ตวอยาง


6

1.2 หากพนหลงสเขม ตวอกษรควรสออน ตวอยาง

ตวอยาง การใชตวอกษรกบพนหลงทสออนเหมอนกนหรอสเขมเหมอนกน

1.3 ไมใชสพนหลงทฉดฉาดจนเกนไป ทาใหไมสบายตา ไมสามารถอานไดนาน ตวอยาง

2. อารมณของส สทกสมความหมายและอารมณแฝงอย หากใชใหเหมาะสมจะสามารถ กอใหเกดประโยชนในการสรางสอและงานนาเสนอได

ส การใชงาน สโทนรอน เชน เหลอง สม แดง • ใหความรสกรอนแรง อบอน ราเรง ตนตว ตนเตน

• เหมาะก บเนอหาทดงดดความสนใจ หรอการเตอนภย สโทนเยน เชน เขยว ฟา นาเงน • ใหความรสกสงบ เยอกเยน สบายตา

• เหมาะกบเนอหาทตองการใหผอนคลาย 3. การจบคส ในสอหนงชน ยอมตองมองคประกอบตางๆ ทมสแตกตางกน การจบคสให

เหมาะสมจะชวยใหสอชนนนสวยงามนาสนใจมากยงขน มหลกการดงน 3.1 คสทเขากน คอสทมโทนสใกลเคยงกน เชน สโทนรอนเหมอนกน สโทนเยนเหมอนกน

หรออาจเปนสเดยวกนแตมความออน-แกตางกนกได ตวอยาง 1. สเหลองกบสสม 4. สเหลองกบสแดง

พนหลงทส ฉดฉาดเกนไป




ตวอกษรสดา บนพนสมวงเขม

ตวอกษรสขาวน พนสเหลอง

ตวอกษรสขาว บนพนสชมพ

ตวอกษรสแดง บนพนสดา

ตวอกษรสเหลอง บนพนสเขยวแก

ตวอกษรสขาว บนพนสมวงเขม

ตวอกษรสฟา บนพนสนาเงน

ตวอกษรสชมพ บนพนสดา

ตวอกษรสแดง บนพนสชมพ

ตวอกษรดา บนพนสเหลอง

ตวอกษรสดา บนพนสเทา

ตวอกษรสนาเงน บนพนสขาว


7

2. สแดงกบสชมพ 3. สฟากบสเขยว

5. สนาเงนกบสฟา 6. สเขยวกบสเหลอง

3.2 คสตรงขาม คอสทอยตรงขามกนในวงจรส มความเดนเกอบเทาเทยมกน ทาใหมความ ขดแยงกนจงตองระมดระวงในการใช

คสตรงขามมทงหมด 6 คส ดงน (ดสทอยตาแหนงตรง ขามกนบนเสนเดยวกน) เหลอง - มวง เขยวเหลอง - มวงแดง แดง - เขยว สมเหลอง - มวงนาเงน นาเงน - สม สมแดง - เขยวนาเงน

การใชสคตรงขามใหการออกแบบสอดด มเทคนคดงน • ใชสคตรงขามในปรมาณทตางกน เชน สเหลอง 80% กบสมวง 20% เปนตน • ใชสขาวหรอดามาชวยคนเพอลดความแรงของสทงสอง • นาสผสมของทงสองสมาคนเพอลดความแรงของสทงสอง เชน ใชสแดงผสมสเขยว

แลวมาคนสแดงกบสเขยว เปนตน

ภาพประกอบ

ภาพประกอบ ในทนหมายถงภาพทใชประกอบเรองทจะสอสาร เพอใหสามารถสอสารไดเขาใจ มากยงขน ซงหากเปนสอทผลตดวยคอมพวเตอรแลว จะมทงภาพนงและภาพเคลอนไหว เชน วดโอ หรอ ภาพอนเมชน (Animation) ซงกมหลกในการใช ดงน

1. สมพนธกบเนอหาทนาเสนอ หลายครงทผผลตสอ เลอกใชภาพประกอบหรอภาพ ตกแตงสอทตนผลตขนโดยเลอกจากความนารก สวยงาม หรอเปนสงทผผลตเองชอบ เชน ดาราทชนชอบ

วงจรส

เหลอง เขยว เหลอง

เขยว

เขยว นาเงน

นาเงน

มวง นาเงน มวง

มวง แดง

แดง

สมแดง

สม

สม เหลอง


8

โดยทภาพนนไมมสวนเกยวของกบขอความทกาลงนาเสนอ ทาใหเกดผลเสย คอ ผรบสารสนใจและสงสย ในภาพประกอบทไมเกยวของนน จนลมใสใจเนอหา

ตวอยาง ภาพประกอบทสมพนธกบเนอหา


9

2. การใชวดโอและภาพอนเมชน(animation) ในสอคอมพวเตอร เชน งานนาเสนอ Power Point มหลกการดงน

หวขอ คาอธบาย 1.การเลนซา หากวดโอหรอภาพอนเมชนนนเปนเนอหาสาคญ อาจเลน

ซาเพอใหจบใจความสาคญได 2.คณภาพ ภาพและเสยงควรชดเจน มขนาดใหญพอใหมองไดสบาย

ตา 3.สนบสนนการสอสาร ใชเพอใหการสอสารเขาใจไดดและเรวขน ไมควรใชหาก

ระบไมไดวาใชเพออะไร 4.ความเรยบงาย นาเสนอใหกระชบ เขาใจงาย ใชเวลาสนๆ เชน 3-5 นาท

แตไมควรเกน 10 นาท เพราะจะทาใหนาเบอ 5.จานวนวดโอ ภาพอนเมชน ใน 1 หนาสไลด

ไมควรเกน 1 เรองหรอ 1 ภาพใน 1 หนาสไลด เพราะจะทา ใหผดสบสน

6.ขนาดและชนดของไฟล ขอมล

ควรเปนไฟลทไมใหญจนเกนไปเพราะจะทาใหแสดงผลชา และควรตรวจสอบวาเปนไฟลทโปรแกรมนนๆ เชน Power Point รองรบหรอไม

7.สถานการณทควรใชวดโอหรอ ภาพอนเมชน

• เปนเหตการณทไมสามารถพบเหนในชวตประจาวน เชน การเตรยมตวกอนเอกซเรย

• เปนภาพในระยะใกลมาก เชน การแตกตวของเชอโรค • เหตการณทยาวนานแตเรงใหสามารถดไดในระยะเวลา

สนๆ เชน การสมานตวของแผล • อธบายสงทเปนนามธรรมใหเปนรปธรรม เชน ภาพ

ใบหนาซมเศรา เพออธบายความหมายของอาการ ซมเศราของผปวย

• สาธตกระบวนการ เชน การปฐมพยาบาล • กระตนความอยากรอยากเหน เพอนาเขาสการให

ความร


10

การนาเสนอ การนาเสนอ ในทนหมายถง การนาเสนอขอมลเพอการสอสารทมประสทธภาพ โดยเฉพาะการให

ความรทมกเปนเนอหาวชาการ จงตองมเทคนคการนาเสนอทดงาย ไมนาเบอ ดงน

1. ปรมาณขอความ ไมควรมากเกนไปจนในหนงหนากระดาษ หนงแผนปาย หรอหนงหนา สไลดมขอความยาวเปนพรด ซงจะทาใหนาเบอ รสกทอแททจะอาน ควรสรปเปนเนอหาสนๆ หรอเขยนเปน ประเดนสาคญๆ

ตวอยาง สไลดทเขยนเปนประเดนสาคญ ไมใชคามาก

กรณทจาเปนตองใชขอความจานวนมากจรงๆ ควรเนนคาหรอขอความบางสวน อาจจะดวยสหรอ การทาใหเปนตวหนา เปนตน เพอใหสามารถจบใจความสาคญไดงาย


11

2. การนาเสนอดวยแผนสถตและแผนภาพ (Chart Graph and Diagram) เปน การจดระเบยบขอมลใหดงาย ชดเจน สอความไดรวดเรว ซงสวนใหญเปนขอมลเชงปรมาณทเปนนามธรรม

ตวอยาง ขอมลทนาเสนอเปนแผนภม แผนสถตและแผนภาพ ทาใหผอานเหนภาพได ในทนท


12

การจดวาง การจดวาง นบวาเปนสงหนงททาใหสอมความสวยงาม นาสนใจ และสอความไดดยงขน เพราะ

การจดวางทดจะมผลตอการมองและการทาความเขาใจ โดยมรายละเอยดทเกยวของดงน

1. การจดหวเรองหลกและหวเรองยอย (Heading and sub-heading) หวเรอง หลกและหวเรองยอย รวมทงเนอหา ควรเนนใหมขนาดทแตกตางกน โดยหวเรองควรมขนาดใหญสด ลดหลนลงมาตามลาดบ นอกจากน อาจใชการเนนดวยตวหนา ตวเอยง หรอขดเสนใตในหวขอยอยกได ตามความเหมาะสม

ตวอยาง การจดหวเรองหลกและหวเรอง ยอยทเหมาะสม

2. การจดขอความ ในการพมพคอมพวเตอร ตวอกษรหรอขอความตางๆ จะสามารถ จดเรยงใหเปนระเบยบได โดยมรลกษณะการจดขอความหลกๆ 3 แบบ และมขอควรระวงในการใช ดงน

การจด ตวอยาง การใช ซดซาย 1.xxxxxxx

2.xxxxxxxxxxxx 3.xxxxxxxxxx

• ใชในการพมพขอความปกตทวไป • เหมาะกบการพมพขอความยาวๆ หรอขอความท

เปนขอๆ เพราะงายตอการไลสายตาอาน กงกลาง Xxxxx

Xxxxxxxxxxx Xxxxx

xxxxxxxx

• ใชในการพมพหวเรองหรอขอความทตองการเนน • ไมเหมาะกบการพมพขอความยาวๆ เพราะทาใหไล

สายตาในการอานไมสะดวก

ซดขวา Xxxxxxxxxx Xxxxxxxxxxxxxx

xxxxxxxxx

• ใชในการพมพขอความทตองการเนน • ไมเหมาะกบการพมพขอความยาวๆ เพราะทาใหไล

สายตาในการอานไมสะดวกgเชนกน


13

3. ความสมดล (Balance) คอการจดวางใหเนอทของสอ ทงสองขางซายขวาและบนลาง ม นาหนกเทาๆ กน ไมมสวนไหนแนนจนเกนไปหรอเวนวางจนเกนไป ซงหากไมมความสมดลใน สอ กจะทาใหการรบรถกรบกวน ทงยงดไมสวยงามอกดวย

การเนน สอแตละชน ไมวาจะเปนสอคอมพวเตอร สอสงพมพ ใน 1 หนาสไลด หรอ 1 หนากระดาษ ควรท

จะม “จดเดน” อนเปนจดแรกทผอาน-ผด จะมองไปเปนจดแรก เปนสวนทจะดงดดความสนใจ และมกเปน สวนทสาคญทสดอกดวย

การเนนเพอใหสอมจดเดน มลาดบขนตอน และขอควรระวง ดงน

1. เลอกเนนสวนทสาคญ อนดบแรก ผจดทาสอตองระบไดวา ใน 1 หนาสไลด หรอ 1 หนากระดาษ หรอ 1 แผนปายนน “อะไร” สาคญทสด หรอนาสนใจทสด ทจะทาใหผอานหรอผดสนใจ เนอหาในสวนอนๆ อาจจะเปนหวขอ ชอเรอง หรอภาพ เปนตน

ตวอยาง สไลดทเนนดวยสทตางออกไป

2. ไมเนนมากจนเกนไป บางครง ผจดทาสออาจไมสามารถระบไดวาสวนใดคอสวน สาคญทสดทควรจะเนน จงเนนขอความหรอภาพดวยวธตางๆ หลายสวนเกนไป ผลคอไมมสวนไหนเดน เลย


14

เคลดลบ Herman F. Brand (1945) ไดศกษาทดลองจดสนใจของตาแหนงทเดนทสดในภาพ จากการมองในกรอบสเหลยมของขนาดกระดาษ พบวาจดสนใจในการมอง คอ

41% 20% 25% 14%

จากการทดลองนสามารถบงชไดวาคนโดยสวนมากจะมองภาพจากดานบน ซายมากทสด (41%) ดงนนในการออกแบบสอ สงทควรเนนหรอตองการใหผอานรบร กอนสงอนจงควรอยดานบนซาย อาท สญลกษณหรอโลโก เปนตน

เอกภาพและความสมาเสมอ ความมเอกภาพ คอ ความเปนอนหนงอนเดยวกน องคประกอบตางๆในหนาสไลด หนากระดาษ

หรอในแผนปายดเปนอนหนงอนเดยวกน ไมวาจะเปนภาพประกอบ ตวอกษร พนหลง มสวนทเนนและสวน ทเสรมโดยไมมการแขงกนเดน ซงจะทาลายเอกภาพ

ความสมาเสมอ คอการออกแบบหนาสไลด หนากระดาษ หรอแผนปายใหเปนไปในทศทาง เดยวกนตลอด ทาใหการนาเสนอมความตอเนอง สมาเสมอ ไมสะดด

การจดทาสอใหมเอกภาพและความสมาเสมอ สามารถทาไดดงน

1. การจดวางตาแหนง ในกรณทเปนสอคอมพวเตอร เชน งานนาเสนอ Power Point หรอ สอสงพมพทมหลายหนา เชน แผนพบ หนงสอขนาดเลก ควรใหองคประกอบบางอยางเหมอนกนทกหนา เชน ชอเรอง ภาพ ตวอกษร ขอความ ควรวางไวทตาแหนงเดยวกนเสมอในแตละสไลด

2. ความสมาเสมอของพนหลง การใชสหรอลกษณะของพนหลงทคลายคลงกน หาก พนหลงเปนภาพถาย หนาตอไปหรอสไลดตอไปกควรใชภาพเดยวกน


15

ตวอยาง สไลดทมการออกแบบเปนลกษณะเดยวกน เปนอนหนงอนเดยวกนทงชด โดยการ จดวางขอความ เชน หวเรอง และทมาขอมลในตาแหนงเดยวกน ตวอกษรและพนหลงเปน แบบเดยวกน


16

3. การใสเสยง หากเปนสอทมการใสเสยง เชน สไลดใสเสยงพากย กควรใชเสยงของผพากย คนเดยวกนตลอด ไมควรเปลยนเสยงผพากย นอกเสยจากเนอหาเปนนทานหรอเรองเลา ทตองใชเสยงตว ละครหลายเสยง

4. ความเรยบงายหมายถงการออกแบบใหมความชดเจน ไมฉดฉาดหรอมการตกแตงมาก เกนไป ทาใหสามารถควบคมใหแตละหนาหรอแตละสไลดมความสมาเสมอไดโดยงาย

5. การใชปม หากเปนสอคอมพวเตอรทมการใชปม ควรออกแบบปมทเขาใจงาย เปน สญลกษณสากล เชน ปมกลบหนาหลกมกเปนรปบาน ปมไปหนาถดไปเปนลกศรชไปทางขวา กลมกลบไป หนาทแลวเปนรปลกศรชไปทางซาย เปนตน หรอหากไมแนใจวาปมสญลกษณเปนทเขาใจไดจรงๆ หรอไม กสามารถใสขอความระบลงไปได

หนาแรก


17

เกมการสอนแบบมปฏสมพนธดวยMS PowerPoint (Game-based Learning)

1.เลน 2 ทม ไดแก ผเรยนถกแบงออกเปน 2 ทมและแขงขนกน

2.เลนคนเดยว ไดแก ผเรยนสามารถเลนไดเพยงลาพงหรอผสอนสามารถนาไวในเครองคอมพวเตอร และใหผเรยนมาเรยนดวยตนเอง

3.เลนหลายคน ไดแก ผเรยนทงหองเลนรวมกนโดยมผสอนเปนผคอยควบคมหรอชแนะ


18

การสรางเกม

1.เลน 2 ทม

1.สรางสไลดแรกขนมาเปนหนาตอนรบ โดยแทรกText Box (กลองขอความ) เพอพมพขอความตอนรบ ปรบแตงรปสเหลยมโดยดบเบลคลกทกลองขอความ - เลอก Shape Fill เพอเตมส

- เลอก Shape Outline เพอปรบลกษณะกรอบ 2.สรางสไลดท 2 ขนมาแสดงวธการเลนเกม โดยแทรก Text Box (กลองขอความ) เพอพมพวธการเลนเกม ดงน แบงผเลนออกเปน 2 กลม 1. ตวแทนกลมจบฉลากเลอกตวละครกระตายกบเตา 2. แตละกลมแขงขนกนตอบคาถาม 3. ถากลมใดตอบคาถามถกตองจะไดเดน 1 กาว 4. กลมใดถงเสนชยกอนจะเปนฝายชนะ 3.สรางสไลดท 3 ขนมาเพอเปนหนาของกระดานเกมแทรกรป Insert (แทรก) > Picture (รปภาพ) > เลอก ไปยงแฟมทตองการ >ทาการปรบใหมขนาดพอเหมาะดงรป 4.สรางรปสเหลยมสาหรบเปนปมกดหากผเลนตองการเลอน โดย

เลอก Insert (แทรก) > Shapes (รปราง) > ลากรปสเหลยม พรอมปรบขนาดใหพอเหมาะ - พมพขอความลงไปในรปสเหลยมโดย คลกเลอกรปสเหลยม > คลกขวาเลอก Add Text > พมพ ขอความ

จากนนใสการเคลอนไหวโดยคลกทรป > เลอก Animation tab (การเคลอนไหว) > เลอก Custom Animation(การเคลอนไหวกาหนดเอง)

หนาตาง Custum Animation จะปรากฏทางดานขวา > เลอก Add Effect(เพมลกษณะพเศษ) > เลอก Motion Paths(เสนทางการเคลอนท) > เลอก Right (ขวา)


19

เมอสงเกตหนาตาง Custom Animation จะพบวา มการเคลอนไหวทเรากาหนดไปจากขนทผานมา ซงเราสามารถลากลกศรดงกลาวตามระยะทาง ทเราตองการใหเดนในแตละครง

สรางการเคลอนไหวในลกษณะดงกลาวอกครง คลกรปกระตาย > เลอก Add Effect(เพมลกษณะ พเศษ) > เลอก Motion Paths(เสนทางการเคลอนท) > เลอก Right (ขวา)

ซงจะไดลกศรอกเสนหนงขนมา สาหรบกาหนดระยะทางทตองการ แตลกศรท 2 จะซอนทบกบ ลกศรอนแรก ใหทาการลากลกศรท 2 ออกมา

- ทาการปรบขนาดใหมระยะทางทเทากน และนาไปตอกนเปนแนวเสนตรง - ทาตามขนตอนดงกลาวจนไดระยะทางถงรป - คลกเลอกการเคลอนไหวอนแรกสด (ลกศรท 1) > คลกเลอก Timing - ตงคาเสนทางการเคลอนท (ลกศร) ทเหลอดวยวธเดยวกนใหครบ - เมอตงคาเสนทางการเคลอนทเรยบรอย

5. ลองทดสอบการเคลอนทดงกลาว วาเมอกดปมแลว รปทาการเคลอนทไปตามทศทางทกาหนดไวหรอไม หากเปนไปตามทตองการจงเรมทาทมตอไปได โดยใชวธขางตนดงกลาว 6. เมอทาครบแลวจะไดเกมทเลนได 2 ทม


20

2.เลนคนเดยว

วธการสรางเกม สามารถสรางไดตามขนตอนดงตอไปน 1. สรางสไลดแรกขนมา โดยแทรก Text Box (กลองขอความ) เพอพมพขอความ เรอง ความปลอดภยบน ทองถนน

2.สรางสไลดท 2 ขนมาเพอเปนคาถามขอแรก โดยแทรก Text Box (กลองขอความ) เพอพมพคาถาม 3.คลกรปราง > เลอกรปวงร เพอทาเปนตวเลอกรปวงร > คลกขวาเลอก Add Text (เพมขอความ) > พมพ หมายเลข 1> สราง Text Box (กลองขอความ) > พมพตวเลอกในกลองขอความทาจนครบ 4 ตวเลอก 4. สรางสไลดท 3 ขนมาไวสาหรบโตตอบกบผเรยน เมอผเรยนตอบคาถามไดถกตอง ซงสไลดท 3 นจะสราง การเชอมโยงกบรปรางสเหลยมทเปนตวเลอกทถกตอง 5.สราง Text Box (กลองขอความ) > พมพตวเลอกในกลองขอความวา ถกตอง และกลองขอความอกกลอง วาเกงมากคะ แลวปรบแตงใหสวยงาม


21

6.คลก รปราง> เลอกปมปฏบตการลากปมปฏบตการดงกลาวใหอยมมขวาของหนาสไลดดงรป ผสอนอาจ แทรกรปแสดงความยนดตางๆ ลงไปตกแตง โดยเลอกเมน Insert (แทรก) > Picture (รปภาพ) > เลอกไฟล รปทตองการ > เลอก OK (ตกลง) 7. สรางสไลดท 4 ขนมาไวสาหรบโตตอบใหกาลงใจกบผเรยน เมอผเรยนตอบคาถามผด ซงสไลดท 4 นจะ สรางการเชอมโยงกบรปรางสเหลยมทเปนตวเลอกทผด 8.สราง Text Box (กลองขอความ) > พมพตวเลอกในกลองขอความวา ตอบผด และกลองขอความอก กลองลองอกครงนะคะ แลวปรบแตงใหสวยงาม 9.คลกรปราง> เลอกปมปฏบตการลากปมปฏบตการดงกลาวใหอยมมขวาของหนาสไลดดงรป ปมน เชอมโยงกลบไปยงคาถามเดมทผสอนตอบผด 10. ผสอนอาจแทรกรปแสดงความยนดตางๆ ลงไปตกแตง โดยเลอกเมน Insert (แทรก) > Picture (รปภาพ) > เลอกไฟลรปทตองการ > เลอก OK (ตกลง) 11.สรางสไลดท 5 ขนมาสาหรบคาถามขอท 2 โดยทาการคดลอกสไลดท 2 ตามขนตอนดงนคลกขวาเลอก สไลดท 2 บน Slide tab > เลอก copy จากนน คลกขวาบน Slide tab บรเวณหลงสไลดท 4 > เลอก paste 12. คดลอกสไลดโตตอบท 3 และ 4 มาตอทายดวยวธเดยวกน ทาการแกไขคาถาม และตวเลอกทง 4 ดงรป 13.เมอสรางสไลดครบแลวใหผสอนเรมทาการเชอมโยงสไลดจดตางๆ ดงน

13.1 การเชอมโยงตวเลอกขอทถกตอง ไปยงหนาสไลดโตตอบ “ถกตอง...เกงมากคะ” คลกเลอก ขอทถกตอง > คลกขวาเลอก Hyperlink… (การเชอมโยงหลายมต)> เลอก Place in This Document (ตาแหนงในเอกสาร)> คลกเลอกสไลดท 3 > เลอก OK


22

13.2 การเชอมโยงตวเลอกขอทผด ไปยงหนาสไลดโตตอบ “ตอบผด...ลองใหมอกครงนะคะ” คลกเลอกขอทผด (ม 3 ขอ) > คลกขวาเลอก Hyperlink (การเชอมโยงหลายมต)> เลอก Place in This Document (ตาแหนงในเอกสาร)> คลกเลอกสไลดท 4 > เลอก OK (ตกลง)

13.3 การเชอมโยงปมปฏบตการไปยงขอถดไป ของหนาสไลดทโตตอบเมอผเรยนตอบถก

คลกขวาทปมปฏบตการ > เลอก Hyperlink… (การเชอมโยงหลายมต) > มหนาตาง Action Settings ขนมา >เลอก Hyperlink to: Slide… > มหนาตาง Hyperlink to Slide ขนมา > เลอกสไลดคาถามขอ ถดไป > เลอก OK (ตกลง)


23

13.4 การเชอมโยงปมปฏบตการไปยงขอคาถามเดมอกครง ของหนาสไลดทโตตอบเมอผเรยน ตอบผด

คลกขวาทปมปฏบตการ > เลอก Hyperlink… (การเชอมโยงหลายมต)> มหนาตาง Action Settings (การตงคาการกระทา)ขนมา >เลอก Hyperlink to: Slide… (การเชอมโยงหลายมตไปท)> มหนาตาง Hyperlink to Slide (การเชอมโยงหลายมตไปทภาพนง) ขนมา > เลอกสไลดคาถามขอเดม > เลอกOK 14. ใหผสอนทาการเชอมโยงสไลดดงวธทาขอ 6 จนครบกบคาถามทกขอ


24

3.เลนไดหลายคน 1. สรางสไลดแรกขนมาแทรก Text box (กลองขอความ)> พมพขอความทตองการ 2. สรางสไลดท 2 ขนมาเพอเปนหนาของคาถามทเปนเตมคา โดยพมพคาถามจากการแทรก Text Box (กลองขอความ) จากนนพมพคาถามลงไปพรอมกบเวนชองไวเตมคา

- สรางกลองขอความขนมาเพอพมพเฉลยในแตละขอ 3. เมอไดคาตอบครบทกขอแลว เรมทาการปรบแตงการแสดงเทคนค ซงจะกาหนดใหเฉลยคาตอบแต

ละขอปรากฎขนบนสไลดเมอคลกเมาส เราจะทาการตงคาตงแตขอแรกเรยงไปตามลาดบ โดยคลกทกลอง ขอความเฉลย > เลอก Animation tab (ภาพเคลอนไหว> เลอก Custom Animation (ภาพเคลอนไหวกาหนดแบบเอง) > เลอก Add Effect (เพมลกษณะพเศษ) > Entrance (เขา) > More Effects (ลกษณะพเศษเพม)> Appear (ปรากฏ)

*การสรางสไลดและการแทรก Text Box (กลองขอความ) ไดกลาวในบทท 2 เรอง การสรางงาน นาเสนอเปลาและ การเพมกลองขอความ

ดดแปลงและคดลอกบางสวนจาก เนาวนตย สงคราม (2553)“หลกการออกแบบและประยกตใชPowerPoint สาหรบคร” สานกพมพแหงจฬาลงกรณมหาวทยาลย

ตดตอ ผศ.ดร.เนาวนตย สงคราม สาขาวชาเทคโนโลยการศกษา คณะครศาสตร จฬาลงกรณมหาวทยาลย

02-218-2643-44 [email protected]

หลักการสร้างเกมส์ด้วย powerpoint design principle

Education

Transcript of หลักการสร้างเกมส์ด้วย powerpoint design principle