เล่ม5บทและสารบัญ

41 ส่วนของหนา้ จัดการขอ้ มลู สว่ นตัวของเจา้ หน้าที่ เรม่ิ ต้น กรรอะกบคEาmสaงั่ กil,าPรaทsาsงwาoนrd ไม่ คาส่ังแกไ้ ขข้อมลู ใช่ ข้อมลู โปรไฟล์เดมิ กรอกข้อมลู แกไ้ ข บันทกึ การแกไ้ ข จบการทางาน ภาพท่ี 3-19 Flowchart ขน้ั ตอนการจดั การข้อมลู สว่ นตวั ของเจ้าหนา้ ท่ี จากภาพท่ี 3-19 แสดงข้นั ตอนการจัดการขอ้ มูลสว่ นตัวของเจ้าหน้าท่ี เจา้ หนา้ ทีเ่ ลอื กคาสงั่ ใน การจัดการข้อมูลส่วนตัว,คาส่ังแก้ไข ระบบจะแสดงข้อมูลที่มีอยู่แล้วข้อมูลส่วนตัวเจ้าหน้าท่ีจะทา การแก้ไขข้อมูลโดยการเปลี่ยนแปลงข้อมูลที่แสดงในฟอร์มให้ครบถ้วนจากนั้นกดปุ่มบันทึกข้อมูล ระบบจะทาการบนั ทึกข้อมลู ส่วนตวั ของเจา้ หนา้ ที่

42 ส่วนของหนา้ แรกของเจ้าหน้าที่ เริม่ ตน้ กแรสอดกงหEนmา้ aแiรl,กPเaจsา้ sหwนoา้ rทd่ี รบั คาสัง่ การทางาน คาสัง่ See Al ใช่ แสดงรายชอื่ และสถานะของ ไม่ นักศึกษาทง้ั หมด คาสั่งค้นหาคณะ ใช่ แสดงคณะท่คี ้นหา ไม่ แสดงหน้าแรกของเจา้ หนา้ ที่ จบการทางาน ภาพท่ี 3-20 Flowchart ขน้ั ตอนการใช้งานหน้าแรกของเจ้าหน้าท่ี จากภาพท่ี 3-20 แสดงขั้นตอนการใช้งานหน้าแรก เม่ือเข้าสู่หน้าแรกผู้ใช้งานจะเลือกคาส่ัง การทางาน ได้แก่ See all จะแสดงรายช่ือนักศึกษาท่ีอยู่ในระบบทั้งหมด, ค้นหาคณะ จะแสดงผล การค้นหาท่ผี ู้ใช้งานต้องการ

43 ส่วนของหน้าDrawerของนักศึกษาสถานะปกติ เร่ิมตน้ กรแอสกดงEแนmผักaนศiทlกึ ,Pตี่ษaาาsแsหwนoง่ rd รบั คาส่ังการทางาน คาสง่ั คมู่ ือโควิด ใช่ แสดงหน้าคู่มือโควิด ไม่ คาส่งั คมู่ อื การกักตวั ใช่ แสดงหน้าคู่มอื การกักตัว ไม่ ใช่ แสดงหน้าสถานที่ตรวจเชื้อ คาสง่ั สถานที่ตรวจเช้อื ไม่ คาสงั่ โรงพยาบาลใกล้ฉนั ใช่ แสดงหนา้ โรงพยาบาลใกล้ ฉนั ไม่ คาสัง่ ประชาสัมพนั ธ์ ใช่ แสดงหนา้ ประชาสัมพันธ์ ไม่ แสดงตาแหนง่ นักศกึ ษา ทงั้ หมด จบการทางาน ภาพท่ี 3-21 Flowchart ขนั้ ตอนการใช้งานหน้าDrawerของนกั ศกึ ษาสถานะปกติ จากภาพท่ี 3-21 แสดงขั้นตอนการใช้งานหน้าแรก เม่ือเข้าสู่หน้าแรกผู้ใช้งานจะเลือกคาสั่ง การทางาน ได้แก่ คู่มือโควิด จะแสดงหนา้ รายช่อื ไฟล์คู่มือโควิด,คมู่ ือกกั ตัว จะแสดงหนา้ รายชื่อไฟล์ คู่มือกักตัว,สถานที่ตรวจ จะแสดงรายสถานที่ตรวจเช้ือทั้งหมด,โรงพยาบาลใกล้ฉัน จะแสดง โรงพยาบาลที่อยู่ใกล้กับตาแหน่งของนักศึกษา,ประชาสัมพันธ์ จะแสดงรายชื่อไฟล์ประชาสัมพันธ์ ทง้ั หมด

44 สว่ นของหนา้ แรกของนักศกึ ษา เริม่ ต้น กแรสอดกงหEนm้าaแiรl,กPนasกั sศwึกoษrาd รับคาส่ังการทางาน คาสง่ั แสดงสถานการณโ์ ควิด ใช่ แสดงสถานการณโ์ ควดิ ไม่ แสดงข่าวโควิด คาสง่ั แสดงข่าว ใช่ ไม่ แสดงหนา้ แรกของนักศกึ ษา จบการทางาน ภาพที่ 3-22 Flowchart ขน้ั ตอนการใช้งานหนา้ แรกของนกั ศกึ ษา จากภาพท่ี 3-22 แสดงข้ันตอนการใช้งานหน้าแรก เมื่อเข้าสู่หน้าแรกนักศึกษาจะเลือกคาสั่ง การทางาน ได้แก่ แสดงสถานการณ์โควิด จะแสดงจานวนผู้ติดเช้ือประจาวัน จานวนติดเชื้อสะสม ประจาวัน จานวนผู้เสียชีวิตประจาวัน จานวนผู้ที่หายป่วยประจาวัน จานวนผู้หายป่วยสะสม ประจาวัน จานวนผู้เสียชีวิตสะสมประจาวัน,ขา่ วสุขภาพ จะแสดงข่าวของสุขภาพทเ่ี ก่ยี วข้องกับการ ดแู ลตวั เองสาหรบั สถานการณ์โควดิ ตรวจ

45 ส่วนของหนา้ ค่มู ือโควดิ ของนกั ศึกษา เร่มิ ต้น กแรสอดกงEราmยaชiอ่ืl,คPมู่asือsโwคoวิดrd รบั คาสงั่ การทางาน เลือกคู่มือโควดิ คาสัง่ เปิดไฟล์ ใช่ แสดงไฟลค์ มู่ ือโควดิ ไม่ แสดงรายชอ่ื ค่มู ือโควิด จบการทางาน ภาพที่ 3-23 Flowchart ขน้ั ตอนการใช้งานหน้าคูม่ อื โควิดของนกั ศกึ ษา จากภาพที่ 3-23 แสดงข้ันตอนการใช้งานหน้าคู่มือโควิด เมื่อเข้าสู่หน้าคู่มือโควดิ นักศึกษาจะ เลือกคาส่ังการทางานเปิดไฟล์คู่มือโควิด จะแสดงรายชื่อคู่มือโควิด จะแสดงรายช่ือคู่มือโควิด ทงั้ หมด

46 สว่ นของหนา้ คู่มอื กกั ตวั ของนักศกึ ษา เรม่ิ ตน้ แกสรดองกราEยmชื่อaคilมู่,Pือaกsาsรwกoักrdตัว รบั คาสัง่ การทางาน เลือกคู่มอื การกักตวั คาส่งั เปดิ ไฟล์ ใช่ แสดงไฟล์คู่มือการกักตัว ไม่ แสดงรายช่ือคู่มือการกกั ตัว จบการทางาน ภาพที่ 3-24 Flowchart ขนั้ ตอนการใช้งานหนา้ คมู่ อื กกั ตวั ของนกั ศึกษา จากภาพที่ 3-24 แสดงขั้นตอนการใช้งานหน้าคู่มือกักตัว เม่ือเข้าสู่หน้าคู่มือกักตัวนักศึกษา จะเลือกคาสั่งการทางานเปิดไฟล์คู่มือกักตัว จะแสดงรายช่ือคู่มือกักตัว จะแสดงรายชื่อคู่มือกักตัว ทง้ั หมด

47 ส่วนของหนา้ สถานทต่ี รวจเชอ้ื เร่มิ ต้น กแรสอดกงEสmถาaนilท,Pต่ี aรsวsจwเชoือ้rd รับคาส่ังการทางาน คาสง่ั See Al ใช่ แสดงสถานทต่ี รวจเช้อื ไม่ ทั้งหมด คาส่ังแสดงแผนที่ ใช่ แสดงแผนสถานทีต่ รวจเชือ้ สถานท่ตี รวจเช้อื ไม่ แสดงสถานที่ตรวจเชอ้ื จบการทางาน ภาพท่ี 3-25 Flowchart ขน้ั ตอนการใชง้ านหนา้ สถานท่ตี รวจเชอ้ื จากภาพที่ 3-25 แสดงข้ันตอนการใช้งานหน้าสถานท่ีตรวจเชื้อ เม่ือเข้าสู่หน้าสถานที่ตรวจ เชื้อนักศึกษาจะเลอื กคาสั่งการทางาน ไดแ้ ก่ See all จะแสดงสถานทีต่ รวจเช้อื ทง้ั หมด,แผนทแ่ี สดง สถานทต่ี รวจเชอ้ื จะแสดงแผนท่ตี รวจเชือ้ ทั้งหมด

48 ส่วนของหนา้ โรงพยาบาลใกล้ฉัน เรม่ิ ต้น แกสรอดกงโรEงmพaยiาl,บPาaลssใกwลoฉ้ rันd รับคาสง่ั การทางาน คาสง่ั เช็คตาแหนง่ ใช่ แสดงโรงพยาบาลใกล้ฉนั ไม่ คาสัง่ แสดงแผนที่ ใช่ แสดงแผนที่ โรงพยาบาลใกล้ฉนั โรงพยาบาลใกล้ฉนั ไม่ แสดงโรงพยาบาลใกล้ฉัน จบการทางาน ภาพท่ี 3-26 Flowchart ขน้ั ตอนการใชง้ านหนา้ โรงพยาบาลใกล้ฉัน จากภาพที่ 3-26 แสดงขั้นตอนการใชง้ านหน้าโรงพยาบาลใกล้ฉัน เม่ือเข้าสู่หน้าโรงพยาบาล ใกล้ฉัน นักศึกษาจะเลือกคาสั่งการทางาน ได้แก่ เช็คตาแหน่ง จะแสดงโรงพยาบาลที่อยู่ใกล้ นกั ศกึ ษา,แผนทแี่ สดงโรงพยาบาลใกลฉ้ ัน จะแสดงแผนทีโ่ รงพยาบาลทอี่ ย่ใู กล้นกั ศึกษา

49 ส่วนของหนา้ ประชาสมั พนั ธข์ องนกั ศกึ ษา เริ่มต้น แกสรดองกราEยmชือ่ aปilร,Pะaชsาsสwมั oพrันdธ์ รบั คาสงั่ การทางาน เลือกไฟลป์ ระชาสมั พันธ์ คาสง่ั เปดิ ไฟล์ ใช่ แสดงไฟล์ประชาสัมพันธ์ ไม่ แสดงรายช่ือไฟล์ ประชาสมั พันธ์ จบการทางาน ภาพที่ 3-27 Flowchart ขน้ั ตอนการใชง้ านหนา้ ประชาสัมพันธ์ของนักศึกษา จากภาพที่ 3-27 แสดงข้ันตอนการใช้งานหน้าประชาสัมพันธ์ เม่ือเข้าสู่หน้าประชาสัมพันธ์ นักศึกษาจะเลือกคาสงั่ การทางานเปดิ ไฟลป์ ระชาสัมพันธ์ จะแสดงรายช่อื ประชาสัมพนั ธท์ งั้ หมด

50 ส่วนของหน้าแสดงแผนทีต่ าแหนง่ นกั ศึกษา เรม่ิ ต้น กรแอสกดงEแนmผักaนศiทlกึ ,Pตี่ษaาาsแsหwนo่งrd รับคาสง่ั การทางาน คาสงั่ แสดงตาแหน่ง ใช่ แสดงตาแหนง่ นักศึกษา ไม่ ทง้ั หมด จบการทางาน ภาพที่ 3-28 Flowchart ขนั้ ตอนการใช้งานหนา้ แสดงแผนทตี่ าแหน่งนกั ศึกษา จากภาพท่ี 3-28 แสดงขั้นตอนการใช้งานหน้าแผนที่ตาแหน่งนักศึกษา เม่ือเข้าสู่หน้าแผนท่ี ตาแหน่งนักศึกษาจะเลือกคาส่ังการทางานแสดงตาแหน่งของนักศึกษาที่อยู่ในระบบ จะแสดง ตาแหนง่ ของนกั ศึกาท่ีอยู่ในระบบทั้งหมด

51 สว่ นของหนา้ ขอเปลย่ี นสถานะของนักศึกษาสถานะปกติ เรมิ่ ตน้ กรอกแEสmดงaสilถ,Pาaนsะsword รับคาสั่งการทางาน คาสง่ั ขอเปลยี่ น ใช่ แสดงหน้าฟอรม์ ประเมิน เป็นสถานะกกั ตัว ใช่ ความเสยี่ งกกั ตวั ไม่ แสดงหน้าการรอยนื ยัน คาสัง่ ขอเปลย่ี น แสดงหนา้ ฟอร์มประเมนิ เป็นสถานะติดเชื้อ ความเส่ยี งตดิ เช้อื ไม่ แสดงหนา้ การรอยืนยนั แสดงสถานะเดมิ จบการทางาน ภาพที่ 3-29 Flowchart ขน้ั ตอนการใช้งานหน้าขอเปลย่ี นสถานะของนักศึกษาสถานะปกติ จากภาพท่ี 3-29 แสดงข้ันตอนการใช้งานหน้าขอเปลี่ยนสถานะ เม่ือเข้าสู่หน้าขอเปล่ียน สถานะกักตัวนักศึกษาจะเลือกคาส่ังการทางานเปล่ียนสถานะของนักศึกษา ระบบจะแสดงหน้า ฟอร์มการประเมินความเส่ียงและแสดงหน้ารอการยืนยันสถานะ,ขอเปล่ียนสถานะติดเชื้อระบบจะ แสดงหน้าฟอรม์ การประเมินความเสย่ี ง อปั โหลดเอกยนื ยัน และแสดงหน้ารอการยนื ยันสถานะ

52 ส่วนของหนา้ การจัดการข้อมูลสว่ นตวั ของนกั ศกึ ษา เรม่ิ ต้น กรรอับกคEาmสง่ั aกilา,รPทasาsงwานord ไม่ คาส่งั แก้ไขข้อมูล ใช่ ข้อมูลโปรไฟล์เดิม กรอกขอ้ มลู แกไ้ ข บันทกึ การแกไ้ ข จบการทางาน ภาพท่ี 3-30 Flowchart ขนั้ ตอนการใชง้ านหน้าการจดั การข้อมลู สว่ นตวั ของนกั ศกึ ษา จากภาพท่ี 3-30 แสดงข้ันตอนการจัดการข้อมูลส่วนตัวของนักศึกษา นักศึกษาเลือกคาสั่งใน การจัดการข้อมูลส่วนตัว,คาสั่งแก้ไข ระบบจะแสดงข้อมูลท่ีมีอยู่แล้วข้อมูลส่วนตัวนักศึกษาจะทา การแก้ไขข้อมูลโดยการเปลี่ยนแปลงข้อมูลท่ีแสดงในฟอร์มให้ครบถ้วนจากน้ันกดปุ่มบันทึกข้อมูล ระบบจะทาการบนั ทึกข้อมลู ส่วนตวั ของนักศกึ ษา

53 สว่ นของหน้าDrawerของนักศกึ ษาสถานะกักตวั เริม่ ตน้ กรอแกสดEงนmหักนaศi้าlกึ ,แPษรaากssขwองord รบั คาสั่งการทางาน คาสั่งค่มู อื โควดิ ใช่ แสดงหนา้ คมู่ ือโควดิ ไม่ คาส่งั คู่มอื การกักตวั ใช่ แสดงหน้าคู่มือการกกั ตัว ไม่ คาสงั่ สถานทตี่ รวจเช้อื ใช่ แสดงหน้าสถานทตี่ รวจ เชื้อ ไม่ คาส่ังโรงพยาบาลใกลฉ้ ัน ใช่ แสดงหนา้ โรงพยาบาล ไม่ ใกลฉ้ ัน คาส่งั ประชาสมั พันธ์ ใช่ แสดงหน้าประชาสัมพันธ์ ไม่ ใช่ แสดงหนา้ ขอความ ชว่ ยเหลือ คาสง่ั ขอความชว่ ยเหลือ ไม่ แสดงหน้าDrawer นกั ศกึ ษากักตัว จบการทางาน ภาพท่ี 3-31 Flowchart ขน้ั ตอนการใช้งานหนา้ Drawerของนักศกึ ษาสถานะกักตัว จากภาพที่ 3-31 แสดงข้ันตอนการใช้งานหน้าแรก เม่ือเข้าสู่หน้าแรกผู้ใช้งานจะเลือกคาสั่ง การทางาน ไดแ้ ก่ คู่มือโควิด จะแสดงหน้ารายช่ือไฟล์ค่มู ือโควิด,คมู่ ือกกั ตัว จะแสดงหน้ารายช่อื ไฟล์ คู่มือกักตัว,สถานท่ีตรวจ จะแสดงรายสถานที่ตรวจเชื้อท้ังหมด,โรงพยาบาลใกล้ฉัน จะแสดง โรงพยาบาลท่ีอยู่ใกล้กับตาแหน่งของนักศึกษา,ประชาสัมพันธ์ จะแสดงรายชื่อไฟล์ประชาสัมพันธ์ ท้ังหมด,ขอความช่วยเหลือ จะแสดงหน้าขอความชาวยเหลือด้าน อาหาร ยา อปุ กรณ์ และเบอรส์ าย ดว่ น

54 ส่วนของหนา้ ขอเปลย่ี นสถานะของนกั ศึกษาสถานะกกั ตัว เร่มิ ต้น กรอกแEสmดงaสilถ,Pาaนsะsword รบั คาส่งั การทางาน คาส่งั ขอเปล่ียน ใช่ แสดงหน้าการรอยืนยัน เปน็ สถานะปกติ ใช่ แสดงหน้าฟอรม์ ประเมิน ไม่ ความเส่ียงตดิ เชอื้ คาส่ังขอเปล่ยี น แสดงหนา้ การรอยืนยัน เปน็ สถานะติดเชอ้ื ไม่ แสดงสถานะเดิม จบการทางาน ภาพที่ 3-32 Flowchart ขนั้ ตอนการใชง้ านหน้าขอเปล่ยี นสถานะของนกั ศึกษาสถานะกกั ตัว จากภาพที่ 3-32 แสดงข้ันตอนการใช้งานหน้าขอเปลี่ยนสถานะ เมื่อเข้าสู่หน้าขอเปลี่ยน สถานะกกั ตวั นักศกึ ษาจะเลอื กคาสง่ั การทางานเปลี่ยนสถานะปกติ ระบบจะแสดงหนา้ แสดงหน้ารอ การยืนยันสถานะ,ขอเปลี่ยนสถานะติดเชื้อระบบจะแสดงหน้าฟอร์มการประเมินความเสี่ยง อัปโหลดเอกยนื ยัน และแสดงหนา้ รอการยืนยนั สถานะ

55 ส่วนของหนา้ Drawerของนักศกึ ษาสถานะตดิ เชอ้ื เร่ิมตน้ แสดงหกนรา้อแกรกของ Emaนilกั ,Pศaึกsษswา ord รบั คาสง่ั การทางาน คาสงั่ คู่มือโควิด ใช่ แสดงหนา้ คมู่ ือโควดิ ไม่ คาสั่งค่มู อื การกกั ตวั ใช่ แสดงหนา้ ค่มู ือการ กักตัว ไม่ คาสั่งสถานทีต่ รวจเช้ือ ใช่ แสดงหน้าสถานท่ี ตรวจเช้ือ ไม่ คาส่ังโรงพยาบาลใกล้ฉนั ใช่ แสดงหน้า โรงพยาบาลใกลฉ้ นั ไม่ ใช่ คาสง่ั ประชาสมั พันธ์ แสดงหนา้ ประชาสมั พนั ธ์ ไม่ คาสั่งขอความชว่ ยเหลอื ใช่ แสดงหนา้ ขอความ ช่วยเหลอื ไม่ แสดงหน้าเกบ็ ไทม์ คาสัง่ เกบ็ ไทมไ์ ลนย์ อ้ นหลงั ไลน์ย้อนหลงั แสดงหน้าDrawer นักศกึ ษาตดิ เชือ้ จบการทางาน ภาพท่ี 3-33 Flowchart ขน้ั ตอนการใชง้ านหน้าDrawerของนักศกึ ษาสถานะตดิ เชอ้ื

56 จากภาพท่ี 3-33 แสดงขั้นตอนการใช้งานหน้าแรก เม่ือเข้าสู่หน้าแรกผู้ใช้งานจะเลือกคาสั่ง การทางาน ไดแ้ ก่ คู่มือโควดิ จะแสดงหนา้ รายชอ่ื ไฟลค์ ่มู ือโควิด,คมู่ ือกกั ตัว จะแสดงหน้ารายชอื่ ไฟล์ คู่มือกักตัว,สถานท่ีตรวจ จะแสดงรายสถานท่ีตรวจเช้ือทั้งหมด,โรงพยาบาลใกล้ฉัน จะแสดง โรงพยาบาลท่ีอยู่ใกล้กับตาแหน่งของนักศึกษา,ประชาสัมพันธ์ จะแสดงรายชื่อไฟล์ประชาสัมพันธ์ ทงั้ หมด,ขอความชว่ ยเหลือ จะแสดงหน้าขอความชาวยเหลือด้าน อาหาร ยา อุปกรณ์ และเบอร์สาย ด่วน,ไทมไ์ ลน์ยอ้ นหลงั จะแสดงแบบฟอร์มการกรอกไทม์ไลนย์ ้อนหลัง14วัน สว่ นของหนา้ ขอเปลี่ยนสถานะของนักศกึ ษาสถานะติดเชอ้ื เรม่ิ ตน้ กรอแกสEดmงสaถilา,Pนaะsเsดwมิ ord รับคาสัง่ การทางาน คาสงั่ ขอเปล่ยี น ใช่ แนบไฟล์ PDF เปน็ สถานะปกติ ไฟล์ PDF ไม่ ไม่ ใช่ แสดงสถานะเดมิ แสดงการรอยืนยัน จบการทางาน ภาพท่ี 3-34 Flowchart ขนั้ ตอนการใชง้ านหน้าขอเปลยี่ นสถานะของนักศึกษาสถานะติดเชอื้ จากภาพท่ี 3-34 แสดงข้ันตอนการใช้งานหน้าขอเปล่ียนสถานะ เมื่อเข้าสู่หน้าขอเปล่ียน สถานะกักตัวนักศึกษาจะเลือกคาส่ังการทางานเปลี่ยนสถานะปกติ ระบบจะแสดงหน้าแสดงหน้า แนบไฟลp์ df และระบบจะแสดงหนา้ รอการยนื ยันสถานะ

57 ส่วนของหนา้ ขอความชว่ ยเหลอื เรม่ิ ตน้ แสดงหนา้ ขอคามช่วยเหลอื รับคาสั่งการทางาน คาสัง่ ชว่ ยเหลือ ใช่ แสดงหน้า ดา้ นอปุ กรณ์ ขอความชว่ ยเหลอื อุปกรณ์ ไม่ เลือกอปุ กรณ์ แสดงหนา้ ใช่ คาส่ังชว่ ยเหลือด้านยา ตรวจสอบอปุ กรณ์ ไม่ ขอความชว่ ยเหลือด้านยา ไม่ ใช่ ยนื ยนั การขอความช่วยเหลือ แสดงหน้ารอการช่วยเหลอื คาสงั่ ช่วยเหลอื ใช่ แสดงหน้า ดา้ นอาหาร ขอความชว่ ยเหลอื อาหาร ยนื ยันการชว่ ยเหลอื ตรวจสอบการยนื ยนั ใช่ แสดงหนา้ รอการชว่ ยเหลอื ไม่ ไม่ แสดงหนา้ รอการช่วยเหลอื คาสัง่ เบอรต์ ดิ ตอ่ ใช่ แสดงหนา้ เบอรต์ ิดตอ่ ไม่ แสดงเบอรส์ ายด่วน แสดงหน้าขอความช่วยเหลือ จบการทางาน ภาพที่ 3-35 Flowchart ขน้ั ตอนการใชง้ านหน้าขอความชว่ ยเหลือ

58 จากภาพที่ 3-35 แสดงขั้นตอนการใช้งานหน้าขอเปลี่ยนสถานะ เมื่อเข้าสู่หน้าขอเปลี่ยน สถานะกักตัวหรือสถานะติดเชื้อนักศึกษาจะเลือกคาส่ังการทางาน ช่วยเหลือด้านอุปกรณ์ จะแสดง อุปกรณ์การช่วยเหลือ จากนั้นกดปุ่มยืนยันระบบจะทาการบันทึกข้อมูล,ช่วยเหลือด้านยา จะแสดง หน้าการช่วยเหลือด้านยา จากน้ันกดปุ่มยืนยันระบบจะทาการบันทึกข้อมูล,ขอความช่วยเหลือด้าน อาหาร จะแสดงหน้าช่วยเหลือด้านอาหาร จากนั้นกดปุ่มยืนยันระบบจะทาการบันทึกข้อมูล,เบอร์ ติดต่อ จะแสดงขอ้ มลู ติดต่อกบั เจา้ หนีท้ ี่ เบอรโ์ ทรศัพท์ ไอดไี ลน์ และเบอรส์ ายด่วนเป็นตน้ ออกแบบฐานข้อมลู การพัฒนาแอปพลิเคชันติดตามการกักตัวสถานการณ์แพร่ระบาดโควิด 19 สาหรับนักศึกษา มหาวิทยาลัยเทคโนโลยีพระจอมเกล้าพระนครเหนือใช้ ER-Diagram ในการออกแบบฐานข้อมูล เพ่ือ แสดงความสมั พนั ธร์ ะหวา่ งเอนทติ ี้ (Entity) ดังนี้ Assessment Student History Office Alert Uid Uid Uid Uid Uid Infect Address Status Email Name Keep Tname ImgURL Img Dep Timestamp Line Status Hotline Email type Name type ImgURL Tel Timestamp Name File Hotline Name Status Tel Std_ID FileURL Timestamp Tel Tname Name Latitude type Tel Logitude Timeline Uid Day1 Day2 Day3 Day4 Day5 Day6 Day7 Day8 Day9 Day10 Day11 Day12 Day13 Day14 ภาพที่ 3-36 ภาพแสดงการออกแบบฐานข้อมูล จากภาพท่ี 3-36 แสดงแผนภาพ ER-Diagram จานวน 8 ตาราง ประกอบดว้ ย ตาราง Alert, Assessment ,File, History, Hotline ,officer ,Student, และ Timeline

59 พจนานุกรมข้อมลู (Data Dictionary) พจนานุกรมข้อมูลเป็นเอกสารที่ใช้อธิบายรายละเอียดของข้อมูลท่ีจาเป็นต้องใช้ในระบบ โดยอ้างอิงจากแผนภาพกระแสข้อมูล ดังนั้นการจัดทาพจนานุกรมข้อมูลจึงเป็นการรวบรวม รายละเอียดของขอ้ มลู แสดงรายละเอียดของตาราง ฟิลด์ ชนิดข้อมูลดังตารางท่ี 3-10 ถงึ ตารางท่ี 3-17 ตารางท่ี 3-9 ตาราง Alert ใชส้ าหรับเก็บข้อมลู การแจ้งเตือน โดยประกอบไปดว้ ยฟิลด์ Attribute Description Description Key Type Uid รหัสเมล auto(20) PK Name ชอ่ื การแจง้ เตอื น varchar(255) Img รูป Storage Status การยืนยันสถานะ timestamp Type สถานะ varchar(20) ตารางท่ี 3-10 ตาราง Assessment ใชส้ าหรับเกบ็ ขอ้ มูลแบบประเมินโดยประกอบไปดว้ ยฟิลด์ Attribute Description Description Key Type Uid รหสั เมล auto(255) PK Infect แบบประเมินผ้ตู ดิ เชื้อ int(2) Keep แบบประเมินผู้กักตวั int(2) ตารางท่ี 3-11 ตาราง File ใชส้ าหรบั เกบ็ ข้อมลู สถานะผใู้ ชง้ าน โดยประกอบไปด้วยฟลิ ด์ Attribute Description Description Key Type FileURL ทีอ่ ย่ไู ฟล์ auto(255) tName ช่อื ไฟล์ varchar(30) type ประเภทไฟล์ varchar(30) ตารางที่ 3-12 ตาราง History ใช้สาหรบั เก็บข้อมลู ประวตั กิ ารเปล่ียนสถานะ โดยประกอบไปด้วยฟลิ ด์ Attribute Description Description Key Type Uid รหสั เมล auto(255) PK Status การยืนยนั เปลย่ี นสถานะ varchar(255) Tname ชอ่ื ประวตั ิ varchar(255) timestamp วนั /เดือน/ปี เวลา Timestamp

60 ตารางที่ 3-13 (ต่อ) Description Description Key Type Attribute สถานะ varchar(20) Type ตารางที่ 3-13 ตาราง Hotline ใช้สาหรับเก็บข้อมูลสายดว่ น โดยประกอบไปด้วยฟิลด์ Attribute Description Description Key Type Timestamp วนั /เดอื น/ปี เวลา Timestamp PK Name ชื่อสายด่วน varchar(255) Tel เบอร์สายด่วน varchar(255) ตารางที่ 3-14 ตาราง Officer ใช้สาหรับเก็บข้อมลู ของเจา้ หนา้ ท่ี โดยประกอบไปดว้ ยฟลิ ด์ Attribute Description Description Key Type Uid รหสั เมล auto(20) PK Email อีเมล varchar(255) ImgURL ทีอ่ ยรู่ ูปภาพ varchar(255) Line ไลน์ varchar(20) Name ชอ่ื เจา้ หน้าท่ี varchar(255) Tel เบอรโ์ ทร int(10) ตารางที่ 3-15 ตาราง Student ใช้สาหรับเกบ็ ข้อมลู นักศกึ ษา โดยประกอบไปด้วยฟลิ ด์ Attribute Description Description Key Type Uid รหสั เมล auto(20) PK Address ทีอ่ ยู่ varchar(255) Dep คณะ varchar(30) Email อีเมล varchar(255) ImgURL ที่อย่รุ ูปภาพ varchar(255) Name ชอื่ นักศกึ ษา varchar(255) Status สถานะนักศกึ ษา varchar(25) Std_ID รหสั นักศึกษา Int(20) Tel เบอรโ์ ทร Int(10) Latitude ละจจิ ูด Double(20)

61 ตารางที่ 3-16 (ต่อ) Description Description Key Type Attribute ลองจิจดู Double(20) Logitude ตารางท่ี 3-16 ตาราง Timeline ใช้สาหรับเกบ็ ขอ้ มูลไทม์ไลน์ 14 วนั โดยประกอบไปด้วยฟลิ ด์ Attribute Description Description Key Type Uid รหัสเมล auto(20) PK Day 1 เกบ็ ไทมไ์ ลนย์ อ้ นหลังวันที่ 1 varchar(255) Day 2 เกบ็ ไทม์ไลนย์ ้อนหลงั วันท่ี 2 varchar(255) Day 3 เกบ็ ไทมไ์ ลนย์ อ้ นหลังวนั ท่ี 3 varchar(255) Day 4 เก็บไทมไ์ ลนย์ ้อนหลังวนั ท่ี 4 varchar(255) Day 5 เก็บไทมไ์ ลนย์ ้อนหลงั วนั ท่ี 5 varchar(255) Day 6 เก็บไทม์ไลนย์ ้อนหลังวนั ที่ 6 varchar(255) Day 7 เก็บไทมไ์ ลนย์ ้อนหลังวันท่ี 7 varchar(255) Day 8 เกบ็ ไทม์ไลนย์ ้อนหลงั วันท่ี 8 varchar(255) Day 9 เกบ็ ไทมไ์ ลนย์ อ้ นหลงั วนั ท่ี 9 varchar(255) Day 10 เกบ็ ไทมไ์ ลนย์ ้อนหลังวนั ท่ี 10 varchar(255) Day 11 เก็บไทม์ไลนย์ ้อนหลงั วนั ที่ 11 varchar(255) Day 12 เกบ็ ไทมไ์ ลน์ย้อนหลังวันที่ 12 varchar(255) Day 13 เก็บไทม์ไลน์ยอ้ นหลงั วันท่ี 13 varchar(255) Day 14 เกบ็ ไทม์ไลน์ยอ้ นหลงั วันที่ 14 varchar(255)

62 ออกแบบหนา้ จอระบบ การออกแบบหน้าจอทั้งในส่วนระบบเจ้าหน้าท่ีและนักศึกษาออกแบบใน โปรแกรม Figma ก) ออกแบบแอปด้วยโปรแกรม Figma ภาพที่ 3-37 ภาพแสดงการออกแบบหน้าจอดว้ ยโปรแกรม Figma ออกแบบหนา้ จอส่วนของการใช้งานเร่มิ ต้น ก) หน้าแรกของแอปซึ่งมีการเลือกเข้าใช้งานระหว่างนักศึกษาและเจ้าหน้าท่ี ดังภาพที่ 3-38 ภาพที่ 3-38 ภาพแสดงการออกแบบหนา้ จอ หน้าหลกั

63 ข) หน้าเข้าสู่ระบบ จะต้องเข้าสู่ระบบโดยการอีเมล์ของมหาวิทยาลัยเท่าน้ัน ดงั ภาพที่ 3-39 ภาพที่ 3-39 ภาพแสดงการออกแบบหน้าจอ หนา้ เข้าสู่ระบบ ออกแบบหนา้ จอสว่ นของเจ้าหนา้ ท่ี ก) หน้าแสดง Drawer (เจา้ หนา้ ท่ี) แสดงตัวเลอื กของแต่ละหน้าดงั ภาพท่ี 3-40 ภาพท่ี 3-40 ภาพแสดงการออกแบบหน้าจอ แทบ็ ข้าง (เจา้ หน้าท)่ี

64 ข) หนา้ ลบคู่มือปอ้ งกันโควดิ ประกอบดว้ ยปุ่มลบค่มู อื โควดิ ดงั ภาพท่ี 3-41 ภาพท่ี 3-41 ภาพแสดงการออกแบบหนา้ จอ หน้าลบค่มู อื ปอ้ งกนั โควดิ ค) หนา้ ลบค่มู อื การกกั ตัว ประกอบด้วยปุ่มลบคมู่ ือการกกั ตัวดังภาพที่ 3-42 ภาพท่ี 3-42 ภาพแสดงการออกแบบหน้าจอ หนา้ ลบคู่มอื การกักตัว

65 ง) หน้าแสดงสถานท่ีตรวจเชื้อ คือการแสดงสถานที่ตรวจเชื้อที่อยู่ใกล้ ดังภาพที่ 3-43 ภาพท่ี 3-43 ภาพแสดงการออกแบบหน้าจอ สถานทต่ี รวจเชอ้ื จ) หน้าแสดงโรงพยาบาลที่อยู่ใกล้ คือจะแสดงหน้าโรงพยาบาลที่อยู่ใกล้ ดังภาพที่ 3-44 ภาพท่ี 3-44 ภาพแสดงการออกแบบหน้าจอ โรงพยาบาลทีอ่ ยู่ใกล้

66 ฉ) หน้าลบประชาสัมพันธ์ ประกอบดว้ ยปมุ่ ลบประชาสมั พันธ์โควิดดงั ภาพท่ี 3-45 ภาพที่ 3-45 ภาพแสดงการออกแบบหน้าจอ หน้าลบประชาสมั พนั ธ์ ช) หนา้ แรก (เจ้าหน้าที่) แสดงข้อมูลสถานะของนักศกึ ษาทั้งหมดดังภาพที่ 3-46 ภาพที่ 3-46 ภาพแสดงการออกแบบหน้าจอ ข้อมลู สถานะของนักศึกษาท้ังหมด

67 ซ) หน้าแสดงตาแหน่งนักศึกษา คือจะแสดงตาแหน่งของนักศึกษาท้ังหมด ดังภาพท่ี 3-47 ภาพท่ี 3-47 ภาพแสดงการออกแบบหนา้ จอ ตาแหนง่ นักศกึ ษา ฌ) หน้าเพ่ิมเอกสาร ประกอบด้วยการเลือกประเภทไฟล์และปุ่มอัปโหลด ดังภาพที่ 3-48 ภาพที่ 3-48 ภาพแสดงการออกแบบหน้าจอ หน้าเพิ่มเอกสาร

68 ญ) หน้ายืนยันการเปล่ียนสถานะของนักศึกษา ประกอบด้วยปุ่มยืนยันสถานะ ดังภาพที่ 3-49 ภาพที่ 3-49 ภาพการออกแบบหนา้ จอ การยืนยันสถานะ ฎ) หน้าแสดงโปรไฟล์ของเจ้าหน้าท่ี และสามารถแกไ้ ขโปรไฟล์ได้ดงั ภาพที่ 3-50 ภาพท่ี 3-50 ภาพการออกแบบหน้าจอ หน้าแสดงโปรไฟล์เจ้าหน้าที่

69 ออกแบบหนา้ จอสว่ นของผใู้ ช้งาน ก) หน้าแสดง Drawer (ผู้ใช้งาน) แสดงตัวเลือกสาหรับผู้ใช้งานสถานะปกติ ดงั ภาพท่ี 3-51 ภาพท่ี 3-51 ภาพแสดงตัวเลือกสาหรบั ผใู้ ช้งานสถานะปกติ (ผใู้ ช้งานสถานะปกต)ิ ข) หนา้ แสดงคู่มอื โควดิ สาหรับนกั ศกึ ษาสถานะปกติ ดงั ภาพที่ 3-52 ภาพที่ 3-52 ภาพแสดงการออกแบบหนา้ จอ หนา้ แสดงคมู่ ือโควิด

70 ค) หน้าแสดงค่มู อื การกกั ตัว สาหรบั นกั ศกึ ษาสถานะปกติดังภาพท่ี 3-53 ภาพที่ 3-53 ภาพแสดงการออกแบบหนา้ จอ หน้าแสดงคมู่ ือการกักตวั ง) หน้าแสดงสถานท่ีตรวจเช้ือ คือจะแสดงสถานที่ตรวจเช้ือทั้งหมด ดงั ภาพที่ 3-54 ภาพท่ี 3-54 ภาพแสดงการออกแบบหน้าจอ หน้าแสดงสถานท่ีตรวจเช้ือ

71 จ) หน้าแสดงข้อมูลโรงพยาบาลท่ีอยู่ใกล้ จะแสดงโรงพยาบาลท่ีอยู่ใกล้กับ นกั ศึกษาดังภาพท่ี 3-55 ภาพท่ี 3-55 ภาพแสดงการออกแบบหน้าจอ หน้าแสดงโรงพยาบาลทอ่ี ยใู่ กล้ ฉ) หน้าแสดงประชาสัมพันธ์ของมหาวทิ ยาลยั ดังภาพท่ี 3-56 ภาพที่ 3-56 ภาพแสดงการออกแบบหน้าจอ หนา้ ประชาสัมพันธ์

72 ช) หน้าแรกของผู้ใช้งาน ประกอบด้วยสถานการณ์โควิด 19 ประจาวัน ดงั ภาพท่ี 3-57 ภาพท่ี 3-57 ภาพแสดงการออกแบบหนา้ จอ หนา้ แรกผใู้ ช้งาน ซ) หนา้ แผนทีแ่ สดงตาแหนง่ นกั ศึกษาท่ีกักตวั และตดิ เชื้อดงั ภาพท่ี 3-58 ภาพที่ 3-58 ภาพแสดงการออกแบบหนา้ จอ หนา้ ตาแหนง่ นกั ศึกษาท่ีกกั ตัวและติดเชอ้ื

73 ฌ) หนา้ ขอเปลี่ยนสถานะ ประกอบดว้ ยปุ่มกักตวั และตดิ เชื้อดงั ภาพท่ี 3-59 ภาพที่ 3-59 ภาพแสดงการออกแบบหน้าจอ หน้าขอเปลี่ยนสถานะ ญ) หน้าแสดงโปรไฟลข์ องนกั ศกึ ษาดงั ภาพท่ี 3-60 ภาพที่ 3-60 ภาพแสดงการออกแบบหน้าจอ หน้าโปรไฟล์นกั ศึกษา

74 ฎ) หน้าทาแบบฟอรม์ การประเมนิ ความเสี่ยงเพ่ือเปลย่ี นสถานะดังภาพท่ี 3-61 ภาพที่ 3-61 ภาพแสดงการออกแบบหนา้ จอ หน้าทาแบบฟอร์มประเมนิ ความเส่ยี ง ฏ) หนา้ ระบบกกั ตวั แสดง Drawer สาหรับนักศกึ ษากกั ตวั ดังภาพท่ี 3-62 ภาพท่ี 3-62 ภาพแสดงการออกแบบหน้าจอ หนา้ ระบบกักตวั แสดง Drawer

75 ฐ) หนา้ ขอความชว่ ยเหลือด้านอุปกรณ์ อาหาร และยาดงั ภาพที่ 3-63 ภาพที่ 3-63 ภาพแสดงการออกแบบหนา้ จอ หน้าขอความช่วยเหลอื ฑ) หน้าขอความช่วยเหลือด้านอุปกรณ์ สาหรับนักศึกษากักตัว และติดเช้ือ ดังภาพท่ี 3-64 ภาพที่ 3-64 ภาพแสดงการออกแบบหน้าจอ ขอความชว่ ยเหลือด้านอปุ กรณ์

76 ฒ) หน้าขอความช่วยเหลือด้านอาหาร สาหรับนักศึกษากักตัว และติดเชื้อ ดงั ภาพท่ี 3-65 ภาพที่ 3-65 ภาพแสดงการออกแบบหนา้ จอ ขอความชว่ ยเหลือด้านอาหาร ณ) หน้าขอความช่วยเหลือด้านยารักษา สาหรับนักศึกษากักตัว และติดเชื้อ ดงั ภาพท่ี 3-66 ภาพที่ 3-66 ภาพแสดงการออกแบบหนา้ จอ ขอความช่วยเหลอื ด้านยารกั ษา

77 ด) หน้าแสดงเบอร์ติดต่อเจ้าหน้าท่ีประกอบด้วยเบอร์โทรศัพท์และไอดีไลน์ ดงั ภาพที่ 3-67 ภาพที่ 3-67 ภาพแสดงการออกแบบหนา้ จอ แสดงชอ่ งทางตดิ ตอ่ ต) หน้าขอเปล่ียนสถานะสาหรับนักศึกษากักตัว ประกอบด้วยปมุ่ ปกตแิ ละติดเชื้อ ดงั ภาพที่ 3-68 ภาพท่ี 3-68 ภาพแสดงการออกแบบหนา้ จอ ขอเปล่ียนสถานะ

78 ถ) หนา้ ทาแบบฟอร์มการประเมนิ ความเสย่ี งเพ่ือเปลีย่ นสถานะดังภาพท่ี 3-69 ภาพท่ี 3-69 ภาพแสดงการออกแบบหน้าจอ แบบฟอรม์ ขอเปลยี่ นสถานะตดิ เชือ้ ท) ระบบตดิ เชอื้ แสดง Drawer สาหรับนักศกึ ษาติดเชอ้ื ดงั ภาพท่ี 3-70 ภาพท่ี 3-70 ภาพแสดงการออกแบบหนา้ จอ หนา้ ระบบติดเช้ือแสดง Drawer

79 ธ) หนา้ กรอกไทมไ์ ลนย์ ้อนหลงั ทง้ั หมด 14 วันดงั ภาพที่ 3-71 ภาพที่ 3-71 ภาพแสดงการออกแบบหนา้ จอ หนา้ เก็บไทมไ์ ลน์ย้อนหลัง 14 วนั น) หน้าขอเปล่ียนสถานะสาหรับนักศึกษากักตัว ประกอบด้วยปุ่มปกติ ดงั ภาพท่ี 3-72 ภาพท่ี 3-72 ภาพแสดงการออกแบบหน้าจอ ขอเปลย่ี นสถานะ

80 3.5 พัฒนาระบบ การพัฒนาฐานขอ้ มลู การพัฒนาฐานข้อมูลใช้ โปรแกรมฐานข้อมูล Firebase Realtime Database ในการ สร้างฐานข้อมูล ซ่ึงจะจัดเก็บข้อมูลในรูปแบบ NON-SQL จากนั้นกาหนดรายละเอียดได้แก่ ชื่อของ โหนด ชอ่ื ของตาราง ชอื่ ของแตล่ ะฟิลด์ ชนิดข้อมูลท่ใี ช้เก็บข้อมลู และความยาวสูงสุดในการเกบ็ ขอ้ มลู ดงั ภาพที่ 3-73 ภาพท่ี 3-73 ฐานขอ้ มูลทั้งหมดของระบบ การพัฒนาระบบ โครงสร้างแอปพลเิ คชันแบง่ เป็น คือ MVC (Model View Controller) Model คือส่วนของการเก็บรวบรวมข้อมูล ไม่ว่าข้อมูลนั้น ๆ จะถูกจัดเก็บใน รูปแบบใดก็ตามเม่ือข้อมูลถูกโหลดเข้ามาจากท่ีต่าง ๆ เข้ามายังส่วนของโมเดล จะทาการจัดการ เตรียมขอ้ มลู รูปแบบท่เี หมาะสม เพือ่ รอการรอ้ งขอขอ้ มูลจากสว่ นของ Controllerดังภาพที่ 3-74 ภาพท่ี 3-74 สว่ นของไฟล์ Model สาหรบั เกบ็ รวบรวมขอ้ มูล ใชต้ ิดต่อฐานขอ้ มูล

81 View คือส่วนของการแสดงผล หรือส่วนที่จะปฏิสัมพันธ์กับผู้ใช้งาน (User Interface) หน้าที่ของ view คือคอยรับคาส่งั จากสว่ นของ Controllerดังภาพท่ี 3-75 ภาพที่ 3-75 ส่วนของไฟล์ View สาหรบั การแสดงผลระบบ Controller คือสว่ นของการเริ่มทางาน และรับคาสง่ั โดยทค่ี าสัง่ นัน้ จะเกิดขนึ้ ในส่วนการตดิ ต่อกับ ผ้ใู ชง้ านคือ view เม่อื ผูใ้ ชง้ านทาการ Interactive กับ UI view จะสง่ ขอ้ มลู มายัง controller ตัว controller จะทาการประมวลผล บางคาสงั่ อาจจะตอ้ งไปตดิ ตอ่ กับ model แล้วจะสง่ ไปยัง view เพือ่ แสดงผลตามคาสัง่ ท่ี end user รอ้ งขอมา Controllerดังภาพที่ 3-76 ภาพท่ี 3-76 ส่วนของไฟล์ Controller สาหรับคาส่ังต่าง ๆ

82 การสร้างหน้าแรกของแอปพลิเคชันจะมีปุ่มเข้าสู่ระบบด้วยบัญชี Google และแถบ Drawer ด้านซ้ายดังภาพที่ 3-77 ภาพท่ี 3-77 หน้าจอหน้าแรก ตัวอยา่ งแอปพลเิ คชนั สาหรบั หนา้ แสดงผลหน้าแรกดงั ภาพท่ี 3-78 ภาพท่ี 3-78 ตัวอย่างสว่ นแอปพลิเคชนั หน้าแรก

83 หน้าเข้าสู่ระบบ ประกอบไปด้วยการเข้าสู่ระบบด้วยบัญชี Google ของ มหาวิทยาลัยโดยระบบจะทาการเช็คบัญชีของของนักศึกษาจากรหัสนักศึกษา และทาการเช็ค บญั ชี Google ของเจา้ หนา้ ท่ีจากรปู แบบของอีเมลดังภาพที่ 3-79 ภาพที่ 3-79 หนา้ จอหน้าเขา้ สรู่ ะบบ ตัวอย่างแอปพลิเคชันสาหรับหน้าเข้าสู่ระบบโดยเป็นโค้ดในส่วนเข้าสู่ระบบด้วยบัญชีของ Googleดังภาพท่ี 3-80 ภาพที่ 3-80 ตวั อยา่ งส่วนแอปพลเิ คชันการเขา้ สูร่ ะบบ

84 ก า ร พั ฒ น า ร ะ บ บ เ จ้ า ห น้ า ท่ี โ ด ย ป ร ะ ก อ บ ด้ ว ย ร ะ บ บ จั ด ก า ร ผู้ ใ ช้ ง า น ระบบจัดการระบบกักตวั ระบบติดเช้ือ การเพิ่มข้อมูล การแก้ไขข้อมูล การลบข้อมูลชอ่ งทางการ ตดิ ตอ่ คมู่ อื โควิด ประชาสมั พนั ธด์ ังภาพท่ี 3-81 ภาพท่ี 3-81 หน้าจอ Drawer ของเจ้าหน้าที่ ตวั อย่างแอปพลิเคชันสาหรับหน้าแรกของเจ้าหน้าที่ส่วนของฟังก์ชันข้อมูลจัดการผลรวมต่าง ๆ แสดลผลในรูปแบบของ Drawer ดงั ภาพท่ี 3-82 ภาพที่ 3-82 ตัวอยา่ งส่วนแอปพลิเคชนั Drawer ของเจา้ หนา้ ที่

85 ภาพท่ี 3-83 หน้าจอหนา้ แสดงสถานะนักศึกษาทงั้ หมด ตัวอย่างแอปพลิเคชันสาหรับหน้าแรก ฟังก์ชันการแสดงข้อมูลสถานะของผู้ใช้งาน แสดลผล ในรูปแบบของตาราง (List) โดยจะทาการเรียงลาดับข้อมูลอัตโนมัติ ซ่ึงข้อมูลจะถูกนามาจาก ฐานข้อมูล ในส่วนโค้ดและส่วนของการแสดงสถานะของแตล่ ะคณะดังภาพที่ 3-84 ภาพท่ี 3-84 ตวั อย่างสว่ นแอปพลิเคชัน แสดงขอ้ มลู สถานะนกั ศกึ ษาทั้งหมด

86 ภาพท่ี 3-85 หนา้ จอหน้าแผนทีแ่ สดงตาแหน่งผู้ใช้งาน ตวั อย่างแอปพลิเคชันสาหรับแสดงตาแหน่งผู้ใช้งาน ท่ีมีสถานะปกติ กาลังกักตวั และตดิ เช้ือ ดงั ภาพท่ี 3-86 ภาพที่ 3-86 ตวั อยา่ งสว่ นแอปพลเิ คชนั แผนที่แสดงตาแหนง่ ผูใ้ ช้งาน

87 ภาพที่ 3-87 หนา้ จอหนา้ อปั โหลดเอกสารและเพิ่มช่องทางเบอรส์ ายด่วน ตัวอย่างโปรแกรมสาหรับอัปโหลดเอกสารและเบอร์สายด่วนโดยการกรอกช่ือไฟล์และเลือก ประเภทไฟล์ ในส่วนของการเพม่ิ ช่องทางตดิ ตอ่ โดยการกรอกชอื่ และเบอร์โทรสายดว่ นดังภาพท่ี 3-88 ภาพท่ี 3-88 ตัวอยา่ งส่วนแอปพลิเคชันการจัดการแก้ไขข้อมลู ผู้ใช้งาน

88 ภาพท่ี 3-89 หนา้ จอหนา้ จดั การการแจง้ เตือน ตัวอย่างแอปพลิเคชันสาหรับหน้าจัดการการแจ้งเตือน ฟังก์ชันสาหรับยืนยันสถานะกักตวั จะ แสดงในสว่ ยของปุ่มยนื ยนั และไมย่ นื ยัน สว่ นของตดิ เช้อื จะแสดงรปู ภาพหลักฐานการยืนยนั การตดิ เช้ือ ดังภาพท่ี 3-90 ภาพที่ 3-90 ตัวอย่างสว่ นแอปพลิเคชนั การแจง้ เตอื น

89 ภาพที่ 3-91 หน้าจอหนา้ โปรไฟล์เจ้าหนา้ ที่ ตัวอย่างแอปพลิเคชันสาหรับหน้าแสดงโปรไฟล์เจ้าหน้าท่ีจะแสดงในส่วนของชื่อ อีเมล เบอร์โทรศพั ท์ และไอดไี ลน์ดังภาพท่ี 3-92 ภาพท่ี 3-92 ตวั อย่างสว่ นแอปพลเิ คชนั แสดงโปรไฟล์เจ้าหนา้ ท่ี

90 ภาพท่ี 3-93 หนา้ จอหน้าแกไ้ ขขอ้ มูลโปรไฟล์เจา้ หน้าท่ี ตัวอย่างแอปพลิเคชันสาหรับหน้าแก้ไขข้อมูลโปรไฟล์ของเจ้าหน้าที่ในส่วนของช่องในส่วน ของช่องกรอกข้อมูลจะแสดงข้อมูลในส่วนเดิมที่ถูกบันทึกในฐานข้อมูลมาแสดงในช่องสาหรับกรอก ข้อมลู เม่ือบันทกึ เสร็จจะกลบั ไปหน้าโปรไฟลด์ งั ภาพที่ 3-94 ภาพท่ี 3-94 ตวั อย่างส่วนแอปพลิเคชนั แกไ้ ขขอ้ มลู