เป็นลักษณะการนำเสนอเพื่อแสดงกระบวนการผลิต ซึ่งอาจนำไปประยุกต์ใช้อธิบายวิธีการ ทำงาน การผลิตสินค้า งานฝีมือ ฯลฯ เพราะในปัจจุบันกล้องดิจิตอลมีราคาที่ไม่แพงมากนัก หลายๆ รุ่น สามารถบันทึกภาพเคลื่อนไหวได้ ซึ่งจะได้ไฟล์แบบ Avi หรือ Mpg
โปรแกรมในตัวอย่างนี้จะสอนวิธีการพับจรวดกระดาษ เริ่มจากตัวอย่างง่ายๆ กันไปก่อน

ข้อมูลที่ต้องใช้
1. ภาพแสดงขั้นตอนการพับ อาจใช้ภาพถ่าย หรือภาพวาดแสดงขั้นตอนการทำงาน ในตัว อย่างนี้จะใช้การวาดวิธีพับบนกระดาษแล้วแสกนเข้าคอมพิวเตอร์ ด้วยเครื่องแสกนเนอร์
2. ขั้นตอนการทำ ถ้ามีกล้องดิจิตอลก็ถ่ายเป็นภาพเคลื่อนไหว แล้ว Save เป็นไฟล์ Avi หรือ Mpg
3. ภาพฉากหลังออกแบบตามใจชอบ
เริ่มต้นทำงาน
1. คลิกปุ่มเริ่มต้นสร้างงานใหม่ กำหนดขนาดของงานไว้ที่ 640 x 480 Pixels ในส่วน Options คลิกเลือกเฉพาะ Center on Screen
2. นำไอคอนมาวางตามตัวอย่าง
3. ไอคอน Menu ให้ดับเบิ้ลคลิก แล้วนำภาพมาวาง
4. ไอคอน Step1, Animate1 และ Exit กำหนด Response เป็นแบบ Hotspot
5. ไอคอน Exit เป็นคำสั่งออกจากโปแกรม คิดว่า คุณผู้อ่านน่าจะนึกภาพออกแล้วว่าต้องทำ อย่างไร ก็จะไม่อธิบาย
6. ดับเบิ้ลคลิกไอคอน main choice แล้ววางตำแหน่งเส้นประ HotSpot ตามตัวอย่าง
7. ไอคอน Step1 ให้ดับเบิ้ลคลิกและพิมพ์ GoTo(IconID@”step2”)
8. ไอคอน Animate1 ให้ดับเบิ้ลคลิกและพิมพ์ GoTo(IconID@”Animate2”)

9. ดับเบิ้ลคลิกไอคอน Step2 แล้วนำไอคอนมาวางและตั้งชื่อตามตัวอย่าง
10. ไอคอน del Menu ทำหน้าที่ลบข้อมูลในไอคอน Menu ในหน้าจอหลัก
11. ไอคอน Step2 menu ให้ดับเบิ้ลคลิกและวางภาพดังตัวอย่าง

12. ไอคอนแบบ Display ที่วางต่อกับไอคอน Framework01 มี 10 ตัว ตั้งชื่อตามตัวอย่าง Step201-Step212
13. ไอคอน Calcution ที่ต่อกับไอคอน Step2 Framework01 แต่ละไอคอน ให้ดับเบิ้ลคลิก และพิมพ์ข้อความด้านในดังนี้
Goto Step201 = GoTo(IconID@”Step201”)
Goto Step212 = GoTo(IconID@”Step212”)
ทั้งสองคำสั่งนี้จะป้องกันการวนซ้ำ เมื่อคลิกปุ่ม Next จากหน้า 1 ไป 2 .... จากหน้า 11 ไป หน้า 12 ถ้าไม่ใช้คำสั่ง GoTo(IconID@”Step212”) ก็จะวนจากหน้า 12 ไปไอคอนที่อยู่ถัดจากไอคอน นี้ จะทำให้เกิดความผิดพลาดได้ จึงต้องสั่งให้หยุดอยู่ที่ไอคอนนี้ ไปต่อไม่ได้
14. ไอคอน Go Menu ให้ดับเบิ้ลคลิกและวางไอคอนลงไปตามตัวอย่าง พร้อมกับกำหนดการ ทำงานให้เรียบร้อย

15. ในไอคอน Step201-Step212 ให้ดับเบิ้ลคลิกและวางภาพดังตัวอย่าง

16. ไอคอน Framework01 ให้ดับเบิ้ลคลิก จะพบไอคอนต่างๆ อยู่ด้านในก็จัดการลบออก ทั้งหมด
17. นำไอคอนเข้ามาวางใหม่ พร้อมตั้งชื่อตามตัวอย่าง ไอคอนแบบนาวิเกททั้ง 3 ตัว ให้เลือก Response เป็นแบบ Hotspot
18. การวางตำแหน่ง Hotspot ให้ดับเบิ้ลคลิกไอคอน Step2 Menu (ในข้อที่ 11) เพื่อเปิด หน้าจอขึ้นมาก่อน แล้วกด Ctrl + เพื่อออก
19. กดปุ่ม Shift ค้างไว้ แล้วดับเบิ้ลคลิกไอคอน Choice02 จะพบ Hotspot เส้นประไอคอน Prev, Next และ Exit ก็จัดวางตำแหน่งดังตัวอย่าง เสร็จแล้วกด Ctrl + เพื่อออก
20. กำหนดการทำงานของไอคอน Prev เพื่อให้สามารถคลิกดูภาพก่อนหน้านั้นได้ ก็ดับเบิ้ล คลิกไอคอนนี้ แล้วกำหนดค่า Destination = Nearby และ Page = Previous
21. ส่วนการกำหนดการทำงานของไอคอน Next เพื่อให้สามารถเลื่อนดูหน้าถัดไปได้ ให้ดับ เบิ้ลคลิกแล้วกำหนดค่า Destination = Nearby และ Page = Next
22. ไอคอน Exit ให้ดับเบิ้ลคลิกแล้วกำหนดค่า Destination = Anywhere, Type=Jump to Page, Framework=Step2 framework และ Page = Goto menu

23. ไอคอน Animate2 เป็นไฟล์ภาพเคลื่อนไหว แสดงขั้นตอนการทำงานจริง ให้ดับเบิ้ลคลิก ไอคอนนี้ แล้วนำไอคอนมาวางดังตัวอย่าง
24. ดับเบิ้ลคลิกไอคอน movie menu แล้วนำภาพมาเป็นพื้นหลัง
25. ดับเบิ้ลคลิกไอคอน movie แล้วนำภาพเคลื่อนไหวจะใช้แบบ Avi หรือ Mpg ก็ได้ แล้วก็ กำหนดค่า Concurrency=Perpetual และ Play=Fixed Number of Times 1
26. ดับเบิ้ลคลิกไอคอน Play Again แล้วพิมพ์ GoTo(IconID@”movie menu”)
27 ไอคอน Goto menu ให้ดับเบิ้ลคลิก แล้ววางไคอนลงไปตามตัวอย่าง

28. ไอคอน Del movie menu ให้ลบไอคอน movie menu
29. ทดลองรันโปรแกรมจากนั้นก็ทดสอบการทำงานโดยคลิกปุ่มต่างๆ และก็บันทึกงานเก็บไว้

Details

Category: ตัวอย่างงาน Authorware

Hits: 2112

เป็นอัลบัมรวมภาพ ซึ่งอาจเป็นภาพที่ถ่ายจากกล้องดิจิตอลหรือแสกนเข้าคอมพิวเตอร์ด้วย เครื่องแสกนเนอร์ ในหน้าจอโปรแกรมจะแสดงภาพเป็นภาพเล็กๆ เมื่อคลิกก็จะแสดงภาพขนาดใหญ่ ทั้งนี้ก็สามารถแสดงภาพแบบสไลด์โชว์พร้อมเสียงประกอบได้

---

ข้อมูลที่ต้องใช้
1. ไฟล์รูปภาพทั้งหมด การสร้างภาพเล็กๆ ให้เข้าโปรแกรม Windows Explorer แล้วคลิกโฟล เดอร์ที่เก็บไฟล์ภาพไว้ จากนั้นคลิกเมนู View>>Thumbnails เพื่อแสดงเป็นภาพขนาดเล็ก
2. กดปุ่ม PrintScreen หรือใช้โปรแกรมจับภาพหน้าจอ แล้ว Save เป็นภาพขนาดเล็ก
3. ส่วนภาพขนาดใหญ่ ให้เปิดไฟล์ภาพนั้นๆ ในโปรแกรม Photoshop เสร็จแล้วก็ปรับลด ขนาดด้วยคำสั่ง Image>>Image Size ลดขนาดตามต้องการ เช่น 640 x 480

---

เริ่มต้นทำงาน
1. คลิกปุ่ม New เริ่มต้นสร้างงานใหม่ขนาด 640 x 480 ในส่วน Options ติ๊กถูกตัวเลือก Center on Screen
2. นำไอคอนมาวางและตั้งชื่อตามตัวอย่างเลือก Response เป็นแบบ Hotspot
3. ดับเบิ้ลคลิกไอคอน expression แล้วพิมพ์
TimeOutLimit := 60
TimeOutGoToIconID@”slide show”
ลักษณะการทำงานของทั้งสองคำสั่งนี้คล้ายกับการทำงานของโปรแกรมรักษาหน้าจอหรือ Screen Saver บน Windows เมื่อไม่มีการใช้งานคอมพิวเตอร์หรือปล่อยทิ้งไว้นาน 60 วินาที คำสั่ง นี้ก็จะทำงาน โดยจะสั่งให้ไอคอน slide show ทำการแสดงภาพ
4. ดับเบิ้ลคลิกไอคอน menu แล้วพิมพ์ข้อความหรือวางภาพตามตัวอย่าง
5. ดับเบิ้ลคลิกไอคอน Start Point แล้วใช้เครื่องมือวาดเส้น คลิกที่พื้นให้ปรากฏจุดเล็กๆ 1 จุดบนหน้าจอ แล้วก็กด Ctrl + เพื่อปิด หลายๆ คนต้องงงแน่ๆ วัยรุ่นงง! ทำไปทำไมจุดเล็กๆ จุดเดียว ทั้งหน้า มีจุดเล็กๆ เท่าขี้มดจุดเดียว ไม่รู้เหมือนกัน ไม่บอก! เอ้า...
6. ดับเบิ้ลคลิกไอคอน slide choice แล้วจัดตำแหน่งเส้นประ HotSpot ตามตัวอย่าง
7. ดับเบิ้ลคลิกไอคอน Go to slideshow พิมพ์ GoTo(IconID@”slideshow”)
8. ดับเบิ้ลคลิกไอคอน Exit แล้วพิมพ์ Quit(0)

9. เปิดแม็พไอคอน Slideshow นำไอคอนมาวางดังตัวอย่าง แล้วดับเบิ้ลคลิกไอคอน presskey จากนั้นให้พิมพ์ PressKey(“Enter”)
10. ดับเบิ้ลคลิกไอคอน Decide แล้วจัดตำแหน่งเส้นประ HotSpot ตามตัวอย่าง โดยขยาย เส้นประของไอคอน exit&go to menu ให้เต็มจอ ส่วนเส้นประของไอคอน animate button ให้ย้ายออก นอกจอไปเลย ผลของการทำงาน ขณะที่กำลังแสดงสไลด์โชว์อยู่นั้น ถ้าคลิกเมาส์ที่บริเวณใดๆ ในหน้า จอก็จะสามารถออกจากการแสดงสไลด์โชว์ได้ และกลับไปเมนูหลัก
11. ดับเบิ้ลคลิกหรือคลิกข้อต่อไคอน exit&go to menu แล้วกำหนดค่าโดยติ๊กถูก Perpetual ช่อง Active If ให้พิมพ์ Within@”Decide” และ Branch=Exit Interaction
12. ดับเบิ้ลคลิกไอคอน animate button แล้วนำไอคอนมาวางพร้อมตั้งชื่อตามตัวอย่าง Loop และ Welcome
13. คลิกไอคอน Loop แล้วกำหนดค่า Repeat=Until Click/KeyPress และ Branch= Sequentially
14. คลิกข้อต่อไอคอน Welcome แล้วกำหนดค่า Erase Contents= Before Next Selection

15. ดับเบิ้ลคลิกไอคอน Welcome นำไอคอนมาวางและกำหนดค่าตามตัวอย่าง สำหรับข้อมูล ใดๆ ที่อยู่ในไอคอนนี้จะถูกแสดงวนไปเรื่อยๆ
16. ดับเบิ้ลคลิกไอคอน Soundtrack แล้วนำไฟล์เสียงมาเป็นเสียงบรรเลงประกอบ กำหนด ค่า Concurrency=Concurrent และ Play=Until true
17. ดับเบิ้ลคลิกไอคอน slideBoard แล้วนำภาพมาเป็นพื้นหลัง
18. ไอคอนที่เหลือก็คือ Group Picture1-3 อาจก็อปปี้จากตัวอย่างงานที่ 1 มาใช้ ซึ่งจะเป็น ภาพที่แสดงทีละภาพ ค้างบนหน้าจอ 3 วินาที ก่อนจะถูกลบและแสดงภาพอื่นๆ ต่อไป วนไปเรื่อยๆ ซ้ำแล้วซ้ำอีก จนกว่าจะมีการคลิกเมาส์ตามคำสั่งที่ตั้งไว้ในอคอน Loop ก็คือ Until Click..

19. ดับเบิ้ลคลิกแม็พไอคอน Pict1 แล้วนำไอคอนมาวางและตั้งชื่อตามตัวอย่าง
20. ไอคอน Soundclick ดับเบิ้ลคลิกแล้วเลือกไฟล์เสียงมาเป็นเสียงคลิกเมาส์โดยกำหนดค่า Concurrency=Concurrent และ Play=Fixed Number of Times
21. ดับเบิ้ลคลิกไอคอน Pict1 Board แล้วนำภาพมาเป็นพื้นหลัง
22. ไอคอน Picture01 ให้นำภาพเข้ามา
23. ไอคอน wait mouse click ดับเบิ้ลคลิกแล้วกำหนดค่าโดยติ๊กถูกเฉพาะตัวเลือก Mouse Click และ Key Press
24. ไอคอน Clear Pict1 Board Picture01 ให้ลบไอคอน Pict1 Board และ Picture01
25. ไอคอน back to start point ให้ดับเบิ้ลคลิกแล้วพิมพ์ GoTo(IconID@”Start Point”) จะ เป็นการสั่งให้ย้อนกลับไปที่หน้าจอหลัก โดยเริ่มต้นทำงานที่ไอคอน Start Point ปกติผู้เขียนจะเน้น ให้กลับไปเริ่มต้นทำงานที่ไอคอนแรกสุด คือ Menu ก็คล้ายกับการสั่งรันโปรแกรมใหม่นั่นเอง แต่ถ้า มีการกำหนด Transition ให้กับไอคอน เมนู หน้าจอก็จะมีอาการหวิววูบวาบ ในที่นี้เมื่อย้อนกลับไป หน้าจอหลัก แล้วไม่ต้องการให้มีการเปลี่ยนแปลงใดๆ จึงต้องสร้างไอคอน Start Point ที่สร้างจุดเล็กๆ ไว้ ก็จะไม่ทำให้หน้าจอเกิดการเปลี่ยนแปลงใดๆ ดูนิ่งๆ เหมือนเดิม
26. เมื่อสร้างเสร็จแล้วก็จัดการก็อปปี้แม็พไอคอน Pict1 เพิ่มเป็น Pict2 และ Pict3 พร้อมกับ กำหนดเส้นประ HotSpot ให้เรียบร้อย แล้วจัดการเปลี่ยนชื่อไอคอนและรูปภาพด้านในด้วย
27. ทดลองรันโปรแกรมแล้วก็บันทึกงานเก็บไว้

ในโปรแกรมนี้จะมีการใช้ข้อมูลและภาพที่ค่อนข้างซ้ำซ้อน ถ้าไม่สร้างไฟล์ไลบรารีไว้ ไฟล์ก็จะ มีขนาดใหญ่มาก

Details

Category: ตัวอย่างงาน Authorware

Hits: 4804

ลักษณะของโปรแกรมเหมาะสำหรับใช้เพื่อช่วยในการติดตั้งโปรแกรมจากแผ่นซีดี จาก ตัวอย่าง เป็นตัวอย่างแผ่นซีดีที่แถมพร้อมหนังสือ จะมีหัวข้อต่างๆ เช่น เกี่ยวกับซีดี อธิบายราย ละเอียดเกี่ยวกับซีดี ติดตั้งโปรแกรม เป็นตัวช่วยในการติดตั้งโปรแกรม

---

ข้อมูลที่ต้องใช้
1. เข้าโปรแกรม Windows Explorer สร้างข้อมูลไว้เก็บโปรแกรมที่จะสร้างด้วย Authorware เช่น Sample5
2. ในโฟลเดอร์ Sample5 ให้ก็อปปี้โปรแกรมต่างๆ มาเก็บไว้ เช่น Authorware7.0 ชื่อไฟล์ สำหรับติดตั้งก็คือ authorware_701_trial.exe (เป็นเวอร์ชันทดลองที่ผู้เขียนดาวน์โหลดจาก อินเตอร์เน็ต) ในกรณีที่มีหลายโปรแกรม ก็ควรสร้างโฟลเดอร์แยกเก็บให้เป็นระเบียบ
3. ก็อปปี้โปรแกรม Notepad.exe ที่อยุ่ใน C:\Window ไปไว้ในโฟลเดอร์นี้ด้วย
4. ดับเบิ้ลคลิกโปรแกรม Notepad แล้วพิมพ์ข้อความลงไป เป็นข้อความที่อธิบายรายละ เอียด เกี่ยวกับซีดีแผ่นนี้
5. พิมพ์เสร็จแล้วให้บันทึกงานเก็บไว้ โดยคลิกเมนู File>>Save เลือกที่เก็บและตั้งชื่อว่า About.txt
6. จัดการก็อปปี้โปรแกรม Acrobat Reader และไฟล์ PDF ที่เป็นคู่มืออธิบายวิธีใช้โปรแกรม เข้ามาไว้เช่นกัน

---

เริ่มต้นทำงาน
1. สร้างงานใหม่ขนาด 640 x 480 ในส่วนตัวเลือก Options คลิกติ๊กถูก Center on Screen และ Title Bar
2. นำไอคอนมาวางและตั้งชื่อตามตัวอย่าง
3. ดับเบิ้ลคลิกไอคอน menu แล้ววาดภาพหรือพิมพ์ข้อความตามตัวอย่าง
4. ดับเบิ้ลคลิกไอคอน Choice แล้ววางตำแหน่งเส้นประ HotSpot ตามตัวอย่าง
5. ไอคอนแบบแคลคูเลชันทั้งหมดที่ต่อกับไอคอน Choice ให้ดับเบิ้ลคลิกแล้วพิมพ์ดังนี้
- AboutCD พิมพ์ JumpOutReturn(“notepad.exe”,”about.txt”) เป็นการเปิดโปรแกรม Note pad พร้อมกับเปิดไฟล์ About.txt ขึ้นมาด้วย คล้ายกับการใช้คำสั่ง File>>Open แต่โปรแกรมเป็นตัว จัดการให้เราทั้งหมด
- manual พิมพ์ JumpOutTReturn(“acrord32.exe”,”21c004.pdf”) เป็นการเรียกใช้โปรแกรม Acrobat Reader แล้วเปิดไฟล์ 21c004.pdf ขึ้นมาด้วย
- exit พิมพ์ Quit(0)
6. เมื่อรันโปรแกรม แล้วคลิกปุ่มเกี่ยวกับผู้จัดทำ โปรแกรม Notepad จะถูกเปิดขึ้นมา พร้อม กับไฟล์ About.txt
7. เมื่อคลิกปุ่ม อ่านคู่มือใช้งาน โปรแกรม Acrobat Reader จะถูกเปิดขึ้นมาพร้อมไฟล์ Pdf
8. เมื่อคลิกที่ ติดตั้งโปรแกรม ก็จะเข้าสู่หน้าจอให้ติดตั้งโปรแกรม Authorware ลงเครื่อง

Details

Category: ตัวอย่างงาน Authorware

Hits: 5085

เป็นลักษณะการสร้างแบบทดสอบ มีตัวเลือก ก ข ค ง ให้ผู้ใช้คลิกเลือก เมื่อได้ทำการทดสอบ เสร็จแล้ว ก็จะสรุปคะแนนออกมา ทำได้กี่ข้อ ผิดกี่ข้อ พร้อมทั้งเก็บข้อมูลรายชื่อผู้ทดสอบไว้ สามารถ ตรวจดูภายหลังได้
ลักษณะการทำงานของโปรแกรม
1. เมื่อรันโปรแกรมให้ทำงานก็จะพบกับหน้าจอให้พิมพ์ชื่อผู้ทดสอบ พิมพ์แล้วก็กด Enter
2. จะเข้าสู่แบบทดสอบ หน้าแรกอธิบายวิธีทำข้อสอบ ให้คลิกปุ่ม ==> เพื่อเริ่มทำข้อสอบ
3. คลิกกากบาทตัวเลือกที่ต้องการ ถ้าเปลี่ยนใจก็คลิกซ้ำอีกทีที่ตัวเลือกนั้นเพื่อยกเลิก
4. ทำข้อสอบครบทุกข้อแล้ว ก็คลิกปุ่มตกลง โปรแกรมจะสรุปคะแนนออกมาบนจอ สามารถ พิมพ์คะแนนลงกระดาษได้

---

ขั้นตอนการสร้าง
1. นำไอคอนมาวางและตั้งชื่อตามตัวอย่าง
2. ไอคอน Welcome เป็นส่วนเก็บชื่อผู้ทดสอบ
3. ไอคอน ch00-ch100 เป็นข้อสอบมี 3 ข้อ ในการทำงานจริงย่อมมีมากกว่านี้ ก็ไม่ยากอยู่ แล้วสามารถก็อปปี้เพิ่มจำนวนได้ตามต้องการ โดยแทรกลงไปถัดจากไอคอน ch02
4. ไอคอน ch00 เป็นส่วนอธิบายวิธีทำข้อสอบ ให้ดับเบิ้ลคลิก แล้วพิมพ์ข้อมูลด้านในตาม ตัวอย่าง เวลา 12:13 และ 12:44 จะใช้ตัวแปรชื่อ {StartTime} และ {Time}
5. ดับเบิ้ลคลิกไอคอน GoTo ch100 แล้วพิมพ์ GoTo(IconID@”ch100”)
6. ดับเบิ้ลคลิกไอคอน GoTo ch00 แล้วพิมพ์ GoTo(IconID@”ch00”)

7. ในแม็พไอคอน Welcome ให้นำไอคอนมาวางและตั้งชื่อตามตัวอย่าง
8. ดับเบิ้ลคลิกไอคอน Variable แล้วพิมพ์
Var1 := “ > | < ชื่อ : ”
Var2 := “ สอบวันที่ : ”
Var3 := “ ได้คะแนน : ”
Var4 := “ ผิดทั้งหมด : ”
เมื่อพิมพ์เสร็จแล้ว และกด Enter เพื่อบันทึกข้อมูล จะปรากฏกรอบข้อความ New Variable ขึ้นมา ให้คลิกในช่อง Initial Value พิมพ์ 0 แล้วกด Enter

9. ดับเบิ้ลคลิกไอคอน Back Ground แล้วสร้างงานตามต้องการ
10. ไอคอนแคลคูเลชันชื่อ * ที่ต่อกับไอคอน Type name ให้ดับเบิ้ลคลิกแล้วพิมพ์ UserName := (EntryText) ส่วนข้อต่อ Response เลือกแบบ Type = TextEntry, Branch=Exit Interaction
11. ดับเบิ้ลคลิกไอคอน Back Ground เปิดขึ้นมาแล้วปิดโดยกด Ctrl + จากนั้นก็ดับ เบิ้ลคลิกไอคอน Type name แล้วจัดตำแหน่งส่วนให้พิมพ์ชื่อผู้ทดสอบตามตัวอย่าง

12. ดับเบิ้ลคลิกไอคอนเฟรมเวิร์คชื่อ Page Manager แล้วนำไอคอนมาวาง พร้อมตั้งชื่อตาม ตัวอย่าง
13. ดับเบิ้ลคลิกไอคอน Buttons แล้ววาดปุ่มตามตัวอย่าง
14. กดปุ่ม Shift ค้างไว้ แล้วดับเบิ้ลคลิกไอคอน Navigation hyperlinks แล้วจัดตำแหน่งเส้น ประ HotSpot ของปุ่มต่างๆ ตามตัวอย่าง
15. ดับเบิ้ลคลิกไอคอน Previous Page แล้วกำหนดค่า Destination=Nearby และ Page =Previous
16. ดับเบิ้ลคลิกไอคอน Next Page แล้วกำหนดค่า Destination=Nearby และ Page =Next
17. ดับเบิ้ลคลิกไอคอน Exit Framework แล้วกำหนดค่า Destination=Nearby และ Page =Exit Framework/Return
18. ดับเบิ้ลคลิกไอคอน Exit Program แล้วกำหนดค่า Destination=Anywhere Type=Jump to Page, Framework=Page Manager และ Page=Exit Program

19. ไอคอน ch01, ch02 และ ch100 เป็นไอคอนที่เก็บข้อสอบแต่ละข้อ จะสร้างเพียงไอคอน เดียวแล้วใช้วิธีการก็อปปี้ไอคอนภายใน ch01 ไปวางใน ch02 และ ch100
20. ดับเบิ้ลคลิกไอคอน ch01 แล้วนำไอคอนมาวางพร้อมตั้งชื่อตามตัวอย่าง
21. ชื่อไอคอน ก ข ค ง จะมีเครื่องหมาย + - อยู่ด้านหน้า ห้าม! พิมพ์เครื่องหมาย + - ลงไป ด้วย พิมพ์เฉพาะ ก ข ค ง ก็พอ เครื่องหมาย + - โปรแกรมจะสร้างให้เอง
22. ไอคอน ก ข ค ง ที่ต่อกับไอคอน choice ch01 ให้เลือก Response แบบ Buttons แล้วคลิก ปุ่ม Buttons เพื่อเลือกปุ่มแบบต่างๆ
23. ในกรอบข้อความ Buttons ที่ปรากฏขึ้นมา คลิกเลือกปุ่มตามตัวอย่าง
24. คลิกแท็ป Response แล้วกำหนดค่า Erase=Don’t Erase, Branch=Continue และ Status=Wrong Response ถ้าเลือกค่านี้ ด้านหน้า ก ข ค ง จะปรากฏเครื่องหมายลบ - และถ้าเลือก Status=CorrectResponse ด้านหน้า ก ข ค ง จะปรากฏเครื่องหมายบวก +

25. ดับเบิ้ลคลิกไอคอน Choice ch01 แล้วพิมพ์ข้อสอบข้อที่ 1 ลงไป จัดตำแหน่ง ก ข ค ง ตามต้องการ ส่วนข้อความเริ่มสอบเวลาและขณะนี้เวลา ให้พิมพ์
เริ่มสอบเวลา {StartTime}
ขณะนี้เวลา {Time}
26. ส่วนในเครื่องมือ Properties ให้กำหนดค่าของไอคอน Choice ch01 ดังนี้
Interaction
Erase=After Next Entry
Option=Pause Berore Editing
Display
ในส่วน Options ให้ติ๊กถูก Update Displayed Variables และ Prevent Automatic Erase
27. ดับเบิ้ลคลิกไอคอน ก แล้ววางไอคอนด้านใน ตามตัวอย่างคือ ก และ Goto Choice cho1
28. ไอคอน ก ให้ดับเบิ้ลคลิกแล้วพิมพ์
Checked :=TRUE
s1 := CorrectChoicesMatched
c1 := Correct
a1 := MatchedIconTitle
29. ไอคอน Goto Choice ch01 ดับเบิ้ลคลิกแล้วพิมพ์ GoTo(IconID@”Choice ch01”) เป็น การย้อนกลับไปหาไอคอน Choice Ch01 เผื่อผู้สอบเกิดเปลี่ยนใจ ก็จะสามารถเลือก Choice ตัวอื่น ได้
30. ภายในไอคอน ข ค ง จะมีลักษณะคล้ายๆ กัน ก็จัดการก็อปปี้ไอคอน ก และ Goto Choice ch01 ไปใช้ได้เลย แต่ต้องเปลี่ยนชื่อไอคอนเป็น ข ค ง และกำหนดค่า - + ให้ถูกต้อง

31. ก็อปปี้ไอคอน ภายในแม็พไอคอน ch01 ไปวางใน ch02 และ ch100
32. แก้ไขข้อมูลด้านในเช่น ชื่อไอคอน จาก Goto choice ch01 ก็เปลี่ยนเป็น Goto Choice ch02 ...
33. ข้อมูลในไอคอน ก ข ค ง ก็แก้ไขให้ถูกต้องเช่นกัน เช่น ค่า s1 ก็เปลี่ยนเป็น s2 s3 ...
Checked :=TRUE
s2 := CorrectChoicesMatched
c2 := Correct
a2 := MatchedIconTitle
34. ดับเบิ้ลคลิกไอคอน choice ch02 และ choice ch100 แล้วพิมพ์ข้อสอบข้อใหม่

35. ดับเบิ้ลคลิกไอคอน Score แล้วพิมพ์
Total := s1+s2+s3
Totalw := 3-Total
ตัวแปร Total จะทำหน้าที่รวมคะแนนข้อที่ตอบถูกต้องทั้งหมด ซึ่งก็คือค่า s1 s2 s3
ตัวแปร Totalw จะเป็นการนำจำนวนข้อทั้งหมดคือ 3 ข้อ ลบกับข้อที่ถูกต้อง ก็จะเป็น 3 - Total ก็จะได้จำนวนข้อที่ทำผิด
36. ดับเบิ้ลคลิกไอคอน Total Score แล้วพิมพ์ตามตัวอย่างด้านล่าง
สรุปคะแนนที่ได้ วันที่ {FullDat} (พิมพ์ตามนี้ทุกอย่าง)
ชื่อผู้สอบ {UserName} โปรแกรมจะเปลี่ยนเป็นชื่อที่ได้พิมพ์ไว้ ในตอนแรกที่เข้าโปรแกรม
จำนวนข้อที่ตอบถูกทั้งหมด {Total} ข้อ
จำนวนข้อที่ตอบผิดทั้งหมด {Totalw} ข้อ
37. ดับเบิ้ลคลิกไอคอน Total Choice แล้วจัดตำแหน่งเส้นประของไอคอน Exit และ Print ดัง ตัวอย่าง
38. แม็พไอคอน Exit ดับเบิ้ลคลิกแล้วนำไอคอนมาวาง ชื่อ Write Score และ Exit
39. ไอคอน Exit ให้พิมพ์ Quit(0) ส่วนไอคอน Write Score ให้พิมพ์
AppendExtFile(RecordLocation^”Score.txt”,Var1^UserName^,Var2^FullDat^Var3^Total)

40. ดับเบิ้ลคลิกไอคอน Exit Program แล้วนำไอคอนมาวางตามตัวอย่าง
41. ไอคอน Confirm สร้างข้อมูลตามตัวอย่าง
42. ไอคอน Exit Choice ดับเบิลคลิก แล้วจัดตำแหน่งเส้นประ HotSpot ของปุ่ม Exit Program และ Back to lession ตามตัวอย่าง
43. ดับเบิ้ลคลิกไอคอน Back to lesson แล้วพิมพ์ GoTo(IconID@”Page Manager”) เพื่อ กลับเข้าสู่บทเรียนเหมือนเดิม ส่วนไอคอน Exit Program พิมพ์ Quit(0)
44. เสร็จแล้วก็รันเพื่อทดสอบการทำงานของโปรแกรม จากนั้นจึงบันทึกงานเก็บไว้

---

การดูคะแนนของผู้ทดสอบ
เมื่อนักเรียนทำข้อสอบเสร็จแล้ว คะแนนจะถูกจัดเก็บไว้ในไฟล์ชื่อ Score.txt สามารถดูข้อมูล ในไฟล์นี้ได้โดย
1. เข้าโปรแกรม Windows Explorer แล้วคลิกที่โฟลเดอร์ Windows ในไดรว์ C:
2. ค้นหาโฟลเดอร์ชื่อ A7W_DATA หรือชื่ออื่นๆ ซึ่งแต่ละเวอร์ชันของ Authorware จะตั้งชื่อ ไม่เหมือนกัน เช่น A5W_DATA เป็นของ Authorware เวอร์ชัน 5.0
3. ก็จะพบไฟล์ข้อความชื่อ Score.txt ให้ดับเบิ้ลคลิกไฟล์นี้เพื่อเปิดดูข้อมูลด้านใน ก็จะมี รายชื่อผู้ทดสอบ วันที่ทดสอบ และคะแนนที่ได้

---

เทคนิคพิเศษการสร้างงานใน Authorware 7
อาจทดลองสร้างงานแบบต่างๆ ด้วย Knowledge Object ซึ่งมีรูปแบบสำเร็จรูปให้เลือกใช้ ไม่ต้องเขียนโปรแกรมเองให้ยุ่งยาก เช่น การทำข้อสอบ (Quiz) มีความสะดวก แต่รูปแบบหน้าตาก็ จะเป็นรูปแบบมาตรฐานตามที่มีให้ในโปรแกรมนั้นๆ
1. เริ่มงานใหม่ ในกรอบข้อความ New project ให้คลิกเลือก Quiz แล้วคลิก OK
2. คลิกปุ่ม OK ในกรอบข้อความ File Not Saved ซึ่งจะเตือนให้บันทึกไฟล์ไว้ก่อนจะทำงาน ขั้นตอนต่อไป ก็บันทึกไฟล์เก็บไว้ให้เรียบร้อย
3. ก็จะเข้าสู่ขั้นตอนการสร้างแบบทดสอบ ก็ทำตามคำแนะนำในแต่ละกรอบข้อความที่ได้ ปรากฏขึ้นมา
4. จากตัวอย่างเป็นการสร้างแบบทดสอบแบบตัวเลือก

Details

Category: ตัวอย่างงาน Authorware

Hits: 8747