บทที่ 4 องค์ประกอบของผลิตภัณฑ์ ...elearning.psru.ac.th/courses/284/บทที่ 4.pdfบทท 4 องค ประกอบของผล
บทที่ 4 ออกแบบระบบทางกายภาพ...บทท 4...
Transcript of บทที่ 4 ออกแบบระบบทางกายภาพ...บทท 4...
![Page 1: บทที่ 4 ออกแบบระบบทางกายภาพ...บทท 4 ออกแบบระบบทางกายภาพ 4.1 การออกแบบฐานข](https://reader030.fdocuments.net/reader030/viewer/2022041004/5ea8a08b46a7a907ba0359a3/html5/thumbnails/1.jpg)
บทท 4 ออกแบบระบบทางกายภาพ
4.1 การออกแบบฐานขอมล (Database Design) ในการจดเกบและจดการขอมลของระบบ จะจดเกบลงฐานขอมล (Database) โดยเลอกใชฐานขอมลเชงสมพนธ (Relational Database) และจดการขอมลดวยโปรแกรมบรหารและจดการฐานขอมล (DBMS) MySQL โดยขอมลทงหมดจะจดเกบไวทเครองแมขาย (Server) โดยฐานขอมลมโครงสรางสรางดงน
ตารางท 4.1 รายละเอยดของตารางขอมล register Relation : register
Attribute Description Attribute Domain
Type PK FK Reference
regis_no รหสของผใชงาน Int Yes user_name ชอผใช Char(20) password รหสผานของ
ผใชงาน Char(20)
first_name ชอของผใชงาน Varchar(50) last_name นามสกล Varchar(50) email อเมล Text tel เบอรโทรตดตอ Varchar(10) gender เพศ Enum priority ต าแหนง Enum emp_id รหสพนกงาน Varchar(20) citizen_id เลขบตรประชาชน Varchar(13)
![Page 2: บทที่ 4 ออกแบบระบบทางกายภาพ...บทท 4 ออกแบบระบบทางกายภาพ 4.1 การออกแบบฐานข](https://reader030.fdocuments.net/reader030/viewer/2022041004/5ea8a08b46a7a907ba0359a3/html5/thumbnails/2.jpg)
38
ตารางท 4.2 รายละเอยดของตารางขอมล driver Relation : driver
Attribute Description Attribute Domain
Type PK FK Reference
driver_id รหสคนขบรถ Int Yes f_name ชอคนขบรถ Varchar(50) l_name นามสกล Varchar(50) tel เบอรโทรตดตอ Varchar(10) emp_id รหสพนกงาน Varchar(20) status สถานะการท างาน Enum
ตารางท 4.3 รายละเอยดของตารางขอมล bus_table
Relation : bus_table Attribute Description Attribute
Domain Type PK FK Reference
bus_id รหสรถทวร Int Yes bus_no ทะเบยนรถ Varchar(25) bus_type ประเภทรถ Enum bus_status สถานะรถ Enum
ตารางท 4.4 รายละเอยดของตารางขอมล seat
Relation : sest Attribute Description Attribute
Domain Type PK FK Reference
seat_id เลขทนง Int Yes seat_name ชอทนง Varchar(5) bus_id รหสรถทวร Int Yes bus_table status สถานะทนง Enum reserve_by จองโดย Int
![Page 3: บทที่ 4 ออกแบบระบบทางกายภาพ...บทท 4 ออกแบบระบบทางกายภาพ 4.1 การออกแบบฐานข](https://reader030.fdocuments.net/reader030/viewer/2022041004/5ea8a08b46a7a907ba0359a3/html5/thumbnails/3.jpg)
39
ตารางท 4.5 รายละเอยดของตารางขอมล geography Relation : geography
Attribute Description Attribute Domain
Type PK FK Reference
GEO_ID รหสต าแหนงภมศาสตร
Int Yes
GEO_NAME ชอต าแหนงภมศาสตร
Varchar(225)
ตารางท 4.6 รายละเอยดของตารางขอมล province
Relation : province Attribute Description Attribute
Domain Type PK FK Reference
PROVINCE_ID ล าดบจงหวด Int Yes PROVINCE_CODE รหสจงหวด Varchar(2) PROVINCE_NAME ชอจงหวด Varchar(150) GEO_ID รหสต าแหนง
ภมศาสตร Int Yes geography
ตารางท 4.7 รายละเอยดของตารางขอมล amphur
Relation : amphur Attribute Description Attribute
Domain Type PK FK Reference
AMPHUR_ID ล าดบอ าเภอ Int Yes AMPHUR_CODE รหสอ าเภอ Varchar(4) AMPHUR_NAME ชออ าเภอ Varchar(150) POSTCODE รหสไปรษณย Varchar(5) GEO_ID รหสต าแหนง
ภมศาสตร Int Yes geography
PROVINCE_ID ล าดบจงหวด Int Yes province
![Page 4: บทที่ 4 ออกแบบระบบทางกายภาพ...บทท 4 ออกแบบระบบทางกายภาพ 4.1 การออกแบบฐานข](https://reader030.fdocuments.net/reader030/viewer/2022041004/5ea8a08b46a7a907ba0359a3/html5/thumbnails/4.jpg)
40
ตารางท 4.8 รายละเอยดของตารางขอมล district Relation : district
Attribute Description Attribute Domain
Type PK FK Reference
DESTRICT_ID ล าดบต าบล Int Yes DESTRICT _CODE รหสต าบล Varchar(6) DESTRICT_NAME ชอต าบล Varchar(150) AMPHUR_ID ล าดบอ าเภอ Int Yes amphur PROVINCE_ID ล าดบจงหวด Int Yes province GEO_ID รหสต าแหนง
ภมศาสตร Int Yes geography
ตารางท 4.9 รายละเอยดของตารางขอมล depart_point
Relation : depart_point Attribute Description Attribute
Domain Type PK FK Reference
DEPART_ID รหสสถานท Int Yes PROVINCE_ID ล าดบจงหวด Int Yes province DEPART_DESC ชอสถานท Varchar(200) LATITUDE ละตจด Varchar(30) LONGITUDE ลองตจด Varchar(30)
![Page 5: บทที่ 4 ออกแบบระบบทางกายภาพ...บทท 4 ออกแบบระบบทางกายภาพ 4.1 การออกแบบฐานข](https://reader030.fdocuments.net/reader030/viewer/2022041004/5ea8a08b46a7a907ba0359a3/html5/thumbnails/5.jpg)
41
ตารางท 4.10 รายละเอยดของตารางขอมล ticket Relation : ticket
Attribute Description Attribute Domain
Type PK FK Reference
tic_id รหสตวโดยสาร Int Yes bus_id รหสรถทวร Int Yes bus_table tic_routing_start จดขนรถ Int tic_routing_stop จดลงรถ Int res_date วนทเดนทาง Date res_time เวลารถออก Varchar(10) price ราคาตว Double driver_1 คนขบต าแหนงท1 Int Yes driver driver_2 คนขบต าแหนงท2 Int Yes driver station ชานชาลา Enum
ตารางท 4.11 รายละเอยดของตารางขอมล reserve_header
Relation : reserve_header Attribute Description Attribute
Domain Type PK FK Reference
res_head_id รหสหวใบเสรจ Int Yes reserve_by จองโดย Int count_ticket จ านวนตว Int sum_price ราคารวม Decimal(6,2) buy_date วนทซอตว DateTime tic_id รหสตวโดยสาร Int Yes ticket status_payment สถานะการช าระ
เงน Enum
payment_buy วธการช าระเงน Enum credit_id รหสบตรเครดต Varchar(30) inv เลขทการช าระเงน Text
![Page 6: บทที่ 4 ออกแบบระบบทางกายภาพ...บทท 4 ออกแบบระบบทางกายภาพ 4.1 การออกแบบฐานข](https://reader030.fdocuments.net/reader030/viewer/2022041004/5ea8a08b46a7a907ba0359a3/html5/thumbnails/6.jpg)
42
ตารางท 4.12 รายละเอยดของตารางขอมล reserve_ticket Relation : reserve_ticket
Attribute Description Attribute Domain
Type PK FK Reference
res_id รหสการจอง Int Yes name ชอผโดยสาร Varchar(150) tel เบอรโทรตอตอ Varchar(10) seat_id รหสทนง Int Yes seat res_head_id รหสหวใบเสรจ Int Yes reserve_header reserve_citizen_id เลขบตร
ประชาชน Varchar(13)
![Page 7: บทที่ 4 ออกแบบระบบทางกายภาพ...บทท 4 ออกแบบระบบทางกายภาพ 4.1 การออกแบบฐานข](https://reader030.fdocuments.net/reader030/viewer/2022041004/5ea8a08b46a7a907ba0359a3/html5/thumbnails/7.jpg)
43
4.2 โครงสรางของเวบไซต (Site Map)
รปท 4.1 แผนผงเวบไซตจองตวรถทวรออนไลนและแจงเตอนผานแอนดรอยด
![Page 8: บทที่ 4 ออกแบบระบบทางกายภาพ...บทท 4 ออกแบบระบบทางกายภาพ 4.1 การออกแบบฐานข](https://reader030.fdocuments.net/reader030/viewer/2022041004/5ea8a08b46a7a907ba0359a3/html5/thumbnails/8.jpg)
44
4.3 การออกแบบสวนตดตอกบผใช (User Interface Design) 4.3.1 สวนของเวบไซตระบบจองตวรถทวรออนไลนและแจงเตอนผานแอนดรอยด
รปท 4.2 หนาหลกของเวบไซตจองตวรถทวรออนไลนและแจงเตอนผานแอนดรอยด
หนาหลกของเวบไซตจองตวรถทวรออนไลนและแจงเตอนผานแอนดรอยดแสดงโฆษณา และสถานททองเทยวตางๆ ของภาคใต
![Page 9: บทที่ 4 ออกแบบระบบทางกายภาพ...บทท 4 ออกแบบระบบทางกายภาพ 4.1 การออกแบบฐานข](https://reader030.fdocuments.net/reader030/viewer/2022041004/5ea8a08b46a7a907ba0359a3/html5/thumbnails/9.jpg)
45
รปท 4.3 หนาจอการสมครสมาชก
หนานเปนหนาสมครสมาชกในกรณทผใชงานยงไมเคยใชงานระบบจองตวรถทวรออนไลนนมากอน ผใชสามารถท าการสมครไดโดยปอน Username, Password และขอมลสวนตวของผใช
![Page 10: บทที่ 4 ออกแบบระบบทางกายภาพ...บทท 4 ออกแบบระบบทางกายภาพ 4.1 การออกแบบฐานข](https://reader030.fdocuments.net/reader030/viewer/2022041004/5ea8a08b46a7a907ba0359a3/html5/thumbnails/10.jpg)
46
รปท 4.4 หนาจอเขาสระบบ
หนาแรกของระบบใหผใชงานท าการใส username, password และท าการ login เพอเขาใชงานระบบและผใชงานสามารถคนหาเทยวรถทตองการได ในกรณทเปนผใชงานทวไปทไมไดสมครสมาชกจะสามารถดรายละเอยดเทยวรถไดเพยงอยางเดยว ไมสามารถจองตวโดยสารได
รปท 4.5 สวนคนหาเทยวรถ
ในสวนของการคนหาเทยวรถตองระบจดขน-ลงรถ จงหวดตนทาง จงหวดปลายทาง และวนทเดนทาง
![Page 11: บทที่ 4 ออกแบบระบบทางกายภาพ...บทท 4 ออกแบบระบบทางกายภาพ 4.1 การออกแบบฐานข](https://reader030.fdocuments.net/reader030/viewer/2022041004/5ea8a08b46a7a907ba0359a3/html5/thumbnails/11.jpg)
47
รปท 4.6 รายละเอยดตารางเดนรถ
เมอท าการคนหาเรยบรอยแลว ระบบจะแสดงรายละเอยดเทยวรถ ซงไดแก วนทเดนทาง เวลาทรถออก เสนทาง ประเภทรถ จ านวนทนง และราคา ผใชสามารถเลอกจองเทยวรถตามเวลาทตองการได
![Page 12: บทที่ 4 ออกแบบระบบทางกายภาพ...บทท 4 ออกแบบระบบทางกายภาพ 4.1 การออกแบบฐานข](https://reader030.fdocuments.net/reader030/viewer/2022041004/5ea8a08b46a7a907ba0359a3/html5/thumbnails/12.jpg)
48
รปท 4.7 หนาจอเลอกทนง
หนานจะแสดงรายละเอยดตางๆของรถคนนนๆ ไดแก ทะเบยนรถ ประเภทรถ ชอคนขบ
และทนงของรถประเภทนนๆ ผใชสามารถเลอกทนงไดตามตองการ โดยมเงอนไขคอ ผใชไมสามารถเลอกทนงทเปนสแดงได (สถานะไมวาง)
![Page 13: บทที่ 4 ออกแบบระบบทางกายภาพ...บทท 4 ออกแบบระบบทางกายภาพ 4.1 การออกแบบฐานข](https://reader030.fdocuments.net/reader030/viewer/2022041004/5ea8a08b46a7a907ba0359a3/html5/thumbnails/13.jpg)
49
รปท 4.8 หนาจอกรอกขอมลผโดยสาร
แสดงรายละเอยดการจองตวโดยสาร ผใชงานตองท าการกรอกชอ เบอรโทรตดตอ และเลขบตรประชาชน เพอใชส าหรบยนยนในการจองตวโดยสาร
รปท 4.9 หนาจอช าระเงน
กรอกอเมลและรหสผานของผใชเพอช าระคาตวโดยสาร ผใชสามารถช าระเงนผานระบบ PaySbuy ไดทนท
![Page 14: บทที่ 4 ออกแบบระบบทางกายภาพ...บทท 4 ออกแบบระบบทางกายภาพ 4.1 การออกแบบฐานข](https://reader030.fdocuments.net/reader030/viewer/2022041004/5ea8a08b46a7a907ba0359a3/html5/thumbnails/14.jpg)
50
รปท 4.10 หนาจอช าระเงน (ตอ)
แสดงยอดเงนทตองช าระและยอดเงนคงเหลอในบญช PaySbuy ของผใช ถายอดเงนคงเหลอเพยงพอตอตวโดยสาร ระบบจะท าการหกเงนทนท
รปท 4.11 ตวอเลกทรอนกส (E-ticket)
ระบบจะสงตว E-ticket ผานทางอเมลของผใช โดยจะมรายละเอยดการจองทงหมดในตวโดยสาร ผใชสามารถน าตวอเลกทรอนกสไปใชเปนเอกสารในการเดนทางได
![Page 15: บทที่ 4 ออกแบบระบบทางกายภาพ...บทท 4 ออกแบบระบบทางกายภาพ 4.1 การออกแบบฐานข](https://reader030.fdocuments.net/reader030/viewer/2022041004/5ea8a08b46a7a907ba0359a3/html5/thumbnails/15.jpg)
51
รปท 4.12 แกไขขอมลของผใชงาน
ส าหรบหนาจอนเปนหนาจอทมไวส าหรบแกไขขอมลของผใชงาน โดยผใชสามารถแกไขรหสผานไดเทานน
รปท 4.13 หนาจอตรวจสอบการจองตวโดยสาร
หนาจอตรวจสอบตวโดยสาร ผใชงานหรอพนกงานขายตวสามารถท าการตรวจสอบการจองตวโดยสารได โดยกรอกเลขทตวเพอคนหาการจอง
![Page 16: บทที่ 4 ออกแบบระบบทางกายภาพ...บทท 4 ออกแบบระบบทางกายภาพ 4.1 การออกแบบฐานข](https://reader030.fdocuments.net/reader030/viewer/2022041004/5ea8a08b46a7a907ba0359a3/html5/thumbnails/16.jpg)
52
รปท 4.14 หนาจอเลอนตวโดยสาร
พนกงานขายตวจะสามารถท าการเลอนตวโดยสารใหกบลกคาได หากลกคาตองการเลอนตวโดยสาร ลกคาตองเสยคาธรรมเนยมในการบรการ 30 บาทตอใบ
รปท 4.15 หนาจอยกเลกตวโดยสาร
พนกงานขายตวสามารถท าการยกเลกตวได หากลลกคาตองการยกเลกตวโดยสาร โดยพนกงานตองคนเงนใหแกลกคาในราคาครงหนงของราคาตวโดยสาร
![Page 17: บทที่ 4 ออกแบบระบบทางกายภาพ...บทท 4 ออกแบบระบบทางกายภาพ 4.1 การออกแบบฐานข](https://reader030.fdocuments.net/reader030/viewer/2022041004/5ea8a08b46a7a907ba0359a3/html5/thumbnails/17.jpg)
53
รปท 4.16 จดการขอมลหลก
หนาจอแสดงการจดการขอมลหลก ซงหนานจะเปนการท างานของผดแลระบบ โดยขอมลหลกไดแก ขอมลรถทวร ขอมลลกคา ขอมลพนกงานขบรถ ขอมลพนกงานขายตว และจดการรายงานตางๆ
รปท 4.17 จดการขอมลลกคา
หนาจอแสดงขอมลของลกคา ผดแลระบบสามารถแกไขขอมลของลกคา ดประวตยอนหลง และระงบการใชงานของลกคาได
![Page 18: บทที่ 4 ออกแบบระบบทางกายภาพ...บทท 4 ออกแบบระบบทางกายภาพ 4.1 การออกแบบฐานข](https://reader030.fdocuments.net/reader030/viewer/2022041004/5ea8a08b46a7a907ba0359a3/html5/thumbnails/18.jpg)
54
รปท 4.18 จดการขอมลลกคาในสวนแกไขขอมลลกคา
หนาจอแสดงขอมลของลกคาทตองการแกไข ผดแลระบบสามารถแกไขขอมลของลกคาได เชน ชอผใชอเมล เบอรโทรตดตอ เปนตน
รปท 4.19 จดการขอมลรถทวร
หนาจอแสดงขอมลรถทวร ผดแลระบบสามารถเพมเทยวรถทวร แกไขทนง และดตารางเดนรถได
![Page 19: บทที่ 4 ออกแบบระบบทางกายภาพ...บทท 4 ออกแบบระบบทางกายภาพ 4.1 การออกแบบฐานข](https://reader030.fdocuments.net/reader030/viewer/2022041004/5ea8a08b46a7a907ba0359a3/html5/thumbnails/19.jpg)
55
รปท 4.20 จดการขอมลรถทวรในสวนเพมเทยวรถทวร
ผดแลระบบสามารถเพมเทยวรถทวรได โดยขอมลทเพมไดแก จงหวดตนทาง จงหวดปลายทาง จดขน-ลงรถ เสนทาง วนทเดนทาง เวลารถออก ประเภทรถ และชอพนกงานขบรถ
รปท 4.21 จดการขอมลรถทวรในสวนแกไขทนง
ผดแลระบบสามารถแกไขทนงของรถทวรประเภทตางๆได และสามารถเปลยนสถานะของทนงในระบบได
![Page 20: บทที่ 4 ออกแบบระบบทางกายภาพ...บทท 4 ออกแบบระบบทางกายภาพ 4.1 การออกแบบฐานข](https://reader030.fdocuments.net/reader030/viewer/2022041004/5ea8a08b46a7a907ba0359a3/html5/thumbnails/20.jpg)
56
รปท 4.22 จดการขอมลรถทวรในสวนดตารางเดนรถ
ผดแลระบบสามารถดตารางเดนรถของรถประเภทตางๆได ซงหนานจะแสดงทะเบยนรถ วนทรถออก เวลารถออก เสนทาง ประเภทรถ จ านวนทนง และราคาตวโดยสาร
รปท 4.23 จดการขอมลรถทวรในสวนเพมรถทวร
ผดแลระบบสามารถเพมรถทวรได โดยเพมทะเบยนและประเภทรถในระบบ
รปท 4.24 จดการขอมลพนกงานขายตว
หนาจอแสดงขอมลพนกงานขายตว ผดแลระบบสามารถแกไขขอมลพนกงานขายตว ดประวตยอนหลง และเพมขอมลพนกงานได
![Page 21: บทที่ 4 ออกแบบระบบทางกายภาพ...บทท 4 ออกแบบระบบทางกายภาพ 4.1 การออกแบบฐานข](https://reader030.fdocuments.net/reader030/viewer/2022041004/5ea8a08b46a7a907ba0359a3/html5/thumbnails/21.jpg)
57
รปท 4.25 จดการขอมลพนกงานขายตวในสวนแกไขขอมลพนกงานขายตว
หนาจอแสดงขอมลของพนกงานขายตว ผดแลระบบสามารถแกไขขอมลของพนกงานขายตวได
รปท 4.26 จดการขอมลพนกงานขายตวในสวนดประวตยอนหลง
หนาจอแสดงขอมลของพนกงานขายตว ผดแลระบบสามารถแกไขขอมลของพนกงานขายตวได
![Page 22: บทที่ 4 ออกแบบระบบทางกายภาพ...บทท 4 ออกแบบระบบทางกายภาพ 4.1 การออกแบบฐานข](https://reader030.fdocuments.net/reader030/viewer/2022041004/5ea8a08b46a7a907ba0359a3/html5/thumbnails/22.jpg)
58
รปท 4.27 จดการขอมลพนกงานขายตวในสวนเพมขอมลพนกงาน
ผดแลระบบสามารถเพมขอมลพนกงานได ขอมลทเพมไดแก ชอผใช รหสผาน ชอ นามสกล อเมล เบอรโทรศพท เพศ สถานะ รหสพนกงาน และรหสบตรประชาชน
รปท 4.28 จดการขอมลพนกงานขบรถ
หนาจอแสดงขอมลพนกงานขบรถ ผดแลระบบสามารถดขอมลพนกงานขบรถ ระงบการใชงานพนกงานขบรถ และเพมพนกงานขบรถได
![Page 23: บทที่ 4 ออกแบบระบบทางกายภาพ...บทท 4 ออกแบบระบบทางกายภาพ 4.1 การออกแบบฐานข](https://reader030.fdocuments.net/reader030/viewer/2022041004/5ea8a08b46a7a907ba0359a3/html5/thumbnails/23.jpg)
59
รปท 4.29 สรปรายงานยอดขายตวในแตละวน
หนาจอแสดงยอดการขายในแตละวน โดยจะแสดงรายระเอยดขอมลชองทางการช าระเงนคาตวโดยสารวามาจะชองทางใดบาง และแสดงขอมลยอดการขายรายวน
รปท 4.30 สรปเทยวรถทนยม
หนาจอแสดงขอมลประเภทรถทผโดยสารเลอกใชบรการมากทสด เพอคาดคะเนแนวโนมทจะเกดขนในอนาคต
![Page 24: บทที่ 4 ออกแบบระบบทางกายภาพ...บทท 4 ออกแบบระบบทางกายภาพ 4.1 การออกแบบฐานข](https://reader030.fdocuments.net/reader030/viewer/2022041004/5ea8a08b46a7a907ba0359a3/html5/thumbnails/24.jpg)
60
4.3.2 สวนของแอพพลเคชนแจงเตอนบนแอนดรอยด
รปท 4.31 หนาจอการเขาสแอพพลเคชนครงแรก
![Page 25: บทที่ 4 ออกแบบระบบทางกายภาพ...บทท 4 ออกแบบระบบทางกายภาพ 4.1 การออกแบบฐานข](https://reader030.fdocuments.net/reader030/viewer/2022041004/5ea8a08b46a7a907ba0359a3/html5/thumbnails/25.jpg)
61
รปท 4.32 หนาจอแสดงการคนหาจดขน-ลงรถ
หนาจอแสดงการคนหาจดขน-ลงรถจากเลขทตวโดยสาร ผใชงานสามารถคนหาพกดไดจากตวโดยสาร
![Page 26: บทที่ 4 ออกแบบระบบทางกายภาพ...บทท 4 ออกแบบระบบทางกายภาพ 4.1 การออกแบบฐานข](https://reader030.fdocuments.net/reader030/viewer/2022041004/5ea8a08b46a7a907ba0359a3/html5/thumbnails/26.jpg)
62
รปท 4.33 หนาจอแจงเตอนพกด
หนาจอแจงเตอนพกด เมอรถทวรเคลอนทใกลจดปลายทาง กอนถงจดหมายปลายทางใน
ระยะทาง 2 กโลเมตร ระบบจะท าการแจงเตอนใหแกผใชงานดวยเสยงแจงเตอน