อุปกรณ์เคลื่อนที่ (Mobile Devices) มีความหลากหลายมาก ตั้งแต่ขนาดหน้าจอ ความละเอียด หรือการวางแนว ไปจนถึงระบบปฏิบัติการ (OS) เพื่อดูแลขนาดหน้าจอและความละเอียดที่แตกต่างกัน เราต้องสร้างไซต์หลายเวอร์ชัน เช่น เวอร์ชันเดสก์ท็อปและเวอร์ชันมือถือ แต่จะเพิ่มค่าใช้จ่ายและการบำรุงรักษามากเกินไป

Responsive Web Design เป็นแนวคิดใหม่ที่ทำให้หน้าเว็บของคุณดูดีในทุกอุปกรณ์ (desktops, tablets และ phones) เป็นเรื่องเกี่ยวกับการใช้ HTML และ CSS เพื่อปรับขนาด ซ่อน หรือย้ายเนื้อหาเพื่อให้ดูดีในทุกหน้าจอ

สมาร์ทโฟนได้เข้ามาเป็นส่วนหนึ่งในชีวิตของเราเกือบทุกช่วง ผู้คนจำนวนมากขึ้นมักจะใช้แอพพลิเคชันบนอุปกรณ์พกพามากกว่าบนเดสก์ท็อป ดังนั้น จึงกลายเป็นเรื่องสำคัญมากสำหรับความสำเร็จของแอพพลิเคชันสมัยใหม่ในการจัดหา UI/UX มือถือที่มีประสิทธิภาพสำหรับหน้าจอมือถือประเภททั่วไปและยอดนิยมเป็นอย่างน้อย ธุรกิจต่างๆ ให้ความสนใจมากขึ้นกับวิธีการเชื่อมต่อกับลูกค้าปัจจุบันและลูกค้าเป้าหมายผ่านเทคโนโลยีมือถือ การมีแอพมือถือพิเศษหรือแอพพลิเคชันสำหรับองค์กรเวอร์ชันมือถือเป็นโซลูชันที่บริษัทส่วนใหญ่ใช้

มี 3 วิธีที่ผู้ใช้สามารถเข้าถึงแอพพลิเคชันบนอุปกรณ์เคลื่อนที่ได้

Web Responsive Design Exclusive Mobile Apps Progressive Web Apps

แพลตฟอร์มระบบปฏิบัติการมือถือหลักสองแพลตฟอร์มคือ iOS ของ Apple และ Android ของ Google แอพแบบเนทีฟเขียนด้วยโค้ดที่ใช้เบื้องต้นสำหรับอุปกรณ์และระบบปฏิบัติการ ตัวอย่างเช่น นักพัฒนาเขียนแอพพลิเคชัน iOS ใน Objective-C หรือ Swift ขณะที่พวกเขาสร้างแอพแบบเนทีฟของ Android ใน Java ในทางตรงกันข้าม Hybrid applications เป็นการผสมผสานระหว่างเนทีฟและเว็บแอพพลิเคชัน การทำงานภายในของแอพพลิเคชันแบบไฮบริดนั้นคล้ายกับเว็บแอพ แต่จะติดตั้งเหมือนแอพแบบเนทีฟ แอพพลิเคชันแบบไฮบริดสามารถเข้าถึง API ของอุปกรณ์ภายในได้ ซึ่งหมายความว่าสามารถใช้ทรัพยากรต่างๆ เช่น กล้อง ที่เก็บข้อมูล GPS และอื่นๆ ONEWEB support การพัฒนาแอพพลิเคชันมือถือแบบไฮบริด

ONEWEB ให้บริการเซิร์ฟเวอร์ CI เป็นคุณลักษณะเสริมในการสร้างแอพมือถือบนคลาวด์ ผู้ใช้ต้องชำระค่าธรรมเนียมใบอนุญาตและรับรหัสเซิร์ฟเวอร์ CI จากทีม ONEWEB

เมื่อผู้ใช้มีคีย์แล้ว ผู้ใช้สามารถแนบคีย์กับเซิร์ฟเวอร์ของเขาในฐานะเซิร์ฟเวอร์ CI ทั่วโลก หรือแนบคีย์กับแอพพลิเคชันหนึ่งโดยเฉพาะเป็นเซิร์ฟเวอร์ CI ภายใน หากแนบคีย์กับเซิร์ฟเวอร์ CI ส่วนกลาง ผู้ใช้บนเซิร์ฟเวอร์นั้นจะสามารถสร้างแอพพลิเคชันโดยใช้เซิร์ฟเวอร์นี้ได้ (ใช้สำหรับระบบภายในองค์กร) สำหรับผู้ใช้คลาวด์ ONEWEB ที่ใช้ร่วมกัน คีย์จะถูกเพิ่มไปยังแอพพลิเคชันของพวกเขาเป็นเซิร์ฟเวอร์ CI ภายในเครื่อง

ตอนนี้ ผู้ใช้สามารถสร้างแอพพลิเคชัน Android ที่ไม่ได้ลงชื่อ แต่สำหรับการสร้าง apk ที่ลงนามและสำหรับการสร้าง IPA ผู้ใช้จำเป็นต้องกรอกรายละเอียดของบัญชีนักพัฒนาซอฟต์แวร์ของ Apple และข้อมูลหรือบัญชีบริการของ Google และรายละเอียด Keystore

Smart Forms ที่สร้างขึ้นโดยใช้ App Designer นั้นตอบสนองเว็บตามค่าเริ่มต้นเพื่ออำนวยความสะดวกในการใช้งานอย่างเหมาะสมบนอุปกรณ์ทุกประเภท ดังนั้นเมื่อคุณสร้าง Smart Form โดยใช้ AD คุณไม่จำเป็นต้องกังวลเกี่ยวกับการปรับให้เหมาะกับอุปกรณ์ประเภทใดโดยเฉพาะเนื่องจาก AD - ตัวออกแบบฟอร์มอัจฉริยะของ ONEWEB จะจัดการให้โดยอัตโนมัติ

การมองเห็น Smart Form ในโหมดหน้าจอเดสก์ท็อป (Smart Form visibility on Desktop Screen Mode)

การมองเห็น Smart form ในหน้าจอมือถือ (Smart form visibility on Mobile Screens)

หน้าเว็บที่สร้างโดยใช้ Page Designer เป็นเว็บที่ตอบสนองโดยค่าเริ่มต้น เว้นแต่ผู้ออกแบบเว็บจะกำหนดความกว้างเฉพาะสำหรับองค์ประกอบใดๆ ตัวออกแบบหน้ายังมีคุณลักษณะในการดูตัวอย่างหน้าของคุณสำหรับอุปกรณ์ประเภทต่างๆ และดูว่าหน้าของคุณมีลักษณะอย่างไร โดยคลิกที่ไอคอนแสดงตัวอย่างที่ต้องการที่ด้านบนสุดของหน้าจอ Page Designer

ทํางานบนโหมดหน้าจอเดสก์ท็อป (กว้าง 1024px)

ทํางานในโหมดหน้าจอมือถือ (กว้าง 375px)

นอกจากนี้ สำหรับองค์ประกอบคอลัมน์ (column) Page Designer ยังให้การสนับสนุนในตัวเพื่อเพิ่มหรือลดความกว้างสำหรับแต่ละขนาดหน้าจอ เพื่อปรับขนาดคอลัมน์บนหน้าจอต่างๆ

Page Designer ยังจัดเตรียมคุณสมบัติคลาสสำหรับองค์ประกอบทั้งหมดเพื่อกำหนดคลาส CSS เฉพาะให้กับองค์ประกอบ ผู้ใช้สามารถใช้คุณสมบัตินี้เพื่อทำให้องค์ประกอบเป็นไปตามการออกแบบที่ตอบสนองต่อเว็บ

ใช้สามารถเพิ่มรหัสเซิร์ฟเวอร์ CI เป็น Global Key หรือ Local Server Key

เพิ่มเซิร์ฟเวอร์เป็นเซิร์ฟเวอร์ Global CI

ขั้นตอนที่ 1: เปิด Control Panel จากหน้าแรกของ PGD

ขั้นตอนที่ 2 คลิกที่ไอคอน Add Server

ขั้นตอนที่ 3 อัปโหลดคีย์ CI Server ที่คุณได้รับจาก Avalant

ขั้นตอนที่ 4 ป้อน Server Name

ขั้นตอนที่ 5 คลิกปุ่ม Save

ขั้นตอนที่ 6 ผู้ใช้สามารถดู Server ที่เพิ่มได้ในรายการ CI Server

ขั้นตอนที่ 7 คลิกปุ่มปิด เพื่อกลับสู่หน้าแรกของ Page Designer

วิธีเพิ่ม CI Server ลงในแอพพลิเคชันของผู้ใช้

ขั้นตอนที่ 8 ไปที่แท็บ Settings ในหน้าแรกของ Page Designer

ขั้นตอนที่ 9 เลือกตัวเลือก Server

ขั้นตอนที่ 10 เลือก Server จากใต้ global servers ที่มีอยู่

ขั้นตอนที่ 11 ผู้ใช้สามารถดูบริการที่เลือกเพิ่มลงในแอพพลิเคชัน

ขั้นตอนที่ 12 คลิกที่ปุ่ม Check Service เพื่อตรวจสอบสถานะเซิร์ฟเวอร์

ขั้นตอนที่ 13: คลิก Save เพื่อบันทึกการตั้งค่า

หากต้องการสร้างแอพเพื่ออัปโหลดไปยัง PlayStore หรือ AppStore ผู้ใช้ต้องกำหนดค่ารายละเอียดแอพในแท็บ DEPLOYMENT Page Designer ภายในการปรับใช้ ผู้ใช้มีสองแท็บสำหรับแอพพลิเคชัน iOS และแอพพลิเคชัน Android ผู้ใช้สามารถกรอกข้อมูลทั้งสองเพื่อสร้างแอพทั้งเวอร์ชัน apk และ ipa

นอกจากนี้ยังมีข้อกำหนดในการอัปโหลดวีดีโอโปรโมต (promo video๗ หรือเพิ่มภาพหน้าจอ (screenshots) สำหรับแอพ

สำหรับ AppStore ผู้ใช้ต้องอัปโหลดใบรับรองเพื่อการพัฒนาและการเผยแพร่ (development & distribution) รวมถึงรายละเอียด AppSptore จากบัญชีนักพัฒนาของ Apple