เล่มสรุปโครงการ กลุ่ม 1

6.12 คลกิ ที่ Navigate to Screen1 เปลี่ยนเปน็ Screen8 ให้สังเกตเครื่องหมายจะอย่ทู ี่หนา้ Screen ท่ไี ด้
ทาํ การเลอื ก ดังรูปท่ี 6.12

รูปท่ี 6.12

6.13 คลิกท่ี btnQ&A คลิกคา้ งที่ when btnQ&A Click do แล้วลากวางลงบน State ดงั รปู ท่ี 6.13
รูปที่ 6.13

6.14 คลิกที่ Control คลิกคา้ งท่ี Navigate to Screen1 แล้วลากวางตอ่ จาก when btnQ&A Click
do

ดังรปู ท6ี่ .14

รูปที่6.14

6.15 คลกิ ที่ Navigate to Screen1 เปลี่ยนเปน็ Screen3 ให้สังเกตเครื่องหมายจะอย่ทู ี่หนา้ Screenท่ไี ด้
ทาํ การเลอื ก ดังรูปท่ี 6.15

รูปท่ี 6.15

6.16 ทําเหมือนขั้นตอนข้างต้นทผ่ี า่ นมา คลกิ ท่ี btnHomesc2 เลือก when btnHomesc2 Click do
คลิกท่ี Control เลือก Navigate to Screen1 (ไม่ตอ้ งเปลยี่ น Screen) ดงั รูปท่ี 6.16

รูปท่ี 6.16
6.17 คลิกท่ี btnmanual2 เลือก when btnmanual2 Click do คลกิ ที่ Control

เลอื ก Navigate to Screen1 เปลย่ี นเป็น Screen9 ดงั รูปท่ี 6.17

รูปท่ี 6.17
6.18 คลิกท่ี Screen3 คลกิ ที่ Blocks เพอ่ื ใส่ Code ท่ี Screen3 ให้เชื่อมต่อไปยังหน้า Screen4
Screen5 Screen6และ Screen7ดงั รปู ที่ 6.18

รูปที่ 6.18
6.19 จะปรากฏ พนื้ ท่กี ารทาํ งาน (State) เพอ่ื ให้ใส่ Code ดังรูปท่ี 6.19

รปู ที่ 6.19

6.20 ทําเหมอื นขน้ั ตอนขา้ งต้นท่ผี า่ นมา คลกิ ท่ี btn1 เลือก when btn1 Click do คลกิ ท่ี
Control เลอื ก Navigate to Screen1 เปลี่ยนเปน็ Screen4 ดังรปู ท่ี 6.20

รปู ท่ี 6.20
6.20.1 คลกิ ที่ btn2 เลอื ก when btn2 Click do คลกิ ท่ี Control
เลอื ก Navigate to Screen1 เปลี่ยนเปน็ Screen5 ดังรูปที่ 6.20.1

รูปท่ี 6.20.1
6.20.2 คลิกที่ btn3 เลอื ก when btn3 Click do คลิกท่ี Control
เลอื ก Navigate to Screen1 เปลี่ยนเปน็ Screen6 ดงั รูปที่ 6.20.2

รปู ท่ี 6.20.2
6.20.3 คลกิ ที่ btn4 เลอื ก when btn4 Click do คลิกท่ี Control
เลือก Navigate to Screen1 เปล่ยี นเป็น Screen7 ดงั รูปท่ี 6.20.3

รปู ที่ 6.20.3

6.20.4 คลิกที่ btnback เลือก when btnback Click do คลิกที่ Control
เลอื ก Navigate to Screen1 เปลย่ี นเป็น Screen2 ดงั รปู ท่ี 6.20.4

รูปที่ 6.20.4
6.20.5 คลิกที่ btngo เลอื ก when btngo Click do คลิกที่ Control
เลอื ก Navigate to Screen1 เปลี่ยนเป็น Screen4 ดงั รปู ท่ี 6.20.5

รปู ที่ 6.20.5

6.21 คลกิ ที่ Screen4 คลิกท่ี Blocks เพื่อใส่ Code ที่ Screen4 ให้ video สามารถเลน่ ได้ ดงั รปู ท่ี
6.21

รปู ท่ี 6.21
6.22 จะปรากฏ พืน้ ที่การทํางาน (State) เพื่อให้ใส่ Code ดังรปู ที่ 6.22

รูปที่ 6.22

6.23 คลิกท่ี btnbacksc4 คลกิ คา้ งท่ี when btnbacksc4 Click do แล้วลากวางลงบน State ดงั รูปท่ี 6.23
รูปท่ี 6.23

6.24 คลิกท่ี Video1 คลกิ คา้ งท่ี set Video1’s play to true แล้วลากวางตอ่ จาก when btnbacksc4
Click do ดังรปู ท่ี 6.24

รปู ท่ี 6.24

5.24.1 เปลี่ยนจาก set Video1’s play to true เปน็ false ดงั รปู ท่ี 6.5
รูปท่ี 6.5

6.25 คลกิ ท่ี Control คลิกคา้ งที่ Navigate to Screen1 แล้วลากวางตอ่ จาก Video1’s play to false
ดงั รูปท่ี 6.25

รปู ท่ี6.25

6.26 คลกิ ที่ Navigate to Screen1 เปลี่ยนเปน็ Screen3 ให้สังเกตเครื่องหมายจะอย่ทู ี่หนา้ Screen ท่ไี ด้
ทาํ การเลอื ก ดังรูปท่ี 6.26

รูปท่ี 6.26

6.27 คลกิ ที่ Screen5 คลิกท่ี Blocks เพื่อใส่ Code ที่ Screen5 ให้ video สามารถเลน่ ได้ ดงั รปู ท่ี
6.27

รปู ท่ี 6.27
6.28 จะปรากฏ พืน้ ที่การทํางาน (State) เพื่อให้ใส่ Code ดังรปู ที่ 6.28

รูปที่ 6.28

6.29 ทําเหมือนขั้นตอนขา้ งตน้ ท่ีผา่ นมา คลิกที่ btnbacksc5 เลือก when btnbacksc5 Click do
คลิกที่ Video2 เลือก set Video1’s play to true เปลี่ยน true เป็น false คลิกที่

Control เลือก Navigate to Screen1 เปลีย่ นเป็น Screen3 ดังรูปที่ 6.29

6.30 คลิกที่ Screen6 รูปที่ 6.29
6.30 คลิกที่ Blocks เพ่อื ใส่ Code ท่ี Screen6 ให้ video สามารถเลน่ ได้ ดังรปู ท่ี

รปู ท่ี 6.30

6.31 จะปรากฏ พน้ื ท่กี ารทํางาน (State) เพอื่ ให้ใส่ Code ดงั รปู ที่ 6.31

รปู ที่ 6.31
6.32 คลกิ ที่ btnbacksc6 เลอื ก when btnbacksc6 Click do คลกิ ที่ Video3

เลือก set Video1’s play to true เปลีย่ น true เปน็ false คลกิ ที่ Control
เลือก Navigate to Screen1 เปลีย่ นเปน็ Screen3 ดังรูปท่ี 6.32

รปู ท่ี 6.32

6.33 คลกิ ที่ Screen7 คลิกท่ี Blocks เพื่อใส่ Code ที่ Screen7 ให้ video สามารถเลน่ ได้ ดงั รปู ท่ี
6.33

รปู ท่ี 6.33
6.34 จะปรากฏ พืน้ ที่การทํางาน (State) เพื่อให้ใส่ Code ดังรปู ที่ 6.34

รูปที่ 6.34

6.35 ทําเหมอื นข้นั ตอนขา้ งตน้ ทผี่ ่านมา คลกิ ที่ btnbacksc7 เลือก when btnbacksc7 Click do
คลิกที่ Video4 เลอื ก set Video1’s play to true เปลย่ี น true เป็น false คลิกที่

Control
เลอื ก Navigate to Screen1 เปลยี่ นเปน็ Screen3 ดังรปู ท่ี 6.35

6.36 คลกิ ที่ Screen8 รูปท่ี 6.35
ดังรปู ที่ 6.36 คลกิ ท่ี Blocks เพอ่ื ใส่ Code ที่ Screen8 ให้เชอ่ื มต่อไปยงั หนา้ Screen2

รปู ท่ี 6.36

6.37 จะปรากฏ พืน้ ทก่ี ารทาํ งาน (State) เพือ่ ให้ใส่ Code ดงั รปู ท่ี 6.37

รูปที่ 6.37
6.37 คลกิ ท่ี Btnback8 เลือก when Btnback8 Click do คลิกท่ี Control

เลอื ก Navigate to Screen1 เปลีย่ นจาก Screen1 เป็น Screen2 ดังรปู ท่ี 6.37

รูปที่ 6.37

6.38 คลิกท่ี Screen9 คลกิ ที่ Blocks เพ่ือใส่ Code ท่ี Screen9 ให้เชอื่ มต่อไปยงั หน้า Screen2
ดังรปู ท่ี 6.38

รปู ที่ 6.38
6.39 จะปรากฏ พ้นื ทก่ี ารทํางาน (State) เพื่อใหใ้ ส่ Code ดังรูปที่ 6.39

รูปที่ 6.39

6.40 คลกิ ท่ี Btnback9 เลอื ก when Btnback9 Click do คลิกท่ี Control
เลือก Navigate to Screen1 เปลย่ี นจาก Screen1 เปน็ Screen2 ดังรปู ท่ี 6.40

6.41 คลกิ ท่ี Screen10 รูปที่ 6.40
ดังรูปท่ี 6.41 คลกิ ท่ี Blocks เพือ่ ใส่ Code ที่ Screen10 ให้เชอ่ื มต่อไปยังหน้า Screen1

รูปที่ 6.41

6.42 จะปรากฏ พน้ื ทกี่ ารทาํ งาน (State) เพอื่ ใหใ้ ส่ Code ดงั รปู ท่ี 6.42

รูปท่ี 6.42
6.43 คลกิ ที่ Btnback10 เลือก when Btnback10 Click do คลกิ ที่ Control

เลือก Navigate to Screen1 (ไม่ต้องเปล่ียน Screen) ดงั รปู ที่ 6.43

รูปท่ี 6.43

7.ขน้ั ตอนการติดต้ัง Mobile Application ลงบนมือถือ
7.1 เขา้ ไปท่ี App Store หรอื Play Store ในโทรศพั ทม์ อื ถือ ถ้าเป็น ระบบปฏบิ ัติการ Android เข้าไปที่
Play Store ถ้า ระบบปฏบิ ัตกิ าร IOS เขา้ ไปที่ App Store ในตัวอยา่ งน้ีจะเปน็ ระบบปฏบิ ัตกิ าร IOS แต่
ระบบปฏบิ ตั กิ าร Android ก็มขี ้ันตอนการติดตงั้ เหมอื นกัน ดังรปู ท่ี 7.1

รปู ที่ 7.1
7.2 กดคน้ หา พมิ พ์ในชอ่ งค้นหาวา่ thunkable Live เพ่ือท่จี ะ ดาวน์โหลด thunkable Live ลงบน
โทรศพั ทม์ อื ถือ ดังรูปที่ 7.2

รปู ท่ี 7.2
7.3 กดท่ี สญั ลกั ษณด์ าวนโ์ หลด และรอทาํ การตดิ ต้งั สักครู่ ดังรูปที่ 7.3

รูปท่ี 7.3

7.4 หลังจากทําการ ดาวน์โหลด ติดตง้ั เสรจ็ สน้ิ จะได้ thunkable มาอยู่ใน โทรศพั ท์มอื ถือ
7.4.1 ใหก้ ดเข้าไปใน thunkable เพอ่ื ทําการ Sign in กบั Email ท่ีได้ออกแบบผลงานไปขา้ งต้น
7.4.2 กดไปที่ Sign in with Google เพ่อื ทําการ Sign in
7.4.3 กดดําเนินการต่อ เพ่ือลงชอื่ เข้าใช้
7.4.4 เลือก Email ทไ่ี ดใ้ ช้สรา้ งผลงานไว้ ขา้ งต้น ดงั รูปที่ 7.4

7.4.1

7.4.4
7.4.2

7.4.3

รูปที่7.4
7.4.5 โปรแกรม thunkableจะถามวา่ อนุญาต ใหโ้ ปรแกรม ติดตามหรอื ไม่ ใหก้ ด อนญุ าต ดงั รปู ที่
7.4.5

รูปท่ี 7.4.5

7.5 ลองทดสอบรนั ผลงานท่ไี ด้ออกแบบไว้ขา้ งต้น บนโทรศพั ทม์ ือถอื ดงั รปู ที่ 7.5
รปู ที่ 7.5

ประมวลภาพกจิ กรรม

เปดิ เพลง และแสดงปา้ ยโครงการ ระหว่างรอผเู้ ขา้ อบรม
เช็คช่อื ผเู้ ข้าร่วมอบรม

พิธเี ปดิ
ถา่ ยภาพการเข้ารว่ มโครงการ

นาเสนอตวั อยา่ งงานท่ีใช้ในการอบรม
บรรยายขนั้ ตอนวิธใี ช้งานโปรแกรมเบื้องตน้

ทาการสอนการสรา้ ง Mobile Application
เชค็ งานน้องในขณะทาการบรรยายเพือ่ ท่นี ้องทุกคนจะทนั กับบรรยายปัจจบุ นั

ใหเ้ ขา้ รว่ มการอบรมสง่ ผลงานเพื่อรับของรางวัล
ประกาศผลผูไ้ ด้รบั รางวลั และแสดงภาพของรางวลั

แจกแบบทดสอบหลังอบรม
ตารางแสดงแบบทดสอบของผู้เขา้ ร่วมการอบรม

แจกแบบประเมนิ พงึ พอใจ
ตารางแสดงผลการประเมินความพงึ พอใจของผู้เขา้ ร่วมการอบรม

กลา่ วสรุปผลการอบรม
พิธปี ิด

ตวั อย่างผลงาน





แบบป้ายเปิดโครงการ



แบบป้ายประชาสมั พนั ธ์



แบบปา้ ยฉากหลงั



สรปุ แบบประเมินความพึงพอใจ

สรุปแบบสารวจความพงึ พอใจในการจดั โครงการเรียนรูร้ ่วมกัน สรรค์สรา้ งฅนคอม
หลักสูตร "การสร้าง Mobile App ด้วย Thunkable"
ในวนั พธุ ท่ี 3 พฤศจิกายน 2564

โดยผ่านระบบการประชุมอิเล็กทรอนิกสอ์ อนไลน์ Google Meet
**********************************************************************************

โครงการเรียนรว่ มกนั สรรค์สร้างฅนคอม ในรายวิชาสัมมนาการจัดการสารสนเทศ หลกั สตู ร การ
สร้าง Mobile App ดว้ ย Thunkable ในวันพุธที่ 3 พฤศจกิ ายน 2564 โดย ผา่ นระบบการประชุม
อิเลก็ ทรอนิกส์ออนไลน์ Google Meet ซ่งึ มีผูเ้ ขา้ อบรมจํานวน 30 คน ตอบกลบั แบบประเมินออนไลน์
จาํ นวน 30 คน คิดเป็นร้อยละ 100 ผลการประเมนิ ความพึงพอใจของผฝู้ ึกอบรม เป็นดังน้ี
ตอนที่ 1 ระดบั ความพึงพอใจของผู้เขา้ ร่วมอบรม

หมายเหตุ การแปลความหมาย สีนํา้ เงิน = นอ้ ยท่ีสุด สีแดง = นอ้ ย สีเหลอื งปานกลาง สเี ขยี ว = ดี
สมี ว่ ง = ดีมาก

1.1 ความรู้ที่ไดร้ ับหลังการเข้ารับการอบรม

ผูต้ อบแบบสาํ รวจมคี วามพงึ พอใจด้านความรูท้ ่ีได้รับหลงั การเข้ารบั การอบรมในระดับดีมาก จํานวน
20 คน ระดบั ดี จาํ นวน 7 คน และระดบั ปานกลาง จาํ นวน 3 คน โดยรวมอย่รู ะดบั ดมี าก

1.2 เน้อื หาสาระทีไ่ ด้รบั ตรงกับความตอ้ งการและความสนใจของท่าน

ผตู้ อบแบบสํารวจมคี วามพงึ พอใจด้าน เนอื้ หาสาระที่ได้รับตรงกบั ความตอ้ งการและความสนใจของ
ท่านในระดบั ดีมาก จาํ นวน 17 คน ระดบั ดี จาํ นวน 8 คน และระดบั ปานกลาง จาํ นวน 5 คน โดยรวมอยู่
ระดบั ดีมาก
1.3 เน้ือหาของการอบรมเหมาะสมกับสถานการณใ์ นปัจจบุ นั

ผตู้ อบแบบสํารวจ มคี วามพงึ พอใจด้าน เนอ้ื หาของการอบรมเหมาะสมกบั สถานการณ์ในปัจจุบนั ใน
ระดับดีมาก จาํ นวน 18 คน ระดับดี จํานวน 9 คน ระดับปานกลาง จาํ นวน 2 คน และระดับนอ้ ย จาํ นวน
1 คน โดยรวมอยรู่ ะดบั ดมี าก

1.4 ความเหมาะสมของระยะเวลาทใี่ ช้ในการอบรมในหวั ขอ้ น้ี

ผ้ตู อบแบบสํารวจมคี วามพึงพอใจดา้ นเน้ือหาความเหมาะสมของระยะเวลาทใ่ี ช้ในการอบรมในหัวขอ้
นใี้ นระดับดีมาก จาํ นวน 17 คน ระดับดี จาํ นวน 8 คน และระดบั ปานกลาง จาํ นวน 5 คน โดยรวมอยู่
ระดับ ดมี าก
1.5 ความรู้ที่ได้รับสามารถนาไปใชใ้ หเ้ กิดประโยชนใ์ นการเรียนตอ่ ไปได้

ผตู้ อบแบบสํารวจมีความพึงพอใจดา้ นความรทู้ ่ีได้รับสามารถนาไปใช้ให้เกดิ ประโยชน์ในการเรียน
ต่อไปไดใ้ นหวั ข้อนี้ในระดับดีมาก จํานวน 17 คน ระดับดี จาํ นวน 10 คน และระดบั ปานกลาง จํานวน 3
คน โดยรวมอยรู่ ะดับ ดมี าก