อธิบาย code ไฟล์ html สำหรับทดสอบการเชื่อมต่อ RPi กับ Server

นี่คือ code ภายในไฟล์ testconnect.html โดยส่วนหลักของ code จะเป็น Java script ซึ่งหลักการทำงานจะเป็นการทดสอบดาวน์โหลดรูปภาพจาก server แล้วจึงตรวจสอบว่าสามารถโหลดรูปภาพสำเร็จไหม หากสำเร็จจะทำการเข้าสู่ URL ของ server ซึ่งสามารถกำหนดได้เอง แต่หากไม่สำเร็จ จะทำการรอหมดเวลา (timeout) แล้วทำการเช็คการเชื่อมต่อใหม่


รายละเอียดเพิ่มเติม

ในส่วนนี้จะเป็นการสร้าง container สำหรับโชว์รูปภาพตรามหาวิทยาลัย ในกรณีที่ไม่สามารถโหลดรูปภาพจาก server ได้














ส่วนถัดมาซึ่งเป็น Java Script
เป็นฟังก์ชั่น ifServerOnline
ฟังก์ชั่นนี้จะทำการตรวจสอบว่าการดาวน์โหลดรูปภาพจาก server สำเร็จหรือไม่และแจกแจงให้ฟังก์ชั่นที่ทำหน้าที่ทั้ง 2 กรณีทำงานต่อไป โดยภายในฟังก์ชั่นนี้จะมีส่วนที่กำหนด source ของรูปภาพได้ ในที่นี้ใช้รูปภาพจาก website ของมหาลัย เพื่อทดสอบการเชื่อมต่อ internet ซึ่งในกรณีใช้งานจริง จะใช้เป็น source รูปภาพจาก server


ส่วนนี้จะเป็น code ที่ใช้สำหรับกำหนดพฤติกรรมของฟังก์ชั่น ในกรณีที่สามารถดาวน์โหลดรูปภาพจาก server ได้ และกรณีที่ไม่สามารถดาวน์โหลดรูปภาพจาก server ได้
จากภาพ จะเห็นว่าหากดาวน์โหลดรูปภาพจาก server ได้ จะทำการแก้ไข location.href เป็น ไฟล์ index2.html ซึ่งในกรณีใช้งานจริง จะใช้เป็น URL สำหรับหน้าจอแสดงผลของแต่ละ RPi
และในกรณีที่ไม่สามารถดาวน์โหลดรูปภาพจาก server ได้ จะทำการแสดงรูปภาพ ตรามหาวิทยาลัย ซึ่งเก็บไว้ภายใน RPi แต่ละเครื่อง มาใช้แสดงผลในส่วนของ container ที่สร้างไว้ หลังจากนั้นทำการ resetTimeout เพื่อทดสอบการเชื่อมต่อใหม่