Professional Documents
Culture Documents
Báo cáo cuối kỳ môn Kỹ thuật phát triển hệ thống web - Hệ thống vận tải hàng hoá - 1416112
Báo cáo cuối kỳ môn Kỹ thuật phát triển hệ thống web - Hệ thống vận tải hàng hoá - 1416112
FAST DELIVERY
Xử lý backend, thiết
kế và hiện thực dữ
18520981 Đặng Ngọc Liêm 100%
liệu, làm báo cáo,
slide
Xử lý tạo đơn, hiển
thị đơn hàng,đăng
18520501 Trương Quốc Bảo 100%
nhập, đăng kí, làm
báo cáo, slide
Các chức năng 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
cứu kho hàng, đăng
18521510 Nguyễn Lương Toàn 100%
nhập đăng kí, làm báo
cáo, slide
IE213.L21 – Kỹ thuật phát triển hệ thống web
MỤC LỤC
Bảng 1: Khảo sát 3 loại hình dịch vụ: Viettel Post, GHN và GHTK ......................................... 3
Bảng 2: Thông tin cần cung cấp khi tạo đơn ............................................................................ 10
Bảng 3: Thông tin về một đơn hàng ......................................................................................... 13
Bảng 4: So sánh với Viettel Post .............................................................................................. 22
IE213.L21 – Kỹ thuật phát triển hệ thống web
LỜI MỞ ĐẦU
Ngày nay, khi mà trên nhu cầu vận chuyển hàng hoá của con người không ngừng
tăng lên, thì cuộc chạy đua giữa những thương hiệu vận chuyển hàng hoá ngày một trở
nên khốc liệt. Những công nghệ mới liên tục được áp dụng, những thuật toán ra đời mỗi
ngày để đẩy nhanh tốc độ trao đổi hàng hoá, nhằm đổi lại sự trung thành của khách hàng.
Tuy vậy ở Việt Nam cuộc cạnh tranh này còn chưa thật sự bùng nổ như mong đợi, lý do
một phần nằm ở việc các công ty vận tải còn chưa đáp ứng đủ số lượng và chất lượng
giao dịch theo các tiêu chuẩn quốc tế. Hạ tầng còn yếu kém, khâu quản lý thiếu chặt chẽ
cùng với đó là hệ thống công nghệ thông tin chưa được hoàn thiện đã khiến khách hàng
chưa tin tưởng tuyệt đối nơi các dịch vụ vận tải. Nắm bắt được lý do đó, nhóm đã triển
khai một hệ thống vận tải hàng hoá – được kì vọng sẽ dẫn đầu, tạo ra bước đi đột phá về
khái niệm vận tải hàng hoá ở Việt Nam, phục vụ niềm tin của khách hàng cả nước.
Trong quá trình thực hiện đồ án, do kiến thức chuyên ngành còn hạn chế nên nhóm
chúng em vẫn còn nhiều thiếu sót. Rất mong nhận được sự quan tâm, đóng góp của thầy
để đồ án của chúng em được đầy đủ và hoàn chỉnh hơn.
Cuối cùng xin kính chúc thầy dồi dào sức khỏe và thành công trong sự nghiệp cao
quý.
1
IE213.L21 – Kỹ thuật phát triển hệ thống web
2
IE213.L21 – Kỹ thuật phát triển hệ thống web
Trên thị trường Việt Nam hiện nay có khá nhiều các công ty cung cấp hệ thống
vận tải hàng hóa khắp trên các tỉnh thành. Trong đó, quen thuộc nhất là các công ty như
Viettel Post, Giao Hàng Nhanh, Giao Hàng Tiết Kiệm, Chuyển Phát Nhanh… Các công
ty này thường cung cấp cho các khách hàng – thường là các đại lý hoặc các sàn thương
mại điện tử, các chức năng cơ bản của một hệ thống vận tải, như:
App Có Có Có
Thu hộ Có Có Có
Bảng 1: Khảo sát 3 loại hình dịch vụ: Viettel Post, GHN và GHTK
3
IE213.L21 – Kỹ thuật phát triển hệ thống web
Dựa trên những chức năng này, nhóm chúng em đã triển khai một trang web với
các chức năng cơ bản 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.4 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ư:
User(madn, username, password, makh, refeshtoken): Lưu thông tin đăng nhập của user
đăng ký thường
4
IE213.L21 – Kỹ thuật phát triển hệ thống web
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.
Sơ đồ giao diện:
5
IE213.L21 – Kỹ thuật phát triển hệ thống web
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.
6
IE213.L21 – Kỹ thuật phát triển hệ thống web
2.1.2 Đăng kí
Người dùng đăng kí tài khoản Fast Delivery bằng email và mật khẩu, mật khẩu
cần nhập hai lần và trùng khớp với nhau. Mỗi email chỉ đăng kí được một lần duy nhất.
7
IE213.L21 – Kỹ thuật phát triển hệ thống web
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.
8
IE213.L21 – Kỹ thuật phát triển hệ thống web
Người dùng có thể ước tính chi phí gửi hàng bằng cách chọn tỉnh thành gửi, tỉnh
thành nhận và trọng lượng hàng hóa vào form ở trang chủ hoặc trong trang ước tính.
Máy tính sẽ tính toán dựa trên khoảng cách giữa hai tỉnh thành và khối lượng của
hàng hóa rồi trả về cho người dùng chi phí và thời gian ước tính của cả hai dịch vụ
(chuyển phát nhanh và chuyển phát thường).
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:
9
IE213.L21 – Kỹ thuật phát triển hệ thống web
10
IE213.L21 – Kỹ thuật phát triển hệ thống web
Dưới đây là hình ảnh về giao diện của danh mục tạo đơn hàng mới:
11
IE213.L21 – Kỹ thuật phát triển hệ thống web
12
IE213.L21 – Kỹ thuật phát triển hệ thống web
Hình 10: Kết quả sau khi tạo đơn thành công
Khi ấn vào mũi tên mỗi đơn hàng thì chi tiết của đơn hàng đó sẽ xuất hiện bên
dưới. Chi tiết đơn gồm có các thông tin như sau:
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
13
IE213.L21 – Kỹ thuật phát triển hệ thống web
14
IE213.L21 – Kỹ thuật phát triển hệ thống web
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.
Người dùng có thể nhập tên tỉnh thành muốn tra cứu vào thanh search và nhấn
tìm kiếm, danh sách tên bưu cục kèm địa chỉ và số điện thoại của các bưu cục trong
tỉnh thành đó sẽ được hiển thị ở thanh bên trái.
Ngoài ra, người dùng có thể định vị đến vị trí hiện tại bằng cách nhấn vào icon định vị
(mũi tên màu xanh chỉ đến), các bưu cục xung quanh vị trí của người dùng sẽ hiển thị
trên bản đồ và từ đó người dùng có thể xem đường đi đến bưu cục.
15
IE213.L21 – Kỹ thuật phát triển hệ thống web
Sau khi đăng nhập thành công, người dùng sẽ được điều hướng đến trang dashboard:
16
IE213.L21 – Kỹ thuật phát triển hệ thống web
17
IE213.L21 – Kỹ thuật phát triển hệ thống web
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.
18
IE213.L21 – Kỹ thuật phát triển hệ thống web
Với chức năng quản lý khách hàng, người quản lý có thể dùng các bộ lọc để hỗ trợ
tìm kiếm như tìm kiếm theo số điện thoại, tìm theo họ tên hay mã khách hàng:
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.
19
IE213.L21 – Kỹ thuật phát triển hệ thống web
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
20
IE213.L21 – Kỹ thuật phát triển hệ thống web
- Đáp ứng được một số tính năng cơ bản của một trang web vận chuyển: tạo đơn
hàng, tra cứu đơn hàng, quản lý đơn hàng, tra cứu kho hàng, quản lý kho hàng...
- Trang web có giao diện đơn giản, thân thiện, dễ dàng tiếp cận với những người
lần đầu sử dụng dịch vụ.
- Các quy trình được thực hiện được kiếm soát chặt chẽ, đảm bảo yếu tố bảo mật
cao, đáp ứng tính minh bạch cho cả khách hàng và người quản trị.
- Các tính năng tra cứu, tạo đơn hoạt động hiệu quả, bố cục rõ ràng, dễ dàng kiểm
tra và tìm hiểu.
- Tốc độ tải trang còn chậm, load dữ liệu API đôi khi bị nghẽn do server backend
miễn phí.
- Các tính năng nâng cao chỉ dừng lại ở mức ý tưởng, chưa thể hiện thực hoá.
- Tính thẩm mĩ của trang web chưa tối ưu hoá do thời gian hạn chế.
- Và còn những thiếu sót nhỏ khác...
21
IE213.L21 – Kỹ thuật phát triển hệ thống web
22
IE213.L21 – Kỹ thuật phát triển hệ thống web
- Thống kê tài chính: Ghi lại số liệu các giao dịch của khách hàng theo tuần, theo
tháng, quý và năm, từ đó đánh giá mức độ hoạt động và sử dụng của khách hàng
đối với trang web, đồng thời giúp khách hàng nắm bắt các khoản chi của mình.
- COD (Thu hộ tiền hàng): Không chỉ đơn thuần là dịch vụ giao hàng, Fast
Delivery mong muốn tích hợp dịch vụ COD để giúp người gửi hàng có thể thu
về giá trị tiền mặt của mặt hàng đã gửi cho người nhận theo cách nhanh chóng và
an toàn tuyệt đối.
- Vị trí thực của đơn hàng: Giúp khách hàng cũng như người quản trị theo dõi sát
sao đơn hàng, để đưa ra các xử lý cần thiết khi cần sự giúp đỡ.
- Giao hàng tận nhà: Với mong muốn đáp ứng người dân từ mọi miền đất nước,
Fast Delivery đang lên kế hoạch xây dựng mô hình giao hàng tận nơi giống như
các dịch vụ như Grab, BEAMIN,... đã thực hiện.
23
IE213.L21 – Kỹ thuật phát triển hệ thống web
[3]. Simon Saliba, React and Node.js: Build a Full Stack App From Development
to Production in 5 Minutes, address: https://medium.com/swlh/react-and-node-
js-build-a-full-stack-app-from-development-to-production-in-5-minutes-
a03bc019df6b, lass access: 15/07/2021
24