ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM BÁO CÁO ĐỒ ÁN Đề tài: Xây dựng website rao vặt đồ công nghệ qua sử dụng Giảng viên hướng dẫn: • ThS Huỳnh Nguyễn Khắc Huy Sinh viên thực hiện: • Hà Huy Khơi - 17520647 • Hoàng Xuân Tùng - 17521233 Lớp SE122.L11.PMCL TP Hồ Chí Minh, tháng 01 năm 2021 Mục lục CHƯƠNG TỔNG QUAN 1.1 Khảo sát trạng 1.2 Định vị người dùng 1.2.1 Khảo sát tổ chức 1.2.2 Khảo sát nghiệp vụ 1.2.3 Khảo sát trạng 1.2.4 Danh sách yêu cầu CHƯƠNG MƠ HÌNH USECASE 2.1 Danh sách Actor 2.2 Sơ đồ Use case 2.2.1 Use case cho nhân viên 2.2.2 Use case cho quản trị viên 2.2.3 Use case cho khách hàng 2.3 Danh sách Use case 2.4 Đặc tả Use case 2.4.1 Use case đăng nhập 2.4.2 Use case đăng xuất 2.4.3 Use case khách hàng tạo tài khoản 2.4.4 Use case tạo đăng 2.4.5 Use case tìm kiếm đăng theo lọc 10 2.4.6 Use case thêm quảng cáo 10 2.4.7 Use case tìm kiếm & thống kê doanh số 11 CHƯƠNG PHÂN TÍCH HỆ THỐNG 12 3.1 Sơ đồ lớp 12 3.1.1 Sơ đồ lớp mức phân tích 12 3.1.2 Danh sách bảng liệu 13 3.1.3 Mô tả bảng liệu 14 3.2 Sơ đồ 23 3.2.1 Đăng nhập 23 3.2.2 Thêm tài khoản 24 3.2.3 Sửa tài khoản 25 3.2.4 Xóa tài khoản 26 3.2.5 Xem thông tin khách hàng 27 3.2.6 Khóa tài khoản khách hàng 28 3.2.7 Tìm kiếm 29 3.2.8 Thống kê 30 3.2.9 Thêm quảng cáo 31 3.2.10 Sửa quảng cáo 32 3.2.11 Xóa quảng cáo 33 3.2.12 Khách hàng tạo tài khoản 34 3.2.13 Khách hàng sửa thông tin tài khoản 35 3.2.14 Tạo đăng 36 3.2.15 Sửa đăng 37 3.2.16 Ẩn đăng 38 3.3 Sơ đồ trạng thái Error! Bookmark not defined 3.3.1 Tổng quan Error! Bookmark not defined 3.3.2 Đăng nhập Error! Bookmark not defined 3.3.3 Quản lý đăng Error! Bookmark not defined 3.3.4 Quản lý thông tin tài khoản Error! Bookmark not defined CHƯƠNG THIẾT KẾ GIAO DIỆN 38 4.1 Danh sách hình 38 4.2 Mơ tả chi tiết hình 39 4.2.1 Màn hình hệ thống quản lí (ADMIN) 39 4.2.2 Màn hình khách hàng (CUSTOMER) 42 CHƯƠNG KẾT LUẬN 47 5.1 Môi trường phát triển môi trường triển khai 47 5.2 Kết đạt 47 5.1.1 Ưu điểm 47 5.1.2 Nhược điểm 48 5.3 Hướng phát triển 48 CHƯƠNG TÀI LIỆU THAM KHẢO 48 CHƯƠNG BẢNG PHÂN CÔNG CÔNG VIỆC 49 CHƯƠNG TỔNG QUAN 1.1 Khảo sát trạng Trong thời đại công nghệ phát triển việc sử dụng thiết bị điện tử cho cơng việc giải trí ngày phổ biến rộng rãi, trình sử dụng thiết bị khơng cá nhân, tổ chức dư thừa thiết bị qua sử dụng không cá nhân, tổ chức muốn tìm kiếm thiết bị cũ với giá rẻ mà phục vụ tốt cho nhu cầu họ Chính ý tưởng xây dựng địa điểm giúp cho người tự thoải mái trao đổi vật dụng thiết bị qua sử dụng xu hướng 1.2 Định vị người dùng 1.2.1 Khảo sát tổ chức Quản lí website rao vặt cơng nghệ tổ chức bao gồm phận sau: Quản lý khách hàng 1.2.2 Khảo sát nghiệp vụ 1.2.2.1 Quản lý đăng Hệ thống lưu lại tất đăng khách hàng bao gồm: thông tin chi tiết đăng, người đăng, địa bán, giá bán … 1.2.2.2 Quy trình đăng ký Người quản lý (admin) có trách nhiệm đăng kí tài khoản cho nhân viên - B1: Admin truy cập vào mục “Quản lý tài khoản” B2: Admin nhập trường thông tin B3: Admin nhấn đăng ký, thao tác thành cơng hệ thống thông báo cho người dùng biết tạo tài khoản thành cơng 1.2.2.3 Quy trình đăng nhập - B1: Người dùng truy cập trang đăng nhập B2: Người dùng nhập trường thông tin B3: Người dùng nhấn đăng nhập, thao tác thành công (tài khoản & mật đúng) chuyển tới trang chủ 1.2.2.4 Quản lý nhân viên Người quản lý cần quản lý hồ sơ, lý lịch CBCNV toàn cửa hàng, bao gồm: họ tên, ngày sinh, CMND/CCCD, địa chỉ, chức vụ, ngày vào làm, … - Điểm danh hàng ngày - Quản lý thưởng phạt nhân viên hình thức cộng / trừ vào lương tháng Trả lương vào cuối tháng = lương + (tiền thưởng - phạt (nếu có)) 1.2.2.5 Quản lý khách hàng Hệ thống lưu lại danh sách khách hàng thống kê tần suất đăng bài, bị báo cáo vi phạm Quản lý nhân nhìn vào số liệu đưa cách giải hợp lý 1.2.3 Khảo sát trạng 1.2.3.1 Tình trạng tin học Đối với nhân viên, độ tuổi thường từ 20 – 30 Đối với quản trị viên người thành lập sở hữu trang web Do trình độ tin học người sử dụng nằm mức tốt 1.2.4 Danh sách yêu cầu STT Tên yêu cầu Ghi Đăng nhập/đăng xuất Người dùng đăng nhập/đăng xuất Quản lý đăng Quản lí thơng tin đăng Quản lí quảng cáo Quản lí quảng cáo trang web Quản lí khách hàng Quản lí khách hàng Quản lí tài khoản Quản lí tài khoản hệ thống Thông tin cá nhân Thông tin cá nhân tài khoản Tìm kiếm thơng kê Tìm kiếm thống kê số liệu Tìm kiếm lọc Tìm kiếm đăng theo từ khóa lọc Quản lí tin lưu, thơng báo Quản lí tin lưu thơng báo khách hàng 10 Quản lí báo cáo vi phạm Quản lí báo cáo vi phạm từ khách hàng CHƯƠNG MƠ HÌNH USECASE 2.1 Danh sách Actor STT Tên actor Nhân viên Quản trị viên Khách hàng Ý nghĩa, ghi - Đăng nhập / Đăng xuất - Quản lí đăng - Quản lí danh sách quảng cáo - Đăng nhập / Đăng xuất - Quản lí số liệu thống kê - Quản lí tài khoản hệ thống - Quản lí tài khoản khách hàng - Đăng nhập / Đăng xuất - Quản lí thơng tin cá nhân - Quản lí đăng cá nhân - Tìm kiếm, lưu thơng tin đăng - Báo cáo đăng 2.2 Sơ đồ Use case 2.2.1 Use case cho nhân viên 2.2.2 Use case cho quản trị viên 2.2.3 Use case cho khách hàng 2.3 Danh sách Use case Tên Use case Ý nghĩa, ghi Đăng nhập Đăng nhập tài khoản vào hệ thống Đăng xuất Thoát tài khoản khỏi hệ thống STT Thêm / xóa / sửa tài khoản hệ thống Tạo / sửa / khóa tài khoản khách hàng Thêm / xóa / sửa tài khoản hệ thống Tạo / sửa / khóa tài khoản khách hàng Thêm / xóa / sửa đăng Thêm / xóa / sửa đăng Thêm / xóa / sửa quảng cáo Thêm xóa sửa quảng cáo trang web Thống kê số liệu Thống kê số liệu trang web Tìm kiếm / lưu thơng tin / Tìm kiếm / lưu thơng tin / báo cáo báo cáo đăng đăng 2.4 Đặc tả Use case 2.4.1 Use case đăng nhập Use case đăng nhập Mô tả Người dùng đăng nhập vào tài khoản Tác nhân Nhân viên, quản trị viên, khách hàng Luồng Hành vi tác nhân Hành vi hệ thống Người dùng click vào nút Hiển thị form đăng nhập đăng nhập Nhập tên người dùng mật vào form Kiểm tra tên người dùng mật Thông báo đăng nhập thành cơng Chuyển sang giao diện Luồng thay A1 Người dùng nhập sai tài khoản / mật Yêu cầu đăng nhập lại Quay lại bước Điều kiện trước Phải nhân viên quản lý khách hàng có tài khoản hệ thống Điều kiện sau Đã đăng nhập vào hệ thống 2.4.2 Use case đăng xuất Use case đăng xuất Mô tả Người dùng đăng xuất khỏi tài khoản Tác nhân Nhân viên, quản trị viên, khách hàng Luồng Hành vi tác nhân Hành vi hệ thống Người dùng click vào nút đăng xuất Hiển thị form đăng xuất Thông báo đăng xuất thành công Luồng thay Điều kiện trước Tác nhân đăng nhập vào hệ thống Điều kiện sau Đã đăng xuất khỏi hệ thống trở hình đăng nhập 2.4.3 Use case khách hàng tạo tài khoản Use case khách hàng tạo tài khoản Mô tả Khách hàng tạo tài khoản website Tác nhân Khách hàng Luồng Hành vi tác nhân Hành vi hệ thống Chọn tạo tài khoản Mở giao diện nhập thông tin tài khoản Nhập thơng tin tài khoản để đăng kí Chọn Đăng kí tài khoản Kiểm tra thơng tin tài khoản khách hàng hợp lệ Lưu tài khoản khách hàng vào CSDL A1 Thông tin tài khoản khách hàng không hợp lệ 3.2.13 Khách hàng sửa thông tin tài khoản 35 3.2.14 Tạo đăng 36 3.2.15 Sửa đăng 37 3.2.16 Ẩn đăng CHƯƠNG THIẾT KẾ GIAO DIỆN 4.1 Danh sách hình STT Tên hình Loại hình Chức Đăng nhập Màn hình nhập liệu Nhập tài khoản đăng nhập Trang chủ Màn hình chính, tra Hiện thị thông tin, số liệu Admin cứu, thống kê thống kê Trang chủ Màn hình chính, Hiển thị thơng tin Customer đăng mới, quảng cáo website 38 Giao diện cho Quản lí đăng, Hiển thị thơng tin quản lí nhân viên quảng cáo đăng quảng cáo Bao gồm tất Quản lí tất thơng tin hình hệ thống website Giao diện cho quản trị viên website Giao diện cho khách hàng Trang chủ, thông tin cá nhân, đăng bài, danh sách đăng … Hiển thị thông tin trang web cho khách hàng 4.2 Mơ tả chi tiết hình 4.2.1 Màn hình hệ thống quản lí (ADMIN) 4.2.1.1 Màn hình trang chủ 39 4.2.1.2 Màn hình quản lí đăng 4.2.1.3 Màn hình quản lí quảng cáo 4.2.1.4 Màn hình quản lí khách hàng 40 4.2.1.5 Màn hình quản lí báo cáo vi phạm 4.5.1.6 Màn hình quản lí thơng tin tài khoản 41 4.2.2 Màn hình khách hàng (CUSTOMER) 4.2.2.1 Màn hình đăng nhập 42 4.2.2.2 Màn hình trang chủ 4.2.2.3 Màn hình lọc đăng theo lọc 43 4.2.2.4 Màn hình quản lí tài khoản 44 4.2.2.4 Màn hình tạo đăng 4.2.2.5 Màn hình danh sách đăng 45 4.2.2.6 Màn hình danh sách tin lưu 46 CHƯƠNG KẾT LUẬN 5.1 Môi trường phát triển môi trường triển khai STT Tên yêu cầu Mức độ hoàn thành Đăng nhập 100% Đăng xuất 100% Đăng ký 100% Thêm / xóa / sửa quảng cáo 100% Thêm / xóa / sửa tài khoản 100% Tạo / khóa / sửa thơng tin khách hàng 100% Tạo / sửa / ẩn đăng 100% Tìm kiếm thống kê số liệu 100% Tìm kiếm đăng theo từ khóa lọc Quản lí báo cáo vi phạm Ghi 100% 100% 5.2 Kết đạt 5.1.1 Ưu điểm • Độ tin cậy: Hệ thống kiểm tra liệu nhập vào cho phép tự động thực số đối chiếu tìm ghi có chênh lệch liệu, thơng báo số liệu nhập sai để có hướng khắc phục • Tính bảo mật: Hệ thống đảm bảo tính riêng tư nhân viên, khách hàng 47 • Dễ sử dụng: Chương trình thiết kế giao diện đồ họa với cửa sổ, hộp thoại hướng dẫn sử dụng hợp lý • Web triển khai máy tính với nhiều tảng khác 5.1.2 Nhược điểm • Dữ liệu nhập tay, khơng thể nhập liệu từ file • Chưa thực số chức chương trình khuyến mãi, xuất phiếu sang PDF 5.3 Hướng phát triển • Tạo thêm môi trường chạy ứng dụng tảng Mobile để tăng tính tiện lợi • Chung cấp chức nhập liệu từ bên ngồi (từ bảng tính Excel, Access, …) • Cung cấp chức xuất liệu (In hóa đơn, tạo mã vạch, xuất báo cáo dạng PDF, …) • Cung cấp chức cho khách hàng trả giá CHƯƠNG TÀI LIỆU THAM KHẢO Trang web chodociu.com https://reactjs.org/: Trang web thức ReactJs https://laravel.com/: Trang web thức Laravel 48 CHƯƠNG BẢNG PHÂN CÔNG CÔNG VIỆC STT MSSV 17520647 17521233 Công việc giao • Thiết kế giao diện • Hiện thực Front-end • Hiện thực Back-end • Thiết kế CSDL Mức độ hoàn thành 100% 100% 49 ... PHÂN CÔNG CÔNG VIỆC 49 CHƯƠNG TỔNG QUAN 1.1 Khảo sát trạng Trong thời đại công nghệ phát triển việc sử dụng thiết bị điện tử cho công việc giải trí ngày phổ biến rộng rãi, q trình sử dụng. .. bị qua sử dụng khơng cá nhân, tổ chức muốn tìm kiếm thiết bị cũ với giá rẻ mà phục vụ tốt cho nhu cầu họ Chính ý tưởng xây dựng địa điểm giúp cho người tự thoải mái trao đổi vật dụng thiết bị qua. .. người tự thoải mái trao đổi vật dụng thiết bị qua sử dụng xu hướng 1.2 Định vị người dùng 1.2.1 Khảo sát tổ chức Quản lí website rao vặt công nghệ tổ chức bao gồm phận sau: Quản lý khách hàng