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

51 98. คลิกขวาท่ี ภาพโจทย์ ทต่ี อ้ งการ นาไปใช้ คลิกเลอื กท่ี รับลิงก์ 99. คลกิ คัดลอกลิงก์ เพอ่ื ทาการคดั ลอก

52 100. คลิก เสร็จสน้ิ 101. ช่อง Image คลกิ ท่ี คาถาม

53 102. เลือกเป็น From URL 103. นา ลิงกร์ ปู ภาพ มาวาง

54 104. เลือกขนาดรปู ภาพเป็นแบบ 1:1 105. คลิก ย้อนกลับ

55 106. คลิก + เพ่ือเพ่มิ 107. คลกิ เลอื ก Choice เพอ่ื ทาคาตอบ

56 108. ช่อง Column คลกิ เปลย่ี นเป็น ข้อ 1 109. ลบ Title ช่อื -นามสกลุ ออก

57 110. เลือกเป็นแบบ Segmented 111. ชอ่ ง Values คลิกเปลีย่ นเป็น คาถาม ขอ้ 1

58 112. คลิกใหข้ ึ้นเครื่องหมาย  ที่ Required 113. คลกิ ย้อนกลบั

59 114. คลิกสญั ญาลักษณ์ Copy 115. คลิกค้างแล้วลาก

60 116. มาด้านลา่ งสุดเพื่อจะเปลีย่ นเป็น โจทย์ขอ้ 2 117. คลกิ สญั ญาลกั ษณ์ Copy

61 118. คลิกคา้ งแลว้ ลาก 119. มาด้านลา่ งสุดเพื่อจะเปลี่ยนเป็น คาตอบข้อ 2

62 120. คลิกเข้าไปท่ี Image ของข้อ 2 121. กลับมาทีห่ น้า ไดรฟ์ คลกิ ขวาทร่ี ูป ข้อ 2 คลกิ เลือก รบั ลงิ ก์

63 122. คลิก คดั ลอกลงิ ก์ 123. คลกิ เสรจ็ ส้นิ

64 124. กลบั มาท่หี น้า Glide App นา ลงิ ก์ ทค่ี ัดลอกมา วางที่ Image 125. คลกิ เขา้ ไปท่ี Choice

65 126. ช่อง Values คลกิ เปล่ยี นจาก คาตอบขอ้ 1 เปน็ คาตอบข้อ 2 127. ชอ่ ง Column เปลี่ยนจาก ข้อ 1 เปน็ ขอ้ 2

66 128. คลิก ย้อนกลบั 129. ทาเชน่ เดยี วกนั จนครบตามจานวน ขอ้ ที่ตอ้ งการ ในท่ีนี่จานวน 5 ข้อ

67 130. คลิก ย้อนกลับ 131. คลกิ เขา้ ที่ Button ของ SHOW SCORE

68 132. เข้าไปทีห่ นา้ ของ FEATURES 133. ชอ่ ง ACTION เลอื กเปลี่ยนเป็น Link to Screen

69 134. ช่อง Data เปลี่ยนเปน็ คาตอบ 135. คลิก ยอ้ นกลบั

70 136. เขา้ ที่หนา้ งาน Data 137. คลกิ ไปทีแ่ ผน่ งาน คาตอบ

71 138. คลิกไปท่ี Add Column + 139. เปลีย่ นช่อื Label เปน็ a1

72 140. เปล่ียนช่อง Column type เปน็ แบบ If-Then-Else 141. เปลี่ยน If เป็น ขอ้ 1 เพ่ือบอกว่าน้ี คือคาตอบของข้อที่ 1

73 142. ใสเ่ ฉลยหรือข้อทถ่ี กู ตอ้ งลงในช่อง ในทีน่ คี่ อื A 143. ใส่จานวนคะแนนของขอ้ ในท่นี ค่ี ือ 1

74 144. คลกิ Done 145. คลิกไปที่ Add Column +

75 146. เปล่ียนช่ือ Label เป็น a2 147. เปลยี่ นชอ่ ง Column type เป็น แบบ If-Then-Else

76 148. เปลี่ยน If เปน็ ข้อ 2 เพ่อื บอกว่าน้ี คอื คาตอบของขอ้ ที่ 2 149. ใสเ่ ฉลยหรือขอ้ ทถ่ี กู ตอ้ งลงในชอ่ ง ในทนี่ ี่คอื B

77 150. ใส่จานวนคะแนนของขอ้ ในทีน่ ่คี ือ 1 151. คลิก Done

78 152. ทาเชน่ เดยี วกนั จนครบตามจานวน ข้อที่ตอ้ งการ ในทีน่ ี่จานวน 5 ข้อ 153. คลกิ ไปที่ Add Column +

79 154. เปลี่ยนชอื่ Label เป็น Score 155. เปลย่ี นช่อง Column type เป็น แบบ Math

80 156. ใสส่ ตู รการรวมคะแนนในชอ่ ง CONFIGURATION โดยใชส้ ตู ร a1+a2+a3+a4+a5 157. เปล่ียน Precision เป็นเลขจานวน เตม็

81 158. ใสค่ ากับกับในช่องของ Units วา่ SCORE : 159. นาเครื่องหมาย  หน้า Display units after number ออก เพอื่ ใหค้ า กากับอยูห่ นา้ คะแนน

82 160. คลกิ Done 161. คลิกกลับไปในหน้างาน Layout

83 162. การทดลองแอปเกมตอบคาถามให้ คลิกเข้าที่ START GAME เพ่ือเขา้ เกม 163. ใส่ ชื่อ-นามสกุล และคลกิ เลือก คาตอบ (ตอบผิดเพื่อทดลองความถูกต้อง ของสูตร)

84 164. คลกิ ที่ Submit เพ่ือทาการส่ง คาตอบ 165. คลกิ เขา้ SHOW SCORE เพอ่ื เข้าไป ดูคะแนน

85 166. จะขึ้นคะแนนดงั กลา่ ว 167. ถา้ ไมต่ อ้ งการรูปแบบนีห้ รอื ตอ้ งการ ปรับแต่ง ใหค้ ลิกเลือกเปน็ แบบ Details

86 168. คลิก + เพอื่ จะทาการเพิ่ม 169. คลิกเลือก Text

87 170. เลอื กใช้ใหข้ อ้ ความแบบ กง่ึ กลาง (Center) 171. เลือกแบบขนาดตวั ขอ้ ความเป็นแบบ Headline1

88 172. คลิก ยอ้ นกลับ 173. คลิก + เพอ่ื เพ่มิ

89 174. เลือก Text 175. เลอื กช่อง Text คลกิ เลือกเปน็ SCORE

90 176. เลือกแบบขนาดข้อความเปน็ แบบ Large 177. เลอื กใหข้ ้อความอยู่แบบกงึ่ กลาง (Center)

91 178. เปิดหน้า Google เพื่อหาภาพไปตก แต่งหนา้ ของ Score โดยพิมพห์ าว่า Quiz game 179. เมอ่ื หาภาพทต่ี ้องการได้แล้ว ใหค้ ลกิ ขวาแล้วเลือก คัดลอกท่อี ยรู่ ูปภาพ

92 180. คลิก ยอ้ นกลับ 181. คลิก + เพอ่ื เพ่มิ

93 182. เลอื กเพิ่ม Image 183. คลิกช่อง Image คลกิ เปลี่ยนเป็น แบบ From URL

94 184. นาลิงก์ท่คี ัดลอกมาวาง 185. ปรบั แตง่ เลอื กขนาดภาพเปน็ แบบ 1:1

95 186. เลอื กรปู ภาพใหเ้ ปน็ แบบ Inset with content 187. คลกิ ย้อนกลับ

96 188. คลิกที่ Image ค้างไว้ 189. ลากไปไวด้ ้านบนสดุ

97 190. แต่เม่ือมผี ู้เล่นมากขนึ้ ใหเ้ ลือกการ แสดงคะแนนเปน็ แบบ List เปลย่ี น Details เปน็ Score 191. จะเป็นแบบดงั กลา่ ว

98 192. ถา้ ต้องการปรบั เปล่ียนสีของแอป และรูปภาพแอปคลกิ ไปท่ี Settings 193. เลือกคลิกเขา้ ท่ี Appearance

99 194. เลอื กสีท่ตี อ้ งการจะใช้ 195. คลิก ยอ้ นกลับ

100 196. เขา้ ที่ App Info 197. เลือ่ นเมาส์มาทรี่ ปู ภาพคลกิ ที่ สัญลักษณ์แก้ไข