Login Page

Login Page คือหน้าต่างสำหรับการเข้าสู่ระบบ เป็นหน้าต่างที่แสดงขึ้นมาให้ผู้ใช้บริการเห็นหลังจากเกาะ WiFi ผู้ใช้งานต้องลงชื่อเข้าใช้งานเพื่อเริ่มใช้งาน Internet

หน้า Login Page แสดงข้อมูลหน้าเข้าสู่ระบบที่มีการบันทึกไว้ในระบบ โดยผู้ดูแลสามารถสร้าง แก้ไข แสดงตัวอย่าง หรือลบข้อมูลได้

Login Page Create

ผู้ดูแลระบบ สามารถสร้าง Login Page ได้โดยเลือก "Create Your Authentication Page"

ผู้ดูแลระบบสามารถเปลี่ยนโลโก้ สีพื้น ข้อความในหน้า Login และเปิดปิดวิธีลงชื่อเข้าใช้งานได้ตามต้องการ โดยแบ่งเป็นส่วนๆได้ดังนี้

Preview Setting

ตั้งค่าการแสดงหน้าจอตัวอย่างด้านซ้าย สามารถเลือกได้ว่าจะแสดงหน้าจอตัวอย่างแบบ PC (หน้าจอขนาดใหญ่) หรือ Mobile (หน้าจอขนาดเล็ก)

PC Mode

Mobile Mode

Page Setting

ตั้งชื่อ Page กำหนด Layout และกำหนดวิธีลงชื่อเข้าใช้งานแบบต่างๆ ที่จะแสดง

• Page Name: สำหรับตั้งชื่อหน้า Login ที่จะสร้างขึ้น

• Layout : กำหนดวิธีการแสดงภาพพื้นหลัง เฉพาะหน้าจอแบบ PC

• Login Method : กำหนดเปิดปิดวิธีลงชื่อเข้าใช้งาน และหรือปุ่มสำหรับจัดการข้อมูลของผู้ใช้ มีให้เลือกดังนี้

  • User/Pass : กำหนดให้ผู้ใช้งานสามารถลงชื่อเข้าใช้งานด้วยการกรอกชื่อผู้ใช้งานและรหัสผ่านที่ได้รับมา หรือใช้ซ้ำชื่อผู้ใช้งานที่ยังไม่หมดอายุ รายละเอียดสามารถดูเพิ่มเติมได้จากเมนู User Account

  • Forget Password : กำหนดให้ผู้ใช้งานสามารถเปลี่ยนรหัสผ่านได้ด้วยตนเอง ในกรณีลืมรหัสผ่าน ระบบจะส่งรหัสผ่านใหม่ทางอีเมลหรือเบอร์โทรศัพท์ที่ลงทะเบียนไว้

  • Register with Email : กำหนดให้ผู้ใช้งานสามารถลงทะเบียนด้วยอีเมล โดยกรอกข้อมูล Email และตั้งรหัสผ่านด้วยตัวเอง เมื่อลงทะเบียนแล้วจะได้รับชื่อผู้ใช้งานเป็น Email ของตัวเอง

  • Register with Phone number : กำหนดให้ผู้ใช้งานสามารถลงทะเบียนด้วยเบอร์โทรศัพท์มือถือ เมื่อลงทะเบียนแล้วระบบจะส่งรหัสผ่านที่สุ่มให้ทาง SMS

  • Login with Azure AD : กำหนดให้ผู้ใช้งานสามารถลงทะเบียนใช้งานด้วย Account จาก Azure AD โดย ผู้ดูแลจะต้องตั้งการการเชื่อมต่อกับ Azure AD ใน Third-party APIs

  • Social Login : กำหนดให้ผู้ใช้งานสามารถลงทะเบียนใช้งานด้วย Account Social Media ได้ โดยผู้ใช้งานจะต้องอนุญาติให้ทางระบบ SEARA เข้าถึงข้อมูล จาก Platform ที่เลือก รายละเอียดเป็นไปตามเงื่อนไขการให้บริการของ Platform ที่เลือก โดยผู้ดูแลจะต้องตั้งการการเชื่อมต่อกับ Azure AD ใน Third-party APIs โดยระบบเปิดรับการลงทะเบียนด้วย Platform ต่อไปนี้

    • Facebook

    • Line

    • Twitter

Customization

สำหรับปรับแต่งรูปแบบหน้าจอลงชื่อเข้าใช้งาน เช่น สีพื้นหลัง, รูปภาพ, ตัวอักษรที่แสดง

• Basic : ตั้งค่าพื้นหลังและ Logo

  • Background Style : ตั้งค่าพื้นหลัง สามารถเลือกเป็นสีทึบหรือรูปได้

  • Login Card : ตั้งค่าสีพื้นหลังกล่องลงทะเบียน

  • Logo Image : ตั้งค่าการแสดงภาพ Logo

  • Input Field Focus Color : ตั่งค่าสีกล่องข้อความเมื่อถูกเลือก

• Text Style : กำหนดสีของอักษร

• Button Style : กำหนดสีของปุ่ม

• Social Button Style : กำหนดรูปแบบปุ่ม Social Login

• Email Register Style : กำหนดรูปแบบวิธีลงทะเบียนด้วยอีเมล์

• SMS Password Format And Policy : กำหนดรูปแบบรหัสผ่านที่สุ่มสร้างเมื่อลงทะเบียนใช้งาน

Language

สำหรับตั้งค่าภาษาที่แสดงบนหน้าจอ สามารถแก้ไขข้อความได้ตามภาษาที่แสดงในหน้า Login Page ได้สูงสุด 8 ภาษา (ไทย ,อังกฤษ, ญี่ปุ่น,เกาหลี,จีน ,รัซเซีย,เยอร์มัน,ฝรั่งเศษ) โดยเราสามารถเลือกเปิดปิด ภาษาที่ต้องการได้จากการเลือก Check Box ด้านหน้ากล่องภาษา

• Default Language : กำหนดภาษาเริ่มต้น

  • use device setting : ระบบจะขอภาษาของอุปกรณ์ ถ้าหากเป็นภาษาที่ไม่รู้จักจะแสดงเป็นภาษาอังกฤษ

โดยสามารถตั้งค่าข้อความภาษาได้ 4 จุด ดังนี้

1. Header : ข้อความด้านบน

2. Footer : ข้อความด้านล่าง

3. Username : ข้อความในกล่อง Username

4. Password : ข้อความในกล่อง Password

ในแต่ละข้อความสามารถตั้งค่าได้ตามนี้

• Adjust Title Position : กำหนดการวางตำแหน่งของข้อความ

• -Language- Content : แก้ไขข้อความ Title ตามแต่ละภาษา สามารถเปลี่ยนภาษาของ Preview ได้โดยกดรูปดวงตาด้านขวา และสามารถแก้ไขข้อความแต่ละภาษาได้ตามต้องการ

Login Page Edit

แก้ไขหน้าลงเข้าสู่ระบบ รายละเอียดดูหน้า Login Page Create

Login Page Preview

แสดงตัวอย่างหน้าเข้าสู่ระบบ ผู้ดูแลสามารถเลือกแสดงตัวอย่างบนหน้าจอ PC หรือ Mobile ก็ได้