บทท 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

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 - ทเกบของ

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

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 : -

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 : -

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

22

4.2 การออกแบบการน าเขาของเวบไซต ในการออกแบบการน าเขาของเวบไซตทานตองทราบกอนวาระบบนมสวนใดบาง ทตองการน าเขาของขอมล โดยการน าเขาของระบบเปนการน าเขาของขอมลบนแบบฟอรมแลวท าการจดเกบขอมลลงฐานขอมล

รปท 4.1 หนาแรกของเวบไซต

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

23

รปท 4.2 แบบฟอรมการสมครสมาชก

หนาตางส าหรบกรอกขอมลสวนตวเพอสมครสมาชก สามารถเลอกประเภทผใชงานได 2ประเภท คอ บคคลธรรมดา กบ เจาของสนาม บคคลธรรมดา คอ ผทสมครใชงานเพอการจองสนามฟตบอล เจาของสนาม คอ ผทสมครใชงานเพอการลงขอมลสนามฟตบอลของตวเอง

24

รปท 4.3 หนาตางเขาสระบบของผจองสนาม

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

25

รปท 4.4 หนาตางเลอกจองสนามฟตบอล

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

26

รปท 4.5 หนาตางแสดงรายละเอยดของสนาม

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

27

รปท 4.6 ตารางแสดงเวลาเปด-ปดของสนาม

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

28

รปท 4.7 หนาตางแสดงรายการจองสนาม(สวนของผเชา)

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

29

รปท 4.8 หนาตางการแกไขขอมลสวนตว ( สวนของผเชา )

เมอเขามาทเมนแกไขขอมลสวนตว ผใชสามารถแกไขอพเดตขอมลสวนตวของผใชงานได

30

รปท 4.9 หนาตางเขาสระบบของผใหเชาสนาม

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

31

รปท 4.10 แสดงรายการการแจงเตอน

เมอคลกทเมนแจงเตอน จะแสดงขอมลชอสมาชกทจองสนามและชอสนามทจอง

32

รปท 4.11 หนาตางแสดงรายการจองสนาม ( สวนของผใหเชา )

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

33

รปท 4.12 หนาตางการจดการรายการจองสนาม

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

34

รปท 4.13 หนาตางแสดงการจดการสนาม

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

35

รปท 4.14 แบบฟอรมขอมลเพมสนาม

เมอคลกทปมเพมสนาม หนาตางนเจาของสนามสามารถเพมขอมลสนามใหมได

36

รปท 4.15 หนาตางการแกไขขอมลสวนตว ( สวนของผใหเชา )

เมอเขามาทเมนแกไขขอมลสวนตว หนาตางนเจาของสนามสามารถแกไขหรออพเดตขอมลสวนตวของเจาของสนามได

37

รปท 4.16 หนาตางเขาสระบบของผดแลระบบ

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

38

รปท 4.17 หนาตางการจดการสมาชก

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

39

รปท 4.18 หนาตางการจดการสมาชก

เมอคลกทไอคอนดนสอ หนาตางนผดแลลระบบสามารถก าหนดสทธของผใชงานโดยเลอกทสถานะการใชงาน

40

รปท 4.19 หนาตางการจดการสนามฟตบอล

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

41

รปท 4.20 หนาตางการจดการสนามฟตบอล

เมอคลกทไอคอนดนสอ หนาตางนผดแลระบบสามารถก าหนดสทธการใชงานของสนามได โดยท

สถานะ หมายถง เปด-ปดขอมลสนามทแสดงในเมนจองสนาม สนามแนะน า หมายถง เปด-ปดขอมลสนามทแสดงในเมนสนามแนะน า

42

รปท 4.21 หนาตางการจดการ Black List

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

43

รปท 4.22 หนาตางการจดการ Black List

เมอคลกทไอคอนดนสอ หนาตางนผดแลระบบสามารถลบรายชอทตด Black List ออกจากรายการ Black List ไดโดยคลกทไอคอนกากบาท