Đồ án phát triển hệ thống quản lý vận chuyển hàng hóa cho sàn thương mại điện tử

ĐẠ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 ĐỒ ÁN PHÁT TRIỂN HỆ THỐNG QUẢN LÝ VẬN CHUYỂN HÀNG HÓA CHO SÀN THƯƠNG MẠI ĐIỆN TỬ GV HƯỚNG DẪN: TH.S NGUYỄN TRỊNH ĐÔNG SV THỰC HIỆN: TRƯƠNG NGUYỄN CƠNG CHÍNH – 20520884 NGUYỄN THÁI BẢO - 20521105 TP HỒ CHÍ MINH, 2023 LỜI CẢM ƠN Bài báo cáo thực Trường Đại học Công nghệ thông tin, Đại học Quốc gia Thành phố Hồ Chí Minh hướng dẫn khoa học TS Nguyễn Trịnh Đơng Tơi xin bày tỏ lịng biết ơn sâu sắc tới thầy quan tâm, hướng dẫn từ kỹ đến định hướng khoa học, tạo điều kiện thuận lợi suốt trình làm báo cáo trường Tôi xin gửi lời cám ơn đến Ban Lãnh đạo Trường Đại học Công nghệ thông tin, Đại học Quốc gia Thành phố Hồ Chí Minh tạo điều kiện tốt sở vật chất lẫn tinh thần cho suốt q trình hồn thành báo cáo Cuối cùng, tơi bày tỏ lịng biết ơn tới bố mẹ, ông bà, anh chị em gia đình Và lịng biết ơn vơ tận đến ơng nội, ơng có lẽ mát lớn đời tơi kèm theo tiếc nuối điều mà tơi chưa có khả làm cho ơng Nhưng qua thời gian, tơi mở lịng đón nhận mát Đối với động lực lớn để tơi hồn thành đồ án tiếp túc phấn đấu cho chặng đường đời Lời cuối tơi muốn nói là: “ Con cảm ơn tất xin lỗi làm người thất vọng” Thành phố Hồ Chí Minh, ngày 19 tháng năm 2023 Trương Nguyễn Cơng Chính 2|Page Mục lục CHƯƠNG TỔNG QUAN ĐỀ TÀI 1.1 Đặt vấn đề 1.2 Giải pháp 1.3 Mục tiêu đề tài 1.4 Phạm vi đề tài 1.5 Công cụ sử dụng 1.6 Đối tượng nghiên cứu 1.7 Khảo sát đánh giá ứng dụng có CHƯƠNG TỔNG QUAN CÔNG NGHỆ 10 2.1 Phương pháp làm việc 10 2.2 Phương pháp nghiên cứu 10 2.3 Phương pháp công nghệ tảng 10 2.4 Giới thiệu ReactJS Node.js 10 CHƯƠNG KHẢO SÁT VÀ PHÂN TÍCH ĐẶC TẢ YÊU CẦU 14 3.1 Khảo sát trạng 14 3.2 Danh sách yêu cầu có ứng dụng 14 CHƯƠNG PHÂN TÍCH HỆ THỐNG 16 4.1 Phân tích yêu cầu phần mềm 16 4.2 Bẳng trách nhiệm cho loại yêu cầu 18 CHƯƠNG THIẾT KẾ HỆ THỐNG 19 5.1 Sơ đồ Usecase tổng quát 19 CHƯƠNG THIẾT KẾ DỮ LIỆU 69 6.1 Sơ đồ logic hoàn chỉnh 69 6.2 Danh sách liệu sơ đồ logic 69 6.3 Mô tả bảng liệu 69 CHƯƠNG THIẾT KẾ GIAO DIỆN 75 CHƯƠNG CÀI ĐẶT DEMO SẢN PHẨM 76 CHƯƠNG KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 78 3|Page CHƯƠNG TỔNG QUAN ĐỀ TÀI 1.1 Đặt vấn đề Trong thời đại số hóa ngày phát triển, thương mại điện tử trở thành phương thức mua sắm phổ biến tiện lợi Sàn thương mại điện tử (e-commerce) đóng vai trị quan trọng việc kết nối người mua người bán tảng trực tuyến Tuy nhiên, việc quản lý vận chuyển hàng hóa lĩnh vực gặp phải nhiều khó khăn thách thức Hiện nay, hầu hết sàn thương mại điện tử phụ thuộc vào bên thứ ba để quản lý vận chuyển hàng hóa Điều gây nhiều vấn đề kiểm soát thời gian giao hàng, chi phí vận chuyển cao, rủi ro bảo mật chất lượng dịch vụ không đảm bảo Vì vậy, hệ thống quản lý vận chuyển hàng hóa tích hợp phát triển trực tiếp sàn thương mại điện tử giải khó khăn cung cấp trải nghiệm mua sắm tốt cho người dùng 1.2 Giải pháp Để hoàn thành đề tài, em nghiên cứu nội dung sau:  Tìm hiểu ngơn ngữ Javascript framework Express (Node.js) để hỗ trợ cho việc lập trình backend  Tìm hiểu ReactJS thư viện hỗ trợ để hỗ trợ cho việc lập trình web  Tìm hiểu công cụ hỗ trợ UI/UX design số công cụ thiết kế chỉnh sửa Adobe Figma để thiết kế giao diện cho ứng dụng 1.3 Mục tiêu đề tài Mục đích đề tài phát triển hệ thống quản lý vận chuyển hàng hóa cho sàn thương mại điện tử, nhằm cải thiện q trình vận chuyển hàng hóa tăng cường trải nghiệm mua sắm người dùng Hệ thống giúp sàn thương mại điện tử quản lý 4|Page trình vận chuyển từ đơn hàng đặt hàng hóa giao đến tay khách hàng cách hiệu quả, an toàn đáng tin cậy 1.4 Phạm vi đề tài Phạm vi nghiên cứu đề tài tập trung vào việc phát triển hệ thống quản lý vận chuyển hàng hóa từ đơn hàng đặt hàng hóa giao đến tay khách hàng Các chức hệ thống bao gồm quản lý đơn hàng, quản lý kho hàng, quản lý vận chuyển, theo dõi vận chuyển, thông báo trạng thái vận chuyển đến người dùng Hệ thống xây dựng dựa nguyên tắc tiêu chuẩn quản lý vận chuyển hàng hóa có, đồ định vị, phương thức vận chuyển, quy trình kiểm tra giao nhận hàng hóa Sản phẩm cuối kiểm thử đánh giá hiệu để đảm bảo tính ổn định, an toàn khả mở rộng hệ thống Với mục đích này, đề tài tìm hiểu phương pháp, công nghệ tiêu chuẩn quản lý vận chuyển hàng hóa, áp dụng kỹ thuật phát triển phần mềm kiến trúc hệ thống, với việc nghiên cứu sử dụng công nghệ hệ thống thơng tin địa lý (GIS) để tăng cường tính hiệu suất hệ thống Tóm lại, việc phát triển hệ thống quản lý vận chuyển hàng hóa cho sàn thương mại điện tử cần thiết để giải khó khăn q trình vận chuyển hàng hóa Đề tài tập trung vào việc nghiên cứu xây dựng hệ thống tích hợp, hiệu tin cậy, nhằm nâng cao trải nghiệm mua sắm người dùng tạo lợi ích kinh tế cho sàn thương mại điện tử 1.5 Công cụ sử dụng  Công cụ phát triển: Visual Studio Code  Cơng cụ dùng để phân tích, thiết kế: Adobe illustrator, Adobe photoshop, Figma 5|Page  Công cụ quản lý dự án: Github  Công cụ soạn thảo báo cáo vẽ sơ đồ: Microsoft Word, draw.io 1.6 Đối tượng nghiên cứu Đối tượng nghiên cứu đề tài sàn thương mại điện tử hoạt động trực tuyến, đặc biệt sàn thương mại điện tử có quy mơ lớn giao dịch hàng hóa với số lượng lớn Hệ thống quản lý vận chuyển hàng hóa đề xuất tùy chỉnh triển khai cho sàn thương mại điện tử thuộc nhiều ngành hàng khác nhau, thời trang, điện tử, đồ gia dụng, v.v 1.7 Kháo sát, đánh giá ứng dụng cạnh tranh có 1.7.1 Giao hàng nhanh GIAOHANGNHANH GIAOHANGNHANH tảng trực tuyến kết nối người mua người bán, giúp quản lý q trình vận chuyển hàng hóa từ người bán đến người mua cách thuận tiện nhanh chóng Ứng dụng cung cấp giao diện đơn giản dễ sử dụng cho người mua người bán, giúp tạo trải nghiệm mua sắm trực tuyến tốt cho người dùng  Ưu điểm GIAOHANGNHANH bao gồm: 6|Page o Tiện lợi nhanh chóng: GIAOHANGNHANH cho phép người mua truy cập vào nhiều cửa hàng sản phẩm khác ứng dụng, giúp tiết kiệm thời gian cơng sức việc tìm kiếm mua hàng o Quản lý đơn hàng hiệu quả: Ứng dụng cung cấp tính quản lý đơn hàng tự động, cho phép người mua theo dõi trạng thái đơn hàng mình, từ đặt hàng nhận hàng o Lựa chọn phương thức toán đa dạng: GIAOHANGNHANH hỗ trợ nhiều phương thức tốn trực tuyến, bao gồm thẻ tín dụng, thẻ ngân hàng tảng toán trực tuyến khác, đảm bảo tính tiện lợi linh hoạt cho người mua  Tuy nhiên, GIAOHANGNHANH có số nhược điểm: o Phụ thuộc vào mạng internet: Vì ứng dụng trực tuyến, GIAOHANGNHANH yêu cầu người dùng có kết nối internet ổn định để truy cập sử dụng ứng dụng o Khả mát hàng hóa: Do phụ thuộc vào dịch vụ vận chuyển từ bên thứ ba, xảy trường hợp mát hỏng hóc hàng hóa q trình vận chuyển o Độ tin cậy người bán: GIAOHANGNHANH không kiểm tra đảm bảo độ tin cậy người bán chất lượng sản phẩm, người mua cần tự đánh giá chọn lựa người bán đáng tin cậy 1.7.2 GIAOHANGTIETKIEM 7|Page GIAOHANGTIETKIEM GHTK công ty chuyên cung cấp dịch vụ giao hàng vận chuyển hàng hóa nước Ứng dụng GHTK cung cấp tảng trực tuyến giúp người dùng (người mua người bán) quản lý trình vận chuyển hàng hóa cách dễ dàng hiệu  Ưu điểm GHTK bao gồm: o Phạm vi vận chuyển rộng: GHTK có mạng lưới vận chuyển rộng khắp nước, cho phép giao hàng đến nhiều địa điểm khác nhau, bao gồm khu vực khó tiếp cận o Dịch vụ nhanh chóng: GHTK cam kết giao hàng nhanh chóng đáng tin cậy, giúp người bán người mua tiết kiệm thời gian đảm bảo hàng hóa giao thời hạn o Theo dõi đơn hàng: GHTK cung cấp tính theo dõi đơn hàng trực tuyến, cho phép người dùng theo dõi trình vận chuyển hàng hóa từ đặt hàng nhận hàng o Dịch vụ hỗ trợ khách hàng: GHTK có đội ngũ nhân viên chuyên nghiệp nhiệt tình, sẵn sàng hỗ trợ khách hàng trình vận chuyển giải vấn đề liên quan  Tuy nhiên, có số nhược điểm GHTK: o Chi phí vận chuyển: GHTK có mức phí vận chuyển khác nhau, phụ thuộc vào khoảng cách trọng lượng hàng hóa, làm tăng chi phí giao dịch người mua người bán 8|Page o Điều kiện giao hàng: GHTK có quy định hạn chế kích thước, trọng lượng loại hàng hóa vận chuyển, điều ảnh hưởng đến việc vận chuyển hàng hóa có kích thước lớn cồng kềnh 9|Page CHƯƠNG TỔNG QUAN CÔNG NGHỆ 2.1 Phương pháp làm việc Làm việc tâm trạng đạt trạng thái tốt Thường xuyên ghi chép lại ý tưởng thay đổi lớn liên quan đến ứng dụng để thuận tiện cho việc chỉnh sửa sau 2.2 Phương pháp nghiên cứu - Phân tích nhu cầu sử dụng đối tượng có liên quan đến ứng dụng - Nghiên cứu, phân tích đánh giá ứng dụng cõ sẵn thị trường 2.3 Phương pháp cơng nghệ tảng - Tìm hiểu ngôn ngữ framework để xây dựng website: + Ngôn ngữ lập trình backend: Javascript với Express, Postman + Ngơn ngữ lập trình frontend: Javascript với ReactJS 2.4 Giới thiệu ReactJS NodeJS 2.4.1 Node.js Node.js môi trường chạy mã JavaScript phía máy chủ (server-side) xây dựng dựa tảng JavaScript V8 engine Google Chrome Nó cho phép phát triển ứng dụng web dịch vụ mạng có khả xử lý đa luồng, đáp ứng cao có khả mở rộng Dưới số ưu điểm Node.js:  Hiệu suất cao: Node.js sử dụng kiến trúc không đồng hướng kiện (eventdriven), cho phép xử lý đa luồng mà không bị chặn I/O Điều giúp tăng cường hiệu suất đáp ứng nhanh ứng dụng có tính tải cao 10 | P a g e 10 11 12 phoneNumber Gender roleId Image districtId warehouseId String String String BLOB String String 13 14 createdAt updatedAt Datetime Datetime Số điện thoại Giới tính Chức vụ Avatar Id huyện nơi người dùng Có thể có khơng phụ thuộc vào role người dùng Ngày tạo Lần cuối thay đổi 74 | P a g e CHƯƠNG THIẾT KẾ GIAO DIỆN STT Màn hình Đăng nhập Đăng ký Trang chủ Màn hình Quản lý đơn hàng Màn hình Lên đơn hàng Màn hình Báo cáo Màn hình thơng tin cá nhân Màn hình tin tức Màn hình quản lý người dùng 10 Màn hình quản lý kho 11 Màn hình quản lý tin tức 12 Màn hình quản lý nhân viên kho 13 Màn hình giao hàng 75 | P a g e 7.1 Màn hình đăng nhập Hình 7.1 Màn hình đăng nhập 7.2 Màn hình đăng ký Hình 7.2 Màn hình đăng ký 76 | P a g e Hình 7.3 Màn hình đăng ký tài khoản thành cơng 7.3 Màn hình Trang chủ Hình 7.4 Màn hình trang chủ 77 | P a g e Hình 7.5 Màn hình trang chủ - tìm kiếm bưu cục 7.4 Màn hình Dịch vụ giao hàng Hình 7.6 Màn hình Dịch vụ giao hàng 78 | P a g e Hình 7.7 Màn hình bảng giá dịch vụ 7.5 Màn hình Kiểm tra tình trạng đơn hàng Hình 7.8 Màn hình kiểm tra trạng thái đơn hàng 79 | P a g e Hình 7.9 Màn hình khơng đơn hàng khơng tồn 7.6 Màn hình tin tức Hình 7.10 Màn hình tin tức 80 | P a g e Hình 7.11 Màn hình tin tức cụ thể ( thêm động ) 7.7 Màn hình khách hàng Hình 7.12 Màn hình cho khách hàng 81 | P a g e Hình 7.13 Màn hình Quản lý đơn hàng Hình 7.14 Màn hình lên đơn hàng 82 | P a g e Hình 7.15 Màn hình tốn trực tuyến 7.8 Màn hình nhân viên Hình 7.16 Màn hình quản lý kho 83 | P a g e Hình 7.17 Màn hình quản lý người dùng Hình 7.18 Màn hình tiếp nhận đơn hàng 84 | P a g e Hình 7.19 Màn hình thêm tin tức 85 | P a g e CHƯƠNG CÀI ĐẶT DEMO SẢN PHẨM 8.1 Cài đặt môi trường  Để đảm bảo ứng dụng chạy ổn định khơng có lỗi phát sinh q trình chạy demo sản phẩm phiên node máy tính bạn nên đảm bảo chạy phiên v14.17.0 o Kiểm tra phiên bạn cách:  Khởi động cmd  Nhập câu lệnh: node –version  Hệ thông trả phiên node máy bạn o Nếu phiên khơng khớp bạn làm theo cách này:  Khởi động cmd với quyền quản trị ( Run as administrator )  Tải nvm-windows Nó giúp máy bạn tùy chỉnh sử dụng nhiều phiên node khác máy tính  https://github.com/coreybutler/nvmwindows/releases/download/1.1.11/nvm-setup.zip  Hoặc truy cập trực tiếp vào nvm-windows gitHub để cập nhật phiên tìm hiểu chi tiết  Sau giải nén cài đặt  Mở lại cmd nhập lệnh: nvm install 14.17.0  Sau nhập lệnh: nvm use 14.17.0 để bắt đầu sử dụng phiên node máy tính bạn 8.2 Cài đặt database  Cài đặt XAMPP chương trình tạo máy chủ Web tích hợp sẵn MySql để chạy database  Sau cài đặt xong: o Chạy chương trình o Khởi động máy ảo apache o Khởi động MySql o Tạo database có tên congchinh 8.3 Cài đặt demo  Link backend: https://github.com/ninehcobra/GHNCLONE  Link frontend: https://github.com/ninehcobra/frontendGHLE  Clone project máy 8.3.1 Cài đặt backend 86 | P a g e     Mở folder chưa backend Mở terminal (cmd) chạy lệnh: cd /src Sau chạy lệnh: npx sequelize-cli db:migrate Sau lệnh chạy xong table tạo db congchinh kiểm tra cách nhấn vào nút admin app XAMPP phần MySql để kiểm tra  Sau khỏi thư mục src thư mục backend chạy lệnh: npm i  Sau cài đặt hoàn tất package cần thiết, để chạy backend ta dùng lệnh: npm start 8.3.2 Cài đặt frontend  Mở folder chứa frontend  Mở terminal (cmd) chạy lệnh: npm i  Sau để chạy frontend ta dùng lệnh: npm start 8.4 Thêm liệu ảo để thuận tiện cho việc demo sản phẩm  Tải database có sẵn : https://drive.google.com/file/d/1YcwirtUb7A53tWnfIq6_5FymoyygTXi/view?usp=drive_link  Truy cập vào folder ứng dụng XAMPP ( thơng thường nằm ổ C:\xampp)  Giải nén folder vừa tải  Cut folder thay folder mysql C:\xampp  Để đảm bảo ứng dụng chạy ổn định xác ta nên khởi động lại XAMPP (Lưu ý tắt tất port mà XAMPP chạy), cần thiết ta nên khởi động lại máy 87 | P a g e CHƯƠNG KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 9.1 Kết • Ứng dụng thực chức ứng dụng giao hàng • Xây dựng ứng dụng có UX/UI thân thiện với người dùng, dễ dàng phù hợp với lứa tuổi • Việc sử dụng ứng dụng dễ dàng, có hướng dẫn chi tiết lúc dùng • Có thể tương tác nhiều người với • Quản lý liệu dễ dàng • Tìm kiếm thơng tin nhanh chóng 9.2 Hạn chế • Chưa thể dùng cho dự án lớn • Một số nghiệp vụ cịn chưa hồn chỉnh 9.3 Hướng phát triển Trong tương lai, chúng em hoàn thiện chức chưa đáp ứng tốt yêu cầu người dùng, mở rộng thêm số tính 9.4 Kết luận Phần mềm chúng em đáp ứng đầy đủ chức Bên cạnh đó, chúng em học thêm kỹ mềm kỹ giao tiếp trình học online, offline, khả quản lý kỹ khác để giúp ích cho chúng em tương lai 88 | P a g e