AI Web Mobile (ไทย) Print E-mail

(English| ภาษาไทย)

AIWeb Mobile เป็นส่วนขยายของ AIWeb Platorm สำหรับการแสดงผลผ่าน web browser ที่ไม่รอบรับ Microsoft Silverlight เช่น อุปกรณ์ smart device ต่างๆ อีกทั้งอุปกรณ์ smart device เช่น smartphone หรือ tablet นั้นมีขนาดหน้าจอและอัตราส่วนที่หลากหลาย กำหนดได้ยาก AIWeb Mobile จึงถูกออกแบบมาบนพื้นฐานที่เรียกว่า Mobile First ที่กำลังเป็นที่นิยมสำหรับการทำเวปไซต์ โดยมีเครื่องมือและตัวช่วยในการจัดการแสดงผลข้อมูลที่ทำได้ง่าย รวดเร็ว และสามารถแสดงผลได้ดีในทุกๆขนาดหน้าจอ



หลักการออกแบบที่เรียกว่า Mobile First นั้น ผู้ออกแบบจะออกแบบจะต้องกำหนดขนาดเป้าหมายเริ่มต้นของการแสดงผลก่อน เช่นต้องการให้รองรับขนาดเล็กสุด (XS-Extra Small) แล้วจึงขยายการรองรับกับอุปกรณ์ที่มีขนาดหน้าจอใหญ่ขึ้นตามลำดับ

 

อุปกรณ์ smart device มีขนาดหน้าจอแตกต่างกัน สามารถกำหนดได้เป็น XS, SM, MD, LG เป็นต้น

 

การจัดเรียงข้อมูล (Content) จะถูกแบ่งออกเป็น 12 Column ต่อบรรทัด แล้วกำหนดให้แสดงในขนาดหน้าจอที่ต่างกัน โดยใช้ Bootstrap CSS เป็นตัวกำหนด

 

ตัวอย่างการแสดงผลบน smart phone / tablet

 


What is Bootstrap >> Click here