โครงงาน

โครงงานเทคโนโลยี (วิทยาการคำนวณ)
เรื่อง Thunkable

1. นางสาวชญานน์ นั ท์ โดย เลขท่ี 9
2. นางสาวชดุ าณัฐฏ์ รุจกิ รวสิ ิทธ์ิ เลขท่ี 13
3. นายวรทย์ สิบพงศ์ภิญโญ เลขที่ 29
4. นายศวิ ัจน์ วิจิตรวาทการ เลขที่ 32
5. นางสาววิวรรณ พฒั นาพุฒิศกั ด์ิ เลขท่ี 40
ตนั ติวงศ์
ชน้ั มธั ยมศกึ ษาปที ี่ 4 ห้อง 144

รายงานฉบบั น้ีเปน็ สว่ นหนง่ึ ของเทคโนโลยี (วิทยาการคำนวณ) รหสั วิชา ว31104
ภาคเรยี นที่ 2 ปีการศึกษา 2562

โรงเรียนสาธิตมหาวิทยาลยั ศรีนครินทรวโิ รฒ ปทมุ วนั

โครงงานเทคโนโลยี (วทิ ยาการคำนวณ)
เรื่อง Thunkable

1. นางสาวชญาน์นันท์ โดย เลขท่ี 9
2. นางสาวชดุ าณัฐฏ์ รุจกิ รวสิ ิทธ์ิ เลขที่ 13
3. นายวรทย์ สิบพงศ์ภญิ โญ เลขที่ 29
4. นายศวิ ัจน์ วิจติ รวาทการ เลขท่ี 32
5. นางสาวววิ รรณ พัฒนาพฒุ ิศักด์ิ เลขท่ี 40
ตันตวิ งศ์
ชน้ั มธั ยมศึกษาปที ่ี 4 ห้อง 144

อาจารย์ท่ีปรึกษา
อาจารย์ กติ ติศกั ด์ิ นทิ าน
อาจารย์ เทพสริ นิ ทร์ แนวเงนิ ดี

รายงานฉบับนีเ้ ป็นส่วนหนง่ึ ของเทคโนโลยี (วทิ ยาการคำนวณ) รหสั วชิ า ว31104
ภาคเรยี นท่ี 2 ปีการศกึ ษา 2562

โรงเรียนสาธิตมหาวทิ ยาลัยศรนี ครนิ ทรวิโรฒ ปทมุ วัน

ก

บทคดั ยอ่

ชื่อโครงงาน Thunkable

ชอ่ื ผูป้ ฏิบตั โิ ครงงาน ชั้นมธั ยมศกึ ษาปที ี่ 4 หอ้ ง 144

1. นางสาวชญานน์ นั ท์ รจุ ิกรวสิ ทิ ธิ์ เลขท่ี 9
เลขท่ี 13
2. นางสาวชดุ าณัฐฏ์ สิบพงศ์ภิญโญ เลขที่ 29
เลขที่ 32
3. นายวรทย์ วิจติ รวาทการ เลขท่ี 40

4. นายศวิ ัจน์ พฒั นาพุฒิศักด์ิ

5. นางสาวววิ รรณ ตันติวงศ์

อาจารย์ท่ีปรึกษา อาจารย์ กิตตศิ กั ดิ์ นิทาน

อาจารย์ เทพสิรนิ ทร์ แนวเงินดี

บทคดั ย่อ

โครงงานเทคโนโลยี (วิทยาการคำนวณ) เรอื่ ง Thunkable มีวัตถปุ ระสงค์ เพื่อสร้างแอพพลเิ คชัน
สำหรบั มือใหม่ ทใ่ี หเ้ ราสามารถทจี่ ะเข้าไปสร้าง mobile app สวยๆ ใช้งานได้ และมปี ระโยชน์ ตาม slogan
ของเค้าทว่ี ่า “Thunkable enables anyone to create beautiful and powerful mobile apps” แต่
ผสู้ รา้ งโมบายแอปพลเิ คชนั สามารถแสดงถึงแนวคิดการเขียนโปรแกรมเปน็ บล็อก ได้โดยงา่ ยดว้ ยภาษาอังกฤษ
อยา่ ง แตต่ ้องมกี ารฝกึ ฝนเครอื่ งมือและชดุ คำสั่งใหค้ ล่องและปฏิบตั ิการดา้ นโปรแกรมทดลองแยกออกเป็นสว่ นๆ

สำหรบั ผู้ใช้งานน้นั สามารถตดิ ตง้ั บนสมาร์ทโฟนทใี่ ชร้ ะบบปฏบิ ัติการ Android, iOS โดยเคร่ืองมอื ทใ่ี ช้
ในการสรา้ งน้ัน นอกจากเครอ่ื งมอื พน้ื ฐานแล้ว ยงั มีการเชื่อมตอ่ ไปยงั ผลิตภณั ฑ์จาก Google , Twitter และ
Microsoft โดยชุดคำสัง่ หลงั จากท่ีออกแบบหนา้ จอด้วยเครอื่ งมอื ตา่ ง ๆ Thunkable คอื เว็บไซตท์ ใี่ หเ้ รา
สามารถสร้างโมบายแอปพลเิ คชัน สวยๆ ใช้งานได้ และมีประโยชน์ โดยสามารถเขา้ ไปทดลองใชง้ านไดท้ ่ี
https://thunkable.com

ข

กติ ติกรรมประกาศ

โครงงานเทคโนโลยี (วทิ ยาการคำนวณ) เรอ่ื ง Thunkable นี้ สำเร็จลุล่วงไปดว้ ยดี เป็นผลมาจากการให้
ความอนเุ คราะหจ์ ากคณาจารย์ และผปู้ กครองของสมาชิกในกลุม่ ในการแนะนำ การให้คำปรึกษา และแกไ้ ข
ขอ้ บกพร่องในสว่ นตา่ งๆ คณะผู้จดั ทำมีความรูส้ ึกขอบคณุ และสำนึกในพระคณุ ของบุคคลตา่ งๆอยา่ งยง่ิ ทีใ่ ห้ความ
อนุเคราะห์ ณ โอกาสน้ี ขอขอบพระคณุ ทกุ ๆทา่ น ดงั นี้

กราบขอบพระคณุ อาจารย์ กิตติศักด์ิ นทิ าน และอาจารย์ เทพสิรินทร์ แนวเงินดี อาจารยท์ ป่ี รกึ ษา
โครงงานที่ได้ใหค้ วามรู้ คำแนะนำ และเสียสละเวลาในการให้คำปรึกษาเก่ียวกบั การทำโครงงาน และแอปพลเิ คชัน

กราบขอบพระคณุ ผปู้ กครองของสมาชกิ ในกลมุ่ ทุกทา่ น ที่ใหค้ ำปรกึ ษา และแรงผลกั ดันที่ สง่ เสริมในการ
ทำโครงงานครงั้ นี้

อีกทัง้ กราบขอบพระคุณ ผเู้ ปน็ เจา้ ของเอกสารงานวิจยั และข้อมลู ทค่ี ณะผูจ้ ัดทำไดศ้ ึกษาค้นคว้า
และนำมาอ้างอิงในการทำโครงงาน จนทำให้โครงงานสำเรจ็ ลุล่วงไปด้วยดี

สุดทา้ ยน้ี ขอขอบคณุ สมาชิกในกล่มุ ทุกคนท่ไี ดใ้ ห้ความรว่ มมือ และเสยี สละเวลาในการทำโครงงานคร้ังน้ี
จนประสบความสำเรจ็ อยา่ งสมบูรณ์

คณะผ้จู ดั ทำโครงงาน

สารบัญ ค

บทที่ หน้า
บทคัดย่อ ก
กิตติกรรมประกาศ ข
สารบัญ ค
1
บทท่ี 1 บทนำ 1
1.1 ท่ีมาและความสำคญั ของโครงงาน 1
1.2 วตั ถุประสงค์ของโครงงาน 2
1.3 ขอบเขตของโครงงาน 2
1.4 ประโยชนท์ ีค่ าดวา่ จะไดร้ ับ 3
3
บทที่ 2 เอกสาร และงานทีเ่ ก่ยี วขอ้ ง 3
2.1 เว็บไซต์ Thunkable 4
2.2 การสรา้ งแอปพลิเคชนั จาก Thunkable 5
2.3 เคร่ืองมือท่ใี ชใ้ นการสร้างแอปพลิเคชนั 12
2.4 ตวั แปร 13
14
บทที่ 3 วธิ ีปฏบิ ตั โิ ครงงาน 14
3.1 แผนการดำเนินโครงงาน 16
3.2 ขน้ั ตอนการดำเนนิ โครงงาน 17
3.3 ขั้นตอนการรวบรวมขอ้ มลู 18
3.4 วสั ดุ อุปกรณ์ เคร่ืองมอื หรอื โปรแกรมทีใ่ ช้ในการดำเนนิ โครงงาน 18
3.5 Flowchart การทำงานของแอปพลเิ คชนั 20
22
บทท่ี 4 ผลการปฏบิ ัติโครงงาน
4.1 ข้ันตอนการออกแบบแอปพลเิ คชนั
4.2 ขั้นตอนการทำงาน
4.3 ขั้นตอนการทดสอบแอปพลเิ คชนั ผ่านมือถอื

สารบัญ(ต่อ) ง

บทที่ หน้า
บทที่ 5 สรปุ ผลการปฏิบตั โิ ครงงาน ประโยชน์ท่ไี ด้รบั และข้อเสนอแนะ 23
23
5.1 วตั ถุประสงค์โครงงาน 23
5.2 ประโยชน์ท่ีคาดว่าจะไดร้ ับ 24
5.3 ปญั หาท่ีประสบในการดำเนนิ การ 24
5.4 ผลการดำเนินโครงงาน 24
5.5 ความอภปิ รายผล 25
5.6 ขอ้ เสนอแนะ 26
เอกสารอ้างอิง

1

บทท่ี 1
บทนำ

1.1 ท่มี าและความสําคญั

ในยุคท่ีเทคโนโลยีเข้ามามีบทบาทในสังคมเป็นอยา่ งมาก เราจงึ คดิ คน้ แอปพลิเคชนั ท่ีเหมาะสมในยุค
ปจั จุบัน เพื่อเข้าชว่ ยพัฒนาในด้านเทคโนโลยีและด้านการศึกษาควบคกู่ ันไปด้วย เพ่ือส่งเสรมิ ใหเท้ คโนโลยมี
บทบาททส่ี ำคญั ในสถานศกึ ษาและชีวิตประจำวนั และในปัจจุบนัแอปพลิเคชันกม็ ีบทบาทมากมายในชีวติ ประจำวัน
ไมว่ ่าจะเป็นแอปพลเิ คชันดา้ นความบันเทงิ แอปพลิเคชัน ดา้ นการศึกษาและตา่ งๆอกี มากมายและในการสรา้ ง แอป
พลเิ คชัน กต็ ้องอาศยั ความรู้ความสามารถไม่ใช่น้อย ทั้งในด้านความชำนาญ และความร้ใู นด้านการทำแอปพลิเค
ชนั ซ่ึงก็มีคนจำนวนไม่น้อยที่อยากลองสรา้ งแอปพลิเคชนั ของตวั เองขึ้นมาแตไ่ มม่ ีความรพู้ นื้ ฐานในการสร้างแอป
พลิเคชันจงึ ไมก่ ล้าลงมอื ทำ เพราะกลัวจะเสยี เวลาและผลงานจะออกมาไดไ้ ม่ดีหรอื อาจจะไม่สำเร็จ เพราะคนบาง
คนท่ีไมไ่ ด้มีความรดู้ ้านน้ีอาจจะไปกังวลในการเขียนโค้ด หรอื การออกแบบทำให้ผู้ที่สนใจในการใช้ โปรแกรมท่ี
สามารถใช้สร้างแอปพลเิ คชันขึน้ มาได้ไม่ยากน่ันก็คอื โปรแกรม Thunkable เพื่อให้ผู้ท่ีสนใจในการสรา้ งแอปพลิเค
ชนั ผ่านตวั โปรแกรม Thunkable ได้ศึกษาผา่ นแอปพลเิ คชันของเรากอ่ นลงมอื ปฏบิ ัติจริง

ดงั นน้ั แอปพลิเคชนั เราสรา้ งข้ึนมาเพ่อื ชว่ ยให้ผทู้ ี่สนใจในการสร้างแอปพลิเคชันแต่ยงั ไม่มพี ้ืนฐานใน การ
สร้างแอปพลิเคชันไดศ้ ึกษากอ่ นลงมอื ปฏิบัตจิ รงิ ในการสรา้ งแอปพลเิ คชันผ่านโปรแกรม Thunkable และเราหวัง
วา่ แอปพลิเคชันนี้จะเป็นประโยชนก์ ับผู้ใช้จะได้รบั ความเข้า ใจและประโยชน์กับคณะผูจ้ ดั ทำที่จะไดพ้ ัฒนาฝีมอื ใน
การสรา้ งแอปพลเิ คชันอืน่ ๆ และสามารถตอ่ ยอดเพื่อเป็นประโยชน์ในการศึกษาต่อไปในระดับการศึกษาที่สูงกว่า
และยังสามารถนำไปใช้ในการประกอบอาชีพในอนาคตได้อกี ดว้ ย

1.2 วัตถปุ ระสงคข์ องโครงงาน

1.2.1. เพ่ือสง่ เสรมิ การใช้โปรแกรม Thunkable ในการสรา้ งแอปพลิเคชันใหเ้ กิดประโยชน์
1.2.2. เพอื่ ใหผู้ใช้งานแอปพลิเคชันได้มีความรู้พ้ืนฐานเกี่ยวกับการสรา้ งแอปพลิเคชันโดยใช้โปรแกรม
Thunkable มากข้ึน

2

1.2.3. เพ่ือนำความรทู้ ่ีได้จากการเรียนในระดับประกาศนียบัตรวชิ าชีพสาขาวิชาเทคโนโลยี สารสนเทศมา
ประยุกต์ใช้ในการทำโครงการเรอ่ื งแอปพลิเคชันส่ือการเรียนการสอนการใช้งานโปรแกรม Thunkable

1.3 ขอบเขตของโครงงาน

1.3.1 เคร่ืองมอื ที่ใชใ้ นการศึกษา
แบบประเมนิ ความพงึ พอใจในการใชแ้ อปพลเิ คชัน

1.3.2 ระยะเวลาทำโครงงาน
ระหวา่ งวนั ท่ี 29 มกราคม 2563 – 12 กมุ ภาพันธ์ 2563

1.3.3 สถานทที่ ใ่ี ช้สาหรับทำโครงงาน
โรงเรยี นสาธิตมหาวทิ ยาลัยศรนี ครินทรวิโรฒ ปทุมวัน

1.3.4 งบประมาณ / ทรพั ยากรท่ีใช้
เวบ็ ไซต์ https://thunkable.com/

1.4 ประโยชน์ทีค่ าดว่าจะไดร้ ับ

1.4.1. ให้ผู้ใช้แอปพลิเคชนั สามารถใช้งานโปรแกรม Thunkable ได้อย่างถูกตอ้ ง
1.4.2. ให้ผู้ใช้งานแอปพลิเคชันได้มีความรู้พน้ื ฐานในการสร้างแอปพลเิ คชันผ่านโปรแกรม Thunkable
1.4.3. เพื่อนำความรทู้ ไ่ี ด้จาการเรียนในระดับประกาศนียบัตรวิชาชพี สาขาวิชาเทคโนโลยี สารสนเทศมา
ประยุกตใ์ ช้ในการทำโครงการเรอื่ งแอปพลเิ คชันสอื่ สารการเรียนการสอนการ ใช้งานโปรแกรม Thunkable

3

บทท่ี 2
เอกสาร และงานทเ่ี กีย่ วข้อง

ในการศึกษาผลงานทเี่ กยี่ วข้องกบั แอปพลิเคชันสอ่ื การเรียนการสอนการใช้งานโปรแกรม Thunkable
โดยใช้โปรแกรม Thunkable ซ่ึงนับวา่ เป็นองค์ประกอบหน่ึงทม่ี ีความสำคญั มากจะทำให้โครงงานมคี วามครบถ้วน
สมบรู ณ์มากขนึ้

2.1 เวบ็ ไซต์ Thunkable

2.1.1 ความหมายของ Thunkable
Thunkable เปน็ เคร่ืองมอื สร้างโมบายแอปพลเิ คชัน เพ่ือตดิ ตัง้ บนสมารท์ โฟน ที่ใช้

ระบบปฏิบตั ิการ Android, iOS โดยเคร่อื งมือทใ่ี ช้ในการสร้างนนั้ นอกจากเคร่อื งมอื พ้ืนฐานแล้ว ยังมี
การเชือ่ มตอ่ ไปยังผลติ ภณั ฑ์จาก Google , Twitter และ Microsoft โดยชดุ คาสงั่ หลงั จากทอี่ อกแบบ
หนา้ จอด้วยเครือ่ งมอื ต่าง ๆ สามารถสรา้ งโมบายแอปพลิเคชัน ทส่ี วยงาม ใช้งานได้ และมีประโยชน์ ตาม
แนวคิด “Thunkable enables anyone to create beautiful and powerful mobile apps” ซ่งึ
แปลว่า Thunkable อนญุ าตให้ทุกคนสร้างแอปพลิเคชันในโทรศพั ทท์ สี่ วยงาม และมปี ระสิทธภิ าพ
สามารถเขา้ ไปทดลองใช้งานไดท้ ่ี https://thunkable.com

2.2 การสรา้ งแอปพลิเคชัน จาก Thunkable

2.2.1 เขา้ ใช้งานโดยใช้ผใู้ ชง้ านจาก Google
2.2.2 สรา้ งแอปพลเิ คชันจากข้นั พื้นฐานถึงขนั้ สงู ได้
2.2.3 สามารถติดตั้งบนระบบปฏิบัติการ Android และ ระบบปฏบิ ัตกิ าร iOS ได้
2.2.4 สามารถนาข้ึน ดว้ ย Google Play Store สาหรับระบบปฏิบตั กิ าร Android และ ขึ้น App Store

สำหรบั ระบบปฏิบตั กิ าร iOS ได้

4

2.3 ทฤษฎีเกีย่ วกบั แอนดรอยด์

แอนดรอยด์ (อังกฤษ:Android) เป็นระบบปฏบิ ัติการทีม่ พี ื้นฐานอยู่บนลนิ ุกซใ์ นอดตี ถกู ออกแบบมา
สำหรบั อุปกรณท์ ี่ใช้จอสมั ผัส เชน่ สมาร์ทโฟนและแทบ็ เลต็ คอมพวิ เตอร์ปัจจบุ ันได้ แพร่ไปยังอุปกรณห์ ลายชนิด
เพราะเป็นมาตรฐานเปิดเช่น Nikon S800C กล้องดจิ ติ อลระบบแอนดรอยด์หม้อหงุ ขา้ ว Panasonic ระบบแอน
ดรอยด์ และSmartTVระบบแอนดรอยด์รวมถึงกลอ่ ง เสยี บตอ่ TV ทำให้สามารถใช้ระบบแอนดรอยด์ได้ด้วย
Android Wear นาฬกิ าข้อมือระบบ

แอนดรอยด์เป็นตน้ คดิ คน้ และพัฒนาโดยบริษัทแอนดรอยด์ (Android,Inc.) ซ่ึงต่อมากูเกลิ ไดท้ ำการซื้อตอ่
บรษิ ัทในปี พ.ศ.2548 แอนดรอยด์ถกู เปิดตวั เม่ือปี พ.ศ.2550 พรอ้ มกับการ ก่อตง้ั โอเพนแฮนด์เซตอัลไลแอนซ์
ซึ่งเปน็ กล่มุ ของบรษิ ัทผลิตฮาร์ดแวร,์ ซอฟต์แวร์ และการสือ่ สารคมนาคมทร่ี ่วมมือกันสรา้ งมาตรฐานเปิดสำหรบั
อุปกรณพ์ กพาโดยสมาร์ทโฟนทใ่ี ช้ ระบบปฏิบัติการแอนดรอยด์เครื่องแรกของโลกคือ เอชทซี ี ดรมี วางจำหนา่ ย
เมอ่ื ปี พ.ศ. 2551

แอนดรอยดเ์ ปน็ ระบบปฏิบัติการโอเพนซอรซ์ และกูเกิลไดเ้ ผยแพร่ภายใต้ลิขสิทธิ์อาปาเช ซ่ึงโอเพนซอร์
จะอนุญาตให้ผู้ผลิตปรบั แต่งและวางจำหน่ายได้ (ภายใต้เงือ่ นไขที่กูเกิลกำหนด) รวมไปถึงนักพฒั นาและผู้ให้บริการ
เครือขา่ ยด้วย อกี ทั้งแอนดรอยด์ยงั เปน็ ระบบปฏบิ ัตกิ ารท่ีรว่ มกนั พัฒนาที่เขยี นโปรแกรมประยุกตม์ ากมาย ภายใต้
ภาษาจาวาในเดอื นตลุ าคม พ.ศ. 2555 มีโปรแกรมมากกว่า 700,000 โปรแกรมสำหรับแอนดรอยด์ และยอดดาวน์
โหลดจากกูเกิลเพลย์ มากถึง 2.5 หมื่นล้านคร้ังจากการสำรวจในช่วงเดือน เมษายน ถึง พฤษภาคม ในปี พ.ศ.
2556 พบว่าแอนดรอยดเ์ปน็ ระบบปฏิบัติการท่นี ักพฒั นาเลือกที่จะพัฒนาโปรแกรมมากทีส่ ุดถงึ 71%

ปัจจัยเหลา่ น้ีทำให้แอนดรอยด์เป็นระบบปฏบิ ัตกิ ารท่ีใชก้ ันอย่างแพร่หลายในปจั จุบันนำหน้าซิมเบียนใน
ไตรมาสท4ี่ ของปี พ.ศ.2553 และยังเป็นทางเลือกของผ้ลู ติ ที่จะใช้ซอฟแวร์ ท่ีมรี าคาต่ำตอบสนองความต้องการของ
ผ้ใู ช้ไดด้ ีสำหรบั อุปกรณ์ในสมัยใหม่แม้ว่าแอนดรอยด์จะดูเหมอื นได้รับการพัฒนาเพ่ือใช้กบั สมาร์ทโฟนและแท็บ
เล็ต แต่มันยงั สามารถใช้ไดก้ ับโทรทศั น์,เคร่อื งเลน่ วดี ีโอเกม,กลอ้ งดจิ ิทัล และอปุ กรณ์อิเลก็ ทรอนิกสอ์ ่ืน ๆ
แอนดรอยด์เป็นระบบเปิด ทำให้นักพัฒนาสามารถพัฒนาคณุ สมบัติใหม่ๆได้ตลอดเวลา

5

2.4 เครอื่ งมอื ทใี่ ช้ในการสร้างแอปพลเิ คชัน

2.4.1. เคร่อื งมอื ท่ีน่าสนใจใน Thunkable

2.4.1.1. Media

- Speech Recognizer เป็นการรู้จำเสยี งพดู จาก Google

- Text-to-Speech การแสดงเสยี งจากขอ้ ความ จาก Google

2.4.1.2. Sensor

- Accelerometer ใช้งานดา้ นความเร่ง

- Barcode Scanner ใชง้ านดา้ นเครื่องอา่ นบาร์โค้ด

- Clock ใช้งานดา้ นเวลา

- Gyroscope ใช้งานดา้ นวัดการหมนุ

- Location Sensor ใชง้ านดา้ นตำแหน่ง

- NFC Sensor ใช้งานด้านเทคโนโลยสี ่ือสารไร้สายระยะใกล้

- Orientation Sensor ใชง้ านด้านการปรบั ของสมาร์ตโฟน

- Pedometer ใชง้ านด้านการนับกา้ ว

- Proximity Sensor ใช้งานด้านวัดความใกล้ชดิ

6

2.4.1.3. Social

- Twitter เปน็ การใชบ้ ริการสังคมออนไลน์ของ Twitter

2.4.1.4. Visualization

- Google Maps เป็นการใช้บริการดา้ นแผนทข่ี อง Google

2.4.1.5. Artificial Intelligence

- Emotion Recognizer เป็นการวเิ คราะหอ์ ารมณ์ ของ Microsoft

- Image Recognizer เปน็ การวิเคราะห์ภาพ ของ Microsoft

2.4.1.5 LEGO MINDSTORMS
- สำหรับควบคมุ อุปกรณ์หนุ่ ยนต์ LEGO

2.4.1.6. Experimental

- Firebase DB เป็นการตดิ ตอ่ กับฐานขอ้ มลู Firebase ของ Google

- Spreadsheets เปน็ การติดต่อไฟลต์ ารางทำการออนไลน์ ของ Google

2.4.2. นำ Thunkable ไปใชส้ รา้ งโมบายแอปพลิเคชนั อะไรได้บา้ ง

- โปรแกรมคำนวณตัวเลขอยา่ งงา่ ย - โปรแกรมสมุ่ ตัวเลข

- โปรแกรมฝกึ เขียนตัวอกั ษร - โปรแกรมฝึกวาดภาพ

- โปรแกรมประยุกต์ดา้ นงานตา่ งๆ ทใ่ี ชฐ้ านข้อมูล 7
- โปรแกรมวิเคราะห์อารมณ์ - โปรแกรมนับการเดนิ

ภาพท่ี 2 ตัวอย่างโปรแกรมวเิ คราะหแ์ ละแสดงเสยี ง
ทม่ี า มาโนชญ์ แสงศิริ

8

ในการสรา้ งแอปพลเิ คชนั ของโครงงานเทคโนโลยี (วิทยาการคำนวณ) เรอื่ ง Thunkabel จะต้องใช้
เคร่ืองมือในเว็บไซต์ Thunkable ดงั นี้

2.4.3. Alert เปน็ ส่วนประกอบสำหรบั การแสดงข้อความสำคัญในขณะทีผ่ ใู้ ชอ้ ยใู่ นแอปพลิเคชัน
2.4.4. One button alert เปน็ การแจง้ เตือนที่จะแสดงข้อความ และมีปุม่ กดเพยี งปมุ่ เดียว เพอ่ื ยืนยนั วา่
ผ้ใู ช้ไดร้ บั ขอ้ ความ

คณุ สมบัติ ภาพท่ี 1 รปู One button alert
หัวขอ้ ท่ีมา https://docs.thunkable.com/alert
ขอ้ ความ ในการสรา้ งปุ่ม โดยเข้าไปในคณุ สมบตั ิอยา่ งง่าย สามารถใชบ้ ล็อกตง้ั คา่ ดงั นี้
ปมุ่ ยนื ยัน
ปุ่มยกเลิก คำบรรยาย

หวั ขอ้ ของ Alert

ขอ้ ความของ Alert

ข้อความของปมุ่

ปลอ่ ยวา่ ง
ตารางท่ี 1 ตารางคำบรรยายคณุ สมบตั ิของ One button alert
2.4.5. Two button alert มี 2 ปมุ่ โดยปุ่มแรกสำหรับยกเลิกการแจ้งเตือน และอกี ปุ่ม

9

ภาพท่ี 2 รปู Two button alert
ทม่ี า https://docs.thunkable.com/alert
คณุ สมบัติ คำบรรยาย
หวั ขอ้ หวั ข้อของ Alert
ขอ้ ความ ขอ้ ความของ Alert
ปุ่มยืนยัน ขอ้ ความของปมุ่ ขวา
ปุ่มยกเลิก ขอ้ ความของป่มุ ซ้าย
ตารางท่ี 2 ตารางคำบรรยายคณุ สมบัตขิ อง Two button alert
สามารถวางบลอ็ กในการทำฟังกช์ ัน Alert ไดด้ งั นี้

ภาพที่ 3 รูปการวางบลอ็ กในการทำฟังกช์ นั Alert
ท่มี า https://docs.thunkable.com/alert

10

2.4.6. Alert with three or more buttons คือ การใช้คณุ สมบตั ขิ ้นั สงู สามารถเพิม่ ปุ่มลงไป ในการแจง้
เตอื น สำหรบั กรณกี ารใชท้ ่ซี ับซอ้ นยง่ิ ขึ้น

ภาพท่ี 4 รปู Alert with three or more buttons
ทม่ี า https://docs.thunkable.com/alert

คุณสมบัติ คำบรรยาย

หวั ขอ้ หวั ข้อ Alert

ข้อความ ข้อความของ Alert

ขอ้ ความ(ปุ่ม) ข้อความของปมุ่

รูปแบบ รูปแบบของปมุ่

ตารางท่ี 3 ตารางคำบรรยายคุณสมบัติของ Alert with three or more buttons

2.4.7. Realtime DB by Firebase
Firebase เปน็ ตวั เลอื กในการเก็บข้อมูลที่มปี ระโยชน์

2.4.8. ต้งั คา่ บัญชี firebase
Thunkable สามารถสรา้ งบัญชี firebase แบบทดลอง เมอื่ ดาวน์โหลดแอปพลิเคชันเสร็จ

แล้วให้เช่อื มต่อแอปกับบญั ชี firebase

11

2.5ตัวแปร

2.5.1. ความหมายของตวั แปร

ตัวแปร คอื ชื่อทีใ่ ช้แทนขอ้ มลู ขณะใดขณะหนงึ่ ในข้ันตอนวิธี ในการเขยี นขัน้ ตอนวธิ อี าจจะระบุ

วา่ ใหก้ ำหนดค่าให้กบั ตัวแปร หรอื อาจใช้สัญลกั ษณ์ ในการเขยี น

2.5.2. สญั ลกั ษณ์ที่ใชใ้ นการเขยี นข้นั ตอนวธิ ี

2.5.2.1 <—, :=, <--, = หมายถงึ การกำหนดค่าให้ตวั แปร

2.5.2.2 !, ~, ¬ หมายถงึ นเิ สธ

2.5.2.3 !=, <> หมายถึง การไม่เท่ากนั

2.5.2.4 >= หมายถึง การเปรยี บเทียบมากกว่าหรือเท่ากบั

2.5.2.5 <= หมายถงึ การเปรียบเทียบน้อยกว่าหรอื เท่ากบั

2.5.2.6 **, ^ หมายถงึ การยกกำลัง

12

บทที่ 3
วิธีปฏิบัตโิ ครงงาน

ในการปฏิบตั โิ ครงงานเทคโนโลยี (วทิ ยาการคำนวณ) เรื่อง Thunkabel มีขัน้ ตอนการดำเนินการ
การรวบรวมขอ้ มูล วัสดุ อปุ กรณ์ เครอ่ื งมอื หรอื โปรแกรมทีใ่ ช้ในการดำเนินโครงงานและFlowchart ของ
แอปพลิเคชนั ดงั น้ี

ขนั้ ตอนในการดำเนินโครงงาน แบ่งออกเปน็ ดังนี้
3.1 แผนการดำเนนิ โครงงาน
3.2 ขน้ั ตอนการดำเนินโครงงาน
3.3 ขนั้ ตอนการรวบรวมข้อมลู
3.4 วสั ดุ อุปกรณ์ เครอ่ื งมือ หรอื โปรแกรมท่ีใช้ในการดำเนนิ โครงงาน
3.5 Flowchart การทำงานของแอปพลเิ คชนั

13

3.1 แผนการดำเนนิ โครงงาน

ลำดับที่ งานทป่ี ฏบิ ัติ ผ้รู ับผดิ ชอบ เดือน/สปั ดาห์

มกราคม กมุ ภาพนั ธ์

45 1 2

1 ประชมุ ปรกึ ษาหาหัวขอ้ ครั้งท่ี 1 *ทุกคน

2 หาข้อมูลเพม่ิ เติมเก่ียวกับโครงงาน ชญาน์นนั ท์ *

3 ประชมุ ปรกึ ษาหาหัวข้อคร้ังท่ี 2 *ทกุ คน

4 ออกแบบ และทาแอปพลิเคชัน ชดุ าณัฐฏ์ *

5 ทดสอบ และปรับปรุงแอปพลเิ คชนั *วรทย์

6 ออกแบบแบบสอบถามแอปพลเิ คชนั ศิวจั น์ *

7 เผยแพร่แอปพลิเคชัน และให้ผใู้ ช้ประเมนิ ทกุ คน *

8 วเิ คราะหส์ ำหรบั นำเสนอ *ววิ รรณ

9 จัดทำรายงาน และโปสเตอรข์ องโครงงาน วิวรรณ *

10 นำเสนอโครงงาน และแอปพลเิ คชัน ทุกคน **

ตารางที่ 4 ตารางแผนการดำเนินงาน

14

3.2 ข้ันตอนการดำเนินโครงงาน

การวางแผนและการเตรียมการ เริม่ เมอ่ื คณะกรรมการพิจารณาโครงงานในเสนอหัวข้อโครงงานในภาค
เรยี นท่1ี ทางกล่มุ ผู้จัดทำได้นำเสนอหัวข้อโครงงานแอปพลิเคชันสอ่ื การเรยี นการสอนการใช้งานโปรแกรม
Thunkable ซ่ึงมีลำดับขน้ั ตอนตา่ ง ๆ ในการดำเนนิ การดังตารางท่ี 3.1
3.2.1 การวางแผนการทำโครงงาน

3.2.1.1 เสนอหัวขอ้ โครงงานกับ อาจารย์ กิติศกั ด์ิ นทิ าน,อาจารย์ เทพสริ นิ ทร์ แนวเงินดี
3.2.1.2 หาข้อมูลเพ่ิมเติม เรื่องความเปน็ มาของแอปพลิเคชัน
3.2.1.3 อนุมมัติโครงงาน โดยอาจารย์ กิติศักด์ิ นทิ าน,อาจารย์ เทพสิรนิ ทร์ แนวเงินดี
3.2.1.4 เขยี นโครงงานบทท่ี 1-2
3.2.1.5 ศึกษาแบบและข้อมูล โคยศึกษาตามเว็บไซตต์ า่ งๆเปน็ ต้น
3.2.1.6 ออกแบบโดยจัดทำ Sitemap หรอื StoryBoardขนึ้ มา
3.2.1.7 วางแผนการปฏิบัติงานโดยจัดลำดับก่อนและหลังการปฏิบัติงาน
3.2.1.8 ส่งโครงงานบทท่1ี -2 ให้อาจารย์ กิตศิ กั ดิ์ นิทาน,อาจารย์ เทพสริ ินทร์ แนวเงินดี
3.2.1.9 ศึกษาโปรแกรมและการใช้งานของโปรแกรม Thunkable
3.2.1.10 เรมิ่ ดำเนนิ การสร้างแอปพลเิ คชันหนา้ แรก
3.2.1.11 เริม่ ทำหน้าลอ็ กอนิ ของแอปพลเิ คชัน
3.2.1.12 ใสข่ ้อมลู เนือ้ หา
3.2.1.13 จัดทำหน้าแบบทดสอบ
3.2.1.14 จัดทำหน้ารวมคะแนนให้กับแอปพลเิ คชัน
3.2.1.15 ตกแตง่ ส่วนต่าง ๆ ในแอปพลเิ คชันให้สวยงามและเรียบรอ้ ย
3.2.1.16 ทดลองใช้แอปพลิเคชัน
3.2.1.17 ตดิ ต้ังลงบนสมาร์ทโฟนในระบบ Android และ IOS
3.2.1.18 เขียนโครงงานบทท่ี 3-5 โดยนำข้อมูลที่ได้จากการสรา้ งแอพฯ ,การออกแบบ,ผลการทดลอง
แอพฯ ,การนำปญั หาทป่ี ระสบในการดำเนินโครงงานและขอ้ เสนอแนะตา่ งๆมาเรยี งให้ได้ใจความท่สี มบรู ณ์
3.2.1.19 ส่งโครงงานบทที่ 1-5 โดยให้อาจารย์ กิติศักด์ิ นิทาน,อาจารย์ เทพสิรนิ ทร์ แนวเงินดี เปน็ ผ
ตรู้ วจสอบความถกู ต้อง
3.2.1.20 ย่ืนขอสอบโครงงานหลังจากทฤษฎีบทที่ 1-5 ได้ผ่านการตรวจสอบความถูกตอ้ งแล้ว

15

3.2.1.21 อนุมัตสิ อบโครงงาน
3.2.1.22 สอบโครงงานเป็นการนำเสนอเน้ือหาตา่ งๆ ในบทท่ี 1-5 กับคณะกรรมการสอบโครงงานให้
ทราบข้อมลู ตา่ งๆ ที่เก่ียวข้องกับการทำโครงงานนี้
3.2.1.23 สง่ โครงงาน โดยนำเน้ือหาบทท่ี 1-5 มาเขา้ เลม่ แล้วนำไปใหกับคณะกรรมการสอบโครงงานไว้
เป็นตวั อย่างในการศึกษาและเปน็ หลักฐาน
3.2.2 การเตรียมการ
3.2.2.1 ศกึ ษาโปรแกรมThunkable
3.2.2.2 วางแผนการทำงาน
3.2.2.3 กำหนดขอบเขตการทำงานของแอปพลิเคชัน
3.2.2.4 กำหนดประโยชน์ที่คาดว่าจะได้รับจากแอปพลิเคชัน
3.2.2.5 กำหนดค่าใช้จ่ายของการทำโครงงาน
3.2.2.6 กำหนดขน้ั ตอนการดำเนนิ การ
3.2.2.7 กำหนดรูปแบบของแอปพลิเคชัน
3.2.2.8 เริม่ สร้างแอปพลเิ คชัน

16

3.3 ขน้ั ตอนการรวบรวมข้อมูล

3.3.1 ดำเนนิ การศกึ ษาขอ้ มลู ปัญหาจากรายงานกรณีศึกษาปัญหา การใช้งาน Thunkabel เพอื่ สรา้ งแอป
พลเิ คชนั

3.3.2 ดำเนินการหา function ของโปรแกรมในการสรา้ งแอปพลิเคชนั จากเวบ็ ไซต์
https://thunkable.com/#/

3.4 วัสดุ อปุ กรณ์ เครอื่ งมอื หรอื โปรแกรมท่ีใชใ้ นการดำเนนิ โครงงาน

3.4.1 คอมพิวเตอร์
3.4.2 เว็บไซต์ https://thunkable.com/#/ 3.4.3 โทรศัพทส์ มารท์ โฟน
3.4.5 Google forms
3.4.6 Google slide
3.4.7 Microsoft Office word 2013
3.4.8 เว็ปไซต์ https://draw.io

17

3.5 Flowchart การทำงานของแอปพลเิ คชัน

18

บทที่ 4
ผลการศกึ ษา

ผลการศกึ ษาทำใหเ้ ราไดร้ ู้ถงึ การทำงานร่วมกนั เป็นกลุ่มตอ้ งสามัคคกี ันในการวิเคราะห์ และออกแบบ
ตลอดจนถงึ ขั้นตอนการทำงานแตล่ ะขนั้ ตอนวา่ มอี ะไรบ้างในทีน่ ี่ทางคณะผู้จัดทำจะกล่าวถึงผลของการศึกษา
ขอ้ มูล และผลท่ีไดร้ บั อย่างละเอยี ดแบ่งออกเปน็ ดังน้ี
4.1 ขน้ั ตอนการออกแบบแอปพลิเคชัน
4.2 ขนั้ ตอนการทำงาน
4.3 ขนั้ ตอนการทดสอบแอปพลเิ คชันผา่ นมอื ถอื

4.1 ขั้นตอนการออกแบบแอปพลเิ คชัน

ขนั้ ตอนนี้ผู้จัดทำเรยี บเรียงความสำคัญของงานเพ่อื ใหท้ ำงานได้อย่างรวดเร็ว ขั้นตอนการ ออกแบบมดี ังนี้
4.1.1 แนวคดิ ทีท่ างคณะผู้จดั ทำได้เรมิ่ ออกแบบ เริม่ จากค้นหาโปรแกรมท่ีใช้แอปพลเิ คชันเป็นโปรแกรม
Adobe Photoshop CC 2018 ซ่งึ เหมาะสำหรบั การออกแบบและพัฒนาแอปพลิเคชัน ทางคณะผู้จัดทำได้คดิ
ออกแบบแอปพลิเคชันออกแบบการเรียนการสอนการใช้งานโปรแกรม Thunkable ให้ผู้ท่ีตอ้ งการศึกษาได้รู้
เกย่ี วกับการสรา้ งแอปพลเิ คชันเบือ้ งต้นโดยใช้โปรแกรมThunkableX

19

รูปที่ 4.1หน้าหลักแอปพลเิ คชัน
หน้าแรกของแอปพลิเคชันหลังจากทก่ี ดไอคอนแอปพลิเคชันเขา้ มาแล้วจะมีหน้าโลโกข้ นึ้ มา
4.1.2 การคิดและออกแบบ แอปพลิเคชันในการเร่ิมตน้ คิดการออกแบบ คณะผู้จัดทำได้ ทำการค้นหา
ข้อมูล ตา่ งๆตามเวบ็ ไซต์ และค้นหาอุปกรณ์ ทจ่ี ะไดใ้ ช้เพอ่ื สอดคลอ้ งกับแอปพลเิ คชนั คณะผู้จัดทำได้
ออกแบบหนา้ แอปพลเิ คชันไว้มีดงั นี้
1. หนา้ ลอ็ กอนิ
2. หนา้ เขา้ สู่เมนหู ลัก
3. หน้าเมนเลู อื กเขา้ บทเรียนการใช้งานเบ้ืองตน้ และBlocksท่จี ำเป็น
4. หน้าเมนเู ลือกเข้าเมนูตอบคำถามแบบ4ตัวเลอื ก
5. หน้าตดิ ตอ่ สอบถาม

20

4.2ขนั้ ตอนการทำงาน

ขน้ั ตอนการทำงานนัน้ กล่าวถงึ ขนั้ ตอนในการทำงานตั้งแตต่ ้นว่ามีขนั้ ตอนอะไรบา้ ง
4.2.1 เรม่ิ ตน้ ออกแบบหน้าแอปพลเิ คชัน

รปู ที่ 4.2 หนา้ เมนูหลักของแอปพลิเคชัน

หน้าแรกของการเรม่ิ ต้นโปรแกรม และออกแบบหน้าอนื่ ๆของแอปพลิเคชันโดยคณะผู้จัดทำไดอ้ อกแบบไว้
กอ่ นหนา้ นี้ไว้หมดแล้ว

21

รปู ท่ี 4.3 หนา้ ปุ่มเมนูสู่การเรยี นรู้
หลงั จากกดปุ่มเมนูทางดา้ นซา้ ยบนจะมหี นา้ เสริมแทรกขึ้นมาทางดา้ นซ้ายซึ่งจะมเี มนบู ทเรียนอื่นๆอีก ใหเ้ ลอื กเขา้
ไดต้ ามใจชอบ

รูปท่ี 4.4 หน้าบทเรยี น

22
หน้าตาโปรแกรมท่ใี ชเ้ ขียนและแกไ้ ขการทำงานต่างๆ ของแอปพลเิ คชันและแนวทางการศึกษาผลการ
จัดทำขอคำปรกึ ษาจากอาจารย์ กิตติศกั ด์ิ นิทาน,อาจารย์ เทพสริ ินทร์ แนวเงินดี เพือ่ ให้แอปพลเิ คชันมีความดงึ ดดู
คนทส่ี นใจใชง้ านแอปพลิเคชันสื่อการเรยี นการสอนการใช้งานโปรแกรมThunkable x มคี วามอยากศึกษาหา
ความรใู้ นการใชง้ านแอปพลเิ คชัน

รปู ที่ 4.5 หนา้ code

4.3 ขั้นตอนการทดสอบแอปพลเิ คชนั ผา่ นมอื ถือ

ในส่วนของข้ันตอนการทดสอบแอปพลิเคชนผั ่านมือถือน้ัน เมอ่ื เราสรา้ งแอปพลิเคชันของเราเสร็จสิ้น เรา
กท็ ำการ Export แอปพลิเคชันออกมาเป็นไฟล์.apkแลว้ ทำการติดตง้ั ลงบนเคร่ืองโทรศพั ทม์ ือถอื เพอื่ ทำการเขา้
แอปพลิเคชัน และตรวจสอบข้อผิดพลาดต่างๆทีเ่ กดิ ขึ้นภายในแอปพลเิ คชันเพอื่ กลับมาทำการแก้ไขในตัว
โปรแกรม Thunkable X ตอ่ ไป

23

บทที่ 5
สรุปอภปริ ายผลและขอ้ เสนอแนะ

ในการทำโครงงานแอปพลเิ คชันสอ่ื การเรียนการสอนการใช้งานโปรแกรม Thunkable
สามารถบรรลุวัตถปุ ระสงค์ตามท่ผี ู้จัดทำไดว้ างแผนไว้ซึ่งแอปพลิเคชันนัน้ สามารถทำงานไดต้ ามทต่ี ้องการและการ
ประสบปัญหาต่างๆในที่นี้ ทางคณะผู้จดั ทำไดป้ ระสบปัญหาในการทำงานหลายองย่างจากโครงงาน และมี
ขอ้ เสนอแนะทีจ่ ะนำมาใชป้ รบั ปรุงแกไ้ ขและเพมิ่ เติมในส่วนต่างๆ แอปพลิเคชันสอ่ื การเรยี นการสอนการใช้งาน
โปรแกรม Thunkable ทำให้แอปพลิเคชนั ใช้งานไดอ้ ยา่ งมีประสทิ ธิภาพมากย่ิงขน้ึ

5.1 วัตถุประสงคโ์ ครงงาน

5.1.1 เพอ่ื สง่ เสรมิ การใช้โปรแกรม Thunkable ในการสร้างแอปพลเิ คชันให้เกิดประโยชน์
5.1.2 เพอื่ ใหผู้ใชง้ านแอปพลิเคชันไดม้ ีความรู้พ้ืนฐานเกีย่ วกับการสรา้ งแอปพลเิ คชันโดย ใช้
โปรแกรม Thunkable มากขึ้น
5.1.3 เพือ่ นำความรู้ท่ีได้จากการเรยี นในระดับประกาศนยี บัตรวิชาชีพ สาขาวิชาเทคโนโลยี
สารสนเทศมาประยุกตใ์ ชใ้ นการทำโครงงานเรอื่ งแอปพลเิ คชันสื่อการเรียนการสอน การใช้
งานโปรแกรม Thunkable

5.2 ประโยชนท์ ่ีคาดว่าจะไดร้ บั

5.2.1 ให้ผู้ใชแ้ อปพลเิ คช่ันสามารถใช้งานโปรแกรม Thunkable ได้อย่างถูกต้อง
5.2.2 ให้ผู้ใชง้ านแอปพลิเคชั่นได้มีความรูพ้ ื้นฐานในการสรา้ งแอปพลิเคช่ันผา่ นโปรแกรม
Thunkable
5.2.3 เพ่อื นำความรู้ท่ไี ดจ้ ากการเรียนในระดับประกาศนียบัตรวชิ าชีพ สาขาวิชาเทคโนโลยี
สารสนเทศมาประยุกต์ใชใ้ นการทำโครงงานเรื่อง แอปพลเิ คชันส่ือการเรยี น การสอนการใช้งานโปรแกรม
Thunkable

24

5.3 ปัญหาที่ประสบในการดำเนินโครงงาน

แอปพลเิ คชันสอื่ การเรียนการสอนการใช้งานโปรแกรม Thunkable ผู้จัดทำไดป้ ระสบปญั หาการ
ดำเนินโครงงานหลายอย่างในทน่ี ้ีทางคณะผู้จัดทำโครงงานจะอธิบายสาเหตุ และวิธีการแก้ปญั หาเป็นขอ้ ๆ
ดงั น้ี

5.3.1 ปัญหาในการออกแบบแอปพลเิ คชันให้ดนู ่าสนใจ
5.3.2 ปัญหาดา้ นการใช้โค้ดคำสั่งเนอื่ งจากไมไดศ้ ึกษาจากการเรยี นในชั้นเรียนมา
5.3.3 ปัญหาด้านการจัดวางรูปแบบแอปพลิเคชัน
5.3.4 ไม่สามารถทำให้แอปพลเิ คชันเปน็ แนวนอนได้เวลาดูคลิปวิดโี อ
5.3.5 ปัญหาทางดา้ นของฟอ้ นต์ท่ใี ชไ้ ม่สามารถเปล่ียนฟ้อนต์ได้

5.4 ผลการดำเนนิ โครงงาน

ในการดำเนนิ โครงงานแอปพลเิ คชันสอ่ื การเรยี นการสอนการใชง้ านโปรแกรม Thunkable เรม่ิ
จากการนำเสนอโครงงานต่อคณะกรรมการพิจารณาทางคณะกรรมการได้เสนอแนะส่วนตา่ งๆ และคณะ
ผู้จัดทำไดท้ ำตามคำเสนอของคณะกรรมการจนไดร้ บั การอนุมตั ิการทำโครงงานแลว้ ทางคณะผู้จดั ทำได้
ศึกษาขอ้ มูลรายละเอียดต่างๆ เกี่ยวกับการพัฒนาแอปพลเิ คชัน สื่อการเรียนการสอน การใชง้ านโปรแกรม
Thunkable โดยได้ทำการออกแบบและดำเนนิ การจัดทำตามที่วางแผนไว้จนสำเร็จ

ผลการดำเนนิ โครงงานแอปพลเิ คชันสอื่ การเรียนการสอนการใช้งานโปรแกรม Thunkable ตวั
แอปพลิเคชันน้ีสามารถแสดงภาพและเนื้อหาการใช้งานโปรแกรม Thunkable และสามารถใชเ้ ป็นสื่อการ
สอนวิชาการใชง้ านโปรแกรมประยุกต์บนอุปกรณ์คอมพิวเตอรพ์ กพาในระดับประกาศนยี บัตรวชิ าชพี
สาขาวิชาเทคโนโลยีสารสนเทศ

5.5 ความอภิปรายผล

จากการวิเคราะห์ขอ้ มลู ผลสรปุ การวิจยั เร่อื งความพงึ พอใจทม่ี ีต่อการใช้งานแอปพลเิ คชันส่อื การ
เรยี นการสอนการใช้งานโปรแกรม Thunkable ของนกั เรยี นโรงเรยี นสาธติ มหาวิทยาลยั ศรีนครินทรวโิ รฒ
ปทมุ วัน อภิปรายผลได้ ดังน้ีพบว่าส่วนมากกลุ่มตัวอย่างมีความพึงพอใจต่อโครงงานที่นักเรียนนำมาจัด

25

แสดง สามารถให้บริการแกช่ ุมชนและสงั คมได้ ผู้วิจัยไดศ้ กึ ษาหลกั การสรา้ งแอปพลเิ คชัน เพอื่ การเรยี นรู้
บนแท็บเล็ตและหลักทฤษฎกี ารเรยี นรทู้ างจิตวิทยา ทำให้การนำเสนอสาระเน้ือหาของบทเรยี นท้ัง
รปู แบบ ลำดับขัน้ การนำเสนอและการมปี ฏิสัมพันธก์ ับนักเรียนมคี วามน่าสนใจชวนให้ตดิ ตาม เป็นการ
ดึงดูดความสนใจของนักเรียนทำให้มคี วามต้ังใจในการเรยี น การทราบผลการเรยี นของตนเอง โดยทันที
เป็นการจงู ใจให้นกั เรยี นมีความกระตอื รอื ร้นในการเรยี นซึ่งสอดคลอ้ งกับงานวจิ ยั ของดาราวรรณ นนทวาสี
และคณะ (2557 : 2182) ได้ศึกษาเร่ืองการพัฒนาแอปพลเิ คชัน เพ่ือการเรียนรูบ้ นระบบปฏิบัตกิ ารแอน
ดรอยด์ ผลการศกึ ษาพบว่า ความคดิ เหน็ ของผู้ใชท้ ่ีมีตอ่ แอปพลเิ คชันเพื่อการเรยี นรู้บนระบบปฏบิ ัติการ
แอนดรอยดอ์อยใู่ นระดับท่มี ากทีส่ ดุ เช่นกัน

5.6 ขอ้ เสนอแนะ

ในน้ีจะกล่าวถึงข้อเสนอแนะในการพฒั นาแอปพลิเคชันสอ่ื การเรยี นการสอนการใช้งาน โปรแกรม
Thunkable

5.6.1 ขอ้ เสนอแนะทั่วไป
5.6.1.1 ควรออกแบบหนา้ ตา Application ให้ดนู า่ สนใจมากกวา่ น้ี
5.6.1.2 ควรออกแบบพื้นหลงั ให้ดูดกี วา่ นี้ไมใ่ หอ้ ่านข้อความยาก

5.6.2 ข้อเสนอแนะทางเทคนคิ
5.6.2.1 ควรใหแ้ บบทดสอบสามารถบันทึกคะแนนได้

26

บรรณานกุ รม

ทศพลต้นสมบัต.ิ (2558).ประวัตขิ องIOS. สืบคน้ เมือ่ 30 มกราคม 2563, https://beerkung
wordpress.com/ระบบปฏบิ ัติการร่นุ ล่าสุด/ระบบปฏิบิติการ-ios/

ทีมงานไทยโมบายเซ็นเตอร์.(2561).ประวัตขิ องแอนดรอยด์ สืบคน้ เม่ือ 2 กมุ ภาพนั ธ์ 2563, จาก
https://www.thaimobilecenter.com/content/the-history-of-android.asp

บริษัทโปรซอฟท์เว็บจำกดั .(2557).เทคนิคการตกแต่งภาพอยา่ งง่าย สบื คน้ เมื่อ 4 กมุ ภาพนั ธ์ 2563, จาก
https://blog.sogoodweb.com/Article/Detail/9107

บริษัทไอออปส์จำกดั .(2559).การออกแบบแอปพลิเคชนั มอื ถือสืบค้นเมือ่ 5 กมุ ภาพันธ์ 2563, จาก
https://www.iops.co.th/en/faqs/blog/195-การออกแบบแอปพลิเคชันมือถอื ปี-2016

วาชรัตน์สอนเครอื .(2561).หลักการใช้สสี ืบค้น เมื่อ 9 กุมภาพนั ธ์ 2563, จากhttps://sites.google.
com/site/krukaewnaka/webm3/websites03

สมชัญา พลเมอื งศรี .(2559). แอนดรอยด์ (ระบบปฏบิ ตั กิ าร ). สบื ค้นเมื่อ 10 กุมภาพนั ธ์ 2563, จาก
https://sites.google.com/a/thantong.ac.th/rabb-ptibati-kar-android-569/keiyw-kab-android อนิ
ทนนท์ปัญญาโสภา.(2558).

10ส่งิ ท่ีตอ้ งรเู้ กี่ยวกับการออกแบบโลโก้ สบื คน้ เมอ่ื 11 กมุ ภาพนั ธ์ 2563, จาก
https://www.grappik.com/10-step-how-to-create-logo/

PonglangPetrung(นามแฝง).(2560).ประเภทของระบบปฏิบัติการแอนดรอยด์ สบื คน้ เมือ่ 17กมุ ภาพนั ธ์
2563, จาก https://medium.com/@PongPloyAppDev/

27

ภาคผนวก

ภาคผนวก ก แบบเสนอร่างโครงงาน
ภาคผนวก ข รายงานผลความคืบหน้า
ภาคผนวก ค คมู่ ือการใชง้ านแอปพลิเคชัน

28

ภาคผนวก ก
แบบเสนอร่างโครงงาน

29

โครงงานเทคโนโลยี (วทิ ยาการคำนวณ)
เรอ่ื ง Thunkable

1. นางสาวชญานน์ นั ท์ โดย เลขที่ 9
2. นางสาวชดุ าณฐั ฏ์ รจุ ิกรวิสิทธิ์ เลขที่ 13
3. นายวรทย์ สบิ พงศ์ภิญโญ เลขที่ 29
4. นายศิวัจน์ วิจติ รวาทการ เลขท่ี 32
5. นางสาววิวรรณ พัฒนาพฒุ ศิ กั ด์ิ เลขท่ี 40
ตันติวงศ์
ช้นั มัธยมศกึ ษาปที ี่ 4 ห้อง 144

รายงานฉบบั นีเ้ ป็นสว่ นหนึ่งของเทคโนโลยี (วทิ ยาการคำนวณ) รหสั วชิ า ว31104
ภาคเรยี นท่ี 2 ปีการศกึ ษา 2562

โรงเรยี นสาธิตมหาวิทยาลยั ศรนี ครนิ ทรวโิ รฒ ปทุมวัน

30

1. ช่ือโครงงาน Thunkable
2. ที่มาและความสาํ คญั

ในยุคท่ีเทคโนโลยีเข้ามามีบทบาทในสังคมเป็นอยา่ งมาก เราจงึ คดิ คน้ แอปพลิเคชนั ท่ีเหมาะสมในยุค
ปจั จุบัน เพ่ือเข้าชว่ ยพัฒนาในด้านเทคโนโลยีและด้านการศกึ ษาควบคูก่ ันไปด้วย เพ่ือส่งเสรมิ ใหเท้ คโนโลยมี
บทบาทท่ีสำคญั ในสถานศึกษาและชีวิตประจำวันและในปจั จบุ นัแอปพลเิ คชันกม็ บี ทบาทมากมายในชีวติ ประจำวัน
ไม่ว่าจะเปน็ แอปพลิเคชันดา้ นความบันเทิงแอปพลิเคชัน ดา้ นการศกึ ษาและต่างๆอกี มากมายและในการสรา้ ง แอป
พลิเคชัน กต็ ้องอาศยั ความรคู้ วามสามารถไม่ใช่น้อย ท้ังในดา้ นความชำนาญ และความร้ใู นด้านการทำแอปพลเิ ค
ชัน ซ่ึงกม็ คี นจำนวนไมน่ ้อยท่ีอยากลองสรา้ งแอปพลิเคชนั ของตวั เองข้ึนมาแตไ่ ม่มคี วามรู้พน้ื ฐานในการสรา้ งแอป
พลิเคชันจึงไมก่ ล้าลงมอื ทำ เพราะกลัวจะเสยี เวลาและผลงานจะออกมาไดไ้ มด่ ีหรอื อาจจะไม่สำเร็จ เพราะคนบาง
คนท่ีไมไ่ ด้มีความรู้ด้านน้ีอาจจะไปกังวลในการเขยี นโค้ด หรอื การออกแบบทำให้ผู้ท่ีสนใจในการใช้ โปรแกรมท่ี
สามารถใช้สร้างแอปพลิเคชันขน้ึ มาได้ไม่ยากน่ันก็คือโปรแกรม Thunkable เพ่ือให้ผ้ทู ี่สนใจในการสรา้ งแอปพลเิ ค
ชนั ผ่านตัว โปรแกรม Thunkable ได้ศึกษาผา่ นแอปพลิเคชันของเรากอ่ นลงมอื ปฏบิ ัตจิ รงิ

ดงั น้ัน แอปพลิเคชนั เราสร้างขึ้นมาเพ่อื ชว่ ยใหผ้ ูท้ ี่สนใจในการสรา้ งแอปพลิเคชันแตย่ งั ไมม่ พี ้ืนฐานใน การ
สรา้ งแอปพลิเคชนั ไดศ้ ึกษาก่อนลงมอื ปฏบิ ัตจิ รงิ ในการสรา้ งแอปพลเิ คชันผา่ นโปรแกรม Thunkable และเราหวัง
วา่ แอปพลิเคชันนี้จะเปน็ ประโยชนก์ ับผู้ใช้จะได้รับความเข้า ใจและประโยชนก์ ับคณะผู้จดั ทำที่จะได้พฒั นาฝีมือ ใน
การสรา้ งแอปพลเิ คชันอื่นๆ และสามารถตอ่ ยอดเพ่ือเป็นประโยชน์ในการศกึ ษาตอ่ ไปในระดับการศึกษาทสี่ ูงกว่า
และยังสามารถนำไปใช้ในการประกอบอาชพี ในอนาคตไดอ้ กี ดว้ ย

3. วัตถุประสงค์ของโครงงาน

3.1. เพื่อส่งเสรมิ การใช้โปรแกรม Thunkable ในการสรา้ งแอปพลเิ คชันให้เกิดประโยชน์
3.2 เพื่อใหผู้ใช้งานแอปพลเิ คชันได้มีความรู้พื้นฐานเก่ียวกบั การสรา้ งแอปพลเิ คชันโดยใช้โปรแกรม
Thunkable มากข้ึน
3.3 เพือ่ นำความรู้ทีไ่ ด้จากการเรยี นในระดับประกาศนียบัตรวิชาชีพสาขาวิชาเทคโนโลยี สารสนเทศมา
ประยุกต์ใชใ้ นการทำโครงการเร่ืองแอปพลิเคชันสอ่ื การเรยี นการสอนการใช้งานโปรแกรม Thunkable

31

4. ขอบเขตของโครงงาน

4.1 เคร่ืองมือท่ใี ช้ในการศกึ ษา
แบบประเมนิ ความพงึ พอใจในการใชแ้ อปพลิเคชัน

4.2 ระยะเวลาทำโครงงาน
ระหว่างวนั ที่ 29 มกราคม 2563 – 12 กมุ ภาพันธ์ 2563

4.3 สถานทที่ ใี่ ช้สาหรบั ทำโครงงาน
โรงเรยี นสาธิตมหาวิทยาลยั ศรีนครนิ ทรวโิ รฒ ปทมุ วัน

4.4 งบประมาณ / ทรพั ยากรทใ่ี ช้
เว็บไซต์ https://thunkable.com/

5. ประโยชนท์ ค่ี าดว่าจะไดร้ บั

5.1 ให้ผใู้ ช้แอปพลเิ คชนั สามารถใช้งานโปรแกรม Thunkable ได้อยา่ งถกู ต้อง
5.2 ให้ผใู้ ช้งานแอปพลิเคชันไดม้ ีความรู้พ้ืนฐานในการสร้างแอปพลเิ คชันผ่านโปรแกรม Thunkable
5.3 เพ่อื นำความรทู้ ่ไี ด้จาการเรยี นในระดบั ประกาศนียบัตรวิชาชพี สาขาวิชาเทคโนโลยี สารสนเทศมา
ประยุกตใ์ ช้ในการทำโครงการเรอ่ื งแอปพลเิ คชันสอื่ สารการเรียนการสอนการ ใช้งานโปรแกรม Thunkable

32

ภาคผนวก ข
รายงานผลความคืบหน้า

33

ตารางแผนการดำเนนิ งาน

ลำดบั ท่ี งานที่ปฏิบตั ิ ผู้รับผดิ ชอบ เดือน/สปั ดาห์

มกราคม กมุ ภาพันธ์

45 1 2

1 ประชมุ ปรึกษาหาหวั ขอ้ ครั้งที่ 1 *ทกุ คน
2 หาข้อมูลเพิ่มเตมิ เกี่ยวกับโครงงาน
3 ประชุมปรกึ ษาหาหวั ขอ้ ครัง้ ท่ี 2 ชญานน์ ันท์ *
4 ออกแบบ และทาแอปพลิเคชัน
5 ทดสอบ และปรับปรุงแอปพลิเคชนั *ทุกคน
6 ออกแบบแบบสอบถามแอปพลเิ คชนั
7 เผยแพรแ่ อปพลเิ คชัน และให้ผู้ใช้ประเมนิ ชดุ าณฐั ฏ์ *
8 วเิ คราะหส์ ำหรับนำเสนอ
9 จัดทำรายงาน และโปสเตอร์ของโครงงาน *วรทย์
10 นำเสนอโครงงาน และแอปพลเิ คชัน
*ศวิ ัจน์

*ทุกคน

*วิวรรณ

*ววิ รรณ

ทุกคน * *

34

ภาคผนวก ค
ค่มู ือการใช้งานแอปพลิเคชัน

35

คู่มอื การใช้งานแอปพลิเคชนั

ขน้ั ตอนท่1ี เมื่อเขา้ สู่แอปจะพบกับหน้าแรกของแอปพลเิ คชันซง่ึ จะทำการโหลด3วินาทีเพื่อเข้าหน้าถดั ไป

ขั้นตอนท่ี2 เมอ่ื รอเวลาครบก็จะมาทหี่ น้าล็อคอนิ ของแอปพลิเคชันให้เราทำการกรอกอีเมลและรหัสผ่าน
ใหเ้ รยี บรอ้ ย

36
ขน้ั ตอนท3ี่ เมอ่ื ทำการล็อคอินเสร็จจะมาที่หน้าเมนูแรกของแอปพลเิ คชัน จะมีให้เลอื ก2ตัวเลือก คือ
1.เขา้ สู่บทเรยี น 2.แบบทดสอบ

ขน้ั ตอนที่4 เมอ่ื กดเข้าสู่บทเรยี นกจ็ ะมี 2เมนูยอ่ ยคือ1.การใช้งานเบ้อื งตน้ 2.การใช้งาน Block เบ้ืองตน้

37
ขน้ั ตอนที่5 เม่ือเขา้ ไปในเมนใู ดเมนูหน่ึง จะปรากฏหน้าบทเรียนข้ึนมา ซ่ึงจะประกอบไปด้วยเน้ือหาสั้นๆ
และลิงค์วดี ีโอยูทปู ในการประกอบการสอน และถ้าต้องการเปล่ียนเน้ือหาให้กดทปี่ ่มุ ซา้ ยบนจะปรากฏหนา้ ต่างๆ
ข้างๆ ขนึ้ มาซึ่งจะมเี นอ้ื หาตา่ งๆ อีก

ขนั้ ตอนที่6 เมือ่ เรียนรู้บทเรียนพ้ืนฐานมาแล้ว กจ็ ะมแี บบทดสอบพื้นฐาน จำนวน 20 ข้อแบบ 4 ตัวเลอื ก
มอี ย่2ู หมวดคอื 1.การใชง้านเบื้องตน้ 2.การใช้งาน Blocks พ้ืนฐานเม่ือทำแบบทดสอบ เสรจ็ จะมีหน้ารวมคะแนน
เพื่อบอกคะแนนที่เราทำได้