การทำข้อสอบออนไลน์แบบ Multiple Choice ด้วย Hot Potatoes 5.2

issue date 2007-12-06 by charin chookham

     แม้ผมจะไม่ได้อยู่ในวงการศึกษาแต่ด้วยมีความสนใจที่จะให้ความรู้แก่ผู้สนใจใฝ่เรียน วันหนึ่งเกิดไปเจอข้อสอบออนไลน์ของโรงเรียน ๆ หนึ่งเข้าโดยบังเอิญแต่ไม่รู้ว่าเขาทำยังไง คั้นจะเมล์ไปถามก็ไม่มีข้อมูลผู้รับผิดชอบโดยตรง ลองเขียนโค๊ด php ขึ้นมาเองก็ไม่ถูกใจ เลยลองเข้าไปดูที่ souce code ดูก็พบคำว่า meta name="author" content="Created with Hot Potatoes by Half-Baked Software ก็เลยได้คำว่า hot potatoes มาค้นหา ได้มาหลากหลายเวอร์ชั่น ทั้งเวอร์ชั่นล่าสุดคือ 6.xx แต่รูปแบบข้อสอบที่ทำออกมาก็ไม่ถูกใจ มาพบคำตอบอีกทีตอนตีสามกว่า ๆ ก็เจอปัญหาเรื่องภาษาไทยก็พยายามค้นต่อจนได้คำตอบและลองผิดลองถูก จนสามารถใช้ได้ดี เลยมีความตั้งใจอยากนำมาเผยแพร่บ้าง มาเริ่มกันเลยนะครับ (ผมจะไม่แนะนำเรื่องหาโปรแกรมยังไง ติดตั้งยังไงนะครับ แนะนำว่าเมล์มาถามโดยตรงดีกว่า เพราะมันเกี่ยวกับเรื่องลิขสิทธิ์โปรแกรมด้วย)

1. เข้าโปรแกรมโดยคลิกที่
      

2. เลือกที่ JBC

3. ก็จะพบหน้าตาของโปรแกรมแบบนี้ครับ (เดาๆ ทำก็คงได้ แต่มันไม่ง่ายปานนั้น 5555 ยังมีปัญหาอยู่บ้าง)

4. ก่อนอื่นเรามาเช็ตอะไรให้พร้อมสำหรับการใช้งานก่อน ไม่งั้นท่านคงต้องเจอปัญหาตามมาแน่ ๆ ไปที่เมนู options/Configure Output (ถามว่ายังไม่เซ็ตตอนนี้ได้ไหม ตอบว่าได้แต่ตอนที่ท่าน export ออกไปอย่าลืมเซ็ตล่ะ)

5. ไปที่ Other ตรงนี้เกี่ยวกับการแสดงผลของเว็บเพ็จ ตรงนี้ให้เอาเครื่องหมายถูกหน้า Show questions one by one ออกถ้าต้องการให้หนึ่งหน้าแสดงข้อสอบหลายข้อ โดยไปเลือกที่ Show a limited numer.... แล้วใส่จำนวนข้อสอบที่ต้องการแสดงต่อหน้าแทน

ุ6. ส่วนตรงนี้ใช้แสดงสัญลักษณะหรือข้อความเมื่อเลือกถูกหรือผิด ช่องข้างบนผมเปลี่ยนจาก :-) เป็น / แทน(เครื่องหมายถูก) ส่วนข้อความอื่น ๆ ท่านจะเปลี่ยนก็ได้

      
คลิกปุ่ม OK เพื่อบันทึกค่าไว้
 

7. ก็มาสู่ขั้นตอนของการเริ่มทำข้อสอบกัน คลิกที่ช่องกรอกข้อมูลแล้ว คลิกที่ เพื่อพิมพ์คำถาม/คำตอบกัน

เหตุที่ไม่ให้พิมพ์คำถาม/คำตอบเข้าที่ช่องกรอกข้อมูลโดยตรงเพราะหากทำเช่นนั้นแล้ว เวลาexport ไปเป็นเว็บแล้วจะอ่านภาษาไทยไม่ได้เลย(กลายเป็นภาษาอะไรก็ไม่รู้ แต่ในเวอร์ชั่น 6.xx ขึ้นไป ไม่เกิดปัญหานี้แล้วสามารถ พิมพ์ข้อมูลเข้าช่องกรอกนี้ได้เลย)

8. เมื่อเข้ามาสู่ช่องกรอกข้อมูลเพื่อเข้ารหัสผ่าน unicode แล้ว ให้คลิกที่ปุ่ม Font แล้วเลือก font ที่สนับสนุนภาษาไทยนะครับ ผมเลือกเป็น Ms Sans Serifครับ

9. เมื่อเลือกภาษาได้แล้ว ก็เริ่มกรอกคำถามได้เลยครับ เมื่อกรอกเสร็จแล้ว ก็คลิกปุ่ม OK ตัวหนังสือจะถูกเข้ารหัส uni code ไปไว้ช่องที่ cursor ปรากฏอยู่

10. เสร็จแล้วก็จะเห็นตัวหนังสือที่เข้ารหัสไว้ดังภาพ(ด้านล่าง) เมื่อจะกรอกคำตอบแต่ละช่อง ก็นำเมาส์ไปคลิกที่ช่องนั้น ๆ แล้วคลิกปุ่ม เพื่อพิมพ์คำตอบเช่นเดิมไปจนครบทุกช่องคำตอบ หากพิมพ์ผิดให้ลบออกให้หมดก่อน แล้วค่อยคลิกปุ่ม เข้าไปพิมพ์ใหม่อีกครั้ง ข้อไหนเป็นคำตอบที่ถูกก็ให้คลิกเครื่องหมายถูกหน้าคำตอบนั้น

หากต้องการทำข้อต่อไปก็คลิกเลือกคำถามใหม่ที่ช่อง Q  ทำเช่นนี้ไปเรื่อย ๆ จนได้ตามต้องการ หรือหากต้องการ Save เก็บไว้ก่อนก็คลิกที่ปุ่ม Save นะครับ

11. การส่งออกไปทำเว็บ หรือข้อสอบออนไลน์ผ่านเว็บ ไปที่เมนู File/Export to Web

พิมพ์ชื่อไฟล์ .html

เมื่อส่งออกไปเป็นเว็บเพ็จแล้ว ก็จะแสดงภาษาไทยได้อย่างไม่มีปัญหาใด ๆ (แต่หากเราไม่กรอกข้อมูลผ่านปุ่ม มันจะไม่แสดงภาษาไทยแม้เข้าไปแก้ใน Source Code ก็ยังมีปัญหาอยู่)

 หมายเหตุ : ตัวอย่างด้านบนผมทำผิดนิดหนึ่งต้องขออภัยด้วยครับขอแก้ไขครับ ช่องกรอก Title เอาไว้ใส่ว่าเป็นชุดวิชาอะไรหัวข้ออะไร ส่วน Q ต่อลงมา สำหรับใส่คำถามในแต่ละข้อครับ ต้องอภัยจริง ๆ ครับ