โครงงานวิทยาการคำนวณ(แก้แล้ว)(1)

โครงงาน

เรือง แอปพลเิ คชันท่องสูตรคูณ

จัดทาํ โดย

น.ส. จิดาภา วงศ์ธันยบูรณ์ เลขที
น.ส. ณฐั สินี เปศรี เลขที
น.ส. สัชฌกร เหรียญกติ ติวฒั น์ เลขที
น.ส. สุชัญญา ใจซือสมบูรณ์ เลขที

ชันมธั ยมศึกษาปี ที .

เสนอ
ครูฐิติภทั ร ทองมา

รายงานนีเป็ นส่วนหนึงของรายวชิ า ว วิทยาการคาํ ณวณ 3
ภาคเรียนที ปี การศึกษา
โรงเรียนสตรีวทิ ยา

เกยี วกบั โครงงาน
โครงงานคอมพวิ เตอร์

เรือง แอปพลิเคชนั ท่องสูตรคูณ
กลุ่มสาระการเรียนรู้ วทิ ยาศาสตร์และเทคโนโลยี

ผู้จดั ทํา 1.นางสาวจิดาภา วงศธ์ นั ยบูรณ์ เลขที 3

2.นางสาวณฐั สินี เปศรี เลขที 14

3.นางสาวสัชฌกร เหรียญกิตติวฒั น์ เลขที 37

4.นางสาวสุชญั ญา ใจซือสมบูรณ์ เลขที 40

ครูทปี รึกษา คุณครูปิ ยภทั ร เสลาวรรณ์

สถานศึกษา โรงเรียนสตรีวิทยา เขตพระนคร
สาํ นกั งานเขตพนื ทีการศึกษามธั ยมศึกษา กรุงเทพมหานคร เขต 1

ปี การศึกษา 2564

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

คณะผจู้ ดั ทาํ

หัวข้อโครงงาน : แอปพลิเคชนั ท่องสูตรคูณ

ประเภทโครงงาน : โครงงานพฒั นาสือเพอื การศึกษา

ผู้เสนอโครงงาน : 1.นางสาวจิดาภา วงศธ์ นั ยบูรณ์ เลขที 3

2.นางสาวณฐั สินี เปศรี เลขที 14

3.นางสาวสัชฌกร เหรียญกิตติวฒั น์ เลขที 37

4.นางสาวสุชญั ญา ใจซือสมบูรณ์ เลขที 40

ชนั มธั ยมศึกษาปี ที 4.5

ครูทปี รึกษาโครงงาน : นายปิ ยภทั ร เสลาวรรณ์

ปี การศึกษา : 2564

บทคัดย่อ

การจดั ทาํ โครงงานในครังนีมีวตั ถุประสงค์เพือสร้างแอปพลิเคชนั ท่องสูตรคูณทีสามารถพฒั นา
ทักษะในด้านคณิตศาสตร์ ศึกษาโปรแกรมคอมพิวเตอร์ทีใช้สร้างแอปพลิเคชัน ศึกษาการจดั ทาํ โครงงาน
คอมพวิ เตอร์

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

สารบัญ 0

เรือง หน้า

เกียวกบั โครงงาน ก
กิตติกรรมประกาศ ข
บทคดั ยอ่ ค
บทที 1 บทนาํ
1
- ทีมาและความสาํ คญั ของโครงงาน 2
- วตั ถุประสงค์ 2
- ขอบเขตการศึกษาคน้ ควา้ 3
- ประโยชน์ทีคาดวา่ จะไดร้ ับ 11
บทที 2 เอกสารและโครงงานทีเกียวขอ้ ง 11
บทที 3 วธิ ีการจดั ทาํ โครงงาน 11
- วสั ดุและอปุ กรณ์ 17
- วธิ ีการจดั ทาํ โครงงาน 19
บทที 4 ผลการศึกษา 19
บทที 5 สรุปผล และขอ้ เสนอแนะ 19
- การดาํ เนินงาน 19
- สรุปผล 20
- ขอ้ เสนอแนะ
บรรณานุกรม
ขอ้ มลู ผจู้ ดั ทาํ

1

บทที 1

บทนํา

ทมี าและความสําคญั
ปัจจุบนั เกิดโรคระบาดจากเชือไวรัสโคโรน่าสายพนั ธุ์ใหม่ 2019 หรือ COVID-19 และสถานการณ์

ปัจจุบนั การแพร่ระบาดของเชือ COVID-19 มีความรุนแรงเพมิ ขึนอยา่ งต่อเนือง องคก์ ารอนามยั โลกไดป้ ระกาศ
วา่ การแพร่ระบาดของเชือดงั กล่าวเป็นภยั พิบตั ิฉุกเฉินระดบั โลก ขณะเดียวกนั ประเทศไทยไดป้ ระกาศใหโ้ รคติด
เชือ COVID-19 เป็นโรคติดต่ออนั ตราย การป้องกนั การติดเชือสามารถทาํ ไดโ้ ดยหลีกเลียงงงงการเดินทางไปยงั
พืนทีทีมีการระบาดของเชือ COVID-19 รัฐบาลจึงประกาศให้มีการเรียนออนไลน์อย่างไม่มีกาํ หนด ทาํ ให้
เด็กไทยทวั ประเทศตอ้ งเรียนออนไลน์ต่อเนืองอย่างไม่มีกาํ หนดจนกว่าสถานการณืการแพร่ระบาดของเชือ
COVID-19 จะดีขึนและมีจาํ นวนผูต้ ิดเชือลดลง ดังนันมีเด็กจาํ นวนมากทีต้องเรียนออนไลน์ซึงการเรียน
ออนไลน์นนั มีประสิทธิภาพนอ้ ยกว่าการเรียนออนไซต์ จึงทาํ ให้เกิดการพฒั นาแอปพลิเคชนั ท่องสูตรคูณเพือ
เป็นการใชเ้ วลาวา่ งทีตอ้ งเรียนออนไลน์อยทู่ ีบา้ นไดอ้ ยา่ งมีประสิทธิภาพมากขึน ซึงแอปพลิเคชนั นีเหมาะกบั ผทู้ ี
ตอ้ งการพฒั นาศกั นภาพในการคูณเลขใหเ้ ร็วยงิ ขึน

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

วตั ถุประสงค์
1.เพือสร้างแอปพลิเคชนั ท่องสูตรคูณเพือเพิมประสิทธิภาพในการเรียนออนไลน์
2.เพือศึกษาโปรแกรมคอมพิวเตอร์ทีใชส้ ร้างแอปพลิเคชนั ท่องสูตรคูณ
3.เพือศึกษาการจดั ทาํ โครงงานคอมพิวเตอร์

ขอบเขตการศึกษา
1.ขอบเขตดา้ นเนือหา เรือง สูตรคูณ ซึงประกอบดว้ ยสูตรคณู 12 แม่
2.โปรแกรมทีใชด้ าํ เนินงาน ไดแ้ ก่ Thunkable

2

ผลทคี าดว่าจะได้รับ
1.แอปพลิเคชนั สามารถเพิมประสิทธิภาพในการเรียนออนไลน์
2.ไดเ้ รียนรู้และสามารถพฒั นาแอปพลิเคชนั ไดจ้ ริง
3.ไดน้ าํ เอาเทคโนโลยสี ารสนเทศมาใชใ้ หเ้ กิดประโยชนส์ ูงสุด
4.สามารถนาํ เอาความรู้ทีไดร้ ับจากการศึกษาการพฒั นาแอปพลิเคชนั ไปใชไ้ ด้

3

บทที

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

. การออกแบบแอปพลเิ คชัน

. . .ออกแบบUX

. . . ออกแบบโครงสร้างข้อมูล
ออกแบบโครงสร้างขอ้ มูล เป็นขนั ตอนการตดั สินใจวา่ แอปเราตอ้ งแสดงขอ้ มูลอะไรบา้ ง และ

ทาํ งานอะไรไดบ้ า้ ง ปกติเราจะลิสตม์ าว่าแอปมีลกั ษณะเด่นอะไร ทาํ อะไรไดบ้ า้ ง และตอ้ งแสดงขอ้ มูล
อะไรทีหนา้ ไหนของแอป จากนนั เรากม็ าสร้างเป็น Wireframe

2.1.1.2 Wireframe
ขนั ต่อมา เราจะเริมสร้าง Wireframe หรือแบบร่างของเเอปเพือให้เห็นภาพรวมว่าหนา้ ตาของ

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

2.1.1.3 Workflows
ขนั ถดั มา คือ Workflows หรือ เส้นทางทีผูใ้ ชส้ ามารถใชท้ ่องไปในแอปของเราได้ ทุกๆอยา่ งที

เราอยากใหผ้ ใู้ ชท้ าํ และเห็นได้ ตอ้ งใชก้ ีคลิกเพือทีจะทาํ มนั ไดส้ าํ เร็จ ตอ้ งทาํ ใหม้ นั ใจวา่ ทุกคลิกนนั เขา้ ใจ

4

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

2.1.1.4 Click-through model

Click-through model คือ ตวั ทีช่วยใหเ้ ราทดสอบ wireframe และ workflow โดยการให้ user ได้
ทดลองเหมือนเลน่ จริง โดย user จะไดร้ ับ link อนั นึง เมืองเปิ ดบนมือถือ user จะสามารถคลิกทีป่ ุมต่างๆ
และเปิ ดไปยงั หน้า wireframe ต่างๆ ตาม workflow ไดเ้ หมือนแอปจริงๆ ในขนั ตอนนีจะยงั ไม่มีการ
ทาํ งานใดๆทงั สิน เป็ นแค่รูปภาพของแต่ละหน้าเพือทดสอบ navigation ของแอป เมือเราเจอปัญหาที
หนา้ ไหน กแ็ ก้ wireframe หนา้ นนั และทดลองใหม่จนกวา่ จะพอใจอุปกรณ์ทีใชไ้ ดก้ ม็ ี invision, sketch,
adobe xd

. . ออกแบบ UI

2.1.2.1 Style guide

Style guide หรือ UI Kit เป็นเหมือนตน้ แบบของสิงต่างๆในแอป การมี style ทีชดั เจนจะช่วยให้
user ไม่งงกบั การใชง้ านแอป การมี style ทีจดั เจนและตรงกนั ทงั แอปจะทาํ ให้ user ใชง้ านไดล้ ืนขึน การ
กาํ หนด Style guide ก็ตอ้ งดูดว้ ยวา่ ผใู้ ชเ้ ราเป็นใคร แอปจะใชเ้ วลาไหน ถา้ ใชก้ ลางคืนก็อาจจะตอ้ งทาํ สี
ใหเ้ ป็นโทนเขม้ หน่อย ถา้ ถูกใชโ้ ดยพนกั งานบริษทั ทีงานยงุ่ มากๆ กอ็ าจจะตอ้ งลดขนั ตอนยงุ่ ยาก และทาํ
ใหง้ านสาํ เร็จไดโ้ ดยไว ผลลพั ธ์ของขนั ตอนนี เราจะไดส้ ี, fonts, และ widget เช่น ป่ ุม, ฟอร์ม, label ทีจะ
เอามาใชใ้ นแอปเราทงั หมด

2.1.2.2 Rendered design

ขนั ตอนนีคือการเปลียน wireframe สีขาวดาํ ของเราใหก้ ลายเป็นหนา้ ตาแอปจริงๆ โดยใช้ Style
guide ทีสร้างขนั เมือขนั ตอนทีแลว้ พยายามอิงกบั Style guide ในทุกจุด แต่ถา้ มีจุดไหนตอ้ งอพั เดทหรือ
เพิม Style guide ก็สามารถกลบั ไปอพั เดทได้ แต่ตอ้ งใหม้ นั ใจวา่ ผลลพั ธ์ออกมามีความสอดคลอ้ งกนั ทงั
แอป

5

2.1.2.3 Rendered click-through model

หลังได้หน้าตาแอปจริงทังหมดมาแล้ว ให้เรากลับมาทาํ click-through model อีกรอบ ใน
ขนั ตอนนีอาจจะตอ้ งใชเ้ วลามากหน่อย เพือใหม้ นั ใจวา่ จะไม่มีการแกไ้ ขใหญ่ๆอีกแลว้

. การเขยี น code

. . เลือก Tech stack

มันมีหลายวิธีและ technology ทีใช้ในการพฒั นาแอปได้ แต่ละวิธีก็มีข้อดีข้อเสียต่างกัน
บางอยา่ งอาจจะราคาถูก แต่ประสิทธิภาพของแอปตก บางอยา่ งอาจจะซบั ซอ้ น และใชเ้ วลานานเกินไป
สาํ หรับแอปทีเราจะทาํ แต่ทางเลือกทีแยท่ ีสุดคือการใช้ technology ทีกาํ ลงั จะตาย หรือไม่สเถียร

. . ฝัง Front-end

2.2.2.1 Native ทาํ แอปแยกแต่ละ platform ไม่สามารถ reuse code ระหว่างกนั ได้ วิธีนีทาํ ให้
ปรับแต่งไดส้ ูงสุด UI เป็นของ platform % แอปเร็วและมีประสิทธิภาพสูง เป็นวิธีทีแพงทีสุด เพราะ
ตอ้ งทาํ แต่ละ platform ใหม่ทงั หมด

2.2.2.2 Cross-platform เป็ นเทคโนโลยีทีมี code บางส่วนหรือทงั หมดแชร์กนั แต่ก็ยงั build
ไปรันเป็ น Native เช่น React Native, Xamarin อนั นีเป็ นวิธีสายกลางทีประหยดั เงินและเวลา ถา้ เราไม่
ตอ้ งการ performance สูงสุดขนาดแบบแรก

2.2.2.3 Hybrid เป็ นวิธีทีใช้เทคโนโลยีของ web (HTML, CSS, Javascript) และ install ผ่าน
native wrapper เช่น Cordova, Phone Gap, Ionic วธิ ีนีอาจจะราคาถูกสุด แต่แอปออกมาคุณภาพคอ่ นขา้ ง
ตาํ และชา้ มาก

. . ฝัง Back-end (Web API & Server)

2.2.3.1 Server มีผลอยา่ งมากกบั ประสิทธิภาพของแอป และการขยายจาํ นวนผใู้ ชท้ ีแอปรองรับ
ได้ มีสิงทีตอ้ งตดั สินใจก่อนจะเริมเขียน code ดงั นี

. . . ภาษา Java, C#, Go-lang, Javascript, PHP, Python, Ruby แต่ละภาษาก็จะมี framework
ทีช่วยในการเขียนของตวั เอง

6

2.2.3.3 Database มี ประเภทหลักๆ SQL และ noSQL SQL เป็ นของดังเดิมทีมักจะเป็ น
ทางเลือกทีดีทีสุดในแทบทุกกรณี มีหลายยีห้อให้เลือก เช่น MSSQL, MySQL, PostgreSQL เป็ นตน้
noSQL มกั ใชใ้ นสถานการณ์ทีตอ้ งการเก็บขอ้ มูลปริมาณมหาศาลหรือไม่มีการแกไ้ ขขอ้ มูลเดิมบ่อยๆ
นอกจากการเลือก database แลว้ ยงั มีเรืองของการออกแบบ schema วา่ จะเกบ็ ขอ้ มูลยงั ไง การออกแบบที
ดีจะส่งผลต่อความสาํ เร็จในระยะยาว ดงั นนั ในขนั ตอนนีตอ้ งมนั ใจว่า database ไดอ้ อกแบบไวอ้ ยา่ งดี
และรองรับอนาคต

2.2.3.4 Hosting environment (Infrastructure) เลือกว่าจะ host server เราไวท้ ีไหน ตดั สินใจ
จากราคา ความสามารถในการขยายสเกล ความสามารถทีทําได้ บริ การเสริ ม การใช้งานง่าย
ประสิทธิภาพ และความสเถียร มีหลายเจา้ เช่น AWS, Google Cloud, Heroku, Azure นอกเหนือจากนนั
เรายงั ตอ้ งวางแผนเผือการสเกล เมือจาํ นวนผูใ้ ชเ้ พิมมากขนั Cloud-base ทาํ ให้เราสามารถจ่ายเงินเพือ
เพิมหรือลดไดต้ ามความจาํ เป็น นอกจากนียงั มีบริการเสริม เช่น backup database, server uptime, update
os และอีกมากมาย

2.2.4 Agile development process คือการแตกย่อยงานทีต้องพัฒนาทังหมดออกมาเป็ น
milestone ทีเล็กลง และเริมพฒั นาแอปเราเป็ นรอบๆ วนลูปไปเรือยๆ ในแต่ละรอบจะมีการวางแผน,
การพฒั นา, การเทส, และการรีวิว เรือง Agile เป็นเรืองทีมีการเผยแพร่เยอะ และมีรายละเอียดเยอะ แต่
ในบทความนีจะเลา่ แคค่ ร่าวๆ ในระดบั ทีเพียงพอต่อการทาํ งานในแต่ละ step กพ็ อ

. . . การวางแผน

การวางแผนคือการแบ่งงานออกเป็ นลิสต์ของ task ทีจะ code ในรอบ iteration นี แต่ละ task
จะตอ้ งมี requirement ทีชดั เจน หลงั จากที developer เขา้ ใจ requirement ดีแลว้ developer ก็จะประเมิน
เวลาทีตอ้ งใชใ้ นการทาํ แต่ละ task เพือทีจะกระจายงานกนั ไปทาํ ไดอ้ ยา่ งสมดุลกบั ปริมาณงานทีทีมทาํ
ไดใ้ นแต่ละ sprint

Developer จะเริมวางแผนว่าจะเขียน solution ยงั ไงเพือมาแกป้ ัญหาในแต่ละ task developer เก่งๆจะ
หาทาง reuse code ทงั แอปให้มากทีสุด เช่นพวก style หรือ function ทีใช้ร่วมกันได้ ถ้าต้องเปลียน
design กแ็ ค่ไปอพั เดททีเดียวกจ็ ะเปลียนทงั หมด ไม่ตอ้ งไปนงั ไล่อพั เดททุกๆที

7

. . . การพฒั นา

Developer จะเริม code ตาม requirement ใน task ทีได้รับมอบหมาย developer ต้องเข้าใจ
เป้าหมายสูงสุดของแอป และเจตนาของแต่ละ task ถา้ บางอยา่ งมนั ทาํ ไปแลว้ ดูไม่ถูกตอ้ ง developer ตอ้ ง
รีบมาบอก PM เพือจะไดห้ าทางออกกนั เมือ task นนั ๆ เสร็จก็จะ deploy ขึน development version ให้
tester เทสไดก้ ารเทส

การเทสควรทาํ โดยคนทีไม่ใช่ developer ที code แอปนีขึนมา เพราะ developer จะรู้อยู่แลว้ ว่า
ตรงไหนทาํ อะไรได้ บางทีก็จะไม่เจอสิงที user ทีใชง้ านจริงจะเจอเมือใช้งานทวั ไป การเทสมีหลาย
ประเภทในแต่ละความคืบหนา้ ของการพฒั นา

2.2.4.3 การเทส

- Functional Test การเทสวา่ feature นีทาํ งานไดถ้ ูกตอ้ งตาม requirement หรือไม่ ทีม QA จะมี
test case, action step และผลลพั ธ์ทีคาดหวงั วา่ จะใหม้ นั เกิด

- Usability Testing เทสว่าผูใ้ ชไ้ ม่งง และใชง้ านง่ายพอมยั ตอนเทสควรเอาคนทีเคยเห็นแอป
เป็ นครังแรกมาเทส เพือจาํ ลองว่าเคา้ เป็ นคนทีเพิงเริมใชจ้ ริงๆ โดยกาํ หนด target group เพือนาํ มาเทส
สัมภาษณ์ว่าเคา้ มี background ยงั ไง จากนันก็ให้เคา้ ใชแ้ อปเหมือนคนเพิงเห็นแอปนีครังแรกใน store
ไม่ต้องแนะนาํ วิธีใช้ ดูว่าเคา้ ใช้แอปเรายงั ไง ติดตรงไหน หลงั จากเสร็จก็ถาม feedback และนํามา
ปรับปรุงแอปต่อไป

- Performance Testing ถา้ แอปใชเ้ วลา วิในการเปิ ด ต่อให้ทาํ งานถูกตอ้ งก็คงไม่มีใครใช้
Performance Testing ตอ้ งทาํ ก่อนปลอ่ ยให้ user จริงใช้ แต่ถา้ เทสเจอตงั แต่แรกๆ กอ็ าจจะทาํ ใหแ้ กไ้ ขได้
ง่ายกวา่ ไปแกต้ อนทา้ ย

- Regression Testing เทส feature ทีเคยทาํ เสร็จและเทสผ่านไปใน sprint ก่อนๆ เพราะการ
ทาํ งานใน sprint นีอาจส่งผลกระทบกบั feature เก่าทาํ ใหท้ าํ งานผิดพลาดได้ tester ทีดีควรจะมี list ของ
test case เพือมาเทสของ sprint ทีผา่ นไปแลว้ ดว้ ย

8

- Device-Specific Testing เทสบนหลายๆ screen size และ OS version หรือ browser มีหลาย
tool ทีช่วยจาํ ลองเครืองหลายๆรุ่นได้ แต่กต็ อ้ งเทสบนเครืองจริงจาํ นวนนึง เพือใหม้ นั ใจวา่ มนั ทาํ งานได้
แน่ๆบนเครืองส่วนใหญ่

- User Acceptance Testing ให้ user จริงๆ เทส และเกบ็ feedback จริง

เมือเจอบคั กต็ อ้ งสร้าง task ให้ developer ไปแกไ้ ขและปิ ด issue task นี

2.2.4.4 sprint รีววิ /retrospective

ตอนทา้ ยของทุก sprint จะมีประชุมเพือคุยกบั ทุกคนทีเกียวขอ้ งวา่ sprint ทีผา่ นมาเป็นยงั ไงบา้ ง
อะไรดี อะไรไม่ดี ถา้ มีปัญหาอะไรกจ็ ะไดพ้ ยายามแกไ้ ขไม่ใหเ้ กิดอีกใน sprint หนา้ ถา้ บางอยา่ งมนั ดีใน
ส่วนไหน ก็นาํ มาใชก้ บั ส่วนอืนๆ พอจบ sprint review ก็จะตอ้ งวนกลบั ไป ขนั ตอนการวางแผน และ
ทาํ วนไปเรือยๆ จนแอปเสร็จ

2.2.4.5 Beta testing

เมือแอปเราเสร็จเรียบร้อย เราอาจจะทาํ beta launch อีกรอบ beta launch คือการใหผ้ ใู้ ชง้ านกลุม่
เล็กๆ ใชง้ านจริงในสถานการณ์จริงเหมือนกบั แอปเรา launch ไปแลว้ ส่วนใหญ่กลุ่มนีจะเป็ น power
user, early adopter หรือลูกคา้ ทีชอบเราเป็ นทุนเดิม ในขนั ตอนนีเราจะไดข้ อ้ มูลทีหลากหลายขึนอยา่ ง
มาก เราอาจจะเจอปัญหาทีไม่เคยเทสเจอมาก่อนมากมาย ซึงดีกวา่ ปล่อยแอปและทาํ การตลาดแลว้ เพิงมา
เจอปัญหาทีหลงั หลงั จาก Beta testing แลว้ แกป้ ัญหาทีพบไปจนหมด และไม่มีปัญหาใหม่ๆ รายงานมา
อีกแลว้ กเ็ ริม step ต่อไปได้

. โปรแกรมทเี กยี วข้อง

2.3.1 โปรแกรม Thunkable

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

9

ผสู้ ร้างโมบายแอปพลิเคชนั สามารถแสดงถึงแนวคิดการเขียนโปรแกรมเป็นบลอ็ ก ไดโ้ ดยง่าย
ดว้ ยภาษาองั กฤษอยา่ ง แต่ตอ้ งมีการฝึ กฝนเครืองมือและชุดคาํ สังใหค้ ล่องและปฏิบตั ิการดา้ นโปรแกรม
ทดลองแยกออกเป็นส่วน ๆ

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

- เขา้ ใชง้ านโดยใชผ้ ใู้ ชง้ านจาก Google

- สร้างโมบายแอปพลิเคชนั จากขนั พนื ฐานถึงขนั สูงได้

- สามารถติดตงั บนระบบปฏิบตั ิการ Android และ ระบบปฏิบตั ิการ iOS ได้

2.3.3 แอปพลเิ คชันโมบายทีสามารถใช้ thunkable สร้างได้

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

- โปรแกรมสุ่มตวั เลข

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

- โปรแกรมฝึกวาดภาพ

- โปรแกรมประยกุ ตด์ า้ นงานต่างๆ ทีใชฐ้ านขอ้ มูล

2.4 งานวจิ ัยทเี กยี วข้อง

กฤษมนั ต์ วฒั นณรงค์ (2556) ไดท้ าํ การศึกษาวิจยั เกียวกบั กลยุทธ์การใช้เทคโนโลยีสารสนเทศเพือ
การศึกษาทีผสมผสานเทคโนโลยีเขา้ กบั การเรียนรู้ ดร.ชยั ยงค์พรวงศ์ไดน้ าํ เสนอแนวคิดการใช้เทคโนโลยี
สารสนเทศเพือการศึกษา โดยเฉพาะการใชค้ อมพิวเตอร์พกพาเป็นสือหลกั ในการเรียนการสอนในลกั ษณะของ
การศึกษาทีส่งเสริมใหผ้ เู้ รียน รู้ไดท้ ุกที ทุกเวลา รวมถึงใชเ้ ป็นสือการสอนใหค้ รูใชเ้ ป็นสือกลางและศูนยค์ วามรู้
ทีมีแหล่งความรู้หรือห้องสมุดดว้ ยเพือให้การดาํ เนินการตอบสนองต่อแนวคิดดงั กล่าวจะสร้างระบบการเรียน
การสอนโดยใชค้ อมพิวเตอร์เป็นหลกั เกิดขึนไดห้ ลายรูปแบบขึนอยกู่ บั ความสามารถของแอพพลิเคชนั ทีติดตงั
หรือแอพพลิเคชันทีพฒั นาแล้วพร้อมกับความสามารถพืนฐาน ของแท็บเล็ต เช่น ในการบันทึก การนึง
ภาพเคลือนไหว วิดีโอ เสียง ตลอดจนการเขา้ ใชเ้ วบ็ ไซตต์ ่างๆ ทงั ทางตรงและทาง QR Code

10

นวรัตน์ รามสุต บลั ลงั ก์โรหิตเสถียร (2556) ดาํ เนินการศึกษาวิจยั เกียวกบั อนาคตของการจดั การศึกษา
ของประเทศไทย เพือประโยชน์สูงสุดของประเทศ ปฏิเสธไม่ไดว้ า่ ตอ้ งใชเ้ ทคโนโลยจี ดั การศึกษาในหน่วยงาน
ของรัฐ และทุกภาคส่วนตอ้ งส่งเสริมและสนับสนุนการผลิตและพฒั นาตาํ รา หนังสือวิชาการ สือสิงพิมพ์
สือการศึกษา อุปกรณ์และเทคโนโลยี โดยเร่งพฒั นากาํ ลงั การผลิตและให้การสนบั สนุนทางการเงินแก่การผลิต
ให้สิงจูงใจแก่ผผู้ ลิตและพฒั นาเทคโนโลยีการศึกษา โดยเนน้ ทีพระราชบญั ญตั ิการศึกษาแห่งชาติ พ.ศ. ๒๕๕๑
การสือสารใชใ้ นการปฏิรูปการเรียนรู้ มาตรฐานการสอนและการเรียนรู้ดว้ ยคอมพิวเตอร์พกพาไดจ้ ดั ทาํ ขึน ซึง
ตอ้ งมีการพฒั นาเนือหา การพฒั นาครู และการประเมินทีไดม้ าตรฐาน ตลอดจนเป็นเครืองมือในการสร้างระบบ
การเรียนรู้ ตลอดชีวิตในสังคมไทยทีจะสามารถยกระดบั การศึกษาไทยและพฒั นานกั เรียนให้สามารถแข่งขนั
กบั ชาติอืนได้

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

11

บทที
วธิ ีดาํ เนินการ

เครืองมือและอุปกรณ์
เครืองมือและอปุ กรณ์ทีใชใ้ นการดาํ เนินโครงงาน ไดแ้ ก่
. คอมพิวเตอร์
. โปรแกรม Thunkable

วธิ ีดาํ เนินการ
คณะผจู้ ดั ทาํ มีวิธีดาํ เนินการดงั นี
. ศึกษา และ รวบรวมขอ้ มูลต่าง ๆ
. ออกแบบแอปพลิเคชนั
. จดั ทาํ แอปพลิเคชนั
4. ตรวจสอบและแกไ้ ขแอปพลิเคชนั

3.1 การศึกษาและรวรวมข้อมูลต่าง ๆ
การจดั ทาํ แอปพลิเคชนั ท่องสูตรคูณ เริมจาการศึกษาการใชก้ ารใชโ้ ปรแกรม thinkable และรวบรวมแม่

สูตรคูณต่าง ๆ เพือใชใ้ นการดาํ เนินจดั ทาํ แอปพลิเคชนั
. ออกแบบแอปพลเิ คชัน

เมือศึกษาและรวบรวมขอ้ มูลต่าง ๆ ของแอพพลิเคชนั ท่องสูตรคูณแลว้ ทางคณะผูจ้ ดั ทาํ จึงไดท้ าํ การ
ออกแบบแอพพลิเคชนั ดงั นี

12

หนา้ หลกั และ หนา้ กรอกแมส่ ูตรคูณ
หนา้ เตรียมพร้อม และ หนา้ คาํ ถาม

หนา้ สรุปคะแนน

13

3.3 จัดทําแอปพลเิ คชัน
3.3.1 Design

. . . ในส่วนของป่ ุม start ลาก button มาใส่ในหนา้ จอ และแกไ้ ข text ใน button จากนนั อพั โหลด
background picture ทีช่อง background picture

หนา้ หลกั
3.3.1.2 ในส่วนของขอ้ ความ “สูตรคูณ” ดา้ นบน ลาก row มาใสทีหนา้ จอ แลว้ ลาก label มาใส่ใน row
จากนนั แกไ้ ข text ใน label ในส่วนของบรรทดั กรอกแม่สูตรคูณ ลาก row มาใส่ทีหนา้ จอ แลว้ ลาก text input มา
ใส่ใน row จากนันแกไ้ ข text ใน text input ในส่วนของป่ ุม “submit” และป่ ุม “start” ลาก row มาใสทีหน้าจอ
แล้วลาก button มาใส่ในหน้าจอ และแก้ไข text ใน button จากนันอัพโหลด background picture ทีช่อง
background picture

หนา้ กรอกแมส่ ูตรคูณ

14

. . . ในส่วนของข้อความ “ ลาก label มาใส่ในหน้าจอ แล้วแก้ไข text ใน label

จากนันในส่วนของป่ ุม “start” ลาก button มาใส่ในหน้าจอ แล้วแก้ไข text ใน button จากนันอัพโหลด

background picture ทีช่อง background picture

หนา้ เตรียมพร้อม

3.3.1.4 ในส่วนของคาํ ถาม ลาก label มาใส่ในหนา้ จอ จากนนั ในส่วนของตวั เลือกคาํ ตอบ ลาก button
มาใส่ในหนา้ จอ และแกไ้ ข text ใน button แลว้ อพั โหลด background picture ทีช่อง background picture

หนา้ คาํ ถาม

. . . ในส่วนของคะแนนทีแสดง ลาก row มาวางทีหน้าจอ แลว้ ลาก label มาใส่ใน row แลว้ แกไ้ ข
text ใน label จากนนั ในส่วนของป่ ุมกลบั เขา้ สู่หนา้ แรก ลาก row มาวางทีหนา้ จอ แลว้ ลาก button มาใส่ใน row
แลว้ แกไ้ ข text ใน button

15

หนา้ สรุปคะแนน

3.3.2 การเขียน Code

หนา้ หลกั หนา้ กรอกแม่สูตรคูณ

หนา้ เตรียมพร้อม หนา้ คาํ ถาม

16

หนา้ คาํ ถาม หนา้ สรุปคะแนน

. . ตรวจสอบและแก้ไข

เมือทาํ แอพพลิเคชนั เรียบร้อยแลว้ ทางคณะผจู้ ดั ทาํ ไดม้ ีการนาํ เสนอแอพพลิเคชนั ต่ออาจารยท์ ีปรึกษา
อาจารย์ ไดก้ ารแกไ้ ขขอ้ มูลส่วนทีบกพร่อง ทางคณะผจู้ ดั ทาํ จึงไดน้ าํ ไปแกไ้ ข

17

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

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

. ผลการพฒั นาแอปพลเิ คชัน
การการดําเนินโครงงานคอมพิวเตอร์ เรือง พฒั นาแอปพลิเคชันท่องสูตรคูณ ผูจ้ ัดทาํ ได้

ดาํ เนินงานตามขนั ตอนทีเสนอในบทที แลว้ และสามารถสร้างแอปพลิเคชนั ท่องสูตรคูณได้ โดยไดน้ าํ ไป
เผยแพร่ทีเวบ็ บลอ็ กชือ https://x.thunkable.com/projects

. ตัวอย่างการนําเสนอหน้าแอปพลเิ คชัน

หนา้ หลกั หนา้ กรอกแม่สูตรคูณ

18

หนา้ เตรียมพร้อม หนา้ คาํ ถาม

หนา้ สรุปคะแนน

19

บทที
การดาํ เนินงาน สรุปผล และข้อเสนอแนะ

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

. สรุปผลการศึกษา
การพฒั นาแอปพลิเคชนั ท่องสูตรคูณ แอปพลิเคชนั ท่องสูตรคูณมีประสิทธิภาพตามทีตงั เป้าหมายไว้ คือ

สามารถเพิมประสิทธิภาพของการเรียนออนไลน์ไดม้ ากขึน เพราะเป็ นการฝึ กสมองให้คิดอยู่ตลอด แลละเป็ น
การใชเ้ วลาวา่ งใหเ้ กิดประโยชน์สูงสุด
. ข้อเสนอแนะ

.เวลาทาํ โครงงานมีจาํ กดั การพฒั นาแอปพลิเคชนั อาจยงั มีประสิทธิภาพไม่สูงสุด
.ควรศึกษาและทดลองใชโ้ ปรแกรมสาํ หรับพฒั นาแอปพลิเคชนั ใหแ้ ม่นยาํ และชาํ นาญ

20

บรรณานุกรม

กฤษมนั ต์ วฒั นณรงค.์ ไดท้ าํ การศึกษาวิจยั เรือง กลยทุ ธก์ ารใชเ้ ทคโนโลยสี ารสนเทศเพอื การศึกษา ซึงมีการ
นาํ เอาเทคโนโลยมี าใชร้ ่วมกบั การเรียนรู้. [ ออนไลน์ ].
แหลง่ ทีมา : http://202.44.34.144/nccitedoc/admin/nccit_files/NCCIT
-20140611113803.pdf. วนั ทีสืบคน้ กนั ยายน .

นวรัตน์ รามสุต บลั ลงั กโ์ รหิตเสถียร. ทาํ การศึกษาวจิ ยั เรือง อนาคตของการจดั การศึกษาของประเทศไทยเพอื
ประโยชนส์ ูงสุดของประเทศ . [ ออนไลน์ ].
แหลง่ ทีมา: http://thanompo.edu.cmu.ac.th/load/BestPractice.pdf. วนั ทีสืบคน้ กนั ยายน .

Mantgem ( ) ไดท้ าํ การศึกษาวจิ ยั เกียวกบั การสร้างแอปพลิเคชนั สือบนแทบ็ เลต็ Android เพือเป็นสือการ
ศึกษา. [ ออนไลน์ ]. แหล่งทีมา http://202.44.34.144/nccitedoc/admin/nccit_files/NCCI
-20140611113803.pdf. วนั ทีสืบคน้ กนั ยายน .

21

ข้อมูลผู้จัดทาํ
. ชือ จิดาภา นามสกลุ วงศธ์ นั ยบูรณ์
อายุ ปี
ทีอยู่ / ถนน ราษฎบ์ ูรณะ เขต/แขวง ราษฎบ์ ูรณะ กรุงเทพ ฯ
เบอร์โทรศพั ท์
2. ชือ ณฐั สินี นามสกลุ เปศรี
อายุ ปี
ทีอยู่ 676/1 ถนนกรุงเกษม เเขวงโสมนสั เขตป้อมปราบศตั รูพา่ ย กรุงเทพฯ 10100
เบอร์โทรศพั ท์
. ชือ สชั ฌกร นามสกลุ เหรียญกิตติวฒั น์
อายุ ปี
ทีอยู่ 333/884 ถ.ประชาราษฎร์สาย1 แขวงบางซือ เขตบางซือ กรุงเทพฯ 10800
เบอร์โทรศพั ท์ 0621549656
. ชือ สุชญั ญา นามสกลุ ใจซือสมบูรณ์
อายุ ปี
ทีอยู่ 221 หมู่6 ต.ถนนขาด อ.เมือง จ.นครปฐม 73000
เบอร์โทรศพั ท์

แบบประเมินการใช้งาน Application
ชือ่ โครงงาน…แ…อพ…O…อ…ง.P..ต..ร..Q...ณ.

ที่ หัวขอ้ คะแนนท่ไี ด้
321
1 ขอ้ มลู ทใ่ี ชใ้ น Applicationมีความถกู ตอ้ ง
2 ความสัมพันธแ์ ละการทำงานของข้อมลู มีความสอดคล้องกัน
3 การประมวลผลขอ้ มลู และผลลัพธ์ที่เกิดข้ึนมีความถูกตอ้ งชดั เจน
4 ความสวยงามของ Application
5 การใช้งาน Application ง่ายและไม่ยุง่ ยาก
6 การตดิ ตง้ั หรือการเข้าถึง Application ไม่ยงุ่ ยากและเขา้ ถงึ ไดง้ ่าย

ขอ้ เสนอแนะเพ่มิ
เติม.......................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
.............................................................................................................................................................................
..........

...............................................ลงช่ือ
(..................................................)

ท่ีปรกึ ษาโครงงาน
รายช่ือสมาชกิ ในกลมุ่
1. น ส 3ดาภา วง89นย,ร. ม เลข2
2. น ส GฐIJ เปศ@ ม เลข2
3. น ส ;ชฌกร เห@ยญAตCDฒF ม เลข2

4. น ส #$ญญา ใจ)อสม,ร. ม เลข2