หน้าหลักresearch-system.siam.edu/images/thesistee/computer... · firstname varchar...
TRANSCRIPT
![Page 1: หน้าหลักresearch-system.siam.edu/images/thesistee/computer... · firstname varchar 50 ชื่อจริง lastname varchar 50 นามสกุล address varchar](https://reader034.vdocuments.site/reader034/viewer/2022050115/5f4c3691cda8651071774f95/html5/thumbnails/1.jpg)
บทท 4 การออกแบบทางกายภาพ
4.1 การออกแบบฐานขอมล การออกแบบฐานขอมลแบงตาราง ( Table ) โดยอธบายถงขอมลในแตละตารางทงหมดในระบบ รวมทงแสดงวาแตละตารางเกบขอมลอะไรบาง ประกอบดวย 1. ชอของขอมล ( Field Name ) 2. ชนดของขอมล ( Data Type ) 3. ขนาดของขอมล ( Data Size ) 4. ค าอธบายขอมล ( Data Description )
ตารางท 4.1 แสดงรายละเอยดขอมลเกยวกบผใชงานระบบ Table : mas_user
Field Name Data Type Data Size Data Description userid int - รหสผใชงาน username varchar 50 ชอผใชงาน password varchar 20 รหสผานผใชงาน firstname varchar 50 ชอจรง lastname varchar 50 นามสกล address varchar max ทอย email varchar 50 อเมลล telephone varchar 20 เบอรโทรศพท gender varchar 1 เพศ birthdate datetime - วนเกด status varchar 1 สถานะการใชงาน role int - ประเภทผใชงาน Primary Key : userid Foreign Key : role Reference : mas_role.role_id
![Page 2: หน้าหลักresearch-system.siam.edu/images/thesistee/computer... · firstname varchar 50 ชื่อจริง lastname varchar 50 นามสกุล address varchar](https://reader034.vdocuments.site/reader034/viewer/2022050115/5f4c3691cda8651071774f95/html5/thumbnails/2.jpg)
17
ตารางท 4.2 ตารางประเภทผใชงาน Table : mas_role
Field Name Data Type Data Size Data Description role_id int - รหสประเภทผใช role_name Varchar 50 ชอประเภทผใช Primary Key : role_id Foreign Key : -
ตารางท 4.3 ตารางสนามฟตบอล
Table : mas_footballclub
Field Name Data Type Data Size Data Description clubid int - รหสสนามฟตบอล nameclub Varchar 50 ชอสนามฟตบอล width int - ความกวางสนาม height int - ความยาวสนาม price int - ราคาสนาม address Varchar max ทอยสนาม type Varchar 20 ประเภทสนาม zone int - ภาค province int - จงหวด district int - อ าเภอ telephone Varchar 20 เบอรโทรศพท description Varchar max รายละเอยด wifi bit - อนเทอรเนต rent bit - บรการเชาอปกรณ carpark bit - ทจอดรถ bathroom bit - หองน า lounge bit - หองรบรอง snooker bit - โตะสนกเกอร outdoor bit - สนามกลางแจง locker bit - ทเกบของ
![Page 3: หน้าหลักresearch-system.siam.edu/images/thesistee/computer... · firstname varchar 50 ชื่อจริง lastname varchar 50 นามสกุล address varchar](https://reader034.vdocuments.site/reader034/viewer/2022050115/5f4c3691cda8651071774f95/html5/thumbnails/3.jpg)
18
food bit - รานอาหาร map binary max แผนท teaserimage binary max ภาพหนาปก image1 binary max ภาพสนาม 1 image2 binary max ภาพสนาม 2 image3 binary max ภาพสนาม 3 image4 binary max ภาพสนาม 4 image5 binary max ภาพสนาม 5 latitude Varchar 10 ละตจด longtitude Varchar 10 ลองตจด status int - สถานะ flag_recommend bit - สนามแนะน า note Varchar max หมายเหต Primary Key : clubid Foreign Key : zone Reference : customtable_mas_zone.ItemID
ตารางท 4.4 ตารางเชอมความสนพนธระหวางผใชงานกบสนามฟตบอล
Table : map_user_club Field Name Data Type Data Size Data Description
map_user_club int - รหสความสนพนธผใชงานกบสนาม userid int - รหสผใชงาน clubid int - รหสสนาม Primary Key : map_user_club Foreign Key : userid Reference : mas_user. userid Foreign Key : clubid Reference : mas_footballclub.clubid
![Page 4: หน้าหลักresearch-system.siam.edu/images/thesistee/computer... · firstname varchar 50 ชื่อจริง lastname varchar 50 นามสกุล address varchar](https://reader034.vdocuments.site/reader034/viewer/2022050115/5f4c3691cda8651071774f95/html5/thumbnails/4.jpg)
19
ตารางท 4.5 ตารางจงหวดและเขต/อ าเภอ Table : customtable_mas_province
Field Name Data Type Data Size Data Description ItemID int - รหสไอเทม ProvinceID int - รหสจงหวด ProvinceName varchar 20 ชอจงหวด ProvinceLatitude varchar 10 ละตจดจงหวด ProvinceLongitude varchar 10 ลองตจดจงหวด ContonID int - รหสอ าเภอ ContonName varchar 20 ชออ าเภอ ContonLatitude varchar 10 ละตจดอ าเภอ ContonLongitude varchar 10 ลองตจดอ าเภอ ZoneID int - รหสภาค Primary Key : ItemID Foreign Key : ZoneID Reference : customtable_mas_zone.ItemID
ตารางท 4.6 ตารางภาคตางๆ Table : customtable_mas_zone
Field Name Data Type Data Size Data Description ItemID int - รหสไอเทม ZoneID int - รหสภาค ZoneName varchar 20 ชอภาค ZoneLatitude varchar 10 ละตจดภาค ZoneLongitude varchar 10 ลองตจดภาค Primary Key : ItemID Foreign Key : -
![Page 5: หน้าหลักresearch-system.siam.edu/images/thesistee/computer... · firstname varchar 50 ชื่อจริง lastname varchar 50 นามสกุล address varchar](https://reader034.vdocuments.site/reader034/viewer/2022050115/5f4c3691cda8651071774f95/html5/thumbnails/5.jpg)
20
ตารางท 4.7 ตารางเชอมความสนพนธระหวางสนามฟตบอลกบเวลาเปด-ปด Table : map_clubtime
Field Name Data Type Data Size Data Description map_club_time_id int - รหสความสมพนธระหวางสนามกบ
เวลา clubid int - รหสสนาม timeid int - รหสเวลา status int - สถานะ Primary Key : map_clubtime_id Foreign Key : clubid Reference : mas_footballclub.clubid Foreign Key : timeid Reference : mas_time.timeid
ตารางท 4.8 ตารางเวลา
Table : mas_time
Field Name Data Type Data Size Data Description timeid int - รหสเวลา time_from varchar 10 เวลาเรม time_to varchar 10 เวลาสนสด Primary Key : timeid Foreign Key : -
![Page 6: หน้าหลักresearch-system.siam.edu/images/thesistee/computer... · firstname varchar 50 ชื่อจริง lastname varchar 50 นามสกุล address varchar](https://reader034.vdocuments.site/reader034/viewer/2022050115/5f4c3691cda8651071774f95/html5/thumbnails/6.jpg)
21
ตารางท 4.9 ตารางการแจงเตอน Table : trn_notification
Field Name Data Type Length Data Description notification_id int - รหสการแจงเตอน bookingid int - รหสการจอง flag_go bit - สถานะการกดดแจงเตอน flag_read bit - สถานะการอานแจงเตอน user_type varchar 20 ประเภทผใชงาน Primary Key : notification_id Foreign Key : bookingid Reference : trn_booking.bookingid
ตารางท 4.10 ตารางการจอง
Table : trn_booking
Field Name Data Type Data Size Data Description bookingid int - รหสการจอง userid int - รหสผใชงาน clubid int - รหสสนาม timeid int - รหสเวลา datetime_current timestamp - เวลาทจอง status int - สถานะการจอง Primary Key : bookingid Foreign Key : userid Reference : mas_user. userid Foreign Key : clubid Reference : mas_footballclub.clubid
![Page 7: หน้าหลักresearch-system.siam.edu/images/thesistee/computer... · firstname varchar 50 ชื่อจริง lastname varchar 50 นามสกุล address varchar](https://reader034.vdocuments.site/reader034/viewer/2022050115/5f4c3691cda8651071774f95/html5/thumbnails/7.jpg)
22
4.2 การออกแบบการน าเขาของเวบไซต ในการออกแบบการน าเขาของเวบไซตทานตองทราบกอนวาระบบนมสวนใดบาง ทตองการน าเขาของขอมล โดยการน าเขาของระบบเปนการน าเขาของขอมลบนแบบฟอรมแลวท าการจดเกบขอมลลงฐานขอมล
รปท 4.1 หนาแรกของเวบไซต
หนาแรกของเวบไซตจะมชองกรอกชอผใชงาน ชองกรอกรหสผาน มปมเขาสระบบ ปมสมครสมาชก มเมนสนามแนะน า เมนจองสนาม ผเยยมชมสามารถกดเขาไปดขอมลสนามฟตบอลในเมนสนามแนะน าและเมนจองสนามได แตไมสามารถกดจองได ตองสมครสมาชกกอน
![Page 8: หน้าหลักresearch-system.siam.edu/images/thesistee/computer... · firstname varchar 50 ชื่อจริง lastname varchar 50 นามสกุล address varchar](https://reader034.vdocuments.site/reader034/viewer/2022050115/5f4c3691cda8651071774f95/html5/thumbnails/8.jpg)
23
รปท 4.2 แบบฟอรมการสมครสมาชก
หนาตางส าหรบกรอกขอมลสวนตวเพอสมครสมาชก สามารถเลอกประเภทผใชงานได 2ประเภท คอ บคคลธรรมดา กบ เจาของสนาม บคคลธรรมดา คอ ผทสมครใชงานเพอการจองสนามฟตบอล เจาของสนาม คอ ผทสมครใชงานเพอการลงขอมลสนามฟตบอลของตวเอง
![Page 9: หน้าหลักresearch-system.siam.edu/images/thesistee/computer... · firstname varchar 50 ชื่อจริง lastname varchar 50 นามสกุล address varchar](https://reader034.vdocuments.site/reader034/viewer/2022050115/5f4c3691cda8651071774f95/html5/thumbnails/9.jpg)
24
รปท 4.3 หนาตางเขาสระบบของผจองสนาม
หลงจากสมครใชงานเสรจแลว ผใชงานกท าการกรอกชอเขาใชงานและรหสผาน เพอเขาสระบบเพอสามารถท าการจองสนามฟตบอลได
![Page 10: หน้าหลักresearch-system.siam.edu/images/thesistee/computer... · firstname varchar 50 ชื่อจริง lastname varchar 50 นามสกุล address varchar](https://reader034.vdocuments.site/reader034/viewer/2022050115/5f4c3691cda8651071774f95/html5/thumbnails/10.jpg)
25
รปท 4.4 หนาตางเลอกจองสนามฟตบอล
หลงจากกดปมจองสนามตรงแถบเมนจะเขามาสหนาตางนในหนาตางนจะมสนามฟตบอลตางๆทเจาของสนามไดใสขอมลไว สามารถเลอกดขอมลหรอเขาจองสนามทสนใจไดโดยการคลกทรปสนามหรอชอสนาม ในสวนของชองดานบนสามารถใสชอสนามหรอเลอกเขตเพอคนหาสนามฟตบอลได
![Page 11: หน้าหลักresearch-system.siam.edu/images/thesistee/computer... · firstname varchar 50 ชื่อจริง lastname varchar 50 นามสกุล address varchar](https://reader034.vdocuments.site/reader034/viewer/2022050115/5f4c3691cda8651071774f95/html5/thumbnails/11.jpg)
26
รปท 4.5 หนาตางแสดงรายละเอยดของสนาม
หลงจากผใชงานเลอกสนามไดแลว ในหนาตางนจะมรายละเอยดขอมลของสนามขนมาใหผใชงานด และสามารถกดจองสนามไดในหนาตางนโดยคลกทปมจองสนาม
![Page 12: หน้าหลักresearch-system.siam.edu/images/thesistee/computer... · firstname varchar 50 ชื่อจริง lastname varchar 50 นามสกุล address varchar](https://reader034.vdocuments.site/reader034/viewer/2022050115/5f4c3691cda8651071774f95/html5/thumbnails/12.jpg)
27
รปท 4.6 ตารางแสดงเวลาเปด-ปดของสนาม
หลงจากกดปมจองสนาม ผใชงานสามารถเลอกเวลาทตองการจองไดในหนาตางน ถาเปนแถบสเขยวคอพรอมใหบรการ แถบสเหลองคอมผใชบรการคนอนไดจองไวแลว แถบสแดงคอไมเปดใหบรการในเวลานน เมอเลอกเวลาไดแลวกดทปมตกลง
![Page 13: หน้าหลักresearch-system.siam.edu/images/thesistee/computer... · firstname varchar 50 ชื่อจริง lastname varchar 50 นามสกุล address varchar](https://reader034.vdocuments.site/reader034/viewer/2022050115/5f4c3691cda8651071774f95/html5/thumbnails/13.jpg)
28
รปท 4.7 หนาตางแสดงรายการจองสนาม(สวนของผเชา)
ในหนาตางรายการจองสนาม สามารถตรวจสอบรายการจองทผใชไดท าการจองไว โดยมขอมลชอสนาม เวลาทจอง เบอรโทรตดตอ สถานะการจอง ในสวนของสถานะการจองหลงจากทท าการจองสนามจะตองตดตอกบทางสนามเพอนยนยน และทางสนามจะท าการแกไขสถานะการจองของผใช
![Page 14: หน้าหลักresearch-system.siam.edu/images/thesistee/computer... · firstname varchar 50 ชื่อจริง lastname varchar 50 นามสกุล address varchar](https://reader034.vdocuments.site/reader034/viewer/2022050115/5f4c3691cda8651071774f95/html5/thumbnails/14.jpg)
29
รปท 4.8 หนาตางการแกไขขอมลสวนตว ( สวนของผเชา )
เมอเขามาทเมนแกไขขอมลสวนตว ผใชสามารถแกไขอพเดตขอมลสวนตวของผใชงานได
![Page 15: หน้าหลักresearch-system.siam.edu/images/thesistee/computer... · firstname varchar 50 ชื่อจริง lastname varchar 50 นามสกุล address varchar](https://reader034.vdocuments.site/reader034/viewer/2022050115/5f4c3691cda8651071774f95/html5/thumbnails/15.jpg)
30
รปท 4.9 หนาตางเขาสระบบของผใหเชาสนาม
หลงจากสมครใชงานในสวนของเจาของสนาม เจาของสนามกท าการกรอกชอเขาใชงานและรหสผาน เพอเขาสระบบเพอท าการจองสนามฟตบอล ถามผใชงานคนใดท าการจองสนามของตน จะมการแจงเตอนขนทเมนแจงเตอน
![Page 16: หน้าหลักresearch-system.siam.edu/images/thesistee/computer... · firstname varchar 50 ชื่อจริง lastname varchar 50 นามสกุล address varchar](https://reader034.vdocuments.site/reader034/viewer/2022050115/5f4c3691cda8651071774f95/html5/thumbnails/16.jpg)
31
รปท 4.10 แสดงรายการการแจงเตอน
เมอคลกทเมนแจงเตอน จะแสดงขอมลชอสมาชกทจองสนามและชอสนามทจอง
![Page 17: หน้าหลักresearch-system.siam.edu/images/thesistee/computer... · firstname varchar 50 ชื่อจริง lastname varchar 50 นามสกุล address varchar](https://reader034.vdocuments.site/reader034/viewer/2022050115/5f4c3691cda8651071774f95/html5/thumbnails/17.jpg)
32
รปท 4.11 หนาตางแสดงรายการจองสนาม ( สวนของผใหเชา )
เมอเขามาทเมนรายการจองสนาม ในหนาตางนเจาของสนามสามารถตรวจสอบขอมลทมการจองไว โดยจะมขอมลชอผจอง สนามทจอง เวลาทจอง เบอรโทรตดตอ สถานะการจองโดยทผใหเชาสามารถเขาไปแกไขสถานะการจองโดยคลกทไอคอนดนสอ หรอสามารถลบรายการจองโดยคลกทไอคอนกากบาท
![Page 18: หน้าหลักresearch-system.siam.edu/images/thesistee/computer... · firstname varchar 50 ชื่อจริง lastname varchar 50 นามสกุล address varchar](https://reader034.vdocuments.site/reader034/viewer/2022050115/5f4c3691cda8651071774f95/html5/thumbnails/18.jpg)
33
รปท 4.12 หนาตางการจดการรายการจองสนาม
เมอคลกทไอคอนดนสอ หนาตางนจะมขอมลทผเชาไดท าการจองไว เจาของสนามสามารถกดยนยนหรอยกเลกการจองหลงจากทไดรบการตดตอจากผเชา
![Page 19: หน้าหลักresearch-system.siam.edu/images/thesistee/computer... · firstname varchar 50 ชื่อจริง lastname varchar 50 นามสกุล address varchar](https://reader034.vdocuments.site/reader034/viewer/2022050115/5f4c3691cda8651071774f95/html5/thumbnails/19.jpg)
34
รปท 4.13 หนาตางแสดงการจดการสนาม
เมอเขามาทเมนจดการสนาม หนาตางนจะแสดงขอมลสนามทเจาของสนามไดกรอกขอมลไว สามารถเพมสนามทตนเองเปนเจาของอยโดยกดปมเพมสนาม และสามารถแกไขขอมลสนามใดๆโดยคลกทไอคอนดนสอหรอลบขอมลสนามโดยคลกทไอคอนกากบาท หรอดขอมลสนามโดยคลกทไอคอนแวนขยาย
![Page 20: หน้าหลักresearch-system.siam.edu/images/thesistee/computer... · firstname varchar 50 ชื่อจริง lastname varchar 50 นามสกุล address varchar](https://reader034.vdocuments.site/reader034/viewer/2022050115/5f4c3691cda8651071774f95/html5/thumbnails/20.jpg)
35
รปท 4.14 แบบฟอรมขอมลเพมสนาม
เมอคลกทปมเพมสนาม หนาตางนเจาของสนามสามารถเพมขอมลสนามใหมได
![Page 21: หน้าหลักresearch-system.siam.edu/images/thesistee/computer... · firstname varchar 50 ชื่อจริง lastname varchar 50 นามสกุล address varchar](https://reader034.vdocuments.site/reader034/viewer/2022050115/5f4c3691cda8651071774f95/html5/thumbnails/21.jpg)
36
รปท 4.15 หนาตางการแกไขขอมลสวนตว ( สวนของผใหเชา )
เมอเขามาทเมนแกไขขอมลสวนตว หนาตางนเจาของสนามสามารถแกไขหรออพเดตขอมลสวนตวของเจาของสนามได
![Page 22: หน้าหลักresearch-system.siam.edu/images/thesistee/computer... · firstname varchar 50 ชื่อจริง lastname varchar 50 นามสกุล address varchar](https://reader034.vdocuments.site/reader034/viewer/2022050115/5f4c3691cda8651071774f95/html5/thumbnails/22.jpg)
37
รปท 4.16 หนาตางเขาสระบบของผดแลระบบ
หนาตางเขาสระบบของผดแลระบบเวบไซด โดยจะมชองใหกรอกชอเขาใชงานและรหสผานเพอเขาสระบบ
![Page 23: หน้าหลักresearch-system.siam.edu/images/thesistee/computer... · firstname varchar 50 ชื่อจริง lastname varchar 50 นามสกุล address varchar](https://reader034.vdocuments.site/reader034/viewer/2022050115/5f4c3691cda8651071774f95/html5/thumbnails/23.jpg)
38
รปท 4.17 หนาตางการจดการสมาชก
เมอเขามาทเมนจดการสมาชก หนาตางจดการสมาชกของผดแลระบบ ผดแลระบบสามารถเพมสมาชกเขาสระบบ สามารถตรวจสอบขอมลของผใชงานเวบทงหมด และสามารถแกไขขอมลสมาชกโดยคลกทไอคอนดนสอ หรอลบขอมลสมาชกโดยคลกทไอคอนกากบาท ในสวนของดานบนผดแลระบบสามารถคนหาสมาชกไดโดยใสขอมลบางสวน เชนชอเขาใชงาน ชอหรอนามสกลผใชงาน
![Page 24: หน้าหลักresearch-system.siam.edu/images/thesistee/computer... · firstname varchar 50 ชื่อจริง lastname varchar 50 นามสกุล address varchar](https://reader034.vdocuments.site/reader034/viewer/2022050115/5f4c3691cda8651071774f95/html5/thumbnails/24.jpg)
39
รปท 4.18 หนาตางการจดการสมาชก
เมอคลกทไอคอนดนสอ หนาตางนผดแลลระบบสามารถก าหนดสทธของผใชงานโดยเลอกทสถานะการใชงาน
![Page 25: หน้าหลักresearch-system.siam.edu/images/thesistee/computer... · firstname varchar 50 ชื่อจริง lastname varchar 50 นามสกุล address varchar](https://reader034.vdocuments.site/reader034/viewer/2022050115/5f4c3691cda8651071774f95/html5/thumbnails/25.jpg)
40
รปท 4.19 หนาตางการจดการสนามฟตบอล
เมอเขามาทเมนจดการสนามบอล หนาตางนแสดงขอมลสนามทงหมดในระบบ ผดแลระบบสามารถเพมสนามไดโดยคลกทปมเพมสนามและสามารถเขาไปก าหนดสทธการใชงานของสนามโดยคลกทไอคอนดนสอ หรอลบขอมลสนามโดยคลกทไอคอนกากบาท ในสวนของดานบนผดแลระบบสามารถคนหาสนามไดโดยใสขอมลบางสวน เชนชอสนาม หรอขอมลทอยบางสวน
![Page 26: หน้าหลักresearch-system.siam.edu/images/thesistee/computer... · firstname varchar 50 ชื่อจริง lastname varchar 50 นามสกุล address varchar](https://reader034.vdocuments.site/reader034/viewer/2022050115/5f4c3691cda8651071774f95/html5/thumbnails/26.jpg)
41
รปท 4.20 หนาตางการจดการสนามฟตบอล
เมอคลกทไอคอนดนสอ หนาตางนผดแลระบบสามารถก าหนดสทธการใชงานของสนามได โดยท
สถานะ หมายถง เปด-ปดขอมลสนามทแสดงในเมนจองสนาม สนามแนะน า หมายถง เปด-ปดขอมลสนามทแสดงในเมนสนามแนะน า
![Page 27: หน้าหลักresearch-system.siam.edu/images/thesistee/computer... · firstname varchar 50 ชื่อจริง lastname varchar 50 นามสกุล address varchar](https://reader034.vdocuments.site/reader034/viewer/2022050115/5f4c3691cda8651071774f95/html5/thumbnails/27.jpg)
42
รปท 4.21 หนาตางการจดการ Black List
เมอเขามาทเมนจดการBlack List หนาตางนแสดงขอมลของผใชงานทตดอยในรายการblack list โดยผดแลระบบสามารถเขาไปแกโดยคลกทไอคอนดนสอ ในสวนของดานบนผดแลระบบสามารถคนหาสมาชกไดโดยใสขอมลบางสวน เชนชอเขาใชงาน ชอหรอนามสกลผใชงาน
![Page 28: หน้าหลักresearch-system.siam.edu/images/thesistee/computer... · firstname varchar 50 ชื่อจริง lastname varchar 50 นามสกุล address varchar](https://reader034.vdocuments.site/reader034/viewer/2022050115/5f4c3691cda8651071774f95/html5/thumbnails/28.jpg)
43
รปท 4.22 หนาตางการจดการ Black List
เมอคลกทไอคอนดนสอ หนาตางนผดแลระบบสามารถลบรายชอทตด Black List ออกจากรายการ Black List ไดโดยคลกทไอคอนกากบาท