Thông tin tài liệu
ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN BÁO CÁO ĐỒ ÁN CUỐI KỲ Mơn học: INTERNET VÀ CƠNG NGHỆ WEB Đề tài: Quản lý Showroom ô tô Giáo viên hướng dẫn: ThS Võ Tấn Khoa Nhóm thực hiện: Nhóm 11 Họ tên Mã số sinh viên Đặng Bá Lĩnh 20521528 Nguyễn Ngọc Nam 20521631 Đoàn Quốc Bảo 20521097 Nguyễn Thành Trung 20522074 Lê Quang Thắng 20521895 Võ Thùy Phương Trúc 20522065 Phạm Thị Huyền Nhung 20521725 TP Hồ Chí Minh, tháng 12 năm 2022 MỤC LỤC CHƯƠNG 1: TỔNG QUAN, QUY TRÌNH KHẢO SÁT ĐỒ ÁN 11 1.1 Mục đích mơ tải tài liệu 11 1.2 Phạm vi đồ án 12 1.3 Quản lý đồ án với mơ hình thác nước kết hợp với Scrum 12 1.4 Các công cụ sử dụng đồ án 13 1.5 Các công nghệ thư viện sử dụng đồ án 16 1.5.1 Frontend 16 1.5.2 Backend 17 1.6 Khảo sát 18 1.6.1 Phương thức .18 1.6.2 Thực khảo sát .18 1.6.3 Kết luận rút kinh nghiệm 20 CHƯƠNG 2: ĐẶC TẢ VÀ PHÂN TÍCH HỆ THỐNG 21 2.1 Đặc tả 21 2.1.1 Quản lý tài khoản 23 2.1.1.1 Đăng kí 23 2.1.1.2 Đăng nhập 24 2.1.1.3 Đăng xuất 25 2.1.1.4 Quên mật 26 2.1.1.5 Xem thông tin tài khoản 27 2.1.1.6 Thay đổi thông tin tài khoản .27 2.1.2 Quản lý nội dung xe 28 2.1.2.1 Thêm xe .28 2.1.2.2 Xem thông tin chi tiết xe 29 2.1.2.3 Cập nhật thông tin xe 29 2.1.2.4 Xóa xe 30 2.1.2.5 Tìm kiếm xe 30 2.1.2.6 2.1.3 Mua xe 31 Quản lí khách hàng 31 2.1.3.1 Thêm khách hàng 31 2.1.3.2 Xem thông tin khách hàng 32 2.1.3.3 Sửa thông tin khách hàng 32 2.1.3.4 Xóa khách hàng 33 2.1.3.5 Tìm kiếm khách hàng 33 Quản lý nhân viên 34 2.1.4 2.1.4.1 Thêm nhân viên 34 2.1.4.2 Xem thông tin nhân viên 34 2.1.4.3 Sửa thông tin nhân viên 35 2.1.4.4 Xóa nhân viên .35 2.1.4.5 2.1.5 Tìm kiếm nhân viên 36 Quản lý tin tức 36 2.1.5.1 Thêm tin tức 36 2.1.5.2 Xem thông tin tin tức 37 2.1.5.3 Sửa thông tin tin tức 37 2.1.5.4 Xóa tin tức 38 2.1.6 Quản lý form phản hồi 38 2.1.6.1 Thêm form 38 2.1.6.2 Xem thông tin form 39 2.1.6.3 Xóa form .39 2.1.6.4 Tìm kiếm form 40 2.1.7 Quản lý hóa đơn 40 2.1.7.1 Thêm hóa đơn .40 2.1.7.2 Xem thơng tin hóa đơn 41 2.1.7.3 Sửa tình trạng hóa đơn 41 2.1.7.4 Xóa hóa đơn 42 2.1.7.5 Tìm kiếm hóa đơn .42 2.2 Phân tích hệ thống 43 2.2.1 Sơ đồ use-case tổng quát 44 2.2.2 Danh sách Actors 44 2.2.3 Danh sách use-cases 45 2.2.4 Đặc tả use-case 47 2.2.4.1 Quản lí tài khoản 49 2.2.4.2 Quản lí nội dung xe 52 2.2.4.3 Quản lí khách hàng 53 2.2.4.3 Quản lí nhân viên 54 2.2.4.4 Quản lí hóa đơn 55 2.2.4.5 Quản lí tin tức 55 2.2.4.6 Quản lí form 56 CHƯƠNG 3: THIẾT KẾ HỆ THỐNG VÀ THIẾT KẾ CƠ SỞ DỮ LIỆU 57 3.1 Nêu lên kiến trúc hệ thống mô tả thành phần 57 3.1.1 Kiến trúc hệ thống .57 3.1.2 Mô tả thành phần 57 3.2 Thiết kế sơ liệu 60 CHƯƠNG 4: THIẾT KẾ GIAO DIỆN VÀ XỬ LÝ 67 4.1 Danh sách hình sơ đồ liên kết hình 67 4.1.1 Sơ đồ liên kết hình 67 4.1.2 Danh sách hình 67 4.2 Chi tiết hình 70 4.2.1 Màn hình Login 70 4.2.2 Màn hình Forget Password 72 4.2.3 Màn hình Reset Password 73 4.2.4 Màn hình Register .75 4.2.5 Màn hình introduction 77 4.2.5 Màn hình Contact .78 4.2.6 Màn hình News 80 4.2.7 Màn hình Read news 82 4.2.8 Màn hình trang chủ 83 4.2.9 Màn hình Product .87 4.2.10 Màn hình Use 89 4.2.11 Màn hình Dashboard 90 CHƯƠNG 5: CÀI ĐẶT VÀ KIỂM THỬ - ĐỊNH HƯỚNG PHÁT TRIỂN .116 5.1 Các bước cài đặt, deploy đồ án, API 116 5.2 Các API dùng đồ án 117 5.3 Ưu nhược điểm đồ án 119 5.3.1 Ưu điểm: 119 5.3.2 Nhược điểm 120 5.4 Định hướng phát triển đồ án 120 BẢNG PHÂN CÔNG, ĐÁNH GIÁ THÀNH VIÊN .121 TÀI LIỆU THAM KHẢO 124 Danh Mục Bảng Bảng Đặc tả cấu trúc cho yêu cầu đăng ký 24 Bảng 2 Đặc tả có cấu trúc cho u cầu xem thơng tin tài khoản 25 Bảng Đặc tả có cấu trúc cho yêu cầu quên mật 26 Bảng Đặc tả có cấu trúc cho u cầu xem thơng tin tài khoản 27 Bảng Đặc tả có cấu trúc cho yêu cầu thay đổi thông tin tài khoản 28 Bảng Đặc tả có cấu trúc cho yêu cầu thêm xe 28 Bảng Đặc tả có cấu trúc cho yêu cầu xem thông tin chi tiết xe 29 Bảng Đặc tả có cấu trúc cho yêu cầu cập nhật thông tin xe 29 Bảng Đặc tả có cấu trúc cho yêu cầu xóa xe 30 Bảng 10 Đặc tả có cấu trúc cho u cầu tìm kiếm xe 30 Bảng 11 Đặc tả có cấu trúc cho yêu cầu mua xe 31 Bảng 12 Bảng đặc tả có cấu trúc cho yêu cầu thêm khách hàng 32 Bảng 13 Bảng đặc tả có cấu trúc cho yêu cầu xem thông tin khách hàng 32 Bảng 14 Bảng đặc tả có cấu trúc cho yêu cầu thay đổi thông tin khách hàng .33 Bảng 15 Bảng đặc tả có cấu trúc cho yêu cầu xóa khách hàng 33 Bảng 16 Bảng đặc tả có cấu trúc cho yêu cầu tìm kiếm khách hàng 34 Bảng 17 Bảng đặc tả có cấu trúc cho yêu cầu thêm nhân viên 34 Bảng 18 Bảng đặc tả có cấu trúc cho yêu cầu xem thông tin nhân viên 35 Bảng 19 Bảng đặc tả có cấu trúc cho u cầu thay đổi thơng tin nhân viên .35 Bảng 20 Bảng đặc tả có cấu trúc cho yêu cầu xóa nhân viên 36 Bảng 21 Bảng đặc tả có cấu trúc cho u cầu tìm kiếm nhân viên .36 Bảng 22 Bảng đặc tả có cấu trúc cho yêu cầu thêm tin tức 37 Bảng 23 Bảng đặc tả có cấu trúc cho yêu cầu xem thông tin tin tức 37 Bảng 24 Bảng đặc tả có cấu trúc cho yêu cầu thay đổi thông tin tin tức .38 Bảng 25 Bảng đặc tả có cấu trúc cho yêu cầu xóa tin tức 38 Bảng 26 Bảng đặc tả có cấu trúc cho yêu cầu thêm form 39 Bảng 27 Bảng đặc tả có cấu trúc cho yêu cầu xem thông tin form .39 Bảng 28 Bảng đặc tả có cấu trúc cho yêu cầu xóa form 40 Bảng 29 Bảng đặc tả có cấu trúc cho u cầu tìm kiếm form 40 Bảng 30 : Bảng đặc tả có cấu trúc cho yêu cầu thêm hóa đơn 41 Bảng 31 Bảng đặc tả có cấu trúc cho u cầu xem thơng tin hóa đơn 41 Bảng 32 Bảng đặc tả có cấu trúc cho yêu cầu thay đổi tình trạng hóa 42 Bảng 33 Bảng đặc tả có cấu trúc cho u cầu tìm kiếm hóa đơn 43 Bảng 34 Danh sác actors mô tả chúng 45 Bảng 35 Danh sách use-cases ý nghĩa 46 Bảng 36 Bảng thích thành phần use-case cần đặc tả .48 Bảng 37 Bảng đặc tả use-case đăng ký 49 Bảng 38 Bảng đặc tả use-case đăng nhập 50 Bảng 39 Bảng đặc tả use-case đăng xuất 51 Bảng 40 Bảng đặc tả use-case Xem Thay đổi thông tin tài khoản 52 Bảng 41 Bảng đặc tả use-case quản lí nội dung xe 53 Bảng 42 Bảng đặc tả use-case quản lí khách hàng 53 Bảng 43 Bảng đặc tả use-case quản lí nhân viên 54 Bảng 44 Bảng đặc tả use-case quản lí hóa đơn 55 Bảng 45 Bảng đặc tả use-case quản lí tin tức 56 Bảng 46 Bảng đặc tả use-case quản lí form 57 Bảng Ý nghĩa mã trạng thái 60 Bảng Model car 62 Bảng 3 Model user 63 Bảng Model news 64 Bảng Model form 64 Bảng Model hóa đơn 65 Bảng Model Chi tiết hoa đơn 65 Bảng Danh sách hình 69 Bảng Bảng mô tả đối tượng hình Login 71 Bảng Danh sách biến cố xử lý hình Login 71 Bảng 4 Bảng mô tả đối tượng hình Forget password .72 Bảng Danh sách biến cố xử lý hình Forget password 73 Bảng Bảng mơ tả đối tượng hình Reset Password 74 Bảng Danh sách biến cố xử lý hình Reset Password 74 Bảng Bảng mơ tả đối tượng hình Register 76 Bảng Danh sách biến cố xử lý hình Register 76 Bảng 10 Bảng mô tả đối tượng hình Contact 79 Bảng 11 Danh sách biến cố xử lý hình Contact 79 Bảng 12 Danh sách biến cố xử lý hình News 81 Bảng 13 Danh sách biến cố xử lý hình Read News 82 Bảng 14 Bảng mơ tả đối tượng hình Home 86 Bảng 15 Danh sách biến cố xử lý hình Home 86 Bảng 16 Bảng mô tả danh sách biến cố hình 87 Bảng 17 Bảng mơ tả đối tượng hình 88 Bảng 18 : Bảng mô tả danh sách biến cố hình 88 Bảng 19 Bảng mơ tả đối tượng hình 89 Bảng 20 Bảng mô tả danh sách biến cố hình 90 Bảng 21 Bảng mơ tả đối tượng hình Quản lý 91 Bảng 22 Bảng mơ tả đối tượng hình 92 Bảng 23 Bảng mô tả danh sách biến cố hình 93 Bảng 24 Bảng mơ tả đối tượng hình 93 Bảng 25 Bảng mơ tả đối tượng hình 94 Bảng 26 Bảng mô tả danh sách biến cố hình 94 Bảng 27 Bảng mơ tả đối tượng hình 96 Bảng 28 Bảng mô tả danh sách biến cố hình 96 Bảng 29 Bảng mơ tả đối tượng hình xóa tơ 98 Bảng 30 Bảng mô tả danh sách biến cố hình xóa tơ 98 Bảng 31 Bảng mô tả đối tượng hình cập nhật liệu xe .99 Bảng 32 Bảng mô tả danh sách biến cố hình cập nhật liệu xe .99 Bảng 33 Bảng mô tả đối tượng hình chi tiết xe 100 Bảng 34 Bảng mô tả danh sách biến cố hình chi tiết xe 100 Bảng 35 Bảng mô tả đối tượng hình thêm tơ .101 Bảng 36 Bảng mô tả danh sách biến cố hình thêm ô tô 102 Bảng 37 Bảng mô tả đối tượng hình quản lý hóa đơn 103 Bảng 38 Bảng mô tả danh sách biến cố hình quản lý hóa đơn 104 Bảng 39 Bảng mơ tả đối tượng hình tạo hóa đơn 105 Bảng 40 Bảng mơ tả đối tượng hình quản lý form 106 Bảng 41Bảng mô tả danh sách biến cố hình quản lý form .107 Bảng 42 Bảng mô tả đối tượng hình quản lý tin tức 107 Bảng 43 Bảng mô tả đối tượng hình xóa tin tức 108 Bảng 44 Bảng mô tả danh sách biến cố hình xóa tin tức 108 Bảng 45 Bảng mơ tả đối tượng hình sửa tin tức 109 Bảng 46 Bảng mơ tả đối tượng hình thêm tin tức 110 Bảng 47 Bảng mơ tả đối tượng hình quản lý nhân viên .112 Bảng 48 Bảng mơ tả biến cố hình quản lý hóa đơn 112 Bảng 49 Bảng mơ tả đối tượng hình thêm nhân viên 113 Bảng 50 Bảng mơ tả đối tượng hình chi tiết nhân viên 114 Bảng 51 Bảng mô tả danh sách biến cố hình chi tiết nhân viên 114 Bảng 52 Bảng mơ tả đối tượng hình xóa nhân viên 115 Bảng 53 Bảng mô tả danh sách biến cố hình xóa nhân viên 115 Hình 34 Màn hình thêm tin tức STT Tên đối tượng Kiểu Ý nghĩa Link ảnh Input Nhập link ảnh Tiêu đề Input Nhập tiêu đề Mô tả Input Nhập thương hiệu Ngày đăng Input Nhập ngày đăng Tác giả Input Nhập tên động Chi tiết Input Nhập chi tiết Bảng 46 Bảng mô tả đối tượng hình thêm tin tức Ràng buộc f) Nhân viên Hình 35 Màn hình quản lý nhân viên STT Tên đối tượng Kiểu Ý nghĩa Quản lý ô tô Hiển thị trang quản lý ô tô Quản lý khách hàng Hiển thị trang quản lý khách hàng Quản lý form Hiển thị trang quản lý form Quản lý hóa đơn Hiển thị trang quản lý hóa đơn Quản lý tin thức Hiển thị trang qản lý tin tức Icon bút Icon Hiển thị hình chỉnh sửa nhân viên Ràng buộc Icon thùng rác Icon Hiển thị pop up xóa nhân viên Bảng 47 Bảng mơ tả đối tượng hình quản lý nhân viên STT Biến cố Tên hàm Mô tả xử lý Click vào chọn item “Quản lý ô tô” Hiển thị trang quản lý ô tô Click vào chọn item “Quản lý khách hàng” Hiển thị trang quản lý khách hàng Click vào chọn item “Quản lý tin tức” Hiển thị trang quản lý tin tức Click vào chọn item “Quản lý form” Hiển thị trang quản lý form Click vào chọn item “Quản lý nhân viên” Hiển thị trang quản lý nhân viên Click vào button thêm hóa đơn Hiển thị hình pop up để thêm hóa đơn Click vào icon bút Hiển thị hình chỉnh sửa hóa đơn Click vào icon thùng rác Hiển thị hình xác nhận xóa pop up Click vào button chi tiết Hiển thị hình chi tiết xe Bảng 48 Bảng mơ tả biến cố hình quản lý hóa đơn Ý nghĩa Hình 36 Màn hình thêm nhân viên STT Tên đối tượng Tên nhân viên Kiểu Ý nghĩa Ràng buộc Input Nhập tên nhân viên Giới tính Input Nhập giới tính Địa Input Nhập địa Ngày sinh Input Nhập ngày đăng Số điện thoại Input Nhập số điện thoại Chức vụ Input Nhập chức vụ Email Input Nhập Email Mật Input Nhập mật Bắt buộc Xác nhận mật Input Nhập lại mật Bắt buộc Bắt buộc Bảng 49 Bảng mơ tả đối tượng hình thêm nhân viên Hình 37 Màn hình xem chi tiết thơng tin nhân viên Bảng mô tả đối tượng hình STT Tên đối tượng Hủy Kiểu Ý nghĩa Ràng buộc Button Đóng trang hiển thị chi tiết nhân viên Bảng 50 Bảng mô tả đối tượng hình chi tiết nhân viên Bảng mơ tả danh sách biến cố hình STT Biến cố Click vào button hủy Tên hàm Mơ tả xử lý Đóng trang chi tiết thơng tin chi tiết nhân viên Bảng 51 Bảng mô tả danh sách biến cố hình chi tiết nhân viên Ý nghĩa Hình 38 Màn hình xóa nhân viên Bảng mơ tả đối tượng hình STT Tên đối tượng Kiểu Ý nghĩa Xóa ln Button Xóa thơng tin nhân viên có sẵn Hủy Button Hủy xác nhận xóa thơng tin nhân viên Ràng buộc Bảng 52 Bảng mô tả đối tượng hình xóa nhân viên Bảng mô tả danh sách biến cố hình STT Biến cố Tên hàm Mơ tả xử lý Click vào button Xóa ln Xóa thơng tin nhân viên Click vào button Hủy Hủy xóa thơng tin nhân viên Bảng 53 Bảng mô tả danh sách biến cố hình xóa nhân viên Ý nghĩa CHƯƠNG 5: CÀI ĐẶT VÀ KIỂM THỬ - ĐỊNH HƯỚNG PHÁT TRIỂN 5.1 Các bước cài đặt, deploy đồ án Link source code Front End: https://github.com/dangbalinh/showroomcar104 Link source code Back End: https://github.com/nuitfsdev/showroomcar104BE - Các bước chạy dự án local: + Bước 1: Mở terminal, gõ lệnh git clone https://github.com/dangbalinh/showroomcar104.git + Bước 2: Gõ lệnh npm install để cài đặt node-modules cho dự án + Bước 3: Gõ lệnh npm start để chạy dự án Vì local dùng API với địa deploy khơng cần chạy source code Back End Trong trường hợp muốn chạy source code Back End ta làm sau: + Bước 1: Mở terminal, gõ lệnh git clone https://github.com/nuitfsdev/showroomcar104BE.git + Bước 2: Gõ lệnh npm install để cài đặt node-modules cho dự án + Bước 3: Thêm thư mục config file dev.env + Bước 4: Trong file dev.env cấu hình biến mơi trường sau: PORT=8000 MONGODB_URL=mongodb+srv://nuitfsdev:nguyennam@cluster0 afhgoej.mongodb.net/showroomcar104 JWT_SECRET=thisisnewuser USERMAIL=kingspeedmail@gmail.com PASSMAIL=ovprwckifgobfyeh URLCLIENT=http://localhost:3000/resetpass +Bước 5: Gõ lệnh npm run dev để chạy dự án - Deloy dự án: + Front End: Deploy Vercel: Link tham khảo môi trường cài đặt: https://vercel.com/ Link dự án deploy Vercel: https://showroomcar104.vercel.app/ + Back End: Deploy Render: Link tham khảo môi trường cài đặt : https://render.com/ Link dự án deploy Render: https://showroomcar104.onrender.com/ 5.2 Các API dùng đồ án Sử dụng địa deploy BackEnd: https://showroomcar104.onrender.com kèm địa Ví dụ https://showroomcar104.onrender.com/cars, https://showroomcar104.onrender.com/news - Car: GET: /cars : lấy thơng tin tơ Ngồi hỗ trợ query theo search macar, ten, thuonghieu, pageIndex, pageSize Ví dụ https://showroomcar104.onrender.com/cars?macar=OT3&ten=Honda /cars/:id : lấy thơng tin tơ có id tương ứng Ví dụ https://showroomcar104.onrender.com/cars/638e3ce750c953be649074 2d POST: /cars : thêm liệu ô tô vào database PUT: /cars/:id : cập nhật ô tô theo id DELETE: /cars/:id : xóa tơ theo id - User: GET: /users/me : lấy thông tin người dùng đăng nhập POST: /users : thêm user, đăng kí tài khoản /users/login: đăng nhập /users/logout: đăng xuất /users/forgotPassword: quên mật PUT: /users/me : cập nhật thông tin người dùng đăng nhập /users/resetPassword: đặt lại mật - News: GET: /news : lấy thông tin tin tức Ngồi cịn hỗ trợ query theo pageIndex, pageSize /news/:id : lấy thông tin tin tức có id tương ứng POST: /news : thêm liệu tin tức vào database PUT: /news/:id : cập nhật tin tức theo id DELETE: /news/:id : xóa tin tức theo id - Form: GET: /forms : lấy thông tin form liên hệ khách hàng Ngồi cịn hỗ trợ query theo dateForm, pageIndex, pageSize /forms/:id : lấy thông tin form liên hệ khách hàng có id tương ứng POST: /forms : thêm liệu form liên hệ khách hàng vào database DELETE: /forms/:id : xóa form theo id - Customer: GET: /users/customers : lấy thơng tin khách hàng Ngồi cịn hỗ trợ query theo name, mauser, email, search, pageIndex, pageSize /users/customers/:id : lấy thơng tin khách hàng có id tương ứng POST: /users/customers : thêm liệu khách hàng vào database PUT: /users/customers/:id : cập nhật thông tin khách hàng theo id DELETE: /users/customers/:id : xóa khách hàng theo id - Employee: GET: /users/employees : lấy thơng tin nhân viên Ngồi cịn hỗ trợ query theo name, mauser, email, search, pageIndex, pageSize /users/employees/:id : lấy thơng tin nhân viên có id tương ứng POST: /users/employees : thêm liệu nhân viên vào database PUT: /users/employees/:id : cập nhật thông tin nhân viên theo id DELETE: /users/employees/:id : xóa nhân viên theo id - HoaDon: GET: /hoadons : lấy thơng tin hóa đơn bao gồm thơng chi tiết hóa đơn Ngồi cịn hỗ trợ query theo tinhtrang, mahd, pageIndex, pageSize /hoadons/:id : lấy thơng tin hóa đơn có id tương ứng POST: /hoadons : thêm liệu hóa đơn vào database PUT: /hoadons/:id : cập nhật hóa đơn theo id DELETE: /hoadons/:id : xóa hóa đơn theo id 5.3 Ưu nhược điểm đồ án 5.3.1 Ưu điểm - Các tính đơn giản, dễ sử dụng, giao diện đại - Số lượng xe đa dạng, có tính tham khảo - Có áp dụng phương thức bảo mật cho tài khoản việc mã hóa mật khẩu, xác thực người dùng accessToken AccessToken lưu vào cookie giúp bảo mật so với lưu LocalStorage Gửi email xác thực tài khoản người dùng muốn đặt lại mật - Giao diện website gồm hai phần phần giao diện dành cho khách hàng giao diện dành cho quản lí Do đó, giúp cho luồng hoạt động website đảm bảo - Website hỗ trợ phân quyền người dùng, hạn chế người dùng truy cập vào trang không cho phép ví dụ khách hàng khơng thể truy cập vào trang quản lí - Hỗ trợ gửi email đơn đặt hàng hóa đơn đến email khách hàng, giúp khách hàng lưu trữ thơng tin hóa đơn tiện lợi - Hỗ trợ tính lọc, tìm kiếm giúp người dùng dễ dàng việc tra cứu thông tin - Hỗ trợ nhiều loại quản lí quản lí tơ, quản lí khách hàng, quản lí nhân viên, quản lí tin tức, quản lí hóa đơn, quản form liên hệ Trong trang quản lí hỗ trợ chức năng liên quan đến lấy, thêm, xóa, sửa, lọc, tìm kiếm,… Điều giúp đảm bảo chức cần thiết cho trang quản lí 5.3.2 Nhược điểm - Chưa hỗ trợ responsive cho trang web - Một vài thiếu sót chức chưa định dạng sẵn ngày tháng số nơi nhập liệu xác thực liệu người dùng nhập - Hiệu suất web chưa cao, vài xử lý chưa tối ưu 5.4 Định hướng phát triển đồ án - Phát triển thêm số tính cho trang web tích hợp chức bảo hành, quản lí chi nhánh,… - Tối ưu số phần code nhầm cải thiện hiệu suất trang web - Xây dựng website đáp ứng thiết bị kích thước hình khác BẢNG PHÂN CÔNG, ĐÁNH GIÁ THÀNH VIÊN Họ tên MSSV Phân cơng Đánh giá - Tìm kiếm tài ngun phân cơng Hồn thành tốt cơng việc lên kế hoạch hoạt động cho tiến độ thành viên nhóm Đặng Bá Lĩnh 20521528 14% - Code xử lí logic trang chủ - Code xử lý logic trang quản lý khách hàng, trang chi tiết khách hàng - Viết báo cáo chương - Code trang trang chủ, trang quản lý Hồn thành tốt tô, trang quản lý form phản hồi xử lý tiến độ chức trang Nguyễn Thành Trung 20522074 15% - Chuẩn bị bố cục code, chia layout cho website, phân chia router đến trang - Quay video demo website quản lý showroom ô tô - Thiết kế figma giao diện web trang Hồn thành tốt dashboard tiến độ -Tìm kiếm tài nguyên hình ảnh 14% liệu xe Honda Đoàn Quốc Bảo 20521097 - Code giao diện - xử lí logic trang product -Code giao diện - xử lí logic trang quản lí nhân viên - Viết báo cáo chương -Code Front End: xây dựng giao diện Hồn thành tốt và xử lí chức hình form liên tiến độ hệ 16% -Code Back End: viết API cho Nguyễn Ngọc Nam 20521631 model car, user, news…, xử lí chức xác thực người dùng đăng nhập, đăng kí, quên mật khẩu, phân quyền người dùng, CRUD, lọc, tìm kiếm, gửi email cho quên mật khẩu, đặt hàng hóa đơn,… -Viết báo cáo chương 3, chương - Thiết kế figma giao diện web Hoàn thành tốt - Code giao diện xử lý hệ thống đăng tiến độ Võ Thùy Phương Trúc nhập, đăng kí, quên mật khẩu, mật 14% 20522065 mới, code header, footer, chức tìm kiếm searchbar kèm trang kết tìm kiếm, code trang thơng tin user - Viết báo cáo chương 1, làm slide - Thiết kế figma giao diện web Code Hoàn thành tốt giao diện Introduction, quản lý hóa đơn tiến độ xử lý logic giao diện tương ứng Phạm Thị Huyền Nhung 20521725 13% - Tìm kiếm ảnh liệu xe BMW, VinFast, Hyundai Hỗ trợ thêm liệu xe vào database - Viết báo cáo phần 4.1, 4.2.1 đến 4.2.7 Lê Quang Thắng 20521895 - Tìm kiếm ảnh liệu xe, liệu Hoàn thành tốt tin tức tiến độ - Code trang tin tức, trang chi tiết tin tức, trang quản lý tin tức - Viết báo cáo chương 14% Tài Liệu Tham Khảo [1] Hướng dẫn sử dụng axios, https://github.com/axios/axios [Truy cập lần cuối: 01/12/2022] [2] React router Private, https://www.robinwieruch.de/react-router-private-routes/ [Truy cập lần cuối: 01/12/2022] [3] Thông tin MongoDB, https://topdev.vn/blog/mongodb-la-gi/ [Truy cập lần cuối: 26/11/2022] [4] Giao diện ô tô Mercedes-benz, https://www.mercedes-benz.com.vn/en/ [Truy cập lần cuối: 30/11/2022] [5] Giao diện ô tô BMW, https://bmwvietnam.com.vn/ [Truy cập lần cuối: 30/11/2022] [6] Jodit react, https://github.com/jodit/jodit-react [Truy cập lần cuối: 03/12/2022] [7] Material UI, https://mui.com/ [Truy cập lần cuối: 5/12/2022] [8] Tìm hiểu jsonwebtoken, https://viblo.asia/p/tim-hieu-ve-json-web-token-jwt- 7rVRqp73v4bP [Truy cập lần cuối: 3/12/2022] [9] Tài liệu MongooseJS, https://mongoosejs.com/docs/guide.html [Truy cập lần cuối: 8/12/2022] [10] Tài liệu sử dụng NodeMailer, https://nodemailer.com/smtp/well-known/ [Truy cập lần cuối: 4/12/2022]
Ngày đăng: 17/08/2023, 10:31
Xem thêm:
