36
โดย นายธนภัทร ประทีปทอง นายเกริกชัย ศรีสุโข นายชลันธร หนิ้ววิยะวงค ชั้นมัธยมศึกษาตอนปลาย โรงเรียนสตรีอางทอง จังหวัดอางทอง สังกัด สํานักงานเขตพื้นที่การศึกษามัธยมศึกษาเขต 5 รายงานนี้เปนสวนประกอบของโครงงานคอมพิวเตอรประเภทซอฟตแวร เนื่องในงานศิลปหัตถกรรมนักเรียน ครั้งที่ 64 ปการศึกษา 2557 ระดับเขต วันที่ 8-9 พฤศจิกายน 2557 ®

โดย นายธนภัทร ประทีปทอง นาย ... · 2019. 8. 23. · หรือกิจกรรมได อย างหลากหลาย เช

  • Upload
    others

  • View
    1

  • Download
    0

Embed Size (px)

Citation preview

Page 1: โดย นายธนภัทร ประทีปทอง นาย ... · 2019. 8. 23. · หรือกิจกรรมได อย างหลากหลาย เช

โดย

นายธนภทร ประทปทอง

นายเกรกชย ศรสโข

นายชลนธร หนววยะวงค

ชนมธยมศกษาตอนปลาย โรงเรยนสตรอางทอง จงหวดอางทอง

สงกด สานกงานเขตพนทการศกษามธยมศกษาเขต 5

รายงานนเปนสวนประกอบของโครงงานคอมพวเตอรประเภทซอฟตแวร

เนองในงานศลปหตถกรรมนกเรยน ครงท 64 ปการศกษา 2557 ระดบเขต

วนท 8-9 พฤศจกายน 2557

®

Page 2: โดย นายธนภัทร ประทีปทอง นาย ... · 2019. 8. 23. · หรือกิจกรรมได อย างหลากหลาย เช

โครงงาน

หนนอยนกสารวจ

โดย

นายธนภทร ประทปทอง

นายเกรกชย ศรสโข

นายชลนธร หนววยะวงค

ชนมธยมศกษาตอนปลาย โรงเรยนสตรอางทอง จ.อางทอง

สงกด สานกงานเขตพนทการศกษามธยมศกษาเขต 5

ครทปรกษา

นายอธรฐ พมสาขา

Page 3: โดย นายธนภัทร ประทีปทอง นาย ... · 2019. 8. 23. · หรือกิจกรรมได อย างหลากหลาย เช

บทคดยอ

เดกไทยในปจจบนใหความสาคญกบการเรยนนอยลงขาดความกระตอรอรนในการใฝหาความร เปนปญหาทาใหคณภาพการศกษาของไทยตกตาลงเรอยๆ เนองจากมคานยมทางวตถและวฒนธรรมจากตางประเทศหลงไหลเขามามากมาย เดกสนใจทจะนงอยหนาเครองคอมพวเตอรเพอเลนเกม มากกวาการศกษาหาความร และใหความสาคญกบกจกรรมกลมทใหความสนกสนานในหมเพอน ซงเปนเรองยากทจะนาเอาวฒนธรรมเหลานออกจากเดกไทย

ผจดทาจงไดคดทจะนาเนอหาความร และการเลนเกม มารวมกน เพอใหเดกไทยสามารถเลนเกมไปพรอมๆกบการไดความรจากเนอหาวชาตางๆ ในรปแบบของกจกรรมกลม เพอใหเกดการแขงขนกน มความกระตอรอรนทจะรบเอาเนอหาความรเขาใสตว โดยไดจดทาโครงงาน หนนอยนกสารวจ มลกษณะเปนเกมสารวจทเลนพรอมกนไดหลายคน พฒนาโดยใชโปรแกรม Adobe Flash และใช PHP MySQL ในการสรางระบบฐานขอมล ผเลนจะแขงขนกนคนหาสงของตามโจทยทกาหนด โดยใช Smart Phone หรอ Tablet ทใชระบบปฏบตการแอนดรอยดถายรปสงของทโจทยกาหนดให ซงสามารถนาไปประยกตใชไดกบวชาเรยนหรอกจกรรมไดอยางหลากหลาย เชน ศกษาระบบนเวศน วชาบกเบกของกจกรรมลกเสอ การคนหาสงของ

จากศพทภาษาองกฤษ เปนตน ซงผเลนจะไดรบความสนกสนานในการสารวจ เกดความทาทายในการแขงขน และยงไดรบความรอกดวย

หลงจากการนาโปรแกรมไปใชงานจรงกบกลมนกเรยนทสนใจ แลวทาการประเมนผลการใชโปรแกรมโดยการใชเครองมอ “แบบสอบถามการใชโปรแกรมหนนอยนกสารวจ” พบวา นกเรยนสวนใหญมระดบความพอใจดานประโยชนจากโปรแกรม อยในระดบด คดเปนรอยละ 61.3 ดานความสนกสนานของโปรแกรม อยในระดบด คดเปนรอยละ 52.7 ความยากงายในการใชงาน ในระดบด คดเปนรอยละ 47.3 รปแบบการใชงาน ในระดบด คดเปนรอยละ 58.1 และการประยกตใชงานของโปรแกรม ในระดบด คดเปนรอยละ 50.5 และจาก

ขอเสนอแนะโดยสรปมความเหนวาควรทาเกมใหมรปแบบทสวยงานมากกวาน

จากผลการประเมนโดยการใชเครองมอ “แบบสอบถามการใชโปรแกรมหนนอยนกสารวจ” พบวา ผเขารวมกจกรรมมระดบความพงพอใจในทกๆ ดานอยในระดบด จงสรปไดวาโครงงานหนนอยนกสารวจ สามารถใชในการศกษาและสารวจสงตางๆ รอบตวได และสามารถนาไปประยกตใชในการเรยนการสอนในวชาตางๆ เพอสรางแรงจงใจใหผเรยนเกดความอยากเรยนรเพมมากขนไดอกดวย

Page 4: โดย นายธนภัทร ประทีปทอง นาย ... · 2019. 8. 23. · หรือกิจกรรมได อย างหลากหลาย เช

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

ขอขอบคณผอานวยการธวช ศรสวาง ผอานวยการโรงเรยนสตรอางทอง ทสนบสนนใหนกเรยนในโรงเรยนเขารวมการแขงขนตางๆ และคอยใหกาลงใจในการทางาน

ขอขอบคณครอธรฐ พมสาขา ครทปรกษาโครงงาน ทใหแนวทางในการทาโครงงาน พรอมทงให

คาปรกษาแนะนา เกยวกบขอมลโครงงาน การวเคราะหและออกแบบระบบ การเขยนโปรแกรมคอมพวเตอร

ขอขอบคณสถาบนและหนวยงานตางๆ ทจดการประกวดโครงงานนขนมา ทาใหนกเรยนมโอกาสไดพฒนาตนเอง และแสดงความรความสามารถไดอยางเตมท

ผจดทา

Page 5: โดย นายธนภัทร ประทีปทอง นาย ... · 2019. 8. 23. · หรือกิจกรรมได อย างหลากหลาย เช

สารบญ

หนา

บทท 1 บทนา 1

บทท 2 เอกสารทเกยวของ 3

บทท 3 อปกรณและวธการดาเนนการ 6

บทท 4 ผลการดาเนนงาน 13

บทท 5 สรปผลการดาเนนงาน 18

บรรณานกรม 19

ภาคผนวก 20

ประวตและผลงานดเดนผจดทาโครงงาน 29

Page 6: โดย นายธนภัทร ประทีปทอง นาย ... · 2019. 8. 23. · หรือกิจกรรมได อย างหลากหลาย เช

บทท 1

บทนา

หลกการและเหตผล

เดกไทยในปจจบนใหความสาคญกบการเรยนนอยลงขาดความกระตอรอรนในการใฝหาความร สนใจทจะนงอยหนาเครองคอมพวเตอรเพอเลนเกม เขาอนเตอรเนตเพอความบนเทง มากกวาคนหาสงทมประโยชนและศกษาสงตางๆ รอบตว อกทงยงใหความสาคญกบกจกรรมกลมทใหความสนกสนานในหมเพอน อนเปนปญหาทาใหคณภาพการศกษาของไทยตกตาลงเรอยๆ ซงทกฝายจะตองรวมมอกนแกปญหาอยางเรงดวน

ผจดทาจงไดคดทจะนาการเรยนร และการเลนเกมมารวมกน ใหสามารถเลนเกมไปพรอมๆกบการไดความรจากเนอหาวชาตางๆ ในรปแบบของกจกรรมกลม เพอใหเกดการแขงขนกน มความกระตอรอรนทจะรบเอาเนอหาความรเขาใสตว โดยไดจดทาโครงงาน หนนอยนกสารวจ มลกษณะเปนกจกรรมสารวจทเลนพรอมกนไดหลายคน พฒนาโดยใช jQuery Mobile, PHP, Action Script 3 ผเลนจะแขงขนกนคนหาสงของตามโจทยทกาหนด โดยใช Smart Phone หรอ Tablet ทใชระบบปฏบตการแอนดรอยดถายรปสงของทโจทยกาหนดให และใชระบบ GPS ในการแสดงพกดรวมกบแผนท Google Map ซงสามารถนาไปประยกตใชไดกบวชาเรยนหรอกจกรรมไดอยางหลากหลาย เชน ศกษาระบบนเวศน กจกรรมสารวจวชาลกเสอ การคนหา

สงของจากศพทภาษาองกฤษ เปนตน รปภาพและเนอหาทไดจากกจกรรมกจะถกเกบไวในระบบฐานขอมลทพฒนาโดย MySQL เปนสารานกรมททกคนสามารถใชศกษาไดตอไป

วตถประสงคของโครงงาน

1.เพอใชในการศกษาและสารวจสงตางๆ รอบตวในรปแบบของโปรแกรมประยกต 2.เพอประยกตใชในการเรยนการสอนในวชาตางๆ สรางแรงจงใจใหผเรยนเกดความอยากเรยนรเพม

มากขน

3.เพอจดทาระบบสารานกรมออนไลนความรรอบตว

สมมตฐาน

โครงงานหนนอยนกสารวจ สามารถใชเปนสอการเรยนรเกยวกบการสารวจสงตางๆ รอบตว และใชเปนสอการเรยนการสอนได

Page 7: โดย นายธนภัทร ประทีปทอง นาย ... · 2019. 8. 23. · หรือกิจกรรมได อย างหลากหลาย เช

ขอบเขตในการศกษา

สรางระบบทสามารถสรางฐานขอมลจาลองการสารวจสงตางๆ ทสามารถรองรบผ เลนพรอมกนในระบบออนไลน และสรางระบบสารานกรมออนไลนสาหรบใหผทสนใจศกษา

ปญหาและประโยชนทเปนเหตผลใหควรพฒนาโปรแกรม

เนองจากการเรยนรสวนใหญเรยนจากการทองจา เรยนรจากทฤษฏ ทาใหเดกเกดความเบอหนายในการเรยน และการทาใหผคนหนมาสนใจจงเปนไปไดยาก ทางผจดทาโครงงานจงไดวางแผนใหนาเสนอรปแบบของโปรแกรมออนไลน โดยใชการแขงขนในการสารวจสงตางๆ เพอดงดดผ เลน ใหผ เลนเกดความสนกรวมไปกบการไดรบความร

Page 8: โดย นายธนภัทร ประทีปทอง นาย ... · 2019. 8. 23. · หรือกิจกรรมได อย างหลากหลาย เช

บทท 2

เอกสารทเกยวของ

ฐานขอมล (DataBase) ฐานขอมล (Database) หมายถง กลมของขอมลทมความสมพนธกน นามาเกบรวบรวมเขาไวดวยกนอยางมระบบและขอมลทประกอบกนเปนฐานขอมลนน ตองตรงตามวตถประสงคการใชงานขององคกรดวยเชนกน เชน ในสานกงานกรวบรวมขอมล ตงแตหมายเลขโทรศพทของผทมาตดตอจนถงการเกบเอกสารทกอยางของสานกงาน ซงขอมลสวนนจะมสวนทสมพนธกนและเปนทตองการนาออกมาใชประโยชนตอไป

ภายหลง ขอมลนนอาจจะเกยวกบบคคล สงของสถานท หรอเหตการณใด ๆ กไดทเราสนใจศกษา หรออาจไดมาจากการสงเกต การนบหรอการวดกเปนได รวมทงขอมลทเปนตวเลข ขอความ และรปภาพตาง ๆ กสามารถนามาจดเกบเปนฐานขอมลได และทสาคญขอมลทกอยางตองมความสมพนธกน เพราะเราตองการนามาใชประโยชนตอไปในอนาคต

ระบบฐานขอมล (Database System) หมายถง การรวมตวกนของฐานขอมลตงแต 2ฐานขอมลเปนตนไปทมความสมพนธกน โดยมวตถประสงคเพอเปนการลดความซาซอนของขอมล และทาใหการบารงรกษาตวโปรแกรมงายมากขน โดยผานระบบการจดการฐานขอมล หรอ เรยกยอ ๆ วา DBMS ฐานขอมลมประโยชนดงน 1. ลดการเกบขอมลทซาซอน ขอมลบางชดทอยในรปของแฟมขอมลอาจมปรากฏอยหลาย ๆ แหง

เพราะมผใชขอมลชดนหลายคน เมอใชระบบฐานขอมลแลวจะชวยใหความซาซอนของขอมลลดนอยลง 2. รกษาความถกตองของขอมล เนองจากฐานขอมลมเพยงฐานขอมลเดยว ในกรณทมขอมลชดเดยวกนปรากฏอยหลายแหงในฐานขอมล ขอมลเหลานจะตองตรงกน ถามการแกไขขอมลนทก ๆ แหงทขอมลปรากฏอยจะแกไขใหถกตองตามกนหมดโดยอตโนมตดวยระบบจดการฐานขอมล 3. การปองกนและรกษาความปลอดภยใหกบขอมลทาไดอยางสะดวก การปองกนและรกษาความปลอดภยกบขอมลระบบฐานขอมลจะใหเฉพาะผทเกยวของเทานน ซงกอใหเกดความปลอดภย(security) ของขอมลดวย

Google Map

Google Map คอบรการแผนทซงสามารถดในเวบเบราวเซอร ขนอยกบตาแหนงของตวเรา สามารถด

แผนทพนฐานหรอแผนททกาหนดเองและขอมลธรกจทองถน รวมถงตาแหนงของธรกจขอมลทอยตดตอ และ

เสนทางการขบขดวย คลกและลากแผนทเพอดสวนทตดกนไดทนท ดภาพจากดาวเทยมของตาแหนงทตองการ

ซงผใชสามารถขยายและกวาดดได ผใชทกคนทมการเชอมตออนเทอรเนตและเวบเบราวเซอรทสนบสนน จะ

สามารถใชบรการฟรนในคอมพวเตอรเดสกทอปหรอแลปทอปได

Page 9: โดย นายธนภัทร ประทีปทอง นาย ... · 2019. 8. 23. · หรือกิจกรรมได อย างหลากหลาย เช

Google Map จะแสดงผลลพธท google คดวาเกยวของกบการคนหาของผใชมากทสด ตาแหนงถอ

วาเปนหนงในปจจยหลายๆ ปจจยทใชเพอคนหาผลลพธ ทเกยวของ ตวอยางเชน ถาผใชคนหาสาขาของ

รานอาหารรานหนง แสดงวาผใชตองการคนหาสาขาทอยใกลผใช ตอนน มมมองแผนทเรมตนจะอย ทตาแหนง

ปจจบนของผใช เพอใหผใชสามารถใชผลลพธทเกยวของกบทองถนไดงาย

ตาแหนงในมมมองแผนทเรมตนจะแสดงใหเหนชดเจนดวยปาย "ตาแหนงปจจบนของผใช " ซงอย

ภายในแผงทางดานซายมอ เมอผใชไปท Google Map ครงแรก เทคโนโลยของ google ในการคนหาตาแหนง

จะตงตาแหนงใหผใชโดยอตโนมต แตหากผใชพบวา google จดตาแหนงใหผใชไมถกตอง ผใชสามารถกาหนด

ตาแหนงปจจบนของผใชไดโดยงาย เพอใหการคนหาของผใชแสดงผลลพธ ทเกยวของมากทสด Google จะ

พยายามคนหาตาแหนงของผใชอตโนมตดวยการใชหมายเลขไอพของผใชและปรบผลลพธใหสอดคลองตาม

ตาแหนงของผใช

GPS

ระบบกาหนดตาแหนงบนโลกหรอ จพเอส (องกฤษ: Global Positioning System: GPS) คอระบบ

บอกตาแหนงบนพนผวโลก โดยอาศยการคานวณจากความถสญญาณนาฬกาทสงมาจากดาวเทยมทโคจรอย

รอบโลกซงทราบตาแหนง ทาใหระบบนสามารถบอกตาแหนง ณ จดทสามารถรบสญญาณไดทวโลก โดย

เครองรบสญญาณจพเอส รนใหมๆ จะสามารถคานวณความเรวและทศทางนามาใชรวมกบโปรแกรมแผนท

เพอใชในการนาทางได

แนวคดในการพฒนาระบบจพเอส เรมตนตงแตป ค.ศ. 1957 เมอนกวทยาศาสตรของสหรฐอเมรกา

นาโดย Dr. Richard B. Kershner ไดตดตามการสงดาวเทยมสปตนกของโซเวยต และพบปรากฏการณดอป

เปลอรของคลนวทยทสงมาจากดาวเทยม พวกเขาพบวาหากทราบตาแหนงทแนนอนบนพนผวโลก กสามารถ

ระบตาแหนงของดาวเทยมไดจากการตรวจวดดอปเปลอร และหากทราบตาแหนงทแนนอนของดาวเทยม ก

สามารถระบตาแหนงบนพนโลกได ในทางกลบกน

JQuery

JQuery เปนไลบรารของโคดจาวาสครปต (JavaScript Library) ทรวบรวมเอาฟงกชน และคาสง

ตางๆ ของ Javascript ทใชอยเปนประจา โดยทไมตองเขยนขนมาใหมทงหมดตงแตตน และสามารถทจะเขยน

ajax ไดแบบงายๆเพยง code ไม กบรรทด หรอจะเขยน javascript เพอดก Event (เหตการณ) ตางๆท

ตองการ เชน การ click, rollover, mouse moved และอนๆอกมาก ซงถาใช Javascript ตองเขยนคาสง

หลายบรรทด

Page 10: โดย นายธนภัทร ประทีปทอง นาย ... · 2019. 8. 23. · หรือกิจกรรมได อย างหลากหลาย เช

jQuery Mobile

jQuery Mobile คอ Framework ชนดหนงซงไดรบความนยมใชงานอยางแพรหลายมาก เพราะ

ปจจบนอปกรณพกพาตาง ๆ เพมเขามามบทบาทมากยงขน ผคนตาง ๆ มการใชงานเวบไซตผานอปกรณตาง

ๆ มากยงขนทกวน ๆ ซง jQuery Mobile Framework นชวยใหผพฒนาสามารถเขยนเวบไซตขนมาครงเดยว

แตสามารถรนไดบนทกอปกรณ ซงทาใหมทางเลอกในการพฒนา และสรางประสบการณใหม ๆ ใหกบผ พฒนา

และผใชงานเปนอยางมาก

แรงจงใจ (Motivation)

แรงจงใจ คอ สงซงควบคมพฤตกรรมของมนษย อนเกดจากความตองการ (Needs) พลงกดดน

(Drives) หรอ ความปรารถนา (Desires) ทจะพยายามดนรนเพอใหบรรลผลสาเรจตามวตถประสงค ซงอาจจะ

เกดมาตามธรรมชาตหรอจากการเรยนรกได แรงจงใจเกดจากสงเราทงภายในและภายนอกตวบคคลนน ๆ เอง

ภายใน ไดแก ความรสกตองการ หรอขาดอะไรบางอยาง จงเปนพลงชกจง หรอกระตนใหมนษยประกอบ

กจกรรมเพอทดแทนสงทขาดหรอตองการนน สวนภายนอกไดแก สงใดกตามทมาเรงเรา นาชองทาง และมา

เสรมสรางความปรารถนาในการประกอบกจกรรมในตวมนษย ซงแรงจงใจนอาจเกดจากสงเราภายในหรอ

ภายนอก แตเพยงอยางเดยว หรอทงสองอยางพรอมกนได อาจกลาวไดวา แรงจงใจทาใหเกดพฤตกรรมซงเกด

จากความตองการของมนษย ซงความตองการเปนสงเราภายในทสาคญกบการเกดพฤตกรรม นอกจากนยงม

สงเราอน ๆ เชน การยอมรบของสงคม สภาพบรรยากาศทเปนมตร การบงคบขเขญ การใหรางวลหรอกาลงใจ

หรอการทาใหเกดความพอใจ ลวนเปนเหตจงใจใหเกดแรงจงใจได

Page 11: โดย นายธนภัทร ประทีปทอง นาย ... · 2019. 8. 23. · หรือกิจกรรมได อย างหลากหลาย เช

บทท 3

อปกรณและวธการดาเนนงาน

อปกรณและซอฟตแวรทใชในการพฒนา

- AppServ

- Notepad ++

- jQuery Mobile

- Adobe Flash CC

- Smart Phone & Tablet Android

วธการดาเนนการ

1. ศกษาการเขยนโปรแกรมระบบฐานขอมล และเนอหาความรทเกยวของ

ศกษาวธการเขยนโปรแกรมโดยคนควาขอมลจากหนงสอและเวบไซตตางๆ โดยใชโปรแกรม

Notepad++ เขยนโปรแกรมโดยใช MySQL เปนฐานขอมลเพอเกบขอมลตางๆ การใชระบบ GPS ทางาน

รวมกบแผนท Google Map

2. ทดสอบความเปนไปไดของระบบ

ทดสอบการใชฐานขอมล MySQL และใชโปรแกรม ซงเปนโปรแกรมจาลองเซฟเวอร โดยลอง

ทดสอบโปรแกรมทสรางขนใหจดเกบคา แกไข บนทก และนาเสนอขอมลทอยในฐานขอมลมาแสดง และสง

ขอมลนนๆ เชอมโยงกบแอพพลเคชนแอนดรอยดทพฒนาโดยใช Adobe Flash CC

3. กาหนดแนวทางและออกแบบโปรแกรม

3.1 วเคราะหและออกแบบระบบการทางานของโปรแกรม

3.2 ออกแบบระบบฐานขอมล

3.3 ออกแบบโปรแกรม

3.4 ออกแบบอนเตอรเฟสเชอมตอระหวางผควบคมและผใช

Page 12: โดย นายธนภัทร ประทีปทอง นาย ... · 2019. 8. 23. · หรือกิจกรรมได อย างหลากหลาย เช

การออกแบบโปรแกรม

(ผควบคม) (ผเลน)

Page 13: โดย นายธนภัทร ประทีปทอง นาย ... · 2019. 8. 23. · หรือกิจกรรมได อย างหลากหลาย เช

วเคราะหและออกแบบระบบการทางานของโปรแกรม

โครงงาน หนนอยนกสารวจ ใชฐานขอมลรวมกนบน MySQL ผควบคมจะเปนผ กาหนดคาตางๆ

ใหกบการเลน ผเลนจะสงคาตอบมาเพอทาการตรวจ และแจงสถานะกลบไป ขอมลการสารวจจะถกนาไปเกบ

ไวในฐานขอมลสารานกรมเพอใชในการศกษาตอไป

ผงการเชอมโยงขอมลในระบบเครอขายของโครงงาน

Page 14: โดย นายธนภัทร ประทีปทอง นาย ... · 2019. 8. 23. · หรือกิจกรรมได อย างหลากหลาย เช

ออกแบบระบบฐานขอมล

Page 15: โดย นายธนภัทร ประทีปทอง นาย ... · 2019. 8. 23. · หรือกิจกรรมได อย างหลากหลาย เช

ตวอยางการนาโปรแกรมไปใชงาน

4. พฒนาโปรแกรม

เรมตนพฒนาดวยโปรแกรม Flash ในการเขยน source code สวนของผเลน และใช PHP ในการ

เขยนโปรแกรมสวนของผควบคม โดยใช MySQL ในการสรางฐานขอมล และเชอมโยงทงหมดผานระบบ

เครอขาย

5. นาโปรแกรมไปใชงานจรงและประเมนผลการทางาน

จดกจกรรมการสารวจภายในโรงเรยนโดยรบสมครนกเรยนระดบชนมธยมตนละมธยมปลายท

สนใจผทสนใจเขารวมกจกรรม และเกบรวบรวมขอมลการสารวจตางๆ ในระบบสารานกรม แลวทาการ

ประเมนผลการใชโปรแกรมโดยการใชเครองมอ “แบบสอบถามการใชโปรแกรมหนนอยนกสารวจ”

Page 16: โดย นายธนภัทร ประทีปทอง นาย ... · 2019. 8. 23. · หรือกิจกรรมได อย างหลากหลาย เช

จดกจกรรมการสารวจพนธไมในโรงเรยน

ณ หองโสตฯ โรงเรยนสตรอางทอง

Page 17: โดย นายธนภัทร ประทีปทอง นาย ... · 2019. 8. 23. · หรือกิจกรรมได อย างหลากหลาย เช

บรณาการกบวชาในกลมสาระการเรยนรตางๆ

เชน ศกษาระบบนเวศนวชาชววทยา สารวจ

ทองถนวชาสงคมศกษา กจกรรมบกเบกวชา

ลกเสอ หาสงของตามคาศพทวชาภาษาองกฤษ

ถายรปมมมองตางๆวชาศลปะ เปนตน

Page 18: โดย นายธนภัทร ประทีปทอง นาย ... · 2019. 8. 23. · หรือกิจกรรมได อย างหลากหลาย เช

บทท 4

ผลการดาเนนงาน

หลงจากการพฒนาโปรแกรมตามทไดออกแบบไว จะได โปรแกรมหนนอยนกสารวจ หรอ Little

Explorer ทมรปแบบการทางานแบงออกเปน 2 สวน ดงน

กจกรรมสารวจ

เปนกจกรรมทเลนพรอมกนไดหลายคน ผเลนจะแขงขนกนคนหาสงของตามโจทยทกาหนด โดยใช

Smart Phone หรอ Tablet ทใชระบบปฏบตการแอนดรอยดถายรปสงของทโจทยกาหนดให โปรแกรมแบง

ออกเปน 2 สวน คอสวนของผควบคม และสวนของผเลน โดยสวนของผควบคมจะทางานบนเวบบราวเซอร

เชอมโยงกบระบบฐานขอมล มหนาทกาหนดขอมลเกมตางๆ แสดงผลออกทางหนาจอใหกบผรวมกจกรรม

แลวทาการตรวจผลการเลนจากภาพทสงจากจากสวนของผเลน ทาการใหคะแนนเพอหาผชนะ

Page 19: โดย นายธนภัทร ประทีปทอง นาย ... · 2019. 8. 23. · หรือกิจกรรมได อย างหลากหลาย เช

ในโปรแกรมจะมการใช Geolocation ในการดงพกดละตจด ลองจจด จาก GPS เพอหาตาแหนงของ

ผเลนมาแสดงบนแผนท Google map ในสวนเครองควบคม ทาใหผจดกจกรรมและผชมเหนการเคลอนไหว

ของผเลนตามเวลาจรง และเปนการเกบพกดทถายภาพไวใชในสารานกรม

Page 20: โดย นายธนภัทร ประทีปทอง นาย ... · 2019. 8. 23. · หรือกิจกรรมได อย างหลากหลาย เช

สวนของผเลนจะทางานบน Smart Phone หรอ Tablet ทใชระบบปฏบตการแอนดรอยด เชอมโยง

เขากบระบบฐานขอมลผานระบบเครอขายอนเตอรเนตไรสาย โดยผเลนจะทาการถายภาพสงของตามทโจทย

กาหนดใหสงไปยงสวนของผควบคมเพอทาการตรวจคาตอบและใหคะแนน

Page 21: โดย นายธนภัทร ประทีปทอง นาย ... · 2019. 8. 23. · หรือกิจกรรมได อย างหลากหลาย เช

ผงการทางานของโปรแกรมหนนอยนกสารวจ

ผควบคม

ผเลน

สารานกรม

Page 22: โดย นายธนภัทร ประทีปทอง นาย ... · 2019. 8. 23. · หรือกิจกรรมได อย างหลากหลาย เช

สารานกรมออนไลน

เปนการเกบขอมลการสารวจไวในระบบฐานขอมลในรปแบบสารานกรมออนไลน ทจะมการเกบ

รปภาพ รายละเอยด ตาแหนงพกด ของสงตางๆไว เพอใหนกเรยนและบคคลทวไปสามารถเขามาศกษาและ

นาไปใชประโยชนไดตอไป

ผลการประเมนการใชโปรแกรม

หลงจากการนาโปรแกรมไปใชงานจรงกบกลมนกเรยนทสนใจ แลวทาการประเมนผลการใชโปรแกรมโดยการใชเครองมอ “แบบสอบถามการใชโปรแกรมหนนอยนกสารวจ” พบวา ในดานขอมลทวไป นกเรยนเปนเพศชายรอยละ 18.3 เพศหญงรอยละ 81.7 มนกเรยนมธยมศกษาปทหนงรอยละ 9.7 นกเรยนมธยมศกษาปทสองรอยละ 18.3 นกเรยนมธยมศกษาปทสามรอยละ 20.4 นกเรยนมธยมศกษาปทสรอยละ 17.2 นกเรยนมธยมศกษาปทหารอยละ 21.5 นกเรยนมธยมศกษาปทหกรอยละ 12.9

การประเมนการใชโปรแกรมหนนอยนกสารวจ พบวา นกเรยนสวนใหญมระดบความพอใจดานประโยชนจากโปรแกรม อยในระดบด คดเปนรอยละ 61.3 ดานความสนกสนานของโปรแกรม อยในระดบด คดเปนรอยละ 52.7 รปแบบการใชงาน ในระดบด คดเปนรอยละ 47.3 การใชสารานกรม ในระดบด คดเปนรอยละ 58.1 และการประยกตใชงานของโปรแกรม ในระดบด คดเปนรอยละ 50.5 และจากขอเสนอแนะโดยสรปมความเหนวาควรทาใหสามารถใชงานไดบนอปกรณระบบ IOS

Page 23: โดย นายธนภัทร ประทีปทอง นาย ... · 2019. 8. 23. · หรือกิจกรรมได อย างหลากหลาย เช

บทท 5

สรปผลการดาเนนงาน

สรปผลการพฒนาโครงงาน

จากผลการประเมนโดยการใชเครองมอ “แบบสอบถามการใชโปรแกรมหนนอยนกสารวจ” พบวา ผเขารวมกจกรรมมระดบความพงพอใจในทกๆ ดานอยในระดบด จงสรปไดวาโครงงานหนนอยนกสารวจ สามารถใชในการศกษาและสารวจสงตางๆ รอบตวได สามารถนาไปประยกตใชในการเรยนการสอนในวชาตางๆ และศกษาความรจากสารานกรมออนไลน เพอสรางแรงจงใจใหผเรยนเกดความอยากเรยนร เพมมากขน

ไดอกดวย

อภปรายผล

โปรแกรมหนนอยนกสารวจ สามารถนาไปใชประกอบกจกรรมกลมเพอความสนกสนานและเพอพฒนาความรไดจรง สามารถใชสรางแรงจงใจใหกบผเลนพยายามศกษาความรรอบตวเพมเตมเพอแขงขนกบเพอน เกดความกระตอรอรนทจะพฒนาตนเองตอไป

ขอเสนอแนะในการพฒนาโครงงานครงตอไป

ในการพฒนาครงตอไปอาจเพมหมวดคาถามโดยสามารถเลอกไดวาจะใชคาถามหมวดใดในการเลน

รปแบบการเลนเปนการเลนแคเกมเดยว อาจเพมใหสามารถสรางเกมไดหลายๆเกม และใหผ เลนสามารถเลอก

ไดวาจะเขาเลนเกมไหน หรออาจจะเพมผเลนแบบออนไลน เกบสถตการเลนไปเรอยๆ เพอใหเกดการแขงขน

มากยงขน

Page 24: โดย นายธนภัทร ประทีปทอง นาย ... · 2019. 8. 23. · หรือกิจกรรมได อย างหลากหลาย เช

บรรณานกรม

เกษม กมลชยพสฐ. รอบร ประยกตใช SQL Server 2005. กรงเทพฯ : สานกพมพแหงจฬาลงกรณ

มหาวทยาลย, 2552.

ประชา พฤกษประเสรฐ. สรางเวบและเพมลกเลนดวย HTML & XHTML . กรงเทพฯ : ซคเซส

มเดย, 2550.

สมศกด โชคชยชตกล. Insight PHP ฉบบสมบรณ. กรงเทพฯ : โปรวชน, 2552.

อรพน ประวตบรสทธ. คมอสรางเวบไซตดวย HTML5 CSS3 & JavaScript ฉบบสมบรณ. กรงเทพฯ :

โปรวชน, 2557.

อรพน ประวตบรสทธ. พฒนาเวบแอพบน Smartphone/Tablet ดวย jQuey Mobile. กรงเทพฯ :

โปรวชน, 2557.

โอภาส เอยมสรวงศ. ระบบฐานขอมล Database System. กรงเทพฯ : ซเอดยเคชน, 2551.

Adobe . BitmapData - AS3 .[ออนไลน]. เขาถงไดจาก : http://help.adobe.com/en_US/

FlashPlatform/reference/actionscript/3/flash/display/BitmapData.html

(วนทคนขอมล : 1 กนยายน 2557).

Thaiflashdev. Action Script 3.0.[ออนไลน]. เขาถงไดจาก : http://www.thaiflashdev.com.

(วนทคนขอมล : 15 กนยายน 2557).

GitHub. jQuery-mobile.[ออนไลน]. เขาถงไดจาก : http:// githun.com/. (วนทคนขอมล : 1 กนยายน

2557).

Ninenik. ลกเลน เทคนค PHP Ajax CSS Javascript jQuery MySQL.[ออนไลน]. เขาถงไดจาก :

http:// www.ninenik.com/. (วนทคนขอมล : 1 กนยายน 2557).

Ninenik. เรมตน รจก กอนการใชงาน google map API.[ออนไลน]. เขาถงไดจาก :

http:// www.ninenik.com/. (วนทคนขอมล : 1 กนยายน 2557).

W3School. HTML5 Geolocation.[ออนไลน]. เขาถงไดจาก : http://W3School.com/. (วนทคนขอมล :

1 กนยายน 2557).

Page 25: โดย นายธนภัทร ประทีปทอง นาย ... · 2019. 8. 23. · หรือกิจกรรมได อย างหลากหลาย เช

ภาคผนวก

Page 26: โดย นายธนภัทร ประทีปทอง นาย ... · 2019. 8. 23. · หรือกิจกรรมได อย างหลากหลาย เช

สรปผลการประเมนการใชโปรแกรมหนนอยนกสารวจ

คาชแจง ใหทานทาเครองหมาย ( ) ลงในชองทตรงกบความคดเหนของทานใหมากทสด

1. เพศ

ชาย 18.3% หญง 81.7%

2. สถานะ

ระดบชนมธยมศกษาปท 1 9.7% ระดบชนมธยมศกษาปท 2 18.3%

ระดบชนมธยมศกษาปท 3 20.4% ระดบชนมธยมศกษาปท 4 17.2%

ระดบชนมธยมศกษาปท 5 21.5% ระดบชนมธยมศกษาปท 6 12.9%

รายการประเมน

ระดบความพอใจ

ดมาก

(5)

ด(4)

ปานก

ลาง(

3)

นอย(

2)

ควรป

รบปร

ง(1)

1. ประโยชนของโปรแกรม 33.3 61.1 5.4

2. ความสนกสนานทไดรบจากโปรแกรม 30.1 52.7 14 3.2

3. รปแบบการใชงานของโปรแกรม 25.8 47.3 26.9

4. การใชงานสารานกรรม 31.1 58.1 10.8

5. การประยกตใชงานของโปรแกรม 43 50.5 6.5

ขอเสนอแนะ

1.ควรทาใหสามารถใชงานไดบนอปกรณระบบ IOS

Page 27: โดย นายธนภัทร ประทีปทอง นาย ... · 2019. 8. 23. · หรือกิจกรรมได อย างหลากหลาย เช

คมอการใชงานโปรแกรมหนนอยนกสารวจ

สารานกรม

ผใชสามารถเขาสระบบสารานกรมไดท ทอย จากนนผใชจะสามารถดขอมลตางๆในระบบได ทง

รปภาพและสถานทผาน Google Map

ระบบสมาชก

ผใชสามารถสมครสมาชกและเขาสระบบได เพอใชงานในสวนของการเพมขอมลและการเลนกจกรรม

Page 28: โดย นายธนภัทร ประทีปทอง นาย ... · 2019. 8. 23. · หรือกิจกรรมได อย างหลากหลาย เช

การเพมขอมล

การเพมแบบแรกคอการเพมขอมลใหมหรอขอมลทยงไมมอยในระบบผใชสามารถเพมชอ รายละเอยด

รปภาพและสถานททพบเหนได และแบบทสองคอการเพมรปภาพจากขอมลทมอยแลว ซงสามารถระบ

ตาแหนงทพบไดเชนกน

ระบบคนหาขอมล

ผใชสามารถคนหาขอมลทตองการไดจากเครองมอคนหา ซงจะทาใหผ ใชสะดวกตอการคนหาขอมล

มากขน

Page 29: โดย นายธนภัทร ประทีปทอง นาย ... · 2019. 8. 23. · หรือกิจกรรมได อย างหลากหลาย เช

กจกรรมสารวจ

ผใชสามารถทากจกรรมสารวจ เพอคนหาขอมลตางๆจากการทากจกรรมจรง ผใชจะไดรบทงความร

และความบนเทงอกทงยงเปนการเพมขอมลลงในสารานกรมดวย ซงในสวนของการทากจกรรมสารวจจะแบง

ได 2 สวนใหญๆ คอ

สวนผควบคม

ผควบคมมหนาทสรางเกมและควบคมเหตการณตางๆภายในเกม ซงจะมการตงคาเกม เรมเกมและ

ตรวจคาตอบจากผเลน โดยผชมจะสามารถดเหตการณตางๆไดแบบเรยลไทม

การสรางหองแขงขนกาหนดจานวนผเลน จานวนคาถามและเวลาการแขงขน

Page 30: โดย นายธนภัทร ประทีปทอง นาย ... · 2019. 8. 23. · หรือกิจกรรมได อย างหลากหลาย เช

กาหนดคาถาม

เมอผ เลนเขาสหองแขงขนครบแลวจงจะสามารถกดเรมเกมได

แผนทจะแสดงพกดของผ เลนวาอยตาแหนงใดโดยอตโนมตตามตาแหนง GPS ของอปกรณ

Page 31: โดย นายธนภัทร ประทีปทอง นาย ... · 2019. 8. 23. · หรือกิจกรรมได อย างหลากหลาย เช

เมอผ เลนสงคาตอบมาจะแสดงสเหลองตรงชองของคาถามขอนนๆ

ผควบคมสามารถกดดแลวตรวจคาตอบขอนนๆได

ถาถกจะเปลยนเปนสเขยวพรอมเพมคะแนนและถาผดจะเปนสแดง

Page 32: โดย นายธนภัทร ประทีปทอง นาย ... · 2019. 8. 23. · หรือกิจกรรมได อย างหลากหลาย เช

ปมแถบขวาจะแสดงคาถามและแสดงผ ทตอบถก

เมอผ เลนตอบถกครบหรอหมดเวลาจะแสดงผทไดคะแนนสงสด ซงสามารถดคาตอบของผเลนทสงมาได

Page 33: โดย นายธนภัทร ประทีปทอง นาย ... · 2019. 8. 23. · หรือกิจกรรมได อย างหลากหลาย เช

สวนของผเลน

สวนของผเลนจะเปนแอพพลเคชนระบบแอนดรอยด ผเลนจะตองเปนสมาชกของระบบเทานนจง

จะสามารถทากจกรรมสารวจได เมอผควบคมสรางเกมแลวจงจะเขาสระบบไดแลวรอผเลนครบตามทกาหนดผ

ควบคมจงจะเรมเกม จากนนผเลนจะสามารถสงคาตอบไปยงผควบคมไดโดยการถายรปผลคะแนนตางๆจะ

แสดงในหนาแอพพลเคชน ถาตอบถกจะแสดงสเขยว ตอบผดสแดง รอการตรวจสอบเปนรปนาฬกา โดยผ เลน

สามารถแกไขคาตอบทผดได เมอหมดเวลาหรอไดผชนะแลวเกมจะจบลง

ลอคอนเขาส เกม

หนาเกมจะแสดง

โจทย คะแนน เวลา

การแขงขน ถาตอบ

ถกจะเปนสเขยว

ตอบผดเปนสแดง

ถายรปตามทโจทย

กาหนด รปจะถก

สงไปยงเซรฟเวอร

และแสดงผลบน

เครองควบคม

จบเกม แสดง

สถตผเลน

Page 34: โดย นายธนภัทร ประทีปทอง นาย ... · 2019. 8. 23. · หรือกิจกรรมได อย างหลากหลาย เช

ประวตและผลงานวจยดเดนของผจดทาโครงงาน

ชอ-สกล นายธนภทร ประทปทอง

วน/เดอน/ป/เกด 22 กรกฎาคม 2539

ทอย 58/2 หม 3 ต.สรอย อ.วเศษชยชาญ จ.อางทอง 14110

การศกษา ระดบชนมธยมศกษาปท 6 โรงเรยนสตรอางทอง

ผลงานดเดน

- การประกวดโครงงานคอมพวเตอรประเภทซอฟตแวร งานศลปหตถกรรมนกเรยน ระดบชาต

รองชนะเลศอนดบ 1 ระดบชนมธยมศกษาตอนตน ครงท 60 ปการศกษา 2553

ชนะเลศ ระดบชนมธยมศกษาตอนตน ครงท 61 ปการศกษา 2554

เหรยญทอง ระดบชนมธยมศกษาตอนปลาย ครงท 62 ปการศกษา 2555

รองชนะเลศอนดบ 1 ระดบชนมธยมศกษาตอนปลาย ครงท 63 ปการศกษา 2556

- การแขงขนพฒนาโปรแกรมคอมพวเตอรแหงประเทศไทย

เขารวมการแขงขนรอบชงชนะเลศ ครงท 14 ป 2555 รบเงนทนพฒนา 12,000 บาท จาก NECTEC

เขารวมการแขงขนรอบชงชนะเลศ ครงท 16 ป 2557 รบเงนทนพฒนา 15,000 บาท จาก NECTEC

- รองชนะเลศอนดบ 2 การประกวดการสรางแผนททรพยากรชวภาพและภมปญญาทองถน

Bio Map Contest ครงท 4 สานกงานพฒนาเศรษฐกจจากฐานชวภาพ (องคการมหาชน) ป 2557

Page 35: โดย นายธนภัทร ประทีปทอง นาย ... · 2019. 8. 23. · หรือกิจกรรมได อย างหลากหลาย เช

ชอ-สกล นายชลนธร หนววยะวงค

วน/เดอน/ป/เกด 1 กนยายน 2541

ทอย 15/10 หม 9 ต.บางจก อ.วเศษชยชาญ จ.อางทอง 14110

การศกษา ระดบชนมธยมศกษาปท 4 โรงเรยนสตรอางทอง

ผลงานดเดน

- การประกวดโครงงานคอมพวเตอรประเภทซอฟตแวร งานศลปหตถกรรมนกเรยน ระดบชาต

ชนะเลศ ระดบชนมธยมศกษาตอนตน ครงท 62 ปการศกษา 2555

- การประกวดโครงงานการออกแบบเทคโนโลย งานศลปหตถกรรมนกเรยน ระดบชาต

เหรยญเงน ระดบชนมธยมศกษาตอนตน ครงท 62 ปการศกษา 2555

- การประกวดโครงงานคอมพวเตอรประเภทซอฟตแวร งานศลปหตถกรรมนกเรยน ระดบภาคกลาง

เหรยญทอง ระดบชนมธยมศกษาตอนตน ครงท 63 ปการศกษา 2556

- การแขงขนพฒนาโปรแกรมคอมพวเตอรแหงประเทศไทย

เขารวมการแขงขนรอบท 2 ครงท 15 ป 2556 รบเงนทนพฒนา 3,000 บาท จาก NECTEC

เขารวมการแขงขนรอบชงชนะเลศ ครงท 16 ป 2557 รบเงนทนพฒนา 15,000 บาท จาก NECTEC

- รองชนะเลศอนดบ 2 การประกวดการสรางแผนททรพยากรชวภาพและภมปญญาทองถน

Bio Map Contest ครงท 4 สานกงานพฒนาเศรษฐกจจากฐานชวภาพ (องคการมหาชน) ป 2557

- เขารวมโครงการสงเสรมโอลมปกวชาการ (สอวน.) วชาคอมพวเตอร ปการศกษา 2557

Page 36: โดย นายธนภัทร ประทีปทอง นาย ... · 2019. 8. 23. · หรือกิจกรรมได อย างหลากหลาย เช

ชอ-สกล นายเกรกชย ศรสโข

วน/เดอน/ป/เกด 24 พฤศจกายน 2540

ทอย 41/1 หม 1 ต.บางพลบ อ.โพธทอง จ.อางทอง

การศกษา ระดบชนมธยมศกษาปท 5 โรงเรยนสตรอางทอง

ผลงานดเดน

- เขารวมโครงการสงเสรมโอลมปกวชาการ (สอวน.) วชาฟสกส ปการศกษา 2557