โปรแกรม Macromedia Authorware 7.0

แนะนำ�โปรแกรม โปรแกรม Macromedia Authorware 7.0 เปนโปรแกรม

ทใชเปนเครองมอซงมขดความสามารถในการสรางงานนำาเสนอทตองการ ใหมการตอบสนองระหวางโปรแกรมกบผใชโปรแกรมไดหลากหลายรปแบบในรปของภาพ (Graphics),วดโอ(Video), เสยง (Sound), ภาพเคลอนไหว (Animation), ขอความตวอกษร (Text) เปนสอการสรางบทเรยนคอมพวเตอรชวยสอน (CAI) ทสมบรณ

ประเภทของคอมพวเตอรชวยสอนก�รแบงประเภทบทเรยนคอมพวเตอรชวยสอน

บทเรยนคอมพวเตอรชวยสอน มหลายรปแบบดวยกน ซงการแบงรปแบบหรอประเภทของบทเรยนคอมพวเตอรชวยสอนดวยคอมพวเตอร โดยสรปแลวม 5 รปแบบดวยกนคอ การสอน (Tuturial ) ฝกหดปฏบต (Drill and Practice) สถานการณจำาลอง (Simulation ) เกมส (Games) และการทดสอบ (Tests)

1. การสอน (Tutorial) บทเรยนคอมพวเตอรชวยสอนประเภทน จะเปนสอนสงใหมใหแกนกเรยน คอมพวเตอรจะเปนเหมอนครสอนนกเรยนเปนรายบคคล บทเรยนคอมพวเตอรชวยสอนกจะตองดำาเนนตามขนตอน วธการสอนหนวยหนงๆ เหมอนกบครสอนในหองเรยนคอมพวเตอรชวยสอน สวนใหญจะใชลกษณะน เพราะจะใชกบวชาใดกไดจะสอนอะไรกไดเชนกน

2. ฝกหดและปฏบต (Drill and Practice) การใชคอมพวเตอรชวยสอน เพอฝกหดและปฏบตนน จะใชหลงจากการเรยนรสงใหมแลวอาจจะเรยนจากการสอน หรออาจจะเรยนจาก

เอกสาร หนงสอหรอสออนๆ กได การฝกหดและการปฏบตนใชไดเกอบทกสาขาวชาไมใชเพยงแตสอนเลขคณตกบคำาศพท ซงบทเรยนจำานวนมากททำาในสองวชาน แตยงอาจจะใชฝกหดวชาอนๆได เชน ภมศาสตร ประวตศาสตร วทยาศาสตร เปนตน

3. แบบสรางสถานการณจำาลอง (Simulation) เพอใชสำาหรบการเรยนร หรอทดลองจากสถานการณทจำาลองจากสถานการณจรง ซงอาจจะหาไมไดหรออยไกล ไมสามารถนำาเขามาในหองเรยนได หรอมสภาพอนตราย หรออาจสนเปลองมากทตองใชของจรงซำา ๆ สามารถใชสาธตประกอบการสอน ใชเสรมการสอนในหองเรยน หรอใชซอมเสรมภายหลงการเรยนนอกหองเรยน ทได เวลาใด กได

4. แบบเกมส (Games) เกมสคอมพวเตอร แบงออกเปน 2 กลมใหญๆ ไดแก เกมสเพอการสอนและเกมสทไมใชเพอการสอนหรอเปนเกมสบนเทง

5. ทดสอบ (Tests) การใชคอมพวเตอรเพอการทดสอบ หรอประเมนผลนกเรยน ทำาได 2 วธ คอการใชคอมพวเตอรเปนเครองมอในการสรางขอสอบ และการใชคอมพวเตอรในการบรหารงานทดสอบหรอในการจดสอบ

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

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

กระบวนการออกแบบและสรางบทเรยนคอมพวเตอรชวยสอน จะแบงขนตอนการพฒนา ดงน

ขนท 1 การออกแบบโปรแกรมบทเรยน (Courseware Designing)

ขนท 2 การสราง Storyboard ของบทเรยนขนท 3 การสรางโปรแกรมบทเรยน(Courseware

Construction)ขนท 4 การตรวจสอบและประเมนผลกอนนำาไปใชงาน

ก�รเรยกใชโปรแกรม Authorware1.เลอก Start ---> Programs ---> Macromedia Authorware(ตำาแหนงของโปรแกรม)

2. จะปรากฏหนาจอการทำางานของ Macromedia Authorware ขนมา

สวนประกอบของหน�จอโปรแกรม1. Menu Bar : ทเปนสวนประกอบดวยเมนโปรแกรม Authorware มทงหมด 11 เมน

2. Tool Bar : เปนปมคำาสงแถบเครองหมายคลายกบโปรแกรมมาตรฐานทวๆไป ทไปรนบน Windows

3. Icon Palette : เปนเครองมอทใชในการสรางงานในโปรแกรม Authorware ซงสญลกษณแตละตวใชแทนคำาสงดงตารางชอไอคอน คว�มหม�ย(Description)

Display icon

ใชในการสรางและแสดงผล text และ graphics รปภาพตางๆ

Motion ใชสรางการเคลอนทใหกบวตถไปยงตำาแหนงในแนวเสน

icon ตรงหรอเสนโคงม 5 รปแบบ

Erase icon

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

Wait icon

ใชหนวงเวลาหรอหยด (pauses) เวลาการแสดงผลหนาจอภาพตามระยะเวลาหรอเงอนไขทกำาหนด

Navigate icon

ใชเชอมโยงไอคอนตางๆ ทอยในไอคอน Framework ดวยปม next, previous, first หรอ last page ได

Framework icon

ใชสรางโครงสรางหลกลงคหรอพลกไปยงหนาตาง ๆ ของไอคอนทแสดงผล text, graphics, sound, animation และทำางานรวมกนกบไอคอน Navigate

Decision icon

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

Interaction icon

ใชสรางการโตตอบระหวางโปรแกรมกบผใช มดวยกน 11 รปแบบ

Calculation icon

ใชกำาหนดคาตวแปร ฟงกชน และเขยน Script

Map icon

ใชรวมไอคอนใหมขนาดเลกลง มโครงสรางการวางไอคอนมากกวาหนงระดบ

Digital movie icon

ใชแสดงภาพเคลอนไหว ไฟลพวก AVI, MOV, MPEG พวกไฟลวดโอตางๆ

Sound icon

ใชแสดงพวกเสยง AIFF, MP3, PCM, WAVE หรอ VOX

DVD iconใชแสดงไฟลในรปแบบของ DVD แตตองม DVD Drive และ Microsoft DirectX version 8.1 หรอสงกวานเปน Wizard ซงโปรแกรมไดออกแบบไวใหเพอใชสำาหรบ

Knowledge Object icon

สรางงานอยางรวดเรว

Start and stop flags

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

Icon color palette

ใชกำาหนดสของไอคอนเพอความสะดวกในการแยกแยะไอคอน ใหมองเหนความแตกตางของไอคอนไดชดเจนมากยงขน

4. Design Windows : เปนพนทสำาหรบวางไอคอน ทอยใน Icon Palette ลากมาวางบนเสนตรงทเรยกวา Flowline ถามพนท Design Window เตมดงรป ใหแกปญหาโดยการ คลกขวาและเรยกใช Scroll bars จะปรากฏแถบใหเราเลอนด

5. Presentation Window : เปนพนทแสดงผลงานทไดจากออกแบบไวใน Design window สามารถกำาหนดคณสมบตในเรองของขนาดพนหลงหรอเมนทตองการแสดง ไดตามตองการโดยคลกเลอกทเมนคำาสง Modify>File>Properties ดงรป

เรมตนสร�งง�นนำ�เสนอดวย Authorware Display Icon เปนไอคอนทใชสำาหรบแสดงผลทางจอภาพ

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

บนเสนผงงาน

ดบเบลคลกเปดหนาตางไอคอนแสดง หนาตางนประกอบดวย คอนโทรลบอก แถบคำาสงกลองเครองมอ

การวาดรป คลกเมน Window เลอก Inspectors เลอก Colors

ไดหนาตางกลองส คลกอปกรณในกลอง คลกเลอกส แลววาดรป จะไดรปตามตองการ

ก�รพมพตวอกษรและขอคว�มใน Display Icon สามารถพมตวอกษร ใสรป วาดเสนตรง

วงกลมรปสเหลยมตางๆ ไดโดยใชเครองมอจาก Toolbox เมอตองการพมพขอความ กเพยง

1. ดบเบลคลกทไอคอน Display Icon 2. คลกเลอกรปแบบทตองการ3. คลกวางเมาสทบรเวณทตองการแลวทำาการพมพขอความ

ตามทตองการ

ก�รกำ�หนดลกษณะอกษร ขน�ด และก�รจดรปแบบตว 1. คลกเลอก Object ทตองการเปลยน จะปรากฏ

Handle 2. คลกเมน Text เพอเลอก Font เลอกท Other เพอ

ทำาการปรบเปลยน

3. ถาตองการกำาหนดลกษณะตวอกษรใหเลอก Style

4. ถาตองการเปลยนขนาดตวอกษรใหเลอก Text Size

5. ถาตองการปรบตำาแหนงของขอความใหเลอก Alignment

ก�รใชเครองมอว�ดใน Toolbox เราสามารถเลอกรปแบบการวาดรปได โดยเลอกท Toolbox

แลวทำาการวาดทตำาแหนงทตองการ

ก�รสร�งและก�รพฒน�ง�นใหน�สนใจคว�มหม�ยและก�รใชคำ�สง Transition

คำาสง Transition มผลตอการเรมปรากฏภาพ และการเปลยนภาพ การใส Transition เพอใหการแสดงภาพในแตละเฟรมนาสนใจ

การใชคำาสง Transition สามารถทำาได ดงน 1. คลกเลอก Object ทตองการเปลยน จะปรากฏ

Handle 2. คลกเมน Modify เพอเลอก Icon เลอกท

Transition

3. จะปรากฏ Box ใหเลอกกำาหนดลกษณะตามทตองการ

การใชคำาสงตางๆ ทสำาคญและใชงานบอย - คำาสง Inport รปภาพ ทำาได 2 วธ คอ

1. Insert ---> Image

2. File ---> Inport- คำาสง Group และ Upgroup ใชในการรวมกลม หรอยกเลกการรวมกลม ทำาไดโดย

Modify ---> Group หรอ Upgroup - คำาสง Copy และ paste Edit ---> Copy Edit ---> Paste

Motion Icon เปนไอคอนสำาหรบทำาใหสงทอยขางหนาเคลอนไหวตามรปแบบทกำาหนดการใชงานไอคอนสรางการเคลอนไหว

คลกลากไอคอนนมาตอจากไอคอนแสดงทมสงทตองการทำาใหเคลอนไหวอยบนเสนผงงาน

คลกเมน Control เลอก Restart ไดหนาตางกำาหนดการเคลอนไหว

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

ถาตองการเปลยนแบบการเคลอนไหว ใหใชเมาสคลกปมเปดแบบการเคลอนไหวขนมาใหเลอก กำาหนดความเรวจากตวเลขในชอง Timing คามากเคลอนไหวชา แลวกดปม Preview ทดลองการเคลอนไหว แลวคลกปม OK

Erase Icon เปนไอคอนสำาหรบสงใหภาพบนจอหายไปเพอแสดงภาพใหมการใชงานไอคอนลบหนาจอ

ใชเมาสคลกไอคอนนบนแถบเครองมอลากมาวางตอจากไอคอนสวนทตองการจะลบออก

คลกเมน Control คลกแถบ Restart เพอทดลองใหแสดงการทำางานของโปรแกรม

การแสดงจะหยดทหนาตางลบหนาจอ ใหทานคลกสงทตองการลบ ไอคอนสงเหลานนจะหาย ไปจากหนาตางลบจอ เลอกแบบการหายไปของวตถ( Transition)

เสรจแลวกดปม Preview ทดลอง แลวกดปม OK

Wait Icon ใชสำาหรบทอดระยะเวลาใหโปรแกรมแสดงผลออกทางจอภาพหรอทำางานอยางใดอยางหนงใหสำาเรจกอนจงทำางานตอไป

ก�รใชง�นไอคอนหนวงเวล� คลกลากไอคอนหนวงเวลามาวางหลงกลมไอคอนท

ทำางานชดทจะหนวงเวลา ดบเบลคลกไอคอนหนวงเวลาจะไดหนาตางหนวงเวลา

เลอกรายการทตองการ

เมอใหโปรแกรมทำางานจะแสดงปมกดตามทกำาหนด

Framework Icon เปนไอคอนสำาหรบรวบรวมงานทแสดงเปนแผนภาพตอ ๆ กนหรอเอกสารตอ ๆ กน แบบหนงสอ โดยมเครองมอสำาหรบเปดเดนหนา ถอยหลง คนหา ฯลฯ

ดบเบลคลกเปดหนาตางแกไขระบบเฟรมงาน ตดหรอเพมได

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

การยอขยายปมกดของระบบ ดบเบลคลกไอคอนแสดงบนผงงานภายในเฟรมงาน จนไดหนาตางมรปของแถบปมกด ใชเมาสลากปมสเหลยมเลก ๆ รอบรปใหมขนาดตามตองการ

ก�รกำ�หนดไอคอน Decision และ Interaction Decision Icon ใชสำาหรบใหโปรแกรมเลอกตาม เงอนไข

หรอ สม หรอ ฯลฯ การใชงาน - คลกลากไอคอนทางเลอก มาวางบนเสนผงงาน

- คลกลากไอคอนแสดงมาวางตอจากไอคอนทางเลอกถดไปทางขวา 2 อน

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

- ดบเบลคลกไอคอนทางเลอกเพอใสรายการตามทตองการใหทำางาน

- เมอโปรแกรมทำางานจะกระพรบเลอกระหวางรปวงกลมกบสเหลยมจนนาฬกาบอกหมดเวลา

Interaction Icon เปนไอคอนสำาหรบใหผเรยนตดสนใจเลอกทางเดนของโปรแกรมตามตองการการใชงาน

- คลกลากไอคอนตดสนใจมาวางบนเสนผงงาน - คลกลากไอคอนแสดงมาวางตอจากไอคอนตดสนใจไปทาง

ขวา 2 - 3 อน

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

- คลกปมเลกๆเปนปม Response Type ไดหนาตางใหเลอกรายการทตองการ เชน PauseBeforeExit , Don't Erase เปนตน

- คลกปม บนหนาตาง Properties : Response ทำาเหมอนกนทกทางเลอกดบเบลคลกไอคอนตดสนใจ ไดหนาตางแสดงผล จดตำาแหนงของปมกด ทางเลอกและแกใขรปแบบตาง ๆ

- เมอใหโปรแกรมทำางาน จะมปมปรากฏใหเลอกกด แลวแสดงผลคางไว

ก�รสร�งก�รโตตอบก�รโตตอบแบบกดปม (Button) เปนการโตตอมในรปแบบของปม เพอใหผใชคลกเมาสทปมตว

เลอกตางๆ สญลกษณทใชแทนการโตตอบแบบน จะเปนรปสเหลยมมมมน

ดบเบลคลกทบรเวณ จะปรากฏหนาจอในการเซตคาตางๆ

ก�รโตตอบแบบกำ�หนดจำ�นวนครง (Tries Limit) เปนการโตตอบในรปแบบทตองการกำาหนดจำานวนครงในการ

ตอบคำาถาม สญลกษณทใชแทนการโตตอบแบบน จะเปนรปสเหลยมมมมน

ดบเบลคลกทบรเวณ จะปรากฏหนาจอในการเซตคาตางๆ

ก�รโตตอบแบบกำ�หนดเวล� (Time Limit) เปนการโตตอบในรปแบบทตองการกำาหนดเวลาในการตอบ

สนอง สญลกษณทใชแทนการโตตอบแบบน จะเปนรปสเหลยมมมมน

ก�รโตตอบแบบกำ�หนดพนท (Hot Spot) เปนการโตตอบในรปแบบทตองการกำาหนดพนทในการตอบ

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

ก�รโตตอบแบบคลกวตถ (Hot Object) เปนการโตตอบในรปแบบทตองคลกวตถกอนถงจะมการตอบ

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

ก�รโตตอบแบบล�กวตถ (Target Area) เปนการโตตอบในรปแบบทผใชสามารถลากเอาวตถไปวางไวยงตำาแหนงทกำาหนดบนหนาจอได สญลกษณทใชแทนการโตตอบแบบน จะเปนรปสเหลยมมมมน

ก�รโตตอบแบบเตมขอคว�ม (Text Entry) เปนการโตตอบในรปแบบทผใชเตมขอความแลวนำาไป

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

ก�รโตตอบแบบกดแปนพมพ (Keypress) เปนการโตตอบในรปแบบทผใชตองกดแปนพมพตามทกำาหนด

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

Digital Movie Icon เปนไอคอนสำาหรบนำาภาพยนตรทสรางไวจากโปรแกรมอนเขามาแสดงในโปรแกรม

Sound Icon เปนไอคอนสำาหรบนำาเสยงทสรางไวจากโปรแกรมอนเขามาแสดงในโปรแกรม

DVD Icon เปนไอคอนสำาหรบนำาวดโอทสรางไวจากโปรแกรมอนเขามาแสดงในโปรแกรม

ตวอย�งก�รว�งไอคอน

ก�รสร�งชนง�นดวยเครองมอ Icon Palette

1.ทำาการสรางพนททำางานใหมโดยไปท File > New > File เพยงเทานกไดพนททำางานแลว

2.ลาก Display icon มาวางบนเสน Flowline แลวทำาการตงชอ icon เพอความสะดวกในการใชงาน

3. ดบเบลคลก Display icon เพอนำาไฟลภาพทเตรยมไวมามาใสในหนากระดาษ

4. เลอกไฟลภาพทตองการ โดยไปท Insert > Image > Import > เลอกไฟลภาพทตองการ > Import แลวคลก OK จะไดภาพทตองการใหทำาการยอหรอขยายขนาด ของภาพใหพอดกบกรอบของ Display icon เพอความสวยงามของภาพ

5. แทรกไฟล Flash หรอ Animation gif เพอเพมความนาสนใจใหกบชนงาน โดยไปท Insert > Media > Flash Movie > Browse > เลอกไฟลทตองการ > Open กจะไดไฟล Flash ทตองการ

6. วธตดพนหลงของไฟล Flash ออก โดยดบเบลคลกท Flash Movie จะปรากฏหนาตางขนมาแลวเลอกท Display ตงคา Mode เปน Transparent เทานกจะไดไฟล Flash ทไมมพนหลงแลว

7. วธการสราง Main Menu ทำาไดโดยการลาก Display icon มาวางบน Flow line แลวตงชอใหเรยบรอย แลวทำาตามขนตอนขอท 4 เพอใส Background ใหกบชนงาน

8. สรางเงอนไขใหกบ Main menu โดยลาก Interaction icon มาวางบน Flow line แลวตงชอ จะไดดงภาพ

9. สรางลงคใหกบ Main Menu โดยลาก Map icon มาวางทางดานขวาของ Interaction icon จนครบตามจำานวน ของ Main Menu ทกำาหนดไวดงภาพ

10. กำาหนดเงอนไขใหตรงกบ Main Menu ทเราสรางไว โดยดบเบลคลกทไอคอน Menu เพอเปด Background มากำาหนดลงคแลวคลกบน Map icon เพอใหปรากฎกรอบชนงานแลวปรบใหพอดกบปมไอคอนทเราสรางไว ดงภาพ

หมายเหต : ใหทำาจนครบหมดทกปมทเราสรางไว11. เมอกำาหนดการเชอมโยงครบหมดแลว ตอไปสรางเนอหาใหกบ Map icon โดยดบเบลคลกท Map icon เพอวาง Display icon

ลงบน Flowline แลวดบเบลคลกท Display icon เพอใส Background ใหกบชนงาน ดงภาพ (ภาพทนำามาใสสามารถทำาตามขอท 4 ได)

12. สรางลงคใหกบปมเพอกลบหนา Menu โดยสราง icon แลวดบเบลคลกท Calculation icon เพอสรางเงอนไขในการลงคไปยง Menu โดยพมพคำาวา GoTo (IconID@”Menu”) แลว save coad ไวดงภาพ

13. สรางเนอหาใหกบคำาอธบายรายวชา,จดประสงคการเรยนรและแบบทดสอบใหครบซงวธการทำาสามารถทำาไดในขอ 11 และ 12 14. สรางการเชอมโยงใหกบปมออกจากโปรแกรม โดยลาก Map icon มาวางทางดานขวาของ Interaction icon แลวดบเบลคลกท Map icon แลวนำา Calculation icon มาวางบน Flowline แลวกำาหนดเงอนไขใหเรยบรอย โดยใส coad Quit (0) แลว save ไว จากนน นำา Calculation icon มาวางขาง Map icon แลวกำาหนดเงอนไขโดยใส coad GoTo(IconID@"menu") จะไดดงภาพ