TỔNG QUAN VỀ TRANG WEB
Khảo sát thị trường
Thị trường vận chuyển hàng hóa tại Việt Nam đang phát triển mạnh mẽ nhờ vào quá trình hội nhập kinh tế toàn cầu Sự cải thiện trong đời sống của người dân và nhu cầu mua sắm trực tuyến ngày càng tăng đã khiến thị trường này mở rộng ra không chỉ ở các thành phố lớn mà còn lan rộng khắp các tỉnh thành trên toàn quốc.
Trên thị trường vận tải hàng hóa Việt Nam hiện nay, nhiều công ty như Viettel Post, Giao Hàng Nhanh, Giao Hàng Tiết Kiệm và Chuyển Phát Nhanh đang cung cấp dịch vụ Các công ty này chủ yếu phục vụ cho đại lý và sàn thương mại điện tử, cung cấp những chức năng cơ bản của hệ thống vận tải hàng hóa.
Viettel Post 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 hoả tốc
Giao hàng nhanh, giao hàng tiết kiệm
Giao hàng tiết kiệm, giao hàng hoả tốc
Thu hộ Có Có Có
Tra cứu hành trình đơn hàng Có Có Có
Tra cứu kho hàng Có Có Không
Thống kế tài chính Có Không Không
Bảng 1: Khảo sát 3 loại hình dịch vụ: Viettel Post, GHN và GHTK
Dựa trên các chức năng đã xác định, nhóm chúng tôi đã phát triển một trang web với những tính năng cơ bản như: đăng nhập, đăng ký, tạo đơn hàng, quản lý đơn hàng và tra cứu kho lưu trữ.
Công nghệ sử dụng
Ứng dụng được xây dựng trên nền tảng ReactJS và Redux, hai framework nổi bật với tính linh hoạt cao, giúp thiết kế giao diện dễ dàng và hiệu quả.
Nhóm đã lựa chọn MySQL làm cơ sở dữ liệu phù hợp với quy mô đồ án môn học Đồng thời, NodeJS được sử dụng để xử lý dữ liệu từ back-end, giúp tải thông tin lên giao diện trang web một cách hiệu quả.
Kiến trúc
Trong ứng dụng Android, kiến trúc Model - View - Controller (MVC) được áp dụng để tổ chức mã nguồn Khi người dùng tương tác với View, một sự kiện sẽ được gửi đến Controller Controller có nhiệm vụ xử lý logic và có thể truy xuất dữ liệu từ Model nếu cần Model đảm nhiệm việc tương tác với dữ liệu, đặc biệt là dữ liệu từ API, và gửi thông tin này trở lại Controller Cuối cùng, Controller sẽ xử lý dữ liệu và chuyển kết quả đến View để hiển thị cho người dùng.
Dữ Liệu
Dữ liệu của hệ thống được lưu vào MySQL - một hệ quản trị cơ sở dữ liệu mã nguồn mở, bao gồm một số bản chính như:
Khachhang(makh,tenkh,sdt, diachi): Lưu thông tin của khách hàng
User(madn, username, password, makh, refeshtoken): Lưu thông tin đăng nhập của user đăng ký thường
Userbygoogle(logincode,username,makh,refeshtoken):Lưu thông tin đăng nhập của user đăng nhập bằng Google
Order(madonhang, makh,phi,trangthai,nguoinhan,diachinhan,image,diachidi): Lưu thông tin cơ bản của một đơn hàng
Orderdetail(mact, madonhang, chieucao, cannang, loaidonhang, loaigiaohang, tensp, soluong):Lưu thông tin chi tiết của các mặt hàng trong đơn hàng
Kho(makho, tenkho, diachi, tinh, vido, kinhdo): Lưu thông tin của một kho
Và còn các bảng phụ dùng để bổ sung thông tin cho các bảng chính.
Hình 1: Sơ đồ dữ liệu của trang web
CÁC CHỨC NĂNG CHÍNH
Đăng nhập, đăng ký
2.1.1 Đăng nhập delivery Đăng nhập vào tài khoản của bạn
Chưa có tài khoản? Đăng kí
Người dùng đăng nhập bằng tài khoản đã đăng kí trên Fast Delivery, bao gồm email và mật khẩu.
2.1.2 Đăng kí delivery Đăng kí tài khoản mới
Tài khoản toan5ks 1545@gmail com
Tiếp tục Đã cõtài khoàn? Đăng nhập
Người dùng cần đăng ký tài khoản Fast Delivery bằng cách cung cấp email và mật khẩu, trong đó mật khẩu phải được nhập hai lần để xác nhận tính chính xác Lưu ý rằng mỗi email chỉ được phép đăng ký một lần duy nhất.
Tra cứu đơn hàng
Hình 4: Màn hình tra cứu đơn hàng
Khi gửi hàng thành công, người dùng sẽ được cung cấp một mã vận đơn.
Có thể tra cứu thông tin và tình trạng đơn hàng một cách nhanh chóng bằng cách nhập mã này vào ô “Mã phiếu gửi” và nhấn nút “Tra cứu”.
Thông tin chi tiết về đơn hàng như: Chi phí, người nhận, địa chỉ, trạng thái sẽ được hiển thị ngay bên dưới.
Ước tính cước phí
Hỉnh 5: Màn hình component ước tính chi phí ước tính chi phí
Chuyển phát nhanh 32610 VND trong 2 ngày
Chuyển phát thường 19527 VND trong 3 ngày
Hình 6: Màn hình ước tính chi phí
Người dùng có thể dễ dàng ước tính chi phí gửi hàng bằng cách nhập thông tin về tỉnh thành gửi, tỉnh thành nhận và trọng lượng hàng hóa vào biểu mẫu trên trang chủ hoặc trang ước tính.
Máy tính sẽ dựa trên khoảng cách giữa hai tỉnh thành và khối lượng hàng hóa để tính toán chi phí và thời gian ước tính cho cả dịch vụ chuyển phát nhanh và chuyển phát thường.
Tạo đơn
Fast Delivery cung cấp dịch vụ tạo mới đơn hàng để đáp ứng nhu cầu gửi hàng đến những điểm xa xôi Khi khách hàng tạo đơn hàng, ứng dụng ghi nhận toàn bộ thông tin cần thiết để đảm bảo tính chính xác và minh bạch trong giao dịch giữa người gửi, người nhận và Fast Delivery Tất cả thông tin đều phải được cung cấp đầy đủ để đảm bảo sự rõ ràng trong quá trình giao nhận hàng hóa.
Cụ thể, khi tạo mới một đơn hàng bất kì, khách hàng cần cung cấp các thông tin bắt buộc như sau:
STT Thông tin cung cấp Đơn vị tính Ghi chú
Bao gồm họ tên người gửi, SĐT và địa chỉ liên lạc.
Bao gồm họ tên người nhận, SĐT và địa chỉ liên lạc.
Mô tả loại/tên cụ thể của hàng hoá được gửi.
4 Trọng lượng hàng hoá k g Tổng trọng lượng của hàng hoá được gửi đi.
5 Số lượng hàng hoá Chiếc Số lượng hàng hoá của một loại hàng hoá có trong một đơn hàng.
Dịch vụ chuyển hàng, gồm có: Giao hàng nhanh, Giao hàng tiết kiệm và Giao hàng hoả tốc.
7 Ảnh chụp hàng hoá Ảnh chụp mô tả về hàng hoá bên cạnh các thông tin trong mục (3)
Bảng 2: Thông tin cần cung cấp khi tạo đơn
Dưới đây là hình ảnh về giao diện của danh mục tạo đơn hàng mới:
Tỉnh/Thành phốằ Huyện/Quận ’ Xó/Phường
BẼN GỬI Quản lý thông tin người gửi
Chọn thông tin người gửi ▼
Lưu ý{*): là trường hợp bất buộc nhập HÀNG HOA © Ttiém b Đơn hảng lỉl Tra cứu 'T BẼN NHẬN Quàn lý thõng tin người nhận ->
Họ tên' Nhập họ tên Điện thoại' Nhập điện thoại
STT Tên hàng Trọng lượng (kg) số lượng st ÀNH HÁNG HÓA UPLOAD
Thời gian giao dự kiến □ Tôi đă đọc và chấp nhận Điều khoản
IE213.L21 - Kỹ thuật phát triên hệ thông web
Sau khi đ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
Hiển thị đơn hàng
Sau khi hoàn tất việc tạo đơn, ứng dụng sẽ lưu trữ và hiển thị thông tin của cả đơn gửi và đơn nhận trên màn hình đơn hàng Đối với bên gửi, mỗi mục sẽ bao gồm mã đơn hàng, tên, số điện thoại, địa chỉ người nhận và trạng thái hiện tại Tương tự, bên nhận sẽ thấy thông tin của người gửi thay vì người nhận.
Hình 10: Kết quả sau khi tạo đơn thành công
Khi bạn nhấn vào mũi tên bên cạnh mỗi đơn hàng, thông tin chi tiết của đơn hàng sẽ hiển thị ngay bên dưới Các thông tin chi tiết bao gồm nhiều yếu tố quan trọng liên quan đến đơn hàng.
STT Thông tin cung cấp Ghi chú
1 Thông tin người gửi Bao gồm họ tên, số điện thoại, địa chỉ
2 Danh sách hàng hóa Tên hàng hóa, trọng lượng, số lượng
IE213.L21 - Kỹ thuật phát triển hệ thống web
Bảng 3: Thông tin về một đơn hàng
IE213.L21 - Kỹ thuật phát triển hệ thống web
Hình 11: Chi tiết đơn hàng đã tạo
Cập nhật thông tin người dùng
Người dùng có thể chỉnh sửa hoặc cập nhật những thông tin cá nhân còn thiếu để phục vụ cho việc tạo đơn.
IE213.L21 - Kỹ thuật phát triển hệ thống web
Hỉnh 12: Chỉnh sửa form tạo đơn
□ Tạo đơn Êi Đơn hảng fãl Tra cứu
Bào bao123@gmail.com Địa chì - TT.Ma Lâm - H.Hàm Thuận Bắc ■ T.Binh Thuận
Quần lỹ thõng tin người gửi HÀNG HÓA
Thông tin cá nhân X Trọng lượng (kg)
CẬP NHẬT HỦY © Thông tin tài khoàn c* Đãng xuất
Tồng cước Thời gian giao dự kiến □ Tôi đa đọc vả chấp nhận Điều khoản
Tra cứu bưu cục
Hình 13: Màn hình tra cứu bưu cục
Tính năng tra cứu bưu cục gợi ý một vài bưu cục tiêu biểu (thanh bên trái hình 2.4) và bản đồ đường đi.
Hỉnh 14: Màn hình tra cứu bưu cục
Người dùng chỉ cần nhập tên tỉnh thành vào thanh tìm kiếm và nhấn nút tìm kiếm Ngay lập tức, danh sách các bưu cục kèm theo địa chỉ và số điện thoại sẽ được hiển thị ở thanh bên trái.
Người dùng có thể nhanh chóng xác định vị trí hiện tại bằng cách nhấn vào biểu tượng định vị (mũi tên màu xanh) Sau đó, các bưu cục xung quanh sẽ hiển thị trên bản đồ, giúp người dùng dễ dàng xem lộ trình di chuyển đến bưu cục mong muốn.
Các chức năng phía quản lý
Để sử dụng những chức năng phía quản lý, người dùng cần có tài khoản được phân quyền quản lý.
Hình 15: Giao diện đăng nhập admin
Sau khi đăng nhập thành công, người dùng sẽ được điều hướng đến trang dashboard:
Hình 16: Giao diện trang admin
Chức năng quản lý đơn hàng cho phép người quản lý theo dõi tình hình các đơn hàng trong hệ thống, bao gồm các trạng thái của từng đơn hàng Ngoài ra, người quản lý còn có khả năng thay đổi trạng thái đơn hàng hoặc xóa đơn hàng khi cần thiết.
— Dashboard Tài Khoân Cài Đặt o
Home / ĐơnHầng / TỈRCẩ Đơn Hảng fỉ
Mã Đơn Hàng Ngươi Gứi Người Nhận SDT nhận Oia chì Nhận Trạng Thái
113 Khôi Đặng Ngọc Liêm 0000000001 ktx khu A, kp 6 phường Linh Trung, Thủ Đức HU)
114 Khôi Dâng Ngọc Liêm 0000000001 ktx khu A, kp 6, phưởng Linh Trung, Thủ Đức Ể- —*■ —
115 Khôi Dạng Ngọc Liêm 0000000001 ktx khu A kp 6, phường Linh Trung, Thủ Đức ỊAglAH
116 Khôi Động Ngọc Liêm 0000000001 ktx khu A kp 6 phướng Linh Trung, Thủ Đửc MMy Show
117 Báo Trương Dạng Ngọc Liêm 0000000001 ktx khu A kp 6 phường Linh Trung, Thủ Đức Show
119 Bào Trương Nguyên Lương Toàn 0000000004 ktx khu A kp 6, phường Linh Trung, Thú Đức Đông Gi*o show
121 Bào Trương Nguyền Lương Toàn 0000000004 ktx khu A kp 6 phường Linh Trung, Thủ Đức show
122 Liem Dang Nguyền Lương Toàn 0000000004 ktx khu A kp 6 phường Linh Trung, Thủ Đức CĨ3EE
123 Liem Dana Nauvẻn Lươna Toàn 0000000004 ktx khu A kơ 6 ơhườna Linh Truna Thủ Đức
Hình 17: Trang quản lý đơn hàng
Hỉnh 18: Quản lý thông tin đơn hàng
Tên hàng hóa: Xe may
Số lượng: 1 Địa chì đi: 122 thôn tầm hưng, ma lâm, hàm thuận bắc, bình thuận Địa chỉ nhận: ktx khu A, kp 6, phường Linh Trung, Thủ Đức
Hình 19: Chỉnh sửa trạng thái đơn hàng
Người nhận: Đặng Ngọc Liêm, số điện thoại: 0000000001 Địa chỉ gửi: 122 thôn Tầm Hưng, Ma Lâm, Hàm Thuận Bắc, Bình Thuận Địa chỉ nhận: KTX khu A, KP 6, phường Linh Trung, Thủ Đức.
Hỉnh 20: Trạng thái đơn hàng sau khi chỉnh sửa
Ngoài ra, khi bấm vào nút Delete, đơn hàng sẽ bị xóa khỏi hệ thống.
113 Đặng Ngọc Liêm 0000000001 ktx khu A, kp 6, phường Linh Trung, Thủ Đức Đã lấy
Tên người gửi: Liềm Đặng
Tên người nhận: Đặng Ngọc Liêm SDT: 0000000001
Tên hàng hóa: Xe dap Cân nặng: 30
Khôi Đặng Ngọc Liêm 0000000001 ktx khu A, kp 6, phường Linh Trung, Thủ Đức
Hình 21: Quản lý khách hàng
Chức năng quản lý khách hàng cho phép người quản lý sử dụng các bộ lọc để tìm kiếm thông tin một cách hiệu quả, bao gồm tìm kiếm theo số điện thoại, họ tên hoặc mã khách hàng.
Mã Khách Hàng Tên SDT Địa Chí Số Đơn Hàng
Mã Khách Hàng Tên SDT Địa Chỉ SốĐơn Hàng t
Hỉnh 22: Tìm khách hàng tên Khôi
Người quản lý có thể xóa khách hàng khỏi hệ thống bằng cách bấm vào nút xóa.
Hình 23: Quản lý kho hàng
Người quản lý có thể quản lý thông tin thêm xóa sửa các kho hàng trong hệ thống
HƯỚNG PHÁT TRIỂN
Trong quá trình thực hiện đồ án môn học, nhóm nhận thấy kiến thức chuyên ngành còn hạn chế, dẫn đến việc thiết kế chưa đạt yêu cầu ban đầu Do đó, trong thời gian tới, nhóm sẽ cải thiện và bổ sung các tính năng độc đáo, nâng cao cho trang web, nhằm mang đến trải nghiệm tốt hơn cho người dùng.
Thống kê tài chính là quá trình ghi nhận số liệu giao dịch của khách hàng theo tuần, tháng, quý và năm, giúp đánh giá mức độ hoạt động và sử dụng trang web Qua đó, khách hàng có thể theo dõi và nắm bắt các khoản chi tiêu của mình một cách hiệu quả.
Dịch vụ COD (Thu hộ tiền hàng) của Fast Delivery không chỉ là giao hàng thông thường, mà còn tích hợp khả năng thu hồi giá trị tiền mặt từ hàng hóa đã gửi Điều này giúp người gửi hàng nhận tiền nhanh chóng và an toàn tuyệt đối.
Vị trí thực của đơn hàng cho phép khách hàng và người quản trị theo dõi chặt chẽ tình trạng đơn hàng, từ đó có thể nhanh chóng thực hiện các biện pháp cần thiết khi cần hỗ trợ.
Fast Delivery đang triển khai mô hình giao hàng tận nhà nhằm phục vụ nhu cầu của người dân trên toàn quốc, tương tự như các dịch vụ giao hàng nổi tiếng như Grab và BEAMIN.