Fast Blinking Hello Kitty

วันอาทิตย์ที่ 16 กุมภาพันธ์ พ.ศ. 2557

Unit 6 การสร้างแบบทดสอบด้วย JCloze

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

แบบทดสอบลักษณะ  JCloze  เป็นแบบทดสอบที่ให้ผู้ทำแบบทดสอบเติมคำลงในช่องว่างซึ่งมีขั้นตอนในการสร้างแบบทดสอบดังต่อไปนี้

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

1.จากหน้าต่างของโปรแกรม Hot Potatoes คลิกเลือก  JCloze  ดังรูปที่ 80


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

2.ปรากฏหน้าต่างใหม่ ดังรูปที่ 81


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

แถบเมนู
File     เป็นเมนูที่ทำงานเกี่ยวกับเอกสารเช่นสร้างเอกสารใหม่เปิดเอกสารบันทึกงาน
Edit     เป็นเมนูที่ทำงานเกี่ยวกับการแก้ไขข้อมูลคัดลอกข้อมูลตัดข้อมูลวางข้อมูลลบข้อมูล
Insert   เป็นเมนูที่ทำงานเกี่ยวกับการแทรกรูปภาพการลิงค์ไป URL หรือ Fileข้อมูล
Options เป็นเมนูที่ทำงานเกี่ยวกับการจัดรูปแบบตัวอักษรการปรับแต่งการแสดงผลทาง output
Help     เป็นเมนูที่ทำงานเกี่ยวกับการช่วยเหลือหรือรายละเอียดเพิ่มเติม





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

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

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

บันทึกงาน

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


ปิดโปรแกรม


ย้อนกลับ


ตัด


    คัดลอก

วาง

แทรกรูปภาพจากเว็บ

 แทรกรูปภาพจากเครื่องคอมพิวเตอร์

แทรก  link  ที่เป็น  URL

แทรก  link  ที่เป็นไฟล์อื่น ๆ  จากเครื่องคอมพิวเตอร์
    แสดงหน้าต่าง  Configure
เป็นการขอความช่วยเหลือหรือรายละเอียดเพิ่มเติม



          3. ใส่ชื่อหัวข้อเรื่องในช่อง Title และ พิมพ์เนื้อหาทั้งหมดลงในพื้นที่ ในที่นี้จะยกตัวอย่างเนื้อหาจาก นิทานเรื่องหมากับเงาดังรูปที่ 82




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

4. เลือกคำศัพท์ที่ต้องการให้ผู้เรียนเติมลงในช่องว่างมีขั้นตอนดังนี้
              4.1 เลือกคำศัพท์ที่ต้องการให้แสดงเป็นช่องว่าง(gap)โดยการทำ mark  คำนั้น ๆ (เพื่อให้ผู้เรียนเติมคำนั้น ๆ ลงในแบบทดสอบ) ดังรูปที่ 83



รูปที่ 83 แสดงการเลือกคำศัพท์
4.2 คลิกที่ปุ่ม Gap จะปรากฏหน้าต่างใหม่ขึ้นมาอีกหนึ่งหน้าต่างดังรูปที่ 84
                

รูปที่ 84 แสดงหน้าต่างหลังจากคลิกปุ่ม Gap

      4.3 ใส่รายละเอียดของคำนั้นๆและคำตอบที่ใกล้เคียงซึ่งเป็นที่ยอมรับแทนคำตอบแรกแล้วคลิก OK เพื่อยืนยันดังรูปที่ 85


รูปที่ 85 แสดงการใส่รายละเอียดและคำอธิบายเพิ่มเติม
                         4.4 แสดงหน้าต่างผลของการเลือกคำคำที่เลือกจะถูกกำหนดให้เป็นคำที่ให้ผู้เรียนตอบลงในช่องว่างดังรูปที่ 86


                                  รูปที่ 86 แสดงหน้าต่างผลของการเลือกคำ

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


การลบ Gap ออกจากระบบ
-ทำได้โดย mark Gap ที่ต้องการลบคลิกปุ่ม Delete Gap เพื่อลบ Gap ที่เลือก

-หรือคลิกปุ่ม Clear Gaps เพื่อลบ Gap ทั้งหมดที่มีอยู่ในแบบทดสอบ


การตกแต่งแบบทดสอบ
การใส่รูปภาพ
1. การใส่รูปภาพให้วาง cursor ในตำแหน่งที่ต้องการวางรูปภาพแล้วไปที่เมนู insert เลือกคำสั่ง picture 
2. สามารถเลือกรูปภาพได้จาก 2 ที่ได้แก่
          2.1. picture from web url เป็นการ Download รูปมาจากอินเทอร์เน็ต
2.2. picture from local file เป็นการนำรูปมาจากเครื่องคอมพิวเตอร์
3. เลือกไฟล์รูปภาพที่ต้องการคลิก Open ดังรูปที่ 87


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



4. ได้หน้าต่างของรูปภาพสามารถทำการปรับขนาดและตำแหน่งของรูปภาพได้แล้วคลิกปุ่ม OK ดังรูปที่ 88


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

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



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





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

การกำหนดค่าต่างๆในoutput 


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



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

2. จะได้หน้าต่าง Configuration screen จะมีแท็ป 8 แท็ป
          2.1 แท็ป Titles / Instructions สำหรับใส่ข้อมูลมีอยู่ 2 ส่วนได้แก่ดังรูปที่ 91

     -Exercise Subtitle คือหัวข้อหรือหัวเรื่องย่อยสำหรับแบบทดสอบ
     -Instructions เป็นคำแนะนำหรือวัตถุประสงค์ของหัวข้อนี้

รูปที่ 91 แสดงแท็ป Titles / Instructions
2.2 แท็ป Prompts / Feedback สำหรับการแสดงข้อความแสดงผลการตอบคำถามดังรูปที่ 92

รูปที่ 93 แสดงแท็ป Prompts / Feedback
     - Correct Well done :เป็นช่องสำหรับบอกว่าทำถูกต้อง
     -Some answers incorrect :เป็นช่องสำหรับบอกว่าได้ใส่คำตอบผิด
     - Next correct letter added :แสดงตัวอักษรตัวแรกของคำตอบ
     - Your score is :เป็นช่องสำหรับบอกคะแนนที่ทำได้
2.3 แท็ป Buttons สำหรับกำหนดข้อความแสดงปุ่มต่างๆดังรูปที่ 94

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

     -Caption for “Check Answer” button :เป็นปุ่มสำหรับที่จะให้ตรวจคำตอบ
     - Caption for “OK” button :เป็นปุ่มตกลงยืนยันหรือทำต่อ
     - Include “Hint” button :ถ้าต้องการให้แสดง Hintให้คลิกที่ช่องสี่เหลี่ยมให้เกิดเครื่องหมายถูก
     - Caption :ใส่สัญลักษณ์หรือคำพูดสำหรับ Hint
     - Include “Clue” button for each gap :ถ้าต้องการให้แสดง Clueให้คลิกที่ช่องสี่เหลี่ยมให้เกิดเครื่องหมายถูก
     - Caption :ใส่สัญลักษณ์หรือคำพูดสำหรับ Clue
     - Include “Next Exercise” button :ถ้าต้องการให้แสดงให้คลิกที่ช่องสี่เหลี่ยมให้เกิดเครื่องหมายถูก
     - Caption :เป็นปุ่มที่ให้ใส่สัญลักษณ์หรือคำพูด
     -Next Exercise URL :ให้ใส่ URL ที่ต้องการจะ link ไปหาหรือคลิก Browse เพื่อเลือก URLอื่นๆที่ต้องการ
     -Include “Go to Contents” button :ถ้าต้องการให้แสดงให้คลิกที่ช่องสี่เหลี่ยมให้เกิดเครื่องหมายถูก
     -Caption “Index” :เป็นปุ่มที่ให้ใส่สัญลักษณ์หรือคำพูด
     - Contents page URL :ให้ใส่ URL ที่ต้องการจะ linkไปหาหรือคลิก Browse เพื่อเลือก URL อื่นๆที่
2.4 แท็ป Appearance สำหรับการตกแต่งแบบทดสอบให้กำหนดสีหรือ Background ต่างๆของหน้ากระดาษแบบทดสอบดังรูปที่ 95

รูปที่ 95 แสดงแท็ป 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 สำหรับการกำหนดเวลาสำหรับการทดสอบแต่ละชุดดังรูปที่ 96

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

     - การจับเวลาในการทำแบบทดสอบให้คลิกในช่องหน้าSet a time limit for this exercise แล้วกำหนดเวลาที่ใช้สำหรับการทดสอบโดยมีหน่วยเป็นวินาทีและนาที
     -Your time is over :เป็นช่องที่บอกว่าหมดเวลาแล้วสามารถใส่คำพูดลงไปได้เมื่อทำการกำหนดค่าต่างๆทางด้าน output เรียบร้อยแล้วให้กดปุ่ม OK

Unit 7 การสร้างดัชนี (Index)

      การสร้างดัชนี(Index)
          เป็นโปรแกรมสำหรับการสร้างหน้าแรกก่อนการเข้าไปทำแบบทดสอบเพื่อเลือกทำแบบทดสอบตามความต้องการด้วยการใช้โปรแกรม The Masher เพื่อใช้เชื่อมโยงแบบทดสอบเข้าด้วยกันและทำเป็นดัชนีมีวิธีทำดังนี้
1.คลิกเลือก The Masher จากหน้าต่างโปรแกรม Hot Potatoes ดังรูปที่ 120


Unit 4 การสร้างแบบทดสอบด้วย JMix


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

แบบทดสอบแบบ JMix เป็นแบบทดสอบลักษณะแต่งประโยค โดยที่ผู้ทำแบบทดสอบต้องนำประโยคที่มีให้มาเรียงเป็นประโยคที่ถูกต้อง


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



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


                2.ปรากฏหน้าต่างใหม่ ดังรูปที่ 63


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

แถบเมนู
File        เป็นเมนูที่ทำงานเกี่ยวกับเอกสาร เช่น สร้างเอกสารใหม่ เปิดเอกสาร บันทึกงาน
Edit        เป็นเมนูที่ทำงานเกี่ยวกับการแก้ไขข้อมูล คัดลอกข้อมูล ตัดข้อมูล วางข้อมูล ลบข้อมูล
Insert      เป็นเมนูที่ทำงานเกี่ยวกับการแทรกรูปภาพ การลิงค์ไป URL หรือ File  ข้อมูล
Options   เป็นเมนูที่ทำงานเกี่ยวกับการจัดรูปแบบตัวอักษร การปรับแต่งการแสดงผลทาง output

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


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

         3.ใส่ชื่อหัวเรื่องที่ช่อง Title
       4.ในที่นี้ยกตัวอย่างประโยคจากนิทานเรื่อง หมากับเงา ตัวอย่างประโยคคือสุนัขตัวหนึ่งกำลังคาบชิ้นเนื้อที่ Main Sentence พิมพ์คำว่าสุนัขดังรูปที่ 64

รูปที่ 64 แสดงหน้าต่าง JMix การใส่ Title และ Main Sentence
            
              5. พิมพ์คำอื่น ๆ ที่เหลือ (ตัวหนึ่ง กำลัง คาบ ชิ้นเนื้อ)
        6. Alternate Sentences คือ ประโยคที่มีความหมายคล้ายกับประโยคหลัก ซึ่งสามารถยอมรับได้เมื่อผู้เรียนตอบ ใน ที่นี้ Alternate Sentences คือหมาตัวหนึ่งกำลังคาบชิ้นเนื้อดังรูปที่ 65



รูปที่ 65 แสดงการใส่ Alternate sentences

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

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

การใส่รูปภาพในแบบทดสอบลักษณะ JMix นี้ไม่สามารถใช้วิธีเดียวกับแบบทดสอบอื่นๆได้ วิธีการใส่รูปภาพในแบบทดสอบนี้ คือ
1. ไปที่หน้าต่างของ Internet Explorer เลือกเมนู View เลือกคำสั่ง Source ดังรูปที่ 66 


รูปที่ 66 แสดงหน้าต่าง Internet Explorer ของแบบทดสอบJMix

2. จะได้ภาษา HTML ให้เลื่อน Scroll Bar ไปจนเกือบจะสิ้นสุด HTML Code ของหน้านั้นให้เพิ่ม tag ที่จะใส่รูปภาพ ในบรรทัดก่อนที่จะสิ้นสุด HTML ดังรูปที่ 67


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



ส่วนของการกำหนดค่าต่าง ๆ ใน output ( Configuring the output ) ของแบบทดสอบ JMix 
       การกำหนดค่าต่างๆใน output มีวิธีการทำดังนี้
1. จากหน้าต่างที่ทำแบบทดสอบ คลิกที่เมนู Option เลือก คำสั่ง Configure Output ดังรูปที่ 68


รูปที่ 68 แสดงหน้าต่างแบบทดสอบ
2. จะปรากฏหน้าต่าง Configuration screen จะมีแท็ป 8 แท็ป
2.1 แท็ป Titles / Instructions สำหรับใส่ข้อมูลมีอยู่ 2 ส่วน ดังรูปที่ 69
-Exercise Subtitle คือหัวข้อหรือหัวเรื่องย่อยสำหรับแบบทดสอบ

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


รูปที่ 69 แสดงแท็ป Titles / Instructions
2.2 แท็ป Prompts / Feedback สำหรับการแสดงข้อความแสดงผลการตอบคำถาม

ดังรูปที่ 70


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

      -Correct indicator : ถ้าตอบถูกต้อง ให้แสดงเครื่องหมายหรือคำพูดอะไรที่ตัวเลือกนั้น
    - Incorrect indicator : ถ้าตอบผิด ให้แสดงเครื่องหมายหรือคำพูดอะไรที่ตัวเลือกนั้น
    - Your score is : เป็นช่องที่จะให้แสดงคำพูดหรือเครื่องหมายว่าสามารถทำคะแนนได้เท่าไร
    -Guess correct : ถ้าตอบถูกต้องให้แสดงคำพูดอะไร
    -Guess incorrect : ถ้าตอบผิดให้แสดงคำพูดอะไร
2.3 แท็ป Buttons เป็นเมนูสำหรับให้แสดงปุ่มต่างๆ ดังรูปที่ 71


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

      -Caption for “Check Answer” button : เป็นปุ่มสำหรับที่จะให้ตรวจคำตอบ
    - Caption for “OK” button : เป็นปุ่ม ตกลง ยืนยัน หรือทำต่อ
    - Caption for flashcard “Next” button : เป็นปุ่มสำหรับให้ทำต่อไป
    - Caption for flashcard “Delete” button : เป็นปุ่มสำหรับการลบ
    - Include “Next Exercise” button : ถ้าต้องการให้แสดงให้คลิกที่ช่องสี่เหลี่ยมให้เกิดเครื่องหมายถูก
    - Caption : เป็นปุ่มที่ให้ใส่สัญลักษณ์หรือคำพูด
    -Include “Go to Contents” button : ถ้าต้องการให้แสดงให้คลิกที่ช่องสี่เหลี่ยมให้เกิดเครื่องหมายถูก
    -Caption “Index” :เป็นปุ่มที่ให้ใส่สัญลักษณ์หรือคำพูด
    - Contents page URL :ให้ใส่ URL ที่ต้องการจะ linkไปหาหรือคลิก Browse เพื่อเลือก URL อื่นๆที่ต้องการ
               2.4 แท็ป Appearance สำหรับการตกแต่งแบบทดสอบให้กำหนดสีหรือ Background ต่างๆของหน้ากระดาษ  แบบทดสอบดังรูปที่ 72


รูปที่ 72 แสดง แท็ป 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 สำหรับการกำหนดเวลาสำหรับการทดสอบแต่ละชุดดังรูปที่ 73


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

     - การจับเวลาในการทำแบบทดสอบให้คลิกในช่องหน้าSet a time limit for this exercise แล้วกำหนดเวลาที่ใช้สำหรับการทดสอบโดยมีหน่วยเป็นวินาทีและนาที
     -Your time is over :เป็นช่องที่บอกว่าหมดเวลาแล้วสามารถใส่คำพูดลงไปได้เมื่อทำการกำหนดค่าต่างๆทางด้าน output เรียบร้อยแล้วให้กดปุ่ม OK