IbuildApp

การเข้ าใช้ งาน IBuildApp การเข้ าใช้ งาน IBuildApp 1. เข้ าเว็บไซต์ https://ibuildapp.com 2. เลือก SING UP เพื่อทําการสมัครเข้ าใช้ งาน

1

2

3 3. สมัครเข้ าใช้ บริการด้ วย E-mail หรื อ Facebook

ตัวอย่ าง การสมัครเข้ าใช้ งาน โดยใช้ E-mail

เริ่มต้ นสร้ าง Application ด้ วย IBuildApp 1. เลือก Create an App 2. เลือก Template สําเร็ จรูปที่มีให้ บริการตามรูปแบบที่ต้องการ

1

2 3. เลือก Create หรือ Get!

เพื่อเข้ าสูก่ ารกําหนดค่าภายใน Application

ดูตัวอย่ างการแสดงผลของ Template รู ปแบบต่ างๆ โดยเลือกเมนู Quick View

3

3

การกําหนดค่ าการแสดงผลใน Application การกําหนดค่ าการแสดงผลใน Application แถบเมนูสําหรับตังค่ ้ าการแสดงผล 1. Edit Pages : ใช้ สําหรับตังค่ ้ าการแสดงผลเนื ้อหาต่างๆ ของ Application ตาม Features ที่กําหนดไว้ เป็ นเมนูคําสัง่ 2. Layout : ใช้ สําหรับการกําหนดการแสดงผลของปุ่ มเมนูและ Features ต่างๆ - Login Screen กําหนดให้ มีหน้ า login ก่อนเข้ าใช้ งาน - Sidebar Features กําหนดให้ แสดงแถบเมนูด้านข้ าง - Body Features กําหนดการแสดงผลของปุ่ มเมนูตาม Features ที่ กําหนดไว้ 3. Design : ใช้ สําหรับตกแต่ง Template

Features

2

1

3

Features ที่น่าสนใจ

Features Features คือ รูปแบบการแสดงผลของเนื ้อหา (Content) ในรูปแบบใดรูปแบบหนึง่ ซึง่ มีคณ ุ สมบัตแิ ตกต่างกันตามรูปแบบของ Features ที่กําหนดไว้ ใน IBuildApp มี Features ต่างๆ ที่น่าสนใจ และสามารถนําไปประยุกต์ใช้ ในเกิด ประโยชน์ด้านการเรี ยนการสอนได้ เช่น

เมื่อได้ Features ที่ต้องการแล้ ว ผู้จดั ทําสามารถเพิ่มเนื ้อหาที่มีความ เหมาะสมภายใน Application ได้ ทนั ที

การ Publish Application การ Publish Application

1

1. เมื่อกําหนด Content ภายใน Application เรี ยบร้ อยแล้ ว เลือก 2. กรณีใช้ งานฟรี ให้ ปิดหน้ าต่าง แสดงผลส่วนค่าใช้ จ่ายลง

2

3. เลือก Account ของผู้จดั ทํา เลือก My Apps 4. เปลี่ยน ชื่อ Apps , Logo Icon ให้ เหมาะสมกับ Application 5. เลือก Dashboard เพื่อ เพื่อดําเนินการเผยแพร่ Apps ในรูปแบบต่างๆ

3

4 Application Name Logo Icon

5 6 6. รูปแบบการเผยแพร่ 6.1 คําสัง่ สําหรับแชร์ Apps ขึ ้น App Store เพื่อดาวน์โหลดและติดตังในโทรศั ้ พท์มือถือ 6.2 แสดงผลผ่าน Browser โดยการ Copy Link ไปใช้ งาน 6.2

6.1

การออกแบบ Template ด้ วยตนเอง การออกแบบ Template ด้ วยตนเอง

1

เลือก My Template

1. เลือก Account ของผู้จดั ทํา เลือก My Template 2. เลือก

2 หน้ าจอการออกแบบ Template

การออกแบบ Template ด้ วยตนเอง ส่ วนประกอบ UI Library พื ้นที่หน้ าจอ ปุ่ มเมนู รูปภาพ ข้ อความ ปุ่ มเมนู ส่วนล่างของจอภาพ UI Library

Properties

การสร้ าง Template 1. คลิกเลือก UI ที่ต้องการค้ างไว้ ลากมาวาง ในพื ้นที่หน้ าจอที่ต้องการ 2. ปรับค่าของ UI เช่น สี ขนาด รูปภาพ 3. เลือกปุ่ ม SAVE

1

2

3 4 4. กําหนด ชื่อ และ คําอธิบาย ( * ) ห้ ามเว้ นข้ อมูลว่าง 5. ดําเนินการสร้ าง Application

5