SlideShare a Scribd company logo
1 of 43
ฝ่ายวิชาการ มหาวิทยาลัยพายัพ 
http://academic.payap.ac.th
iDea 
ร้จูักกับ Hot potatoes 
พื้นฐาน ความรู้ 
หลักการทา งานและรปูแบบของ 
แบบทดสอบแบบออนไลน์ 
i Do 
สร้างแบบทดสอบแบบตัวเลือก 
แบบเขียนตอบ 
แบบปริศนาอักษรไขว้ 
แบบเติมคา 
แบบจับคู่ 
แบบแต่งประโยค
Hot potatoes ? 
ความร้พูื้นฐาน/หลักการทา งาน 
รปูแบบของแบบทดสอบออนไลน์
พัฒนาขนึ้โดย University of Victoria, British Columbia, 
Canada.
ร้จูักไฟล์ชนิด 
html 
ร้จูักโปรแกรม 
เบราว์เซอร์ 
(Browser) 

 เป็นไฟล์ที่มีชนิดหรือนามสกลุเป็น .html 
 html -> Hypertext Markup Language 
 ภาษามาร์กอัป ใชใ้นการสร้างเว็บเพจ หรือขอ้มูลอื่นที่เรียกดผู่านทางเว็บเบราว์เซอร์
โปรแกรมค้นดเูว็บ สามารถดขูอ้มูลและโตต้อบกับขอ้มูล 
สารสนเทศที่จัดเก็บในหนา้เวบที่สร้างด้วยภาษา html
1. Enter your data 
questions Answers Feedback etc. 
2. Adjust the configuration 
Font Color Timer etc. 
3. Create your Web pages 
Export to html file
Quiz 
JQuiz 
Multiple Choice 
Short Answer 
Hybrid 
Multi Select 
JClose เติมคำในช่องว่ำง 
JCross ปริศนำอักษรไขว้ 
JMatch จับคู่ 
JMix กำรแต่งประโยค
Jquiz
ส่วนประกอบของหนา้จอการสร้าง 
Prev./N 
ext 
Change 
Type
การจัดการขอ้คา ถาม (Manage Questions)
การจัดการขอ้คา ถาม (Manage Questions)
การจัดการขอ้คา ถาม (Manage Questions)
การกาหนดค่าตัวอักษร 
1 
3 
2
การใส่รปูภาพในขอ้คา ถาม 
12 
3 
4
การใส่วิดิโอ/เสียง ในขอ้คา ถาม 
1 
3 
2
การกาหนดค่าของผลลัพท์ (Configure Output) 
เป็นการกาหนดการตกแต่งส่วนประกอบต่างๆของ 
แบบทดสอบ เช่น ขอ้ความ สีสัน เป็นตน้
การบันทึกไฟล์แบบทดสอบ 
 เมนู File -> Save หรือ Save as [จะได้ไฟล์ชนิด .jqz]
การบันทึกไฟล์เป็น webpage (html) 
1 
2 
3
ตัวอย่าง ขอ้)1 
สัตว์ในขอ้ใดแตกต่างจากพวก 
• ชา้ง 
• มา้ 
• วัว 
• ฬ่อ 
ตัวอย่าง ขอ้) 2 
 พืชในขอ้ใดแตกต่างจากพวก 
• ขา้วโพด 
• อ้อย 
• หญ้า 
• ถั่ว
ให้ใส่หัวขอ้แบบทดสอบ 
ใส่คาถาม
กาหนดขนาดของ Grid
1.คลิกคาศัพท์ 
2.พิมพ์ 
คาอธิบาย 
3. กด OK เพิ่ม
1.โจทย์2.คู่ตัวเลือก
แบบ Standard Format 
แบบ Drag/ Drop 
รปูแบบของขอ้สอบแบบจับคู่
แบบ Standard Format 
แบบ Drag/ Drop
The Masher เป็นโปรแกรมที่มีคณุสมบัติในกำรสรำ้ง 
แบบทดสอบรวม เป็ นกำรนำเอำแบบทดสอบต่ำงๆที่ 
สรำ้งเก็บไว้มำรวมกันให้เป็นแบบทดสอบเดียว
1.เพิ่มไฟล์แบบทดสอบ 
2.สร้างชดุรวม 
แบบบทดสอบ
สร้างแบบทดสอบออนไลน์ ด้วยโปรแกรม Hot Potatoes

More Related Content

What's hot

ใบงานที่ 5 โครงงานประเภท “การพัฒนาเครื่องมือ”
ใบงานที่ 5 โครงงานประเภท “การพัฒนาเครื่องมือ”ใบงานที่ 5 โครงงานประเภท “การพัฒนาเครื่องมือ”
ใบงานที่ 5 โครงงานประเภท “การพัฒนาเครื่องมือ”
Chayanis
 
ใบงานที่ 3 เรื่อง ขอบข่ายและประเภท
ใบงานที่ 3 เรื่อง ขอบข่ายและประเภทใบงานที่ 3 เรื่อง ขอบข่ายและประเภท
ใบงานที่ 3 เรื่อง ขอบข่ายและประเภท
Sorpor 'eiei
 
ใบงานที่5โครงงานประเภท การพัฒนาเครื่องมือ
ใบงานที่5โครงงานประเภท การพัฒนาเครื่องมือใบงานที่5โครงงานประเภท การพัฒนาเครื่องมือ
ใบงานที่5โครงงานประเภท การพัฒนาเครื่องมือ
Mind Melody
 
โครงงานประเภท “การพัฒนาสื่อเพื่อการศึกษา"
โครงงานประเภท “การพัฒนาสื่อเพื่อการศึกษา"โครงงานประเภท “การพัฒนาสื่อเพื่อการศึกษา"
โครงงานประเภท “การพัฒนาสื่อเพื่อการศึกษา"
Thanat Suriyawong
 
ใบงานที่ 5 เรื่อง โครงงานประเภท “การพัฒนาเครื่องมือ”
ใบงานที่ 5 เรื่อง โครงงานประเภท “การพัฒนาเครื่องมือ”ใบงานที่ 5 เรื่อง โครงงานประเภท “การพัฒนาเครื่องมือ”
ใบงานที่ 5 เรื่อง โครงงานประเภท “การพัฒนาเครื่องมือ”
Warunchai Chaipunya
 
ใบงานที่ 4
ใบงานที่ 4ใบงานที่ 4
ใบงานที่ 4
Pop Nattakarn
 

What's hot (14)

K4
K4K4
K4
 
ใบงานที่ 5 โครงงานประเภท “การพัฒนาเครื่องมือ”
ใบงานที่ 5 โครงงานประเภท “การพัฒนาเครื่องมือ”ใบงานที่ 5 โครงงานประเภท “การพัฒนาเครื่องมือ”
ใบงานที่ 5 โครงงานประเภท “การพัฒนาเครื่องมือ”
 
ใบงานที่ 3 เรื่อง ขอบข่ายและประเภท
ใบงานที่ 3 เรื่อง ขอบข่ายและประเภทใบงานที่ 3 เรื่อง ขอบข่ายและประเภท
ใบงานที่ 3 เรื่อง ขอบข่ายและประเภท
 
K5 (1)
K5 (1)K5 (1)
K5 (1)
 
ใบงานที่5โครงงานประเภท การพัฒนาเครื่องมือ
ใบงานที่5โครงงานประเภท การพัฒนาเครื่องมือใบงานที่5โครงงานประเภท การพัฒนาเครื่องมือ
ใบงานที่5โครงงานประเภท การพัฒนาเครื่องมือ
 
โครงงานประเภท “การพัฒนาสื่อเพื่อการศึกษา"
โครงงานประเภท “การพัฒนาสื่อเพื่อการศึกษา"โครงงานประเภท “การพัฒนาสื่อเพื่อการศึกษา"
โครงงานประเภท “การพัฒนาสื่อเพื่อการศึกษา"
 
K5
K5K5
K5
 
5
55
5
 
5
55
5
 
K5
K5K5
K5
 
4
44
4
 
K4
K4K4
K4
 
ใบงานที่ 5 เรื่อง โครงงานประเภท “การพัฒนาเครื่องมือ”
ใบงานที่ 5 เรื่อง โครงงานประเภท “การพัฒนาเครื่องมือ”ใบงานที่ 5 เรื่อง โครงงานประเภท “การพัฒนาเครื่องมือ”
ใบงานที่ 5 เรื่อง โครงงานประเภท “การพัฒนาเครื่องมือ”
 
ใบงานที่ 4
ใบงานที่ 4ใบงานที่ 4
ใบงานที่ 4
 

Viewers also liked (6)

Manual quiz faber
Manual quiz faberManual quiz faber
Manual quiz faber
 
การสร้าง แบบทดสอบ App for android
การสร้าง แบบทดสอบ  App for androidการสร้าง แบบทดสอบ  App for android
การสร้าง แบบทดสอบ App for android
 
Quizlet เว็บที่ทำให้ผลการเรียนดีขึ้น
Quizlet เว็บที่ทำให้ผลการเรียนดีขึ้นQuizlet เว็บที่ทำให้ผลการเรียนดีขึ้น
Quizlet เว็บที่ทำให้ผลการเรียนดีขึ้น
 
การสร้างสื่อประสมด้วยโปรแกรมFlash
การสร้างสื่อประสมด้วยโปรแกรมFlashการสร้างสื่อประสมด้วยโปรแกรมFlash
การสร้างสื่อประสมด้วยโปรแกรมFlash
 
Free Quiz Maker
Free Quiz MakerFree Quiz Maker
Free Quiz Maker
 
Handbook2007%20for%20 print
Handbook2007%20for%20 printHandbook2007%20for%20 print
Handbook2007%20for%20 print
 

Similar to สร้างแบบทดสอบออนไลน์ ด้วยโปรแกรม Hot Potatoes

ใบงานหลักสูตรวิชาการเขียนเว็บไซต์
ใบงานหลักสูตรวิชาการเขียนเว็บไซต์ใบงานหลักสูตรวิชาการเขียนเว็บไซต์
ใบงานหลักสูตรวิชาการเขียนเว็บไซต์
krunoommr
 
คู่มือการสร้างเว็บDreammx2004
คู่มือการสร้างเว็บDreammx2004คู่มือการสร้างเว็บDreammx2004
คู่มือการสร้างเว็บDreammx2004
kernger99
 
ใบงานที่5555
ใบงานที่5555ใบงานที่5555
ใบงานที่5555
M'Mod Ta Noy
 
ใบงานที่5555
ใบงานที่5555ใบงานที่5555
ใบงานที่5555
M'Mod Ta Noy
 
ใบงานที่5
ใบงานที่5ใบงานที่5
ใบงานที่5
nichaphat22
 
บทที่ 3
บทที่ 3บทที่ 3
บทที่ 3
Nu_waew
 

Similar to สร้างแบบทดสอบออนไลน์ ด้วยโปรแกรม Hot Potatoes (14)

คู่มือภาษา HTML และการจัดข้อความ
คู่มือภาษา HTML และการจัดข้อความคู่มือภาษา HTML และการจัดข้อความ
คู่มือภาษา HTML และการจัดข้อความ
 
ใบงานหลักสูตรวิชาการเขียนเว็บไซต์
ใบงานหลักสูตรวิชาการเขียนเว็บไซต์ใบงานหลักสูตรวิชาการเขียนเว็บไซต์
ใบงานหลักสูตรวิชาการเขียนเว็บไซต์
 
Presentation
PresentationPresentation
Presentation
 
Course4311302
Course4311302Course4311302
Course4311302
 
คู่มือการสร้างเว็บDreammx2004
คู่มือการสร้างเว็บDreammx2004คู่มือการสร้างเว็บDreammx2004
คู่มือการสร้างเว็บDreammx2004
 
OAI-PMH with Drupal + XAMPP Portable + PKP OHS
OAI-PMH with Drupal + XAMPP Portable + PKP OHSOAI-PMH with Drupal + XAMPP Portable + PKP OHS
OAI-PMH with Drupal + XAMPP Portable + PKP OHS
 
04แผนการจัดการเรียนรู้1 ความรู้เกี่ยวกับเว็บเพจ
04แผนการจัดการเรียนรู้1 ความรู้เกี่ยวกับเว็บเพจ04แผนการจัดการเรียนรู้1 ความรู้เกี่ยวกับเว็บเพจ
04แผนการจัดการเรียนรู้1 ความรู้เกี่ยวกับเว็บเพจ
 
Unit4maintain edit
Unit4maintain editUnit4maintain edit
Unit4maintain edit
 
ใบงานที่5555
ใบงานที่5555ใบงานที่5555
ใบงานที่5555
 
ใบงานที่5555
ใบงานที่5555ใบงานที่5555
ใบงานที่5555
 
ใบงานที่5
ใบงานที่5ใบงานที่5
ใบงานที่5
 
บทที่ 3
บทที่ 3บทที่ 3
บทที่ 3
 
e-Learning : SRRT - 01
e-Learning : SRRT - 01e-Learning : SRRT - 01
e-Learning : SRRT - 01
 
Digital Media Standard
Digital Media StandardDigital Media Standard
Digital Media Standard
 

More from Phusit Konsurin

More from Phusit Konsurin (7)

นักศึกษากับการแสวงหาความรู้ในศตวรรษที่21
นักศึกษากับการแสวงหาความรู้ในศตวรรษที่21นักศึกษากับการแสวงหาความรู้ในศตวรรษที่21
นักศึกษากับการแสวงหาความรู้ในศตวรรษที่21
 
สอนการใช้งาน Debug ใน DOS mode
สอนการใช้งาน Debug ใน DOS modeสอนการใช้งาน Debug ใน DOS mode
สอนการใช้งาน Debug ใน DOS mode
 
แนะนำการเขียนโปรแกรมภาษาแอสเซมลีเบื้องต้น
แนะนำการเขียนโปรแกรมภาษาแอสเซมลีเบื้องต้นแนะนำการเขียนโปรแกรมภาษาแอสเซมลีเบื้องต้น
แนะนำการเขียนโปรแกรมภาษาแอสเซมลีเบื้องต้น
 
สร้าง E book ด้วยโปรแกรม sigil
สร้าง E book ด้วยโปรแกรม sigilสร้าง E book ด้วยโปรแกรม sigil
สร้าง E book ด้วยโปรแกรม sigil
 
Joomla Day1
Joomla  Day1Joomla  Day1
Joomla Day1
 
Joomla Day2
Joomla Day2Joomla Day2
Joomla Day2
 
3D button and Animation Tips in Powerpoint
3D button and Animation Tips in Powerpoint3D button and Animation Tips in Powerpoint
3D button and Animation Tips in Powerpoint
 

สร้างแบบทดสอบออนไลน์ ด้วยโปรแกรม Hot Potatoes