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

26
บทที่ 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)

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

Page 1: บทที่ 4 ออกแบบระบบทางกายภาพ...บทท 4 ออกแบบระบบทางกายภาพ 4.1 การออกแบบฐานข

บทท 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 การออกแบบฐานข

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 การออกแบบฐานข

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 การออกแบบฐานข

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 การออกแบบฐานข

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 การออกแบบฐานข

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 การออกแบบฐานข

43

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

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

Page 8: บทที่ 4 ออกแบบระบบทางกายภาพ...บทท 4 ออกแบบระบบทางกายภาพ 4.1 การออกแบบฐานข

44

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

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

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

Page 9: บทที่ 4 ออกแบบระบบทางกายภาพ...บทท 4 ออกแบบระบบทางกายภาพ 4.1 การออกแบบฐานข

45

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

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

Page 10: บทที่ 4 ออกแบบระบบทางกายภาพ...บทท 4 ออกแบบระบบทางกายภาพ 4.1 การออกแบบฐานข

46

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

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

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

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

Page 11: บทที่ 4 ออกแบบระบบทางกายภาพ...บทท 4 ออกแบบระบบทางกายภาพ 4.1 การออกแบบฐานข

47

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

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

Page 12: บทที่ 4 ออกแบบระบบทางกายภาพ...บทท 4 ออกแบบระบบทางกายภาพ 4.1 การออกแบบฐานข

48

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

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

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

Page 13: บทที่ 4 ออกแบบระบบทางกายภาพ...บทท 4 ออกแบบระบบทางกายภาพ 4.1 การออกแบบฐานข

49

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

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

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

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

Page 14: บทที่ 4 ออกแบบระบบทางกายภาพ...บทท 4 ออกแบบระบบทางกายภาพ 4.1 การออกแบบฐานข

50

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

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

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

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

Page 15: บทที่ 4 ออกแบบระบบทางกายภาพ...บทท 4 ออกแบบระบบทางกายภาพ 4.1 การออกแบบฐานข

51

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

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

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

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

Page 16: บทที่ 4 ออกแบบระบบทางกายภาพ...บทท 4 ออกแบบระบบทางกายภาพ 4.1 การออกแบบฐานข

52

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

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

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

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

Page 17: บทที่ 4 ออกแบบระบบทางกายภาพ...บทท 4 ออกแบบระบบทางกายภาพ 4.1 การออกแบบฐานข

53

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

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

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

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

Page 18: บทที่ 4 ออกแบบระบบทางกายภาพ...บทท 4 ออกแบบระบบทางกายภาพ 4.1 การออกแบบฐานข

54

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

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

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

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

Page 19: บทที่ 4 ออกแบบระบบทางกายภาพ...บทท 4 ออกแบบระบบทางกายภาพ 4.1 การออกแบบฐานข

55

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

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

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

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

Page 20: บทที่ 4 ออกแบบระบบทางกายภาพ...บทท 4 ออกแบบระบบทางกายภาพ 4.1 การออกแบบฐานข

56

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

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

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

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

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

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

Page 21: บทที่ 4 ออกแบบระบบทางกายภาพ...บทท 4 ออกแบบระบบทางกายภาพ 4.1 การออกแบบฐานข

57

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

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

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

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

Page 22: บทที่ 4 ออกแบบระบบทางกายภาพ...บทท 4 ออกแบบระบบทางกายภาพ 4.1 การออกแบบฐานข

58

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

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

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

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

Page 23: บทที่ 4 ออกแบบระบบทางกายภาพ...บทท 4 ออกแบบระบบทางกายภาพ 4.1 การออกแบบฐานข

59

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

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

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

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

Page 24: บทที่ 4 ออกแบบระบบทางกายภาพ...บทท 4 ออกแบบระบบทางกายภาพ 4.1 การออกแบบฐานข

60

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

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

Page 25: บทที่ 4 ออกแบบระบบทางกายภาพ...บทท 4 ออกแบบระบบทางกายภาพ 4.1 การออกแบบฐานข

61

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

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

Page 26: บทที่ 4 ออกแบบระบบทางกายภาพ...บทท 4 ออกแบบระบบทางกายภาพ 4.1 การออกแบบฐานข

62

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

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

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