ĐẠI HỌC QUỐC GIA TP. HCM TRƯỜNG ĐẠI HỌC BÁCH KHOA ĐỒ ÁN TỔNG HỢP - HK241 Báo cáo Hệ thống thương mại điện tử Giảng viên hướng dẫn: Lê thị Bảo Thu Sinh viên thực hiện: Huỳnh Bảo Ngọc 2212257 Mai Đăng Dương 2210612 Đồng Mạnh Cường 2210420 Hồ Quang Long 2211878 Lớp: L03 TP. Hồ Chí Minh − 2024 Trường Đại học Bách khoa TP Hồ Chí Minh Khoa Khoa học và Kỹ thuật Máy tính Mục lục 1 Giới thiệu đề tài 2 1.1 Mô tả dự án .2 Xác định yêu cầu .2 2 Phân công công việc 4 2.1 Đánh giá chung .2 Từng giai đoạn .4 3 Use-case của hệ thống 5 3.1 Nhóm chức năng của Guest .1 Nhóm chức năng tương tác với tài khoản .2 Nhóm chức năng tìm kiếm và xem sản phẩm .2 Nhóm chức năng của khách hàng .1 Nhóm chức năng mua sản phẩm và đánh giá .2 Nhóm chức năng xem thông báo, lịch sử giao dịch .3 Nhóm chức năng của chủ shop .1 Nhóm chức năng quản lý sản phẩm .2 Nhóm chức năng quản lý khách hàng .3 Nhóm chức năng thống kê doanh thu .4 Nhóm chức năng thông báo .5 Nhóm chức năng quản lý khuyến mãi. 4 Thiết kế cơ sở dữ liệu 28 4.1 Thiết kế ý niệm - ERD của hệ thống .2 Thiết kế logic - Mapping .1 Ánh xạ bảng .2 Ánh xạ viết.
5 Thiết kế prototype bằng Figma 30 5.1 Giao diện phía người dùng .5 Chi tiết sản phẩm .8 Quản lý đơn hàng và lịch sử mua hàng .9 Quản lý tài khoản .2 Giao diện phía Admin .1 Quản lý người dùng .2 Quản lý sản phẩm. Báo cáo Đồ án hướng Hệ thống thông tin - Học kỳ 241 Trang /77 Trường Đại học Bách khoa TP Hồ Chí Minh Khoa Khoa học và Kỹ thuật Máy tính 5.4 Thêm mã giảm giá. 6 Tìm hiểu công nghệ 52 6.5 Cài đặt môi trường. 7 Thiết lập dự án 53 7.1 Cài đặt Express để tạo các API .2 Thiết lập frontend và backend .3 Liên kết Backend với PostgresSQL .4 Khởi chạy dự án .5 Cấu trúc file của ứng dụng .1 Cấu trúc chung .2 Cấu trúc frontend .3 Cấu trúc backend.
8 Giao diện hiện thực 60 8.1 Giao diện phía người dùng .1 Tạo tài khoản .5 Sản phẩm theo danh mục .6 Chi tiết sản phẩm .7 Thêm đánh giá .10 Lịch sử mua hàng .11 Quản lý tài khoản .2 Giao diện Admin .1 Quản lý sản phẩm .2 Quản lý người dùng .3 Quản lý mã giảm giá .4 Tạo sản phẩm .5 Tạo mã giảm giá .6 Thông tin người dùng. 9 Mã nguồn 77 Báo cáo Đồ án hướng Hệ thống thông tin - Học kỳ 241 Trang 1/77 Trường Đại học Bách khoa TP Hồ Chí Minh Khoa Khoa học và Kỹ thuật Máy tính 1. Giới thiệu đề tài 1. Mô tả dự án Hệ thống bán hàng thương mại điện tử B2C, loại sản phẩm: điện thoại, tablet, laptop, phụ kiện khác theo hãng sản xuất, giá,.
Xác định yêu cầu - Hệ thống báng hàng thương mại được xây dựng dựa vào nhu cầu mua bán thiết bị điện tử của khách hàng của một công ty bán hàng. Để đáp ứng nhu cầu cầu, hệ giống có các chức năng như sau (nhóm HTTT 4 thành viên, 12 chức năng hệ thống): 1. Quản lý người sử dụng: thêm, xóa, sửa, cập nhật thông tin, lịch sử giao dịch của người mua hàng, nhân viên hệ thống và khách (guest). Tạo sản phẩm, khuyến mãi, người dùng 3.
Cập nhật thông tin của sản phẩm 4. Xóa sản phẩm hoặc mã khuyển mãi 5. Thêm/ Xóa sản phẩm vào giỏ hàng: người mua được thêm, xóa các sản phẩm vào giỏ hàng, cho phép người mua xem giá tổng sản phẩm trong giỏ hàng ở thời điểm hiện tại. Tìm kiếm sản phẩm: Người mua hàng tìm kiếm sản phẩm theo yêu cầu như hãng sản xuất, giá thành, nội dung liên quan 7.
Thực hiện thanh toán: Người mua thực hiện giao dịch thanh toán đối với sản phẩm, áp dụng khuyến mãi nếu có, liên kết ngân hàng hoặc sử dụng tiền đã nạp sẵn vào tài khoản 8. Khuyến mãi: Admin hệ thống được quyền tạo mã khuyến mãi, có giới hạn số lượng, thời gian hiệu lực, đối tượng sản phẩm áp dụng, đối tượng khách hàng áp dụng,. Gửi thông báo đến người dùng khi có khuyến mãi. Người dùng được xem ví voucher cá nhân 9.
Xem lịch sử giao dịch: Khi giao dịch được thực thi, một bản ghi lịch sử giao dịch sẽ được tự động lưu, người dùng và admin được xem lại tất cả lịch sử giao dịch đó. Thông báo đến người dùng: bao gồm thông báo nạp/ rút tiền, thực hiện giao dịch, gợi ý khuyến mãi, quảng cáo,. Báo cáo Đồ án hướng Hệ thống thông tin - Học kỳ 241 Trang 2/77 Trường Đại học Bách khoa TP Hồ Chí Minh Khoa Khoa học và Kỹ thuật Máy tính 11. Thêm đánh giá sản phẩm: người dùng được đánh giá sản phẩm, những đánh giá đó được công khai đến tất cả người dùng trong hệ thống.
Thống kê doanh thu: Admin hệ thống được xem thống kê chi tiết doanh thu theo ngày, theo mặt hàng Báo cáo Đồ án hướng Hệ thống thông tin - Học kỳ 241 Trang 3/77 Trường Đại học Bách khoa TP Hồ Chí Minh Khoa Khoa học và Kỹ thuật Máy tính 2. Phân công công việc 2. Đánh giá chung STT Họ và tên MSSV Tổng số công việc Đánh giá kết quả 1 Huỳnh Bảo Ngọc 2212257 10 25% 2 Mai Đăng Dương 2210612 11 25% 3 Đồng Mạnh Cường 2210420 10 25% 4 Hồ Quang Long 2211878 11 25% Bảng 1: Đánh giá chung công việc 2. Từng giai đoạn Giai đoạn 1 Phân tích đề tài, thiết kế Use-case Công việc Huỳnh Bảo Ngọc Mai Đăng Dương Đồng Mạnh Cường Hồ Quang Long Phân tích đề tài, yêu cầu, chức năng 1 0 0 0 Thiết kế use-case cho hệ thống 0 0 1 1 Thiết kế, đặc tả use-case cho chức năng 0 0 1 1 Tổng 1 0 2 2 Giai đoạn 2 Thiết kế giao diện, database; tìm hiểu công nghệ Công việc Huỳnh Bảo Ngọc Mai Đăng Dương Đồng Mạnh Cường Hồ Quang Long Thiết kế Figma 1 0 0 0 Thiết kế EERD 1 1 1 1 Ánh xạ EERD 1 1 1 1 Hiện thực database 1 1 0 0 Tạo data 0 1 1 1 Tìm hiểu công nghệ 1 1 1 1 Tổng 5 5 4 4 Tính năng hệ thống Huỳnh Bảo Ngọc Mai Đăng Dương Đồng Mạnh Cường Hồ Quang Long Hiển thị, tìm kiếm, sắp xếp, lọc sản phẩm 1 1 0 1 Đánh giá sản phẩm (hiển thị, viết đánh giá) 0 1 0 1 Thêm/ xóa giỏ hàng 0 1 1 0 Thông báo 0 1 1 0 Tạo mới, chỉnh sửa, xóa sản phẩm, mã khuyến mãi 1 0 0 1 Thanh toán sản phẩm 1 1 1 1 Xem lịch sửa người dùng 1 1 1 1 Tổng 4 6 4 5 Báo cáo Đồ án hướng Hệ thống thông tin - Học kỳ 241 Trang 4/77 Trường Đại học Bách khoa TP Hồ Chí Minh Khoa Khoa học và Kỹ thuật Máy tính 3.
Use-case của hệ thống Mô hình use-case hệ thống 3. Nhóm chức năng của Guest 3. Nhóm chức năng tương tác với tài khoản Báo cáo Đồ án hướng Hệ thống thông tin - Học kỳ 241 Trang 5/77 Trường Đại học Bách khoa TP Hồ Chí Minh Khoa Khoa học và Kỹ thuật Máy tính Use case diagram tương tác tài khoản Báo cáo Đồ án hướng Hệ thống thông tin - Học kỳ 241 Trang 6/77 Trường Đại học Bách khoa TP Hồ Chí Minh Khoa Khoa học và Kỹ thuật Máy tính Use-case ID S1 Use-case name Đăng ký Use-case Cho phép người dùng đăng ký tài khoản mới trong hệ thống overview Actors Guest Preconditions Không Trigger Người dùng muốn tạo tài khoản Steps 1. Người dùng chọn chức năng "Đăng ký".
Hệ thống hiển thị form đăng ký yêu cầu thông tin. Người dùng nhập thông tin cần thiết. Hệ thống kiểm tra tính hợp lệ của thông tin. Nếu thông tin hợp lệ, hệ thống lưu thông tin vào cơ sở dữ liệu.
Hệ thống gửi email xác nhận đăng ký thành công. Người dùng nhận thông báo xác nhận trên màn hình. Đưa người dùng đến giao diện khách hàng Post conditions Người dùng tạo tài khoản thành công Exception Flow 4a. Nếu thông tin không hợp lệ, hệ thống hiển thị thông báo lỗi.
Người dùng chỉnh sửa thông tin và gửi lại. Quay lại bước 4. Bảng 2: Bảng mô tả use – case đăng ký Báo cáo Đồ án hướng Hệ thống thông tin - Học kỳ 241 Trang 7/77 Trường Đại học Bách khoa TP Hồ Chí Minh Khoa Khoa học và Kỹ thuật Máy tính Use-case ID S2 Use-case name Đăng nhập Use-case Cho phép người dùng đăng nhập vào hệ thống overview Actors Guest Preconditions Không Trigger Người dùng muốn đăng nhập Steps 1. Người dùng chọn chức năng "Đăng nhập".
Người dùng chọn đăng nhập với quyền khách hàng 3. Hệ thống hiển thị form đăng nhập yêu cầu thông tin: email và mật khẩu. Người dùng nhập thông tin đăng nhập 5. Hệ thống kiểm tra tính hợp lệ của thông tin.
Nếu thông tin hợp lệ, hệ thống xác thực thành công và chuyển người dùng đến trang chủ. Hệ thống lưu thông tin phiên làm việc (session) để xác thực người dùng trong các yêu cầu tiếp theo. Post conditions Người dùng đăng nhập thành công và thành khách hàng Exception Flow 4a. Nếu thông tin đăng nhập không hợp lệ, hệ thống hiển thị thông báo lỗi (ví dụ: "Email hoặc mật khẩu không đúng").Người dùng nhập lại thông tin đăng nhập.
Quay lại bước 4. Bảng 3: Bảng mô tả use – case đăng nhập Báo cáo Đồ án hướng Hệ thống thông tin - Học kỳ 241 Trang 8/77 Trường Đại học Bách khoa TP Hồ Chí Minh Khoa Khoa học và Kỹ thuật Máy tính Use-case ID S3 Use-case name Quên mật khẩu Use-case Cho phép người dùng cấp lại mật khẩu overview Actors Guest Preconditions Không Trigger Người dùng muốn cấp mật khẩu mới Steps 1. Người dùng chọn chức năng quên mật khẩu 2. Hệ thống hiển thị form quên mật khẩu.
Người dùng nhập thông tin email. Hệ thống kiểm tra tính hợp lệ của thông tin bằng cách gửi mã đến email. Nếu thông tin hợp lệ, hệ thống xác thực thành công và chuyển người dùng đến trang để đổi mật khẩu mới. Post conditions Người dùng được cấp lại mật khẩu thành công Exception Flow 4a.
Nếu thông tin đăng nhập không hợp lệ, hệ thống hiển thị thông báo lỗi (ví dụ: "email sai"). Người dùng nhập lại thông tin hợp lệ. Quay lại bước 4. Bảng 4: Bảng mô tả use – case đổi mật khẩu Báo cáo Đồ án hướng Hệ thống thông tin - Học kỳ 241 Trang 9/77 Trường Đại học Bách khoa TP Hồ Chí Minh Khoa Khoa học và Kỹ thuật Máy tính 3.