Sally Express

Bài toán

Yêu cầu đặt ra

Cần một ứng dụng để khách tự tạo vận đơn, tra cứu hành trình và biết trước chi phí, chạy trên cả iOS lẫn Android với giao diện tiếng Ả Rập.

• Giao diện phải đọc từ phải sang trái trên toàn bộ màn hình, không chỉ ở phần chữ — bố cục, biểu tượng và thanh điều hướng đều phải lật theo.
• Tạo vận đơn là một luồng nhiều bước, khách cần biết mình đang ở bước nào và còn bao nhiêu bước.
• Tra cứu đơn phải làm được bằng mã vận đơn và bằng quét mã vạch, vì khách cầm phiếu trên tay.
• Chi phí cần hiện ra trước khi xác nhận, đã gồm thuế, để khách không phải gọi hỏi.
• Một tài khoản gửi tới nhiều địa chỉ khác nhau, không nên bắt nhập lại mỗi lần.
• Phát hành đồng thời lên App Store và Google Play từ cùng một mã nguồn.

Giải pháp triển khai

• Ứng dụng Flutter dùng chung một mã nguồn cho iOS và Android.
• Luồng tạo đơn ba bước — thông tin người gửi, chi tiết đơn, xem lại và thanh toán — có thanh tiến trình đánh số ở đầu mỗi bước.
• Danh sách vận đơn chia theo trạng thái: mới, đang trung chuyển, đã xuất giao cho khách, đã giao xong.
• Tra cứu bằng mã vận đơn hoặc quét mã vạch, kèm danh sách các đơn vừa tra để không phải nhập lại.
• Sổ địa chỉ lưu sẵn điểm lấy và điểm giao, chọn lại trong một chạm.
• Ước tính chi phí hiển thị tổng đã gồm VAT ngay trước bước xác nhận, kèm hai hình thức thanh toán: trả trước hoặc thu hộ khi giao.
• Thông báo trạng thái đơn qua SMS và thông báo trong ứng dụng.
• Backend PHP phục vụ dữ liệu vận đơn, trạng thái và thông báo cho ứng dụng.

Phạm vi triển khai

• Thiết kế luồng sử dụng và giao diện phải-sang-trái
• Phát triển ứng dụng Flutter cho iOS và Android
• Backend PHP và API cho vận đơn, trạng thái, thông báo
• Tích hợp quét mã vạch
• Thông báo đẩy và SMS
• Phát hành lên App Store và Google Play

Công nghệ và lý do chọn

Flutter

Một mã nguồn chạy được cả iOS lẫn Android, nên hai kho luôn ra cùng một phiên bản và không phải làm hai lần cho mỗi thay đổi — điều này quan trọng với ứng dụng mà màn hình nào cũng phải lật sang phải-sang-trái.

Backend PHP

Hệ thống vận hành sẵn có của Sally Express chạy trên PHP. Dùng cùng nền tảng để ứng dụng đọc chung dữ liệu vận đơn, thay vì dựng một hệ thống thứ hai chạy song song rồi phải đồng bộ hai bên.

Giao diện RTL toàn phần

Tiếng Ả Rập đọc từ phải sang trái, nên không chỉ chữ mà cả bố cục, mũi tên, thanh tiến trình và thanh điều hướng dưới đều phải đảo chiều. Việc này được xử lý ở tầng bố cục thay vì sửa tay từng màn hình.

Quét mã vạch

Khách thường cầm phiếu gửi hàng trên tay. Quét nhanh và ít sai hơn gõ lại một dãy mười ba chữ số.

Kết quả bàn giao

• Ứng dụng đã phát hành và đang chạy trên App Store và Google Play.
• Khách tự tạo vận đơn, tra cứu hành trình và xem trước chi phí ngay trên điện thoại.
• Toàn bộ giao diện chạy tiếng Ả Rập theo hướng phải sang trái.
• Một mã nguồn Flutter dùng chung cho hai nền tảng, backend PHP dùng chung dữ liệu với hệ thống vận hành sẵn có.