ระบบจดการงานศนยกฬา (การจดการตารางเวลาของสนามกฬาทกประเภทในศนยกฬา, การจอง

ใชสนามกฬาทกประเภท และรายงานการใชสนามในศนยกฬา)

โดย

นางสาวชญานช โสพนโสภาตา รหสประจ าตว 570308010086 นายวรวรรธน สงวนปรางค รหสประจ าตว 574608010044 นางสาวศศธร แสงโชต รหสประจ าตว 574608010045 นายอรรถวฒ นยนตย รหสประจ าตว 574608010046

อาจารยทปรกษา

อาจารย ลลตา สนตวรรกษ

รายงานนเปนสวนหนงของวชาโครงงาน 2 ภาคเรยนท 2 ปการศกษา 2558 หลกสตรบรหารธรกจบณฑต สาขาวชาระบบสารสนเทศ คณะเทคโนโลยสารสนเทศ มหาวทยาลยธรกจบณฑตย

ใบรบรองการตรวจสอบและอนมตรายงานวชาโครงงาน

เรอง

ระบบจดการงานศนยกฬา

(การจดการตารางเวลาของสนามกฬาทกประเภทในศนยกฬา, การจองใชสนามกฬาทก

ประเภท และรายงานการใชสนามในศนยกฬา)

โดย

นางสาวชญานช โสพนโสภาตา รหสประจ าตว 570308010086 นายวรวรรธน สงวนปรางค รหสประจ าตว 574608010044 นางสาวศศธร แสงโชต รหสประจ าตว 574608010045 นายอรรถวฒ นยนตย รหสประจ าตว 574608010046

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

การศกษาวชาโครงงาน หลกสตรบรหารธรกจบณฑต

สาขาวชาระบบสารสนเทศ คณะเทคโนโลยสารสนเทศ

ประจ าภาคเรยนท 2 ปการศกษา 2558

.................................................... อาจารยทปรกษา (อาจารยลลตา สนตวรรกษ)

...................................................... กรรมการสอบ (อาจารยปาณตา ธสรานนท)

...................................................... กรรมการสอบ (อาจารยรญญารตน โชตสรยสนสข)

I

ชอหวขอ ระบบจดการงานศนยกฬา (การจดการตารางเวลาของสนามกฬาทกประเภทในศนยกฬา, การจองใชสนามกฬาทกประเภท และรายงานการใชสนามในศนยกฬา)

นกศกษา นางสาว ชญานช โสพนโสภาตา

นายวรวรรธน สงวนปรางค

นางสาว ศศธร แสงโชต

นายอรรถวฒ นยนตย

อาจารยทปรกษา อาจารย ลลตา สนตวรรกษ ระดบการศกษา บรหารธรกจบณฑต สาขาวชาระบบสารสนเทศ

ปการศกษา 2558

บทคดยอ

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

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

II

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

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

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

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

ผจดท า

III

สารบญ

หนา

บทคดยอภาษาไทย I

กตตกรรมประกาศ II สารบญ III สารบญตาราง V สารบญรป VI บทท

1. บทน า 1.1 ความส าคญและทมาของปญหา 1 1.2 วตถประสงค 1 1.3 ขอบเขตของงาน 1 1.4 ขนตอนในการด าเนนงาน 2 1.5 ประโยชนทคาดวาจะไดรบ 3 1.6 เทคโนโลยทใชในการพฒนาระบบ 3

2. ทฤษฎทเกยวของ 2.1 ระบบงานเดม 4 2.2 ระบบงานใหม 5 2.3 ทฤษฎทใชในการพฒนาระบบ 7

2.4 Flow Chart (ขนตอนการท างาน) 8 3. การวเคราะหและออกแบบระบบ

3.1 วเคราะหระบบ 14 3.3 ER Diagram 24 3.3 Data Dictionary 25

IV

สารบญ(ตอ)

หนา

บทท

4.การท างานของระบบ 4.1 สวนของผดแลระบบ 30 4.2 สวนของผใชงาน 35

5. การสรปผลการพฒนาโครงงาน ปญหา และขอเสนอแนะ 5.1 สรปผลการด าเนนงาน 39 5.2 ปญหาในการด าเนนงาน 39 5.3 ขอเสนอแนะ 39

บรรณานกรม............................................................................................................................ 40 ภาคผนวก ............................................................................................................................. .. 42

V

สารบญตาราง

หนา

ตารางท 1.1 ขนตอนการด าเนนงาน 2

3.1 ตาราง Member 25 3.2 ตาราง Booking 25 3.3 ตาราง Stadium 26 3.4 ตาราง Timestart 26 3.5 ตาราง Timeend 26

VI

สารบญรป

หนา

รปท

2.1 แบบฟอรมการใชสนาม 4 2.2 ตารางจองสนามกฬาเทนนสในรม 5 2.3 ตวอยางระบบการจองสนาม 6 2.4 Flow Chart การเพมขอมลสนามกฬา 8 2.5 Flow Chart การลบขอมลสนามกฬา 9 2.6 Flow Chart การแกไขขอมลสนามกฬา 10 2.7 Flow Chart การเรยกดขอมลสนามกฬา 11 2.8 Flow Chart การจองสนามกฬา 12 2.9 Flow Chart รายงานการใชสนามกฬา 13 3.1 แสดงภาพ Context Diagram Level 0 14 3.2 Dataflow Diagram Level 1 ของระบบการจดการสนามกฬา 15 3.3 Dataflow Diagram Level 1 ของระบบการจองสนามกฬา 16 3.4 Dataflow Diagram Level 1 ของระบบรายงานการจองสนามกฬา 17 3.5 Dataflow Diagram Level 2 ของระบบการการเพมขอมลสนามกฬา 18 3.6 Dataflow Diagram Level 2 ของระบบการการลบขอมลสนามกฬา 19 3.7 Dataflow Diagram Level 2 ของระบบการการแกไขขอมลสนามกฬา 20 3.8 Dataflow Diagram Level 2 ของระบบการเรยกดขอมลสนามกฬา 21 3.9 Dataflow Diagram Level 2 ของระบบการจองสนามกฬา 22 3.10 Dataflow Diagram Level 2 ของระบบการเรยกดรายงานสรป 23 3.11 ER Diagram ของระบบงาน 24 3.12 แสดงภาพโครงสรางตาราง Member 27 3.13 แสดงภาพตาราง Member 27 3.14 แสดงภาพโครงสรางตาราง Stadium 27

VII

สารบญรป(ตอ)

หนา

รปท

3.15 แสดงภาพตาราง Stadium 27 3.16 แสดงภาพโครงสรางตาราง Timestart 28 3.17 แสดงภาพตาราง Timestart 28 3.18 แสดงภาพโครงสรางตาราง Timeend 28 3.19 แสดงภาพตาราง Timesend 29 3.20 แสดงภาพโครงสรางตาราง Booking 29 3.21 แสดงภาพตาราง Booking 29 4.1 แสดงหนาจอ Login 30 4.2 แสดงหนาจอหนาแรก 31 4.3 แสดงหนาจอสนามกฬาทงหมด 32 4.4 แสดงหนาจอการเพมขอมลสนามกฬา 32 4.5 แสดงหนาจอการแกไขขอมลสนามกฬา 33 4.6 แสดงหนาจอการลบขอมลสนามกฬา 33 4.7 แสดงหนาจอประวตการจองสนามกฬาทงหมด 34 4.8 แสดงหนาจอรายงานสถต 34 4.9 แสดงหนาจอรายงานสถตการจองสนามในแตละเดอน 35 4.10 แสดงหนาจอ Login 36 4.9 แสดงหนาจอหนาแรก 37 4.10 แสดงหนาจอการจองสนามกฬา 38 4.11 แสดงหนาจอขอมลการจองสนามกฬา 38

บทท 1 บทน า

1.1 ความส าคญและทมาของปญหา

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

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

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

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

1.2 วตถประสงค 1. เพอความสะดวกในการบนทกการจองสนามกฬา

2. เพอความรวดเรวในการตรวจสอบสถานะของสนามกฬาแตละประเภท

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

2

1.3 ขอบเขตของงาน

ในการศกษาระบบจดการงานศนยกฬามการก าหนดขอบเขตงานการพฒนาระบบการจดการตารางเวลาของสนามกฬาทกประเภทในศนยกฬา ดงน

1.3.1. กลมผใชงานระบบจดการงานศนยกฬา แบงเปน 2 กลม

1 ผดแล 1.1 จดการขอมลสนามกฬา 1.2 จดการขอมลวธการจองสนามกฬา

2 สมาชก

2.1. รบรการใชงานการจองสนามกฬา 2.2. จองสนามกฬา

1.4 ขนตอนในการด าเนนงาน

ล าดบท หวขอการด าเนนงาน ป พ.ศ. 2558 ป พ.ศ. 2559

ส.ค. ก.ย. ต.ค. พ.ย. ธ.ค. ม.ค. ก.พ. ม.ค. เม.ย.

1 ศกษาความเปนไปไดของระบบ

2 ทฤษฎและเทคโนโลยทเกยวของ

3 วเคราะหและออกแบบระบบ

4 พฒนาระบบ

5 ทดสอบระบบ

6 ปรบปรงและแกไขระบบ

7 ท าคมอและเอกสาร

ตารางท 1.1 ขนตอนการด าเนนงาน

3

อธบายรายละเอยดขนตอนในการด าเนนงาน

1. ศกษาความเปนไปไดของศนยกฬาและระบบงานเดม ในดานการจองสนามกฬา และความเปนไปไดแลวรวบรวมขอมลเพอน าไปใชในการพฒนาโปรแกรม

2. ท าใบเสนอโครงงานและรอผลอนมตจากอาจารยทปรกษาโครงงาน 3. ทฤษฏและเทคโนโลยทเกยวของ รวบรวมทฤษฏทเกยวของและขอมลในการพฒนาระบบ

จองสนามของศนยกฬามหาวทยาลยธรกจบณฑตย 4. วเคราะหและออกแบบระบบ

4.1 การวเคราะหจะแบงออกเปน ภาพรวมของระบบการท างานของระบบ

4.2 การออกแบบองคประกอบของระบบใหม การออกแบบกระบวนการ (ER-Diagram) 5. พฒนาระบบการจดการขอมลการจองสนามศนยกฬาของมหาวทยาลยธรกจบณฑตย 6. ทดสอบระบบการเขาสระบบของผดแลระบบ ผใชงาน ปรบปรงและแกไขระบบใหสามารถ

ใชงานไดอยางมประสทธภาพ 7. ท าเอกสารคมอประกอบการใชงานของระบบ

1.5 ประโยชนทคาดวาจะไดรบ

1.5.1 ท าใหเกดความสะดวกตอการจดเกบขอมล

1.5.2 ท าใหเกดความสะดวกสบายตอการ จดท าขอมลสนามกฬา

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

1.6. เทคโนโลยทใชในการพฒนาระบบ

1. xampp จ าลองเซรฟเวอร 2. Adobe Dreamweaver CS6 ใชในการพฒนาเวบไซต 3. Adobe Photoshop CS6 ใชในการตกแตงเวบไซต 4. Microsoft Office Word ใชในการพมพรายงาน

5. PHP ภาษาทใชในการเขยนเวบไซต 6. Java Script ภาษาทใชในการเขยนเวบไซต

บทท 2

ทฤษฎทเกยวของ

การพฒนาระบบจดการงานศนยกฬา (การจดการตารางเวลาของสนามกฬาทกประเภทในศนยกฬา, การจองใชสนามกฬาทกประเภทและรายงานการใชสนามในศนยกฬา) นนมขอมล และทฤษฎทเกยวของในการใชพฒนาระบบซงใชเทคโนโลยทประกอบไปดวย ดงน

2.1 ระบบงานเดม

ในการด าเนนงานสนามกฬาของมหาวทยาลยธรกจบณฑตยนน เวลาทมคนตองการใชงาน

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

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

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

เนองจากสนามในชวงเวลานนๆอาจจะไมวางเลย ซงในจดนเปนปญหาในเรองของการเสยเวลา และ

การใหขอมลทถกตอง

รปท 2.1 แบบฟอรมการใชสนาม

5

รปท 2.2 ตารางจองสนามกฬาเทนนสในรม

2.2 ระบบงานใหม

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

ตวอยาง ระบบการจองสนามกฬาออนไลนของมหาวทยาลยเทคโนโลยพระจอมเกลาพระนครเหนอ (http://www.sportreserve.kmutnb.in.th/Manual.aspx)

6

รท 2.3 ตวอยางระบบการจองสนาม

7

2.3 ทฤษฎทใชในการพฒนาระบบ

ทฤษฎทใชในการพฒนาระบบการพฒนาระบบจดการงานศนยกฬาใชโปรแกรมในการพฒนาดงน PHP ใชในการเขยนโปรแกรมบนเวบไซต PHP ยอมาจากค าวา "Personal Home Page Tool" เปน Server Side Script ทมการ

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

HTML ใชในการเขยนเวบเพจ HTML ยอมาจากค าวา Hypertext Markup Language พฒนามาจากภาษา SGML

โดย นาย Tim Berners - Lee เปนภาษามาตรฐานทใชพฒนาเอกสารในรปแบบของเวบเพจ บนระบบเครอขายอนเทอรเนต การเรยกใชเอกสารเหลานท าไดโดยการใชโปรแกรมเวบบราวเซอร (Web Browser) เชน google chrome, firefox, safari, Internet Explorer ฯลฯ เรยกดแฟมทสรางดวยภาษา

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

Xampp คอโปรแกรมส าหรบจ าลองเครองคอมพวเตอรสวนบคคลของเรา ใหท างานในลกษณะของ WebServer นนคอเครองคอมพวเตอรของเราจะเปนทงเครองแม และเครองลกในเครองเดยวกน ท าใหไมตองเชอมตอกบ Internet ใชในการทดสอบการท างานของระบบ

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

8

Microsoft office word ใชในการท ารายงาน โปรแกรม Microsoft office word เปนโปรแกรมประมวลผลค าแบบพเศษ ชวยใหสราง

เอกสารแบบมออาชพอยางมประสทธภาพและประหยด เชน เหมาะกบงานดานการพมพเอกสารทกชนด

2.4 Flow Chart (ขนตอนการท างาน) ระบบจดการงานศนยกฬา (การจดการตารางเวลาของสนามกฬาทกประเภทในศนยกฬา,

การจองใชสนามกฬาทกประเภท และรายงานการใชสนามในศนยกฬา) การเพมขอมลสนามกฬา

รปท 2.4 Flow Chart การเพมขอมลสนามกฬา

เรม

แสดงขอมลสนาม

เพมขอมล

บนทกขอมล

จบการท างาน

9

การลบขอมลสนามกฬา

รปท 2.5 Flow Chart การลบขอมลสนามกฬา

เรม

แสดงขอมลสนาม

ลบขอมล

บนทกขอมล

จบการท างาน

10

การแกไชขอมลสนามกฬา

รปท 2.6 Flow Chart การแกไขขอมลสนามกฬา

เรม

แสดงขอมลสนาม

แกไขขอมล

บนทกขอมล

จบการท างาน

11

การเรยกดขอมลสนามกฬา

รปท 2.7 Flow Chart การเรยกดขอมลสนามกฬา

เรม

เรยกดขอมล

แสดงขอมลสนาม

จบการท างาน

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

12

การจองสนามกฬา

รปท 2.8 Flow Chart การจองสนามกฬา

เรม

เลอกสนาม

ยนยนการจอง

บนทก

ตรวจสอบ

จบการท างาน

แสดงเวลาการใชงาน

และสถานะสนามวาง/ไม

จองสนาม

แสดงสถานะการ

จอง

แสดงรายการ

วาง

ไมวาง

13

รายงานการใชสนามกฬา

รปท 2.9 Flow Chart รายงานการใชสนามกฬา

เรม

แสดงหนาจอ

จบการท างาน

แสดงขอมลรายงาน

เลอกเงอนไขขอมลท

ตองการด

บทท 3 การวเคราะหและออกแบบระบบ

การออกแบบระบบจดการงานศนยกฬา(การจดการตารางเวลาของสนามกฬาทกประเภทในศนยกฬา, การจองใชสนามกฬาทกประเภทและรายงานการใชสนามในศนยกฬา)ไดมการแบงวธการด าเนนงานออกเปน สวนตางๆดงน

3.1 วเคราะหระบบ Context Diagram

รปท 3.1 แสดงภาพ Context Diagram Level 0

15

Dataflow Diagram Level 1 ของระบบการจองสนามกฬา

รปท 3.2 Dataflow Diagram Level 1 ของระบบการจดการสนามกฬา

1

จดการขอมลสนามกฬา ผดแลระบบ

ขอมลการเพมสนามกฬา

ขอมลการลบสนามกฬา

ขอมลการแกไขสนามกฬา

ขอมลการเรยกดสนามกฬา

รายละเอยดการแกไขขอมลสนามกฬา

รายละเอยดการลบขอมลสนามกฬา

รายละเอยดการเพมขอมลสนามกฬา

รายละเอยดการเรยกดสนามกฬา

ขอมลสนามกฬา

D1 stadium

รายละเอยดขอมลสนามกฬา

16

รปท 3.3 Dataflow Diagram Level 1 ของระบบการจองสนามกฬา

2

จองสนามกฬา

ผใชงาน

เรยกดขอมลสนามกฬา

รายละเอยดการเรยกดขอมลสนามกฬา

D1 stadium เรยกดขอมลสนามกฬา

รายละเอยดการเรยกดขอมลสนามกฬา

D2 booking

รายละเอยดการจอง สนามกฬา

การจองสนามกฬา

รายละเอยดการจอง สนามกฬา

การจองสนามกฬา

17

รปท 3.4 Dataflow Diagram Level 1 ของระบบรายงานการจองสนามกฬา

ขอมลการเรยกดการจองสนามกฬา

รายละเอยดการเรยกดรายงานการจอง

18

Data Flow Diagram Level 2 of Process 1 จดการขอมลสนาม

การเพมขอมล

รปท 3.5 Dataflow Diagram Level 2 ของระบบการการเพมขอมลสนามกฬา

เพมขอมลสนาม

1.1

1.1.1

1.1.2

1.1.3

1.1.4

1.1.5

แสดงขอมลสนาม

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

ตรวจสอบการ

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

บนทก

แสดงการเพมขอมลสนาม

ผดแลระบบ

ขอมลสนาม

D1 stadium

รายละเอยดการ

เพมขอมลสนาม รายละเอยดการ

เพมขอมลสนาม

ขอมลสนาม

19

Data Flow Diagram Level 2 of Process 1 จดการขอมลสนาม (ตอ) การลบขอมล

รปท 3.6 Dataflow Diagram Level 2 ของระบบการการลบขอมลสนามกฬา

ลบขอมลสนาม

1.2.1

1.2.2

1.2.3

1.2.4

1.2.6

แสดงขอมลสนาม

เลอกรายการ

ทตองการลบ

ลบขอมล

ยนยนการลบ

แสดงผลการ

ลบขอมลสนาม

ผดแลระบบ

ขอมลสนาม

D1 stadium

รายละเอยดการ

ลบขอมลสนาม

รายละเอยดการ

ลบขอมลสนาม

ขอมลสนาม

1.2

ลบออกจากฐานขอมล

1.2.5

20

Data Flow Diagram Level 2 of Process 1 จดการขอมลสนาม (ตอ) การแกไขขอมล

รปท 3.7 Dataflow Diagram Level 2 ของระบบการการแกไขขอมลสนามกฬา

แกไขขอมลสนาม

1.3.1

1.3.2

1.3.3

1.3.4

1.3.7

แสดงขอมลสนาม

เลอกรายการท ตองการแกไข

แสดงขอมลเดม

แกไขขอมล

แสดงผลการแก ไขขอมลสนาม

ผดแลระบบ

ขอมลสนาม

D1 stadium

รายละเอยดการ

แกไขขอมลสนาม รายละเอยดการ

แกไขขอมลสนาม

ขอมลสนาม

1.3

1.3.5

1.3.6

ยนยน

แกไขขอมล

บนทก

21

Data Flow Diagram Level 2 of Process 1 จดการขอมลสนาม (ตอ)

การเรยกดขอมล

รปท 3.8 Dataflow Diagram Level 2 ของระบบการเรยกดขอมลสนามกฬา

1.4

เรยกดขอมลสนาม

1.4

แสดงขอมลสนาม

1.4 เลอกดขอมลสนาม

1.4 แสดงรายละเอยด

ขอมลสนาม

ผดแลระบบ

D1 stadium

รายละเอยดการเรยกด ขอมลสนาม

ขอมลสนาม

ขอมลสนาม

รายละเอยดการเรยกด ขอมลสนาม

22

Data Flow Diagram Level 2 of Process 2 จดการขอมลการจองสนาม

รปท 3.9 Dataflow Diagram Level 2 ของระบบการจองสนามกฬา

จองสนามกฬา

2.1

2.2

2.3

2.4

2.6

แสดงแบบฟอรม

การจองสนามกฬา

กรอกขอมลการ

จองสนามกฬา

ตรวจสอบขอมล

การจองสนามกฬา

ยนยนการจอง

แสดงผลการ

จองสนามกฬา

ผดแลระบบ

ขอมลการจองสนาม

D1 stadium

รายละเอยดการ

จองสนาม

รายละเอยดการ

จองสนาม

ขอมลการจองสนาม

บนทกการจอง

2.5

2

D2 booking

ขอมลสนาม

ผใชงาน

ขอมลการจองสนาม

รายละเอยดการ

จองสนาม

23

Data Flow Diagram Level 2 of Process 3 จดการขอมลรายงานสรป

รปท 3.10 Dataflow Diagram Level 2 ของระบบการเรยกดรายงานสรป

24

3.2 ER Diagram

รปท 3.11 ER Diagram ของระบบงาน

booking PK booking_id booking_date timestart_name timeend_name FK member_id FK stadium_id

member

PK member_id member_password

member_firstname member_lastname member_faculty

member_status

stadium

PK stadium_id

stadium_name

stadium_location

stadium_type

timestart PK timestart_id

timestart_name

timeend PK timeend_id

timeend_name FK timestadt_id

25

3.3 Data Dictionary พจนานกรมขอมล ทแสดงรายละเอยดตารางขอมลตางๆ และความสมพนธของ Entity วาเปนอยางไร ซงในโครงงานนประกอบดวย Entity ทงหมด 4 Entity ดงตอไปน ตาราง Member

Field Name Data type Field Length Constrin Descrition

member_id varchar 12 Primary key member id

member_password varchar 13 Non null member password

member_firstname

varchar 50 Non null

member firstname

member_lastname varchar 50 Non null member faculty

member_faculty varchar 2 Non null member faculty member_status varchar 5 Non null member faculty

ตารางท 3.1 ตาราง Member ตาราง Booking

Field Name Data type Field Length Constrin Descrition

booking_id smallint 5 Primary key booking id

booking_date date Non null booking date

timestart_name time Non null timestart name

timeend_name time Non null Timestart name

stadium_id varchar 5 Foreign key stadium id

member_id varchar 12 Foreign key member id

ตารางท 3.2 ตาราง Booking

26

ตาราง Stadium

Field Name Data type Field Length Constrin Descrition

stadium_id smallint 5 Primary key stadiums id

stadium_name varchar 50 Non null stadiums name

stadium_location varchar 50 Non null stadium location

stadium_type varchar 2 Non null stadium type

ตารางท 3.3 ตาราง Stadium ตาราง Timestart

Field Name Data type Field Length Constrin Descrition

timestart_id varchar 5 Primary key timestart id

timestart_name time Non null timestart name

ตารางท 3.4 ตาราง Timestart ตาราง Timeend

Field Name Data type Field Length Constrin Descrition

timeend_id varchar 5 Primary key timeend id

timeend _name time Non null timeend name

timestart_id varchar 5 Foreign key timestart id

ตารางท 3.5 ตาราง Timeend

27

ตารางฐานขอมลระบบจองสนามกฬา

ตาราง Member

รปท 3.12 แสดงภาพโครงสรางตาราง Member

รปท 3.13 แสดงภาพตาราง Member ตาราง Stadium

รปท 3.14 แสดงภาพโครงสรางตาราง Stadium

รปท 3.15 แสดงภาพตาราง Stadium

28

ตาราง Timestart

รปท 3.16 แสดงภาพโครงสรางตาราง Timestart

รปท 3.17 แสดงภาพตาราง Timestart

ตาราง Timeend

รปท 3.18 แสดงภาพโครงสรางตาราง Timeend

รปท 3.19 แสดงภาพตาราง Timeend

29

ตาราง Booking

รปท 3.20 แสดงภาพโครงสรางตาราง Booking

รปท 3.21 แสดงภาพตาราง Booking

บทท 4 การท างานของระบบ

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

4.1 สวนของผดแลระบบ การออกแบบ User Interface ของโครงงานนสวนแรก คอ หนาตาง Login เมอผดแลระบบ (Admin) กรอก Username และ Password แลวกด Sign In ระบบจะท าการตรวจสอบสทธวาเปนผใชทไดรบอนญาตเขาใชงานในสวนนหรอไม ถาใชกจะสามารถเขาไปในระบบจดการขอมลได

รปท 4.1 แสดงหนาจอ Login

31

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

รปท 4.2 แสดงหนาจอหนาแรก

32

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

รปท 4.3 แสดงหนาจอสนามกฬาทงหมด

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

รปท 4.4 แสดงหนาจอการเพมขอมลสนามกฬา

33

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

รปท 4.5 แสดงหนาจอการแกไขขอมลสนามกฬา

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

รปท 4.6 แสดงหนาจอการลบขอมลสนามกฬา

34

สวนลงค ขอมลการจองสนามกฬา เมอกดเขามาหนาจอจะแสดงประวตการจองสนามกฬาทงหมด มการแสดงผลเปน Table

รปท 4.7 แสดงหนาจอประวตการจองสนามกฬาทงหมด

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

รปท 4.8 แสดงหนาจอรายงานสถต

35

เมอเลอกประเภทสนาม เลอกเดอน และคลกปม โอเค จะแสดงรายงานสถต ขอมลการจองสนาม

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

36

4.2 สวนของผใชงาน

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

เมอผดใชงาน (User) กรอก Username และ Password แลวกด Sign In ระบบจะท าการตรวจสอบสทธวาเปนผใชทไดรบอนญาตเขาใชงานในสวนนหรอไม ถาใชกจะสามารถเขาไปในระบบจดการจองสนามกฬา

รปท 4.10 แสดงหนาจอ Login

37

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

รปท 4.11 แสดงหนาจอหนาแรก

38

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

รปท 4.12 แสดงหนาจอการจองสนามกฬา

เมอผใชงานจองสนามเรยบรอยแลว จะปรากฏขอมลการจอง

รปท 4.13 แสดงหนาจอขอมลการจองสนามกฬา

บทท 5 การสรปผลการพฒนาโครงงาน ปญหา และขอเสนอแนะ

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

5.1 สรปผลการด าเนนงาน ระบบจดการงานศนยกฬา(การจดการตารางเวลาของสนามกฬาทกประเภทในศนยกฬา, การ

จองใชสนามกฬาทกประเภท และรายงานการใชสนามในศนยกฬา) สามารถท าใหการจองสนามกฬาของผใชงานเกดความสะดวก และรวดเรวมากยงขน ซงในระบบจะประกอบไปดวย ผดแลระบบ (Admin) และผใชงาน (User) ซง ในสวนผดแลระบบสามารถจดการขอมลสนามกฬาเชน เพม/ลบ/ แกไข เรยกดขอมลสนามกฬา และเรยกดขอมลการจอง สรปการจองสนามกฬา ในสวนของผใชงานจะสามารถ ดขอมลการจอง และจองสนามกฬา

5.2 ปญหาในการด าเนนงาน ปญหาและขอผดพลาดในการจดการท าโครงงานครงน 5.2.1 แบงงานใหท าแลวไมท าชอบพดวา “ท าไมได ไมเขาใจ ท าไมเปน” และ ไมมความ

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

เทาทควรจงท าใหตองมการคนหาขอมลทจะน ามาใชในระบบ 5.3 ขอเสนอแนะ จากการพฒนาระบบจดการงานศนยกฬา(การจดการตารางเวลาของสนามกฬาทกประเภท

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

40

บรรณานกรม

“ระบบงานเดม และ ระบบงานใหม” เขาถงไดจาก : http://www.bc.msu.ac.th/project_file/chapter3(392).pdf ( สบคนเมอ 11 พฤศจกายน 2558 ) “ตวอยาง ระบบงานการจองสนามฟตบอล. เขาถงไดจาก : http://www.msit.mut.ac.th/newweb/phpfile/Thesis/Thesis_2555/085%20งานระบบจองสนามฟตบอล.pdf ( สบคนเมอ 13 พฤศจกายน 2558 ) “ตวอยางระบบงานการจองสนามกฬา” เขาถงไดจาก : http://www.sportreserve.kmutnb.in.th/Stadium.aspx ( สบคนเมอ 15 พฤศจกายน 2558 ) “การแบงขอมลออกเปนหนาๆแบบ PAGINATION ดวย PHP” เขาถงไดจาก : http://teerapuch.com/2014/php-th/การแบงขอมลออกเปนหน/ ( สบคนเมอ 11 พฤศจกายน 2558 ) “jQuery Form Validator” เขาถงไดจาก : http://www.itoffside.com/jquery-form-validator/ ( สบคนเมอ 2 กนยายน 2558 ) “jQuery UI Datepicker” เขาถงไดจาก : http://www.thaicreate.com/community/jquery-datepicker.html ( สบคนเมอ 3 กนยายน 2558 ) “HTML Responsive Web Design” เขาถงไดจาก : http://www.w3schools.com/html/html_responsive.asp ( สบคนเมอ 5 ตลาคม 2558 ) PHP DevThailand.com เขาถงไดจาก : http://www.phpdevthailand.com/archive/19/MySQL_คออะไร? ( สบคนเมอ 3 มกราคม 2559 ) “PHP กบเทคนคการ Submit Form” เขาถงไดจาก : http://www.thaicreate.com/community/php-submit-form-action-target-iframe.html ( สบคนเมอ 3 มกราคม 2559 ) “Bootstrap” เขาถงไดจาก : http://startbootstrap.com/ ( สบคนเมอ 9 กมภาพนธ 2559 )

41

บรรณานกรม(ตอ)

“PHP สรางฟอรมส าหรบ Upload รปภาพลงในฐานขอมล” เขาถงไดจาก : http://www.thaicreate.com/community/php-upload-file-mysql-edit-form.html ( สบคนเมอ 17 ตลาคม 2558 ) jquery เขาถงไดจาก : http://www.jquery.in.th/what-is-jquery/ ( สบคนเมอ 7 กมภาพนธ 2559 ) “ก าหนดจ านวนตวอกษรในการแสดงผล” เขาถงไดจาก : http://www.thaicreate.com/php/forum/042859.html (สบคนเมอ 15 กมภาพนธ 2559)

ภาคผนวก

43

dpusport

login

login.php

logout.php

sport index.php

football.php

badminton.php

tennis.php

multipurpose.php

backend index.php

stadium.php

stadium_update.php

stadium_edit.php

booking.php

sport_report.php

sport_report1.php

เขาสระบบ

หนาหลก การจองสนาม

หนาหลกจดการ ขอมลสนาม