Page 1
โครงงาน เรอง “สมครชมนมจาก Paper ส Online” โดย
1. นายราชศกด รกษก าเนด ชนมธยมศกษาปท 6 2. นายอนทช นนสง ชนมธยมศกษาปท 4 3. นางสาวนนทนช ไชยรตน ชนมธยมศกษาปท 4
โรงเรยนจฬาภรณราชวทยาลย นครศรธรรมราช
(โรงเรยนวทยาศาสตรภมภาค) ส านกงานเขตพนทการศกษามธยมศกษาเขต 12
(นครศรธรรมราช – พทลง)
รายงานฉบบนเปนสวนประกอบของโครงงานคอมพวเตอรประเภทซอฟตแวร เนองในงานศลปหตถกรรมนกเรยน ครงท 63 ปการศกษา 2556
ระดบ เขต ภาค ชาต วนท 3 กมภาพนธ พ.ศ.2557
Page 2
โครงงาน เรอง “สมครชมนมจาก Paper ส Online”
โดย
1. นายราชศกด รกษก าเนด ชนมธยมศกษาปท 6 2. นายอนทช นนสง ชนมธยมศกษาปท 5 3. นางสาวนนทนช ไชยรตน ชนมธยมศกษาปท 4
โรงเรยนจฬาภรณราชวทยาลย นครศรธรรมราช
(โรงเรยนวทยาศาสตรภมภาค) ส านกงานเขตพนทการศกษามธยมศกษาเขต 12
(นครศรธรรมราช – พทลง)
ครทปรกษา นายฐปนวฒน ชกลน นางสาวพรพมล คงเปย ครทปรกษาพเศษ นายวชต วงษทอง
Page 3
เอกสารประกอบการน าเสนอโครงงานคอมพวเตอรประเภทซอฟแวร ม.4-6 เรอง “สมครชมนมจาก Paper ส Online” ระดบชาต โรงเรยนจฬาภรณราชวทยาลย นครศรธรรมราช
ก
ชอโครงงาน สมครชมนมจาก Paper ส Online สาขาวชา คอมพวเตอรประเภทซอฟตแวร ผท าโครงงาน นายราชศกด รกษก าเนด นายอนทช นนสง และนางสาวนนทนช ไชยรตน ทปรกษาโครงงาน นายฐปนวฒน ชกลน และนางสาวพรพมล คงเปย โรงเรยน จฬาภรณราชวทยาลย นครศรธรรมราช ปการศกษา 2555
บทคดยอ โครงงานเรอง มวตถประสงคเพอศกษาการพฒนาระบบการสมครชมนมออนไลนของโรงเรยนจฬา
ภรณราชวทยาลย นครศรธรรมราช ในรปแบบเวบแอพลเคชน (Web application) ศกษาการออกแบบโครงสรางฐานขอมลทเหมาะสมตอการพฒนาระบบการสมครชมนมออนไลนของโรงเรยนจฬาภรณราชวทยาลย นครศรธรรมราช ในรปแบบเวบแอพลเคชน (Web application) ศกษาและฝกฝนการใชเทคนค AJAX กบการพฒนาเวบไซต และอ านวยความสะดวกใหการสมครเขาชมนมเปนไปดวยความเรยบรอย ประหยดทงทรพยากรซงมจ ากด เวลาและบคลากร ทงยงเปนการใชทรพยากรทมอยแลวใหเกดประโยชนสงสดตามหลกเศรษฐศาสตร เชน เครองใหบรการระบบเวบไซต เปนตน
จากการพ ฒนาระบบดงกลาว ท าใหไดระบบสมครชมนมออนไลนเปนผลส าเรจ และไดใชงานจรงในการรบสมครนกเรยนเขาชมนมของโรงเรยนจฬาภรณราชวทยาลย นครศรธรรมราช ภาคเรยนท 1 ปการศกษา 2555 โดยเปดรบสมครผานเวบไซต http://www.pccns.in.th/club เปนเวลา 2 สปดาห ระหวางวนท 8 มถนายน 2555 ถงวนท 23 มถนายน 2555 มชมนมเปดรบสมครจ านวน 54 ชมนม มนกเรยนในระบบการสมครทงหมด 802 คน ซงประสบผลส าเรจเปนอยางด
Page 4
เอกสารประกอบการน าเสนอโครงงานคอมพวเตอรประเภทซอฟแวร ม.4-6 เรอง “สมครชมนมจาก Paper ส Online” ระดบชาต โรงเรยนจฬาภรณราชวทยาลย นครศรธรรมราช
ข
กตตกรรมประกาศ โครงงานเรอง“สมครชมนมจาก Paper ส Online” จะส าเรจไมไดเลย หากไมไดรบการสนบสนนจาก
ครฐปนวฒน ชกลน นางสาวพรพมล คงเปย ครทปรกษาโครงงาน ทคอยใหค าแนะน าและอ านวยความสะดวกในการท าโครงงานนจนลลวงไดดวยด นายวชต วงษทอง ครทปรกษาพเศษ ทใหค าแนะน าดานการออกแบบฐานขอมล การวางแผนออกแบบระบบ คณครวชต วงศทอง และคณครธเนศ แซดาน ทใหค าแนะน าและอ านวยความสะดวกในการจดการขอมลบนเครองใหบรการระบบโครงงาน ขอขอบคณกลมสาระการงานอาชพและเทคโนโลย โรงเรยนจฬาภรณราชวทยาลย นครศรธรรมราช ทเออเฟอสถานทและอปกรณในการท าโครงงาน และสดทาย ขอขอบคณเพอนๆ และบดามารดาของคณะผจดท าทกคนทใหก าลงใจ และสนบสนนใหคณะผจดท าโครงงานสามารถท างานจนส าเรจลลวงไดดวยด
คณะผจดท า
Page 5
เอกสารประกอบการน าเสนอโครงงานคอมพวเตอรประเภทซอฟแวร ม.4-6 เรอง “สมครชมนมจาก Paper ส Online” ระดบชาต โรงเรยนจฬาภรณราชวทยาลย นครศรธรรมราช
ค
สารบญ บทคดยอ ........................................................................................................................................... ก กตตกรรมประกาศ............................................................................................................................. ข สารบญ .............................................................................................................................................. ค บทท 1 ทมาและความส าคญ ............................................................................................................. 1
แนวคด ทมา และความส าคญ ..................................................................................................... 1 วตถประสงค ................................................................................................................................ 1 ขอบเขตของโครงงาน .................................................................................................................. 1
การก าหนดสทธการใชงาน .................................................................................................... 1 ความสามารถของระบบ ........................................................................................................ 2
อปกรณและเครองมอทใชในการด าเนนงาน ................................................................................ 2
เครองทใชในการพฒนาระบบ ............................................................................................... 2 เครองทใหบรการระบบ (Server) .......................................................................................... 2
ผลทคาดวาจะไดรบ ..................................................................................................................... 3
บทท 2 เอกสารทเกยวของ ................................................................................................................ 4
ภาษา PHP .................................................................................................................................. 4 AJAX Technology .................................................................................................................... 6 ฐานขอมล .................................................................................................................................... 8 jQuery ...................................................................................................................................... 10
บทท 3 วธการด าเนนโครงงาน ........................................................................................................ 11
วสด อปกรณ ............................................................................................................................. 11 ขนตอนการด าเนนการ .............................................................................................................. 11
บทท 4 ผลการด าเนนงานโครงงาน.................................................................................................. 13 บทท 5 สรปผลการด าเนนการ ........................................................................................................ 17
ผลการด าเนนงาน ...................................................................................................................... 17
Page 6
เอกสารประกอบการน าเสนอโครงงานคอมพวเตอรประเภทซอฟแวร ม.4-6 เรอง “สมครชมนมจาก Paper ส Online” ระดบชาต โรงเรยนจฬาภรณราชวทยาลย นครศรธรรมราช
ง
สารบญ (ตอ) ปญหาของระบบ ........................................................................................................................ 17 แนวทางการปรบปรงระบบ ....................................................................................................... 18
บรรณานกรม ................................................................................................................................... 19 ภาคผนวก........................................................................................................................................ 20 Process hierarchy Chart ............................................................................................................. 21 Database Design .......................................................................................................................... 22
ER Diagram ............................................................................................................................. 22
Data Dictionary ............................................................................................................................ 23
club_admin ............................................................................................................................ 23 Club_member ....................................................................................................................... 23 Club_namelist ....................................................................................................................... 24
Diagram ......................................................................................................................................... 25
การเพมสมาชก .......................................................................................................................... 25 การเลอกชมนม ......................................................................................................................... 27
Page 7
เอกสารประกอบการน าเสนอโครงงานคอมพวเตอรประเภทซอฟแวร ม.4-6 เรอง “สมครชมนมจาก Paper ส Online”ระดบชาต โรงเรยนจฬาภรณราชวทยาลย นครศรธรรมราช
1
บทท 1 ทมาและความส าคญ แนวคด ทมา และความส าคญ
ในปการศกษา 2555 การรบสมครนกเรยนเขาชมนมโดยใชวธการน าใบสมครชมนมไปใหครประจ าชมนมลงชอรบเขาชมนม ซงพบปญหาวา นกเรยนบางคนสมครไมทน เพราะหาครทสงกดชมนมไมเจอ และมเวลาในการสมครจ ากด ทงยงสนเปลองวสดสนเปลอง เชน กระดาษ หมกถายเอกสาร และเวลาในการประมวลผล พมพขอมลเขาสระบบ และสรปผลการสมครเปนอนมาก ซงในปจจบน การพฒนาระบบส านกงานไรเอกสาร (E-office) เปนทนยมในหลายหนวยงาน โดยเฉพาะในส านกงานยคใหมหลายแหงของเอกสารทใชงานเปนกจจะลกษณะ ผจดท าจงเลงเหนวา หากสามารถพฒนาระบบสมครชมนมเปนผลส าเรจ นอกจากจะแกปญหาทเกดขนจากระบบเกาไดอยางดแลว ยงสามารถอ านวยความสะดวกใหกบนกเรยน ทสามารถตรวจสอบรายชอชมนมทยงวางอย ตรวจสอบผลการสมครไดทนท ครสามารถรบทราบและตรวจสอบรายชอนกเรยนในชมนมของตน และฝายทะเบยนสามารถสรปผลไดอยางรวดเรว ถกตอง ครบถวน
วตถประสงค 1. เพอศกษาการพฒนาระบบการสมครชมนมออนไลนของโรงเรยนจฬาภรณราชวทยาลย
นครศรธรรมราช ในรปแบบเวบแอพลเคชน (Web application) 2. เพอศกษาการออกแบบโครงสรางฐานขอมลทเหมาะสมตอการพฒนาระบบการสมครชมนมออนไลน
ของโรงเรยนจฬาภรณราชวทยาลย นครศรธรรมราช ในรปแบบเวบแอพลเคชน (Web application) 3. เพอศกษาและฝกฝนการใชเทคนค AJAX กบการพฒนาเวบไซต 4. เพออ านวยความสะดวกใหการสมครเขาชมนมเปนไปดวยความเรยบรอย ประหยดทงทรพยากรซงม
จ ากด เวลาและบคลากร ทงยงเปนการใชทรพยากรทมอยแลวใหเก ดประโยชนสงสดตามหลกเศรษฐศาสตร เชน เครองใหบรการระบบเวบไซต เปนตน
ขอบเขตของโครงงาน การก าหนดสทธการใชงาน
ในการจดท าโครงงานครงน แบงระดบการใชงานออกเปน 3 กลม คอ
1. ผดแลระบบ 1.1. สามารถเขาสระบบไดดวย username และ password ของตวเองได 1.2. สามารถคนหา แกไข เพม และลบขอมลของชมนมทกชมนมได 1.3. สามารถคนหา แกไข เพม และลบขอมลของสมาชกทกคนได 1.4. สามารถปรบแตง และสงออกผลการสมครชมนมตามเงอนไขทก าหนดในรปแบบเอกสาร excel
ได 1.5. สามารถเปด/ปดระบบการสมครชมนมได
2. สมาชก 2.1. สามารถเขาสระบบไดดวย username และ password ของตวเองได
Page 8
เอกสารประกอบการน าเสนอโครงงานคอมพวเตอรประเภทซอฟแวร ม.4-6 เรอง “สมครชมนมจาก Paper ส Online”ระดบชาต โรงเรยนจฬาภรณราชวทยาลย นครศรธรรมราช
2
2.2. สามารถคนหาขอมลของชมนมทกชมนมได 2.3. สามารถคนหาขอมลของสมาชกทกคน และแกไขขอมลของตวเองได 2.4. สามารถสงออกผลการสมครชมนมตามเงอนไขทก าหนดในรปแบบเอกสาร excel ได
3. ผเขาชม 3.1. สามารถคนหาขอมลของชมนมทกชมนมได 3.2. สามารถคนหาขอมลของสมาชกทกคนได 3.3. สามารถสงออกผลการสมครชมนมตามเงอนไขทก าหนดในรปแบบเอกสาร excel ได
ความสามารถของระบบ 1. สามารถรายงานผลการสมครชมนมของทกชมนม ณ เวลาปจจบน (หรอในระยะเวลาไมเกน 1 นาท
หากไมไดแกไขขอมล) ได 2. สามารถค านวณจ านวนผสมครชมนมของแตละชมนมหรอของแตละระดบชนได 3. สามารถสรปรายชอของผสมครแตละชมนม และแตละหองเรยนไดในรปแบบเอกสาร excel
อปกรณและเครองมอทใชในการด าเนนงาน เครองทใชในการพฒนาระบบ
1. ฮารดแวร a. CPU Intel Core I7 2.3 GHz b. Ram DDR3 4GB c. Harddisk 750GB 5400rpm
2. ซอฟแวร a. Operating System : Windows8 b. XAMPP Version: 1.8.1 c. MySQL Version 5.0.10 d. PHP Version 5.4.7 e. Google Chrome Version 16 f. NetBean IDE 7.2 g. Sublime text Version 2 h. Mozilla Firefox Version 18 with extension Firebug Version 1.14
เครองทใหบรการระบบ (Server) 1. ฮารดแวร
a. CPU Intel xenon 4GHZ b. RAM DDR2 4GB c. Harddisk 250GB x 2
Page 9
เอกสารประกอบการน าเสนอโครงงานคอมพวเตอรประเภทซอฟแวร ม.4-6 เรอง “สมครชมนมจาก Paper ส Online”ระดบชาต โรงเรยนจฬาภรณราชวทยาลย นครศรธรรมราช
3
2. ซอฟแวร a. Operating System : CentOS version 5 b. Apache 2 c. PHP Version 5.3.18 d. MySQL version 5.0.8
ผลทคาดวาจะไดรบ 1. ไดระบบสมครชมนมออนไลนของโรงเรยนจฬาภรณราชวทยาลย นครศรธรรมราช 2. ไดฐานขอมลการสมครชมนมออนไลนของโรงเรยนจฬาภรณราชวทยาลย นครศรธรรมราช 3. ไดเอกสาร excel สรปผลการชมนมออนไลนของโรงเรยนจฬาภรณราชวทยาลย นครศรธรรมราช 4. ลดการใชกระดาษและวสดสนเปลองในการสมครชมนมของโรงเรยนจฬาภรณราชวทยาลย
นครศรธรรมราช 5. ไดทดสอบประสทธภาพของการใหบรการในกรณทมผเขาใชงานมากของเครองผใหบรการ
Page 10
เอกสารประกอบการน าเสนอโครงงานคอมพวเตอรประเภทซอฟแวร ม.4-6 เรอง “สมครชมนมจาก Paper ส Online”ระดบชาต โรงเรยนจฬาภรณราชวทยาลย นครศรธรรมราช
4
บทท 2 เอกสารทเกยวของ ภาษา PHP
PHP คอ ภาษาคอมพวเตอรในลกษณะเซรฟเวอร-ไซด สครปต โดยลขสทธอยในลกษณะโอเพนซอรส ภาษา PHP ใชส าหรบจดท าเวบไซต และแสดงผลออกมาในรปแบบ HTML โดยมรากฐานโครงสรางค าสงมาจากภาษา ภาษาซ ภาษาจาวา และ ภาษาเพรล ซง ภาษา PHP นนงายตอการเรยนร ซงเปาหมายหลกของภาษาน คอใหนกพฒนาเวบไซตสามารถเขยน เวบเพจ ทมความตอบโตไดอยางรวดเรว
คณสมบต การแสดงผลของ PHP จะปรากฏในลกษณะHTML ซงจะไมแสดงค าสงทผใชเขยน ซงเปนลกษณะ
เดนท PHP แตกตางจากภาษาในลกษณะไคลเอนต-ไซด สครปต เชน ภาษาจาวาสครปต ทผชมเวบไซตสามารถอาน ดและคดลอกค าสงไปใชเองได นอกจากน PHP ยงเปนภาษาทเรยนรและเรมตนไดไมยาก โดยมเครองมอชวยเหลอและคมอทสามารถหาอานไดฟรบนอนเทอรเนต ความสามารถการประมวลผลหลกของ PHP ไดแก การสรางเนอหาอตโนมตจดการค าสง การอานขอมลจากผใชและประมวลผล การอานขอมลจากดาตาเบส ความสามารถจดการกบคกก ซงท างานเชนเดยวกบโปรแกรมในลกษณะCGI คณสมบตอนเชน การประมวลผลตามบรรทดค าสง (command line scripting) ท าใหผเขยนโปรแกรมสรางสครปต PHP ท างานผาน PHP พารเซอร (PHP parser) โดยไมตองผานเซรฟเวอรหรอเบราวเซอร ซงมลกษณะเหมอนกบ Cron (ใน ยนกซหรอลนกซ) หรอ Task Scheduler (ในวนโดวส) สครปตเหลานสามารถน าไปใชในแบบ Simple text processing tasks ได
การแสดงผลของ PHP ถงแมวาจดประสงคหลกใชในการแสดงผล HTML แตยงสามารถสราง XHTML หรอ XML ได นอกจากนสามารถท างานรวมกบค าสงเสรมตางๆ ซงสามารถแสดงผลขอมลหลก PDF แฟลช (โดยใช libswf และ Ming) PHP มความสามารถอยางมากในการท างานเปนประมวลผลขอความ จาก POSIX Extended หรอ รปแบบ Perl ทวไป เพอแปลงเปนเอกสาร XML ในการแปลงและเขาสเอกสาร XML เรารองรบมาตรฐาน SAX และ DOM สามารถใชรปแบบ XSLT ของเราเพอแปลงเอกสาร XML
เมอใช PHP ในการท าอคอมเมรซ สามารถท างานรวมกบโปรแกรมอน เชน Cybercash payment, CyberMUT, VeriSign Payflow Pro และ CCVS functions เพอใชในการสรางโปรแกรมท าธรกรรมทางการเงน
การรองรบ PHP ค าสงของ PHP สามารถสรางผานทางโปรแกรมแกไขขอความทวไป เชน โนตแพด หรอ vi ซงท าให
การท างาน PHP สามารถท างานไดในระบบปฏบตการหลกเกอบทงหมด โดยเมอเขยนค าสงแลวน ามาป ร ะ ม ว ล ผ ล Apache, Microsoft Internet Information Services (IIS) , Personal Web Server, Netscape และ iPlanet servers, Oreilly Website Pro server, Caudium, Xitami, OmniHTTPd, และอนๆ อกมากมาย. ส าหรบสวนหลกของ PHP ยงม Module ในการรองรบ CGI มาตรฐาน ซง PHP สามารถท างานเปนตวประมวลผล CGI ดวย และดวย PHP, คณมอสรภาพในการเลอก ระบบปฏบตการ และ เวบเซรฟเวอร นอกจากนคณยงสามารถใชสรางโปรแกรมโครงสราง สรางโปรแกรมเชงวตถ (OOP) หรอสราง
Page 11
เอกสารประกอบการน าเสนอโครงงานคอมพวเตอรประเภทซอฟแวร ม.4-6 เรอง “สมครชมนมจาก Paper ส Online”ระดบชาต โรงเรยนจฬาภรณราชวทยาลย นครศรธรรมราช
5
โปรแกรมทรวมทงสองอยางเขาดวยกน แมวาความสามารถของค าสง OOP มาตรฐานในเวอรชนนยงไมสมบรณ แตตวไลบรารทงหลายของโปรแกรม และตวโปรแกรมประยกต (รวมถง PEAR library) ไดถกเขยนขนโดยใชรปแบบการเขยนแบบ OOP เทานน
PHP สามารถท างานรวมกบฐานขอมลไดหลายชนด ซงฐานขอมลสวนหนงทรองรบไดแก ออราเคล dBase PostgreSQL IBM DB2 MySQL Informix ODBC โครงสรางของฐานขอมลแบบ DBX ซงท าให PHP ใชกบฐานขอมลอะไรกไดทรองรบรปแบบน และ PHP ยงรองรบ ODBC (Open Database Connection) ซงเปนมาตรฐานการเชอมตอฐานขอมลทใชกนแพรหลายอกดวย คณสามารถเชอมตอกบฐานขอมลตางๆ ทรองรบมาตรฐานโลกนได
PHP ยงสามารถรองรบการสอสารกบการบรการในโพรโทคอลตางๆ เชน LDAP IMAP SNMP NNTP POP3 HTTP COM (บนวนโดวส) และอนๆ อกมากมาย คณสามารถเปด Socket บนเครอขายโดยตรง และ ตอบโตโดยใช โพรโทคอลใดๆ กได PHP มการรองรบส าหรบการแลกเปลยนขอมลแบบ WDDX Complex กบ Web Programming อนๆ ทวไปได พดถงในสวน Interconnection, PHP มการรองรบส าหรบ Java objects ใหเปลยนมนเปน PHP Object แลวใชงาน คณยงสามารถใชรปแบบ CORBA เพอเขาส Remote Object ไดเชนกน
โปรแกรมทใช PHP เปนโครงสรางหลก เวอรแพส จมลา ดรปล PHP บบ มเดยวก แมมโบ (ซอฟตแวร)
Page 12
เอกสารประกอบการน าเสนอโครงงานคอมพวเตอรประเภทซอฟแวร ม.4-6 เรอง “สมครชมนมจาก Paper ส Online”ระดบชาต โรงเรยนจฬาภรณราชวทยาลย นครศรธรรมราช
6
AJAX Technology เอแจกซ (องกฤษ: AJAX: Asynchronous JavaScript and XML) เปนกลมของเทคนคในการพฒนา
เวบแอปพลเคชนเพอใหความสามารถโตตอบกบผใชไดดขน โดยการรบสงขอมลในฉากหลง ท าใหทงหนาไมตองโหลดใหมทกครงทมการเปลยนแปลง ซงชวยท าใหเพมการตอบสนอง ความรวดเรว และการใชงานโดยรวม
เอแจกซนนไมใชเทคโนโลยใหม แตเปนเทคนคทไดใชเทคโนโลยหลายอยางทมอยแลวรวมกนดงตอไปน:
XHTML (หรอ HTML) และ CSS ใชในการแสดงผลลพธและรปแบบขอมล ECMAScript เชนจาวาสครปต ในการเขาถง Document Object Model (DOM) เพอใชใน
การแสดงขอมลทมการเปลยนแปลงหรอโตตอบกบผใช XMLHttpRequest ใชในการแลกเปลยนขอมล asynchronously กบเวบเซรฟเวอร XML ใชเปนรปแบบขอมลในการแลกเปลยน ซงรปแบบอนกสามารถใชไดเชนกนไมวาจะเปน
HTML, JSON, EBML, หรอ ขอความธรรมดา
หลกการท างาน วธการท างานของเวบแอปพลเค
ชนแบบดงเดมนน โดยปกตแลวเมอผใชท าการรองขอขอมลจาก เซรฟเวอร ตวเวบเบราวเซอรจะท าการสงขอมลการรองขอโดยใชโพรโทคอล HTTP เพอตดตอกบเวบเซรฟเวอร และทเวบเซรฟเวอรจะท าการประมวลผลจากการรองขอทไดรบ และสงผลลพธเปนหนา HTML กลบไปใหผใช วธการขางตนเปนวธการแบบการรองขอและการตอบรบ (Request and Response) ซงผใชจะตองรอระหวางทเซรฟเวอรประมวลผลอย ซงเปนหลกการท างานแบบ Synchronous แตการท างานของเวบแอปพลเคชนทใชเทคนคเอแจกซจะเปนการท างานแบบ Asynchronous หรอการตดตอสอสารแบบไมตอเนอง โดยเซรฟเวอรจะท าการสงผลลพธเปนเวบเพจใหผใชทนทโดยไมตองรอใหประมวลผลเสรจกอน หลงจากนนเวบเพจทผใชไดรบจะท าการดงขอมลในสวนตางๆทหลง หรอจะดงขอมลกตอเมอผใชตองการเทานน (ท างานอยเบองหลง)
ขนาดการรบสงขอมล เทคนคเอแจกซนนสามารถสราง HTML ไดในเครองผใช ท าใหขนาดขอมลนนเลกลงในครงตอๆไป
เพราะสามารถสงเพยงขอมล และค าสงจาวาสครปตลงมาเฉพาะสวนทมการเปลยนแปลง แทนทจะตอ งสงขอมลใหมหมดมาทงหนา. ซงทงนขนอยกบการออกแบบของเวบแอปพลเคชนนนๆ
Page 13
เอกสารประกอบการน าเสนอโครงงานคอมพวเตอรประเภทซอฟแวร ม.4-6 เรอง “สมครชมนมจาก Paper ส Online”ระดบชาต โรงเรยนจฬาภรณราชวทยาลย นครศรธรรมราช
7
ความรวดเรวในการตอบสนอง เนองจากการใชเทคนค เอแจกซนนท าใหการเปลยนแปลงตางๆ เชนการแกไข เพมเตม ลบทงรายการ
ขอมล หรอการดงขอมลทตองการจะคนหานน สามารถท าไดในฉากหลง ท าใหผใชรสกการตอบสนองนน คลายคลงกบโปรแกรมคอมพวเตอร มากกวาเวบปกตทตองรอโหลดใหมทงหนาส าหรบการเปลยนแปลงตางๆ
Page 14
เอกสารประกอบการน าเสนอโครงงานคอมพวเตอรประเภทซอฟแวร ม.4-6 เรอง “สมครชมนมจาก Paper ส Online”ระดบชาต โรงเรยนจฬาภรณราชวทยาลย นครศรธรรมราช
8
ฐานขอมล ฐานขอมลประกอบดวยกลมการจดการขอมลส าหรบผใชหนงคนหรอหลายๆ คน โดยทวไปมกอยใน
รปแบบดจทล วธการแบงชนดของฐานขอมลไดรปแบบหนงคอแบงตามชนดของเนอหา เชน บรรณานกรม , เอกสารตวอกษร, สถต โดยฐานขอมลดจทลจะถกจดการโดยใชระบบจดการฐานขอมลซงเกบเนอหาฐานขอมล โดยอนญาตใหสราง, ดแลรกษา, คนหา และการเขาถงในรปแบบอนๆ
การออกแบบฐานขอมล การออกแบบฐานขอมล (Designing Databases) มความส าคญตอการจดการระบบฐานขอมล
(DBMS) ทงนเนองจากขอมลทอยภายในฐานขอมลจะตองศกษาถงความสมพนธของขอมล โครงสรางของขอมลการเขาถงขอมลและกระบวนการทโปรแกรมประยกตจะเรยกใชฐานขอมล ดงนน เราจงสามารถแบงวธการสรางฐานขอมลได 3 ประเภท
1. รปแบบขอมลแบบล าดบขน หรอโครงสรางแบบล าดบขน (Hierarchical data model) วธการสรางฐาน ขอมลแบบล าดบขนถกพฒนาโดยบรษท ไอบเอม จ ากด ในป 1980 ได รบความนยมมาก ในการพฒนาฐานขอมลบนเครองคอมพวเตอรขนาดใหญและขนาดกลาง โดยทโครงสรางขอมลจะสรางรปแบบเหมอนตนไม โดยความสมพนธเปนแบบหนงตอหลาย (One- to -Many)
2. รปแบบขอมลแบบเครอขาย (Network data Model) ฐานขอมลแบบเครอขายมความคลายคลงกบฐาน ขอมลแบบล าดบชน ตางกนทโครงสรางแบบเครอขาย อาจจะมการตดตอหลายตอหนง (Many-to-one) หรอ หลายตอหลาย (Many-to-many) กลาวคอลก (Child) อาจมพอแม (Parent) มากกวาหนง ส าหรบตวอยางฐานขอมลแบบเครอขายใหลองพจารณาการจดการขอมลของห องสมด ซงรายการจะประกอบดวย ชอเรอง ผแตง ส านกพมพ ทอย ประเภท
3. รปแบบความสมพนธขอมล (Relation data model) เปนลกษณะการออกแบบฐานขอมลโดยจดขอมลใหอยในรปของตารางทมระบบคลายแฟม โดยทขอมลแตละแถว (Row) ของตารางจะแทนเรคอรด (Record) สวน ขอมลนแนวดงจะแทนคอลมน (Column) ซงเปนขอบเขตของขอมล (Field) โดยทตารางแตละตารางทสรางขนจะเปนอสระ ดงนนผออกแบบฐานขอมลจะตองมการวางแผนถงตารางขอมลทจ าเปนตองใช เชนระบบฐานขอมลบรษทแหงหนง ประกอบดวย ตารางประวตพนกงาน ตารางแผนกและตารางขอมลโครงการ แสดงประวตพนกงาน ตารางแผนก และตารางขอมลโครงการ
การออกแบบฐานขอมลเชงสมพนธ การออกแบบฐานขอมลในองคกรขนาดเลกเพอตอบสนองความตองการของผใชงานอาจเปนเรองทไม
ยงยากนก เนองจากระบบและขนตอนการท างานภายในองคกรไมซบซอน ปรมาณขอมลทมกไมมาก และจ านวนผใชงานฐานขอมลกมเพยงไมกคน หากทวาในองคกรขนาดใหญ ซงมระบบและขนตอนการท างานทซบซอน รวมทงมปรมาณขอมลและผใชงานจ านวนมาก การออกแบบฐานขอมลจะเปนเรองทมความละเอยดซบซอน และตองใชเวลาในการด าเนนการนานพอควรทเดยว ทงน ฐานขอมลทไดรบการออกแบบอยางเหมาะสมจะสามารถตอบสนองตอความตองการของผใชงานภายในหนวยงานตาง ๆ ขององคกรได ซงจะท าใหการด าเนนงานขององคกรมประสทธภาพดยงขน เปนผลตอบแทนทคมคาตอการลงทนเพอพฒนาระบบ
Page 15
เอกสารประกอบการน าเสนอโครงงานคอมพวเตอรประเภทซอฟแวร ม.4-6 เรอง “สมครชมนมจาก Paper ส Online”ระดบชาต โรงเรยนจฬาภรณราชวทยาลย นครศรธรรมราช
9
ฐานขอมลภายในองคกรทงน การออกแบบฐานขอมลทน าซอฟตแวรระบบจดการฐานขอมลมาชวยในการด าเนนการ สามารถจ าแนกหลกในการด าเนนการได 6 ขนตอน คอ
1.การรวบรวมและวเคราะหความตองการในการใชขอมล 2.การเลอกระบบจดการฐานขอมล 3.การออกแบบฐานขอมลในระดบแนวคด 4.การน าฐานขอมลทออกแบบในระดบแนวคดเขาสระบบจดการฐานขอมล 5.การออกแบบฐานขอมลในระดบกายภาพ 6.การน าฐานขอมลไปใชและการประเมนผล
การออกแบบฐานขอมลในระดบตรรกะ การออกแบบฐานขอมลในระดบตรรกะ หรอในระดบแนวความคด เปนขนตอนการออกแบบ
ความสมพนธระหวางขอมลในระบบโดยใชแบบจ าลองขอมลเชงสมพนธ ซงอธบายโดยใชแผนภาพแสดงความสมพนธระหวางขอมล (E-R Diagram) จากแผนภาพ E-R Diagram น ามาสรางเปนตารางขอมล (Mapping E-R Diagram to Relation) และใชทฤษฏการ Normalization เพอเปนการรบประกนวาขอมลมความซ าซอนกนนอยทสด ซงการออกแบบเชงตรรกะนจะบอกถงรายละเอยดของ Relation , Attribute และ Entity
Page 16
เอกสารประกอบการน าเสนอโครงงานคอมพวเตอรประเภทซอฟแวร ม.4-6 เรอง “สมครชมนมจาก Paper ส Online”ระดบชาต โรงเรยนจฬาภรณราชวทยาลย นครศรธรรมราช
10
jQuery เจเควยร (jQuery) คอไลบรารของโคดจาวาสครปต ทใชเปนสวนหนงในการสรางเวบไซตชวยในการ
เรยกใชงานจาวาสครปตใหงายขน เปดตวครงแรกในงานบารแคมปนวยอรก โดย จอหน เรซก (John Resig) เมอ 14 มกราคม พ.ศ. 2549 ตวโคดของเจเควยรมลขสทธและสญญาอนญาตแบบโอเพนซอรซ โดยใชสญญาอนญาตของ GFDL และ MIT License
ขอด สามารถเลอกองคประกอบ DOM บนหนาเวบไดแบบขามเบราเซอร( ใชงานไดทก
เบราเซอรหลก) โดยใช engine Sizzle สามารถทองไปใน DOM และปรบปรงแกไขได (รองรบ CSS 1-3) สามารถจดการ DOM โดยใชตวเลอกแบบ CSS ซงใชการเลอก node elements จากชอ
และคณสมบตของ node (id และ class) การตรวจจบเหตการณ เชนการคลก การพมพ เปนตน Effects และ animations AJAX เพมความสามารถโดยใช plug-ins เครองมอเสรม เชนขอมลของเบราเซอร การตรวจจบวารองรบความสารถใดๆ ไดบาง วธการทรองรบความเขากนไดทท างานไดดวยตวเองบนเบราเซอรสมยใหม แตสามารถ
กลบไปท างานดวยวธเดมบนเบราเซอรเกาๆ เชน function inArray() และ each() รองรบหลายเบราเซอร
Page 17
เอกสารประกอบการน าเสนอโครงงานคอมพวเตอรประเภทซอฟแวร ม.4-6 เรอง “สมครชมนมจาก Paper ส Online”ระดบชาต โรงเรยนจฬาภรณราชวทยาลย นครศรธรรมราช
11
บทท 3 วธการด าเนนโครงงาน ในการจดท าโครงงานคอมพวเตอร “ระบบสมครชมนมออนไลน โรงเรยนจฬาภรณราชวทยาลย
นครศรธรรมราช” มวธด าเนนการดงตอไปน
วสด อปกรณ 1. เครองคอมพวเตอรสวนบคคล (ส าหรบพฒนาระบบ) 2. เครองคอมพวเตอรส าหรบใหบรการระบบ (ในทน ใชเครองเซรฟเวอรของฝายวชาการโรงเรยน
http://www.pccns.in.th) 3. ซอฟแวรส าหรบพฒนาระบบ
a. Code editing software i. NetBean IDE 7.2 ii. Sublime text Version 2 iii. Adobe Dreamweaver CS6
b. Web server emulating software i. XAMPP Version: 1.8.1 ii. MySQL Version 5.0.10 iii. PHP Version 5.4.7
c. Web browser and code debugging software i. Google Chrome Version 16 ii. Mozila Firefox Version 18 with extension Firebug Version 1.14
d. Server management software i. Filezila Client version 3.5 (File transfer manager) ii. phpMyAdmin version 4 (MySQL database manager and SQL tester)
e. Miscellaneous software i. Adobe Photoshop CS6 (image editor) ii. CSS 3 generator (css3 gradient color editor)
ขนตอนการด าเนนการ 1. ศกษาความตองการของครผดแลการสมครชมนมและครผดแลการท าโครงงาน และแจกแจงคณสมบต
ของระบบสมครชมนมทควรจะเปน 2. ออกแบบฐานขอมลใหมความยดหยน ใชงานไดงาย และถกหลกของการออกแบบฐานขอมล 3. แบงการท างานของแตละสวน และสราง flowchart การท างานของแตละสวน เพอชวยในการ
ก าหนดแนวทางในการพฒนาระบบ 4. พฒนาสวนแกนหลกของระบบในสวนทท างานบน server ดวยภาษา PHP เชนการตดตอกบ
ฐานขอมล การตรวจสอบสทธการใชงาน การรายงานผล
Page 18
เอกสารประกอบการน าเสนอโครงงานคอมพวเตอรประเภทซอฟแวร ม.4-6 เรอง “สมครชมนมจาก Paper ส Online”ระดบชาต โรงเรยนจฬาภรณราชวทยาลย นครศรธรรมราช
12
5. น าเขา Library เกยวกบการสงออกเอกสารเปนเอกสาร excel และประยกตเขากบสวนแกนกลางทไดพฒนาไปแลวกอนหนาน
6. พฒนาระบบในสวนของ JavaScript โดยใช jQuery library เปนแกนหลก และประยกตเขากบสวนแกนหลกทพฒนาไปแลวในสวนกอนหนา
7. พฒนาระบบในสวนทท างานบน server และท างานรวมกบระบบสวน JavaScript โดยใชการตดตอสอสารระหวางกนดวยเทคโนโลย Ajax เชนระบบ autocomplete ทใชในการคนหาขอมล
8. ทดสอบครงท 1 เพอตรวจสอบหาขอผดพลาดในสวนของการท างานบน server โดยใชขอมลจ าลอง 9. แกไขครงท 1 เพอขจดขอผดพลาดทเกดขนระหวางการทดสอบใหระบบกลบมาท างานไดอยางถกตอง 10. ทดสอบครงท 2 เพอตรวจสอบการท างานในสวนของ JavaScript ทงสวนทท างานบน client และ
สวนทตดตอกบ server ผานเทคโนโลย Ajax วามขอผดพลาดหรอไม 11. แกไขครงท 2 เพอขจดขอผดพลาดทเกดขนระหวางการทดสอบใหระบบกลบมาท างานไดอยางถกตอง 12. สรางแมแบบของหนาบนระบบจรง และพฒนา CSS ของหนาระบบเพอใหระบบดสวยงาม นาใชงาน 13. สรางระบบเฉพาะกจขน เพอน าเขารายชอนกเรยนทอยในเอกสารรายชอนกเรยนในรปของเอกสาร
excel ไปเกบไวบนฐานขอมลทสรางรอไวระหวางการพฒนาในขอ 4 เพอเตรยมการในขนตอนการทดสอบและใชงานจรงตอไป
14. ทดสอบครงท 3 เพอตรวจสอบวาท างานกบสถานการณจรงไดหรอไม 15. แกไขครงท 3 เพอขจดขอผดพลาด 16. ครผดแลตรวจสอบ และใหขอแนะน าในสวนทควรปรบปรง 17. ปรบปรงและทดสอบการท างานของระบบตามค าแนะน าของครผควบคม 18. เปดใหลองใชงานเสมอนจรงบน server จรง 19. แกไขขอผดพลาด และแกปญหาอนเนองมาจากการใชงานเปนจ านวนมากบน server 20. เปดใชงานจรง 21. ปดระบบตามก าหนดเวลา เพอสงออกขอมลไปประมวลผลใหฝายวชาการน าไปใชตอไป
Page 19
เอกสารประกอบการน าเสนอโครงงานคอมพวเตอรประเภทซอฟแวร ม.4-6 เรอง “สมครชมนมจาก Paper ส Online”ระดบชาต โรงเรยนจฬาภรณราชวทยาลย นครศรธรรมราช
13
บทท 4 ผลการด าเนนงานโครงงาน จากการด าเนนงานของโครงงาน ไดด าเนนการดวยวสดและวธการดงปรากฏในบทท 3 จนไดระบบ
สมครชมนมออนไลนเปนผลส าเรจ และไดใชงานจรงในการรบสมครนกเรยนเขาชมนมของโรงเรยนจฬาภรณราชวทยาลย นครศรธรรมราช ภาคเรยนท 1 ปการศกษา 2555 โดยเปดรบสมครผ าน เวบ ไซต http://www.pccns.in.th/club เปนเวลา 2 สปดาห ระหวางวนท 8 มถนายน 2555 ถงวนท 23 มถนายน 2555 มชมนมเปดรบสมครจ านวน 54 ชมนม มนกเรยนในระบบการสมครทงหมด 802 คน ซงประสบผลส าเรจเปนอยางด ดงจะเหนไดจากภาพของระบบ และปฏกรยาของนกเรยนตอระบบดงตอไปน
หนาหลกส าหรบประกาศขาวสารจากระบบ
แสดงตวอยางการคนหาชอชมนมตามเงอนไขทก าหนด
Page 20
เอกสารประกอบการน าเสนอโครงงานคอมพวเตอรประเภทซอฟแวร ม.4-6 เรอง “สมครชมนมจาก Paper ส Online”ระดบชาต โรงเรยนจฬาภรณราชวทยาลย นครศรธรรมราช
14
แสดงการแสดงผลรายชอของชมนมทเปดรบสมคร ณ เวลาปจจบนทงหมด
แสดงตวอยางเอกสารทไดจากการสงออกรายชอชมนมทงหมดจากระบบสมครชมนมในรปแบบ
เอกสาร excel
แสดงตวอยางการสมครสมาชกเขาระบบสมครชมนมออนไลน
Page 21
เอกสารประกอบการน าเสนอโครงงานคอมพวเตอรประเภทซอฟแวร ม.4-6 เรอง “สมครชมนมจาก Paper ส Online”ระดบชาต โรงเรยนจฬาภรณราชวทยาลย นครศรธรรมราช
15
แสดงตวอยางการคนหาสมาชกจากระบบดวยเงอนไขทก าหนดให
แสดงตวอยางการแสดงรายชอสมาชกทงหมด ทงผานหนาเวบของระบบ และสงออกมาเปนเอกสาร
excel
แสดงตวอยางการลงชอเขาสระบบ
Page 22
เอกสารประกอบการน าเสนอโครงงานคอมพวเตอรประเภทซอฟแวร ม.4-6 เรอง “สมครชมนมจาก Paper ส Online”ระดบชาต โรงเรยนจฬาภรณราชวทยาลย นครศรธรรมราช
16
แสดงตวอยางการเขาแกไขขอมลของผใช
ภาพบรรยากาศการเขาใชระบบสมครชมนมออนไลนของนกเรยนชนมธยมศกษาปท 1
Page 23
เอกสารประกอบการน าเสนอโครงงานคอมพวเตอรประเภทซอฟแวร ม.4-6 เรอง “สมครชมนมจาก Paper ส Online”ระดบชาต โรงเรยนจฬาภรณราชวทยาลย นครศรธรรมราช
17
บทท 5 สรปผลการด าเนนการ ผลการด าเนนงาน
การพฒนาระบบสมครชมนมออนไลนของโรงเรยนจฬาภรณราชวทยาลย นครศรธรรมราช สามารถท าใหการสมครชมนมของโรงเรยนเปนไปไดดวยด ลดปญหาทเกดขนอนเนองมาจากการสมครแบบเดม เชนการหาครผรบรองไมเจอ ความลาชาในการประมวลผลการสมครชมนม ทงยงท าใหการจดการสะดวกยงขน เชนสามารถตรวจสอบการสมครชมนมของนกเรยนแตละคนได ณ เวลาปจจบน (Real-time) นกเรยนมเวลาตดสนใจในการสมครชมนมไดมากขน และมความสะดวกมากกวาเดม เพราะสามารถสมครไดจากทใดกไดบนโลกทมคอมพวเตอรทเชอมตอเขาสระบบอนเตอรเนต
ปญหาของระบบ 1. ระบบไมสามารถใชการไดเมอมผใชเปนจ านวนมาก ซงผจดท าไดท าการแกไขโดยการเพมระบบเกบ
ขอมลทประมวลผลแลวมาแสดงผลแทนขอมลจากฐานขอมลโดยตรงในเวลาสนๆ (File-base Cache system)
2. ความไมเขาใจในการใชงานของผใชงานใหม ซงผจดท าไดแกปญหาโดยการเพมเอกสารค าแนะน าการใชงานระบบในหนาแรก และใหค าแนะน าแกนกเรยนทเขามาสอบถาม
3. ความซบซอนของการท างานของระบบบางอยาง เชนการสงออกรายชอนกเรยนรายหอง หรอรายชมนม ซงผจดท าไดแกปญหาโดยการเพมหนาส าหรบรวมรายการรายชอทจะรบชม แยกตามหองเรยนและชมนม
4. การออกแบบท าแบบตายตว ไมสามารถใชงานใหมเงอนไขทซบซอนได เชนการไมอนญาตใหนกเรยนสมครชมนมเดมซ ากบภาคเรยนทแลวได เปนตน
5. โคดของระบบทพฒนาขน มความซบซอน ยากตอการท าการเขาใจเมอกลบมาแกไขในภายหลง 6. ระบบทพฒนาขน ผกตดกบฐานขอมล MySQL ของ Oracle ยากตอการน าไปใชกบฐานขอมลของ
ผผลตอนๆ เชนฐานขอมลของ Microsoft access, SQLite, MariaDB เปนตน
Page 24
เอกสารประกอบการน าเสนอโครงงานคอมพวเตอรประเภทซอฟแวร ม.4-6 เรอง “สมครชมนมจาก Paper ส Online”ระดบชาต โรงเรยนจฬาภรณราชวทยาลย นครศรธรรมราช
18
แนวทางการปรบปรงระบบ 1. พฒนาระบบแคชและการดงขอมลจากฐานใหมประสทธภาพยงขน เชนการรวบค าสงการแกไขขอมล
ในฐานขอมลจากทละครงเปนครงเดยว เปนตน 2. ปรบปรง User Interface ใหใชงานงายยงขน 3. เพมสวนการท างานทควรจะม เชนเปลยนจากการแกไขไฟลตงคานามสกล .ini โดยตรง เปนการ
ท างานบนหนาเวบแทน หรอมตวเลอกส าหรบสงคาออกมาโดยตรงแทนการท าผานหนาเวบ เปนตน 4. ปรบปรงโครงสรางฐานขอมล ใหมความเปนพลวตรมากขน เชนเปลยนจากการเกบขอมลโดยตรงเปน
การเกบในรปของตวแปรแถวล าดบ (Array) เปนตน 5. เปลยนรปแบบการเขยนโคด จากการเขยนแบบโครงสราง แบงงานเปนหนวยยอยๆ (Procedural
programming) เปนการเขยนในรปแบบเชงวตถ (Object-Oriented Programing) และเพมความคดเหนในโคดสวนตางๆ เพอใหงายตอการท าความเขาใจ
6. เปลยนเครองมอทใชตดตอฐานขอมล (Driver) จากเดมทใช function ตระกล mysql_ เปนการใชการตดตอผานเครองมอทตดตอสากล เชน function ตระกล odbc_ หรอเครองมออน เปนตน
Page 25
เอกสารประกอบการน าเสนอโครงงานคอมพวเตอรประเภทซอฟแวร ม.4-6 เรอง “สมครชมนมจาก Paper ส Online”ระดบชาต โรงเรยนจฬาภรณราชวทยาลย นครศรธรรมราช
19
บรรณานกรม "A Brief History of Ajax". Aaron Swartz. 22 December 2005. Retrieved 4 August 2009. Beynon-Davies P. (2004). Database Systems 3rd Edition. Palgrave, Basingstoke, UK.
ISBN 1-4039-1601-2. C. W. Bachmann (November 1973), "The Programmer as Navigator", CACM (Turing
Award Lecture 1973). "Dynamic HTML and XML: The XMLHttpRequest Object". Apple Inc. Retrieved 25
June 2008. "History of PHP". php.net. "History of PHP and related projects". The PHP Group. Retrieved 2008-02-25. Hopmann, Alex. "Story of XMLHTTP". Alex Hopmann’s Blog. Retrieved 17 May 2010. "Introduction: What can PHP do?". PHP Manual. Retrieved 2009-03-05. "JavaScript Object Notation". Apache.org. Archived from the original on 16 June
2008. Retrieved 4 July 2008. Jeffrey Ullman 1997: First course in database systems, Prentice-Hall Inc., Simon &
Schuster, Page 1, ISBN 0-13-861337-0. Jesse James Garrett (18 February 2005). "Ajax: A New Approach to Web
Applications". AdaptivePath.com. Retrieved 19 June 2008. "jQuery: The write less, do more, JavaScript library". The jQuery Project. Retrieved
29 April 2010. Lerdorf, Rasmus (2007-04-26). "PHP on Hormones – history of PHP presentation by
Rasmus Lerdorf given at the MySQL Conference in Santa Clara, California". The Conversations Network. Retrieved 2009-12-11.
MSN.com. Home.microsoft.com (1999-12-31). Retrieved on 2013-07-13. PHP Manual: Preface, www.php.net "PHP Usage Stats". Retrieved 2013-04-01. Raul F. Chong, Michael Dang, Dwaine R. Snow, Xiaomei Wang (3 July 2008).
"Introduction to DB2". Retrieved 17 March 2013.. This article quotes a development time of 5 years involving 750 people for DB2 release 9 alone.
Tsitchizris, D. C. and F. H. Lochovsky (1982). Data Models. Englewood-Cliffs, Prentice-Hall.
"Usage of JavaScript libraries for websites". W3Techs. Retrieved 2010-07-08. Ullman, Chris (March 2007). Beginning Ajax. wrox. ISBN 978-0-470-10675-4. Archived
from the original on 5 July 2008. Retrieved 24 June 2008.
Page 26
เอกสารประกอบการน าเสนอโครงงานคอมพวเตอรประเภทซอฟแวร ม.4-6 เรอง “สมครชมนมจาก Paper ส Online”ระดบชาต โรงเรยนจฬาภรณราชวทยาลย นครศรธรรมราช
20
ภาคผนวก
Page 27
เอกสารประกอบการน าเสนอโครงงานคอมพวเตอรประเภทซอฟแวร ม.4-6 เรอง “สมครชมนมจาก Paper ส Online”ระดบชาต โรงเรยนจฬาภรณราชวทยาลย นครศรธรรมราช
21
Process hierarchy Chart
ระบบสมครชมนมออนไลน
ระบบยนยนสทธการเขาใชงาน
การเขาสระบบ
การระบตวตนและใหสทธการใชงาน
การยนยนสทธการใชงาน
การออกจากระบบ
ระบบสมาชก
การเพมสมาชก
การแกไขขอมลสมาชกการแกไขขอมลทวไป
การแกไขรหสผานการลบสมาชก
การคนหารายชอสมาชก
การสงออกรายชอสมาชก
ระบบชมนม
การเพมชมนม
การแกไขขมนม
การลบชมนม
การคนหารายชอชมนม
การก าหนดสทธการสมครชมนมของผสมคร
การสงออกรายชอชมนม
ระบบควบคมระบบเปด/ปดการสมคร
ระบบตงคาคณสมบตการเชอมตอกบฐานขอมล
รปแบบเอกสารทสงออกจากระบบ
Page 28
เอกสารประกอบการน าเสนอโครงงานคอมพวเตอรประเภทซอฟแวร ม.4-6 เรอง “สมครชมนมจาก Paper ส Online”ระดบชาต โรงเรยนจฬาภรณราชวทยาลย นครศรธรรมราช
22
Database Design ER Diagram
club_member
•member_id
•member_name
•member_sir
•member_user
•member_pass
•member_room
•member_num
•member_club
•member_type
•member_status
•member_date
club_admin
•admin_id
•admin_user
•admin_pass
•admin_regis
club_namelist
• club_id
• club_name
• club_teacher1
• club_teacher2
• club_teacher3
• club_limit
• club_second
• slub_spilt
Page 29
เอกสารประกอบการน าเสนอโครงงานคอมพวเตอรประเภทซอฟแวร ม.4-6 เรอง “สมครชมนมจาก Paper ส Online”ระดบชาต โรงเรยนจฬาภรณราชวทยาลย นครศรธรรมราช
23
Data Dictionary club_admin
Column ประเภท ความหมาย
admin_id int(10) Primary key ดชนอางองผดแลระบบ
admin_user varchar(35) ชอผใชของผดแลระบบ
admin_pass varchar(35) รหสผานของผดแลระบบ
admin_regis Timestamp วนเวลาทแกไขขอมลลาสด
Club_member
Column ประเภท ความหมาย อางอง
member_id smallint(5) ดชนอางองสมาชก club_teacher1, club_teacher2, club_teacher3
member_name varchar(80) ชอของสมาชก
member_sir varchar(80) นามสกลของสมาชก
member_user varchar(15) ชอผใชของสมาชก
member_pass varchar(35) รหสผานของสมาชก
member_room smallint(3) หองของสมาชก
member_num smallint(2) เลขทของสมาชก
member_club smallint(4) เลขดชนของชมนมทสมาชกสงกด
club_id
member_type enum('STUDENT', 'TEACHER', '', '') ประเภทของสมาชก
member_status smallint(1) สถานะของสมาชก
member_date Timestamp วนเวลาทแกไขขอมลลาสด
Page 30
เอกสารประกอบการน าเสนอโครงงานคอมพวเตอรประเภทซอฟแวร ม.4-6 เรอง “สมครชมนมจาก Paper ส Online”ระดบชาต โรงเรยนจฬาภรณราชวทยาลย นครศรธรรมราช
24
Club_namelist Column ประเภท ความหมาย อางอง
club_id smallint(4) ดชนของชมนม member_club
club_name varchar(300) ชอชมนม
club_teacher1 varchar(15) ดชนของครผดแลชมนมคนท 1 member_id
club_teacher2 varchar(15) ดชนของครผดแลชมนมคนท 2 member_id
club_teacher3 varchar(15) ดชนของครผดแลชมนมคนท 3 member_id
club_limit int(11) จ านวนรบจ ากดของชมนม
club_second int(11) จ านวนรบจ ากดของชมนมในระดบมธยมศกษาตอนตน
club_spilt tinyint(1) มการแบงชมนมหรอไม
Page 31
เอกสารประกอบการน าเสนอโครงงานคอมพวเตอรประเภทซอฟแวร ม.4-6 เรอง “สมครชมนมจาก Paper ส Online”ระดบชาต โรงเรยนจฬาภรณราชวทยาลย นครศรธรรมราช
25
Diagram การเพมสมาชก
แจงการปดลงทะเบยน
ไมใช
ใช
แสดงฟอรมลงทะเบยน
ผใชปอนขอมล
ปอนขอมลครบหรอไม
รหสผานตรงกนหรอไม
ไมมผใชซ ากนหรอไม
ไมใช
ไมใช
ไมใช
จบ
2
ใช
ใช
ใช
เรม
ระบบเปดใหลงทะเบยนหรอไม
Page 32
เอกสารประกอบการน าเสนอโครงงานคอมพวเตอรประเภทซอฟแวร ม.4-6 เรอง “สมครชมนมจาก Paper ส Online”ระดบชาต โรงเรยนจฬาภรณราชวทยาลย นครศรธรรมราช
26
1
ตดตอฐานขอมล
บนทกขอมล
แจงการบนทกส าเรจ
ตดตอฐานขอมลไดหรอไม
แกไขขอผดพลาด
บนทกขอมลลงฐานขอมลไดหรอไม
จบ
ไมใช
ไมใช
ใช
ใช
Page 33
เอกสารประกอบการน าเสนอโครงงานคอมพวเตอรประเภทซอฟแวร ม.4-6 เรอง “สมครชมนมจาก Paper ส Online”ระดบชาต โรงเรยนจฬาภรณราชวทยาลย นครศรธรรมราช
27
การเลอกชมนม
เรม
เปนสมาชกหรอผดแลระบบใช
หรอไม
แจงขอความไมอนญาต
จบ
ผทจะถกเลอกชมนมอยระดบชน ม.ตน
หรอไม
คนหารายชอชมนมทยงวางอย และรบสมาชกในระดบชน
[ระดบชน]
ตวแปร ระดบชน = ม.ตน
ตวแปร ระดบชน = ม.ปลาย
2
Page 34
เอกสารประกอบการน าเสนอโครงงานคอมพวเตอรประเภทซอฟแวร ม.4-6 เรอง “สมครชมนมจาก Paper ส Online”ระดบชาต โรงเรยนจฬาภรณราชวทยาลย นครศรธรรมราช
28
1
แสดงรายชอชมนมทเลอกได
ผใชเลอกชมนม และสงขอมล
ตดตอฐานขอมล
บนทกขอมล
แจงการบนทกส าเรจ
ตดตอฐานขอมลไดหรอไม
บนทกขอมลลงฐานขอมลไดหรอไม
ไมใช
ไมใช
ใช
ใช
แกไขขอผดพลาด
จบ
Page 35
เอกสารประกอบการน าเสนอโครงงานคอมพวเตอรประเภทซอฟแวร ม.4-6 เรอง “สมครชมนมจาก Paper ส Online”ระดบชาต โรงเรยนจฬาภรณราชวทยาลย นครศรธรรมราช
29
แบบประเมนความพงพอใจตอกจกรรมชมนม Paper สออนไลน นกเรยนโรงเรยนจฬาภรณราชวทยาลย นครศรธรรมราช
ปการศกษา 2555
ผประเมน นกเรยน จ านวน 80 คน คร จ านวน 20 คน ค าชแจง กรณาเขยนเครองหมาย / ลงในชอง ตามระดบความพงพอใจของทาน
5 หมายถง พงพอใจมากทสด 4 หมายถง พงพอใจมาก 3 หมายถง พงพอใจปานกลาง 2 หมายถง พงพอใจนอย 1 หมายถง พงพอใจนอยทสด
ท รายการ ระดบความพงพอใจ
5 4 3 2 1
1 กจกรรมหลากหลายตามความสนใจและถนดของผเรยน
60 30 10 0 0
2 ระยะเวลาในการด าเนนกจกรรมมความเหมาะสม 89 11 0 0 0 3 ไดรบความรประสบการณหลากหลายตามความสนใจ 80 11 9 0 0 4 สามารถน าไปประยกตใชในชวตประจ าวนได 78 20 2 0 0 5 สามารถด าเนนการไดอยางเหมาะสม 78 22 0 0 0 6 นกเรยนมความพงพอใจตอการรวมกจกรรมชมนม 89 9 2 0 0 7 ความทนสมยของระบบออนไลน 69 28 3 0 0 8 ระบบเมนตางๆในระบบ 87 12 1 0 0 คาความพงพอใจ 78.75 17.875 4.5 0 0