.1Biểu đồ tuần tự chức năng đăng nhập

Một phần của tài liệu Đề tài XÂY DỰNG WEBSITE BÁN XE ĐẠP | PTITHCM 2017 (Trang 64)

Hình 3.31 : Biểu đồ tuần tự chức năng đăng nhập3.7.2Biểu đồ tuần tự chức năng đăng ký. 3.7.2Biểu đồ tuần tự chức năng đăng ký.

Hình 3.32 : Biểu đồ tuần tự chức năng đăng ký3.7.3Biểu đồ tuần tự chức năng đổi mật khẩu. 3.7.3Biểu đồ tuần tự chức năng đổi mật khẩu.

Hình 3.34 : Biểu đồ tuần tự chức năng quên mật khẩu3.7.5Biểu đồ tuần tự chức năng tìm kiếm. 3.7.5Biểu đồ tuần tự chức năng tìm kiếm.

Hình 3.36 : Biểu đồ tuần tự chức năng đặt hàng3.7.7Biểu đồ tuần tự chức năng thanh tốn trực tuyến. 3.7.7Biểu đồ tuần tự chức năng thanh tốn trực tuyến.

Hình 3.37 : Biểu đồ tuần tự chức năng thanh toán trực tuyến3.7.8Biểu đồ tuần tự chức năng quản lý sản phẩm.3.7.8Biểu đồ tuần tự chức năng quản lý sản phẩm. 3.7.8Biểu đồ tuần tự chức năng quản lý sản phẩm.

Hình 3.39 : Biểu đồ tuần tự chức năng quản lý danh mục3.7.10 Biểu đồ tuần tự chức năng quản lý đơn hàng. 3.7.10 Biểu đồ tuần tự chức năng quản lý đơn hàng.

Hình 3.40 : Biểu đồ tuần tự chức năng quản lý đơn hàng 3.7.11 Biểu đồ tuần tự chức năng quản lý nhập hàng.

Hình 3.42 : Biểu đồ tuần tự chức năng quản lý nhập hàng của Nhân viên 3.7.12 Biểu đồ tuần tự chức năng quản lý đánh giá.

Hình 3.43 : Biểu đồ tuần tự chức năng quản lý đánh giá sản phẩm3.7.13 Biểu đồ tuần tự chức năng quản lý tài khoản khách hàng. 3.7.13 Biểu đồ tuần tự chức năng quản lý tài khoản khách hàng.

Hình 3.45 : Biểu đồ tuần tự chức năng quản lý tài khoản nhân viên3.7.15 Biểu đồ tuần tự chức năng thống kê. 3.7.15 Biểu đồ tuần tự chức năng thống kê.

Hình 3.46 : Biểu đồ tuần tự chức năng thống kê

3.8 Biểu đồ hoạt động.

Hình 3.48 : Biểu đồ hoạt động chức năng đăng ký3.8.3 Biểu đồ hoạt động chức năng quên mật khẩu. 3.8.3 Biểu đồ hoạt động chức năng quên mật khẩu.

Hình 3.50 : Biểu đồ hoạt động chức năng đổi mật khẩu3.8.5 Biểu đồ hoạt động chức năng đặt hàng. 3.8.5 Biểu đồ hoạt động chức năng đặt hàng.

 Quản trị viên (Admin) :

- Biểu đồ hoạt động chức năng thêm, sửa sản phẩm :

Hình 3.52 : Biểu đồ hoạt động chức năng thêm sửa sản phẩm của Admin

- Biểu đồ hoạt động chức năng xóa và in danh sách sản phẩm :

- Biểu đồ hoạt động chức năng thêm, sửa sản phẩm :

Hình 3.54 : Biểu đồ hoạt động chức năng thêm sửa sản phẩm của nhânviên viên

3.8.7 Biểu đồ hoạt động chức năng quản lý tài khoản.

 Quản trị viên (Admin) :

- Biểu đồ hoạt động chức năng thêm và sửa tài khoản nhân viên và khách hàng :

Hình 3.56 : Biểu đồ hoạt động chức năng thêm sửa tài khoản của Admin

 Nhân viên (Staff) :

- Biểu đồ hoạt động chức năng sửa tài khoản khách hàng :

Hình 3.58 : Biểu đồ hoạt động chức năng sửa tài khoản của nhân viên

3.8.8 Biểu đồ hoạt động chức năng quản lý danh mục

 Quản trị viên (Admin) :

- Biểu đồ hoạt động chức năng thêm và sửa danh mục sản phẩm :

Hình 3.60 : Biểu đồ hoạt động chức năng thêm sửa danh mục của Admin (adsbygoogle = window.adsbygoogle || []).push({});

 Nhân viên (Staff) :

- Biểu đồ hoạt động chức năng thêm và sửa danh mục sản phẩm :

Hình 3.62 : Biểu đồ hoạt động chức năng thêm sửa danh mục của nhânviên viên

Hình 3.63 : Biểu đồ hoạt động chức năng xóa danh mục của nhân viên3.8.9 Biểu đồ hoạt dộng chức năng quản lý đơn hàng. 3.8.9 Biểu đồ hoạt dộng chức năng quản lý đơn hàng.

 Quản trị viên (Admin) :

- Biểu đồ hoạt động chức năng thay đổi trạng thái đơn hàng :

Hình 3.64 : Biểu đồ hoạt động chức năng chỉnh sửa trạng thái đơn hàngcủa Admin của Admin

Hình 3.65 : Biểu đồ hoạt động chức năng chỉnh sửa trạng thái đơn hàngcủa nhân viên của nhân viên

3.8.10 Biểu đồ hoạt động chức năng quản lý nhập hàng.

 Quản trị viên (Admin) :

Admin

- Biểu đồ hoạt động chức năng xóa đơn nhập hàng :

Hình 3.67 : Biểu đồ hoạt động chức năng xóa đơn nhập hàng của Admin

 Nhân viên (Staff) :

Hình 3.68 : Biểu đồ hoạt động chức năng thêm mới đơn nhập hàng của nhân viên

3.8.11 Biểu đồ hoạt động chức năng thống kê.

 Quản trị viên (Admin) :

Hình 3.70 : Biểu đồ hoạt động chức năng thống kê của nhân viên

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

Xác định các thực thể :

- PRODUCTS(PRODUCTID, NAME, PRICE, QUANTITY,

DESCRIPTION, BRAND, PHOTO, CREATEDATE, UPDATEDATE, STATUS)

- PERSONS(PERSONID, EMAIL, PASSWORD, FULLNAME, DOB,

GENDER, ADDRESS, PHONENUMBER, ROLE, STATUS)

- ORDERBILL(ORDERBILLID, TIMEBOUGHT, ADDRESS,

STATUS,ISPAY)

- REVIEW (REVIEWID , RATE_TEXT, RATE_NUM,

DATEREVIEW)

- CATEGORIES(CATEGORIESID, NAME, DESCRIPTION) - ORDERIMPORT(ORDERIMPORTID, TIMEIMPORT, STATUS)

Xác định mối quan hệ giữa các thực thể: (adsbygoogle = window.adsbygoogle || []).push({});

- Giữa 2 thực thể PERSONS và PRODUCTS có mối quan hệ với nhau là 1-n. Một nhân viên thêm nhiều sản phẩm, một sản phẩm chỉ được thêm bởi một nhân viên.

nhau là 1-n. Một danh mục có nhiều sản phẩm, một sản phẩm chỉ thuộc một danh mục.

- Giữa 2 thực thể PERSONS và ODERBILL có mối quan hệ với nhau là 1-n. Một nhân viên có thể tạo nhiều đơn hàng, một đơn hàng chỉ được tạo bởi một nhân viên.

- Giữa 2 thực thể PRODUCTS và ODERBILL có mỗi quan hệ với nhau là n-n. Một sản phẩm có thể thuộc nhiều đơn đặt hàng và một đơn đặt hàng có thể có nhiều sản phẩm.

- Giữa 2 thực thể PERSONS và ORDERIMPORT có mối quan hệ với nhau là 1-n. Một nhân viên có thể tạo nhiều đơn nhập hàng, một đơn nhập hàng chỉ được tạo bởi một nhân viên.

- Giữa 2 thực thể PRODUCTS và ORDERIMPORT có mối quan hệ với nhau là n-n. Một sản phẩm có thể thuộc nhiều đơn nhập hàng và một đơn nhập hàng có thể có nhiều sản phẩm.

- Giữa 2 thực thể PERSONS và REVIEW có mối quan hệ với nhau là 1- n. Một khách hàng có thể đánh giá nhiều đánh giá và một đánh giá chỉ được đánh giá bởi một khách hàng.

- Giữa 2 thực thể PRODUCTS và REVIEW có mối quan hệ với nhau là 1-n. Một sản phẩm có thể có nhiều đánh giá và một đánh giá chỉ đánh giá được một sản phẩm.

Hình 3.71 : Mơ hình ERD

Mơ hình dữ liệu quan hệ:

- PRODUCTS(PRODUCTID, NAME, PRICE, QUANTITY,

DESCRIPTION, BRAND, PHOTO, CREATEDATE, UPDATEDATE, STATUS, UPDATEBY, PRODUCTTYPE)

- PERSONS(PERSONID, EMAIL, PASSWORD, FULLNAME, DOB,

GENDER, ADDRESS, PHONENUMBER, ROLE, STATUS) - ORDERBILL(ORDERBILLID, CUSTOMERID, APPROVEBY,

TIMEBOUGHT, ADDRESS, STATUS,ISPAY)

- ORDERDETAILS(ORDERIMPORTID, PRODUCTID, AMOUNT,

UNITPRICE)

- REVIEW (REVIEWID, RATE_NUM, RATE_TEXT, DATEREVIEW,

PRODUCTID, CUSTOMERID)

- CATEGORIES(CATEGORIESID, NAME, DESCRIPTION)

- ORDERIMPORT(ORDERIMPORTID, EMPLOYEEID,

TIMEIMPORT, STATUS)

- ORDERIMPORTDETAILS(ORDERIMPORTID, PRODUCTID,

AMOUNT, PRICE)  Các bảng dữ liệu :

Email Text Email người dùng

Password Text Mật khẩu người dùng

Fullname Text Tên người dùng

Dob Timestamp Ngày sinh

Gender Bool Giới tính

Address Text Địa chỉ (adsbygoogle = window.adsbygoogle || []).push({});

Phonenumber Text Số điện thoại

Role Text Chức vụ

Status Bool Trạng thái người dùng

Bảng 3.1: Bảng dữ liệu người dùng (PERSONS)

STT Tên Loại Kiểu Miền giá trị Ý nghĩa

Khóa chính Int Mã thể loại

Name Text Tên thể loại

Description Text Miêu tả

Status Bool Trạng thái

Bảng 3.2: Bảng dữ liệu danh mục (CATEGORIES)

STT Tên Loại Kiểu Miền giá trị Ý nghĩa

Khóa chính Text Mã sản phẩm

Name Text Tên sản phẩm

Price Float Giá sản phẩm

Quantity Int Số lượng còn

Description Text Miêu tả sản phẩm

Brand Bool Hãng của sản phẩm

Photo Bytea Hình sản phẩm

CreateDate Timestamp Ngày tạo sản phẩm

UpdateDate Timestamp Ngày sửa sản phẩm

UpdateBy Khóa ngoại Int Người cập nhật sản phẩm

Status Bool Trạng thái sản phẩm

productType Khóa ngoại Int Thể loại sản phẩm

Bảng 3.3: Bảng dữ liệu sản phẩm (PRODUCTS)

STT Tên Loại Kiểu Miền giá trị Ý nghĩa

reviewId Khóa chính Mã đánh giá

productId Khóa ngoại Text Mã sản phẩm customerId Khóa ngoại Int Mã người sử dụng

rateNum Int Số sao đánh giá

rateText Text Nội dung đánh giá

dateReview Timestamp Ngày đánh giá (adsbygoogle = window.adsbygoogle || []).push({});

Bảng 3.4: Bảng dữ liệu đánh giá sản phẩm (Review)

STT Tên Loại Kiểu Miền giá trị Ý nghĩa

Khóa chính Text Mã đơn hàng

customerId Khóa ngoại Int Mã người sử dụng Timebought Timestamp Ngày giờ đặt hàng

Address Text Địa chỉ giao hàng

Status Bool Trạng thái đơn hàng

OrderId Khóa chính Int Mã đơn hàng

ProductId Khóa chính Text Mã sản phẩm

Amount Int Số lượng mua

UnitPrice Numberic Đơn giá

Bảng 3.6: Bảng dữ liệu chi tiết đơn đặt hàng (OrderDetails)

STT Tên Loại Kiểu Miền giá

trị Ý nghĩa 1 Orderi m po rtI d

Khóa Int Mã đơn

nhậ p hàn g 2 Employ eeI d

Khóa Int Mã nhân

viên tạo 3 TimeIm po rt Times Thời gian lúc tạo 4 Status Bool Trạng thái đơn nhậ p

Bảng 3.7: Bảng dữ liệu đơn nhập hàng (Orderimport)

STT Tên Loại Kiểu Miền giá

trị Ý n g a 1 Orderi m p or tI d Khóa Int Mã đ ơ n n h ậ p h

n g 2 Produc tI d Khóa Text Mã sản p h ẩ m 3 Amoun t Int Số lư ợ n g

4 Price Numeri Đơn

gi á

4.1 Trang đăng nhập.

 Mục đích : Chức năng này cho phép người dùng đăng nhập vào website bằng tên đăng nhập và mật khẩu khi muốn đặt mua hàng qua website của cửa hàng. Sau khi đăng nhập thành cơng thì họ mới có thể mua sản phẩm.

- Đầu vào : Tên đăng nhập, mật khẩu

- Quá trình : Nhập tên đăng nhập và mật khẩu. Kiểm tra xem tên đăng nhập và mật khẩu có hợp lệ khơng

- Đầu ra : Nếu tên đăng nhập và mật khẩu đúng thì người sử dụng đăng nhập được vào hệ thống. Nếu sai hệ thống sẽ yêu cầu nhập lại.

 Giao diện :

Hình 4.1 : Hình ảnh giao diện trang đăng nhập (adsbygoogle = window.adsbygoogle || []).push({});

4.2 Trang đăng kí.

 Mục đích : Chức năng này cho phép khách hàng tạo tài khoản thành viên của cửa hàng để có thể mua hàng online tại website của cửa hàng. Tại đây khách hàng nhập đầy đủ thông tin: tên đăng nhập, họ tên, số điện thoại, email,... và tiến hành đăng kí.

Hình 4.2 : Hình ảnh giao diện trang đăng kí

4.3 Trang qn mật khẩu

 Mục đích : Trang này giúp khách hàng có thể lấy lại mật khẩu khi quên mật khẩu. Khách hàng nhập email lúc tạo tài khoản vào bấm lấy vào mật khẩu sau đó hệ thống sẽ gửi mã xác nhận OTP về gmail, khách hàng dùng mã đó để đặt lại mật khẩu mới.

Hình 4.3 : Hình ảnh giao diện trang quên mật khẩu

4.4 Trang đổi mật khẩu.

 Mục đích : Khách hàng có thể thay đổi mật khẩu  Giao diện :

 Mục đích : Khách hàng có thể cập nhật thơng tin tài khoản của mình : tên, số điện thoại, email.

 Giao diện :

Hình 4.5 : Hình ảnh giao diện trang đổi mật khẩu

4.6 Trang sản phẩm.

 Mục đích : Trang này dùng để hiển thị các sản phẩm theo loại với đầy đủ các thông tin và các thông số kỹ thuật của loại sản phẩm để người truy cập có thể thấy được sản phẩm trên trang web.

Hình 4.6 : Hình ảnh giao diện trang sản phẩm

4.7 Trang chi tiết sản phẩm

 Mục đích : Trang này dùng để hiển thị thông tin chi tiết của một sản phẩm như tên, loại , giá , số lượng hiện có, chi tiết sản phẩm và đánh giá sản phẩm.  Giao diện :

 Mục đích : Đây là giao diện người dùng chính của trang web. Tại đây người dùng có thể xem thơng tin về các sản phẩm của website thơng qua các hình ảnh và thơng tin khác về sản phẩm.

 Giao diện :

 Mục đích : Chức năng này cho phép khách hàng thực hiện đánh giá sản phẩm theo hình thức đánh giá sao, viết nhận xét cho sản phẩm.

 Giao diện :

Hình 4.9 : Hình ảnh giao diện trang đánh giá sản phẩm

4.10 Trang giỏ hàng.

 Mục đích : Tại trang này chứa đựng những sản phẩm mà khách hàng đã chọn cho vào giỏ hàng. Nếu người dùng muốn mua tiếp một sản phẩm khác thì chỉ việc thêm sản phẩm đó vào giỏ hàng. Tại giỏ hàng này chứa đựng thông tin tên sản phẩm, số lượng, giá bán của sản phẩm và cuối cùng là tổng số tiền của các mặt hàng đã chọn.

 Mục đích : Tại trang này khách hàng nhập đầy đủ các thơng tin : tên người nhận, địa chỉ,... rồi chọn hình thức thanh tốn, có thể chọn thanh tốn khi nhận hàng hoặc thanh tốn trực tuyến qua ví paypal và cuối cùng chọn đặt hàng. Nếu muốn mua một sản phẩm thì ở trang chi tiết sản phẩm, khách hàng chọn “buy now”, cịn nếu muốn mua nhiều sản phẩm thì thêm vào giỏ hàng rồi chọn đặt hàng.

 Giao diện :

- Đặt hàng:

Hình 4.11 : Hình ảnh giao diện trang đặt hàng

Hình 4.12 : Hình ảnh giao diện trang chọn hình thức thanh tốn

 Mục đích : Tại trang này, khách hàng có thể theo dõi trạng thái đơn đặt hàng và xem lịch sử mua hàng.

 Mục đích : Tại đây Nhân viên có thể quản lý đơn hàng, quản lý tài khoản khách hàng, quản lý sản phẩm, quản lý đánh giá sản phẩm, thống kê,… (adsbygoogle = window.adsbygoogle || []).push({});

 Giao diện :

Hình 4.16 : Hình ảnh giao diện Nhân viên

4.14 Trang Admin

 Mục đích : Tại đây Admin có thể quản lý đơn hàng, quản lý tài khoản người dùng, quản lý danh mục, quản lý sản phẩm, quản lý đánh giá sản phẩm, sao lưu và phục hồi dữ liệu, thống kê,…

 Giao diện :

Hình 4.17 : Hình ảnh giao diện trang Admin

4.15 Trang quản lý tài khoản khách hàng.

 Mục đích : Trang này dùng cho người quản trị hệ thống, nhân viên quản lý tài khoản của khách hàng. Người quản trị có thể tìm kiếm thơng tin khách hàng bằng tên, có thể xóa sửa thơng tin khách hàng :

Hình 4.18 : Hình ảnh giao diện trang quản lý tài khoảnkhách hàng khách hàng

4.16 Trang quản lý tài khoản nhân viên

 Mục đích : Trang này dùng cho người quản trị hệ thống quản lý tài khoản và thông tin nhân viên. Người quản trị có thể tìm kiếm thơng tin nhân viên bằng tên, có thể xóa sửa thơng tin nhân viên. Người quản trị tạo tài khoản cho nhân viên.

 Giao diện :

Hình 4.19 : Hình ảnh giao diện trang quản lý tài khoản nhân viên

4.17 Trang quản lý sản phẩm.

 Mục đích : Trang này dùng cho người quản trị hệ thống, nhân viên quản lý sản

Một phần của tài liệu Đề tài XÂY DỰNG WEBSITE BÁN XE ĐẠP | PTITHCM 2017 (Trang 64)