mobile11-5

ใบงานที่ 11 การสร้างแอพคลังข้อสอบแบบออฟไลน์และออนไลน์

วัตถุประสงค์
1. เพื่อศึกษาวิธีการสร้างแอพเพื่อสร้างข้อสอบแบบหลายตัวเลือก2. สามารถจัดเก็บคลังข้อสอบและแสดงคะแนนผ่านระบบ cloud ได้

2. สามารถบอกขั้นตอนการสร้าง App เพื่อจัดทำข้อสอบแบบออนไลน์ได้

เนื้อหา

ให้นักศึกษาเขียนขั้นตอนการพัฒนาแอพด้วย App inventor เพื่อสร้างแบบทดสอบแบบหลายตัวเลือก

กิจกรรมเพิ่มเติมและการให้คะแนน

10.1 จัดทำข้อสอบแบบออฟไลน์ 11-1-x [5 คะแนน]

1.ให้บอกขั้นตอนการเข้าสร้างแอพ เพื่อส่งอีเมลย์ไปยังผู้รับ

ขั้นตอนแรกเข้าไปที่ google แล้วเข้าไปที่

http://appinventor.mit.edu/explore/#

แล้วเข้าไปที่  ปุ่มสีส้มมุมขวามือ

จากนั้นก็กรอก Gmail เข้าไป

ขั้นตอนต่อไปเข้าไปที่  Projects และ Start new project

ตั้งชื่องาน Mobile 11

ให้หาข้อสอบแล้วตั้งชื่อไฟล์ exam.txt

ดาวน์โหลดรูปไอคอนจากเว็บ https://www.flaticon.com/free-icon/keyboard-right-arrow-button_60762#term=keyboard&page=1&position=11

อัพโหลดรูปและไฟล์ exam.txt เข้าโปรเจค

กำหนด Properties ของ Screen ตามรูป

คลิก Layout ลาก HorizotalArrandement มาวาง2อัน และ VerticalScrollArrangement มาวาง1อัน

กำหนด Properties ของ HorizotalArrandement1 ตามรูป

กำหนด Properties ของ VerticalScrollArrangement1 ตามรูป

กำหนด Properties ของ HorizotalArrandemen2 ตามรูป

ลาก Label มาวางขั้นระหว่าง

ลาก Label มา2อัน เพื่อไม่ให้ข้อความแสดงชิดขอบเกินไป

Label ถัดมาเอาไว้แสดงคำว่าคะแนน

Label ถัดมาเอาไว้แสดงช่องคะแนน แล้วเปลี่ยนชื่อเป็น Score

Label ถัดมาใช้แสดงข้อที่

Label ถัดมาเอาไว้แสดงตัวเลขข้อ แล้วเปลี่ยนชื่อเป็น CurrentQ

ลาก Botton มาวางแล้วใส่รูปที่เราอัพโหลดเปลี่ยนชื่อเป็น B_next

ลาก Label มาวางในช่อง VerticalScrollArrangement1เปลี่ยนชื่อเป็น QText

คลิก Layout ลาก TableArrangement1 มาวางเพื่อจัด Layout ให้เป็นระเบียบ

ลาก Label มาวางใน TableArrangement1 4 อัน เปลี่ยนข้อความเป็น1-4

นำ Label มาใสอีก4อัน สำหรับแสดงคำตอบเปลี่ยนชื่อเป็น Choice1-4

มาที่ HorizotalArrandemen อันสุดท้าย ลาก Botton มา5ปุ่มขั้นด้วย Label เปลี่ยนชื่อปุ่มเป็น C1-C5

คลิกที่ Block เพื่อเขียนโค้ดดังรูป

10.2 จัดทำข้อสอบแบบออนไลน์ 11-2-x[10 คะแนน]

ถ้ายังไม่เคยเข้าใช้ Dropbox ให้สมัครใช้งาน

แล้วติดตั้งโปรแกรม Dropbox ไว้ที่เครื่องด้วย

สร้างโฟลเดอร์เพื่อเก็บไฟล์ exam.txt

เข้าเว็บไซต์ Dropbox ลงชื่อเข้าใช้งาน

ไปโฟลเดอร์ที่เก็บไฟล์ exam.txt คลิกที่ไฟล์แล้วเลือกปุ่มแบ่งปัน

คลิกที่สร้างลิงค์

คลิกคัดลอกลิงค์

ลิงค์ที่ได้มาให้แก้จาก dl=0 เป็น dl=1

เข้า g-mail เลือก Drive

คลิกปุ่ม New เลือก Google forms

ตั้งชื่อดังรูป

คลิก More เลือก รับลิงค์ที่กรอกข้อมูลไว้ล่วงหน้า

กรอกชื่อลงในช่อง Name แล้วใส่10 ลงในช่อง Score กด ส่ง

คัดลอกลิงค์ที่ได้เปลี่ยนคำว่า View form เป็น form Response

เปิด app inventor ไปที่ Connectivity เลือก Web มาวาง2อัน

ลบไฟล์ exam.txt ออก

แก้ไขโค้ดดังรูป

DownLoad Link: (APK and AIA)