สอนการสร้างแอปพลิเคชันเกมตอบคำถาม ด้วย GlideApp

2 สอนการสร้างแอปพลิเคชัน เกมตอบคาถาม ดว้ ย GlideApp 1. เขา้ Google คลกิ ที่ ลงช่ือเข้าสู่ระบบ

3 2. พิมพ์ Email ของตนเอง 3. คลกิ ถดั ไป

4 4. ใสร่ หัสผา่ นของ Email ตนเอง 5. คลิก ถดั ไป

5 6. คลกิ เข้าไปทแี่ อป Google 7. คลกิ เขา้ ไปที่ ไดรฟ์

6 8. คลกิ + ใหม่ แลว้ เลอื ก โฟลเดอร์ เพ่ือ สร้างโฟลเดอร์งานใหม่ 9. ตั้งชือ่ โฟลเดอรว์ า่ แอปเกมตอบคาถาม

7 10. คลิก สร้าง 11. เมือ่ ไดโ้ ฟลเดอรแ์ ลว้ ใหค้ ลิกเปดิ เขา้ ไป

8 12. คลกิ ขวาแล้วเลอื กคลิก อัปโหลดไฟล์ 13. เลอื กไฟลภ์ าพทจี่ ะนามาใชใ้ นการ สรา้ งแอปพลเิ คชนั

9 14. คลิก Open 15. จะปรากฏภาพทเี่ รานาเขา้ มา

10 16. คลกิ ขวาท่ีช่ือโฟลเดอรแ์ อปเกมตอบ คาถาม แลว้ เลอื กแชร์ 17. คลิกไปท่แี ถบ เปลีย่ นลงิ กเ์ ปน็ วิทยาลยั อาชีวศึกษาเพชรบุรี

11 18. คลิกท่ี วิทยาลยั อาชีวศึกษาเพชรบรุ ี เลือกเปลี่ยนเป็น ทกุ คนทีม่ ลี ิงก์ 19. คลิก เสร็จส้ิน

12 20. ขา้ งชื่อโฟลเดอรจ์ ะขน้ึ รูปคน แสดงให้ เห็นวา่ เราแชรโ์ ฟลเดอร์เป็นสาธารณะ สาเร็จแลว้ 21. คลกิ ขวาแล้วเลอื ก Google ชตี

13 22. คลิกเลือก สรา้ งและแชร์ 23. จะขึ้นหน้าของ Google ชีต

14 24. ต้ังชื่อชีตว่า แอปเกมตอบคาถาม 25. คลิกขวาทชี่ ่อื แผน่ 1 แลว้ คลกิ เลือกที่ เปล่ยี นชอื่

15 26. เปลีย่ นแผ่น 1 ชื่อวา่ โจทย์ 27. คลิกไปที่ + เพื่อเพ่ิมแผ่นงาน

16 28. คลกิ ขวาท่ี แผน่ 2 แลว้ คลกิ เลอื ก เปล่ียนชอ่ื 29. เปลี่ยนชื่อเปน็ คาตอบ

17 30. ใส่ ชอ่ื -นามสกลุ ลงไปในคอลมั น์ A1 เพอ่ื ให้บ่งบอกว่าชอ่ งน้จี ะเกบ็ ข้อมลู ชื่อของ ผเู้ ลน่ 31. คอลัมน์ A2 ให้ใส่ ขอ้ 1 เพอ่ื เก็บ ข้อมูลวา่ ขอ้ 1 ผูเ้ ลน่ ตอบอะไร

18 32. คลิกทมี่ ุมของช่องเพอ่ื จะทาการล่าง 33. ลากตามจานวนขอ้ ท่ีเราตอ้ งการทา

19 34. กลบั มาหนา้ แผ่นงานของ โจทย์ 35. พมิ พ์ คาถาม ในคอลัมน์ A1 เพ่อื ทา การเก็บโจทย์

20 36. พิมพ์ ขอ้ 1 ลงไปในคอลมั น์ A2 37. คลกิ ทม่ี ุมดา้ นลา่ งของคอลมั น์ A2 เพอ่ื จะทาการลาก

21 38. ลากลงมาตามจานวนข้อทเ่ี ราตอ้ งการ ทา เพอ่ื บ่งบอกจานวนข้อท่เี ราทา 39. ในคอลมั น์ B2 ใส่ คาตอบ ขอ้ 1

22 40. คลิกท่มี ุมดา้ นลา่ งของคอลัมน์ B1 41. ลากตามจานวนขอ้ ที่ตอ้ งการทา

23 42. กาหนดคอลมั น์ B2 เพ่อื ใช้เปน็ ตวั เลอื ก A 43. ถัดลงมาให้กาหนดคอลมั น์ B3 ตัวเลือก B

24 44. คอลมั น์ B4 ตวั เลือก C 45. คอลัมน์ B5 ตวั เลือก D

25 46. ครอบช่องของตวั เลือกท้งั หมด แล้ว คลิกทขี่ า้ งลากมุมชอ่ ง 47. ลากตามจานวนข้อท่ที า

26 48. พิมพห์ าเว็บ Glideapp 49. เขา้ ทเ่ี วบ็ ไซต์ Glideapp

27 50. คลกิ ไปที่ Login 51. เลอื กเข้าสู่ระบบดว้ ย Google

28 52. คลิกไปที่ + New app เลอื กที่ From Google Sheet… 53. คลกิ เลือก Sheet ทเ่ี ราสร้างไว้

29 54. คลกิ ท่ี Select 55. ปรากฏหนา้ ดังกลา่ ว

30 56. เลอื กการแสดงหนา้ จอเปน็ แบบ Details 57. จะปรากฏแบบดงั กลา่ ว (*ถ้ามี components ให้ลบออกทงั้ หมด)

31 58. คลกิ ท่ี + เพอ่ื เพิ่ม 59. คลิกท่ี Image เพ่ือเพมิ่ รปู ภาพ

32 60. ช่อง Image คลิกไปท่ี คาถาม เพื่อ เปล่ียน 61. คลิกเลือกเปน็ From URL แทน

33 62. กลับไปท่ีหน้า ไดรฟ์ แล้วคลกิ ขวารปู ทต่ี อ้ งการจะนาไปใส่ คลิกท่ี รับลิงก์ 63. คลกิ ท่ี คัดลอกลิงก์ เพ่อื ทาการคัดลอก ลิงก์

34 64. คลกิ ที่ เสรจ็ สิน 65. กลับมาหน้าของ Glideapp

35 66. นาลงิ ก์ทคี่ ัดลอกมาวางในช่อง From URL 67. คลิกมาที่หนา้ งาน Tabs

36 68. คลิกท่ี โจทย์ 69. ชอ่ ง Label เปลี่ยนคาวา่ โจทย์ เป็น เกมตอบคาถาม

37 70. คลิก ย้อนกลับ 71. คลกิ คาถาม ค้างไว้

38 72. ลากไปท่ี Hidden Tabs เพือ่ ไมใ่ ห้ แสดงในหน้าแอป 73. คลกิ ท่ีหน้างาน Layout

39 74. คลิกที่ + เพ่อื เพิม่ 75. คลกิ เลอื ก Form Button

40 76. คลิกที่ Title 77. ใส่คาทเ่ี ราต้องใหป้ รากฏ คอื START GAME

41 78. คลิกไปท่ีปมุ่ ยอ้ นกลบั เพ่ือทาการ ย้อนกลับ 79. คลิกที่ + เพ่ือเพ่ิม

42 80. คลกิ เลอื กใช้ Button 81. คลกิ ที่ Title

43 82. ใส่คาทเ่ี ราต้องให้ปรากฏ คือ SHOW SCORE 83. คลกิ ยอ้ นกลับ

44 84. คลิกเขา้ ที่ Image รูปหนา้ แอป 85. เลือกขนาดรปู ให้เป็นแบบ 1:1

45 86. จะไดข้ นาดภาพดังกล่าว 87. คลิก ยอ้ นกลบั

46 88. คลิกเข้าที่ปุ่ม START GAME 89. ลบ COMPONENTE ออกทงั้ หมด

47 90. ชอ่ ง Sheet คลกิ เลือกเปลย่ี นเป็น คาตอบ 91. ลบ COMPONENTE ออกท้งั หมด

48 92. คลกิ + เพอื่ เพิ่ม 93. คลกิ เลอื ก Text Entry

49 94. คลิกให้ข้ึนเครื่องหมาย  ที่ Required เพื่อบ่งบอกว่าต้องลงช่ือเท่าน้ัน ถึงจะเลน่ ได้ 95. คลิก ยอ้ นกลับ

50 96. คลกิ เลือก Image 97. กลับเข้าไปทีห่ น้า ไดรฟ์