47
แแแแแแแแแแแแแแแแแแแแ 4 แแแแแแแแแแแแแแแแแแแแแแแแแแแแแแแแแแแแแแแแแแแแ แแแแแแแ ขขขขขขขขขขขขขขขข (Development) ขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขข (Implementation) ขขขข ขขขขขขขขข ขขขขขขขขขขขขข แแแแแแแแแแแแแแแแแแแแแแแแ 1. ขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขข (Development) ขขขขขขขขขขขขขขขขขขขขขขขขขขขข 2. ขขขขขขขขขขขขขขขขขขขขขขขขขขขข (Implementation) ขขขขขขขขขขขขขขขขขขขขขขขขขขขข 3. ขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขข ขขขขขขขขขขข(Frame Script) ขขข 4. ขขขขขขขขขขขขขขขขขขขขขขขขขขขข (Frame Script) ขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขข 5. ขขขขขขขขขขขขขขขขข (Frame Script) ขขขขขขข ขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขข ขขขขขขขขขขขขข ขขขขขขขขขขขขขขขขขขขข 6. ขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขข ขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขข แแแแแแแแแแแแแแแแแแแ 1. ขขขขขขขขขขขขขขขขขขขขขขขขขขขข ขขขขขขขขขข ขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขข 2. ขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขข ขขขขขขขขขขขขขขขขขขขขข 3. ขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขขข ขขขขขขขขขขขขขขขขข ข

pro.edu.snru.ac.thpro.edu.snru.ac.th/UserFiles/งาน อ.ภัทรดร...  · Web viewสรุป เทคนิค ... (Word Processing) ... ห้างหุ้นส่วน

Embed Size (px)

Citation preview

Page 1: pro.edu.snru.ac.thpro.edu.snru.ac.th/UserFiles/งาน อ.ภัทรดร...  · Web viewสรุป เทคนิค ... (Word Processing) ... ห้างหุ้นส่วน

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

เนอหาขนพฒนาบทเรยน (Development)ขนการนำาเสนอบทเรยนบนคอมพวเตอร (Implementation)สรปแบบฝกหดเอกสารอางอง

วตถประสงคเชงพฤตกรรม1. อธบายรายละเอยดในขนตอนการพฒนา (Development) บท

เรยนคอมพวเตอรชวยสอนได2. อธบายขนตอนและวธการสราง (Implementation) บทเรยน

คอมพวเตอรชวยสอนได3. อธบายสวนประกอบและความสำาคญของแบบฟอรมกรอบ

เนอหา(Frame Script) ได4. ออกแบบกรอบและอานกรอบเนอหา (Frame Script) สำาหรบสราง

บทเรยนคอมพวเตอรชวยสอนได5. นำาแบบกรอบเนอหา (Frame Script) ไปสรางเปนซอฟตแวร

คอมพวเตอรชวยสอน ดวยซอฟตแวรระบบนพนธบทเรยนได6. อธบายขนตอนการพฒนาแบบทดสอบสำาหรบบทเรยนคอมพวเตอร

ชวยสอนไดวธสอนและกจกรรมการ

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

เรยนการสอนประจำาบท2. ใชสไลดประกอบการสอนนำาเสนอเนอหาประเดนสำาคญผานทาง

เวบไซต3. ผสอนและผเรยนรวมกนอภปรายเกยวกบเนอหาหวขอตาง ๆ

Page 2: pro.edu.snru.ac.thpro.edu.snru.ac.th/UserFiles/งาน อ.ภัทรดร...  · Web viewสรุป เทคนิค ... (Word Processing) ... ห้างหุ้นส่วน

4. ผสอนสรปเนอหาและประเดนสำาคญ

สอการเรยนการสอน1. เอกสารประกอบการสอน รายวชา 21032205 คอมพวเตอรชวย

สอน2. เวบไซตรายวชาคอมพวเตอรชวยสอนและเวบไซตอน ๆ ทมเนอหา

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

การวดผลและประเมนผล1. ทำาแบบฝกหดประจำาบท2. สงเกตการรวมกจกรรมการอภปรายของผเรยน3. กจกรรมการสบคนขอมลผานอนเตอรเนต

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

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

การพฒนาบทเรยน (Development)ขนตอนในการพฒนาเปนขนตอนของการพฒนากรอบเนอหา (Script)

โดยนำาเนอหาทไดเรยบเรยงไวตามหวเรองในขนตอนของการวเคราะหมาพจารณาแบงเปนกรอบ ๆ นำามาจดลำาดบตรวจสอบความถกตอง จนกระทงถงขนตอนการพฒนาแบบทดสอบ มขนตอนยอย ๆ 3 ขนตอนดงน (ไพโรจน ตรณธนากล และ ไพบลย เกยรตโกมล, 2541)

1. เขยนรายละเอยดเนอหาตามรปแบบทไดกำาหนด (Script Development)

Page 3: pro.edu.snru.ac.thpro.edu.snru.ac.th/UserFiles/งาน อ.ภัทรดร...  · Web viewสรุป เทคนิค ... (Word Processing) ... ห้างหุ้นส่วน

โดยเขยนเปนกรอบ ๆ จะตองเขยนไปตามทไดออกแบบไว โดยเฉพาะถาเปน Interactive MultiMedia CAI : IMMCAI จะตองกำาหนด ขอความ ภาพ เสยง ส ฯลฯ และการกำาหนดปฏสมพนธ (Interactive) ไวใหสมบรณ สำาหรบแบบฟอรมในการออกแบบกรอบบทเรยน (Frame Script) อาจใชแบบฟอรมทสรางขนมาเปนพเศษ เพอความสะดวกในการออกแบบกรอบบทเรยนทประกอบดวยมลตมเดยและงายตอการกำาหนดจดทมการโตตอบหรอปฏสมพนธ (Interactive) ในแตละเฟรม (Frame) ของบทเรยน ดงรปท 4.1 ในหนาตอไป

Page 4: pro.edu.snru.ac.thpro.edu.snru.ac.th/UserFiles/งาน อ.ภัทรดร...  · Web viewสรุป เทคนิค ... (Word Processing) ... ห้างหุ้นส่วน
Page 5: pro.edu.snru.ac.thpro.edu.snru.ac.th/UserFiles/งาน อ.ภัทรดร...  · Web viewสรุป เทคนิค ... (Word Processing) ... ห้างหุ้นส่วน

รปท 4.1 แสดงแบบฟอรมสำาหรบการออกแบบกรอบเนอหา (Frame Script) ของ IMMCAI แผนท 1 สำาหรบวาดตำาแหนงจดวางเนอหา

Page 6: pro.edu.snru.ac.thpro.edu.snru.ac.th/UserFiles/งาน อ.ภัทรดร...  · Web viewสรุป เทคนิค ... (Word Processing) ... ห้างหุ้นส่วน

รปท 4.2 แสดงแบบฟอรมสำาหรบการออกแบบกรอบเนอหา (Frame Script) ของ IMMCAI แผนท 2 สำาหรบรายละเอยดเนอหาเพมเตม

Page 7: pro.edu.snru.ac.thpro.edu.snru.ac.th/UserFiles/งาน อ.ภัทรดร...  · Web viewสรุป เทคนิค ... (Word Processing) ... ห้างหุ้นส่วน

คำาอธบายรายละเอยดในแบบฟอรม CAI Script

แบบฟอรมมจำานวน 2 แผน ตอการเขยน Script จำานวน 1 เฟรม มรายละเอยดดงนแผนท 1Subject/Module คอ ชอหวเรองหลก/หนวยการเรยน เชน ชอหวเรองหลก คอ ฮารดแวร (Hardware)Title คอ ชอหวเรองรอง เชน ชอหวเรองรอง คอ อปกรณรบขอมล (Input Device)Page no คอ หมายเลขหนาท หรอ Frame ทของบทเรยน (1 เฟรม หมายถงการแสดงผล 1 จอภาพ

คอมพวเตอร) กรณทมรปแบบของเฟรมเหมอนกน เนอหาตางกน เชน แบบฝกหด,

แบบทดสอบ สามารถระบเปน Page no xx – xx ไดSheet no คอ หมายเลขแผนทของ Script ตองเขยนหมายเลขของ Sheet no ในกรณทใชแบบฟอรม

เขยน Script ออกแบบ เฟรมนนไมพอในแผนเดยวMain Icon คอ ชอ Group หรอ Map Icon ของเฟรม ในการลงโปรแกรมคอมพวเตอรดวยซอฟตแวร

Macromedia AuthowareFile คอ ชอแฟมขอมลทเกบขอมลในคอมพวเตอร เชน C:\CAI\Moudule1-intro.a5pContent Layout คอ บรเวณทวาดหรอเขยนเนอหาของ Script ลงไปใน เชน วาดบรเวณตำาแหนงของรป

ภาพเคลอนไหว บรเวณ ตำาแหนงอธบายเนอหา วาดบรเวณทมการโตตอบ(Interactive)

เปนตำาแหนง A,B,C,…ในกรณ Link ไปยงไฟลอนหรอเฟรมอน ๆ ภายในไฟลเดยวกนLink from file คอ ชอไฟลอน ๆ ทเชอมโยง (Link) มายงไฟลน ณ ตำาแหนงของเฟรมน

Page 8: pro.edu.snru.ac.thpro.edu.snru.ac.th/UserFiles/งาน อ.ภัทรดร...  · Web viewสรุป เทคนิค ... (Word Processing) ... ห้างหุ้นส่วน

Interaction/Effect คอ จดหรอบรเวณทโตตอบ แลวเชอมโยงไปยงไฟลอน /เฟรมอนภายในไฟลเดยวกนLink to File/Page คอ ชอไฟลอนทเชอมโยงไปจากหนา / เฟรมน หรอระบเฉพาะหมายเลขหนา/เฟรม กรณ

เชอมโยง ภายในไฟลเดยวกนInteraction in Page คอ บรเวณหรอตำาแหนงทมการโตตอบและมผลการโตตอบเกดขนภายในหนาหรอเฟรมน

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

ชดเจน ใหเขยนอธบายรายละเอยดเพยง Script แรกแผนเดยวกไดหรอไมเขยนกได เชน

รปรางของปม อาจไมตองเขยนอธบายกไดScreen Show Out คอ การกำาหนดรปแบบการแสดง effect เมอมการแสดงเฟรมนทางคอมพวเตอร เขยน

อธบายโดยยอ ๆ เชน แสดง ภาพดวยการเลอนขนมาจากดานลางของจอภาพชา ๆ

ไมจำาเปนตองม Screen Show Out ทกเฟรมกไดImage Folder,Animation Folder,Audio Folder คอ การกำาหนด Driver และ Folder เพอเกบไฟลภาพ ภาพเคลอนไหว เสยง ทนำามาใช

ประกอบในเฟรมนโดยระบ เชน C:\cai\imageFile name คอ ชอไฟล ภาพ ภาพเคลอนไหว เสยง ทนำามาใชประกอบในเฟรมน โดยระบชอไฟลและ

ประเภทของไฟล เชน frame20.wav, computer.jpgScript Writer คอ ผเขยนหรอผออกแบบ Script ของเฟรมนGraphic คอ ผทจดเตรยม/ออกแบบ/ตกแตงภาพกราฟกทประกอบในเฟรม

Page 9: pro.edu.snru.ac.thpro.edu.snru.ac.th/UserFiles/งาน อ.ภัทรดร...  · Web viewสรุป เทคนิค ... (Word Processing) ... ห้างหุ้นส่วน

Video Shooter คอ ผสรางและจดเตรยมภาพ Video หรอภาพเคลอนไหวประกอบในเฟรมNarrator คอ ผบนทกเสยง/สรางเสยงบรรยายประกอบในเฟรมSuper Visor คอ ผควบคมการพฒนา CAIInspector คอ ผตรวจสอบการออกแบบจอภาพนApproved คอผใหคำาอนมตรบรองใหสรางนำา Script ไปสรางเปน CAI ในขนตอนตอไปไดDate คอ วนทไดรบการอนมต

หมายเหต กรณทมงานเปนชดเดยวกน ชอบคลากรใหเขยนท Script ทแผนแรกแผนเดยวกไดNote คอ หมายเหตอน ๆ ทตองการเพมใน Scriptแผนท 2Content คอ สวนทเปนเนอหาหรอขอความทตองการอธบายไวในเฟรม ใชในกรณเขยนในแบบฟอรมแผน

ท 1 ไมพอเขยนNarration คอ คำาบรรยายทตองการบนทกเสยงและประกอบไวในเฟรมน โดยทคำาบรรยาย ไมควรเหมอนกบ

ขอความเนอหา(Content) อาจเปนการบรรยายสรป หรออธบายเพมเตมเพอใหเกดการ

เรยนรในเนอหาของเฟรมน

Page 10: pro.edu.snru.ac.thpro.edu.snru.ac.th/UserFiles/งาน อ.ภัทรดร...  · Web viewสรุป เทคนิค ... (Word Processing) ... ห้างหุ้นส่วน
Page 11: pro.edu.snru.ac.thpro.edu.snru.ac.th/UserFiles/งาน อ.ภัทรดร...  · Web viewสรุป เทคนิค ... (Word Processing) ... ห้างหุ้นส่วน
Page 12: pro.edu.snru.ac.thpro.edu.snru.ac.th/UserFiles/งาน อ.ภัทรดร...  · Web viewสรุป เทคนิค ... (Word Processing) ... ห้างหุ้นส่วน
Page 13: pro.edu.snru.ac.thpro.edu.snru.ac.th/UserFiles/งาน อ.ภัทรดร...  · Web viewสรุป เทคนิค ... (Word Processing) ... ห้างหุ้นส่วน
Page 14: pro.edu.snru.ac.thpro.edu.snru.ac.th/UserFiles/งาน อ.ภัทรดร...  · Web viewสรุป เทคนิค ... (Word Processing) ... ห้างหุ้นส่วน
Page 15: pro.edu.snru.ac.thpro.edu.snru.ac.th/UserFiles/งาน อ.ภัทรดร...  · Web viewสรุป เทคนิค ... (Word Processing) ... ห้างหุ้นส่วน

เทคนคการใชสอประสม (Multimedia) ในการออกแบบ CAIในขนตอนการออกแบบและพฒนากรอบเนอหา (Frame Script) น ผ

พฒนาควรพจารณาเทคนคในการนำาสอประสมหรอมลตมเดย (Multimedia) มาผสมผสานเพอใหกรอบเนอหาแตละกรอบทำาใหเกดการเรยนรอยางมประสทธภาพมากทสด ดงรายละเอยดตอไปน (วฒชย ประสานสอย, 2543)

1. เอกสารสอขอความ (Text)เอกสารสอขอความนจะเกยวของกบการอธบายกลวธสรางนำาเสนอ

เนอหาบนจอภาพดวยขอความ เชน การสรปเนอหา การอธบายเทคนคพเศษ (Special Effect) เพอกำาหนดปรมาณการนำาเสนอและเทคนคซงตองไดรบการกำาหนดรายละเอยดทเฉพาะเจาะจง ไดแก การเคลอนทของตวอกษร (Motion) เทคนคเปลยนอกษร (Effect) หรออนๆ

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

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

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

เทคนคสรางการนำาเสนอสอขอความ (Text Techniques)

Page 16: pro.edu.snru.ac.thpro.edu.snru.ac.th/UserFiles/งาน อ.ภัทรดร...  · Web viewสรุป เทคนิค ... (Word Processing) ... ห้างหุ้นส่วน

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

1. เลอกใชแบบอกษร (Font) ทอานงายๆ และใชแบบอกษรทสอดคลองกนภายในจอภาพ หรอใชแบบอกษรไมเกน 3 แบบ ตอหนงจอภาพ

2. ควรแบงปรมาณขอความทพอเหมาะตอการนำาเสนอบนจอภาพ เชน ใชขอความไมเกน 7 แถวตอหนงจอภาพ หรออาจใชวธการนำาเสนอดวยกรอบตวอกษรเลอน (Scroll Text) กรณมขอความปรมาณมาก

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

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

5. ควรหลกเลยงการใชขอความทมกรอบตวอกษรหรอเงาสำาหรบการอธบายเนอหา หากตองการใชตวอกษรแบบนควรเปนตวอกษรทมขนาดใหญและใชกบขอความนำาเรอง (Heading) เทานน

6. การใชขอความขนาดใหญสขาวบนพนสำานำาเงนจาง ๆ จะกอใหเกดการกระตนความสนใจหรอสรางความสงสยของผใชบทเรยนได

7. ขอความทตองการกำาหนดใหเกดเงอนไขเพอสรางการเชอมโยง (HyperText) ไปยงจอภาพอน ควรขดเสนใตขอความนนและใชสทแตกตางจากขอความตวพนอน ๆ

8. หลกเลยงการใชสตวอกษรอธบายเนอหาทตดกบสพน9. ใชความทสรางความเขาใจงาย ๆ และหลกเลยงการใชถอยคำา

เชงบงคบหรอละเมดสทธบคคล

2. เอกสารสอกราฟก (Graphics)

Page 17: pro.edu.snru.ac.thpro.edu.snru.ac.th/UserFiles/งาน อ.ภัทรดร...  · Web viewสรุป เทคนิค ... (Word Processing) ... ห้างหุ้นส่วน

คำาวา กราฟก (Graphics) เปนคำาทมาจากศพทในภาษากรกวา “Graphein”ซงหมายถงการเขยนตวหนงสอและการสอสารความหมายโดยการใชเสนแลวความหมายของกราฟก จงหมายถง สอทมงแสดงความจรงหรอแสดงความคดใหเกดเปนมโนภาพทชดเจน โดยใชวธวาดรปและเขยนตวอกษร ซงอาจจะออกมาในรปของ แผนภาพ แผนภม แผนสถต หวเรอง การตน การตนเรอง สญลกษณ ตลอดจนภาพถายทนำามาใชเพอสอความหมายในเรองทแสดงขอเทจจรงตางๆ

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

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

เทคนคสรางการนำาเสนอสอกราฟก (Graphics Techniques)

สอกราฟคทใชสรางการนำาเสนอผานจอภาพคอมพวเตอรหรอกรอบแสดงเนอหาของบทเรยนคอมพวเตอรชวยสอน ผออกแบบควรคำานงถงหลกการ ดงน

1. ใชกราฟกเพอนำาเขาสเนอหา2. หลกเลยงการใชกราฟกทสบสน รบกวนการรบรหรอไมนา

สนใจ3. กราฟกทนำามาใชสอความหมายทชดเจน ในบางครงอาจจะตอง

อธบายองคประกอบดวยขอความหรอเสยงบรรยาย4. ออกแบบจงหวะการนำาเสนอและจดองคประกอบกราฟกให

กลมกลน ไมขดแยงกน5. กราฟกทใชตองสอความหมายไปยงเนอหา ควรใชสอทอธบาย

ไดอยางชดเจนไมคลมเครอ

Page 18: pro.edu.snru.ac.thpro.edu.snru.ac.th/UserFiles/งาน อ.ภัทรดร...  · Web viewสรุป เทคนิค ... (Word Processing) ... ห้างหุ้นส่วน

3. เอกสารสอภาพเคลอนไหว (Digital Movies)ภาพเคลอนไหวนสามารถใชสญลกษณภาพจากเทปวดโอทวไปซง

ผานการถายทำาตามแบบแผนทไดออกแบบเอาไว แลวนำาภาพมาแปลงใหเปนสญญาณดจตอล สวนภาพเคลอนไหว (Animation) สามารถสรางขนไดดวยโปรแกรมคอมพวเตอรประเภทกราฟกสามมต เมอไดไฟลภาพตามทตองการแลวจงนำาไปแปลงไฟลภาพประเภท *.AVI หรอ MPEG การเขยนเอกสารสอเพอถายทำาเปนภาพวดโอหรอภาพเคลอนไหว ควรใชวธการ เขยนภาพราง (Sketch) เพอบอกถงองคประกอบของภาพทตองการในแตละเฟรม หรออาจจะเขยนเพออธบายวาตองการภาพอะไร และวางตำาแหนงของ องคประกอบภาพอยางไรกได

เทคนคสรางการนำาเสนอภาพเคลอนไหว (Digital Movies)- ใชภาพวดทศนเทาทจำาเปนจรงๆ บางทอาจใชภาพสรางจาก

โปรแกรมสรางภาพเคลอนไหว (Animation) แทนกได- ถาตองการสาธตวธการหรอขนตอนการปฏบตงานอยางหนงควร

ใชภาพจากวดโอทนำามาแปลงรหสขอมล (Convert) มาเปนสญญาณแบบดจตอล (Digital)

- ไมควรกำาหนดขนาดของภาพใหญเกนไป เพราะจะทำาใหโปรแกรมบทเรยนอาน(Load) ขอมลไดชา

4. เอกสารสอเสยงประกอบ (Audio)เสยง (Audio) เปนการเขยนทใชสำาเนาทเปนภาษาพดสำาหรบอาน

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

เทคนคสรางการนำาเสนอสอเสยงประกอบ (Audio Techniques)

1. บนทกเสยงใหชดเจน ไมมเสยงรบกวน2. การบนทกเสยงควรใหมระดบความดงของเสยงทสมำาเสมอ

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

Page 19: pro.edu.snru.ac.thpro.edu.snru.ac.th/UserFiles/งาน อ.ภัทรดร...  · Web viewสรุป เทคนิค ... (Word Processing) ... ห้างหุ้นส่วน

3. ใชสำานวนภาษาพดในการเขยนและกำาหนดวรรคตอนใหสอดคลองกบภาษาพด

4. แบงวรรคตอนเพอการอานและจดลำาดบคำาบรรยายใหสอดคลองกบเนอหา

5. ถาตองการใหนำาเสนอดวยเสยงพเศษ ควรระบเอาไวเปนการเฉพาะ

6. ไมควรบนทกเสยงคำาบรรยายและซอนเสยงพเศษ (Sound Effects) เขาดวยกน

สรปเทคนคการนำาเสนอดวยสอผสมชนดตางๆ ใน CAIเทคนคการเลอกใชสอตาง ๆ อธบายมาขางตน ผออกแบบ CAI จะ

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

1. หลกเลยงการใชสอรบกวนความสนใจและการรบรของผเรยนโดยไมนำาเสนอดวยสอหลายๆ ชนด ในขณะเดยวกน เชน การใชเสยงบรรยายในขณะกำาลงนำาเสนอขอความหรอกราฟกอนดวยเทคนคพเศษ (Effects) เพราะจะเปนการเปดชองทางรบสารหลายชองทางในเวลาเดยวกน ทำาใหเกดปญหาในการฟงและรบกวนการรบรของบคคล

2. เลอกใชชนดของสอ (Media) ใหเหมาะสำาหรบการอธบายเนอหาทแตกตางกนโดยคำานงถงดานขอดและขอจำากดในการสรางการนำาเสนอดวยสอแตละชนด

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

4. ใชเทคนคหนวงจงหวะเพอสรางกานนำาเสนอดวยสอ (Media) ทมบรณาการทงในดานปรมาณและดานคณภาพ

5. หลกเลยงการนำาเสนอวดโอในชวงสน ๆ ในขณะทผอานยงคงรบรอยกบสอชนดอน

6. ใชเทคนคเปลยนผาน (Transition) เชน เทคนคเปดภาพ (Wipes) เทคนคเลอนภาพ (Fade) เปนตน เพอสรางการนำาเสนอระหวางจอภาพทคงทไมสบสน และเทคนคสรางการเคลอนท เพอดงดดความสนใจในชวงจงหวะทเหมาะสม

Page 20: pro.edu.snru.ac.thpro.edu.snru.ac.th/UserFiles/งาน อ.ภัทรดร...  · Web viewสรุป เทคนิค ... (Word Processing) ... ห้างหุ้นส่วน

7. ใชเทคนคเปลยนผานเพอนำาเสนอทเหมาะสม เนนจงหวะ และรปแบบการเปลยนผานทใชไมควรหลากหลายจนเกนไป

2. จดทำาลำาดบเนอหา (Storyboard Development)เปนการนำาเอากรอบเนอหาหรอทเขยนเปน Script ไว มาเรยบ

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

3. นำาเนอหาทยงเปนสงพมพนมาตรวจสอบหาคาความถกตอง (Content Correctness)

โดยเฉพาะการสราง IMMCAI จะเปนการเขยนตำาราหรอเนอหาใหมทงเรอง ควรอาศยผเชยวชาญในวชานน ๆ (Subject Specialist) เปนผตรวจสอบให จากนนนำาเนอหาไปทดลองหาคา Content Validity และ Reader Reliability โดยใชกลมตวอยางเปาหมายมาทดสอบดวย แลวปรบปรงใหสมบรณ

4. การสรางแบบทดสอบสวนตาง ๆตองนำามาหาคาความยากงาย อำานาจจำาแนก ความเทยง และความ

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

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

ขนการนำาเสนอบทเรยนบนคอมพวเตอร (Implementation) ในขนตอนการนำาเสนอบทเรยนบนคอมพวเตอร เปนขนตอนในการ

ลงมอปฏบตโดยนำาเอกสารบทเรยนหรอเรยกวา คอรสแวร (Courseware) ไปสรางใหเปนตวซอฟตแวรบทเรยนคอมพวเตอร

Page 21: pro.edu.snru.ac.thpro.edu.snru.ac.th/UserFiles/งาน อ.ภัทรดร...  · Web viewสรุป เทคนิค ... (Word Processing) ... ห้างหุ้นส่วน

ชวยสอนหรอ CAI บนคอมพวเตอร โดยมขนตอนยอยทตองปฏบต 3 ขนตอน ดงน

1. เลอกซอฟตแวรสำาเรจรประบบนพนธบทเรยนทเหมาะสมและสามารถสนองตอบตอความตองการทกำาหนดไว

เปนตวจดการเสนอบทเรยนบนคอมพวเตอร โดยเฉพาะซอฟตแวรระบบนพนธบทเรยน (Authoring Software) ซงปจจบนดวยเทคโนโลยของซอฟตแวรสำาหรบใชเปนเครองมอในการสรางบทเรยนคอมพวเตอรชวยสอนมประสทธภาพสงมาก ผสราง CAI สามารถพจารณาเลอกและนำามาใชไดตามความถนด ดงภาพ

รปท 4.2 แสดงซอฟตแวรระบบนพนธบทเรยน Macromedia Authorware version 6.5

Page 22: pro.edu.snru.ac.thpro.edu.snru.ac.th/UserFiles/งาน อ.ภัทรดร...  · Web viewสรุป เทคนิค ... (Word Processing) ... ห้างหุ้นส่วน

คณสมบตและความสามารถของซอฟตแวร Macromedia Authorware 6.5 ทเปนเหตผลทำาใหซอฟตแวรเปนทนยม ไดแก มระบบการตดตอกบผใชทงาย (Easy to use) มลกษณะการทำางานเปนลำาดบบน Flow Line มความสามารถในการประกอบบทเรยน การสรางการโตตอบในบทเรยน การสรางแบบฝกหด แบบทดสอบ สามารถเชอมโยงกบฐานขอมล สามารถเผยแพรบนเวบ(Web) ได รวมถงมภาษาสครปตทสามารถนำามาเขยนโปรแกรมประยกตระดบสงได นอกจากนนยงมการพฒนาจากบรษทผผลตอยางตอเนอง มเอกสารคมอและตำาราการใชซอฟตแวรเผยแพรเปนจำานวนมาก อกทง ยงมผเชยวชาญการใชงานซอฟตแวร Macromedia Authorware อยจำานวนมาก มWeb Site เผยแพรเทคนคการใชงานใหความรผานทางอนเตอรเนต เชน ttp://www.thaicai.comเปนตน

2. จดเตรยมทรพยากรทมงานสราง CAI ตองจดเตรยม รปภาพ เสยง หรอการถายวดโอ

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

- ขอความ (Text) ซงการจดเตรยมขอความ (Text) เนอหา อาจใชซอฟตแวรประเภทประมวลผลคำา (Word Processing) ไดแก Microsoft Word หรอกรณเปนขอความแบบ PDF (Portable Document Format) ตองใชซอฟตแวร Acrobat Writer เปนตน

Page 23: pro.edu.snru.ac.thpro.edu.snru.ac.th/UserFiles/งาน อ.ภัทรดร...  · Web viewสรุป เทคนิค ... (Word Processing) ... ห้างหุ้นส่วน

รปท 4.3 แสดงซอฟตแวร Microsoft Word XP สำาหรบจดเตรยมขอความ

- ภาพนง (Image) หมายถง รปภาพทเปนทงขอความและรป ซงสามารถนำารปภาพมาใชในซอฟตแวร Macromedia Authorware version 6.5 ไดแก BMP, JPG, GIF, TIFF ซงมซอฟตแวรทใชในการจดเตรยมทรพยากรตาง ๆ มากมาย ทนยมใชไดแก Adobe Photoshop ซงมประสทธภาพและความสามารถสง

Page 24: pro.edu.snru.ac.thpro.edu.snru.ac.th/UserFiles/งาน อ.ภัทรดร...  · Web viewสรุป เทคนิค ... (Word Processing) ... ห้างหุ้นส่วน

รปท 4.4 แสดงซอฟตแวร Adobe Photoshop 7.0 สำาหรบสรางและตกแตงภาพนง

- ภาพเคลอนไหว (Animation) หมายถงภาพทเปนประเภท Gif Animation ซงสามารถนำาเขามาประกอบใน Macromedia Authorware ได เชน ซอฟตแวร Ulead Coold 3D ซงเปนซอฟตแวรทมความสามารถสงและการใชงานคอนขางงาย

Page 25: pro.edu.snru.ac.thpro.edu.snru.ac.th/UserFiles/งาน อ.ภัทรดร...  · Web viewสรุป เทคนิค ... (Word Processing) ... ห้างหุ้นส่วน

- ภาพยนตร (Video) สอทเปนลกษณะภาพเคลอนไหวในรปแบบของวดโอหรอภาพยนตร นบเปนสอทสำาคญในการอธบายหรอสาธตเนอหาทยากและซบซอน ไฟลภาพยนตร ทสามารถนำามาใชใน Macromedia Authoware 6.5 ได ไดแก AVI, MOV, FLC/FLI, SWF เปนตน ซอฟตแวรทใชสรางและตดตอภาพยนตรทนยมใชไดแก Adobe Premier หรอซอฟตแวรทใชสรางภาพเคลอนไหวในรปแบบของ Flash Movie หรอไฟล SWF

Page 26: pro.edu.snru.ac.thpro.edu.snru.ac.th/UserFiles/งาน อ.ภัทรดร...  · Web viewสรุป เทคนิค ... (Word Processing) ... ห้างหุ้นส่วน

รปท 4.6 แสดงซอฟตแวร Adobe Premier CS สำาหรบตดตอภาพยนตร

- เสยง (Audio) หมายถง เสยงบรรยายทไดออกแบบไวในกรอบเนอหา (Script) ซงจะตองทำาการบนทกและตดตอ เพอนำามาใชประกอบในบทเรยนคอมพวเตอรชวยสอน รปแบบของไฟลเสยงทนำามาใชใน Macromudia Authorware 6.0 ไดแก WAV, VOC, MP3 ทนยมใชไดแก ประเภท MP3 เนองจากมคณสมบตขนาดเลกและคณภาพเสยงด ซอฟตแวรทใชในการจดเตรยมเสยง เปนซอฟตแวรประเภท Sound Studio ตวอยางซอฟตแวรสำาหรบบนทกและตดตอเสยง (Sound Studio) ในรปแบบของ MP3 ไดแก Power Audio Editor

Page 27: pro.edu.snru.ac.thpro.edu.snru.ac.th/UserFiles/งาน อ.ภัทรดร...  · Web viewสรุป เทคนิค ... (Word Processing) ... ห้างหุ้นส่วน

รปท 4.7 แสดงซอฟตแวร Power Audio Editor สำาหรบบนทก ตดตอและแปลงรปแบบเสยง

3. จดการนำา Courseware เขาในโปรแกรม (Coding)เปนขนตอนทผเชยวชาญการเขยนโปรแกรม (Programmer)

ดาน CAI จะตองนำากรอบเนอหา (Frame Script) มาประกอบกบสอมลตมเดยหรอทรพยากรทเตรยมไว สรางเปนซอฟตแวร CAI ดวยความประณตและดวยทกษะทด ทำาการ Edit ภาพ เสยง VDO ใหเรยบรอยสมบรณ ซงจะไดเปนบทเรยน 1 วชา บนคอมพวเตอรตามทตองการ (Subject CAI Software) ทงนจะตองคำานงหรอยดตามกรอบเนอหา (Script) เปนหลก ซงไดออกแบบไวแลวในขนตอนของการพฒนากรอบบทเรยน

ทฤษฎเกยวกบการเลอกใชสในการสราง CAI

Page 28: pro.edu.snru.ac.thpro.edu.snru.ac.th/UserFiles/งาน อ.ภัทรดร...  · Web viewสรุป เทคนิค ... (Word Processing) ... ห้างหุ้นส่วน

ในขนตอนของการพฒนากรอบเนอหา (Script) แตละกรอบเนอหา บางครงอาจมรายละเอยดไมครบถวน เชน การกำาหนดสของแตละสวนของแตละจอภาพ ดงนน ผททำาหนาทในการลงรหสโปรแกรมและผทตรวจสอบ ควรมความรทฤษฎเรองของส และนำาไปเปนแนวทางในการปฏบต เพอใหเกดคณภาพดานมลตมเดยของบทเรยนมากยงขน (พงษศกด ไชยทพย, 2544)

วรรณะของส (Tones)วรรณะของส หมายถง กลมสทปรากฏใหความรสกทแตกตางกน

สงเกตจากวงลอส จะปรากฏเปน 2 วรรณะ คอ- วรรณะสรอน ( Warm Tone) ลกษณะของสจะใหความสดใส

รอนแรง ฉดฉาด หรอ รนเรง สในกลมนไดแก สเหลอง สแดง สแสด และสทใกลเคยง

- วรรณะสเยน (Cool Tone) ความรสกทปรากฏในภาพจะแสดงความสงบ เยอกเยน จนถงความเศรา ไดแก สนำาเงน สมวง สเขยว และสทใกลเคยง

จตวทยาในการใชสแมวาจะมทฤษฎเกยวกบสอยมากมาย ซงแตกตางกนออกไปตาม

ลกษณะของการนำาไปใชงาน แตลกษณะเฉพาะหรอคณคาเฉพาะของสแตละสยอมจะเปนตวแทนของอารมณตางๆ ในวตถทมสปรากฏขนในตว เมอสายตาไดสมผสวตถ ไดเหนความแตกตางหลากหมายของสในวตถ ยอมเกดความรสกตาง ๆ ไดแก ตนเตน หนวานเยนหรออบอน ออนหวาน นมนวลหรอ แขงกระดาง และนอกจากความรสกทเกดขนแลว ยงเปนทยอมรบกนอกวา สเปนลกษณะของความคดทางนามธรรมบางประการอกดวย เชน ความสงบสนต การเคลอนไหว อนตราย ความตาย อทธพลของสงทเกยวของเนองกบการรบรและการจดจำาสงตางๆ รอบตว มผลกระทบตอระบบประสาทสมผสไดดกวารปราง ลายเสน หรอถอยคำา ตลอดจนเปนมโนทศนตางๆ การมความรและประสบการณในการเลอกใชสของนกออกแบบ จงเปนสวนสำาคญทจะทำาใหเอกสารเหลานนบรรลเปาหมายตามตองการไดไมยากนก การเรยนรถงอทธพลทมตอความรสกของการมองสแตละส จงเปนสงทนาศกษาอยางยง ดงตวอยางตอไปน

Page 29: pro.edu.snru.ac.thpro.edu.snru.ac.th/UserFiles/งาน อ.ภัทรดร...  · Web viewสรุป เทคนิค ... (Word Processing) ... ห้างหุ้นส่วน

สแดงเปนสของไฟ การปฏบต ความรสกทางกามารมณ ความปรารถนา ส

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

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

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

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

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

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

สนำาเงนเปนสทเกบกด ชางฝน เปลาเปลยว ถงแมวาจะทำาใหใสขนโดยการ

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

สมวงแสดงถงความรสกใครครวญ การทำาสมาธ ความลกลบ เวทมนต

คาถา และ ความเกาแกโบราณ แมวาจะผสมสขาวใหเปนสมวงไลแลค กยงทำาใหคนทมองเหนไมกลาเขาใกลไมรสกเปนมตร สมวงครามซงใกลสนำาเงน

Page 30: pro.edu.snru.ac.thpro.edu.snru.ac.th/UserFiles/งาน อ.ภัทรดร...  · Web viewสรุป เทคนิค ... (Word Processing) ... ห้างหุ้นส่วน

มาก จะดเกยวของกบโลกมากกวาสมวงแดง แตกยงคงความเปนเจานาย และเตมไปดวยเกยรตยศอยนนเอง

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

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

สเทาสำาหรบสเทาซงมระดบสออนแกแตกตางกนมากหลายระดบนน อาจ

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

สดำาสดำา ซงเรยกวา อรงค คอ ถอไดวาใชสดำา เปนสญลกษณของ“ ”

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

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

ทำาใหสเหลองจาขน เราสามารถวางภาพหรออกษรสตางๆ ลงบนพนขาวไดผลดเชนเดยวกบสดำา

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

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

เดกเลก ๆ ควรใชสประเภทสปฐมภม (primary) หรอสทตยภม (Secondary) สวนผใหญอาจใชสแท (Hue) ผสมกลมสขาวหรอสนวลหรอ

Page 31: pro.edu.snru.ac.thpro.edu.snru.ac.th/UserFiles/งาน อ.ภัทรดร...  · Web viewสรุป เทคนิค ... (Word Processing) ... ห้างหุ้นส่วน

สดำาทเรยกวา Tint and Shade การใชสขาวหรอสดำามาผสมกบสแท กจะชวยลดความสดใสของสเดมลงตามขนาดสดสวนมากนอยตามตองการ ดงนนกอนจะวางโครงสในการทำางาน จงควรพจารณาเกยวกบการใชสในทางจตวทยาดวย ดงน

1. ใชสสดสำาหรบกระตนใหเหนเดนชด เพอการมองในระยะเวลาสนๆ เหมาะอยางยงสำาหรบการทำาสอเพอการโฆษณาประชาสมพนธ

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

3. การออกแบบงานพาณชยศลป งานกราฟกตางๆ อาจจะไมจำาเปนตองใชสเสมอไป ผออกแบบจงควรพจารณาถงความเหมาะสมดวยวาควรใชอยางไรเพยงใด การกำาหนดวาจะใชสเพมขนมา 1 สนน หมายความวาจะตองเพมงบประมาณตามมาอกจำานวนหนงเสมอ

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

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

6. เมอใชสสด เขมจด คกบสออนมากๆ จะทำาใหดชดเจน และมชวตชวานาสนใจ

7. การใชสพนในงานออกแบบสงพมพทมพนทวางมากๆ ไมทำาใหเกดผลในการเราใจเทาทควรจงควรหลกเลยง

8. ขอพจารณาสำาหรบการใชสบนตวอกษร ขอความ คอ จะตองใหชดเจนอานงาย ควรงดเวนการใชสตรงกนขามในปรมาณเทาๆ กน บนพนทเดยวกนหรอใกลเคยง เพราะจะทำาใหผดตองเพงมองอยางมาก ทำาใหเกดภาพซอนพรามว โดยเฉพาะอยางยงสวนทเปนเนอหาสาระ เชน ตวอกษรสแดงบนพนสเขยว ความเดนชดของขอความทตองการเนนดวยความแตกตางกนของส กจะลดความเดนชดลงอกดวย

การพฒนาแบบทดสอบวดผลสมฤทธสำาหรบคอมพวเตอรชวยสอน

Page 32: pro.edu.snru.ac.thpro.edu.snru.ac.th/UserFiles/งาน อ.ภัทรดร...  · Web viewสรุป เทคนิค ... (Word Processing) ... ห้างหุ้นส่วน

แบบทดสอบวดผลสมฤทธ (Achievement) เปนเครองมอสำาคญทใชสำาหรบรวบรวมขอมลหรอคะแนน เพอนำาขอมลหรอคะแนนทไดจากแบบทดสอบวดผลสมฤทธมาประเมนหาประสทธภาพและผลสมฤทธทางการเรยนบทเรยนทสรางขน จงจำาเปนตองศกษาทฤษฎการสรางแบบทดสอบวดผลสมฤทธ เพอนำามาใชประกอบการสรางแบบทดสอบวดผลสมฤทธทางการเรยน

แบบทดสอบแบบองเกณฑ (Criterion Referenced Test) หมายถง แบบทดสอบท

สรางขนตามจดประสงคเชงพฤตกรรม มคะแนนจดตดหรอคะแนนเกณฑสำาหรบใชตดสนวาผสอบมความรตามเกณฑทกำาหนดไวหรอไม การวดตรงตามจดประสงคเปนหวใจสำาคญของขอสอบในแบบทดสอบประเภทน ซงสอดคลองกบการจดการเรยนการสอนโดยใช CAI ทผเรยนจะตองเรยนเพอใหผานเกณฑตามทบทเรยนกำาหนดไว จงจะถอวาผานการประเมนผล

การสรางแบบทดสอบวดผลสมฤทธองเกณฑการสรางขอสอบแบบองเกณฑนน กอนลงมอเขยนขอสอบจะตองม

การวางแผนในขนตอนการวางแผนน มสงทจะตองพจารณาเพมเตมนอกเหนอจากพจารณาจดมงหมายของขอสอบและเนอหาทจะสรางขอสอบ คอ ตองพจารณาวาจะสรางขอสอบโดยยดจดประสงค(Objective Based) คอ เขยนตามจดประสงคเชงพฤตกรรม หรอสรางขอสอบโดยยดกลมพฤตกรรมหรอสรางขอสอบโดยยดกลมพฤตกรรม (Domain Based) จงจะเหมาะสม สำาหรบการทดสอบโดยใชขอสอบทสรางโดยยดกลมพฤตกรรมเปนหลก (Domain Referenced Test) นถอวาเมอสอบแลวสามารถอางองไดวาบคคลมความสามารถในระดบใด หรอมความรอบรขนาดเทาใด เมอเทยบจากประชากรพฤตกรรมทงหมด การสอบวดโดยยดพฤตกรรมเปนหลก (Domain Reference Test) นถอวาขอสอบทใชสอบเปนกลมตวอยางของพฤตกรรมทกำาหนดจากประชากรพฤตกรรม (พวงรตน ทวรตน , 2530)

Page 33: pro.edu.snru.ac.thpro.edu.snru.ac.th/UserFiles/งาน อ.ภัทรดร...  · Web viewสรุป เทคนิค ... (Word Processing) ... ห้างหุ้นส่วน

ขนตอนการสรางแบบทดสอบวดผลสมฤทธ องเกณฑ สรปไดดงน (บญชม ศรสะอาด,2535)

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

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

2. กำาหนดพฤตกรรมยอยทจะออกขอสอบจากขนแรก พจารณาตอไปวาจะวดพฤตกรรมยอยอะไรบาง อยางละก

ขอ พฤตกรรมยอยดงกลาวคอจดประสงคเชงพฤตกรรมนนเอง เมอกำาหนดจำานวนขอทตองการจรงเสรจแลว ตอมาพจารณาวาจะตองออกขอสอบเกนไวกขอ ควรออกเกนไวไมตำากวา 25% ทงนเนองจากหลงจากทนำาไปทดลองใช และวเคราะหหาคณภาพของขอสอบรายขอแลว จะตดขอทมคณภาพไมเขาเกณฑออก ขอสอบทเหลอจะไดไมนอยกวาจำานวนทตองการจรง

3. กำาหนดรปแบบของขอคำาถามและศกษาวธเขยนขอสอบขนตอนน จะเปนการตดสนใจวาจะใชคำาถามรปแบบใด และศกษาวธการ

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

4. เขยนขอสอบลงมอเขยนขอสอบตามจดประสงคเชงพฤตกรรมตามตารางทไดกำาหนดจำานวนขอสอบของแตละจดประสงคเชงพฤตกรรมไวและใชรปแบบ เทคนคการเขยนขอสอบตามทไดศกษาในขนตอนขอท 3

5. ตรวจทานขอสอบนำาขอสอบทไดเขยนไวแลวในขนตอน 4 มาพจารณาทบทวนอกครง

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

Page 34: pro.edu.snru.ac.thpro.edu.snru.ac.th/UserFiles/งาน อ.ภัทรดร...  · Web viewสรุป เทคนิค ... (Word Processing) ... ห้างหุ้นส่วน

6. ใหผเชยวชาญพจารณาความเทยงตรงตามเนอหานำาจดประสงคเชงพฤตกรรมและขอสอบทวดแตละจดประสงคเชง

พฤตกรรมไปใหผเชยวชาญดานการวดผลและดานเนอหาจำานวนไมตำากวา 3 คน พจารณาวาขอสอบแตละขอวดตามจดประสงคทระบไวนนหรอไม โดยใชวธของ โรวเนลล (Rovinelli) และแฮมเบลตน (R. K. Hambleton) ดงตวอยาง

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

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

กา ในชอง +1 ถาแนใจวาขอสอบขอนนวดจดประสงคเชงพฤตกรรมทระบไวจรง

กา ในชอง 0 ถาไมแนวาขอสอบขอนนวดจดประสงคเชงพฤตกรรมทระบไว

กา ในชอง -1 ถาแนวาขอสอบขอนนไมไดวดจดประสงคเชงพฤตกรรมทระบไว

จดประสงคเชงพฤตกรรม ขอสอบ

คะแนนพจารณา

-1 0 +1

หลงจากผเชยวชาญพจารณาเสรจแลว นำามาหาคาเฉลยแลวเทยบกบเกณฑ ดงน

คาเฉลย ความหมาย

Page 35: pro.edu.snru.ac.thpro.edu.snru.ac.th/UserFiles/งาน อ.ภัทรดร...  · Web viewสรุป เทคนิค ... (Word Processing) ... ห้างหุ้นส่วน

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

พฤตกรรมทตองการจรงนอยกวา 0.5 เปนขอสอบทตองตดทงหรอแกไข

เพราะไมไดวดตามจดประสงคเชงพฤตกรรมทตองการ

7. พมพแบบทดสอบฉบบทดลองนำาขอสอบทงหมดทผานการพจารณาวาเหมาะสมเขาเกณฑในขน 6 มา

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

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

จำานวนประมาณ 40 คน หรอมากกวา โดยสอบในชวโมงแรกของการเรยนวชานน เรยกวาการสอบกอนเรยน และนำาแบบทดสอบเดมมาสอบกบกลมตวอยางเดมอกครงหนงหลงจากทเรยนวชานนจบแลวเรยกวาการสอบหลงเรยน นำาเอาผลการสอบสองครงมาวเคราะหหาคาอำานาจจำาแนกของขอสอบรายขอ โดยใชวธการวเคราะหตามแบบองเกณฑ คดเลอกขอสอบทมอำานาจจำาแนกเขาเกณฑตามจำานวนทตองการ หาคาความเชอมนแบบองเกณฑ

9. พมพแบบทดสอบฉบบจรงนำาขอสอบทมคาอำานาจจำาแนกเขาเกณฑ จากผลการวเคราะหในขน

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

การวเคราะหและพฒนาคณภาพแบบทดสอบแบบองเกณฑการวเคราะหแบบทดสอบแบบองเกณฑ ทจะนำา มาวเคราะหตองเปนแบบ

ทดสอบแบบเลอกตอบ ทมวธใหคะแนน 1 คะแนน สำาหรบคำาตอบทถกตอง และ 0 คะแนน สำาหรบคำาตอบทผด มวธการวเคราะหแบบทดสอบหลายวธ ไดแก (บญชม ศรสะอาด, 2535)

ก. การหาคาความยากงายของแบบทดสอบ

Page 36: pro.edu.snru.ac.thpro.edu.snru.ac.th/UserFiles/งาน อ.ภัทรดร...  · Web viewสรุป เทคนิค ... (Word Processing) ... ห้างหุ้นส่วน

ระดบความยาก (Difficulty) ของขอสอบองเกณฑมความหมายเชนเดยวกนกบกรณขอสอบองกลม กลาวคอเปนคาแสดงถงรอยละหรอสดสวนของผทตอบขอสอบนนถกหรอทเลอกตอบคำาตอบนน เขยนแทนดวยสญลกษณ p ระดบความยาก มคาตงแต 0 ถง 100 หรอ .00 หรอ 1.00 (กรณใชระบบสดสวน) คาของความยากหรอ p ทอยในเกณฑเหมาะสมควรอยระหวาง 0.20 ถง 0.80 ซงไมยากเกนไปหรองายเกนไป สำาหรบการหาคาระดบความยากคำานวณไดจากสตร ดงน

เมอ P หมายถง คาความยากของคำาถามแตละขอR หมายถง จำานวนผตอบถกในแตละขอN หมายถง จำานวนผเขาสอบทงหมด

ข. การหาคาอำานาจจำาแนกของแบบทดสอบอำานาจจำาแนกของขอสอบองเกณฑขนอยกบคาอำานาจจำาแนก ในทน

จะกลาวถงวธหาคาอำานาจจำาแนก 2 วธ ดงน1. วธของ Brennan อำานาจจำาแนกของขอสอบองเกณฑตามวธ

ของ Brennan หมายถง ประสทธภาพในการจำาแนกผสอบออกเปนผรอบรหรอสอบผาน กบผทไมรอบรหรอสอบไมผาน เขยนแทนดวยสญลกษณ “B” คำานวณโดยใชสตรดงน

เมอ B แทน คาอำานาจจำาแนกU แทน จำานวนผรอบรหรอสอบผานเกณฑทตอบถกL แทน จำานวนผไมรอบรหรอสอบไมผานเกณฑทตอบถกn1 แทน จำานวนผรอบรหรอสอบผานเกณฑn2 แทน จำานวนผไมรอบรหรอสอบไมผานเกณฑ

Page 37: pro.edu.snru.ac.thpro.edu.snru.ac.th/UserFiles/งาน อ.ภัทรดร...  · Web viewสรุป เทคนิค ... (Word Processing) ... ห้างหุ้นส่วน

ขอสอบทมคาอำานาจจำาแนกตงแต 0.20 ขนไป เปนขอสอบทเขาเกณฑ สามารถนำาไปใชได

ค. การหาคาความเทยงตรงของแบบทดสอบแบบทดสอบวดผลสมฤทธองเกณฑ ควรพจารณาความเทยงตรง

เชงเนอหา (Content Validity) และความเทยงตรงเชงโครงสราง (Construct Validity) การสรางแบบทดสอบวดผลสมฤทธองเกณฑจะตองสรางตามจดประสงคเชงพฤตกรรม ซงจะทำาใหมความเทยงตรงเชงเนอหา วธการตรวจสอบวาแตละขอมความเทยงตรงเชงเนอหาหรอไม กโดยนำาเอาจดประสงคเชงพฤตกรรมและขอสอบไปใหผเชยวชาญตดสนการวเคราะหหาความเทยงตรงตามเนอหาและความสอดคลองระหวางขอสอบกบจดประสงคเชงพฤตกรรม โดยการนำาไปใหผเชยวชาญพจารณาใหคะแนนความสอดคลองของขอสอบแตละขอกบจดประสงคเชงพฤตกรรม แลวนำามาหาคาดชนความสอดคลอง (IOC) โดยใชสตรดงน (กรมวชาการ, 2545)

เมอ IOC หมายถง ดชนความสอดคลองระหวางขอสอบกบจดประสงค

R หมายถง คะแนนของผเชยวชาญทงหมดΣR หมายถง ผลรวมของคะแนนผเชยวชาญแตละคนN หมายถง จำานวนผเชยวชาญ

การกำาหนดคะแนนของผเชยวชาญอาจจะเปน +1 หรอ 0 หรอ –1 ดงน+1 = แนใจวาขอสอบขอนนวดจดประสงคเชงพฤตกรรมทระบไวจรง0 = ไมแนใจวาขอสอบขอนนวดจดประสงคเชงพฤตกรรมทระบไว-1 = แนใจวาขอสอบขอนนไมไดวดจดประสงคเชงพฤตกรรมทระบไว

คาดชนความสอดคลองทยอมรบไดตองมคาตงแต 0.50 ขนไป

Page 38: pro.edu.snru.ac.thpro.edu.snru.ac.th/UserFiles/งาน อ.ภัทรดร...  · Web viewสรุป เทคนิค ... (Word Processing) ... ห้างหุ้นส่วน

ง. การหาคาความเชอมนของแบบทดสอบวดผลสมฤทธองเกณฑความเชอมน (Reliability) ของแบบทดสอบประเภทนมหลายวธ

ไดแก1. วธของ Carver ความเชอมนตามวธน หมายถงความ

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

เมอ rcc หมายถง คาความเชอมนกรณใชแบบทดสอบคขนาน

a หมายถง จำานวนผสอบผานทงสองฉบบc หมายถง จำานวนผสอบไมผานทงสองฉบบ

กรณใชวธสอบกลมเดม 2 ครงa หมายถง จำานวนผสอบผานทงสองครงc หมายถง จำานวนผสอบไมผานทงสองครง

N หมายถง จำานวนผสอบทงหมด

2. วธของ Lovett เปนวธหาความเชอมนของแบบทดสอบองเกณฑจากผลสอบครงเดยว โดยใชสตรดงน

เมอ rcc แทน ความเชอมนของแบบทดสอบk แทน จำานวนขอสอบXi แทนคะแนนของแตละคนC แทน คะแนนเกณฑหรอจดตดของแบบทดสอบ

Page 39: pro.edu.snru.ac.thpro.edu.snru.ac.th/UserFiles/งาน อ.ภัทรดร...  · Web viewสรุป เทคนิค ... (Word Processing) ... ห้างหุ้นส่วน

แบบทดสอบทเขาเกณฑ มคาความเชอมนของแบบทดสอบตงแต 0.5 ขนไป

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

ตอนทตองอาศยผเชยวชาญหลายดานไดแก นกออกแบบสครปต โปรแกรมเมอร นกคอมพวเตอรกราฟก ผเชยวชาญดานมลตมเดย ผเชยวชาญดานเนอหาและการประเมนผลในขนตอนการพฒนาหมายถงการพฒนากรอบเนอหา (Script) จะตองคำานงถงเทคนคตาง ๆ ในการนำาสอผสม (Multimedia) มาบรณาการรวมกน และผานการตรวจสอบเนอหาจากผเชยวชาญ สวนในขนตอนของการสรางในคอมพวเตอร ทมงานผเกยวของทกดาน จะตองนำาสครปต (Script) ไปเปนตวแบบในการสรางและประกอบเปนโปแกรมคอมพวเตอรชวยสอนตอไปแบบทดสอบแบบองเกณฑจะใชเปนเครองมอเกบรวบรวมคะแนน เพอนำาคะแนนทไดไปวดและประเมนประสทธภาพและผลสมฤทธของบทเรยนคอมพวเตอรชวยสอนทสรางขน ทงน พฒนาแบบทดสอบจะตองตรวจสอบคณภาพแบบทดสอบดานตาง ๆ ไดแก คาอำานาจจำาแนก คาความยากงาย คาความเชอมนของแบบทดสอบ คาความเทยงตรง กอนทจะนำาไปประกอบไวในบทเรยนคอมพวเตอรชวยสอน

Page 40: pro.edu.snru.ac.thpro.edu.snru.ac.th/UserFiles/งาน อ.ภัทรดร...  · Web viewสรุป เทคนิค ... (Word Processing) ... ห้างหุ้นส่วน

แบบฝกหด

จงตอบคำาถามตอไปน โดยอธบายอยางละเอยด1. จงอธบายถงรายละเอยดในแบบฟอรมออกแบบกรอบเนอหา

(Script) และอธบายถงความจำาเปนทตองใชแบบฟอรมออกแบบกรอบเนอหา (Script)

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

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

4. ดชนความสอดคลองระหวางขอสอบกบจดประสงค หมายถงกระบวนการพฒนาขอสอบในขนตอนใด และมวธการทำาอยางไร

Page 41: pro.edu.snru.ac.thpro.edu.snru.ac.th/UserFiles/งาน อ.ภัทรดร...  · Web viewสรุป เทคนิค ... (Word Processing) ... ห้างหุ้นส่วน

เอกสารอางอง

วฒชย ประสารสอย. (2543). บทเรยนคอมพวเตอรชวยสอน:นวตกรรมเพอการศกษา. กรงเทพฯ : หางหนสวน

จำากด ว. เจ. พรนตง.บญชม ศรสะอาด. (2535). การวจยเบองตน. กรงเทพฯ : สวรยาสาสน. หนา 46-92. พงษศกด ไชยทพย. (2544).

เทคนคการออกแบบงานกราฟก. กรงเทพฯ : ซเอดยเคชน, 176 หนา.พวงรตน ทวรตน. (2530). การสรางและพฒนาแบบทดสอบผลสมฤทธ. กรงเทพฯ : มหาวทยาลยศรนครนทร

วโรฒ, หนา 65-66.ไพโรจน ตรณธนากล และ ไพบลย เกยรตโกมล. (2541). “Creating IMMCAI Package,” วารสารครศาสตร

อตสาหกรรม. ปท 1, พ.ค., หนา 14-18.วชาการ, กรม. (2545). การวจยเพอพฒนาการเรยนรตามหลกสตรการศกษาพนฐาน. กรงเทพฯ : ครสภา,

140 หนา

Page 42: pro.edu.snru.ac.thpro.edu.snru.ac.th/UserFiles/งาน อ.ภัทรดร...  · Web viewสรุป เทคนิค ... (Word Processing) ... ห้างหุ้นส่วน