Đối với người quản trị website : - Xem thông tin về các đơn hàng đã đặt, số tiền thu được, số đơn hoàn thành, số sản phẩm đã bán.. Ở trang chi tiết sản phẩm thì người dùng có thể xem t
Trang 1TRƯỜNG ĐẠI HỌC SÀI GÒN THÀNH PHỐ HỒ CHÍ MINH
- -BÁO CÁO ĐỒ ÁN WEB
BÁN ĐIỆN THOẠI SỬ DỤNG JAVA
Môn học : Lập trình Java
Thành viên : Lê Thị Thanh Huyền : 3121411088
Nguyễn Cảnh Hoàng Danh : 3121411034Nguyễn Hồng Phúc : 3121411167Nguyễn Thị Thảo Nguyên : 3121411150
Trang 2Phần 1: Tổng quan về website bán điện thoại
1 Hoạt động của hệ thống quản lý website
Hệ thống website bán điện thoại gồm có 2 đối tượng chính: khách hàng và người quản trị
(admin) Hai đối tượng này phụ thuộc lẫn nhau, người dùng sẽ không thể mua được hàng nếu không có người quản trị và người quản trị sẽ không bán được hàng nếu không có người dùng
Đối với khách hàng, hệ thống cho phép tìm kiếm, xem thông tin về sản phẩm của cửa hàng Sau khi đăng ký làm thành viên, khách hàng có thể chọn sản phẩm trên website,đưa vào giỏ hàng và tiến hành giao dịch mua bán Sau khi chọn hàng xong khách hàng chuyển qua việc thanh toán bằng một trong các hình thức thanh toán, đồng thời chọn địa điểm và xác định thời gian giao hàng Sau khi đã thực hiện xong, khách hàng nhấn xác nhận để hoàn tất giao dịch
Người quản trị sẽ quản lý các thông tin, xác nhận kiểm tra đơn hàng và xác nhận việc giao hàng hoàn tất
Hoạt động của hệ thống quản lý website bán hàng:
Quản lý sản phẩm : Mỗi sản phẩm được quản lý các thông tin sau : Phân loại, tên, giá, tình trạng, mô tả ngắn, nội dung, giảm giá, hình ảnh, ngày tạo, tồn kho, đã bán
Quản lý người dùng : Mỗi người dùng được quản lý các thông tin sau : Tên, email, số điện thoại, tên đăng nhập, mật khẩu và ngày tạo
Quản lý đơn hàng : Mỗi đơn hàng được quản lý các thông tin sau : Tên đăng nhập, tên khách hàng, email khách hàng, số điện thoại khách hàng, địa chỉ khách hàng, ghi chú, tổng tiền, thanh toán, tình trạng và ngày tạo
Đặt hàng trực tuyến : Người dùng lựa chọn sản phẩm mua hàng và đặt hàng trực tuyến trên Website bằng các hình thức qua ngân hàng hoặc thanh toán khi nhận được hàng
Hệ thống quản lý website bán hàng sẽ giúp cho việc quản lý và vận hành cửa hàng trở nên dễ dàng hơn, giúp quản lý sản phẩm, đặt hàng, vận chuyển và thanh toán một cách khoa học, tiết kiệm thời gian và giảm thiểu các sai sót
Trang 32 Các yêu cầu của trang web
Đối với khách hàng mới:
- Được xem thông tin các mặt hàng, các thông tin liên quan đến website, liên hệ, bình luận, nhắn tin hỗ trợ
- Được quyền thao tác với giỏ hàng
- Được đăng ký, đăng nhập tài khoản
Đối với khách hàng là thành viên website :
- Được xem thông tin các mặt hàng, các thông tin liên quan đến website, liên hệ, bình luận, nhắn tin hỗ trợ
- Được quyền thao tác với giỏ hàng
- Được đăng ký, đăng nhập tài khoản
- Được thực hiện thanh toán đơn hàng của mình
Đối với người quản trị website :
- Xem thông tin về các đơn hàng đã đặt, số tiền thu được, số đơn hoàn thành, số sản phẩm
đã bán
- Quản lý Admin : Thêm, sửa, xóa các admin website
- Quản lý User : Sửa, xóa các user website
- Quản lý chuyên mục : Thêm, sửa, xóa các chuyên mục website
- Quản lý sản phẩm : Thêm, sửa, xóa, các sản phẩm website, ngoài ra còn có nhập hàng để nhập thêm về số lượng của sản phẩm
- Quản lý đơn hàng : Xóa, sửa thông tin các đơn hàng được đặt trên website
- Quản lý chi tiết đơn hàng : Xem thông tin chi tiết về một đơn hàng được đặt
- Quản lý review : Xem thông tin, xóa các bình luận trên website
Trang 4Phần 2: Xây dựng website
1 Giao diện trang chủ người dùng:
a Giao diện phần Header :
Ở phần Header của trang chủ người dùng sẽ được hiển thị dưới dạng 3 phần là phầnHeader, phần menu chính, phần slider và phần main header
Header : Đây là phần sẽ được sử dụng chung cho toàn bộ Website của User
- Top Header : Bao gồm câu chào mừng “Chào mừng đến với SG4 Store”, lá cờ ViệtNam, Đăng ký và Đăng nhập Ở phần này nếu người dùng đã đăng nhập thì website
sẽ hiển thị dòng tên username người dùng cùng với đăng xuất
Trang 5- Bottom Header : Bao gồm Logo, các dịch vụ tiện ích như miễn phí vận chuyển, hỗtrợ, giao hàng toàn quốc và giỏ hàng.
Menu chính, thanh điều hướng (Navigation):
- Trên thanh Menu sẽ bao gồm các thẻ Li : Trang chủ , Giới thiệu, Sản phẩm, Chínhsách, Liên hệ và phần tìm kiếm
b Giao diện phần Body :
Ở phần Body sẽ chứa toàn bộ nội dung chính mà Website đang hướng đến.
Các sản phẩm : Đây là phần sẽ hiển thị các sản phẩm của Website theo danh mục
Trang 6 Banner : Đây là phần hiển thị banner giúp Website đẹp và cân đối hơn.
Phân loại sản phẩm : Đây là phần sẽ hiển thị các sản phẩm theo danh mục mới và giảm giá giúp cho người dùng dễ dàng lựa chọn sản phẩm thích hợp
Hỗ trợ : Đây là phần sẽ hiển thị các tiện ích hỗ trợ cho người dùng khi mua sản phẩm tạiWebsite
Logo Brand : Đây là phần sẽ chạy slider logo brand của các sản phẩm Website
Trang 7c Giao diện phần Footer :
Ở phần footer sẽ là các mục lục chủ yêu về thông tin , chính sách , hỗ trợ, liên hệ Phần này cũngđược sử dụng chung cho toàn bộ Website User
2 Giao diện trang giới thiệu
Trang 83 Giao diện trang chính sách
4 Giao diện trang liên hệ
Trang 95 Giao diện trang sản phẩm
Bao gồm các danh mục , các loại sản phẩm, các sản phẩm gần đây, người dùng sẽ dễdàng tìm kiếm sản phẩm thích hợp Ngoài ra để giúp cho việc hiển thị các sản phẩm đẹphơn, không quá dài, thì em đã sử dụng tính năng phân trang giúp cho việc bố trí sản phẩm
rõ ràng, dễ nhìn
6 Giao diện trang chi tiết sản phẩm
Trang 10 Ở trang chi tiết sản phẩm thì người dùng có thể xem toàn bộ thông tin của sản phẩm,cũng như có thể đánh giá về sản phẩm.
Các sản phẩm liên quan cũng sẽ được hiển thị cho người dùng tại trang này
7 Giao diện giỏ hàng, thanh toán:
Trang giỏ hàng : Mọi đơn hàng, sản phẩm khi người dùng thêm vào giỏ hàng sẽ đượchiển thị đầy đủ tại trang giỏ hàng, người dùng có thể tăng hoặc giảm số lượng cũng như xóa sảnphẩm đó khỏi giỏ hàng Khi muốn cập nhập người dùng nhấn vào “Cập nhập giỏ hàng”, khimuốn thanh toán người dùng nhấn vào “Thanh toán”
Trang 11 Trang thanh toán : Khi người dùng Click “Thanh toán” từ giỏ hàng thì người dùng sẽđược chuyển đến trang thanh toán Thông tin về đơn hàng dùng sẽ được hiển thị Người dùng bắtbuộc phải đăng nhập trước khi tiến hành thanh toán Tại đây người dùng phải nhập đầy đủ cáctrường thông tin, chọn hình thức thanh toán trước khi “Đặt hàng”.
Sau khi người dùng click “Đặt hàng” thì sẽ được chuyển được trang đặt hàng thành công và hiểnthị thông tin đầy đủ đơn hàng của người dùng tại “Xem thông tin”
Trang 12Nếu sản phẩm đã được khách hàng mua hết thì thông tin về sản phẩm sẽ chuyển thành “Tạm hết hàng”
Trang 138 Giao diện đăng ký, đăng nhập
Giao diện đăng ký
Ở phần giao diện đăng ký, người dùng sẽ nhập đầy đủ các trường dữ liệu để đăng ký tài khoản mua hàng tại Website Thông tin bao gồm Họ tên, Email, Số điện thoại, Tên đăng nhập, Mật khẩu
Giao diện đăng nhập
Ở phần đăng nhập, người dùng sẽ nhập lại tên đăng nhập và mật khẩu đã đăng ký trước
đó Hệ thống sẽ kiểm tra, nếu đúng sẽ chuyển hướng đến trang chủ, ngược lại xuất rathông báo sai thông tin
Trang 149 Giao diện đăng nhập của người quản trị
Ở giao diện đăng nhập của người quản trị sẽ có 2 trường dữ liệu là Username và
Password và tài khoản sẽ được cung cấp trước cho Admin để quản lí trang Web Bất kể đường dẫn nào cũng sẽ dẫn đến trang đăng nhập nếu Admin chưa đăng nhập tài khoản nào
10 Giao diện trang chủ của người quản trị
a Giao diện phần Header :
Ở phần Header của trang chủ quản trị thì sẽ hiển thị sidebar và navbar Phần Header sẽ được sửdụng cho toàn bộ trang Admin
Navbar : Bao gồm nút toggle ẩn hiện sidebar và thông tin , đăng xuất của Admin
Trang 15 Sidebar : Bao gồm Logo Admin và Menu quản lý của Admin : Tổng quan, Quản lýAdmin, Quản lý User, Chuyên mục, Danh sách sản phẩm, Danh sách đặt trước, Đơnhàng, Chi tiết đơn hàng, Review, Tin tức
b Giao diện phần Content :
Ở phần content thì sẽ được hiển thị thông tin về mua hàng, đặt hàng, số tiền thu được, số sảnphẩm đã bán và số tiền của từng chuyên mục, admin có thể dễ dàng kiểm soát được doanh thu,lợi nhuận bán hàng, thống kê tổng doanh thu theo tháng và năm
Trang 1611 Giao diện trang quản lý admin:
Phần content của trang quản lý Admin bao gồm bảng thông tin danh sách các tài khoản Admin,
“Thêm Admin”, “Xóa Admin”, “Sửa Admin”
Khi người quản trị click “Thêm Admin”, “Sửa”, “Xóa” thì hệ thống sẽ chuyển hướng đến trangthêm Admin, sửa Admin để cho người quản trị có thể thực hiện thao tác, riêng xóa admin thì hệthống sẽ reload lại trang và xóa tài khoản đó
Trang 1712 Giao diện trang quản lý user:
Phần content trang quản lý User sẽ hiển thị danh sách các tài khoản người dùng, các thao tác
“Sửa”, “Xóa” để người quản trị quản lý các thông tin tài khoản người dùng đó
Khi người dùng click vào “Sửa” thì hệ thống sẽ chuyển hướng đến trang sửa User, khi click vào
“Xóa” thì hệ thống sẽ reload lại trang và xóa tài khoản User đó
Trang 1813 Giao diện trang quản lý chuyên mục:
Đây là trang mà người quản trị quản lý các thông tin về các danh mục tại Website, thêm, đổi tên hoặc xóa một danh mục nào đó.
Trang 1914 Giao diện trang quản lý danh sách sản phẩm :
Trang quản lý danh sách sản phẩm hiển thị toàn bộ mọi thông tin về sản phẩm để người quản trịnắm bắt thông tin cũng như quản lý sản phẩm Ngoài các thao tác “Thêm” , “Sửa” , “Xóa” thìtrang quản lý sản phẩm còn có thao tác “Nhập hàng”, đây là thao tác dành cho người quản trịmuốn nhập về một số lượng của một sản phẩm nào đó
Trang 2015 Giao diện trang quản lý đơn hàng:
Phần content trang quản lý đơn hàng sẽ hiển thị thông tin của các đơn hàng được đặt bởi ngườidùng Cũng sẽ có các thao tác “Xóa” và “Sửa” nhưng khi đơn hàng ở trạng thái là “Đã hủy” hoặc
“Đã thanh toán”, thì đơn hàng đó sẽ chỉ có thể “Xem thông tin”
Trang 2116 Giao diện trang quản lý chi tiết đơn hàng :
Trang chi tiết đơn hàng sẽ hiển thị danh sách chi tiết về các đơn hàng, số lượng đặt hàng củatừng sản phẩm trong một đơn hàng người quản trị sẽ dễ nắm bắt được số lượng sản phẩm tiêuthụ trong đơn hàng
Trang 2217 Yêu cầu về đồ án:
Thống kê tổng doanh thu bán hàng theo tháng và năm