ตอนที่ 9 การสร้างใบงานแบบมีปฏิสัมพันธ์แบบลากวาง (Drag and drop) ด้วย Liveworksheet

แชร์เรื่องนี้

ตอนที่ 9 นี้เป็นการสร้างใบงานแบบมีปฏิสัมพันธ์แบบลากวาง (Drag and drop) ด้วย Liveworksheet

การสร้างใบงานแบบมีปฏิสัมพันธ์แบบลากวาง (Drag and drop) สามารถทำได้ดังนี้

1. สร้างแบบฝึกหัดแบบช่องทำเครื่องหมายลงในใบงาน และทำการอับโหลดให้เรียบร้อย

2. สร้างกล่องข้อความลงในตำแหน่งที่ต้องการ

3. คลิกเมาส์ปุ่มซ้ายเข้าไปในกล่องข้อความที่สร้างให้กล่องมีเส้นทึบสีดำเพื่อใส่โค้ดคำสั่ง

4. พิมพ์คำสั่งดังนี้

4.1 drag: แล้วตามด้วยตัวเลขลำดับของคำตอบตามลำดับที่ต้องการ ลงในกล่องข้อความ

4.2 drop: แล้วตามด้วยตัวเลขลำดับของคำถามตามลำดับที่ตรงกับคำถามลงในกล่องข้อความ

ตัวอย่างที่ 1 คำตอบลำดับที่ 1 drag:1

ตัวอย่างที่ 2 คำถามลำดับที่ 1 drop:1

ตัวอย่างที่ 3 การสร้างใบงานแบบโยงเส้นจับคู่

5. เมื่อทำเสร็จแล้ว ทำการตรวจสอบความถูกต้องในหน้าต่าง Preview หากพบข้อผิดพลาดสามารถเข้าไปแก้ได้ในเครื่องมือ Edit

6. เมื่อตรวจสอบความถูกต้องเสร็จเรียบร้อยแล้วให้คลิกเมาส์ที่ปุ่ม Save เพื่อบันทึกใบงาน

Post Views: 3,046

comments