บทที่ 4 ออกแบบระบบทางกายภาพ...บทท 4...

Post on 26-Apr-2020

9 views 0 download

Transcript of บทที่ 4 ออกแบบระบบทางกายภาพ...บทท 4...

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

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

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

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)

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

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)

43

4.2 โครงสรางของเวบไซต (Site Map)

รปท 4.1 แผนผงเวบไซตจองตวรถทวรออนไลนและแจงเตอนผานแอนดรอยด

44

4.3 การออกแบบสวนตดตอกบผใช (User Interface Design) 4.3.1 สวนของเวบไซตระบบจองตวรถทวรออนไลนและแจงเตอนผานแอนดรอยด

รปท 4.2 หนาหลกของเวบไซตจองตวรถทวรออนไลนและแจงเตอนผานแอนดรอยด

หนาหลกของเวบไซตจองตวรถทวรออนไลนและแจงเตอนผานแอนดรอยดแสดงโฆษณา และสถานททองเทยวตางๆ ของภาคใต

45

รปท 4.3 หนาจอการสมครสมาชก

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

46

รปท 4.4 หนาจอเขาสระบบ

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

รปท 4.5 สวนคนหาเทยวรถ

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

47

รปท 4.6 รายละเอยดตารางเดนรถ

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

48

รปท 4.7 หนาจอเลอกทนง

หนานจะแสดงรายละเอยดตางๆของรถคนนนๆ ไดแก ทะเบยนรถ ประเภทรถ ชอคนขบ

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

49

รปท 4.8 หนาจอกรอกขอมลผโดยสาร

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

รปท 4.9 หนาจอช าระเงน

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

50

รปท 4.10 หนาจอช าระเงน (ตอ)

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

รปท 4.11 ตวอเลกทรอนกส (E-ticket)

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

51

รปท 4.12 แกไขขอมลของผใชงาน

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

รปท 4.13 หนาจอตรวจสอบการจองตวโดยสาร

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

52

รปท 4.14 หนาจอเลอนตวโดยสาร

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

รปท 4.15 หนาจอยกเลกตวโดยสาร

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

53

รปท 4.16 จดการขอมลหลก

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

รปท 4.17 จดการขอมลลกคา

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

54

รปท 4.18 จดการขอมลลกคาในสวนแกไขขอมลลกคา

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

รปท 4.19 จดการขอมลรถทวร

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

55

รปท 4.20 จดการขอมลรถทวรในสวนเพมเทยวรถทวร

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

รปท 4.21 จดการขอมลรถทวรในสวนแกไขทนง

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

56

รปท 4.22 จดการขอมลรถทวรในสวนดตารางเดนรถ

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

รปท 4.23 จดการขอมลรถทวรในสวนเพมรถทวร

ผดแลระบบสามารถเพมรถทวรได โดยเพมทะเบยนและประเภทรถในระบบ

รปท 4.24 จดการขอมลพนกงานขายตว

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

57

รปท 4.25 จดการขอมลพนกงานขายตวในสวนแกไขขอมลพนกงานขายตว

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

รปท 4.26 จดการขอมลพนกงานขายตวในสวนดประวตยอนหลง

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

58

รปท 4.27 จดการขอมลพนกงานขายตวในสวนเพมขอมลพนกงาน

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

รปท 4.28 จดการขอมลพนกงานขบรถ

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

59

รปท 4.29 สรปรายงานยอดขายตวในแตละวน

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

รปท 4.30 สรปเทยวรถทนยม

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

60

4.3.2 สวนของแอพพลเคชนแจงเตอนบนแอนดรอยด

รปท 4.31 หนาจอการเขาสแอพพลเคชนครงแรก

61

รปท 4.32 หนาจอแสดงการคนหาจดขน-ลงรถ

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

62

รปท 4.33 หนาจอแจงเตอนพกด

หนาจอแจงเตอนพกด เมอรถทวรเคลอนทใกลจดปลายทาง กอนถงจดหมายปลายทางใน

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