โครงงานคอมพวเตอร

เรอง โครงงานการพฒนาระบบลงทะเบยนกจกรรมพฒนาผเรยน

(Student activities system)

โดย

1.นางสาวปรยารตน อธกครพงศ

2.นางสาววทนย เลกปญญาโรจน

3.นายฐาปกรณ มระคณ

โรงเรยนยพราชวทยาลย อ าเภอเมอง จงหวดเชยงใหม

รายงานนเปนสวนประกอบของโครงงานวทยาศาสตร ระดบมธยมศกษาตอนปลาย

ในการประกวดโครงงานวทยาศาสตร จดโดย สมาคมวทยาศาสตรแหงประเทศไทยในพระบรม

ราชปถมภ-องคการพพธภณฑวทยาศาสตรแหงชาต

เนองในวนวทยาศาสตรแหงชาต วนท 17-19 สงหาคม พ.ศ. 2558

เรอง

โครงงานการพฒนาระบบลงทะเบยนกจกรรมพฒนาผเรยน

(Student activities system)

โดย

1.นางสาวปรยารตน อธกครพงศ

2.นางสาววทนย เลกปญญาโรจน

3.นายฐาปกรณ มระคณ

ครทปรกษา

นายวรชชย จนตะวงศ

ทปรกษาพเศษ

นายปณวรรต เลาค า

ก

ชอโครงงาน การพฒนาระบบลงทะเบยนกจกรรมพฒนาผเรยน

ผจดท า 1. นางสาวปรยารตน อธกครพงศ

2. นางสาววทนย เลกปญญาโรจน

3. นายฐาปกรณ มระคณ

ครทปรกษา นายวรชชย จนตะวงศ

ทปรกษาพเศษ นายปณวรรต เลาค า

โรงเรยน ยพราชวทยาลย

ทอย 238 ถนนพระปกเกลา อ าเภอเมอง จงหวดเชยงใหม รหสไปรษณย 50200

โทรศพท (053)419037-9 โทรสาร (053)419037-9 ตอ 111

ระยะเวลาในการท าโครงงาน ตงแตเดอนมนาคม – กรกฎาคม 2558

______________________________________________________________________________

บทคดยอ

โครงงานการพฒนาระบบลงทะเบยนกจกรรมพฒนาผเรยนขนผานระบบเครอขาย

อนเตอรเนตมวตถประสงคเพอ ใหความสะดวกและรวดเรวแกคณะครและนกเรยนภายในโรงเรยน

ในกลมตวอยางคอ นกเรยนชนมธยมศกษาปท 5 โรงเรยนยพราชวทยาลย จ านวน 529 คน และครท

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

สถานทผานเวบโรงเรยน อกทงครยงสามารถตรวจสอบรายชอนกเรยนทเขารวมชมนมไดอยาง

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

ส าหรบวธการทใหผเรยนเลอกเรยนกจกรรมพฒนาผเรยนนน ใชวธการตดประกาศตามจด

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

กจกรรมนนตองตดตอครทปรกษากจกรรมพฒนาผเรยนนนภายในเวลาทก าหนด ซงท าใหเกด

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

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

ในการเลอกกจกรรมอนอก

ข

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

การพฒนาโครงงานการพฒนาระบบลงทะเบยนกจกรรมพฒนาผเรยนส าเรจลลวงไดดวย

การสงเสรมและการสนบสนนของครรสสคนธ เมองเมฆ และครปณวรรต เลาค า ครทปรกษา

โครงงาน และครทปรกษาพเศษโครงงานทไดใหความกรณาใหค าปรกษา ค าแนะน า และ

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

สมบรณ ผจดท าขอกราบขอบพระคณเปนอยางสงมา ณ โอกาสน

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

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

ถกตองมากยงขน

นางสาวปรยารตน อธกครพงศ นางสาววทนย เลกปญญาโรจน นายฐาปกรณ มระคณ

ค

สารบญ

เรอง หนา

บทคดยอ ก กตตกรรมประกาศ ข สารบญ ค สารบญรปภาพ ง สารบญตาราง จ บทท 1 บทน า 1 บทท 2 เอกสารและงานวจยทเกยวของ 3 บทท 3 วธการด าเนนงาน 6 บทท 4 ผลการด าเนนงาน 13 บทท 5 สรปและอภปรายผล 15 บรรณานกรม 16 ภาคผนวก 17

ง

สารบญรปภาพ

ภาพท หนา

รปท 3.1 แสดงแผนภาพของกระบวนการท างานหลกของระบบ 7 รปท 3.2 แสดงแผนภาพบรบทของระบบ 8 รปท 3.3 แสดงแผนภาพการจดการขอมลชมนมระดบท 0 (DFD Level) 9 รปท 3.4 การออกแบบหนาจอสวนเขาสระบบ 10 รปท 3.5 การออกแบบหนาจอสวนสมครสมาชก 11 รปท 3.6 การออกแบบหนาจอสวนสมครสมาชกคณคร 11 รปท 3.7 การออกแบบหนาจอสวนตงชมนม 12 รปท ก.1 หนาจอลอกอน 18 รปท ก.2 หนาจอการสมครสมาชกนกเรยน 18 รปท ก.3 หนาจอสวนสมครสมาชกคณคร 19 รปท ก.4 หนาจอสวนตงกจกรรมพฒนาผเรยน 19

จ

สารบญตาราง

ตารางท หนา

ตาราง 3.1 แสดงลกษณะทใชในแผนภาพบรบท และแผนภาพแสดง การไหลของขอมล DFD 7

ตาราง 3.2 แสดงฐานขอมลของระบบ 13 ตาราง 3.3 ผลการใชงานระบบลงทะเบยนกจกรรมพฒนาผเรยน (n=35) 14 ตาราง 3.4 ผลการวเคราะหการประเมนการใชงานระบบลงทะเบยน

กจกรรมพฒนาผเรยน (n=35) 14 ตาราง ข.1 ตารางประเมนการใชงานระบบลงทะเบยนกจกรรมพฒนาผเรยน 20

1

บทท 1 บทน ำ

1.1 ทมำและควำมส ำคญ

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

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

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

1.2 วตถประสงค

เพอพฒนาระบบลงทะเบยนเรยนในกจกรรมพฒนาผเรยนของโรงเรยนยพราชวทยาลย

ผานระบบเครอขายอนเทอรเนต

1.3 ขอบเขตกำรศกษำและวธคนควำ

1.3.1 ขอบเขตของการศกษา

1) การพฒนาระบบลงทะเบยนกจกรรมพฒนาผ เ รยนขน ผานระบบเครอขาย

อนเตอรเนตได

2) สามารถเพมสะดวกรวดเรวและเปนระบบงายในการจดเกบขอมลสารสนเทศ

2

1.3.2 วธกำรคนควำ

1) เรมตนแบงกลม เลอกโครงงาน คดหวขอโครงงานเพอน าเสนอครทปรกษาเกยวกบ

โครงงาน

2) ศกษาคนและควาขอมลทเกยวของกบเรองทสนใจ คอเรองโปรแกรมคอมพวเตอรทใช

และศกษา คนควาเพมเตมจากเวบไซตตางๆ และรวบรวมเกบขอมลเพอจดท าเนอหา

ตอไป

3) ศกษาการสรางเวบไซตโดยใชโปรแกรม Editor จากเอกสารและเวบไซตตางๆทเสนอ

เทคนคตางๆ เกยวกบการสราง

4) จดท าโครงรางโครงงานเพอน าเสนอครทปรกษาเกยวกบโครงงาน

5) ออกแบบระบบลงทะเบยนกจกรรมพฒนาผเรยน โดยสรางจากความรขอมลทไดศกษา

มาได

6) สรางและพฒนาระบบลงทะเบยนกจกรรมพฒนาผเรยน

7) น าเสนอโครงงานรายงานความกาวหนาใหกบคณครทปรกษาเกยวกบโครงงานได

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

มาแกไขโครงงานเพอใหเกดความสมบรณทสด

8) สรปผลและท ารายงานการสรปผลระบบลงทะเบยนกจกรรมพฒนาผเรยน

9) ท าเอกสารรายงานโครงงานคอมพวเตอร เรองการพฒนาระบบลงทะเบยนกจกรรม

พฒนาผเรยนและคมอการใชงาน

1.4 สถำนททใชในกำรศกษำ

โรงเรยนยพราชวทยาลย อ าเภอเมอง จงหวดเชยงใหม

3

บทท 2

ทฤษฎและเอกสารทเกยวของ

การพฒนาโครงงานการท าระบบลงชมนมของโรงเรยน ผจดท าไดศกษาทฤษฎและเอกสาร

ทเกยวของโดยมรายละเอยดดงน

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

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

2.2 ความรเกยวกบซอฟแวรทใชพฒนาระบบ 2.2.1โปรแกรม AppServ 2.5.10

โปรแกรม AppServ คอ ชดโปรแกรมในลกษณะของWAMP ในการสรางเวบเซรฟเวอรส าเรจรปบนระบบปฏบตการไมโครซอฟท วนโดวส สรางโดยชาวไทย จดท าขนโดย ภาณพงศ ปญญาด เปนการรวมโปรแกรมจ านวน 4 ตวในการสรางเวบเซรฟเวอร ไดแกApache HTTP Server, PHP,MySQL, และ phpMyAdmin เวอรชนปจจบนไดแก 2.4.9 (ส าหรบ PHP 4) และ 2.5.10 (ส าหรบ PHP 5) เนองจากภาณพงศ ปญญาด ตองตอบค าถามวธการตดตง Apache, PHP, และ MySQL ใหใชงานดวยกนไดบอยครง จงรเรมพฒนาชดตดตง AppServ ทตดตงและใชงานไดทนทในป พ.ศ. 2543

2.2.2โปรแกรม Dreamweaver

โปรแกรมสรางเวบเพจแบบเสมอนจรง ของคาย Adobe ซงชวยใหผทตองการสรางเวบเพจไมตองเขยนภาษา HTML หรอโคดโปรแกรม เอง หรอทศพทเทคนคเรยกวา "WYSIWYG " โปรแกรม Dreamweaver มฟงกชนทท าใหผใชสามารถจดวางขอความ รปภาพ ตาราง ฟอรม วดโอ รวมถงองคประกอบอน ๆ ภายในเวบเพจไดอยางสวยงามตามทผใชตองการ โดยไมตองใชภาษาสครปตทยงยากซบซอนเหมอนกอน Dreamweaver มท งในระบบปฏบตการ แมคอนทอช และไมโครซอฟทวนโดวส Dreamweaver ยงสามารถท างานบนระบบปฏบตการแบบยนกซ ผานโปรแกรมจ าลองอยาง WINE ได

4

2.2.3โปรแกรม AdobePhotoshop โปรแกรมประยกตทมความสามารถในการจดการแกไขและตกแตงรปภาพ (photo

editing and retouching) แบบแรสเตอร ผลตโดยบรษทอะโดบซสเตมส ซงผลตโปรแกรมดานการพมพอกหลายตวทไดรบความนยม เชน Illustrator และ InDesign ปจจบนโปรแกรมโฟโตชอปไดพฒนามาถงรน CC (CreativeCloud)

โปรแกรมโฟโตชอปเปนโปรแกรมทมความสามารถในการจดการไฟลขอมลรปภาพทมประสทธภาพ การท างานกบไฟลขอมลรปภาพของโฟโตชอปนน สวนใหญจะท างานกบไฟลขอมลรปภาพทจดเกบขอมลรปภาพแบบ Raster โฟโตชอปสามารถใชในการตกแตงภาพไดหลากหลาย เชน ลบตาแดง, ลบรอยแตกของภาพ, ปรบแกส, เพมสและแสง หรอการใสเอฟเฟกตใหกบรป เชน ท าภาพสซเปย, การท าภาพโมเซค, การสรางภาพพาโนรามาจากภาพหลายภาพตอกน นอกจากนยงใชไดในการตดตอภาพ และการซอนฉากหลงเขากบภาพ

2.2.4 โปรแกรม AdobeFlash โปรแกรม Flash เปนซอฟตแวรทชวยในการสรางสอมลตมเดย, ภาพเคลอนไหว

(Animation), ภาพกรา ฟก ท ม ความคมชด เ น องจ าก เ ปนกรา ฟกแบบ เวค เ ตอ ร(Vector), สามารถเลนเสยงและวดโอ แบบสเตรโอได, สามารถสรางงานใหโตตอบกบผใช(Interactive Multimedia) มฟงกชนส าหรบการเขยนโปรแกรม (Action Script) และยงท างานในลกษณะ CGI โดยเชอมตอกบการเขยนโปรแกรมภาษาอนๆ ไดมากมาย เชน ภาษา PHP, JSP, ASP, ASP.NET, C/C++, C#, C#.NET, VB, VB.NET, JAVAและอนๆ โดยเฉพาะขอดของโปรแกรม Flash คอ ความสามารถในการบบอดไฟลใหมขนาดเลก มผลท าใหแสดงผลไดอยางรวดเรว นอกจากนนยงแปลงไฟลไปอยในฟอรแมตอน ไดหลากหลาย เชน avi, mov, gif, wav, emf,eps, ai, dxf, bmp, jpg, gif, png เปนตน

2.2.5 โปรแกรมภาษา PHP

PHP ยอมาจาก Hypertext Preprocessor แตเดมยอมาจากค าวา Professional Home Page คอ ภาษาคอมพวเตอร แบบ Open Source ทใชกนอยางแพรหลาย ซงใชในการจดท าเวบและสามารถประมวลผลออกมาเปนรปแบบ HTML โครงสรางค าสงของ PHP นนมรากฐานมาจากภาษา C Java และ Perl ซง ภาษา PHP นนงายตอการเรยนร เปาหมายหลกของภาษาคอมพวเตอรน คอ เพอใหนกพฒนาเวบไซทสามารถเขยนเวบเพจ (WebPage) ทมความตอบโตไดอยางรวดเรว

5

2.2.6 โปรแกรมภาษา Java Scrip

JavaScript คอ ภาษาคอมพวเตอรส าหรบการเขยนโปรแกรมบนระบบอนเทอรเนต ทก าลงไดรบความนยมอยางสง Java JavaScript เปน ภาษาสครปตเชงวตถ (ทเรยกกนวา "สครปต" (script) ซงในการสรางและพฒนาเวบไซต (ใชรวมกบ HTML) เพอใหเวบไซตของเราดมการเคลอนไหว สามารถตอบสนองผใชงานไดมากขน ซงมวธการท างานในลกษณะ "แปลความและด าเนนงานไปทละค าสง" (interpret) หรอเรยกวา ออบเจกโอเรยลเตด (Object Oriented Programming) ทมเปาหมายในการ ออกแบบและพฒนาโปรแกรมในระบบอนเทอรเนต ส าหรบผเขยนดวยภาษา HTML สามารถท างานขามแพลตฟอรมได โดยท างานรวมกบ ภาษา HTML และภาษา Javaไดทงทางฝง Client และ ทางฝง Server

2.2.7 โปรแกรมภาษา SQL

SQL ยอมาจาก structured query language คอภาษาทใชในการเขยนโปรแกรม เพอจดการกบฐานขอมลโดยเฉพาะ เปนภาษามาตราฐานบนระบบฐานขอมลเชงสมพนธและเปนระบบเปด (open system) SQL ยงเปนชอโปรแกรมฐานขอมล ซงโปรแกรม SQL เปนโปรแกรมฐานขอมลทมโครงสรางของภาษาทเขาใจงาย ไมซบซอน มประสทธภาพการท างานสง สามารถท างานทซบซอนไดโดยใชค าสงเพยงไมกค าสง โปรแกรม SQL จงเหมาะทจะใชกบระบบฐานขอมลเชงสมพนธ และเปนภาษาหนง

2.3 งานวจยทเกยวของ

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

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

6

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

ในการด าเนนงาน พฒนาระบบลงทะเบยนเรยนชมนม มการศกษาและการวเคราะห

ระบบงาน เพอสรางความเขาใจในกระบวนการท างานของระบบสารสนเทศ การด าเนนกจกรรม

ของระบบงาน ตลอดจนท าใหทราบถงปญหาและสาเหตของปญหาทเกดขน และยงเปนการ

รวบรวมขอมลตางๆเพอน าไปสการพฒนาระบบงานสาระสนเทศใหมประสทธภาพมากขน

ผจดท าไดท าการศกษาระบบลงทะเบยนเรยนชมนม ซงมรายละเอยดเปนสวนๆดงน

3.1 อปกรณทใชในกำรพฒนำโครงงำน

3.1.1 ฮารดแวร 1) คอมพวเตอรพกพา (notebook) 2) เครองพมพ

3.1.2 ซอฟตแวร

1) โปรแกรมภาษา PHP 2) โปรแกรมAppServ2.5.10 3) โปรแกรมDreamweaver 4) โปรแกรมAdobePhotoshop 5) โปรแกรมAdobeFlash 6) โปรแกรมภาษาJavaScrip 7) โปรแกรมภาษาMySQL

7

3.2 วธกำรด ำเนน

3.2.1 การออกแบบระบบ

การพฒนาระบบลงทะเบยนชมนม มการออกแบบกระบวนการท างานหลกของ

ระบบน หลกของระบบดงน

รป 3.1 แสดงแผนภาพของกระบวนการท างานหลกของระบบ

ตาราง 3.1 แสดงลกษณะทใชในแผนภาพบรบท และแผนภาพแสดงการไหลของขอมล DFD

สญลกษณ ความหมาย

Process : ขนตอนการท างานภายในระบบ

ผเกยวของกบระบบ (External entity)

ผทเกยวของกบระบบทมการแสดงซ า (Duplicated External Entity Symbol)

แฟมขอมล (Data Store)

แฟมขอมลทมการแสดงซ า (Duplicate Data store)

กลมของแฟมขอมล (Duplicate Data store)

Data Store : เสนทางการไหลของขอมล แสดงทศทางของขอมลจากขนตอนการท างานหนงไปยงอกขนตอนหนง

ระบบลงทะเบยนชมนม

1.0 การจดการผใชงาน

2.0 การจดการขอมลชมนม

3.0 การจดการลงทะเบยนเรยนชมนม

8

9

10

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

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

MySQL ในการจดเกบขอมลซงประกอบดวยตารางฐานขอมลดงตาราง 3.2

ตาราง 3.2แสดงฐานขอมลของระบบ

ล าดบ ชอตารางภาษาองกฤษ ชอตารางภาษาไทย รายละเอยด ประเภท

G1 แฟมผใชงานระบบ student แฟมขอมลนกเรยน ใชเกบขอมลของนกเรยน master

Teacher แฟมขอมลครผสอน ใชเกบขอมลของครผสอน master

Permission แฟมขอมลสทธการใชงาน

ใชเกบขอมลการก าหนดสทธของผใชงาน

Reference

Title

แฟมค าน าหนาชอ ใชเกบขอมลค าน าหนาของชอผใชงาน

Reference

Subject แฟมขอมลชมนม ใชเกบขอมลชมนม Reference

D1 Vichar แฟมขอมลชมนม ใชเกบของมลชมนม Transaction

3.2.3 การออกแบบหนาจอ

รป 3.4 การออกแบบหนาจอสวนเขาสระบบ

Name

Password

ลงชอเขาใช สมครสมาชก

11

รป 3.5 การออกแบบหนาจอสวนสมครสมาชกนกเรยน

รป 3.6 การออกแบบหนาจอสวนสมครสมาชกคณคร

Name

ID student

Last Name Titel

Class

Room

Number

Name_system

Password_system

Assure of Password_system

สมครสมาชก

Name Last Name

ID teacher

Title

Subject

Name_system

Password_system

Assure of Password_system

สมครสมาชก

12

รป 3.7 การออกแบบหนาจอสวนตงชมนม

Subject_Code Club_Name

Teacher of club

Number Degree

รายละเอยดวชา

ตงชมรม

บทท 4

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

ผจดท ำไดน ำกำรพฒนำระบบลงทะเบยนกจกรรมพฒนำผเรยน ไปท ำกำรทดลองใชงำนกบนกเรยนชนมธยมศกษำปท 6 จ ำนวน 35 คน ไดผลกำรทดลองดงน

ตำรำงท 4.1 ผลกำรใชงำนระบบลงทะเบยนกจกรรมพฒนำผเรยน (n=35)

เรองทประเมน ระดบความพงพอใจ

(5) (4) (3) (2) (1)

1.ค ำอธบำยในกำรใชงำนเวบไซต

22 (62.9%)

7 (20%)

5 (14.3%)

1 (2.8%)

0

2.ล ำดบขนตอนในกำรด ำเนนเนอหำมควำมเหมำะสม 22

(62.9%) 8

(22.8%) 5

(14.3%) 0 0

3.เนอหำของเวบไซตอำนงำยและเขำใจงำย 23

(65.7%) 9

(25.7%) 3

(8.6%) 0 0

4.เวบไซตมเนอหำนำสนใจ 23

(65.7%) 6

(17.1%) 6

(17.1%) 0 0

5.เวบไซตสำมำรถน ำไปใชประกอบกำรเรยนได 24

(68.6%) 8

(22.8%) 3

(8.6%) 0 0

6.รปแบบกำรน ำเสนอบทเรยนมควำมนำสนใจ 23

(65.7%) 8

(22.8%) 4

(11.4%) 0 0

7.เวบไซตมกำรออกแบบทสวยงำม นำสนใจ 23

(65.7%) 6

(17.1%) 4

(11.4%) 2

(5.7%) 0

8.โปรแกรมค ำนวณมควำมเหมำะสม ถกตอง 23

(65.7%) 7

(20%) 5

(14.3%) 0 0

9. เวบไซตสำมำรถน ำไปปรบใชในชวตประจ ำวนได 23

(65.7%) 7

(20%) 2

(5.7%) 3

(8.6%) 0

10. ควำมพงพอใจในภำพรวมตอกำรใชงำนเวบพลเคชน

24 (68.6%)

5 (14.3%)

6 (17.1%)

0 0

14

เกณฑควำมพงพอใจ ดงตำรำงท 4.1 ไดคดคะแนนและเกณฑระดบควำมพงพอใจและกำรแปลผลของขอมล แบงเปน 5 ชวง โดยใชแบบประยกตเกณฑดงน

คะแนนเฉลย(คะแนน) ความหมาย 4.50-5.00 ดเยยม 3.50-4.49 ด 2.50-3.49 ปำนกลำง 1.50-2.49 พอใช 1.00-1.49 ควรปรบปรง

ตำรำงท 4.2 ผลกำรวเครำะหกำรประเมนกำรใชงำนระบบลงทะเบยนกจกรรมพฒนำผเรยน

(n=35)

เรองทประเมน ระดบความพงพอใจ

1.ค ำอธบำยในกำรใชงำนเวบไซตชดเจน 4.43 ด 2.ล ำดบขนตอนในกำรด ำเนนเนอหำมควำมเหมำะสม 4.49 ด 3.เนอหำของเวบไซตอำนงำย และเขำใจงำย 4.57 ดเยยม 4.เวบไซตมเนอหำนำสนใจ 4.49 ด 5.เวบไซตสำมำรถน ำไปใชประกอบกำรเรยนได 4.60 ดเยยม 6.รปแบบกำรน ำเสนอบทเรยนมควำมนำสนใจ 4.54 ดเยยม 7.เวบไซตมกำรออกแบบทสวยงำม นำสนใจ 4.43 ด 8.โปรแกรมค ำนวณมควำมเหมำะสม ถกตอง 4.51 ดเยยม 9.เวบไซตสำมำรถน ำไปปรบใชในชวตประจ ำวนได 4.43 ด 10.ควำมพงพอใจในภำพรวมตอกำรใชงำนเวบพลเคชน 4.51 ดเยยม

ผลการประเมน 4.50 ดเยยม

จำกตำรำงท 4.2 พบวำจำกในกลมนกเรยนชนมธยมศกษำปท 5 ทดลองใชงำนระบบลงทะเบยนกจกรรมพฒนำผเรยน จ ำนวน 35 คน มควำมพงพอใจในกำรพฒนำบทเรยนเรองพลงงำนควำมรอนผำนระบบลงทะเบยนกจกรรมพฒนำผเรยน บนเวบไซตโรงเรยนยพรำชวทยำลยในดำนเนอหำของเวบไซต อำนงำยและ เขำใจงำย มคำเฉลย 4.57 อยในระดบดเยยม ดำนเวบไซตสำมำรถน ำไปใชไดจรง มคำเฉลย 4.60 อยในระดบดเยยม ดำนรปแบบกำรน ำเสนอบทเรยนมควำมนำสนใจ มคำเฉลย 4.54 อยในระดบดมำก สรปในดำนกำรใชงำน มคำเฉลย 4.50 อยในระดบดเยยม

บทท 5

สรปและอภปรายผล

5.1 สรปผลการศกษา จากขอมลพบวาในกลมนกเรยนชนมธยมศกษาปท 5 ทดลองใชงานระบบลงทะเบยน

กจกรรมพฒนาผเรยน จ านวน 35 คนมความพงพอใจในการพฒนาระบบลงทะเบยนกจกรรมพฒนาผเรยน บนเวบไซตโรงเรยนยพราชวทยาลยในดานการใชงาน มคาเฉลย 4.50 อยในระดบดเยยมซงมคาแปลผลอยในชวง 4.50 – 5.00 ซงหมายถงความพงพอใจของผใชงานอยในเกณฑมากทสด และการใชงานระบบทมความพงพอใจมากทสดคอ 1) ระบบลงทะเบยนกจกรรมพฒนาผเรยนสามารถน าไปใชประกอบการเรยนได 2) เนอหาของระบบลงทะเบยนกจกรรมพฒนาผเรยน อานงายและเขาใจงาย 3) รปแบบการน าเสนอบทเรยนมความนาสนใจ

5.2 อภปรายผลการศกษา

จากการพฒนาระบบลงทะเบยนกจกรรมพฒนาผเรยน มวตถประสงค เพอพฒนาระบบ

ลงทะเบยนเรยนในกจกรรมพฒนาผ เรยนของโรงเรยนยพราชวทยาลยผานระบบเครอขาย

อนเทอรเนตในกลมตวอยางคอนกเรยนชนมธยมศกษาปท 6 ปการศกษา 2558 โรงเรยนยพราช

วทยาลยจ านวน 35 คน โดยเรมจากการศกษาปญหา ความเปนไปไดในการพฒนาระบบ เกบ

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

Dreamweaver, MySQL , Xappm , Bootstrap และ photoshop ในการเขยนโปรแกรมและตกแตง

กราฟฟก กระบวนการคอ การลงเลอกสมครกจกรรมพฒนาผเรยน

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

ระยะเวลาในการพฒนาระบบมจ ากด

5.4 ขอเสนอแนะ

ควรมขอความ email ตอบกลบวาทานลงทะเบยนในรายวชานนๆ แลว

บรรณานกรม

อ.ดร.ทรงชย วรยะอ ำไพวงค. กจกรรมพฒนาผเรยน. [ออนไลน]. เขำถงไดจำก http://vasudevi1.awardspace.com/p9.htm (วนทคนขอมล: 16 เมษำยน 2558).

ชมพล นรเศรษฐกล. การท าเวบไซต [ออนไลน]. เขำถงไดจำก http://www.enjoyday.net/ (วนทคนขอมล: 16 เมษำยน 2558).

วญญ ปยจนทร. การออกแบบ [ออนไลน]. เขำถงไดจำก http://www.mew6.com/composer/art/design.php (วนทคนขอมล: 16 มถนำยน 2558).

Bootstrap [ออนไลน]. เขำถงไดจำก http://www. http://getbootstrap.com/ (วนทคนขอมล: 16 มถนำยน 2558).

17

ภาคผนวก

18

1. ตวอยางหนาจอการใชงานระบบ

ก.1 หนาจอลอกอน

ก.2 หนาจอการสมครสมาชกนกเรยน

19

ก.3 หนาจอการสมครสมาชกคณคร

ก.4 หนาจอการตงกจกรรมพฒนาผเรยน

20

2. ตารางประเมนการใชงานระบบลงทะเบยนกจกรรมพฒนาผเรยน

เรองทประเมน ระดบความพงพอใจ

(5) (4) (3) (2) (1)

1. ค าอธบายในการใชงานเวบไซต

2. ล าดบขนตอนในการด าเนนเนอหามความเหมาะสม

3. เนอหาของเวบไซตอานงายและเขาใจงาย

4. เวบไซตมเนอหานาสนใจ

5. เวบไซตสามารถน าไปใชประกอบการเรยนได

6. รปแบบการน าเสนอบทเรยนมความนาสนใจ

7. เวบไซตมการออกแบบทสวยงาม นาสนใจ

8. โปรแกรมค านวณมความเหมาะสม ถกตอง

9. เวบไซตสามารถน าไปปรบใชในชวตประจ าวนได

10. ความพงพอใจในภาพรวมตอการใชงานเวบพลเค

ชน

ข.1 ตารางประเมนการใชงานระบบลงทะเบยนกจกรรมพฒนาผเรยน