Tên UseCase Quản lý sản phẩm. Tác nhân chính Admin.
Mô tả Use case Cho phép người quản trị thực hiện xem, thêm, sửa, xóa, tìm kiếm sản phẩm.
Điều kiện để bắt đầu Use case
Người quản trị đăng nhập vào trang quản trị hệ thống thành cơng.
Kết thúc Use case
• CSDL được cập nhật.
• Kết quả được hiển thị trên màn hình Trình tự các sự
kiện
1. Đăng nhập hệ thống quản trị
2. Trên menu giao diện trang quản trị, chọn mục quản lý sản phẩm
3. Thực hiện các chức năng: Thêm, sửa, xóa, tìm kiếm. 5. Hệ thống thực hiện các chức năng và trả về kết quả cho
4. Bấm lưu kết quả.
5. Hệ thống thực hiện các chức năng và trả về kết quả cho người dùng.
Bảng 2.2 Đặc tả use case quản lý sản phẩm.
• Biểu đồ Use case quản lý đơn hàng
Hình 2.5 Use case mơ tả chức năng quản lý đơn hàng.
Tên UseCase Quản lý đơn hàng. Tác nhân chính Admin.
Mơ tả Use case Cho phép người quản trị thực hiện xem,sửa, xóa, tìm kiếm đơn hàng.
Điều kiện để bắt đầu Use case
Người quản trị đăng nhập vào trang quản trị hệ thống thành cơng.
Kết thúc Use case
• CSDL được cập nhật.
• Kết quả được hiển thị trên màn hình Trình tự các sự
kiện
1. Đăng nhập hệ thống quản trị
3. Thực hiện các chức năng: Sửa, xóa, tìm kiếm. 4. Bấm lưu kết quả.
5. Hệ thống thực hiện các chức năng và trả về kết quả cho người dùng.
Bảng 2.3 Đặc tả use case quản lý đơn hàng.
• Biểu đồ Use case báo cáo thống kê
Hình 2.6 Use case mơ tả chức năng báo cáo thống kê.
Tên UseCase Quản lý báo cáo thống kê. Tác nhân chính Admin.
Mơ tả Use case Cho phép người quản trị thực hiện xem báo cáo thống kê
Điều kiện để bắt đầu Use case
Người quản trị đăng nhập vào trang quản trị hệ thống thành công.
Kết thúc Use case Kết quả được hiển thị trên màn hình Trình tự các sự
kiện
1. Quản trị truy cập vào trang website quản lý hệ thống.
2. Đăng nhập thành công vào hệ thống. 3. Chọn chức năng báo cáo doanh thu. 4. Kết thúc use case.
b. Người dùng
• Biểu đồ User case Đăng nhập, Đăng ký
Hình 2.7 Use case mơ tả chức năng đăng ký, đăng nhập.
Tên UseCase Đăng nhập/Đăng ký. Tác nhân chính Khách hàng.
Mơ tả Use case Cho phép khách hàng thực hiện đăng nhập, đăng ký tài khoản.
Điều kiện để bắt đầu Use case
Khách hàng truy cập website, có nhu cầu mua hàng
Kết thúc Use case
• CSDL được cập nhật.
• Các chức năng khác của khách hàng có thể sử dụng
Trình tự các sự
kiện 1. Khách hàng chọn đăng nhập hoặc đăng ký 2. Hệ thống hiện thị giao đăng nhập/đăng ký. 3. Người mua nhập thông tin và nhấn đăng
nhập/đăng ký.
4. Hệ thống thực hiện xác nhận và trả về kết quả cho người mua.
• Biểu đồ User case tìm kiếm
Hình 2.8 Use case mơ tả chức năng tìm kiếm.
Tên UseCase Tìm kiếm. Tác nhân chính Khách hàng.
Mơ tả Use case Cho phép khách hàng thực hiện tìm kiếm Điều kiện để bắt
đầu Use case
Khách hàng truy cập website, có nhu cầu mua hàng
Kết thúc Use case
• CSDL được cập nhật.
• Kết quả được hiển thị trên màn hình Trình tự các sự kiện
1. Khách hàng nhập vào form tìm kiếm và submit 2. Hệ thống trả về kết quả với từ khóa tìm kiếm
tương ứng.
3. Hệ thống trả về kết quả với từ khóa tìm kiếm tương ứng tương ứng nếu có
• Biểu đồ User case đặt hàng
Hình 2.9 Use case mô tả chức năng đặt hàng.
Tên UseCase Đặt hàng. Tác nhân chính Khách hàng.
Mơ tả Use case Cho phép khách hàng thực hiện đặt hàng Điều kiện để bắt
đầu Use case
Khách hàng truy cập website, đăng nhập, thêm sản phẩm vào giỏ hàng.
Kết thúc Use case
• CSDL được cập nhật.
• Kết quả được hiển thị trên màn hình Trình tự các sự kiện
1. Khách hàng đăng nhập website, thêm sản phẩm muốn mua vào giỏ hàng
2. Hệ thống trả về giao diện giỏ hàng có sản phẩm khách hàng đã thêm.
3. Khách hàng có thể tùy chọn thêm, tăng giảm số lượng, xóa sản phẩm trong giỏ hàng
5. Nhấn đặt hàng để tiến hành thanh toán.
Bảng 2.7 Đặc tả use case chức năng đặt hàng.
• Biểu đồ User case thanh tốn
Hình 2.10 Use case mơ tả chức năng thanh tốn.
Tên UseCase Thanh toán. Tác nhân chính Khách hàng.
Mơ tả Use case Cho phép khách hàng thực hiện thanh toán Điều kiện để bắt
đầu Use case
Khách hàng xác nhận các sản phẩm trong giỏ hàng.
Kết thúc Use case
• CSDL được cập nhật.
• Kết quả được hiển thị trên màn hình Trình tự các sự kiện
1. Khách hàng bấm vào đặt hàng, tiến hành nhập thông tin cá nhân.
2. Lựa chọn phương thức thanh toán
3. Chọn thanh toán sau thi nhập đầy đủ các trường 4. Hiển thị đơn hàng hoàn thành lên màn hình
• Biểu đồ User case kiểm tra thơng tin cá nhân
Hình 2.11 Use case mơ tả chức năng sửa thông tin cá nhân.
Tên UseCase Thông tin cá nhân. Tác nhân chính Khách hàng.
Mơ tả Use case Cho phép khách hàng thực hiện xem, sửa thông tin cá nhân
Điều kiện để bắt đầu Use case
Khách hàng đăng ký, đăng nhập website. Kết thúc Use case Kết quả được hiển thị trên màn hình Trình tự các sự kiện
1. Khách hàng đăng nhập website, nhấp vào mục tài khoản trên màn hình
2. Hệ thống trả về giao diện thơng tin khách hàng. 3. Khách hàng tùy chọn sửa mục nếu muốn.
4. Nhấn Lưu.
5. Hệ thống trả về giao diện thông tin khách hàng sau khi cập nhật thơng tin mới.
• Biểu đồ User case kiểm tra đơn hàng
Hình 2.12 Use case mơ tả chức năng kiểm tra đơn hàng.
Tên UseCase Thanh toán. Tác nhân chính Khách hàng.
Mơ tả Use case Cho phép khách hàng thực hiện thanh toán Điều kiện để bắt
đầu Use case
Khách hàng xác nhận các sản phẩm trong giỏ hàng.
Kết thúc Use case
• CSDL được cập nhật.
• Kết quả được hiển thị trên màn hình Trình tự các sự kiện
1. Khách hàng bấm vào mục tài khoản trên giao diện web sau đó nhấp vào lịch sử đơn hàng.
2. Hệ thống trả về giao diện lịch sử đơn hàng của khách hàng.
3. Khách hàng có thể tùy chọn hủy đơn hàng trước khi đơn hàng được xác nhận.
4. Hệ thống cập nhật giao diện lịch sử đơn hàng của khách hàng nếu khách hàng hủy đơn hàng.
2.2.3 Biểu đồ tuần tự
a. Biểu đồ tuần tự Quản trị
• Đăng nhập
• Thêm danh mục và sản phẩm
• Sửa, xóa danh mục và sản phẩm
b. Biểu đồ tuần tự Người dùng
• Đăng ký
• Tìm kiếm
• Mua hàng
2.3 Sơ đồ thực thể liên kết 2.3.1 Bảng “tbl_admin” 2.3.1 Bảng “tbl_admin”
Bảng dùng để lưu dữ liệu của người quản trị viên
STT Tên thuộc tính Kiểu dữ liệu Chú thích 1 adminId (Khóa chính) int(11) Mã admin 2 adminName Varchar(255) Tên của admin 3 adminEmail Varchar(255) Email admin 4 adminUser Varchar(255) Tên tài khoản 5 adminPass Varchar(255) Mật khẩu tài khoản
Bảng 2.11 Bảng dữ liệu admin
2.3.2 Bảng “tbl_category”
Bảng dùng để lưu dữ liệu về danh mục sản phẩm
STT Tên thuộc tính Kiểu dữ liệu Chú thích 1 catId (Khóa chính) int(11) Mã danh mục 2 catName Varchar(255) Tên của danh mục
Bảng 2.12 Bảng dữ liệu danh mục sản phẩm
2.3.3 Bảng “tbl_product”
Bảng dùng để lưu thông tin của sản phẩm
STT Tên thuộc tính Kiểu dữ liệu Chú thích 1 productId (Khóa chính) int(11) Mã sản phẩm 2 productName Varchar(255) Tên của sản phẩm
3 catId int(11) Mã danh mục
4 proImg Varchar(255) Hình ảnh của sản phẩm
5 prodesc Text Mô tả sản phẩm
6 sale int(11) Giảm giá
7 priceNew int(11) Giá sản phẩm
8 proS int(255) Số lượng sản phẩm đã bán
lại
Bảng 2.13 Bảng dữ liệu thông tin sản phẩm
2.3.4 Bảng “tbl_cart”
Bảng dùng để lưu thơng tin giỏ hàng
STT Tên thuộc tính Kiểu dữ liệu Chú thích 1 cartId (Khóa chính) int(11) Mã giỏ hàng 2 productId int(11) Mã sản phẩm
3 type int(10) Loại
4 quantiy int(11) Số lượng sản phẩm 5 sId Varchar(255) Mã Session
Bảng 2.14 Bảng dữ liệu thông tin giỏ hàng
2.3.5 Bảng “tbl_customer”
Bảng lưu thông tin đăng ký của người dùng
STT Tên thuộc tính Kiểu dữ liệu Chú thích 1 id (Khóa chính) int(11) Mã người dùng 2 fName Varchar(255) Tên đầu của người
dùng
3 lname Varchar(255) Tên sau của người dùng
4 account Varchar(255) Tên tài khoản 5 password Varchar(255) Mật khẩu tài khoản 6 repassword Varchar(255) Nhập lại mật khẩu 7 email Varchar(255) Email của người dùng 8 address Varchar(255) Địa chỉ của bạn
9 phone Varchar(255) Số điện thoại
2.3.6 Bảng “tbl_history”
Bảng lưu lịch sử tìm kiếm
STT Tên thuộc tính Kiểu dữ liệu Chú thích 1 id (Khóa chính) int(11) Mã tìm kiếm 2 text_history Varchar(255) Văn bản tìm kiếm
Bảng 2.16 Bảng dữ liệu thơng tin tìm kiếm
2.3.7 Bảng “tbl_historybuy”
Bảng lưu lịch sử mua hàng của người dùng
STT Tên thuộc tính Kiểu dữ liệu Chú thích 1 idHistoryBuy(Khóa chính) int(11) Mã lịch sử 2 productId int(11) Mã sản phẩm 3 customer_id int(11) Mã người dùng 4 type int(11) Loại sản phẩm 5 quantity int(11) Số lượng mua 6 totalPrice int(11) Tổng số tiền mua 7 dataBuy timestamp Thời gian mua
Bảng 2.17 Bảng dữ liệu thông tin lịch sử mua hàng
2.3.8 Bảng “tbl_order”
Bảng lưu những sản phẩm đang được đặt
STT Tên thuộc tính Kiểu dữ liệu Chú thích 1 id (Khóa chính) int(11) Mã đơn hàng 2 productId int(11) Mã sản phẩm 3 customer_id int(11) Mã người dùng 4 quantity int(11) Số lượng
5 type int(11) Loại
7 status int(11) Trạng thái đơn hàng 8 dayOrder timestamp Thời gian đặt
Bảng 2.18 Bảng dữ liệu thông tin đơn hàng
2.3.9 Bảng “tbl_prorp”
Bảng lưu thông tin sản phẩm đã bán
STT Tên thuộc tính Kiểu dữ liệu Chú thích
1 idProRp (Khóa chính) int(11) Mã sản phẩm đã bán 2 productId int(11) Mã sản phẩm
3 time timestamp Thời gian 4 quantity int(11) Số lượng
5 price int(11) Giá
Bảng 2.19 Bảng dữ liệu thông tin sản phẩm đã bán
2.3.10 Bảng “tbl_slider”
Bảng lưu slide hiện thị trên web
STT Tên thuộc tính Kiểu dữ liệu Chú thích 1 sliderId (Khóa chính) int(11) Mã slide 2 sliderName Varchar(255) Mã sản phẩm 3 slider_image Varchar(255) Ảnh slide
4 type int(11) Trạng thái của slide
2.3.11 Sơ đồ thực thể liên kết
CHƯƠNG 3: GIAO DIÊN WEBSITE
3.1 Giao diện chính.
3.1.1 Giao diện trang chủ
Hình 3.1 Giao diện trang chủ
Trang mặc định khi khách hàng truy cập vào website với chức năng hiển thị các nhóm sản phẩm và tin tức tiêu biểu để khách hàng lựa chọn. Với giao diện trang chủ gốm 5 phần chính:
• Phần header : Trơng phần này gồm có logo website, thanh cơng cụ tìm kiếm, giỏ hàng, và phần đăng nhập đăng kí.
• Phần Menu : Chứa nội dung menu bao gồm các mục chính của website. • Phần Slide : Chứ danh mục sản phẩm bán chạy, khuyến mãi và slide.
• Phần Body : Chứa nội dung của các sản phẩm. Ví dụ: Chăm sóc Body chứa các sản phẩm kem dưỡng body, Dinh dưỡng sức khẻo chứa các sản phẩm thực phẩm chức năng.
3.1.2 Giao diện danh mục sản phẩm và sản phẩm
Hình 3.2 Giao diện danh mục sản phẩm và sản phẩm
Là nơi hiển thị danh mục, danh sách sản phẩm. Có thể sắp xếp các sản phẩm theo: Mới nhất, Phổ biến, Bán chạy và trong mức giá.
Hình 3.3 Giao diện chi tiết sản phẩm
Khi khách hàng click vào xem chi tiết sản phẩm, trang sẽ hiện ra.Là trang hiển thị thông tin chi tiết cũng như khuyến mãi của sản phẩm.
Hình 3.4 Giao diện chi tiết sản phẩm (mơ tả sản phẩm)
Trang có hiển thị cả danh sách các sản phẩm tương tự với sản phẩm đang xem.
3.1.4 Giao diện giỏ hàng
• Khi khơng có sản phẩm
Hình 3.5 Giao diện giỏ hàng (khơng có sản phẩm)
Hình 3.6 Giao diện giỏ hàng (có sản phẩm)
Sau khi chọn được những sản phẩm muốn mua, người dùng click chuột vào Icon giỏ hàng sẽ hiện thông tin về các sản phẩm đã mua như tên sản phẩm, đơn giá, số lượng,..
Ở đây người dùng có thể sửa số lượng muốn mua cũng như có thể xóa sản phẩm đã thêm vào giỏ hàng.
3.1.5 Giao diện thánh tốn
Hình 3.7 Giao diện thanh tốn
Trang là nơi hiển thị biểu mẫu cho khách hàng thông tin cần thiết để thanh toán và địa chỉ giao hàng.
3.1.6 Giao diện theo dõi đơn hàng
Hình 3.8 Giao diện theo dõi đơn hàng
Trang được chuyển đến khi khách hàng đặt hàng thành cơng, ở đây khách hàng có thể hủy đơn hàng đã đặt.
Trang web hiển thị thơng tin của tài khoản người dùng, người dùng có thể chỉnh sửa thông tin và lưu lại.
3.1.8 Giao diện lịch sử mua hàng
Hình 3.10 Giao diện lịch sử mua hàng
Hiển thị thông tin danh sách những đơn hàng đã mua của tài khoản và tổng tiền đã mua.
3.2 Giao diện admin.
3.2.1 Giao diện danh mục sản phẩm
Hình 3.11 Giao diện danh mục sản phẩm
Trang web cho phép quản trị viên xem danh sách những danh mục đang có trên trang web. Quản trị viên có thể chỉnh sửa, xóa và tìm kiếm danh mục.
Hình 3.12 Giao diện danh sách sản phẩm
Trang web cho phép quản trị viên xem danh sách những sản phẩm đang có trên trang web. Quản trị viên có thể chỉnh sửa, xóa và tìm kiếm sản phẩm.
3.2.3 Giao diện xử lý đơn hàng
Trang web cho phép quản trị viên xem danh sách sản phẩm đang được đặt hàng và xử lý đơn hàng. Quản trị viên có thể xem địa chỉ hồ sơ của khách hàng đang đặt.
3.2.4 Giao diện thống kê, báo cáo
Hình 3.14 Giao diện thống kê, báo cáo
Giao diện hiển thị những đơn hàng đã được bán và tổng tiền đã được thanh toán.
CHƯƠNG 4: KẾT QUẢ VÀ ĐÁNH GIÁ
4.1 Kết luận
Với đồ án này, em đã hoàn thành các yêu cầu đặt ra, bao gồm:
- Giao diện : Thiết kế trên Photoshop và sử dụng các tính năng slide cho trang chủ, tăng tính thẩm mỹ, sống động thu hút người xem khi ghé thăm website.
- Hiển thị nội dung sản phẩm một các chi tiết và khoa học.
- Lưu trữ được số lượng lớn thông tin sản phẩm, người dùng.
- Cho phép người dùng đặt hàng trực tuyến trên website ứng với các sản phẩm đã chọn.
- Quản trị cho phép chỉnh sửa giao diện.
- Quản trị cho việc thêm mới sản phẩm, xóa sửa sản phẩm cũ.
- Quản lý đơn đặt hàng một cách khoa học và họp lí.
- Thực hiện upload file, phục vụ trong việc quản lý sản phẩm.
4.2 Hướng phát triển
- Bổ sung và hoàn thiện giao diện quản lý Admin thêm nhiều chức năng mới. - Bổ sung tính năng bình luận và đánh giá.
- Chỉnh sửa hoàn thiện các trang template cho phù hợp với mọi thiết bị. - Thêm chức năng thanh toán trực tuyến như Visa, Paypal,…
- Bổ sung các chức năng khách hàng thân thiết, tăng chiết khấu, ưu đãi cho khách V.I.P.
- Tăng cường bảo mật cho website.
- Bảo mật souce code cửa website. Có thể sử dụng các kỹ thuật mã hóa tồn