ภาคผนวก เครองมอพฒนา Learning Object เบองตน

โปรแกรมนพนธบทเรยนออเธอแวร เวอรชน 7.0

3.1 ความน า โปรแกรมส าหรบพฒนาบทเรยนคอมพวเตอรชวยสอนแบงเปน 4 กลม คอ 1) กลมโปรแกรมภาษาระดบสง (high-level languages) เชนภาษาซ ภาษาเบสค ภาษาปาสคาล ภาษาจาวา 2) กลมภาษานพนธบทเรยน(authoring languages) เชน Coursewriter, Pilot, Tutor 3) กลมระบบนพนธบทเรยน (authoring systems) เชน ToolBook Instructor, Macromedia Authorware, Macromedia Flash, Director 4) เครองชวยนพนธบทเรยน (authoring utilities) เชน Apple Shell Games, Code Generator, Screen Sculptor, Library routines (thaicai.com, 2551) การพฒนาบทเรยนคอมพวเตอรชวยสอนดวยเครองมอในกลมโปรแกรมภาษาระดบสงนน ผพฒนาจ าเปนตองมความรลกซงเกยวกบภาษานน ๆ อกทงสนเปลองเวลามากตอการพฒนาแตละบทเรยน ระบบนพนธบทเรยนจงเปนเครองมอหนงทรบความนยมจากผพฒนาบทเรยนคอมพวเตอรชวยสอน เนองจากมเครองมออ านวยความสะดวกกบผพฒนาในระยะเวลาอนสน และไดชนงานทมประสทธภาพ โปรแกรมในกลมระบบนพนธบทเรยน ทสามารถใชงานไดงายและตอบสนองตอคณลกษณะของบทเรยนคอมพวเตอรชวยสอน โปรแกรมออเธอแวรเปนเครองมอหนงทสนบสนนการใหผลยอนกลบดวยวธการโดยการเขยนสครปต ทมมาพรอมกบโปรแกรม สามารถสรางแบบทดสอบทหลากหลาย สามารถประยกตออกแบบบทเรยนเพอสรางการตอบสนองกบบทเรยนไดอยางด (Gospodin Jelev, Yoana Minkova, 2008) โปรแกรมออเธอแวร เวอรชน 7.0 พฒนาโดยบรษทมาโครมเดย (Macromedia) คณลกษณะของโปรแกรมสามารถบรณาการ กราฟก, เสยง, ภาพเคลอนไหว, ขอความ เพอประกอบเนอหาบทเรยนได สามารถสรางการปฏสมพนธระหวางผเรยนกบบทเรยนไดโดยงาย นอกจากนนยงสามารถเขยนสครปตควบคมบทเรยนดวยภาษาของออเธอแวรเอง หรอภาษาจาวาสครปตไดอกดวย หลงจากพฒนาบทเรยนเรยบรอยแลวสามารถเผยแพรบทเรยนไดทงการ ออนไลนในระบบอนเทอรเนต และเผยแพรในลกษณะโปรแกรมประยกต (applications) ทเผยแพรบนแผนคอมแพคดสก

3.2 สวนประกอบของโปรแกรมออเธอรแวร

โปรแกรมออเธอแวรเวอรชน 7.0 เปนโปรแกรมนพนธบทเรยนทท างานภายใตระบบปฏบตการแมคอนทอช (Macintosh) และระบบปฏบตการวนโดว (Windows) หนา ตางโปรแกรมประกอบดวย 4 สวนหลกคอ สวนชดค าสง (Menu Commands) สวนชดแถบเครองมอ (Toolbar) สวนชดไอคอน (Icons Palette) และสวนชดหนาตางการออกแบบ (Windows Design) ดงแสดงสวนประกอบทง 4 ดงรปท 3.1

รปท 3.1 สวนประกอบของโปรแกรมออเธอแวร (วจารณ สงกรานต ภาพหนาคอมพวเตอรจากโปรแกรมออเธอรแวร, 2552) 3.2.1 ชดค าสง (Menu Command) เปนสวนแสดงค าสงใชงานตางๆ ของโปรแกรมออเธอแวร ทประกอบดวยค าสงหลก 11 ค าสงหลก คอ File, Edit, View, Insert, Modify, Text, Control, Xtras, Command, Window และค าสง Help ซงแสดงชดค าสงหลกดงรปท 3.2

รปท 3.2 ค าสงหลกของโปรแกรมออเธอแวร (วจารณ สงกรานต ภาพหนาคอมพวเตอรจากโปรแกรมออเธอรแวร, 2552)

ชดหนาตางออกแบบ

ชดค าสง

ชดไอคอน

ชดทลบาร

3.2.1.1 ค าสงหลก File ประกอบดวยค าสงยอยจ านวน 16 ค าสง คอ New, Open, Close, Save, Save As, Save and Compact..., Save All, Import and Export, Public, Publish, Save in Model, Convert Model... Preferences, Page Setup..., Print, Send Mail, Exit ดงรปท 3.3

รปท 3.3 ค าสงยอยของค าสงหลก File (วจารณ สงกรานต ภาพหนาคอมพวเตอรจากโปรแกรมออเธอรแวร, 2552) (1) ค าสง New เปนค าสงสรางแฟมใหม ประกอบดวย ค าสง New File ใชส าหรบสรางชนงานบทเรยนใหม และค าสง New Library ส าหรบสราง Library เพอเปนคลงของกลมไอคอน เพอเรยกใชงานในครงตอไป (2) ค าสง Open เปนค าสงในการเปดแฟมทเคยบนทกไว ซงสามารถเปดแฟมได 2 ประเภท คอ ค าสง Open File เปดแฟมบทเรยนทเคยบนทกไว แฟมประเภทนเปนแฟมตนฉบบทผพฒนาสามารถปรบแตงแกไขไดมสวนขยาย (extension) เปน .A7P สวนค าสง Open Library เปนค าสงเปดแฟมประเภท Library แฟมประเภทนมสวนขยายเปน .A7l (3) ค าสง Close เปนค าสงในการปดหนาตางแฟมบทเรยนทก าลงใชงานอย (4) ค าสง Save เปนค าสงบนทกชนงานในหนาตางทก าลงด าเนนการอย เชนหนาตางบทเรยนจะมสวนขยายของแฟมเปน .A7P หรอก าลงด าเนนการไลบรารจะไดสวนขยายเปน .A7l (5) ค าสง Save As เปนค าสงเพอบนทกแฟมคลายกบค าสง Save แตมความแตกตางทผใชสามารถเปลยนชอแฟมใหมได

(6) ค าสง Save and compact เปนค าสงบนทกแฟมคลายค าสง Save แตท าการลดขนาดแฟมใหเลกลงประมาณ 35.04 % โดยตดสวนทไมจ าเปนออก จงใชเวลาประมวลผลในการบนทกนานกวาการใชค าสง Save หรอค าสง Save as (7) ค าสง Save All เปนค าสงในการบนทกงานทกหนาตางทเปดอยในขณะนน เชนหนาตางของชนงาน และหนาตางของ Library (8) ค าสง Import and Export เปนค าสงในการน าเขาและสงออกแบงเปนค าสงยอยตามความตองการของผใชอก 4 ค าสงไดแก ค าสง Import Media เปนการน าเขาขอมลประเภทภาพนง ภาพเคลอนไหวและมลเสยงเขาสบทเรยน ค าสง Import XML เปนการน าขอมลเขาจากแฟม XML (ทไดมาจากจากการ Export XLM ดวยต าสง Xport XML) ค าสง Export Media เปนค าสงในการน าขอมลประเภทมเดยจากบทเรยนออกเปนรปแบบของมเดยไฟล ไดแก แฟมประเภทภาพนง แฟมประเภทขอความ แฟมประเภทภาพเคลอนไหว และแฟมประเภทเสยง ค าสง Export as XML เปนค าสงแปลงชนงานบทเรยนคอมพวเตอรชวยสอนเปนแฟมประเภท XML (9) ค าสง Publish เปนค าสงในการเผยแพรชนงาน หลงจากทมการพฒนาบทเรยนคอมพวเตอรชวยสอนเรยบแลว รปแบบแฟมทไดจากการเผยแพรชนงานมหลายรปแบบตามความตองการ เชนเผยแพรกบคอมพวเตอร Stand alone มรปแบบเปน .exe หรอเผยแพรโดยท างานผานบราวเซอรเพอเปนบทเรยนออนไลนมรปแบบเปน .aam (10) ค าสง Save In Model เปนค าสงบนทกเฉพาะicon หรอกลมicons ทเลอกเทานนเพอความสะดวกในการน า icon เหลานนมาใชงานในบทเรยนอน ๆ ตอไป เมอบนทกแลวจะไดสวนขยายเปน .a7d โมเดลทบนทกไวจะแสดงในหนาตาง Knowledge Objects ของโปรแกรม (11) ค าสง Convert Model เปนค าสงเปลยนโมเดลทเคยสรางไวดวยโปรแกรม โปรแกรมออเธอแวร เวอรชนเดม เชน เวอรชน 6.0 ทมสวนขยายเปน .a6d ใหเปนเวอรชนใหม จะไดสวนขยายเปน .a7d เพอสามารถน ามาใชงานไดกบออเธอแวรเวอรชน 7.0 (12) ค าสงPreferences เปนค าสงเพอก าหนดคณสมบตใหกบicon Calculation ตามทผใชตองการเชนการก าหนดรปแบบและขนาดฟอนต (13) ค าสง Page Setup เปนค าสงตงคาของกระดาษและคณภาพการพมพทจะพมพ (14) ค าสง Print เปนค าสงพมพหนาตางการออกแบบบทเรยน (15) ค าสง Send Mail เปนค าสงในการสงชนงานบทเรยนทาง E-mail (16) ค าสง Exit เปนค าสงออกจากโปรแกรมออเธอแวร

3.2.1.2 ค าสงหลก Edit ประกอบดวยค าสงยอย 17 ค าสงไดแกค าสง Undo, Cut, Copy, Paste, Paste Special..., Clear, Select All, Change Properties..., Change Properties Again, Find, Fine Again, OLE Object Links..., OLE Object, Select Icon, Open Icon, Add to Display, Paste Hand ดงรปท 3.4

รปท 3.4 ค าสงยอยของค าสงหลก Edit (วจารณ สงกรานต ภาพหนาคอมพวเตอรจากโปรแกรมออเธอรแวร, 2552) (1) ค าสง Undo เปนค าสงในการยกเลกการท างานจากค าสงทผานมา (2) ค าสง Cut เปนค าสงในการตดวตถทเลอกไว (3) ค าสง Copy เปนค าสงในการคดลอกสงทเลอกไวเกบใน Clipboard (4) ค าสง Paste เปนค าสงในการคดลอกรายการจาก Clipboard มาวาง ณ ต าแหนงเคอรเซอร (5) ค าสง Paste Special เปนค าสงในการคดลอกรายการจาก Clipboard ทคดลอกมาจากโปรแกรมอน ๆ เทานน ค าสงนถาผใชเลอก option แบบ Paste Link เปนการก าหนดใหบทเรยนคอมพวเตอรสามารถเชอมโยงกบแฟมงานตนฉบบตลอดเวลา เมอมการปรบปรงแกไขแฟมตนฉบบในพนทของแฟมตนฉบบ บทเรยนคอมพวเตอรจะมการปรบปรงขอมลตาม เชนขอมลจากโปรแกรมไมโครซอฟตเวรด ไมโครซอฟตเอกเซล ดงรปท 3.5

รปท 3.5 หนาตาง Paste Special เพอเชอมโยงขอมลจากแฟมตนฉบบ (วจารณ สงกรานต ภาพหนาคอมพวเตอรจากโปรแกรมออเธอรแวร, 2552) (6) ค าสง Clear เปนค าสงลบวตถทเลอกไว โดยไมมการเกบรายการลบนน ๆ ใน Clipboard (ค าสง Clear มความแตกตางจากค าสง Cut โดยวตถทลบดวยค าสง Clear จะไมมการเกบวตถนนไวใน Clipboard) (7) ค าสง Select All เปนค าสงเลอกรายการทงหมด ณ หนาตางปจจบน เชน activeท หนาตางการออกแบบ level 2 จะท าการเลอก icons ทงหมดทอยในหนาตาง Level 2 (8) ค าสง Change Properties เปนการก าหนดคณสมบตให icon ทเลอก (9) ค าสง Change Properties Again เปนการก าหนดคณสมบตให icon ใหมใหมคณสมบตเชนเดยวกนกบ icon ทก าหนดไวแลวดวยค าสง Change Properties (10) ค าสง Find เปนค าสงในการคนหา icon ตามชอทระบ (11) ค าสง Find Again เปนค าสงในการคนหา icon ในกรณทการคนหาดวยค าสง Find ยงด าเนนการไมสนสด (12) ค าสง OLE Object Link เปนค าสงในการก าหนดการท างานรวมกบโปรแกรมประยกตอนทตดตงบนระบบ (13) ค าสง OLE Object เปนค าสงใชงานโปรแกรมประยกตอนทมการก าหนดการ Link จากค าสง OLE Object Link (14) ค าสง Select icon เปนค าสงเลอก icon ณ ต าแหนงเคอรเซอร (15) ค าสง Open icon เปนค าสงเปด icon ทเลอกไว (16) ค าสง Add to Display เปนค าสงเปด icon ทเลอกไวรวมกบการแสดงผลของ icon เดมกอนปด Present Window เพอสะดวกในการตกแตงแกไข

(17) ค าสง Paste Hand เปนค าสงเลอนต าแหนงเคอรเซอรในหนาตางการออกแบบ โดยสามารถระบการเลอนต าแหนงทศทางเคอรเซอร บน, ลาง, ซาย, ขวา ตามทระบ Up, Down, Left Right ตามล าดบ

3.2.1.3 ค าสงหลก View ประกอบดวยค าสงยอย 6 ค าสงไดแก Current Icon, Menu Bar Toolbar, Panels, Grid, Snap To Grid ดงรปท 3.6

รปท 3.6 ค าสงยอยของค าสงหลก View (วจารณ สงกรานต ภาพหนาคอมพวเตอรจากโปรแกรมออเธอรแวร, 2552) (1) ค าสง Current icon เปนค าสงทใชระหวางการรนบทเรยนคอมพวเตอรชวยสอน เพอใหหยดการท างานและกลบไปยงสถานะของการออกแบบ พรอมทงเคอเซอรจะหยด ณ ต าแหนงระหวางการรนโปรแกรมนน ท าใหสะดวกกบการปรบปรงแกไขโปรแกรม (2) ค าสง Menu Bar เปนค าสงปรบใหแสดงเมนบารหรอไมตองการใหแสดงเมนบาร ในขณะทท าการออกแบบบทเรยน ค าสงนจะมผลกบการก าหนดการแสดงผลของบทเรยนแบบเตมจอ (Full Screen) เทานน เนองจากเมนบารจะบงสวนการแสดงผลบรเวณดานบนท าใหไมสามารถมองเหนการแสดงผลไดทงหมด จงตองปดเมนบารดวยการใชเลอกค าสงเมนบาร หรอใชคยลด Ctrl shift + M และในการออกแบบครงจ าเปนตองใชค าสงทเมนบาร เชน ค าสง Text จงตองใหแสดงค าสง ดวยการใหแสดงเมนบาร ดวยคยลด Ctrl shift + M (3) ค าสง Toolbar เปนค าสงเปด/ปดแถบเครองมอดงรปท 3.7

รปท 3.7 ทลบารของโปรแกรมออเธอแวร ทก าหนดแสดงผลชดเครองมอดวยค าสง View/Toolbar (วจารณ สงกรานต ภาพหนาคอมพวเตอรจากโปรแกรมออเธอรแวร, 2552) (4) ค าสง Panels เปนค าสงเปด/ปด คอนโทรลพาเนล (Control Panel) ซงคอนโทรลพาเนลน เปนชดควบคมทอ านวยความสะดวกในการพฒนาบทเรยนคอมพวเตอรชวย

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

รปท 3.8 คอนโทรลพาเนล (วจารณ สงกรานต ภาพหนาคอมพวเตอรจากโปรแกรมออเธอรแวร, 2552) ชดควบคมในโคนโทรลพาเนลประกอบดวย จ านวน 6 ปม ดงรปท 3.9

ปม Restart ท าหนาทเรมตนการท างานโปรแกรม ณ ต าแหนงแรกของ โฟลวไลน

ปม Reset ท าหนาทเรมตนคาตวแปรใหมคาเทากบคาเรมตนในการรนโปรแกรม

ปม Stop ท าหนาทหยดการแสดงผลการรนโปรแกรม

ปม Pause ท าหนาทหยดการรนโปแกรมชวขณะเพอปรบแตแกไขขอบกพรองทพบ ณ ขณะนน

ปม Play ท าหนาทรนโปรแกรมตอไป หลงจากทใชปม Pause

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

รปท 3.9 รายละเอยดการท างานของชดคอนโทรลพาเนล (วจารณ สงกรานต ภาพหนาคอมพวเตอรจากโปรแกรมออเธอรแวร, 2552)

(5) ค าสง Grid เปนค าสงก าหนดใหแสดง หรอไมแสดงระยะในการออกแบบบทเรยนทมอยใน Display icon และ Interaction icon ทมประโยชนในการออกแบบเชงกราฟก (6) ค าสง Snap To Grid เปนค าสงชวยการออกแบบกราฟกจาก Display iconและ Interaction icon 3.2.1.4 ค าสงหลก Insert ประกอบดวยค าสงยอย 6 ค าสงดงรปท 3.10

รปท 3.10 ค าสงยอยของค าสงหลก Insert (วจารณ สงกรานต ภาพหนาคอมพวเตอรจากโปรแกรมออเธอรแวร, 2552) (1) ค าสง icon เปนค าสงในการแทรก icon ในโฟลวไลน เมอใชค าสง Insert/icon โปรแกรมจะแสดงชอiconทงหมดใหเลอก การแทรก icon นน ผพฒนาบทเรยนอาจจะใชเมาสลากจะ icon มาวางในโฟลวไลนเลยกได โดยไมตองใชค าสงดงกลาว (2) ค าสง Image เปนค าสงการแทรกรปภาพลงใน Display icon หรอ Interaction icon (3) ค าสง OLE Object เปนค าสงแทรกวตถจากโปรแกรมอนๆ เชน Microsoft Word, Microsoft Excel ลง Display icon หรอ Interaction icon ของบทเรยนคอมพวเตอรชวยสอน (4) ค าสง Control/ActiveX เปนการแทรก ActiveX ลงในบทเรยน (ActiveX เปนเทคโนโลยของบรษท Microsoft ทสามารถเขามาท างานรวมกบบทเรยน เชนปฏทน บราวเซอร ฯลฯ) (5) ค าสง Media ใชในการแทรกภาพเคลอนไหว ประเภททมรปแบบ .Gif Animation รปแบบ .SWA จากโปรแกรม Flash และ Quick Time ลงในบทเรยน

3.2.1.4 ค าสงหลก Modify ค าสง Modify เปนค าสงทมความส าคญทใชในการปรบปรงสวนตาง ๆ ของเพอใหบทเรยนคอมพวเตอรชวยสอน มลกษณะเฉพาะขน ประกอบดวยค าสงยอย 8 ค าสงดงรปท 3.11

รปท 3.11 ค าสงยอยของค าสงหลก Modify (วจารณ สงกรานต ภาพหนาคอมพวเตอรจากโปรแกรมออเธอรแวร, 2552)

(1) ค าสง Image Properties เปนค าสงการก าหนดคณสมบตของภาพทน าเขามาจากโปรแกรมอน เชนคณสมบตสถานะการแสดงผลทประกอบดวยสถานะทบแสง (Opaque), โปรงแสงเฉพาะสวนขอบของภาพ (Matted) โปรงแสงทงสวนขอบภาพและดานในภาพ (Transparent) ปรบสของภาพเปนสตรงขาม (Inverse) ไมแสดงผลภาพ (Erase) สแบบแอลฟา (Alpha) (2) ค าสง Icon เปนค าสงการก าหนดคณสมบตให icon ซงมรายการก าหนดคาของ icon ทประกอบดวย Properties, Decision Path, Response, Calculation, Transition, Keyword Connection, Library Link ซงจะแสดงค าสงยอยใด ๆ นนขนอยกบ icon แตละ icon (3) ค าสง File ค าสงการตงคาใหแฟมงานทประกอบดวยค าสงยอย Properties Font Mapping, Palette, Navigation Setup (4) ค าสง Align เปนค าสงก าหนดการชดซาย ชดขวา ชดดานบน ชดดานลาง หรอกงกลางของกลมวตถทเลอกไวใน Display icon หนง ๆ (5) ค าสง Group เปนค าสงการจดกลมของวตถทอยในDisplay icon รวมใหเปนวตถชนเดยวกน หรออาจจะใชรวม icons ทเลอกไวใหเปนกลมเดยวกนโดยจะสรางการรวมกลมอยใน Map icon (6) ค าสง Ungroup เปนค าสงยกเลกกลมทมการจดกลมไวดวยค าสง Group (7) ค าสง Bring to Front เปนค าสงใหวตถทเลอกไวอยขางหนาวถตอน

(8) ค าสง Send to Back เปนค าสงใหวตถทเลอกไวอยขางหลงวถตอน

3.2.1.5 ค าสงหลก Text ค าสง Text เปนค าสงในการจดการกบรปแบบอกษร ประกอบดวยค าสงยอย 11 ค าสงดงรปท 3.12

รปท 3.12 ค าสงยอยของค าสงหลก Text (วจารณ สงกรานต ภาพหนาคอมพวเตอรจากโปรแกรมออเธอรแวร, 2552) (1) ค าสง Font ค าสงเลอกรปแบบอกษร (2) ค าสง Size ค าสงก าหนดขนาดอกษร (3) ค าสง Style ค าสงก าหนดลกษณะรปแบบอกษร ซงสามารถเลอกแบบตาง ๆ ได คอ Plan Bold, Italic, Underline, Superscript, Subscript (4) ค าสง Alignment ค าสงก าหนดการวางต าแหนงอกษรแบบชดซาย ชดขวา หรอกงกลาง (5) ค าสง Scrolling Text เปนค าสงทใชในกรณทจ านวนขอความลนเฟรม เพอม Scroll Bar เลอนการแสดงผลของขอความได

(6) ค าสง Anti-Aliased ค าสงในการปรบตวคณภาพอกษรใหมความละเอยดขน (7) ค าสง Preserve Line Breaks ค าสงก าหนดระยะของบรรทดใหมความคงทแนนอนในกรณทน าชนงานไปแสดงผลทคอมพวเตอรเครองอน (8) ค าสง Number Format ค าสงก าหนดรปแบบของตวเลขทเกดจากคาของตวแปร เชนการก าหนดจ านวนหลกของทศนยม (9) ค าสง Navigation ค าสงก าหนดการเลอนหนาบทเรยนไปยงเปาหมายทก าหนดโดยใชรวมกบอกษรทมคณสมบตเปน hypertext Links (10) ค าสง Apply Style ค าสงการออกแบบอกษรเพอใหมคณสมบตเปน hypertext Links (11) ค าสง Define Style ค าสงในการก าหนดกลมอกษรทท าหนาทเปน hypertext Links

3.2.1.6 ค าสงหลก Control ค าสง Control เปนค าสงในการควบคมการท างานของบทเรยนคอมพวเตรอชวยสอน ประกอบดวย 8 ค าสงยอย ดงรปท 3.12

รปท 3.12 ค าสงยอยของค าสงหลก Control (วจารณ สงกรานต ภาพหนาคอมพวเตอรจากโปรแกรมออเธอรแวร, 2552) (1) ค าสง Restart เปนค าสงใหท างานบทเรยนคอมพวเตอรชวยสอนทออกแบบไวโดยเรมตนตงแต icon แรก ของหนาตาง Level 1 (2) ค าสง Stop เปนค าสงใหหยดการท างาน ใชในขณะท คอมพวเตอรก าลงรนผลงานอย (3) ค าสง Play เปนค าสงใหคอมพวเตอรรนงานบทเรยนคอมพวเตอรชวยสอนตอจากเดม เชนในกรณทมการใชค าสงหยดชวคราวดวยค าสง Pause (ในกรณทใชค าสง Restart โปรแกรมจะเรมตน ณ icon แรก หนาตาง Level 1 ท าใหเสยเวลาในการตกแตงแกไขบทเรยน (4) ค าสง Reset เปนค าสงในการคนคาตวแปรทกตวแปรของบทเรยน เพอสสภาพเรมตน (5) ค าสง Step Into เปนค าสงการแสดงการท างานของบทเรยนทละขนตามล าดบของ icon ทจดวางไว (6) ค าสง Step Over เปนค าสงการแสดงการท างานของบทเรยนทละขนของ iconทเปนประเภทโครงสรางเชน Interaction icon, Framework icon (7) ค าสง Restart from Flag เปนค าสงใหโปรแกรมเรมรนตงแต ต าแหนงทวางธงสขาวไว ณ ต าแหนงใด ๆ ของโฟลวไลน ใชประโยชนในการตรวจสอบชนงานบทเรยน โดยไมจ าเปนตองรนตงแต icon แรกในหนาตาง Level 1 (8) ค าสง Reset to Flag เปนค าสงเคลยรคาตวแปร ณ ต าแหนงทวางธงขาวถงต าแหนงทวางธงด า (ธงขาวคอจดเรมตน ธงด าคอจดสนสด)

3.2.1.7 ค าสงหลก Xtras ค าสง Xtras เปนค าสงหลกทประกอบดวยค าสงยอยทมประโยชนในการอ านวยความสะดวกตาง ๆ ประกอบดวย 4 ค าสงยอย ดงรปท 3.13

รปท 3.13 ค าสงยอยของค าสงหลก Xtras (วจารณ สงกรานต ภาพหนาคอมพวเตอรจากโปรแกรมออเธอรแวร, 2552)

(1) ค าสง Library Links เปนค าสงแสดงหนาตางของไลบรารพรอมกบแสดงชอ icon ทสรางมาจากไลบราร เพอท าการปรบปรงแกไข (2) ค าสง Spelling เปนค าสงใชในการตรวจสอบค าผดในเนอหาบทเรยนทอยใน Display icon และ Interaction icon รวมทงชอของ icons ทงหมด พรอมทงสามารถปรบปรงแกไขใหถกตองได ทงนขนอยกบการตดสนใจของผพฒนาบทเรยน (3) ค าสง Icon Size Report เปนค าสงสรางแฟมรายงานสถานะของiconทงหมดทมอยในแฟมชนงาน การรายงานนน โปรแกรมจะสรางเปนแฟมขอความรปแบบ .txt (4) ค าสง Other เครองมอในการแปลงแฟมเสยงจากรปแบบ .wav เปนรปแบบ .swf ซงลดเนอทของแฟมเสยงใหเลกลงเพอความประหยดเนอทในการประกอบในชนงานบทเรยนคอมพวเตอรชวยสอน 3.2.1.8 ค าสงหลก Commands ค าสงหลก Commands เปนค าสงทชวยในการสรางชนงานประเภทตาง ๆ ประกอบดวยค าสงยอย 6 ค าสง ดงรปท 3.14

รปท 3.14 ค าสงยอยของค าสงหลก Command (วจารณ สงกรานต ภาพหนาคอมพวเตอรจากโปรแกรมออเธอรแวร, 2552)

(1) ค าสง Accessibility เปนค าสงอ านวยความสะดวกในการพฒนาบทเรยนคอมพวเตอรชวยสอน ซงประกอบดวย 2 ค าสงยอย คอ 1) Accessibility Kit เปนค าสงเปดเครองมอแนะน าการพฒนาบทเรยนคอมพวเตอรชวยสอนแบบงาย 2) Edit Hot Keys เปนค าสงในการก าหนดคยเพอการตอบสนองระหวางผเรยนกบบทเรยนคอมพวเตอร ใหกบ Interaction icons ทก ๆ ตอนของบทเรยน (ในการออกแบบนนผพฒนาสามารถก าหนดคยการตอบสนองในระหวางการพฒนาในแตละตอนกไดโดยไมตองใชค าสง Edit Hot Keys) (2) ค าสง Converters เปนค าสงชวยแปลงชนงานทสรางดวยโปรแกรม Microsoft Power Point เปน Authorware XML ในการแปลงไฟลนน จะตองตดตงโปรแกรม Microsoft Virtual Machine ทสอดคลองกบเวอรชนของระบบปฏบตการใหกบเครองคอมพวเตอรกอน จงสามารถแปลงไฟลไดส าเรจ แฟมทแปลงไดจะอยในรปแบบของ .XML (ถาตองการใหอยในรปแบบของ .A7P ทโปรแกรมออเธอแวรอานได ตองใชค าสง File/Import XLM อกหนงขนตอน) (3) ค าสง LMS เปนค าสงท าการบรรจหบหอของเนอหา (Content Packaging ) เพอน าเนอหาทนน าเขาระบบการจดการเรยนการสอน (Learning Management System : LMS) เนองจากปจจบนมการพฒนาระบบการจดระบบการเรยนการสอนเกดขนมากมาย จงมองคกร Advanced Distributed Learning (ADL) ทท าหนาทควบคมมาตรฐานของระบบเพอสามารถน าเนอหาทพฒนาขนเขาสระบบการจดการเรยนการสอนใด ๆ กได ทเรยกวามาตรฐาน SCROM (Share Content Reference Object Model) LMS ทไดมาตรฐาน SCROM เชน TCU (Thailand Cyber University) ทพฒนาโดยส านกงานคณะกรรมการการอดมศกษา มเดล (Moodle) เอตวเตอร (A Tutor) Learn Square และ NOLP ของส านกงานสงเสรมวทยาศาสตรแหงชาต (สวทช.) (4) ค าสง Online Recourses เปนค าสงในการเชอมโยงไปยงแหลงขอมลออนไลนผานระบบเครอขายอนเทอรเนต ทเปนประโยชนตอการศกษาและพฒนาบทเรยนคอมพวเตอรชวยสอน ซงจะมแหลงเชอมโยง 3 สวน ไดแก Macromedia, Other, Goodies ถาเลอก Macromedia จะมแหลงขอมลในชดโปรแกรมจากบรษท Macromedia ใหเขาถง 7 แหลง คอ 1) Accessibility Resource Center 2) Authorware Support Center 3) Corporate Resource Center 4) Education Resource Center 5) Feature Request and Bug Report 6) Macromedia.com 7) eLearning Recourse Center ดงรปท 3.15

รปท 3.15 ค าสงยอย Online Resource /Macromedia (วจารณ สงกรานต ภาพหนาคอมพวเตอรจากโปรแกรมออเธอรแวร, 2552)

ในกรณทเลอกค าสง Other จะมแหลงขอมลออนไลนผานระบบอนเทอรเนตแหลงขอมลอน ๆ ถง 14 แหลง ไดแก 1) ADL 2) AEC Learning Consultants 3) AICC 4) APIXEL 5) AWARE Discussion List Archives 6) Authorware Books 7) Authorware WebRing 8) Authorware.com 9) Click Craft 10) Dazzle Technologies 11) Euro TAAC 12) Magic Modules 13) TAAC 14) Authorware-extensions.com ดงรปท 3.16

รปท 3.16 ค าสงยอย Online Resource /Other (วจารณ สงกรานต ภาพหนาคอมพวเตอรจากโปรแกรมออเธอรแวร, 2552)

ค าสงยอย Find Xtras เปนค าสงทคนหาแฟมสนบสนนการรนบทเรยนคอมพวเตอรชวยสอน เชนสนบสนนขอมลภาพ ขอมลเสยง ขอมลภาพเคลอนไหว ฯลฯ โดยแสดงการคนหาแฟมสนบสนนดงรปท 3.17

รปท 3.17 การใชค าสง Find Xtras เพอหาแฟมสนบสนนการรบบทเรยนคอมพวเตอรชวยสอน (วจารณ สงกรานต ภาพหนาคอมพวเตอรจากโปรแกรมออเธอรแวร, 2552) การใชค าสง Find Xtra จะท าในชวง Package File โดยจะไดรปแบบแฟมเปน .exe ทจะท าการเผยแพรบทเรยนคอมพวเตอรชวยสอน จงตองมแฟมสนบสนนทมจ านวนแฟมแตกตางกนแลวแตกรณของการพฒนา (5) ค าสง RTF Objects Editor เปนค าสง เปดโปรแกรม Word Processor RTF Objects Editor ขนมาเพอสรางแฟมประเภทขอความทสามารถน าเขาเปนสวนประกอบของบทเรยนคอมพวเตอรชวยสอน ดงรปท 3.18

รปท 3.18 การใชค าสง RTF Objects Editor เพอสรางขอมลประเภทขอความ (วจารณ สงกรานต ภาพหนาคอมพวเตอรจากโปรแกรมออเธอรแวร, 2552) 3.2.1.8 ค าสงหลก Window เปนค าสงในการจดการกบหนาตางของ icon ตาง ๆ ประกอบดวยค าสงยอย 18 ค าสง ดงรปท 3.19

รปท 3.19 ค าสงยอยของค าสงหลก Window (วจารณ สงกรานต ภาพหนาคอมพวเตอรจากโปรแกรมออเธอรแวร, 2552) (1) ค าสง Open Parent Maps เปนค าสงเปดหนาตาง Map icon ของหนาตางปจจบน (2) ค าสง Close Parent Maps เปนค าสงปดหนาตาง Map icon ของหนาตางปจจบน (3) ค าสง Cascade Map เปนค าสงเรยงหนาตาง Map icon เฉพาะหนาตางปจจบน (4) ค าสง Cascade All Maps เปนค าสงเรยงหนาตาง Map icons ทกหนาตางหนาตาง (5) ค าสง Close All Maps เปนค าสงปดหนาตาง Map icons ทก หนาตาง เหลอเพยงหนาตางระดบ LEVEL 1 (6) ค าสง Close Window เปนค าสงเปดหนาตาง Present Window (7) ค าสง Panel เปนค าสงยอย 4 ค าสง เพอเปดหนาตาง 4 ประเภทไดแก Properties, Functions, Variables และ Knowledge Objects ดงรปท 3.20

รปท 3.20 ค าสงยอยของค าสง Panels (วจารณ สงกรานต ภาพหนาคอมพวเตอรจากโปรแกรมออเธอรแวร, 2552) (8) ค าสง Properties เปนค าสงเปดหนาตางแสดงคณสมบตของ icon ทเลอกไวจากโฟลวไลน ในกรณทไมไดเลอก icons ใด ๆ ค าสง Functions เปนค าสงแสดงหนาตางของฟงกชนเพอใหเลอกใชงาน ค าสง Variables เปนค าสงแสดงหนาตางตวแปรของระบบเพอใหเลอกใชงาน ค าสง Knowledge Objects เปนค าสงแสดงหนาตาง Knowledge Objects เพอน าไปเปนสวนประกอบของชนงาน (9) ค าสง Inspectors เปนค าสงในการเลอกรปแบบกราฟกรปทรงทสรางดวยเครองมอจาก Display icon ทประกอบดวย 4 กลม คอ Lines, Fills, Modes และ Colors ดงรปท 3.21

รปท 3.21 ค าสงยอยของค าสง Inspectors (วจารณ สงกรานต ภาพหนาคอมพวเตอรจากโปรแกรมออเธอรแวร, 2552) (10) ค าสง Lines เปนค าสงการเปดรปแบบของเสนขนาดตาง ๆ และก าหนดทศทางของลกศร ใหเลอกตามความตองการ ค าสง Fills เปนการเลอกรปแบบของการระบายสในรปทรง ค าสง Modes เปนค าสงเปดรปแบบสถานะของภาพเชน โปรงใส ทบแสง ค าสง Colors เปนค าสงในการเปดชดสเพอเลอกระบายวตถ หรอเสนขอบ ในการสรางชนงานเพอความสะดวกและรวดเรวนนมกจะใชชด Inspectors จากชดเครองมอของ Display icon ทมพรอมใหใชงานอยแลว (11) ค าสง Presentation เปนค าสงแสดงผลงานคอมพวเตอรชวยสอน (12) ค าสง Design เปนค าสงเปดหนาตางการออกแบบชนงาน (13) ค าสง Library ค าสงนสามารถท างานไดกบชนงานทมการเปด Library มาใชงานแลวเทานน เปนค าสงเพอสลบการท างานไป ณ หนาตาง Libraries ทเลอกเพอน ามาเปนสวนประกอบของบทเรยนคอมพวเตอรชวยสอน (14) ค าสง Calculation เปนค าสงสลบการท างานยงหนาตาง Calculations ทเลอก (15) ค าสง Control Panel เปนค าสงในการเปดชดควบคมท างานของบทเรยนคอมพวเตอรชวยสอน เพอสะดวกกบการพฒนาบทเรยน

(16) ค าสง Model Palette เปนค าสงน า Model ทงหมดทมอย มาแทรกในบทเรยนคอมพวเตอรชวยสอน ดวยวธเลอกค าสง Window/Model Palette โปแกรมจะแสดงหนาตาง Model เมอท าการคลกเมาสขวา โปรแกรมจะแสดงกลม Models ดงรปท 3.22

รปท 3.22 การใชค าสง Model Palette (วจารณ สงกรานต จบหนาจอภาพคอมพวเตอรจากโปรแกรมออเธอแวร, 2552) จากนนผใชเลอกกลม Models ตามตองการ โปรแกรมจะแสดง Models ในกลมนนใหเลอกใช โดยลากไปไว ณ โฟลวไลน ดงรปท 3.23

รปท 3.23 การน า Models ไปแทรกในโฟลวไลน (วจารณ สงกรานต ภาพหนาคอมพวเตอรจากโปรแกรมออเธอรแวร, 2552) (17) ค าสง Icons Palette เปนค าสงสราง icons ของตนเองเพอใชงานในครงตอไป รปแบบของ icons ทสรางนจะมใหใชตลอดไปของโปรแกรม (วธการปรบใหเปนปกตดวยค าสง File/Preferences/Reset Icon Palette) (18) ค าสง Buttons เปนค าสงในการสรางและแกไขปมส าหรบใชงานเพมเตมจากปมมาตรฐานทมอยของโปรแกรม

(19) ค าสง Cursors เปนค าสงในการเลอก cursor แบบตาง ๆ ทมอย และสามารถเพมเตมจากมาตรฐานโปรแกรมได (20) ค าสง External Media Browser เปนค าสงในการแกไขแฟมมลตมเดยทท าการน าเขาดวยรปแบบ Link To File เทานน (เปนรปแบบ External File) ไดแกแฟมภาพนง แฟมภาพยนตร แฟมเสยง เมอใชค าสง External Media Browser จะหนาตางใหปรบแกไขขอมลการเชอมโยงใหมไดดงรปท 3.24

รปท 3.24 การใชค าสง External Media Browser (วจารณ สงกรานต ภาพหนาคอมพวเตอรจากโปรแกรมออเธอรแวร, 2552) 3.2.2 ทลบาร (Toolbar) ทลบาร เปนสวนเครองมอเรยกใชค าสงทส าคญทตองใชงานบอย ทผใชไมจ าเปนตองเรยกใชงานจากเมนค าสง ทกลาวไปแลวทตองประกอบดวยค าสงยอย ๆ อกหลายขนตอน โปรแกรมออเธอรแวร จงออกแบบทลบารเพออ านวยความสะดวกในการพฒนาบทเรยนทประกอบดวยเครองมอ 18 เครองมอดงรปท 3.25

รปท 3.25 ทลบารของทประกอบดวยเครองมอ 18 เครองมอ (วจารณ สงกรานต ภาพหนาคอมพวเตอรจากโปรแกรมออเธอรแวร, 2552) แตละเครองมอมหนาทการท างานดงตอไปน

New Toolbar แทนค าสงสรางชนงานบทเรยนคอมพวเตอรชนใหม

Open Toolbar แทนค าสงเปดแฟมงานเกา (สวนขยาย .a7p)

Save All Toolbar แทนค าสงบนทกชนงาน (สวนขยาย .a7p)

Import Toolbar แทนค าสงน าแฟมขอมลเขามาประกอบของในบทเรยน เชนขอมลภาพ, เสยง, ภาพเคลอนไหว, ขอความ

Undo Toolbar แทนค าสงยกเลกกจกรรมลาสด

Cut Toolbar แทนค าสงตดวตถทเลอก

Copy Toolbar แทนค าสงส าเนาวตถทเลอกไวในคลปบอรด

Paste Toolbar แทนค าสงวางวตถจากคลปบอรด

Fin Toolbar แทนค าสงคนหาicon

Text Style Toolbar เลอกรปแบบขอความ

Bold Toolbar ก าหนดรปแบบของอกษรแบบตวหนา

Italic Toolbar ก าหนดรปแบบของอกษรแบบตวเอน

Underline Toolbar ก าหนดรปแบบอกษรแบบขดเสนใต

Restart Toolbar แทนค าสงเรมตนรนชนงานบทเรยนคอมพวเตอรชวยสอน

Control Panel Toolbar แทนค าสงเปด/ปดคอนโทรลพาเนล

Functions Window Toolbar แทนค าสงเปด/ปดหนาตางฟงกชน

Variables Window Toolbar แทนค าสงเปด/ปดหนาตางตวแปร

Knowledge Objects Toolbar แทนค าสงเปดหนาตาง Knowledge Objects

เพอน ามาแทรกในชนงาน

3.2.2 ไอคอนพาเลท (Icons Palette) ไอคอนในโปรแกรมออเธอแวร เปนเครองมอทมความส าคญทสดของการออกแบบบทเรยนคอมพวเตอรชวยสอน โดยผออกแบบตองวเคราะหเนอหาและกจกรรมการสอนใหได

จากนนจงตดสนใจวาจ าเปนตองใชไอคอนใดบางของโปรแกรม เพอเชอมโยงเปนเรองราวตามวตถประสงคของกจกรรมทก าหนดไว โปรแกรมออเธอรแวรไดเตรยมไอคอนไวในใชงานถง 14 ไอคอนโดยวางไวใชชดไอคอนพาเลท (Icons Palette) ไดแก Display Icon, Interaction Icon, Motion Icon, Calculation Icon, Erase Icon, Group Icon, Wait Icon, Digital Movie Icon, Navigate Icon, Sound Icon, Framework Icon, DVD Icon, Decision Icon, Knowledge Object Icon, Start Icon, Stop Icon ดงรปท 3.26

รปท 3.26 กลมicon ในโปรแกรมออเธอแวร (วจารณ สงกรานต ภาพหนาคอมพวเตอรจากโปรแกรมออเธอรแวร, 2552)

หนาทของไอคอน14 มดงน

Display Icon เปนiconทท าหนาทในการแสดงผลทางจอภาพมความสามารถแสดงผล โดยมเครองมอในการพมพขอความและสรางรปทรงพนฐานทางเรขาคณต รวมทงการน าขอความและภาพเขาจากโปรแกรมอน และทมประโยชนอยางย ง ในการสรางบทเ รยนคอมพว เตอ ร ชวยสอนคอความสามารถในการแสดงขอมลประเภทตวแปรไดอกดวย

Interaction Icon เปนiconท าหนาทในการสรางการปฏสมพนธระหวางบทเรยนคอมพวเตอรชวยสอนกบผเรยน โดยมรปแบบการปฏสมพนธได 11 รปแบบ

Motion Icon เปน icon ทท าหนาทควบคมการเคลอนไหวของวตถ เชน ภาพหรอขอความทสรางจาก Display Icon

Calculation Icon เปน icon ทใชเขยนสครปต หรอฟงกชนเพอควบคมบทเรยน

Erase Icon เปน icon ทใชลบวตถทไมตองใหแสดงทหนาจอ

Group Icon เปน icon ส าหรบรวมiconหลาย ๆ iconเปนกลมเดยวกน

Navigate Icon เปน icon ใชการการทองบทเรยนไปตามทศทางทก าหนด

Sound Icon เปน icon ใชแทรกเสยงประกอบบทเรยน

Framework Icon เปน icon ท าหนาทก าหนดบทเรยนในแตละหนา

DVD Icon เปน icon ควบคมการท างานของแผน ซ ด หรอ ดวด ทประกอบบทเรยน

Decision Icon เปน icon ท าหนาทตดสนใจใหโปแกรมท างานไปตามเวนทางและวธการทก าหนดตามทก าหนด โดยมวธการ ทงหมด 4 วธการ คอ แบบไปตามล าดบ แบบการสมไปเสนทางใด ๆ กได แบบสมไปทางทางทไมเคยใช และไปยงเสนทางทก าหนด (คาดงกลาวอาจเปนคาคงท หรอคาจากตวแปร)

Knowledge Icon เปน icon ทรวบรวมโปรเจคส าหรบใชงาน

Start Icon เปนiconรปธงขาว ใชประโยชนในการรนบทเรยน ณ ต าแหนงททน าธงไปวางไว โดยไมจ าเปนตองรนโปแกรมจากจดเรมตนเสมอไป

Stop Icon เปนiconรปธงด า มจดประสงคในการรนโปรแกรมบทเรยน ใหสนสด ณ ธงด าทวางไวทโฟลวไลน

Icon Color เปนกลมสเพอสรางระบาย icons ตาง ๆ ใหสะดวกตอการออกแบบ

3.2.3 หนาตางการออกแบบ (Window Design) หนาตางการออกแบบ เปนสวนทใชส าหรบออกแบบบทเรยนคอมพวเตอรชวยสอน ในการเรมตนเขาสโปแกรมครงแรกนน หนาตางการออกแบบจะมเพยง 1 หนาตางเทานนทเรยกวาหนาตางหลก โปรแกรมจะก าหนดชอเปนหนาตางระดบ 1 (Level 1) และในหนาตางจะกอบดวยเสนแสดงการไหลของโปแกรมเรยกวาโฟลไลน (flow line) ทหนาตางการออกแบบนผพฒนาตองตดสนใจวาจะน าไอคอนใดมาจดวางทโฟลวไลน ในหนาตางการออกแบบซงเปาหมายของการออกแบบในแตละเนอหาความรนน ผออกแบบตองยดแนวคดของคณลกษณะของคอมพวเตอรชวยสอน 4 ประการ โดยใชแบบจ าลองการออกแบบคอมพวเตอรชวยสอนเปนหลกการออกแบบ ทบรณาการกบระบบการออกแบบการสอน (Instruction System Design) เพอความชดเจนในการศกษาเรองหนาตางการออกแบบของโปรแกรมออเธอแวร จงใชกรณตวอยางการพฒนาคอมพวเตอรชวยสอน วชาวทยาศาสตรเรองโมเมนต มเนอหาโดยสงเขปเรองของคาน กลาวคอ ถามแรงหลายแรงกระท าตอวตถชนหนง แลวท าใหวตถนนอยในสภาวะสมดลจะไดวา ผลรวมของโมเมนตทวนเขมนาฬกา = ผลรวมของโมเมนตตามเขมนาฬกา โมเมนตตามเขมนาฬกา คอ W คณ L2 และโมเมนตทวนเขมนาฬกา คอ E คณ L1 วธการค านวณหาคาความสมดล (E) สตร W x L1 = E x L2 แทนคา 200 x 1.8 = E x 2.2 E = 163.64 ดงนน น าหนกทสมดล คอ 163.64 กก.

เพอเปนแนวทางการออกแบบ จงใชบางขนตอนแบบจ าลองการออกแบบคอมพวเตอรชวยสอนของรอบไบลเออร ไดแก การก าหนดเปาหมายการสอน การวเคราะหรปแบบการสอน การก าหนดวตถประสงคเชงพฤตกรรม การออกแบบกลวธการสอน การเขยนผงงาน การเขยนสตอรบอรด และสรางโปรแกรมขนแรก ของบทเรยนคอมพวเตอรชวยสอนตามเนอหาความรเรองโมเมนต 3.2.3.1 การก าหนดเปาหมายการสอน เปาหมายการสอน เรองโมเมนต ไดก าหนดเปาหมายการสอนเพอใหผเรยนมความรเรองคาน 3.2.3.2 การก าหนดวตถประสงคเชงพฤตกรรม วตถประสงคเชงพฤตกรรม สามารถก าหนดวตถประสงคของการเรยนรไดดงน 1) บอกสวนประกอบของคานได 2) จ าแนกคานประเภทตาง ๆ ได 3) เมอก าหนดต าแหนงจด

หมนและน าหนกวตถท 1 ใหสามารถบอกน าหนกวตถท 2 ไดเพอคานมสภาวะสมดล (ตวอยางการออกแบบนใชวตถประสงคเชงพฤตกรรมขอ 3) 3.2.3.3 การออกแบบกลวธการสอน การออกแบบกลวธการสอน ใชรปแบบการสอนทเนนการพฒนาดานพทธพสย ดวยรปแบบการสอนโดยเนนผงกราฟก (ทศนา แขมมณ, 2545, หนา 223-230) ดวยหลกการในการสรางการเรยนรของบคคลตองใชกระบวนการเรยนรอยางมความหมาย 4 ขนตอนคอ การเลอกรบขอมลทสมพนธกน การจดระเบยบขอมลเขาสโครงสราง การบรณาการความรเดม การเขารหสขอมลการเรยนรเพอใหคงอยในความจ าระยะยาวและสามารถเรยกคนกลบมาใชได จากกระบวนการดงกลาวไดวเคราะหบทเรยนใหเปนกระบวนการเรยนรอยางมความหมาย โดยเนนการออกบทเรยนเปนผงกราฟกทประกอบดวยขอมลสมพนธกบประสบการณเดมของผเรยน มงเนนใหผเรยนมการปฏสมพนธในการหาค าตอบพรอมทงการใหผลปอนกลบทนทดวยการเสรมแรง เพอการเขารหสขอมลการเรยนรเพอใหคงอยในความจ าระยะยาว ทเกดเปนความรทลมลกตามตามกจกรรมการเรยนเรองสภาวะสมดลของคาน โดยออกแบบบทเรยนคอมพวเตอรชวยสอนดวยการก าหนดสถานการณให 3 อยางคอแรง W=200 กก. ความยาวของคานทงหมด = 4 ม. และความยาวของคาน L1 จากปลายคานดานแรง W ถงจดหมน = 1.8 ม. (คาของน าหนก ความยาวของคานจะมความหลากหลายเพอสรางความเขาใจแกผเรยน) ผเรยนสามารถบอกแรง E ทท าใหเกดสภาพสมดลของคาน ดงรปท 3.27

รปท 3.27 การวเคราะหกจกรรมผลลพธการเรยนรของผเรยน (วจารณ สงกรานต ภาพหนาคอมพวเตอรจากโปรแกรมออเธอรแวร, 2552) เมอผเรยนตอบผลลพธการกระท าทแรง E ไดถกตองในทนคอ 163.64 บทเรยนคอมพวเตอรชวยสอน ใหผลยอนกลบ "Very good" และท าการปรบโจทยคอคาของ W ใหม เพอผเรยนแกปญหาใหม เพอสรางความรทลมลก ในกรณทผเรยนตอบคา E ไมถกตอง บทเรยนคอมพวเตอรชวยสอนใหผลยอนกลบ "Try again" พรอมแสดงสตรการคดเพอใหผเรยนตอบค าถามใหมจนกวาจะถกตอง 3.2.3.4 การเขยนผงงาน

ผงงานเปนผงแสดงความคดของขนตอนวธในการการพฒนาบทเรยนตามทวเคราะหไว เพอใชเปนแนวปฏบตการพฒนาโปรแกรมบทเรยนใหสอดคลองกบความตอการ จากเนอหากจกรรมภาวะสมดลของคาน เขยนผงงานไดดงรปท 3.29 รปท 3.29 ขนตอนวธกรณตวอยางกจกรรมภาวะสมดลของคาน (วจารณ สงกรานต, 2552) 3.2.3.5 การเขยนสตอรบอรด สตอรบอรดเปนการรางบทเรยนคอมพวเตอรชวยสอนกอนลงมอเขยนโปรแกรมและยงเปนขอตกลงกบโปรแกรมเมอรในกรณทมทมงานพฒนาบทเรยนคอมพวเตอรชวยสอน สตอรบอรดตามกรณศกษากจกรรมภาวะสมดลของคาน ดงรปท 3.28

Start

E = 0 , W = 200

Input E

E = W*1.8/202

"Try again" "Very good"

Stop

รปท 3.28 ตวอยางสตอรบอรดกจกรรมภาวะสมดลของคาน (วจารณ สงกรานต, 2552) 3.2.3.6 การสรางโปรแกรมขนแรก ขนการเขยนโปรแกรมขนแรก เปนขนตอนทส าคญทโปรแกรมเมอรตองท าการแปลงวธการเรยนจากหองเรยนแบบปกตเปนการเรยนดวยคอมพวเตอรชวยสอน (Computer Class Room Training to Computer Assisted Introduction : CRT to CAI) (คณากร เพชรคง, 2552) ตามทไดวเคราะหและออกแบบไว โดยมขนตอน 4 ขนตอน คอ 1) วเคราะหขอมลน าเขา 2) วเคราะหการประมวลผล 3) เขยนขนตอนวธหรอ flow chart 4) เขยนโปรแกรม (Coding) จากกรณศกษาตามเนอหากจกรรมภาวะสมดลของคาน ขอเสนอรายละเอยดทง 4 ขนตอนดงน (1) วเคราะหขอมลน าเขา ขอมลน าเขาในรปของตวแปร 4 ขอมลคอ W, E, L1 และ L2 W แทนแรงของวตถดานซายมอ ทมคาเรมตนเทากบ 200 E แทนแรงวตถดานขวามอ ทมาจากการรบขอมลของผเรยน L1 แทนความยาวคานจากจดหมนถงปลายคานดานซายมอ L2 แทนความยาวคานจากจดหมนถงปลายคานดานขวามอ (2) วเคราะหการประมวลผล การประมวลผลเปนขนตอนในการน าขอมลตาง ๆ ประมวลใหเปนสารสนเทศทสอดคลองกบความตองการเบองตน คอผเรยนตอบคาทกระท ากบแรง E ถกตองจะเสรมแรงดวยผลปอนกลบดวยขอความ "Very good" พรอมกบก าหนดคาใหขอมล W เพอฝกใหผเรยนคดใหมใหม ในกรณทตอบไมถกตองจะใหผลปอนกลบดวยขอความ "Try again"

และใหตอบใหมจนถกตอง การประมวลผลจงประกอบดวย 2 กระบวนการคอ หาคาสมดลจากขอมลทงหมด และเปรยบเทยบผลการตอบของผเรยน กระบวนท 1. หาคาความสมดล สตร W x L1 = E x L2 แทนคา 200 x 1.8 = E x 2.2 E = 163.64 ดงนน น าหนกทสมดล คอ 163.64 กก. กระบวนการท 2. เปรยบเทยบผลของน าขอมลเขาของผเรยน ตรวจสอบขอมลน าเขา เทากบ E หรอไม ถาเทากน แสดงขอความ "Very good" และตงโจทยใหม (คา W) เพอคดใหม ถาไมเทากน แสดงขอความ "Try again" และใหพมพขอค าถามใหม (4) ขนการเขยนโปรแกรม (Coding) การเขยนโปรแกรมเปนขนตอนลงมอพฒนาบทเรยนคอมพวเตอรชวยสอนดวยโปรแกรมออเธอแวรนน ประกอบดวยขนตอนหลก ๆ 2 ขนตอน คอ 1) เลอก icons ตาง ๆ ทมอยมาประกอบกน ณ โฟลวไลน เพอด าเนนเรอง 2) สรางวตถ ก าหนดคณสมบต และเขยนสครปตในแตละไอคอน ในกรณตวอยางนใชไอคอน ทงหมดประกอบดวย 7 ไอคอน บางไอคอนจ าเปนตองก าหนดชอเพอการบงบอกถงหนาทไอคอนนนๆ และบางไอคอนมกฎเกณฑตายตวของการตงชอไอคอน และการเรมตนโปรแกรมนนจะมหนาตางการออกแบบเพยงหนาตางเดยวเทานนคอ Level 1 แตการพฒนาบทเรยนโดยทวไปนนโปรแกรมจะสลบซบซอนไปเรอยๆ ดงรปท 3.30

รปท 3.30 ไอคอนทใชในการสรางบทเรยนคอมพวเตอรชวยสอนเรองโมเมนต (วจารณ สงกรานต ภาพหนาคอมพวเตอรจากโปรแกรมออเธอรแวร, 2552)

รายละเอยดของแตละไอคอนตามโฟลไลน มดงน Display Icon Information ในทนตงชอเปน "Information" เปนIcon ทท าหนาทแสดงขอมล และสารสนเทศ ทประกอบดวยขอความ กราฟก และตวแปรในทนคอ {W1} มหนาทแสดงขอมลและการโตตอบกบผเรยน มการออกแบบรายละเอยดทงหมด ดงรปท 3.31

รปท 3.30 รายละเอยดใน Display icons “Information” บทเรยนคอมพวเตอรชวยสอนเรองโมเมนต (วจารณ สงกรานต ภาพหนาคอมพวเตอรจากโปรแกรมออเธอรแวร, 2552) เนองจาก display icon นมตวแปร W แทนคาน าหนกวตถทตองแสดผลสมพนธกบการปฏสมพนธของผเรยน จงตองก าหนดคณสมบตของ display icon ใหมการปรบปรงการแสดงผลตวแปรตามการเปลยนแปลงคา โดยเลอกค าสง Modify/Icon/Properties แลวเลอก Update Display Variables Interaction icon “Untitled” Interaction icon ทท าหนาทสรางวธการปฏสมพนธของผเรยนกบบทเรยน การปฏสมพนธรปแบบใด ๆ นนขนอยกบการเลอกรปแบบของ icons ทน ามาวางถดไปดานขวามอของ interaction icon น Map icon * เปน map icon ทวางดานขวาของ interaction icon “Untitled” เพอท าหนาทปฏสมพนธดวยรปแบบการรบขอความ ในทนจงเลอกรปแบบการตอบสนองแบบ text entry โดย

ตงชอ icon เปน “*” นนหมายถงใหผเรยนพมพขอความใด ๆ กไดตามความเขาใจของผเรยนแตละคน จดประสงคของการเลอกใช Map icon เนองจากตองการทรวบของกลม icons ตาง ๆ ตงแต 2 icons ขนไป ดวยวธดบเบลคลกเปดหนาตาง map icon เพอวาง icon อน ๆ ตอไป Calculation “Check Answer” เปน Calculation icon ทวางในหนาตาง Map icon มาแลวนน สามารถเปดหนาตางถดไปไดอกคอหนาตาง Level 2 ดวยการดบเบลคลกท Map icon นนๆ จะไดหนาตางวาง ๆ เพอน า icons อน ๆ มาออกแบบในหนาตางนตอไป ในทนจะน า Calculation icon มาวาง โดยมจดประสงคเขยนสครปต ใน calculation โดยมวตถประสงคตรวจสอบการพมพจากผใชวามความรในหลกการของโมเมนตหรอไม ถาขอมลทพมพเขามาถกตองจะแสดงขอความ “Very good” และถาไมถกตองจะแสดงขอความวา “Try again” เพอใหไดตามวตถประสงค จงเขยนสครปตทหนาตาง calculation “Check Answer” โดยการดบเบลคลกท Calculation แลวเขยนสครปตดงน E := EntryText (หมายถงน าคาทผเรยนพมพจากแปนพมพ บนทกทตวแปร E) if E=Round(( W*1.8/2.2),2) then message:="Very good" else message:="Try again" end if เปนค าสงตดสนใจวาตวแปร E มคาเทากนกบ W คณดวย 1.8 หารดวย 2.2 หรอไม ในกรณทใช บนทกค า "Very good" ทตวแปร message ในกรณทไมใช บนทกค า "Try again" ทตวแปร message สครปตทเขยนดงรปท 3.51

รปท 3.51 สครปตทเขยนใน Calculation icon Check Answer (วจารณ สงกรานต ภาพหนาคอมพวเตอรจากโปรแกรมออเธอรแวร, 2552)

Wait icon เปน icon หนวงเวลาเพอใหผเรยนเหนผลลพธจากการปฏสมพนธและการใหผลปอนกลบ กอนทบทเรยนจะตงโจทยใหมใหท ากจกรรมตอไป Calculation “Check Set Variable” เปน icon ตรวจสอบก าหนดคาตวแปร W ใหม ในกรณทผเรยนตอบค าถามถกดวยวธการสมคาจากเครองคอมพวเตอรทมคาตงแต 100 ถง 200 ดวยสครปตดงรปท 3.52

รปท 3.52 สครปตทเขยนใน icon Set W Variable (วจารณ สงกรานต ภาพหนาคอมพวเตอรจากโปรแกรมออเธอรแวร, 2552) บทสรป โปรแกรมออเธอแวร เปนโปรแกรมประเภทนพนธบทเรยนทงายตอการพฒนาบทเรยนคอมพวเตอรชวยสอน ทผพฒนาตองวเคราะหเนอหากจกรรมบทเรยนวาตองน าไอคอนใด ไปวางในหนาตางการออกแบบ ในแตละไอคอนตองสรางวตถใดประกอบ และประการส าคญตองก าหนดคณสมบตใหแตละไอคอนอยางไร จงไดบทเรยนคอมพวเตอรชวยสอนทสอดคลองกบวตถประสงคทก าหนด ซงรายละเอยดของแตละไอคอนจะไดศกษาในบทตอๆ ไป