การสร้างApplication

เข้าไปที่เว็บไซต์ https://www.appsheet.com/

2. เข้า Login ระบบที่มุมขวาบน คำว่า" Login"

3. เมื่อเข้า Login ในระบบ ให้เข้าระบบด้วย Google โดยใช้อีเมลของทางวิทยาลัยฯ (@scphub.ac.th)

4. เมื่อเข้าสู่ระบบด้วย Google แล้ว ทางเว็บไซต์จะขออนุญาตเข้าถึงสิทธิต่างๆ ให้นักศึกษา กดคำว่า "อนุญาต"

5. ระบบจะพาเข้ามาสู่หน้าหลังบ้านของเว็บไซต์

6. ให้นักศึกษากดที่มุมขวาบนคำว่า "Sample Apps"

7. ระบบจะพาเข้าไปยังหน้า Sample Apps ดังภาพข้างบน

8. พิมพ์คำค้นหาในช่องค้นหาด้วยคำว่า "Contact Directory" แล้วกด Enter

9. เมื่อกด Enter ระบบจะแสดง Appทางด้านขวามือเป็นตัวอย่าง ให้นักศึกษากดคำว่า "Copy this app" เพื่อทำการคัดลอกโค้ดของ App นี้ทั้งหมด

10. เมื่อกด Copy this app เรียบร้อย ระบบจะให้ตั้งชื่อโปรเจค ให้นักศึกษาตั้งชื่อได้ตามใจชอบ(เป็นภาษาอังกฤษ) และเลือกหมวดหมู่ด้านล่างเป็น Education & Training

11. รอระบบทำการสร้าง Application สักครู่

12.ระบบจะพาเข้าไปที่ระบบหลังบ้านของ Application ที่เราทำการ Copy มา และมีตัวอย่างของ Application แสดงโชว์ด้านขวามือ

13. เมื่อระบบโหลดเสร็จจะมีหน้าตาของ Application ดังภาพข้างบน

14. ให้นักศึกษากดที่แถบเครืองมือด้านขวามือชื่อ " Data" ดังภาพ กดเลือก Location และกด Delete และกดที่ Contactsและทำการลบเช่นกัน

15. เมื่อนักศึกษาลบ Location และ Contactsออก ระบบจะเกิดการ Error ตามภาพ

16. หากนักศึกษาอยากรู้ว่าเกิดจากอะไร ให้คลิกที่แถบเครื่องมือด้านซ้ายคำว่า Info จะมีคำอธิบายบอก ซึ่งระบบบอกว่าหาไฟล์ดังกล่าวไม่เจอนั่นเอง

18. ให้นักศึกษาคลิกที่แถบเครื่องมือคำว่า UX จะพบบริเวณที่มีปัญหาขึ้น ให้นักศึกษากดเข้าไป และกด Delete

19. กด Delete ทั้ง 3 ตัวที่ขึ้นสีแดง

20. เมื่อลบแล้วจะเหลือข้อมูลดังภาพ ให้นักศึกษากด Save ด้านบน

21. เมื่อนักศึกษากด Save แล้วระบบจะเข้าสู่สภาวะปกติ สามารถเข้าใช้งานได้ปกติตามภาพ

22. เมื่อนักศึกษาใช้เมาส์คลิกที่รูปมือถือด้านขวา บริเวณรายชื่อต่างๆก็จะพบข้อมูลดังภาพข้างต้น

23. หลังจากนั้นให้นักศึกษาคลิกที่ Dir จะปรากฎแถบขึ้นดังภาพ ให้แก้ไขบริเวณ View name เป็น เบอร์โทร หรือสมุดโทรศัพท์ได้ตามใจชอบ และบริเวณ View type สามารถเลือกได้ตามใจชอบแต่ที่แนะนำคือ Deck และ Table จะมีความเหมาะสมกับสมุดโทรศัพท์มากที่สุด เมื่อแก้ไขเสร็จให้กด Save

24. จากแถบด้านบน ให้นักศึกษาเลือกแถบ Brand ในส่วนนี้นักศึกษาสามารถเลือกLogo ของนักศึกษาเองได้ สามารถเลือกสีของ Appนักศึกษาได้ตามใจชอบ ลองเลือกดูนะครับ 🙂 เมื่อเสร็จแล้วให้กด Save เป็นอันเสร็จ

25. ให้นักศึกษาเลือกแถบด้านซ้ายไปที่ Data แถบด้านบนตรงกับ Tables จะเจอคำว่า Directory ให้นักศึกษาคลิกที่แถบดังกล่าวจะปรากฎดังภาพ

26. ให้นักศึกษากดตรงแถบ Are updates allowed? ให้เลือกคลิกที่คำว่า Updates, Adds, Deletes ทั้งหมด 3 อันแล้วกด Save

27. เมื่อกด Save จะมีแถบเครื่องหมาย + ในหน้าแอบขวามือขึ้นมาแสดง แถบนี้เอาไว้ใช้เพิ่มชื่อ และเบอร์โทรศัพท์ต่างๆได้ในอนาคต

28. เลือกแถบด้านบนเป็น Columns ตรงบริเวณ Directory ด้านล่างให้กดคำว่า Show

29. เมื่อแถบShow แสดงจะพบดังภาพ ให้แก้ข้อความดังนี้ Department แก้เป็น ชื่อ-สกุล (ชื่อเล่น), Number แก้เป็นเบอร์โทรศัพท์, Location แก้เป็นที่อยู่

30. แก้ข้อความ และเลือก Type และกดติ๊กถูกดังภาพ แล้วกดSave

31. เมื่อกด Save แล้วให้ลองกดเครื่องหมาย + ด้านมุมขวาล่าง จะพบว่า ข้อความเปลี่ยนไปตามที่เราแก้ไขทั้งหมดแล้ว

32. ให้นักศึกษาเลือกแถบด้านบนเป็น Tables อีกครั้ง เลือก Directory และเลือก View Source ระบบจะพานำออกไปสู่ Google sheet

33. บริเวณนี้จะเป็นฐานข้อมูลที่เราจะต้อง Copy ข้อมูลที่อาจารย์ทำไว้ให้ลงใส่แทน

34. เปลี่ยนบริเวณหัวตารางใหม่ให้เป็นดังภาพ และวางไฟล์ Copy ลงแทน

35. กลับมาที่หน้าเดิม กดปุ่ม Sync ที่เป็นรูปเมฆ แล้วลองทดสอบที่รูปมือถือด้านขวามือ จะพบว่าข้อมูลเปลี่ยนแปลงตามที่เราเข้าไปแก้ไขใน Google sheet

36. ลองกดเข้าไปดูในรายชื่อจะพบข้อมูลที่เรากรอกลงไปในระบบ เป็นอันเสร็จสิ้นกระบวนการทำApplication

37. เมื่อ Applicationเสร็จสมบูรณ์แล้ว ให้นักศึกษาเลือกแถบขวามือ เป็น Users

38. เลือกแถบด้านบนเป็น Links นักศึกษาจะพบ Links สำหรับติดตั้งบนโทรศัพท์มือถือ(Install Link) ให้นักศึกษา Copy linkนี้ไว้ แล้วส่งเข้าโทรศัพท์มือถือของนักศึกษาเองเพื่อติดตั้ง ส่วน Browser Link ให้นักศึกษา Copy เพื่อส่งอาจารย์

เมื่อนักศึกษากดเข้า Link แล้วนักศึกษาจะพบหน้าต่างดังภาพนี้ ให้นักศึกษากด Install Form App store (Link ด้านบน) แล้วติดตั้ง App ด้านบนก่อน เมื่อติดตั้ง Appsheet ด้านบนเสร็จสิ้นแล้ว ให้กดที่ Link ด้านล่างที่นักศึกษาเป็นคนสร้างเอง ซึ่ง App ที่นักศึกษาสร้างจะใช้งานควบคู่กับ Appsheetที่นักศึกษาติดตั้งในตอนแรก

ดาวโหลดฐานข้อมูลได้ที่นี่

การสร้าง Application โดนใช้ Appsheet

การสร้างApplication(ต่อ)

การติดตั้ง Application บนโทรศัพท์มือถือ