Unit 3 การสร้างแบบทดสอบด้วย JCross

การสร้างแบบทดสอบด้วย  JCross

แบบทดสอบแบบ  JCross  (crosswords)  เป็นแบบทดสอบที่ใช้สร้างแบบทดสอบในลักษณะอักษรไขว้  ซึ่งมีขั้นตอนในการสร้างแบบทดสอบดังต่อไปนี้

ส่วนของการป้อนข้อมูล

1.เปิดโปรแกรม  Hot Potatoes  แล้วให้ทำการคลิกเลือก  JCross  ดังรูปที่  39

รูปที่  39  แสดงหน้าต่างโปรแกรม  Hot  Potatoes

2.จะปรากฏหน้าต่างใหม่  มีรายละเอียดหน้าจอการทำงานดังนี้  ดังรูปที่  40

รูปที่  40  แสดงหน้าต่างของแบบทดสอบแบบ JCross

  แถบเมนู

File        เป็นเมนูที่ทำงานเกี่ยวกับเอกสาร  เช่น  สร้างเอกสารใหม่  เปิดเอกสาร  บันทึกงาน

Edit       เป็นเมนูที่ทำงานเกี่ยวกับการแก้ไขข้อมูล  คัดลอกข้อมูล  ตัดข้อมูล  วางข้อมูล  ลบข้อมูล

Insert     เป็นเมนูที่ทำงานเกี่ยวกับการแทรกรูปภาพ  การลิงค์ไป  URL  หรือ  File  ข้อมูล

Manage  Grid  เป็นเมนูที่ทำงานเกี่ยวกับการเพิ่มคำศัพท์  การย่อ  ขยายตารางคำศัพท์

Options  เป็นเมนูที่ทำงานเกี่ยวกับการจัดรูปแบบตัวอักษร  การปรับแต่งการแสดงผลทาง  output

Help      เป็นเมนูที่ทำงานเกี่ยวกับการช่วยเหลือหรือรายละเอียดเพิ่มเติม

แถบเครื่องมือ

    สร้างแบบทดสอบใหม่

     เปิดแบบทดสอบที่ได้บันทึกงานไว้

    บันทึกงาน

     บันทึกงานและเปลี่ยนชื่องาน

   บันทึกงานเป็น  html

     ปิดโปรแกรม

     ย้อนกลับ

      ตัด

       คัดลอก

       วาง

     เพิ่มคำศัพท์หรือย่อ  ขยายตารางคำศัพท์

     แสดงหน้าต่าง  Configure

       เป็นการขอความช่วยเหลือหรือรายละเอียดเพิ่มเติม

3.เริ่มสร้างทดสอบโดยใส่ชื่อหัวข้อเรื่องในช่อง 1 ใส่ปริศนาอักษรไขว้ศัพท์ภาษาอังกฤษ 1 คำในช่อง 2   ได้ผลลัพธ์ดังรูปที่ 41

รูปที่  41  แสดงหน้าต่าง  JCross  และการใส่หัวเรื่องกับอักษรไขว้

4.พิมพ์คำศัพท์คำต่อไป  ดังรูป

รูปที่  42  แสดงการเพิ่มคำศัพท์

5.เมื่อพิมพ์คำศัพท์ครบตามจำนวนที่ต้องการ  ให้คลิก  Add  Clues   เพื่อที่จะช่วยให้ผู้เรียนทำแบบทดสอบ  ดังรูปที่  43

                              รูปที่  43  แสดงการคลิก  Add  Clues  และหน้าต่างของ  Add  Clues

6.คลิกคำศัพท์ที่ต้องการอธิบาย  และพิมพ์คำอธิบาย  หรือรายละเอียด  ลงในช่องว่างของคำศัพท์แต่ละคำ  ดังรูปที่  44

รูปที่  44  แสดงการอธิบายคำศัพท์

                                              

7.คลิกปุ่ม  OK  คำอธิบายจะขึ้นไปอยู่บรรทัดเดียวกันกับคำศัพท์  เลือกคำศัพท์คำต่อไปเพื่อเติมคำอธิบาย  หรือ  Clues 

8.เมื่อพิมพ์  Clues  ครบทุกคำ  คลิกปุ่ม  OK  ดังรูปที่  45

9. บันทึกแบบทดสอบโดยคลิกที่ไอคอน หรือไปที่เมนู file เลือกคำสั่ง save เลือก Folder ที่ต้องการเก็บ แล้วตั้งชื่อ file โดยที่ file ที่ได้จะมีนามสกุล .jcw

                                                             รูปที่  45  แสดงการเสร็จการพิมพ์คำอธิบาย

การตกแต่งแบบทดสอบ

การใส่รูปภาพ

1.คลิกที่ปุ่ม  add  clue  ดังรูปที่  46

                                                          รูปที่  46  แสดงการ  add  clues

2.จะปรากฏหน้าต่างใหม่วาง  cursor  ในตำแหน่งที่ต้องการวางรูปภาพ  แล้วไปที่เมนู  Insert  เลือกคำสั่ง  Picture  ดังรูปที่  47

 

                                                              รูปที่  47  แสดงการใส่รูปภาพ

3.สามารถเลือกรูปภาพได้จาก  2  ที่  ได้แก่  

                               3.1.picture from web url  เป็นการ  Download  รูปมาจากเว็บไซต์ที่ต้องการ

                   3.2.picture from local file  เป็นการนำรูปมาจากเครื่องคอมพิวเตอร์ที่ได้ทำการ  save  เก็บไว้

4.เลือกไฟล์รูปภาพที่ต้องการ  คลิก  Open  ดังรูปที่  48

รูปที่ 48 แสดงการเปิดหารูปภาพ

5.ได้หน้าต่างของรูปภาพ  สามารถทำการปรับขนาดและตำแหน่งของรูปภาพได้  ดังรูปที่  49

รูปที่  49  แสดงหน้าต่างของการปรับแต่งรูปภาพ

6.หลังจากปรับแต่งรูปภาพเรียบร้อย  คลิกปุ่ม  OK  จะได้หน้าต่าง  ดังรูปที่  50

รูปที่  50  แสดง  code  ของรูปภาพ

จะเห็นได้ว่าในตำแหน่งที่วางรูปภาพโปรแกรมจะเปลี่ยนเป็น  source code

ส่วนของการกำหนดค่าต่าง ๆ ใน  output  ( Configuring  the  output )  ของแบบทดสอบ  JCross

การกำหนดค่าต่าง ๆใน output มีวิธีการทำดังนี้

1.จากหน้าต่างที่ทำแบบทดสอบ  คลิกที่เมนู  option  เลือก  คำสั่ง  Configure  Output  ดังรูปที่  51

รูปที่  51  แสดงการแบบทดสอบ

          2.จะปรากฏหน้าต่าง  Configuration screen  จะมีแท็ป  8  แท็ป

                    2.1  แท็ป  Titles /  Instructions  สำหรับใส่ข้อมูลมีอยู่  2  ส่วน  ดังรูปที่  52

                          -  Exercise  Subtitle  คือหัวข้อหรือหัวเรื่องย่อยสำหรับแบบทดสอบ

                          -  Instructions   เป็นคำแนะนำ  หรือวัตถุประสงค์ของหัวข้อนี้

                        รูปที่  52  แสดงหน้าต่าง  Configuration  screen
2.2 แท็ป  prompts / Feedback  สำหรับการแสดงข้อความแสดงผลการตอบคำถาม ดังรูปที่  53  

                                                                รูปที่  53  แสดงแท็ป  Prompts / Feedback

                        -Clues across   :  คำอธิบายคำศัพท์แนวนอน

                        -Clues down  :  คำอธิบายคำศัพท์แนวตั้ง

                        -Correct  :  ถ้าตอบถูกต้อง  ให้แสดงเครื่องหมายหรือคำพูดอะไรที่ตัวเลือกนั้น

                        -Your  score  is  :  เป็นช่องที่จะให้แสดงคำพูดหรือเครื่องหมายว่าสามารถทำคะแนนได้เท่าไร

2.3 แท็ป  Buttons  สำหรับกำหนดข้อความแสดงปุ่มต่าง  ๆ  ดังรูปที่  54

รูปที่  54  แสดงแท็ป  Buttons

     
        -Caption for “Check Answer”  button  :  เป็นปุ่มสำหรับที่จะให้ตรวจคำตอบ

                         - Caption for “OK” button : เป็นปุ่ม ตกลง ,ยืนยัน หรือทำต่อ

                         - Include “Hint” button : ถ้าต้องการให้แสดงตัวช่วยให้คลิกที่ช่องสี่เหลี่ยม

                         - Caption “Hint” : เป็นปุ่มสำหรับแสดงคำพูดหรือสัญลักษณ์

                         - Include “Next Exercise” button : ถ้าต้องการให้แสดงให้คลิกที่ช่องสี่เหลี่ยม

                         - Caption : เป็นปุ่มที่ให้ใส่สัญลักษณ์หรือคำพูด

                         - Next Exercise URL : URLของแบบทดสอบต่อไป

                         -  nextpage.htm : ให้ใส่ URLที่ต้องการหรือโดยการคลิก Browse…

                         -Include “Go to Contents” button : ถ้าต้องการให้แสดงให้คลิกที่ช่องสี่เหลี่ยม

                         -Caption “Index” : เป็นปุ่มที่ให้ใส่สัญลักษณ์หรือคำพูด

                         - Contents page URL : ให้ใส่ URL ที่ต้องการจะ link ไปหา หรือคลิก Browse เพื่อเลือก URLอื่นๆ ที่ต้องการ

                    2.4 แท็ป Appearance สำหรับการตกแต่งแบบทดสอบให้กำหนดสีหรือ Background ต่างๆ ของหน้ากระดาษ แบบทดสอบ ดังรูปที่ 55

รูปที่ 55 แสดงแท็ป Appearance

                         - Background graphic URL : สำหรับกำหนดรูปพื้นหลัง โดยคลิก Browse… แล้วเลือกรูปที่ต้องการ โดยจะต้องไม่กำหนดสีในส่วนของ Page background color

                        -Navigation bar color : สำหรับใส่สีที่ bar ด้านบนของกระดาษ

                        -Page background color : สำหรับใส่สี พื้นหลังกระดาษ

                        - Title color : สำหรับกำหนดสีของหัวเรื่อง       

                        -Exercise background color : สำหรับกำหนดสีให้กับพื้นหลังของเนื้อหา

                        -Link color : สำหรับกำหนดสีให้กับตัวที่จะทำการ link ที่อยู่ในส่วนของเนื้อหา

                        -Visited link color : สำหรับกำหนดสีให้กับตัวที่ทำการ link ไปแล้วที่อยู่ในส่วนของเนื้อหา

                        -Text color : สำหรับกำหนดสีให้กับตัวหนังสือที่อยู่ในส่วนของเนื้อหา

โปรแกรมจะแสดงตัวอย่างของแบบทดสอบอยู่ด้านซ้ายมือของหน้าต่าง

2.5 แท็ป Timer สำหรับการกำหนดเวลาสำหรับการทดสอบแต่ละชุด ดังรูปที่ 56

รูปที่ 56 แสดงแท็ป  Timer

     - การจับเวลาในการทำแบบทดสอบ ให้คลิกในช่องหน้า Set a time limit for this exercise    แล้วกำหนดเวลาที่ใช้สำหรับการทดสอบโดยมีหน่วยเป็นวินาที และนาที

     -Your time is over : เป็นช่องที่บอกว่าหมดเวลาแล้ว สามารถใส่คำพูดลงไปได้

เมื่อทำการกำหนดค่าต่างๆ ทางด้าน output เรียบร้อยแล้วให้กดปุ่ม OK

ส่วนของการสร้างเว็บเพจ ของแบบทดสอบแบบ JCross

เป็นขั้นตอนของการนำเอาแบบทดสอบที่สร้างไว้แล้วมาทำเป็นเว็บเพจ เพื่อนำไปเผยแพร่ต่อไป มีวิธีทำดังนี้ 

           1. ที่เมนู file เลือกคำสั่ง create web page เลือก Web page for V6 browsers F6 หรือ ไปที่แถบเครื่องมือแล้วคลิกเลือก หรือ กดปุ่ม F6

          2. จะได้ไดอะล็อก Save As เลือกโฟลเดอร์สำหรับเก็บข้อมูลและตั้งชื่อไฟล์ ชื่อไฟล์ให้เป็นภาษาอังกฤษเพื่อความสะดวกในการนำไป upload ขึ้น Web Server แล้วคลิก Save เพื่อทำการบันทึก ดังรูปที่ 57

รูปที่ 57 แสดงไดอะล็อก Save As

  3. จะปรากฏหน้าต่าง View or upload the exercise ดังรูปที่ 58

รูปที่ 58 แสดงหน้าต่าง View or upload the exercise

                จะมีให้เลือกอยู่ 4 แบบ ได้แก่

- View the exercise in my browser : เป็นการดูตัวอย่างจากเครื่องคอมพิวเตอร์ของตนเอง

- Upload the file to the hotpotaes.net Website : เป็นการนำผลงาน Hot potatoes ขึ้นเว็บไซต์

-Nothing : เป็นการยกเลิกการกระทำ

- Help : เป็นการขอความช่วยเหลือหรือรายละเอียดต่างๆ เพิ่มเติม

ในที่นี้จะคลิกเลือกแท็ป View the exercise in my browser จะปรากฏหน้าจอของแบบทดสอบที่ทำไว้ทั้งหมด ดังรูปที่ 59

รูปที่ 59 แสดงหน้าต่างของแบบทดสอบในบราวเซอร์

4. ถ้าที่หน้าจอแสดงแท็ปป้องกัน ให้ทำการคลิกขวาแล้วเลือก Allow Blocked Content จะได้ไดอะล็อกดังรูปที่ 60 แล้วทำการคลิก Yes

รูปที่ 60 แสดงไดอะล็อก Security Warning

5. จะได้หน้าจอของแบบทดสอบที่ได้ทำไว้ทั้งหมด ดังรูปที่ 61

รูปที่ 61 แบบทดสอบที่แสดงเป็นเว็บเพจ