ĐẠ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 CUỐI KỲ MÔN: KỸ THUẬT PHÁT TRIỂN HỆ THỐNG WEB ĐỀ TÀI: HỆ THỐNG VẬN TẢI HÀNG HOÁ FAST DELIVERY GIẢNG VIÊN HƯỚNG DẪN: ThS VÕ NGỌC TÂN ĐẶNG NGỌC LIÊM 18520981 TRƯƠNG QUỐC BẢO 18520501 NGUYỄN MINH KHÔI 18520944 NGUYỄN LƯƠNG TỒN 18521510 TP.HỒ CHÍ MINH, 2021 IE213.L21 - Kỹ thuật phát triển hệ thống web BẢNG PHÂN CÔNG CÔNG VIỆC MSSV HỌ TÊN NHIỆM VỤ HOÀN THÀNH Xử lý backend, thiết kế thực 18520981 Đặng Ngọc Liêm liệu, làm báo cáo, 100% slide Xử lý tạo đơn, hiển thị đơn hàng,đăng 18520501 Trương Quốc Bảo nhập, đăng kí, làm 100% báo cáo, slide Các chức phía 18520944 Nguyễn Minh Khôi Admin, làm báo cáo, 100% làm slide Tra cứu đơn hàng, tra 18521510 Nguyễn Lương Toàn cứu kho hàng, đăng nhập đăng kí, làm báo cáo, slide 100% MỤC LỤC DANH MỤC HÌNH ẢNH DANH MỤC BẢNG • IE213.L21 - Kỹ thuật phát triển hệ thống web LỜI MỞ ĐÀU Ngày nay, mà nhu cầu vận chuyển hàng hố người khơng ngừng tăng lên, chạy đua thương hiệu vận chuyển hàng hoá ngày trở nên khốc liệt Những công nghệ liên tục áp dụng, thuật toán đời ngày để đẩy nhanh tốc độ trao đổi hàng hoá, nhằm đổi lại trung thành khách hàng Tuy Việt Nam cạnh tranh chưa thật bùng nổ mong đợi, lý phần nằm việc cơng ty vận tải cịn chưa đáp ứng đủ số lượng chất lượng giao dịch theo tiêu chuẩn quốc tế Hạ tầng yếu kém, khâu quản lý thiếu chặt chẽ với hệ thống cơng nghệ thơng tin chưa hồn thiện khiến khách hàng chưa tin tưởng tuyệt đối nơi dịch vụ vận tải Nắm bắt lý đó, nhóm triển khai hệ thống vận tải hàng hoá - kì vọng dẫn đầu, tạo bước đột phá khái niệm vận tải hàng hoá Việt Nam, phục vụ niềm tin khách hàng nước Đồ án gồm phần: Chương 1: Tổng quan trang web Chương 2: Các chức Chương 3: Kết luận Chươgn 4: Hướng phát triển Trong trình thực đồ án, kiến thức chuyên ngành cịn hạn chế nên nhóm chúng em cịn nhiều thiếu sót Rất mong nhận quan tâm, đóng góp thầy IE213.L21 - Kỹ thuật phát triển hệ thống web để đồ án chúng em đầy đủ hoàn chỉnh Cuối xin kính chúc thầy dồi sức khỏe thành cơng nghiệp cao quý Thành phố Hồ Chí Minh, tháng năm 2021 NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN Nhóm sinh viên thực CHƯƠNG TƠNG QUAN VỀ TRANG WEB 1.1 Khảo sát thị trường Hiện nay, thị trường vận chuyển hàng hóa sôi động, bối cảnh Việt Nam dần tiến vào đường hội nhập với cường quốc giới Bên cạnh đó, tình hình kinh tế đời sống nhân dân Việt Nam dần nâng cao Với nhu cầu ngày mua hàng trực tuyến giao hàng tận nhà ngày tăng, dẫn đến thị trường vận tải hàng hóa khơng cịn gói gọn thành phố lớn, mà dần mở rộng khắp tỉnh thành toàn quốc Trên thị trường Việt Nam có nhiều cơng ty cung cấp hệ thống vận tải hàng hóa khắp tỉnh thành Trong đó, quen thuộc cơng ty Viettel Post, Giao Hàng Nhanh, Giao Hàng Tiết Kiệm, Chuyển Phát Nhanh Các công ty thường cung cấp cho khách hàng - thường đại lý sàn thương mại điện tử, chức hệ thống vận tải, như: Viettel Post Giao hàng nhanh, Giao hàng giao hàng tiết kiệm, giao hàng hoả tốc Giao hàng nhanh Giao hàng tiết kiệm Giao hàng nhanh, Giao hàng tiết kiệm, giao hàng tiết kiệm giao hàng hoả tốc App Có Có Có Thu hộ Có Có Có Có Có Có Tra cứu kho hàng Có Có Khơng Thống kế tài Có Khơng Khơng Tra cứu hành trình đơn hàng Bảng 1: Khảo sát loại hình dịch vụ: Viettel Post, GHN GHTK Dựa chức này, nhóm chúng em triển khai trang web với chức như: Đăng nhập, đăng kí, tạo đơn hàng, quản lí, tra cứu đơn hàng, tra cứu kho lưu trữ 1.2 Công nghệ sử dụng Ứng dụng phát triển sử dụng ReactJS Redux để thiết kế giao diện, mà hai lên framework có tính linh hoạt cao, dễ dàng tiếp cận xử lý Trong đó, nhóm chọn MySQL làm sở liệu để phù hợp với quy mơ đồ án mơn học Ngồi ra, NodeJS nhóm sử dụng để thao tác với liệu từ back-end nhằm tải liệu lên giao diện trang web 1.3 Kiến trúc Ứng dụng tổ chức theo kiến trúc Model - View - Controller (MVC) ứng dụng Android Khi View tác động từ người sử dụng, Event trigger đến Controller Controller chịu trách nhiệm tính tốn, cần thiết truy xuất liệu Model Model chịu trách nhiệm tương tác với liệu trả về, liệu từ API trả về, sau chuyển liệu cho Controller Controller sau xử lí liệu kết xuất liệu chuyển đến View 1.4 Dữ Liệu Dữ liệu hệ thống lưu vào MySQL - hệ quản trị sở liệu mã nguồn mở, bao gồm số như: Khachhang(makh,tenkh,sdt, diachi): Lưu thông tin khách hàng User(madn, username, password, makh, refeshtoken): Lưu thông tin đăng nhập user đăng ký thường Userbygoogle(logincode,username,makh,refeshtoken):Lưu thông tin đăng nhập user đăng nhập Google Order(madonhang, makh,phi,trangthai,nguoinhan,diachinhan,image,diachidi): thông tin đơn hàng Lưu Orderdetail(mact, madonhang, chieucao, cannang, loaidonhang, loaigiaohang, tensp, soluong):Lưu thông tin chi tiết mặt hàng đơn hàng Kho(makho, tenkho, diachi, tinh, vido, kinhdo): Lưu thơng tin kho Và cịn bảng phụ dùng để bổ sung thông tin cho bảng Sơ đồ giao diện: Hình 1: Sơ đồ liệu trang web IE213.L21 - Kỹ thuật phát triên hệ thơng web Sau điền thơng tin: Hình 9: Form tạo đơn với đầy đủ thông tin IE213.L21 - Kỹ thuật phát triển hệ thống web 2.5 Hiển thị đơn hàng Sau tạo đơn thành công, thông tin đơn gửi đơn nhận ứng dụng lưu lại hiển thị hình đơn hàng Bên đơn gửi, mục hiển thị mã đơn hàng, tên, số điện thoại, địa người nhận trạng thái đơn Tương tự bên đơn nhận, thay chỗ hiển thị thông tin người nhận thông tin người gửi Hình 10: Kết sau tạo đơn thành cơng Khi ấn vào mũi tên đơn hàng chi tiết đơn hàng xuất bên Chi tiết đơn gồm có thơng tin sau: STT Thông tin cung cấp Thông tin người gửi Ghi Bao gồm họ tên, số điện thoại, địa Danh sách hàng hóa Tên hàng hóa, trọng lượng, số lượng 18 IE213.L21 - Kỹ thuật phát triển hệ thống web Hình ảnh hàng hóa Bảng 3: Thông tin đơn hàng 19 IE213.L21 - Kỹ thuật phát triển hệ thống web Hình 11: Chi tiết đơn hàng tạo 2.6 Cập nhật thông tin người dùng Người dùng chỉnh sửa cập nhật thơng tin cá nhân cịn thiếu để phục vụ cho việc tạo đơn Quần lỹ thõng tin người gửi © Thơng tin tài khồn HÀNG HĨA c* Đãng xuất Trang chù Tìm kiếm hâng hứa □ Tạo đơn Thông tin cá nhân X Trọng lượng (kg) Sũ lượng Êi Đơn hảng fãl Tra cứu Bào UPLOAD 0321654555 Mhặp ơiện th bao123@gmail.com Địa chì TT.Ma Lâm - H.Hàm Thuận Bắc ■ T.Binh Thuận CẬP NHẬT HỦY Đìa chl chi Tồng cước Thời gian giao dự kiến Hỉnh 12: Chỉnh sửa form tạo đơn 20 □ Tôi đa đọc vả chấp nhận Điều khoản 2.7 Tra cứu bưu cục Hình 13: Màn hình tra cứu bưu cục Tính tra cứu bưu cục gợi ý vài bưu cục tiêu biểu (thanh bên trái hình 2.4) đồ đường Hỉnh 14: Màn hình tra cứu bưu cục Người dùng nhập tên tỉnh thành muốn tra cứu vào search nhấn tìm kiếm, danh sách tên bưu cục kèm địa số điện thoại bưu cục tỉnh thành hiển thị bên trái Ngoài ra, người dùng định vị đến vị trí cách nhấn vào icon định vị (mũi tên màu xanh đến), bưu cục xung quanh vị trí người dùng hiển thị đồ từ người dùng xem đường đến bưu cục 2.8 Các chức phía quản lý Để sử dụng chức phía quản lý, người dùng cần có tài khoản phân quyền quản lý Hình 15: Giao diện đăng nhập admin Sau đăng nhập thành công, người dùng điều hướng đến trang dashboard: Hình 16: Giao diện trang admin 2.8.1 Quản lý đơn hàng Với chức quản lý đơn hàng, người quản lý thể nắm bắt tình hình đơn hàng tạo hệ thống, trạng thái đơn hàng Người quản lý thay đổi trạng thái đơn hàng, xóa đơn hàng khỏi hệ thống — Dashboard Tài Khoân Đặt o Cài fỉ Dashboard Home / ĐơnHầng / TỈRCẩ Đơn Hảng Danh Sách Đơn Hảng ÍĨ5 Dashboard NẼW