โครงงาน · 2019. 8. 23. · โครงงาน โดย 1....

โครงงาน

โดย

1. นายพรชย พมภญโญ

2. นายสรรคพงศ คาหอม

3. เดกชายดนสรณ สระทองแกว

โรงเรยนสตรอางทอง อาเภอเมอง จงหวดอางทอง

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

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

ระดบชน มธยมศกษาตอนตน

เนองในงานศลปหตถกรรมนกเรยน ครงท 65 ปการศกษา 2558

โดย

1. นายพรชย พมภญโญ

2. นายสรรคพงศ คาหอม

3. เดกชายดนสรณ สระทองแกว

โรงเรยนสตรอางทอง อาเภอเมอง จงหวดอางทอง

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

ครทปรกษา

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

นางปยาภรณ แสงนาค

บทคดยอ

การศกษาไทยในปจจบน นบวนจะยงตกตาลงเนองจากนกเรยนสวนมากประสบปญหาตางๆ ในการ

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

เนอหาวชาตางๆ แตไมมทปรกษาเนองจากปจจยหลายอยาง หรออาจจะไมกลาทถาม ทาใหไมเขาใจเนอหา

อยางละเอยด ในทางกลบกนมนกเรยนหลายคนทมความรในเนอหาวชาตางๆ ในระดบทสามารถถายทอด

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

ผพฒนาจงไดมแนวคดในการจดทาโครงงาน “ตวเตอรอาสา” เพอใชเปนชองทางในการตดตอ

สนทนา สอนเนอหาหรอแนะแนวทางในวชาตางๆ ระหวางนกเรยนดวยกนเองโดยไมเปดเผยตวตน จดทาเปน

เวบแอพพลเคชนระบบฐานขอมลออนไลน โดยใช jQuery Mobile ในการพฒนารวมกบ MySQL เพอใหผใช

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

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

ใหแกผใชงานอกดวย

หลงจากการพฒนาโปรแกรมไดนาโปรแกรมไปเผยแพรในชนเรยน และผทสนใจ รวมกบ

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

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

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

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

สาธารณะ อยในระดบดมาก ดานความยากงายในการใชงานระบบโครงงาน ดานความสะดวกในการใชบน

อปกรณเคลอนท ดานการนาไปใชเปนชองทางในการแลกเปลยนเรยนร อยในระดบด จงสรปไดวาโครงงาน

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

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

สงคมตอไปในอนาคต

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

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

ขอขอบคณครอธรฐ พมสาขา และครปยาภรณ แสงนาค ครทปรกษาโครงงาน ทใหแนวทางในการทาโครงงาน พรอมทงใหคาปรกษาแนะนา เกยวกบขอมลโครงงาน การวเคราะหและออกแบบระบบ การเขยนโปรแกรมคอมพวเตอร

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

ผจดทา

สารบญ

หนา

บทท 1 บทนา 1

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

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

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

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

บรรณานกรม 18

ภาคผนวก 19

บทท 1

บทนา

ทมาและความสาคญของโครงงาน

การศกษาไทยในปจจบน นบวนจะยงตกตาลงเนองจากนกเรยนสวนมากประสบปญหาตางๆ ในการ

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

เนอหาวชาตางๆ แตไมมทปรกษาเนองจากปจจยหลายอยาง หรออาจจะไมกลาทถาม ทาใหไมเขาใจเนอหา

อยางละเอยด ในทางกลบกนมนกเรยนหลายคนทมความรในเนอหาวชาตางๆ ในระดบทสามารถถายทอด

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

ผพฒนาจงไดมแนวคดในการจดทาโครงงาน “ตวเตอรอาสา” เพอใชเปนชองทางในการตดตอ

สนทนา สอนเนอหาหรอแนะแนวทางในวชาตางๆ ระหวางนกเรยนดวยกนเองโดยไมเปดเผยตวตน จดทาเปน

เวบแอพพลเคชนระบบฐานขอมลออนไลน โดยใช jQuery Mobile ในการพฒนารวมกบ MySQL เพอใหผใช

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

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

ใหแกผใชงานอกดวย

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

1. เพอสรางระบบการแลกเปลยนเรยนรระหวางผเรยนดวยกนเอง

2. เพอปลกฝงจตสาธารณะใหกบผใชงานโปรแกรม

สมมตฐาน

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

ขอบเขตของการดาเนนงาน

สรางระบบเวบแอพพลเคชนตวเตอรอาสาสาหรบใชกบนกเรยนและบคคลทสนใจ ในโรงเรยนสตร

อางทอง มชวงเวลาในการดาเนนการตงแตเดอนกรกฎาคม 2558 ถงเดอนพฤศจกายน 2558

บทท 2

เอกสารและงานวจยทเกยวของ

ฐานขอมล (DataBase)

ฐานขอมล คอระบบทรวบรวมขอมลไวในทเดยวกน ซงประกอบไปดวยแฟมขอมล (File) ระเบยน

(Record) และ เขตขอมล (Field) และถกจดการดวยระบบเดยวกน โปรแกรมคอมพวเตอรจะเขาไปดงขอมลท

ตองการได อยางรวดเรว

การออกแบบฐานขอมล (Designing Databases) มความสาคญตอการจดการระบบฐานขอมล

(DBMS) ทงนเนองจากขอมลทอยภายในฐานขอมลจะตองศกษาถงความสมพนธของขอมล โครงสรางของ

ขอมลการเขาถงขอมลและกระบวนการทโปรแกรมประยกตจะเรยกใชฐานขอมล

การออกแบบฐานขอมลในระดบตรรกะ หรอในระดบแนวความคด เปนขนตอนการออกแบบ

ความสมพนธระหวางขอมลในระบบโดยใชแบบจาลองขอมลเชงสมพนธ ซงอธบายโดยใชแผนภาพแสดง

ความสมพนธระหวางขอมล (E-R Diagram) จากแผนภาพ E-R Diagram นามาสรางเปนตารางขอมล

(Mapping E-R Diagram to Relation) และใชทฤษฏการ Normalization เพอเปนการรบประกนวาขอมลม

ความซาซอนกนนอยทสด

ระบบเครอขาย (Network)

เครอขายคอมพวเตอร หรอ คอมพวเตอรเนทเวรก (computer network) คอ ระบบการสอสาร

ระหวางคอมพวเตอรจานวนตงแตสองเครองขนไป

การทระบบเครอขายมบทบาทสาคญมากขนในปจจบน เพราะมการใชงานคอมพวเตอรอยาง

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

สงขน และลดตนทนของระบบโดยรวมลง

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

ทรพยากร เชน หนวยประมวลผล, หนวยความจา, หนวยจดเกบขอมล, โปรแกรมคอมพวเตอร และอปกรณ

ตาง ๆ ทมราคาแพงและไมสามารถจดหามาใหทกคนได เชน เครองพมพ เครองกราดภาพ(scanner) ทาใหลด

ตนทนของระบบลงได

Google Map

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ตวอยางเชน ผใชคงเคยสงเกตแบนเนอรโฆษณาขอเสนอทนาสนใจในพนทของผใช แบบฟอรมทเตมชอเมองให

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

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

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

วาตาแหนงใดอาจเปนตาแหนงทเกยวของมากทสด สาหรบตาแหนงอตโนมต google สามารถทาการ

คาดคะเนเพอตงมมมองแผนทเรมตนไดดทสดในระดบเมอง

GPS

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

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

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

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

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

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

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

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

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

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

โปรแกรมประยกต (Application)

โปรแกรมประยกต หรอ ซอฟตแวรแอปพลเคชน (application software) ในบางครงเรยกยอ

วา แอปพลเคชน คอซอฟตแวรประเภทหนงสาหรบใชงานสาหรบงานเฉพาะทาง ซงแตกตางกบซอฟตแวร

ประเภทอน เชน ระบบปฏบตการ ทใชสาหรบรบรองการทางานหลายดาน โดยไมจาเพาะเจาะจง

ในวศวกรรมซอฟตแวร โปรแกรมประยกตบนเวบ หรอเรยกโดยทบศพทวา เวบแอปพลเคชน (web application) คอโปรแกรมประยกตทเขาถงดวยโปรแกรมคนดเวบผานเครอขายคอมพวเตอรอยางอนเทอรเนตหรออนทราเนต

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

JQuery

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

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

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

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

หลายบรรทด

jQuery Mobile

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

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

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

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

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

จตสาธารณะ

จตสาธารณะ (public consciousness) คอ จตของคนทรจกความเสยสละ ความรวมมอรวมใจ ใน

การทาประโยชนเพอสวนรวม จะชวยลดปญหาทเกดขนในสงคม ชวยกนพฒนาคณภาพชวต เพอเปนหลกการ

ในการดาเนนชวต ชวยแกปญหาและสรางสรรคใหเกดประโยชนสขแกสงคม เชน การชวยกนดแลรกษา

สงแวดลอม โดยการไมทงขยะลงในแหลงนา การดแลรกษาสาธารณสมบต เชน โทรศพทสาธารณะ หลอด

ไฟฟาทใหความสวางตามถนนหนทาง

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

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

ตลอดจนรวมมอกระทาเพอไมใหเกดปญหา หรอชวยกนแกปญหา แตตองไมขดตอกฎหมาย เพอรกษา

ประโยชนสวนรวม

ราชบณฑตยสถาน ไดใหความหมายของ จตสานกทางสงคม หรอจตสานกสาธารณะวา คอ การ

ตระหนกรและคานงถงสวนรวมรวมกน หรอการคานงถงผอนทรวมสมพนธเปนกลมเดยวกน

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

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

งาม ละอายตอสงผด เนนความเรยบรอย ประหยดและมความสมดลระหวางมนษยกบธรรมชาต

บทท 3

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

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

1. AppServ

2. EditPlus

3. Google Map API

4. jQuery-mobile

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

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

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

เขยนโปรแกรมสรางระบบเวบไซตฐานขอมลดวย HTML , PHP และ jQuery โดยใช MySQL เปนฐานขอมล

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

นา Google Map API มาประยกตใชรวมกบโปรแกรม

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

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

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

ขอมลนน ๆ และการใชระบบ GPS รวมกบการทางานของ Google Map เพอหาพกดละตจด ลองจจด

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

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

หนาหลก ตรวจสอบการ

เขาสระบบ

ลงชอเขาส

ระบบ

เพม

ขอมล

ผใช สมคร

สมาชก

ออกจาก

ระบบ

ตรวจสอบ

ผใช

หนาแรก

กระดาน

ขาว

สง

ขอความ

สงอโม

ขอความ

ยนยนการ

ลบ

ขอความ

ลบ

ขอความ

ดแผนท

การแจง

เตอน

ยนยนการ

ลบการ

แจงเตอน

ลบการ

แจงเตอน

กรอก

ขอความ

ตอบ

ขอความ

แนบแผนท

สง

ขอความ

สง

ขอความ

แกไข

ขอมล

แกไข

แทก

ลบแทก

เพมแทก

เพมแทก

หลก

เพมแทก

ยอย

คนหา

ตวเตอร

ขอมล

ตวเตอร

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

m m m m

m

m

m m

m

1 user

emo bdate

bid chat

class

upic

password

username

tel

name

Penname

mid

Status

urec

msg

mdate

ref

mlat

mlong

mzoom

tfile

tag

tid tag

utag

Utagid Tid username 3.2 ออกแบบฐานขอมล

board

msg

uroot

rootid

root

tid

urootid

rootid

username

Usend root_tag

of

ตารางขอมลนกเรยน,ทอย และภาพของนกเรยน

ตารางขอมลการสนทนาแบบกลม

ตาราง user

ชอฟลด คาอธบาย ชนดขอมล ขนาด

username ชอผใช varchar 30

password รหสผาน varchar 30

name ชอ-นามสกล varchar 50

penname นามปากกา varchar 50

class ชนเรยน varchar 20

tel เบอรโทรศพท varchar 30

upic ภาพประจาตว varchar 50

ตาราง board

ชอฟลด คาอธบาย ชนดขอมล ขนาด

bid รหสขอความ int 11

user ผสงขอความ varchar 30

chat ขอความ text

bdate วน/เวลา datetime

emo อโม int 11

ตวเตอร ชอตวเตอร varchar 50

ตารางขอมลการสนทนาในหองตว

ตารางแทกวชาหลก

ตาราง msg

ชอฟลด คาอธบาย ชนดขอมล ขนาด

mid รหสขอความ int 11

Status สถานะการอาน int 11

Usend ผสง varchar 30

urec ผรบ varchar 30

msg ขอความ text

mdate วนทสง datetime

ref การอางอง Int 11

mlat ละตจดอางอง varchar 40

mlong ลองจจดอางอง varchar 40

mzoom ระยะซมแผนท int 11

tfile ไฟลแนบ varchar 60

ตาราง tag

ชอฟลด คาอธบาย ชนดขอมล ขนาด

tid รหสแทก int 11

tag ชอวชา varchar 20

ตารางแทกวชาหลกของผใช

ตารางแทกวชาหลกยอย

ตารางแทกวชาหลกยอยของผใช

ตาราง utag

ชอฟลด คาอธบาย ชนดขอมล ขนาด

utagid รหสแทกหลกผใช int 11

Tid รหสแทกวชาหลก Int 11

username ชอผใช varchar 50

ตาราง root_tag

ชอฟลด คาอธบาย ชนดขอมล ขนาด

rootid รหสแทกวชายอย int 11

root วชายอย varchar 100

tid รหสแทกวชาหลก int 11

ตาราง uroot

ชอฟลด คาอธบาย ชนดขอมล ขนาด

urootid รหสแทกยอยผใช int 11

rootid รหสแทกวชายอย int 11

username ชอผใช varchar 50

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

เรมตนพฒนาดวยโปรแกรม EditPlus3 ในการเขยน source code ภาษา HTML , PHP รวมกบ

jQuery-mobile ออกแบบระบบเวบแอพ เชอมโยงกบ MySQL ดวย PHPMyAdmin ในการสรางฐานขอมล

และใชระบบ GPS เขยนโปรแกรมเชอมโยงกบ Google Map มาประยกตในการแสดงพกดของผใช

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

หลงจากการพฒนาโปรแกรมไดนาโปรแกรมไปเผยแพรในชนเรยน และผทสนใจ รวมกบ

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

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

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

Form

บทท 4

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

ระบบโครงงาน “ตวเตอรอาสา” ไดพฒนาระบบฐานขอมลสาหรบเปนชองทางแลกเปลยนเรยนร

ระหวางนกเรยนดวยกนเอง โดยผทมความรกสามารถมาสรางหองตวใหกบผอนในเนองทตนเองถนด ผท

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

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

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

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

เวรดทคนหามากทสดเรยงตามลาดบ

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

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

คาพดบางครงมการสอบถามทไมคอยเขาใจกนมาก

นอกจากนโครงงานตวเตอรอาสา ยงสามารถใหผใชแนบแผนทจากพกด GPS รวมกบ Google Map

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

ตาแหนงแหลงสบคน หรออาจจะนดเจอกนเพอสอนตวตอตว เปนตน

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

หลงจากนาโปรแกรมไปใชงานจรง แลวทาการสมผใช 69 คน ประเมนผลการใชโปรแกรมโดยการใช

เครองมอ แบบประเมนการใชระบบโครงงาน “ตวเตอรอาสา” ไดผลออกมาดงน

นกเรยนสวนใหญมความพอใจดานประโยชนของระบบโครงงาน อยในระดบดมาก คดเปนรอยละ

46.4

นกเรยนสวนใหญมความพอใจดานความยากงายในการใชงานระบบโครงงานตวเตอรอาสา อยใน

ระดบด คดเปนรอยละ 46.4

นกเรยนสวนใหญมความพอใจดานความสะดวกในการใชบนอปกรณเคลอนท อยในระดบด คดเปน

รอยละ 43.5

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

ระดบด คดเปนรอละ 40.6

นกเรยนสวนใหญมความพอใจดานการชวยใหตระหนกถงการมจตสาธารณะ อยในระดบดมาก คด

เปนรอยละ 47.8

บทท 5

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

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

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

อภปรายผล

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

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

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

บรรณานกรม

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

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

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

มเดย, 2550.

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

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

โปรวชน, 2557.

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

โปรวชน, 2557.

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

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

2558).

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

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

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

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

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

1 กนยายน 2558).

ภาคผนวก

คมอการใชโปรแกรมตวเตอรอาสา

เมอเขาสโปรแกรมโดยพมพ URL www.sa.ac.th/tutor ระบบจะทาการตรวจสอบผใชวามการเขา

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

ระบบ

หนาลงชอเขาสระบบ

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

สมาชกเรยบรอยแลว

ชอผใช ใสเมอสมคร

สมาชกแลว

รหสผาน ใสเมอ

สมครสมาชกแลว

สมครสมาชก เพอเปน

สมาชกแลวสามรถเขาส

ระบบได คมอการใชโปรแกรม

เปนวธใชโปรแกรม

หนาสมครสมาชก

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

สมาชกในการเขารวมระบบโปรแกรมตวเตอร

หนาแรก

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

แรกของระบบ

ชอผใชและiหสผาน ไว

สาหรบลอกอนเขาส

ระบบ

ชอ-นามสกล ใสไวเพอให

คนในระบบโปรแกรมรวา

ชออะไร นามปากกา เปนชอแทน

ตวเองไปตดตอกบผอน

ชนเรยนมเพอใหตวเตอรได

รระดบความรของผใช เบอรโทรศพท ไวเพอ

ตดตอกนในขณะทไม

เขาใจดวยการพมพ รปภาพประจาตว

นามปากกาหรอชอผใช

หองสนทนาสาหรบการ

ตวแลกเปลยนเรยนร

รปภาพประจาตว

แทกวชาหลกและเรองยอย

ทถนด ทมไวสาหรบใหผใช

อนไดมาหาความรกบเรา

คนหาตวเตอร

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

หมดตวเตอรเพอใหสะดวกในการคนหาตวเตอรทสนใจ

หองตวแลกเปลยนเรยนร

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

สามารถเขามาเรยนรรวมกนได โดยสามารถพมพขอความตวอกษร รวมกบการใชระบบแนบไฟลเอกสาร

รปภาพ คลปเสยง คลปวดโอ เพอใหการสอนมประสทธภาพมากทสด

การแนบแผนท

ผใชสามารถแนบแผนทในกรณทอาจจะตองการระบตาแหนงใหผใชอน เชน ระบตาแหนงแหลงสบคน

หรอนดเจอเพอตวตวตอตว พฒนาโดยใชระบบ GPS รวมกบ Google Map

การตงคา

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

แกไขขอมลสวนตว

ผใชสามารถแกไขขอมลสวนตวไดตลอดเวลา

การแกไขแทก

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

กระดานขาว

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

ทวถง