โครงงาน เรื่อง - portfolio.itpcc.netportfolio.itpcc.net/docs/project-club-book.pdf · โครงงาน เรื่อง 6สมัครชุมนุมจาก

โครงงาน เรอง “สมครชมนมจาก Paper ส Online” โดย

1. นายราชศกด รกษก าเนด ชนมธยมศกษาปท 6 2. นายอนทช นนสง ชนมธยมศกษาปท 4 3. นางสาวนนทนช ไชยรตน ชนมธยมศกษาปท 4

โรงเรยนจฬาภรณราชวทยาลย นครศรธรรมราช

(โรงเรยนวทยาศาสตรภมภาค) ส านกงานเขตพนทการศกษามธยมศกษาเขต 12

(นครศรธรรมราช – พทลง)

รายงานฉบบนเปนสวนประกอบของโครงงานคอมพวเตอรประเภทซอฟตแวร เนองในงานศลปหตถกรรมนกเรยน ครงท 63 ปการศกษา 2556

ระดบ เขต ภาค ชาต วนท 3 กมภาพนธ พ.ศ.2557

โครงงาน เรอง “สมครชมนมจาก Paper ส Online”

โดย

1. นายราชศกด รกษก าเนด ชนมธยมศกษาปท 6 2. นายอนทช นนสง ชนมธยมศกษาปท 5 3. นางสาวนนทนช ไชยรตน ชนมธยมศกษาปท 4

โรงเรยนจฬาภรณราชวทยาลย นครศรธรรมราช

(โรงเรยนวทยาศาสตรภมภาค) ส านกงานเขตพนทการศกษามธยมศกษาเขต 12

(นครศรธรรมราช – พทลง)

ครทปรกษา นายฐปนวฒน ชกลน นางสาวพรพมล คงเปย ครทปรกษาพเศษ นายวชต วงษทอง

เอกสารประกอบการน าเสนอโครงงานคอมพวเตอรประเภทซอฟแวร ม.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 คน ซงประสบผลส าเรจเปนอยางด


ข

กตตกรรมประกาศ โครงงานเรอง“สมครชมนมจาก 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


ง

สารบญ (ตอ) ปญหาของระบบ ........................................................................................................................ 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

เอกสารประกอบการน าเสนอโครงงานคอมพวเตอรประเภทซอฟแวร ม.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 ของตวเองได


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


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. ไดทดสอบประสทธภาพของการใหบรการในกรณทมผเขาใชงานมากของเครองผใหบรการ


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) หรอสราง


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 บบ มเดยวก แมมโบ (ซอฟตแวร)


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 ไดในเครองผใช ท าใหขนาดขอมลนนเลกลงในครงตอๆไป

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


7

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

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


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) โดยทตารางแตละตารางทสรางขนจะเปนอสระ ดงนนผออกแบบฐานขอมลจะตองมการวางแผนถงตารางขอมลทจ าเปนตองใช เชนระบบฐานขอมลบรษทแหงหนง ประกอบดวย ตารางประวตพนกงาน ตารางแผนกและตารางขอมลโครงการ แสดงประวตพนกงาน ตารางแผนก และตารางขอมลโครงการ

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

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


9

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

1.การรวบรวมและวเคราะหความตองการในการใชขอมล 2.การเลอกระบบจดการฐานขอมล 3.การออกแบบฐานขอมลในระดบแนวคด 4.การน าฐานขอมลทออกแบบในระดบแนวคดเขาสระบบจดการฐานขอมล 5.การออกแบบฐานขอมลในระดบกายภาพ 6.การน าฐานขอมลไปใชและการประเมนผล

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

ความสมพนธระหวางขอมลในระบบโดยใชแบบจ าลองขอมลเชงสมพนธ ซงอธบายโดยใชแผนภาพแสดงความสมพนธระหวางขอมล (E-R Diagram) จากแผนภาพ E-R Diagram น ามาสรางเปนตารางขอมล (Mapping E-R Diagram to Relation) และใชทฤษฏการ Normalization เพอเปนการรบประกนวาขอมลมความซ าซอนกนนอยทสด ซงการออกแบบเชงตรรกะนจะบอกถงรายละเอยดของ Relation , Attribute และ Entity


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() รองรบหลายเบราเซอร


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 เชนการตดตอกบ

ฐานขอมล การตรวจสอบสทธการใชงาน การรายงานผล

http://www.pccns.in.th/


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. ปดระบบตามก าหนดเวลา เพอสงออกขอมลไปประมวลผลใหฝายวชาการน าไปใชตอไป


13

บทท 4 ผลการด าเนนงานโครงงาน จากการด าเนนงานของโครงงาน ไดด าเนนการดวยวสดและวธการดงปรากฏในบทท 3 จนไดระบบ

สมครชมนมออนไลนเปนผลส าเรจ และไดใชงานจรงในการรบสมครนกเรยนเขาชมนมของโรงเรยนจฬาภรณราชวทยาลย นครศรธรรมราช ภาคเรยนท 1 ปการศกษา 2555 โดยเปดรบสมครผ าน เวบ ไซต http://www.pccns.in.th/club เปนเวลา 2 สปดาห ระหวางวนท 8 มถนายน 2555 ถงวนท 23 มถนายน 2555 มชมนมเปดรบสมครจ านวน 54 ชมนม มนกเรยนในระบบการสมครทงหมด 802 คน ซงประสบผลส าเรจเปนอยางด ดงจะเหนไดจากภาพของระบบ และปฏกรยาของนกเรยนตอระบบดงตอไปน

หนาหลกส าหรบประกาศขาวสารจากระบบ

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

http://www.pccns.in.th/club


14

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

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

เอกสาร excel

แสดงตวอยางการสมครสมาชกเขาระบบสมครชมนมออนไลน


15

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

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

excel

แสดงตวอยางการลงชอเขาสระบบ


16

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

ภาพบรรยากาศการเขาใชระบบสมครชมนมออนไลนของนกเรยนชนมธยมศกษาปท 1


17

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

การพฒนาระบบสมครชมนมออนไลนของโรงเรยนจฬาภรณราชวทยาลย นครศรธรรมราช สามารถท าใหการสมครชมนมของโรงเรยนเปนไปไดดวยด ลดปญหาทเกดขนอนเนองมาจากการสมครแบบเดม เชนการหาครผรบรองไมเจอ ความลาชาในการประมวลผลการสมครชมนม ทงยงท าใหการจดการสะดวกยงขน เชนสามารถตรวจสอบการสมครชมนมของนกเรยนแตละคนได ณ เวลาปจจบน (Real-time) นกเรยนมเวลาตดสนใจในการสมครชมนมไดมากขน และมความสะดวกมากกวาเดม เพราะสามารถสมครไดจากทใดกไดบนโลกทมคอมพวเตอรทเชอมตอเขาสระบบอนเตอรเนต

ปญหาของระบบ 1. ระบบไมสามารถใชการไดเมอมผใชเปนจ านวนมาก ซงผจดท าไดท าการแกไขโดยการเพมระบบเกบ

ขอมลทประมวลผลแลวมาแสดงผลแทนขอมลจากฐานขอมลโดยตรงในเวลาสนๆ (File-base Cache system)

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

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

4. การออกแบบท าแบบตายตว ไมสามารถใชงานใหมเงอนไขทซบซอนได เชนการไมอนญาตใหนกเรยนสมครชมนมเดมซ ากบภาคเรยนทแลวได เปนตน

5. โคดของระบบทพฒนาขน มความซบซอน ยากตอการท าการเขาใจเมอกลบมาแกไขในภายหลง 6. ระบบทพฒนาขน ผกตดกบฐานขอมล MySQL ของ Oracle ยากตอการน าไปใชกบฐานขอมลของ

ผผลตอนๆ เชนฐานขอมลของ Microsoft access, SQLite, MariaDB เปนตน


18

แนวทางการปรบปรงระบบ 1. พฒนาระบบแคชและการดงขอมลจากฐานใหมประสทธภาพยงขน เชนการรวบค าสงการแกไขขอมล

ในฐานขอมลจากทละครงเปนครงเดยว เปนตน 2. ปรบปรง User Interface ใหใชงานงายยงขน 3. เพมสวนการท างานทควรจะม เชนเปลยนจากการแกไขไฟลตงคานามสกล .ini โดยตรง เปนการ

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

การเกบในรปของตวแปรแถวล าดบ (Array) เปนตน 5. เปลยนรปแบบการเขยนโคด จากการเขยนแบบโครงสราง แบงงานเปนหนวยยอยๆ (Procedural

programming) เปนการเขยนในรปแบบเชงวตถ (Object-Oriented Programing) และเพมความคดเหนในโคดสวนตางๆ เพอใหงายตอการท าความเขาใจ

6. เปลยนเครองมอทใชตดตอฐานขอมล (Driver) จากเดมทใช function ตระกล mysql_ เปนการใชการตดตอผานเครองมอทตดตอสากล เชน function ตระกล odbc_ หรอเครองมออน เปนตน


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.


20

ภาคผนวก


21

Process hierarchy Chart

ระบบสมครชมนมออนไลน

ระบบยนยนสทธการเขาใชงาน

การเขาสระบบ

การระบตวตนและใหสทธการใชงาน

การยนยนสทธการใชงาน

การออกจากระบบ

ระบบสมาชก

การเพมสมาชก

การแกไขขอมลสมาชกการแกไขขอมลทวไป

การแกไขรหสผานการลบสมาชก

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

การสงออกรายชอสมาชก

ระบบชมนม

การเพมชมนม

การแกไขขมนม

การลบชมนม

การคนหารายชอชมนม

การก าหนดสทธการสมครชมนมของผสมคร

การสงออกรายชอชมนม

ระบบควบคมระบบเปด/ปดการสมคร

ระบบตงคาคณสมบตการเชอมตอกบฐานขอมล

รปแบบเอกสารทสงออกจากระบบ


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


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 วนเวลาทแกไขขอมลลาสด


24

Club_namelist Column ประเภท ความหมาย อางอง

club_id smallint(4) ดชนของชมนม member_club

club_name varchar(300) ชอชมนม

club_teacher1 varchar(15) ดชนของครผดแลชมนมคนท 1 member_id



club_limit int(11) จ านวนรบจ ากดของชมนม

club_second int(11) จ านวนรบจ ากดของชมนมในระดบมธยมศกษาตอนตน

club_spilt tinyint(1) มการแบงชมนมหรอไม


25

Diagram การเพมสมาชก

แจงการปดลงทะเบยน

ไมใช

ใช

แสดงฟอรมลงทะเบยน

ผใชปอนขอมล

ปอนขอมลครบหรอไม

รหสผานตรงกนหรอไม

ไมมผใชซ ากนหรอไม

ไมใช

ไมใช

ไมใช

จบ

2

ใช

ใช

ใช

เรม

ระบบเปดใหลงทะเบยนหรอไม


26

1

ตดตอฐานขอมล

บนทกขอมล

แจงการบนทกส าเรจ

ตดตอฐานขอมลไดหรอไม

แกไขขอผดพลาด

บนทกขอมลลงฐานขอมลไดหรอไม

จบ

ไมใช

ไมใช

ใช

ใช


27

การเลอกชมนม

เรม

เปนสมาชกหรอผดแลระบบใช

หรอไม

แจงขอความไมอนญาต

จบ

ผทจะถกเลอกชมนมอยระดบชน ม.ตน

หรอไม

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

[ระดบชน]

ตวแปร ระดบชน = ม.ตน

ตวแปร ระดบชน = ม.ปลาย

2


28

1

แสดงรายชอชมนมทเลอกได

ผใชเลอกชมนม และสงขอมล

ตดตอฐานขอมล

บนทกขอมล

แจงการบนทกส าเรจ

ตดตอฐานขอมลไดหรอไม

บนทกขอมลลงฐานขอมลไดหรอไม

ไมใช

ไมใช

ใช

ใช

แกไขขอผดพลาด

จบ


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

Documents

โครงงาน เรื่อง - portfolio.itpcc.netportfolio.itpcc.net/docs/project-club-book.pdf · โครงงาน เรื่อง 6สมัครชุมนุมจาก