Xây dựng WEBSITE mua bán trao dổi hàng hóa đã qua sử dụng

ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM TRẦN MINH QUỐC - 15520702 ĐẶNG TRUNG THẮNG - 15520786 KHÓA LUẬN TỐT NGHIỆP XÂY DỰNG WEBSITE MUA BÁN TRAO ĐỞI HÀNG HĨA ĐÃ QUA SƯ DỤNG BUILD A WEBSITE TO BUYING AND EXCHANGE USED GOODS KỸ SƯ NGÀNH KỸ THUẬT PHẦN MỀM TP HỒ CHÍ MINH, 2021 ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CƠNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM TRẦN MINH QC – 15520702 ĐẶNG TRUNG THẮNG – 15520786 KHĨA LUẬN TỐT NGHIỆP XÂY DỰNG WEBSITE MUA BÁN TRAO ĐỔI HÀNG HÓA ĐÃ QUA SƯ DỤNG BUILD A WEBSITE TO BUYING AND EXCHANGE USED GOODS KỸ SƯ/ CƯ NHÂN NGÀNH PHẦN MỀM GIẢNG VIÊN HƯỚNG DẪN TS NGUYỄN HÀ GIANG ThS NGŨN THỊ THANH TRÚC TP HỒ CHÍ MINH, 2021 THƠNG TIN HỘI ĐỒNG CHẤM KHÓA LUẬN TỐT NGHIỆP Hội đồng chấm khóa luận tốt nghiệp, thành lập theo Quyết định số………………… ngày ……………………… Hiệu trưởng Trường Đại học Công nghệ Thơng tin ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH NAM Độc Lập - Tự Do - Hạnh Phúc TRƯỜNG ĐẠI HỌC CƠNG NGHỆ THƠNG TIN CỘNG HỊA XÃ HỘI CHỦ NGHĨA VIỆT TP HCM, ngày… tháng… năm 2021 NHẬN XÉT KHÓA LUẬN TỐT NGHIỆP CỦA CÁN BỘ HƯỚNG DẪN Tên khóa luận: XÂY DỰNG WEBSITE MUA BÁN TRAO ĐỞI HÀNG HĨA ĐÃ QUA SƯ DỤNG Nhóm SV thực hiện: Cán hướng dẫn: Trần Minh Quốc 15520702 TS Nguyễn Hà Giang Đặng Trung Thắng 15520786 ThS Nguyễn Thị Thanh Trúc Đánh giá Khóa luận Về báo cáo: Số trang _ Số chương _ Số bảng số liệu _ Số hình vẽ _ Số tài liệu tham khảo _ Sản phẩm _ Một số nhận xét hình thức báo cáo: .2 Về nội dung nghiên cứu: Về chương trình ứng dụng: Về thái độ làm việc sinh viên: Đánh giá chung: Điểm sinh viên: Trần Minh Quốc:……… /10 Đặng Trung Thắng:……… /10 Người nhận xét ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH (Ký tên ghi rõ họ tên) NAM Độc Lập - Tự Do - Hạnh Phúc TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT TP HCM, ngày… tháng… năm 2021 NHẬN XÉT KHÓA LUẬN TỐT NGHIỆP CỦA CÁN BỘ PHẢN BIỆN Tên khóa luận: XÂY DỰNG WEBSITE MUA BÁN TRAO ĐỞI HÀNG HĨA ĐÃ QUA SƯ DỤNG Nhóm SV thực hiện: Cán phản biện: Trần Minh Quốc 15520702 Đặng Trung Thắng 15520786 Đánh giá Khóa luận Về báo cáo: Số trang _ Số chương _ Số bảng số liệu _ Số hình vẽ _ Số tài liệu tham khảo _ Sản phẩm _ Một số nhận xét hình thức báo cáo: .6 Về nội dung nghiên cứu: Về chương trình ứng dụng: Về thái độ làm việc sinh viên: Đánh giá chung: Điểm sinh viên: Trần Minh Quốc:……… /10 Đặng Trung Thắng:……… /10 Người nhận xét (Ký tên ghi rõ họ tên) LỜI CẢM ƠN Nhóm em xin gửi lời cảm ơn đến ban giám hiệu, quý thầy cô trường Đại học Công nghệ Thông tin, đặc biệt thầy cô khoa Công Nghệ Phần Mềm cung cho chúng em hành trang kiến thức cần thiết, bổ ích phong phú năm học tập trường Xin bày tỏ lời cảm ơn chân thành đến cô Nguyễn Thị Thanh Trúc - người dành nhiều thời gian hướng dẫn giúp đỡ nhóm em suốt q trình làm khóa luận để hồn thành tốt khóa luận tốt nghiệp Tuy nhóm em nỗ lực nhiều để làm khóa luận hồn thiện chắc chắn khó tránh khỏi thiếu sót nên kính mong q thầy thơng cảm tận tình bảo để cải thiện tốt Kính chúc q thầy có thật nhiều sức khỏe niềm tin để thực sứ mệnh cao đẹp truyền đạt kiến thức cho hệ sau Chúng em trân trọng cảm ơn! ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CƠNG NGHỆ THƠNG TIN CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc Lập - Tự Do - Hạnh Phúc ĐỀ CƯƠNG CHI TIẾT TÊN ĐỀ TÀI TIẾNG VIỆT: Xây dựng website mua bán trao đởi hàng hóa đã qua sử dụng TÊN ĐỀ TÀI TIẾNG ANH: Build a website to buying and exchange used goods Cán hướng dẫn: TS Nguyễn Hà Giang ThS Nguyễn Thị Thanh Trúc Thời gian thực hiện: Từ ngày 10/03/2021 đến ngày 26/06/2021 Sinh viên thực hiện: Trần Minh Quốc - 15520702 Đặng Trung Thắng - 15520786 Nội dung đề tài: I) Mục tiêu đề tài Trong năm trở lại thương mại điện tử phát triển mạnh mẽ với gia tăng doanh nghiệp hình thức thương mại điện tử Người dùng ngày có xu hướng tìm kiếm mua hàng website thương mại lớn Tiki, Shopee, Lazada nơi cung cấp nhiều mặt hàng từ nước đến nước Các sản phẩm sản phẩm giá rẻ so với việc mua trực tiếp bên ngồi, cao cho với số người hạn hẹp tài Bên cạnh nhu cầu tìm kiếm sản phẩm mạng nhu cầu tìm kiếm mặt hàng cũ, qua sử dụng cao Nên chúng em định thực đề tài “Xây dựng website mua bán trao đổi hang hóa qua sử dụng” nhằm cung cấp cho người dùng nơi đáng tin cậy: cho người có hàng hóa qua sử dụng không dùng đến nữa, đến người có nhu cầu tìm kiếm mặt hàng ưng ý với giá phải II) Phạm vi Xây dựng website cung cấp nơi mua bán giao dịch hàng hóa qua sử dụng, kết nối người có nhu cầu bán đồ dùng cũ với người có nhu cầu tìm kiếm sản phẩm ưng ý với giá phải III) Đới tượng: • Cơng nghệ: o Net Core o ReactJS o SQL Server o Firebase • Tìm hiểu thêm kiến trúc Microservices • Các thuật tốn liên quan đến tìm kiếm • Đối tượng phạm vi đề tài hướng đến: o Người mua có kinh phí hạn hẹp, người muốn trải nghiệm sản phẩm, người mua với giá rẻ bán lại kiếm lời… o Người bán cần tiền, người trải nghiệm xong sản phẩm, người sử dụng sản phẩm không ưng ý muốn bán lại… IV) Phương pháp nghiên cứu: • Tìm hiểu phân tích nhu cầu người dùng • Phân loại sản phẩm sử dụng còn giá trị bán lại • Xây dựng sở liệu • Xây dựng giao diện website tiện lợi cho người dùng dễ dàng sử dụng • Xây dựng tính chat giúp người mua người bán tiện lợi việc liên lạc trao đổi sản phẩm V) Kết quả mong đợi: • Cung cấp cho chức tiện lợi cho người mua hàng dễ dàng tìm kiếm sản phẩm phù hợp với mức giá • Cung cấp chức thuận tiện cho người bán nơi đăng tải quản lý sản phẩm • Cung cấp giao diện thuận tiện cho người dùng responsive cho mobile tablet • Cung cấp tính chat để người mua người bán dễ dàng liên lạc với để trao đổi sản phẩm thuận tiện Kế hoạch thực hiện: STT Cơng việc Thời gian Phân cơng Tìm hiểu sản phẩm qua 10/03 – 11/03 Cả hai sử dụng có giá trị để bán lại hoặc trao đổi phân loại chúng Tìm hiểu Net Core, SQL Server 12/03 – 14/03 Cả hai Tìm hiểu ReactJS, Firebase 14/03 – 16/03 Cả hai Phân tích nghiệp vụ, chức dựa 17/03 – 24/03 Cả hai thông tin thu thập sản phẩm nhu cầu sử dụng người dùng Lên thiết kế giao diện website 24/03 – 01/04 Cả hai Xây dựng sở liệu 24/03 – 28/03 Cả hai Ghi chú Lập trình chức năng, giao 01/04 – 30/04 Thắng 01/04 – 30/04 Quốc 01/05 -01/06 Cả hai 01/06 – 24/06 Cả hai diện dành cho người mua hàng Lập trình chức năng, giao diện dành cho người bán hàng Triển khai website, kiểm tra điều chỉnh lỗi 10 Hoàn thiện luận văn chuẩn bị báo cáo Xác nhận CBHD TP HCM, ngày….tháng… năm (Ký tên ghi rõ họ tên) 2021 Sinh viên (Ký tên ghi rõ họ tên) MỤC LỤC TÓM TẮT KHÓA LUẬN Chương TỔNG QUAN ĐỀ TÀI 1.1 Giới thiệu đề tài .3 1.2 Lý chọn đề tài 1.3 Mục tiêu .4 1.4 Đối tượng .4 1.5 Phạm vi 1.6 Phương pháp thực Chương CƠ SƠ RoleId int ID vai trò DateCreated datetime Ngày khởi tạo DateModified datetime Ngày chỉnh sửa Status int Trạng thái IsActive bit Kích hoạt Bảng 4.1 Lớp Admin 4.1.2.2 Bids: Tên biến Kiểu liệu Ý nghĩa idBids int ID bán đấu giá ProdNum int ID sản phẩm UserId int ID người dùng PriceA real Giá sản phẩm DateCreated datetime Ngày khởi tạo 46 DateModified datetime Ngày chỉnh sửa Status bit Trạng thái Bảng 4.2 Lớp Bids 4.1.2.3 Categories: Tên biến Kiểu liệu Ý nghĩa CategoryID int ID danh mục CategoryGroupID int ID danh mục nhóm CategoryName nvarchar(50) Tên danh mục DateCreated datetime Ngày khởi tạo DateModified datetime Ngày chỉnh sửa Status int Trạng thái IsActive bit Kích hoạt Icon nvarchar(MAX) Icon danh mục Bảng 4.3 Lớp Categories 4.1.2.4 CategoryGroups: Tên biến Kiểu liệu Ý nghĩa CategoryGroupID int ID danh mục nhóm CategoryName nvarchar(50) Tên danh mục DateCreated datetime Ngày khởi tạo 47 Status int Trạng thái DateModified datetime Ngày chỉnh sửa IsActive bit Kích hoạt Icon nvarchar(MAX) Icon danh mục Bảng 4.4 Lớp CategoryGroups 4.1.2.5 CategoryProduct: Tên biến Kiểu liệu Ý nghĩa CategoryProductID int ID danh mục sản phẩm CategoryID int ID danh mục CategoryName nvarchar(50) Tên danh mục DateCreated datetime Ngày khởi tạo DateModified datetime Ngày chỉnh sửa Status int Trạng thái IsActive bit Kích hoạt Icon nvarchar(MAX) Icon danh mục Bảng 4.5 Lớp CategoryProduct 4.1.2.6 Images: Tên biến Kiểu liệu Ý nghĩa ImageId int ID hình ảnh 48 Status int Trạng thái IsActive bit Kích hoạt ImageData nvarchar(MAX) Dữ liệu hình ảnh Bảng 4.6 Lớp Images 4.1.2.7 Products: Tên biến Kiểu liệu Ý nghĩa ProdNum int ID sản phẩm ProdName nvarchar(50) Tên sản phẩm ImageId int ID hình ảnh Category1Id int ID danh mục Category2Id int ID danh mục Category3Id int ID danh mục Descriptions nvarchar(50) Mô tả sản phẩm PriceA real Giá A PriceB real Giá B PriceC real Giá C DateCreated datetime Ngày khởi tạo DateModified datetime Ngày chỉnh sửa Status bit Trạng thái 49 CommentId int ID bình luận SalesType int Thể loại bán BrandId Int Id nhãn hàng Origin Varchar Xuất xử LikeNew Float Tình trạng Weight Float Trọng lượng Width Float Chiều rộng Height Float Chiều dài Dept Float Chiều sâu/ Chiều cao City Varchar Thành phố District Varchar Quận/Huyện Ward Varchar Phường xã Stress Varchar Tên đường Sex Bit Giới tính Ages Int Tuổi RAM Int Dung lượng ram Processcor Varchar Vi xử lý 50 Capacity Int Dung lượng Stock Int Tồn kho Color Varcher Màu Bảng 4.7 Lớp Products 4.1.2.8 Roles: Tên biến Kiểu liệu Ý nghĩa idRoles int ID vai trò RoleName nvarchar(50) Tên vai trò Status int Trạng thái DateCreated datetime Ngày khởi tạo DateModified datetime Ngày chỉnh sửa IsActive bit Kích hoạt Bảng 4.8 Lớp Roles 4.1.2.9 Slides: Tên biến Kiểu liệu Ý nghĩa idSlides int ID hình chiếu ImageId int ID hình ảnh Link nvarchar(MAX) Dữ liệu hình ảnh Status int Trạng thái 51 DateCreated datetime Ngày khởi tạo DateModified datetime Ngày chỉnh sửa IsActive bit Kích hoạt Bảng 4.9 Lớp Slides 4.1.2.10 Transactions: Tên biến Kiểu liệu Ý nghĩa idTransactions int ID giao dịch ProdNum nvarchar(50) ID sản phẩm Note nvarchar(MAX) Ghi chú DateCreated datetime Ngày khởi tạo DateModified datetime Ngày chỉnh sửa Status bit Trạng thái Quan int Số lượng sản phẩm BidId int ID bán đấu giá Bảng 4.10 Lớp Transactions 4.1.2.11 Users: Tên biến Kiểu liệu Ý nghĩa idUsers int ID người dùng UserName nchar(50) Tài khoản 52 Pwd nchar(20) Mật DateCreated datetime Ngày khởi tạo DateModified datetime Ngày chỉnh sửa Status int Trạng thái IsActive bit Kích hoạt FirstName nvarchar(50) Tên riêng LastName nvarchar(50) Họ Email nvarchar(100) Địa mail Phone int Số điện thoại Address nvarchar(200) Địa giao hàng Points int Điểm MemberGroupId int ID thành viên nhóm Bảng 4.11 Lớp Users 4.2 Các phương thức xử lý liệu 4.2.1 Truy xuất liệu Các liệu sản phẩm, người dùng lưu trữ vào sở liệu truy xuất dựa khóa ProdNum, idUsers… phương thức GET Dữ liệu trước trả lưu ResponseEntity với status code message: • Thành cơng trả status 200 message OK • Thất bại trả status 500 thông báo message error 53 Sequence diagram: Hình 4.2 Truy xuất liệu 4.2.2 Khởi tạo liệu Các liệu sản phẩm, người dùng thêm vào sở liệu với thông tin nhập vào từ người dùng server thêm phương thức POST Dữ liệu trước trả lưu ResponseEntity với status code message: • Thành cơng trả status 200 message OK • Thất bại trả status thông báo message error Sequence diagram: 54 Hình 4.3 Khởi tạo liệu 4.2.3 Cập nhật liệu Các liệu sản phẩm, người dùng cập nhật sở liệu thông qua thông tin chỉnh sửa người cập nhật dựa khóa ProdNum, idUsers… phương thức PUT Dữ liệu trước trả lưu ResponseEntity với status code message: • Thành cơng trả status 200 message OK • Thất bại trả status thông báo message error Sequence diagram: 55 Hình 4.4 Cập nhật liệu 4.3 Triển khai hệ thống Hệ thống bao gồm: • Front-end: o ReactJS Framework o Firebase Cloud Messaging • Back-end: o Dot Net Core Framework o SQL Server o Firebase o SMTP Email 56 4.3.1 Kiến trúc Client Hình 4.5 Kiến trúc Client STT Tên Module Mô tả Components Chứa thành phần giao diện nhỏ lẻ hình Utils Các tool tiện ích hỗ trợ cho nhiều mục đích khác Redux Chứa redux config liên quan 57 Hook Gồm file có hàm kết nối React State Lifecycle vào Components Asset Lưu trữ bố cục, hình ảnh local phần giao diện AuthServices Nơi xác thực cấu hình service Views Chứa giao diện hình Layouts Nơi chứa bố cục chung hình người dùng quản trị viên Bảng 4.12 Các thành phần kiến trúc Client 58 4.3.2 Kiến trúc API server Hình 4.6 Kiến trúc API server STT Tên Module Mô tả Models Là thư viện nơi chứa domain objects API Controller Nơi chứa phương thức xử lý liệu như: GET, POST, PUT Entity Framework Chứa gói khai báo lớp liệu Bảng 4.13 Các thành phần kiến trúc API server 59 4.4 Giao diện 4.4.1 Danh sách màn hình STT Tên màn hình Màn hình Home Màn hình Chi tiết sản phẩm Màn hình Giỏ hàng Màn hình Tạo viết Màn hình Quản lý tài khoản Màn hình Quản lý hình ảnh Màn hình Quản lý danh mục Bảng 4.14 Danh sách hình 60 4.4.2 Giao diện màn hình ... mặt hàng cũ, qua sử dụng cao Nên chúng em định thực đề tài ? ?Xây dựng website mua bán trao đổi hang hóa qua sử dụng? ?? nhằm cung cấp cho người dùng nơi đáng tin cậy: cho người có hàng hóa qua sử dụng. .. Document Object Model TÓM TẮT KHÓA LUẬN Khóa luận đề tài ? ?Xây dựng website mua bán trao đổi hàng hoá qua sử dụng? ?? xây dựng thông qua việc tham khảo số nhu cầu mua bán hàng cũ người dùng trang thuơng... tế, nên việc mua bán mặt hàng qua sử dụng giải pháp tốt, tiết kiệm chi phí cho họ bối cảnh khó khăn Vì chúng em định thực đề tài ? ?Xây dựng website mua bán trao đổi hàng hóa qua sử dụng? ?? nhằm