View
11
Download
0
Category
Preview:
Citation preview
โปรแกรม 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") จะไดดงภาพ
Recommended