phân tích thiết kế hệ thống thông tin phân tích thiết kế hệ thống bán xe hơi trực tuyến

- Car_ID: mã số của mỗi xe, đây là thuộc tính khóa dùng để phân biệt các xe với nhau.. - Category_ID: mã số của thể loại xe, đây là thuộc tính khóa dùng để phân biệt các thể loại xe với

Trang 1

ĐỒ ÁN: PHÂN TÍCH THIẾT KẾ HỆ THỐNG THÔNG TIN

Trang 2

Nhận xét đánh giá của giảng viên hướng dẫn

Trang 3

Mục lục

Lời nói đầu 03

Lời cảm ơn 04

I Khảo sát hệ thống và phân tích hiện trạng hệ thống 05

1.1 Khảo sát hệ thống 05

1.2 Giới thiệu sơ lược Công ty N.S.JAPAN AUTO Ltd 06

1.3 Phân tích hiện trạng hệ thống 07

1.4 Phạm vi thực hiện 07

II Phân tích hệ thống 07

2.1 Yêu cầu chức năng 07

2.2 Phát hiện thực thể 08

2.3 Mô hình ERD 13

2.4 Chuyển từ mô hình ERD sang mô hình quan hệ 14

2.5 Mô tả chi tiết các quan hệ 14

2.6 Mô tả bảng tổng kết 20

III Thiết kế giao diện 23

IV Giải thuật ô xử lý 48

V Tổng kết 60

Trang 4

Lời nói đầu

Hiện nay, công nghệ thông tin đã và đang phát triển mạnh mẽ Nó không những đáp ứng được nhu cầu của những công việc chuyên môn mà nó còn góp phần không nhỏ khi tác động đến mọi mặt của đời sống xã hội Trong đó, kinh tế

là lĩnh vực được nhận sự hỗ trợ đắc lực từ những phát triển của công nghệ thông tin Ngoài những chức năng cơ bản, việc ra đời của World Wide Web (WWW) vào năm 1991 dựa theo một ý tưởng về siêu văn bản được Ted Nelson đưa ra từ năm 1985 Có thể nói đây là một cuộc cách mạng trên Internet vì người ta có thể truy cập, trao đổi thông tin một cách dễ dàng (theo wikipedia.org) Trên cơ sở đó, việc ra đời một trang web để quảng cáo cho một công ty, hay thương mại điện tử

là một trong những ứng dụng cụ thể và hiệu quả đã đem đến nhiều lợi ích cho người muốn quảng bá hình ảnh, sản phẩm, cũng như cho người muốn tìm hiểu thông tin hay muốn mua về sản phẩm

“Ngay cả khi bạn không định bán hàng trực tuyến thì một trang web được thiết kế tốt vẫn hết sức quan trọng” Đó là câu nói của Tim W Knox- người sáng lập công ty công nghệ B2Secire Inc và Digital Graphiti Inc

Trang web là một phần quan trọng của doanh nghiệp Hãy đảm bảo rằng bạn quan tâm đến nó đúng mức!

Chính vì điều đó mà nhóm chúng em hiểu và biết được tầm quan trọng mà công việc nhóm đang làm Và đồ án “Phân tích thiết kế hệ thống bán xe trực tuyến” chính là thành phẩm lấy ra từ kinh nghiệm thực tiễn qua việc được cộng tác với công ty N.S.Japan Auto Ltd để hình thành website:

japaneseusedcarsexporter.com

Nhóm thực hiện

Trang 5

Lời cảm ơn

Chúng em chân thành cảm ơn sự chỉ bảo tận tình của thầy Nguyễn Gia Tuấn Anh – Giảng viên môn Phân tích thiết kế hệ thống thông tin Thầy đã truyền đạt những kiến thức thiết thực và bổ ích trong thời gian qua, giúp chúng em

có những định hình về việc phân tích thiết kế hệ thống thông tin trong thực tế và khai sáng, giúp đỡ cho chúng em cho tháo gỡ những khúc mắc, khó khăn gặp phải khi thực hiện đề tài

Chúng em cũng xin gửi lời cảm ơn ban lãnh đạo của công ty N.S.Japan Auto Ltd đã tin tưởng và giao trách nhiệm thiết kế website bán xe hơi trực tuyến:

japaneseusedcarsexporter.com cho một thành viên của nhóm (hiện tại trang

web đang ở giai đoạn kiểm tra cuối cùng, chuẩn bị được đưa vào hoạt động chính thức trong tương lai không xa) Trong quá trình thực hiện, công ty đã cung cấp tư liệu, hỗ trợ những kiến thức chuyên môn và thực tế, thảo luận góp phần hoàn chỉnh website phù hợp với yêu cầu của ban lãnh đạo công ty

Đồng thời, chúng em cũng xin cảm ơn gia đình đã tạo mọi điều kiện thuận lợi Cảm ơn, các bạn trong khoa Toán – Tin học đã đóng góp ý kiến, giúp đỡ những kiến thức còn hạn chế để chúng tôi thực hiện tốt đồ án này

Dù cố gắng hết sức, nhưng chắc chắn với trình độ chuyên môn còn hạn chế nên trong đồ án “Phân tích thiết kế hệ thống bán xe trực tuyến” chúng em không tránh khỏi những sai lầm, thiếu sót, mong thầy thông cảm và góp ý thêm cho nhóm chúng em hoàn thiện hơn trong những đồ án sau

Xin chân thành cảm ơn tất cả

Nhóm thực hiện

Trang 6

I Khảo sát hệ thống và phân tích hiện trạng hệ thống:

1.1 Khảo sát hệ thống:

Hiện nay thương mại điện tử ngày càng phát triển mạnh và có những lợi thế nhất định là nhanh chóng, tiện lợi và vượt qua được những khoảng cách về không gian và thời gian Các công ty lớn hay nhỏ, trong hay ngoài nước đều sử dụng nó như là một thị trường tiềm năng nhằm đem lại hiệu quả trong việc quảng

bá, giới thiệu sản phẩm của mình hay mục đích quan trọng hơn là để bán sản phẩm Sản phẩm mua bán thông thường là các thiết bị tin học như điện thoại, máy vi tính, xe, vé máy bay hoặc các sản dân dụng

Do những yêu cầu thực tế đó, công ty N.S.Japan Ltd – một công ty bán xe hơi ở Nhật Bản đã tin tưởng giao cho thành viên trong nhóm thực hiện website

bán xe hơi trực tuyến japaneseusedcarsexporter.com và đây cũng chính là đề

tài mà nhóm thực hiện trong môn học này

Sau khi được sự cho phép từ công ty N.S.Japan Ltd, nhóm chúng em đã tiến hành khảo sát hệ thống hoạt động của công ty, phương thức thanh toán, cơ cấu tổ chức, hệ thống kho cảng/quốc gia cũng như những yêu cầu cần thiết của một trang bán xe hơi trực tuyến

Hệ thống gồm có những yêu cầu sau:

a Về phía khách hàng, người xem:

- Giới thiệu mặt hàng

- Tra cứu xe một cánh nhanh chóng theo nhiều tiêu chí

- Có được những thông tin đầy đủ nhất về các loại xe

- Đặt hàng và được xác nhận nhanh chóng

- Giải đáp các thắc mắc thường gặp của khách hàng

- Các điều kiện và điều khoản chung của việc mua hàng

- Hướng dẫn hình thức thanh toán qua các ngân hàng theo yêu cầu của công ty

b Về phía công ty, người quản lý: Với yêu cầu như trên website cần phải

có những bộ phận quản lý chính như sau:

Trang 7

- Cập nhật danh sách xe thường xuyên, nhanh chóng và chính xác với đầy đủ các thông số của sản phẩm

- Quản lý các hạng mục xe ứng với từng hãng xe, loại xe…

- Dễ dàng quán lý các mẫu xe mà công ty có ở nhiều nước để đáp ứng tốt việc vận chuyển cho khách hàng

- Lưu trữ tốt các thông tin về khách hàng

- Nắm rõ các thông tin về các cảng để phục vụ tốt nhất cho việc chuyển hàng bao gồm quản lý các địa chỉ xuất hàng tại bến cảng (gồm tên quốc gia và tên cảng), ngoài ra còn quản lý chi phí phải trả khi chuyển hàng từ cảng đó cũng như những chi phí phát sinh khác khi chuyển hàng (thuế, bảo hiểm )

- Quản lý tốt các hóa đơn đặt hàng

1.2 Giới thiệu sơ lƣợc Công ty N.S.JAPAN AUTO Ltd:

Công ty N.S.JAPAN AUTO Ltd là một trong những công ty có uy tín

nhất tại đảo Kyusyu (Nhật Bản) về buôn bán xe ôtô đã qua sử dụng Bất cứ khi nào bạn muốn tham khảo về giá cả, tính năng cũng như chất lượng về chiếc ôtô mình muốn sở hữu thì Nhật Bản là nơi đầu tiên mà mọi người tin cậy nghĩ đến

khi nhắc đến mât hàng này trên thị trường Trong đó công ty N.S.JAPAN AUTO Ltd là một công ty luôn cung cấp cho khách hàng mức giá cạnh tranh nhất Nhật

Bản

Công ty N.S.JAPAN AUTO Ltd là một công ty bán hàng đa quốc gia Đã

đáp ứng cho các khách hàng khắp thế giới về mặt hàng ôtô đã qua sử dụng với chất lượng cao mà giá lại thấp nhất Dù không ở Nhật Bản, bạn vẫn có thể mua hàng thông qua hệ thống bán hàng trực tuyến Các mặt hàng của công ty đã được xuất khẩu qua các quốc gia như Kenya, Uganda, Peru, Chile, Dominica, Mê-hi-

cô, Zambia, Zimbabwe, Tanzania, Nam Phi, Pakistan, Ả rập Xê-út, v.v được người dùng đón nhận và đánh giá cao

Trang 8

Với tư cách là một nhà cung cấp có nhiều kinh nghiệm trong lĩnh vực xe ôtô đã qua sử dụng chất lượng cao mà giá thấp nhất tại Nhật Bản công ty luôn quan tâm đến thương mại điện tử nên dữ liệu hiển thị trên website luôn đảm bảo tính chính xác và được cập nhật liên tục

1.3 Phân tích hiện trạng hệ thống:

a Tìm kiếm:

Đáp ứng được nhu cầu tìm kiếm xe theo hãng sản xuất, quốc gia, dóng

xe, năm sản xuất, và các chi tiết kĩ thuật khác Đồng thời cung cấp thông tin chi tiết của từng loại xe

Phạm vi thực hiện đồ án còn dựa trên những kiến thức thu thập được từ môn học Phân tích thiết kế hệ thống thông tin do Thạc sĩ Nguyễn Gia Tuấn Anh giảng dạy, bên cạnh đó trong quá trình thực hiện nhóm còn tham khảo thêm một

số tài liệu liên quan đến chuyên môn nhằm bổ sung thêm kiến thức để hoàn thiện website và đồ án, đáp ứng được mục tiêu đề ra

Từ những phân tích trên, phạm vi thực hiện đồ án gồm có:

- Khảo sát

- Phân tích

- Thiết kế cơ sở dữ liệu

Trang 9

- Thiết kế giao diện

II Phân tích hệ thống:

2.1 Yêu cầu chức năng:

a Tìm kiếm:

- Tìm kiếm nhanh theo tên xe, hãng sản xuất, quốc gia

- Tìm kiếm chi tiết theo dạng lọc thông tin (trong danh sách kết quả theo các tiêu chí khác nhau) theo quốc gia, thể loại xe, hãng sản xuất, dòng xe từ các thực thể tương ứng

- Kết quả tìm kiếm được hiển thị trên website dưới dạng trực quan sinh động (thông tin và hình ảnh) và có thể sắp xếp (sort) theo các tiêu chí mà khách hàng mong muốn giúp cho việc tra cứu được nhanh chóng

b Thống kê:

- Thống kê các loại xe hiện có theo quốc gia, thể loại xe, hãng sản xuất, dòng xe từ các thực thể tương ứng giúp cho việc quản lý được nhanh chóng và tiện lợi

- Cập nhật và quản lý thông tin khách hàng

- Xuất nhập hóa đơn đặt hàng

- Nhận thông tin phản hồi và góp ý từ khách hàng để có chế độ phục

vụ tốt hơn

Trang 10

2.2 Phát hiện thực thể:

2.2.1 Thực thể 1: CAR

Mỗi xe trong cửa hàng, các thông tin mô tả về mỗi xe tạo nên thực thể CAR

Các thuộc tính: Car_ID, Model, ChasNo, Year, Tm, Dr, Eng, Km,

Colour, Extra, Price, Volume, Make_ID, Country_ID, Port_ID, Category_ID

- Car_ID: mã số của mỗi xe, đây là thuộc tính khóa dùng để phân biệt

các xe với nhau

- Model: dòng xe (Camry 2.4G, Mercedes S550, Honda Civic,…)

- ChasNo (Chassis Number): số khung

- Year: năm sản xuất

- Tm (Transmission): hộp số (số tự động -AT hay số tay - MN)

- Dr (Door): số cửa

- Eng (Engine): động cơ

- Km: số km đã chạy (Vì đây là công ty chuyên bán xe đã qua sử dụng)

- Colour: màu xe

- Extra: thông tin thêm về xe

- Price: giá xe

- Volume: thể tích xe (m3)

- Make_ID: mã số nhà sản xuất

- Country_ID: mã số nước đang chứa xe

- Port_ID: mã số cảng dùng để xuất xe

- Category_ID: mã số của thể loại xe (Sport, SUV, Sedan,…)

Trang 11

- Category_ID: mã số của thể loại xe, đây là thuộc tính khóa dùng để

phân biệt các thể loại xe với nhau

- CategoryName: tên thể loại xe (Sport, SUV, Sedan,…)

2.2.3 Thực thể 3: COUNTRY

Nước đang chứa xe hoặc nước nhập xe, thông tin nước tạo nên thực thể COUNTRY

Các thuộc tính: Country_ID, CountryName

- Country_ID: mã số nước đang giữ xe, đây là thuộc tính khóa dùng để

phân biệt các nước với nhau

- CountryName: tên nước đang giữ xe

2.2.4 Thực thể 4: MAKE

Nhà sản xuất, thông tin nhà sản xuất tạo nên thực thể MAKE

Các thuộc tính: Make_ID, MakeName

- Make_ID: mã số nhà sản xuất, đây là thuộc tính khóa dùng để phân

biệt các nhà sản xuất với nhau

- MakeName: tên nhà sản xuất

- Attachmen_ID: mã số của hình minh họa, đây là thuộc tính khóa

dùng để phân biệt các hình minh họa với nhau

- Filename: tên của file ảnh dùng để minh họa

- Car_ID: mã số của xe được minh họa

2.2.6 Thực thể 6: PORT

Cảng để xuất nhập xe, thông tin về cảng tạo nên thực thể PORT

Các thuộc tính: Port_ID, PortName, Country_ID

Trang 12

- Port_ID: mã số cảng, đây là thuộc tính khóa dùng để phân biệt các

Các thuộc tính: From_Port_ID, To_Port_ID, Rate, Fee

- From_Port_ID: mã số cảng xuất, đây là thuộc tính khóa

- To_Port_ID: mã số cảng đến, đây là thuộc tính khóa

- Rate: phí xuất nhập (tính trên m3 (volume) của xe)

- Fee: các loại phí khác (phí bảo hiểm, phí lưu kho,…)

2.2.8 Thực thể 8: USER

Tài khoản người dùng (khách hàng, người quản trị,…) trên website, thông tin tài khoản người dùng tạo nên thực thể USER

Các thuộc tính: User_ID, Username, Password, Name, Email, Address,

Phone, Country_ID, Role

- User_ID: mã số người dùng (khách hàng,…), đây là thuộc tính khóa

dùng để phân biệt các người dùng (khách hàng,…) với nhau

- Username: tên đăng nhập (nickname) của người dùng (khách hàng,…)

- Password: mật khẩu

- Name: tên người dùng (khách hàng,…)

- Email: địa chỉ email của người dùng (khách hàng,…)

- Address: địa chỉ của người dùng (khách hàng,…)

- Phone: điện thoại của người dùng (khách hàng,…)

- Country_ID: mã số nước người dùng (khách hàng,…) đang ở

- Role: quyền hạn của tài khoản (user: người dùng bình thường, admin: người quản trị)

2.2.9 Thực thể 9: FORM

Trang 13

Hóa đơn đặt hàng, thông tin hóa đơn đặt hàng tạo nên thực thể FORM

Các thuộc tính: Form_ID, Car_ID, User_ID, ShippingAdress,

ShippingPhone, ShippingName, ShippingCountry_ID, ShippingPort_ID, TotalPrice, Paid, Created

- Form_ID: mã số hóa đơn đặt hàng, đây là thuộc tính khóa dùng để

phân biệt các hóa đơn đặt hàng với nhau

- Car_ID: mã số xe được đặt mua

- User_ID: mã số tài khoản của khách hàng đặt hàng (Nếu khách hàng không có tài khoản thì để giá trị là 0)

- ShippingAdress: địa chỉ sẽ chuyển hàng đến

- ShippingPhone: điện thoại nơi chuyển hàng đến

- ShippingName: tên người nhận hàng

- Country_ID: mã số nước sẽ chuyển hàng đến

- Port_ID: mã số cảng sẽ nhập hàng (cảng đến)

- TotalPrice: giá tổng cộng phải thanh toán (đã bao gồm thuế, phí vận chuyển,…)

- Paid: đã thanh toán chưa (0: chưa thanh toán, 1: đã thanh toán)

- Created: ngày tạo hóa đơn đặt hàng

Trang 14

2.3 Mô hình ERD:

CAR

PK Car_ID

Model ChasNo Year Tm Dr Eng Km Colour Extra Price Volume

THUỘC THUỘC

CÓ

CÓ THUỘC

THUỘC

CÓ

Rate Fee

(1,n) (1,1)

(1,1) (1,n)

Trang 15

2.4 Chuyển từ mô hình ERD sang mô hình quan hệ:

CAR(Car_ID, Model, ChasNo, Year, Tm, Dr, Eng, Km, Colour, Extra, Price,

Volume, Make_ID, Country_ID, Port_ID, Category_ID)

CATEGORY(Category_ID, CategoryName) COUNTRY(Country_ID, CountryName) MAKE(Make_ID, MakeName)

ATTACHMENT(Attachment_ID, Filename, Car_ID) PORT(Port_ID, PortName, Country_ID)

PORT_PORT(Ori _ID, Des_ID, Rate, Fee) USER(User_ID, Username, Password, Name, Email, Address, Phone,

Country_ID, Role)

FORM(Form_ID, Car_ID, User_ID, ShippingAdress, ShippingPhone, ShippingName, ShippingCountry_ID, ShippingPort_ID, TotalPrice, Paid, Created)

2.5 Mô tả chi tiết các quan hệ:

2.5.1 Quan hệ CAR (Xe) Tên quan hệ: CAR

Các thông tin mô tả về mỗi xe trong cửa hàng

DL

Loại

DL

Miền giá trị Số byte Ràng buộc

01 Car_ID Mã số của mỗi xe

03 ChasNo Số khung (Chassis Number) C B 8 kí tự 8 bytes

05 Tm Hộp số (Transmission) - số tự

động (AT) hay số tay (MN) C B 2 kí tự 2 bytes

10 Extra Thông tin thêm về xe C B 50 kí tự 50 bytes

Trang 16

12 Volume Thể tích xe (m3

16 Category_ID Mã số của thể loại xe (Sport,

Tổng bytes 144 Khối lượng:

Số dòng tối thiểu: 1

Số dòng tối đa: 5000 Kích thước tối thiểu: 1 x 144 = 144 bytes Kích thước tối đa: 5000 x 144 = 720000 bytes = 703.13 KB

2.5.2 Quan hệ CATEGORY (Thể loại xe) Tên quan hệ: CATEGORY

Các thông tin mô tả về thể loại xe

STT Tên thuộc tính Diễn giải Kiểu DL Loại DL Miền giá trị Số byte Ràng buộc

01 Category_ID Mã số của thể loại xe

2.5.3 Quan hệ COUNTRY (Nước) Tên quan hệ: COUNTRY

Các thông tin mô tả về nước đang chứa xe hoặc nước nhập xe

Trang 17

auto_increment

02 CountryName Tên nước đang giữ xe C B 10 kí tự 10 bytes

2.5.4 Quan hệ MAKE (Hãng sản xuất) Tên quan hệ: MAKE

Các thông tin mô tả về nhà sản xuất

DL

Loại

DL

Miền giá trị Số byte Ràng buộc

01 Make_ID Mã số của nhà sản xuất

2.5.5 Quan hệ ATTACHMENT (Hình mình họa xe) Tên quan hệ: ATTACHMENT

Các thông tin mô tả về hình minh họa của xe

01 Attachment_ID Mã số của hình minh họa

Trang 18

Tổng 24

bytes Khối lượng:

2.5.6 Quan hệ PORT (Cảng xuất nhập) Tên quan hệ: PORT

Các thông tin mô tả về cảng để xuất nhập xe

01 Port_ID Mã số cảng

auto_increment

2.5.7 Quan hệ PORT_PORT (Chi phí xuất nhập giữa các cảng với nhau)

Tên quan hệ: PORT_PORT

Các thông tin mô tả về chi phí xuất nhập của các cảng

FK

03 Rate Phí xuất nhập (tính trên m3

Trang 19

04 Fee Các loại phí khác (phí bảo

2.5.8 Quan hệ USER (Khách hàng) Tên quan hệ: USER

Các thông tin mô tả về tài khoản người dùng (khách hàng, người quản trị,…) trên website

01 User_ID Mã số người dùng

auto_increment

02 Username Tên đăng nhập (nickname) C B 10 kí tự 10 bytes

05 Email Địa chỉ email của người dùng C K 30 kí tự 30 bytes

06 Address Địa chỉ của người dùng C B 50 kí tự 50 bytes

07 Phone Điện thoại của người dùng C B 10 kí tự 10 bytes

09 Port_ID Mã số cảng người muốn nhập xe SN B 1 bytes FK

Tổng bytes 157

Khối lượng:

Trang 20

2.5.9 Quan hệ FORM (Hóa đơn đặt hàng) Tên quan hệ: FORM

Các thông tin mô tả hóa đơn đặt hàng

01 Form_ID Mã số hóa đơn đặt hàng

auto_increment

04 ShippingAdress Địa chì sẽ chuyển hàng đến C B 50 kí tự 50 bytes

05 ShippingPhone Điện thoại nơi chuyển hàng

06 ShippingName Tên người nhận hàng C B 30 kí tự 30 bytes

07 Country_ID Mã số nước sẽ chuyển hàng

08 Port_ID Mã số cảng sẽ nhập hàng

09 TotalPrice Giá tổng cộng phải thanh

toán (đã bao gồm thuế, phí vận chuyển,…)

10 Paid Đã thanh toán chưa (0:

chưa thanh toán, 1: đã thanh toán)

Trang 21

ATTACHMENT, FORM

02 Model Dòng xe (Camry 2.4G,

Mercedes S550, Honda Civic,…)

Trang 22

12 Volume Thể tích xe (m3

14 Country_ID Mã số nước đang chứa xe

hoặc nhập xe CAR, PORT, COUNTRY,

USER, FORM

15 Port_ID Mã số cảng dùng để xuất

xe hoặc nhập xe

PORT, PORT_PORT, USER, CAR, FORM

16 Category_ID Mã số của thể loại xe

(Sport, SUV, Sedan,…) CATEGORY, CAR

17 CategoryName Thể loại xe (Sport, SUV,

18 CountryName Tên nước đang giữ xe COUNTRY

20 Attachment_ID Mã số của hình minh họa ATTACHMENT

21 Filename Tên của file ảnh dùng để

23 Rate Phí xuất nhập (tính trên m3

(volume) của xe) PORT_PORT

24 Fee Các loại phí khác (phí bảo

hiểm, phí lưu kho,…) PORT_PORT

26 Username Tên đăng nhập (nickname) USER

29 Email Địa chỉ email của người

dùng

USER

32 Role Quyền hạn của tài khoản

(user: người dùng bình thường, admin: người quản trị)

USER

34 ShippingAdress Địa chì sẽ chuyển hàng

35 ShippingPhone Điện thoại nơi chuyển

37 TotalPrice Giá tổng cộng phải thanh

toán (đã bao gồm thuế, phí vận chuyển,…)

FORM

Trang 23

38 Paid Đã thanh toán chưa (0:

chưa thanh toán, 1: đã thanh toán)

FORM

39 Created Ngày tạo hóa đơn đặt hàng FORM

Trang 24

III Thiết kế giao diện:

3.1 Trang chủ:

Chức năng: Ấn tượng đầu tiên với user vừa vào thăm trang web, bao gồm

navigation menu,phần login/register và phần tìm kiếm xe

Trang 25

Mô tả giao diện: Những thành phần của trang chủ sẽ được mô tả chi tiết ở các

mục tiếp theo

3.2 Chi tiết phần Navigation menu:

Chức năng: Chuyển tới các trang tương ứng

Mô tả giao diện:

Tên đối tƣợng Kiểu đối tƣợng Dữ liệu Mục đích

trang khác

3.3 Chi tiết Searchbox tại trang chủ:

Chức năng: Thực hiện việc tìm kiếm theo model xe Ví dụ: Tìm xe có model là

Innova

Search box Textbox Nhập từ bàn phím Tìm xe theo

Trang 26

Chức năng: Khi click vào hình của quốc gia nào đó sẽ hiện ra trang danh sách

những xe thuộc nước đó Tương tự khi click vào hình các hãng xe sẽ hiện ra trang danh sách những xe thuộc hãng đó

tìm kiếm xe theo quốc gia

tìm kiếm xe theo hãng

3.5 Chi tiết Login form và thông báo đã login:

Chức năng: Cho phép người dùng đăng nhập, hoặc chuyển tới trang đăng ký

thành viên

Username Textbox Nhập từ bàn phím Tên đăng nhập

Password Textbox Nhập từ bàn phím Mật khẩu

đăng kí

Trang 27

3.6 Trang đăng kí:

Chức năng: Trang đăng kí thành viên

Tên đối tƣợng Kiểu đối

tƣợng

User name Textbox Nhập từ bàn phím Tên đăng kí

Real Name Textbox Nhập từ bàn phím Tên thật

Phone Textbox Nhập từ bàn phím Số điện thoại

Country Combo Box Chọn trong danh sách Quốc gia

Port Combo Box Chọn trong danh sách Cảng

Trang 28

3.6.1 Chi tiết Country & Port Combobox:

Chức năng: Khi chọn quốc gia trong combobox phía trên thì danh sách

cảng sẽ được cập nhật theo quốc gia tương ứng ở combobox phía dưới

Trang 29

3.7 Danh sách xe trong kho:

Trang 30

3.8 Chi tiết phần lọc danh sách xe theo từng mục:

Chức năng: Sau khi chọn 1 nước trong combobox filter Country thì hiện ra filter

theo Category, tiếp đó là Make và cuối cùng là Model Với mỗi filter tương ứng thì danh sách xe bên dưới thay đổi theo giá trị được chọn

Stock Country Combo Box Người dùng chọn

từ table Country

Lọc danh sách xe theo nước

Category Combo Box Người dùng chọn

từ table Category Tiếp tục lọc danh sách xe theo thể loại

từ table Make

Tiếp tục lọc danh sách xe theo hãng

từ table Car

Tiếp tục lọc danh sách xe theo model Car list HTML Table Dữ liệu từ table

Car

Danh sách xe lọc theo filter phía trên

Các cột còn lại của danh sách (chassis no., Tr, Eng ) đã được mô tả tại phần mô

tả cơ sở dữ liệu table Car

3.9 Chi tiết xe:

Trang 31

Giao diện đối với khách hoặc user không có quyền quản trị:

Định dạng
Số trang	62
Dung lượng	2,35 MB