Posts

Showing posts with the label select list item

VDO บทที่ 18 – สร้างแอพแบบทดสอบ

Image
คุณสมบัติของแอพ ในบทนี้ สอนสร้างแอพแบบทดสอบ โดยนักเรียนต้องป้อนชื่อในตอนเริ่มต้น จากนั้นแอพก็จะแสดงโจทย์ พร้อม 5 ตัวเลือก (multiple choice) เมื่อนักเรียนเลือกคำตอบ แอพก็จะแสดงคำตอบที่ถูกด้วยสีเขียว และหากนักเรียนเลือกผิด ตัวเลือกนั้นก็จะเป็นสีแดง ที่ด้านบนของแอพ จะแสดงคะแนนที่ได้จากการตอบคำถามถูก หมายเลขข้อของโจทย์ที่กำลังทำ และมีปุ่ม Next เพื่อไปยังโจทย์ข้อต่อไป แอพนี้มีหลักการทำงาน ดังนี้ เราจะต้องเตรียมโจทย์ พร้อมตัวเลือก และเฉลย เป็นไฟล์ csv (comma separated value) ตามรูปแบบที่กำหนด จากนั้น อัพโหลดขึ้นไปไว้ใน project แอพจะใช้คอมโพเนนต์ File เพื่ออ่านแบบทดสอบจากไฟล์ csv นั้น แล้วแปลงเป็น list แบบ 2 มิติ จากนั้นก็แสดงไดอะล็อก ShowTextDialog เพื่อให้นักเรียนกรอกชื่อ นามสกุล เมื่อกรอกชื่อเรียบร้อยแล้ว ก็จะแสดงโจทย์ และตัวเลือกทั้ง 5 ข้อ พร้อมกับกำหนดสีของปุ่มตัวเลือกให้เป็นสีเทา จากนั้นรอให้นักเรียนเลือกคำตอบ เมื่อมีการคลิ้กปุ่มตัวเลือกใด ก็จะตรวจว่านักเรียนเลือกคำตอบถูกหรือไม่ โดยเทียบกับเฉลย หากตอบ ถูก ก็จะบวกคะแนนเพิ่มอีก 1 และกำหนดสีปุ่มที่เลือกเป็นสีเขียว หากต...

บทที่ 23 – สร้างแอพติดตามรถประจำทาง

Image
VDO นี้ไม่อัพเดตแล้ว กรุณาอ่านจาก eBook คุณสมบัติของแอพ ในบทนี้ สอนสร้างแอพติดตามตำแหน่งของรถประจำทาง ว่าขณะนี้อยู่ที่ไหน ซึ่งเป็นการประยุกต์ใช้คอมโพเนนต์ GoogleMap และ FirebaseDB แอพชุดนี้ จะประกอบด้วยแอพ 2 ฝั่ง คือ ฝั่งของคนขับรถประจำทาง จะใช้ชื่อแอพ BusDriver คนขับรถประจำทาง จะใช้แอพนี้ ขณะขับรถ และเปิด GPS ด้วย หน้าที่ของแอพนี้ ก็คือ อัพเดตพิกัดตำแหน่งปัจจุบันของรถประจำทาง ผ่านทาง FirebaseDB ทุกครั้งที่มีการเปลี่ยนแปลงตำแหน่ง ทางฝั่งคนที่ยืนรอรถประจำทาง ก็จะใช้แอพอีกอันหนึ่ง ชื่อ WhereTheBus แอพนี้ ก็จะอาศัยข้อมูลพิกัดที่อัพเดตมาทาง FirebaseDB มาปักหมุดบนแผนที่ เพื่อแสดงตำแหน่งของรถประจำทางที่กำลังเคลื่อนที่ รวมทั้งแสดงตำแหน่งของตนเองบนแผนที่ เพื่อให้เห็นว่า รถประจำทางอยู่ห่างแค่ไหน คอมโพเนนต์ที่กล่าวถึง GoogleMap FirebaseDB Properties ที่สำคัญ เนื่องจากแอพทั้ง 2 ฝั่ง คือ BusDriver และ WhereTheBus จะต้องส่งข้อมูลพิกัดตำแหน่งของรถประจำทางถึงกัน ดังนั้น properties สำคัญใน FirebaseDB ที่ต้องกำหนดให้เหมือนกัน ก็คือ Firebase Token Project Bucket โดยกา...