Thiết kế giao diện

Một phần của tài liệu Phát triển phân hệ quản lý vận tải và tối ưu lộ trình giao hàng trong hệ thống abivin vroute,khoá luận tốt nghiệp (Trang 53)

2.7.1. Giao diện form Tổ chức

Hình 32. Giao diện form Tổ chức

Trên đây là thiết kế giao diện cho Form Tổ chức. Giao diện gồm các thành phần sau:

- Textbox Mã tổ chức: Mã tổ chức đang được tạo.

- Textbox Tên tổ chức: Tên của tổ chức đang được tạo. Người dùng phải nhập

Tên

tổ chức của Tổ chức cao nhất đến thấp nhất. Trong phạm vi bài toán nghiên cứu có 4 loại tổ chức: Nhà sản xuất, Nhà phân phối, Chi nhánh và Kho.

- Dropdown List Tổ chức cấp trên: Tổ chức cấp trên hay còn gọi là Tổ chức cha

của tổ chức đang được tạo. Khi người dùng kích vào sẽ có một menu xổ xuống bao gồm

tên các tổ chức, người dùng thực hiện chọn Tổ chức cấp trên của tổ chức đang được tạo.

- Dropdown List Loại tổ chức: Loại tổ chức của tổ chức đang được tạo. Người

dùng

tiến hành kích vào trường này và chọn loại tổ chức phù hợp từ danh sách xổ xuống.

- Textbox Vĩ độ, Kinh độ: thông tin về vị trí của Tổ chức đang được tạo. Người

dùng tiến hành lấy thông tin toạ độ của Tổ chức trên Google Map để nhập vào trường này.

- Textbox Địa chỉ: nhập Địa chỉ chính thức tương ứng với kinh độ, vỹ độ của Tổ

chức đang được tạo.

- Textbox Số điện thoại: nhập Số điện thoại của Tổ chức đang được tạo.

- Button HUỶ: cho phép người dùng huỷ form vừa nhập.

- Button TẠO MỚI: các thông tin về tổ chức vừa tạo sẽ được lưu lại khi người

dùng

nhấn Tạo mới.

2.7.2. Giao diện form Khách hàng

Hình 33. Giao diện form Khách hàng

Trên đây là thiết kế giao diện cho Form Khách hàng. Giao diện gồm các thành phần sau:

- Textbox Mã khách hàng: Mã quản lý được gán cho mỗi khách hàng được tạo.

này được tự động sinh ra hoặc người dùng có thể tự nhập.

Tạo Sản phẩm Thông tin Sán phấm Mã sàn phẩm* Tên sản phám* TỔ chức* Danh mục sản phẩm* I Chọn Tố chức I Chọn Danh mục sán phấm Kích thước sản phẩm Chieu dài (m) Thể tích (m3)

Chiều rộng (m) Khối lượng (kg)

Chièu cao (m)

chức mà khách hàng thuộc về. Trong phạm vi bài toán nghiên cứu khách hàng sẽ thuộc Tổ chức là Kho. Dó đó, người dùng chọn tên của một Kho được xổ xuống từ danh sách.

- Dropdown List Nhóm khách hàng: Người dùng chọn Nhóm khách hàng mà

khách

hàng đang được tạo trực thuộc.

- Textbox Xưng hô: Cách thức xưng hô của khách hàng đang được tạo, để xác

định

giới tính của họ.

- Textbox Họ tên: Người dùng cần nhập họ tên đầy đủ của khách hàng. Họ tên có

thể là tên một công ty hoặc tên một cá nhân.

- Textbox Giờ mở cửa, Giờ đóng cửa: Đây là thời gian trong ngày mà tổ chức

khách hàng chính thức mở cửa và đóng cửa.

- Textbox Số điện thoại: Số điện thoại di động của khách hàng đang được tạo.

Các

tài xế giao hàng sẽ liên lạc với khách hàng qua số điện thoại này.

- Textbox Email: Địa chỉ email của người nhận chính từ khách hàng.

- Textbox Địa chỉ: Địa chỉ cụ thể của khách hàng đang được tạo.

- Textbox Kinh độ, Vĩ độ: Toạ độ tương ứng với địa chỉ của khách hàng đang

được tạo.

- Textbox Khung thời gian: Đây là khoảng thời gian trong ngày mà khách hàng

sẽ

nhận hàng giao tới họ. Khung thời gian này cần phải nằm trong khung thời gian mở cửa

và đóng cửa của khách hàng.

- Button HUỶ: Cho phép người dùng huỷ form vừa nhập.

- Button TẠO MỚI: Các thông tin về Khách hàng vừa tạo sẽ được lưu lại khi

người

dùng nhấn Tạo mới.

41

Sô lượng sân phấm

Số lượng trên kệ*

Giá thùng

Số lẻ/thùng Giá lẻ

Đơn vị

Hình 34. Giao diện form Sản phẩm

Trên đây là thiết kế giao diện cho Form Sản phẩm. Giao diện gồm các thành phần sau:

- Textbox Mã sản phẩm: Mã quản lý được gán cho sản phẩm được tạo. Mã này

được tự động sinh ra hoặc người dùng có thể tự nhập.

- Textbox Tên sản phẩm: Người dùng nhập Tên sản phẩm của sản phẩm đang

được tạo.

- Dropdown List Tổ chức: Người dùng nhấn vào trường để chọn tên tổ chức mà

Sản phẩm thuộc về. Trong phạm vi bài toán nghiên cứu Sản phẩm sẽ thuộc Tổ chức là Kho. Dó đó, người dùng chọn tên của một Kho từ danh sách xổ xuống.

- Dropdown List Danh mục sản phẩm: Người dùng chọn Danh mục sản phẩm

sản phẩm đang được tạo trực thuộc.

Mà sân phám

Tên sản phám

Sỏ

thũng Sólé lẻ/thúngSỗ Đơn vi Giá thúng Giá lè Giá dòng

- Textbox Chiều dài, chiều rộng, chiều cao, thể tích, khối lượng: Người dùng

nhập

các thông tin của sản phẩm đang được tạo.

- Textbox Số lượng trên kệ: Số lượng các thùng nguyên của sản phẩm được tạo.

Người dùng cần nhập thông tin này thì mới có thể tạo đơn hàng cho sản phẩm này.

- Textbox Số lẻ/thùng: Số lượng sản phẩm đơn lẻ trong một thùng nguyên, nếu

sản

phẩm đang được tạo thường được lưu trữ trong thùng.

- Textbox Đơn vị: Đơn vị tính của sản phẩm. Tuỳ thuộc vào sản phẩm là gì mà

người dùng có thể thiết lập cho nó.

- Textbox Giá thùng: Giá của một thùng sản phẩm đang được tạo. Người dùng

cần

nhập giá của mỗi thùng sản phẩm để tính tổng giá của đơn hàng.

- Textbox Giá lẻ: Giá của một sản phẩm lẻ của sản phẩm đang được tạo. Nếu đơn

hàng bán bao gồm cả sản phẩm lẻ của sản phẩm thì người dùng cần nhập giá lẻ của sản phẩm, tổng giá trong đơn hàng cũng sẽ tính bao gồm cả giá của sản phẩm lẻ.

- Button HUỶ: Cho phép người dùng huỷ form vừa nhập.

- Button TẠO MỚI: Các thông tin về Sản phẩm vừa tạo sẽ được lưu lại khi người

dùng nhấn Tạo mới.

2.7.4. Giao diện form Đơn hàng

Tạo Đơn hàng bán

Tạo vào ngày, mm/dd/yyy

Ngày đơn hàng' Mã đơn hàng'

Tởi Khách hàng' ị Chọn Khách hàng

Xoá

O H ^en không cố dữ liệu

Trạng thái Toàn bộ

Trạng thái dơn hàng

Tmh trạng giao hàng

Trạng thái kế hoạch

Chiết khấu khuyến măi

Tỏng giá

0 Tống giá tự nhập VNDO

0

HUỶ TẠO MỚI

Hình 35. Giao diện form Đơn hàng

Trên đây là thiết kế giao diện cho Form Sản phẩm. Giao diện gồm các thành phần sau:

- Label Tạo vào ngày: Đây là ngày mà đơn hàng được tạo. Trường thông tin này

sẽ luôn lấy ngày hiện tại được hiển thị trên máy tính của người dùng.

- Textbox Mã đơn hàng: Mã quản lý được gán cho đơn hàng đang được tạo. Mã

này được tự động sinh ra hoặc người dùng có thể tự nhập.

- Textbox Ngày đơn hàng: Ngày để lên lộ trình giao hàng cho đơn hàng cũng

được

gọi là ngày mà Đơn hàng được lên kế hoạch và thực hiện. Ngày đơn hàng có thể là ngày

quá khứ, ngày hiện tại hoặc ngày tương lai. Người dùng có thể nhấn vào biểu tượng hình

Calendar để chọn ngày cho Đơn hàng.

- Dropdown List Từ Kho: Đơn hàng được tạo ra ở một tổ chức Kho mà Sản phẩm

và Khách hàng thuộc tổ chức Kho đó. Người dùng nhấn vào trường này và chọn tên của

một tổ chức Kho được xổ xuống trong danh sách.

- Dropdown List Tới Khách hàng: Khách hàng đặt đơn hàng đang được tạo.

Người

dùng nhấn vào trường này và chọn tên của khách hàng được xổ xuống trong danh sách.

- Textbox Ghi chú: Một ghi chú ngắn về đơn hàng đang được tạo. Ghi chú này

cũng sẽ được xuất hiện trên ứng dụng di động của tài xế giao đơn hàng này.

- Textbox Search Sản phẩm: Người dùng thực hiện tìm kiếm Sản phẩm thuộc đơn

hàng mà khách hàng đã đặt, chọn sản phẩm hiển thị tại ô tìm kiếm sau đó nhấn Thêm sản phẩm để đưa sản phẩm vào bảng Sản phẩm ở bên dưới. Khi Sản phẩm đã được đưa vào bảng Sản phẩm sẽ tự động hiển thị các thông tin tương ứng với Sản phẩm đó như: Số lẻ/thùng, Đơn vị, Giá thùng, Giá lẻ. Lúc này người dùng cần nhập Số thùng và/hoặc Số lẻ (nếu có) của Sản phẩm. Khi Số thùng/Số lẻ đã có, Giá dòng của mỗi Sản phẩm cũng sẽ tự động được tính. Người dùng có thể xoá Sản phẩm tại bảng sản phẩm bằng cách chọn biểu tượng xoá ở cuối bảng của mỗi dòng sản phẩm.

- Label Trạng thái đơn hàng: Người dùng sẽ không được phép chỉnh sửa gì tại

trạng thái đơn hàng. Các trạng thái của đơn hàng sẽ được tự động cập nhật khi tài xế giao hàng submit tác vụ giao hàng của mình: Trạng thái mặc định của đơn hàng là “Mở”

khi đơn hàng vừa được tạo. Khi tài xế submit tác vụ Giao hàng có nghĩa là lúc này đơn hàng đã được giao đến khách hàng, khi đó trạng thái đơn hàng là “Đã chuyển hàng”. Khi trạng thái đơn hàng là “Cancel” nghĩa là đơn hàng đã bị huỷ bởi khách hàng.

- Label Tình trạng giao hàng: Tương tự với Trạng thái đơn hàng, người dùng

cũng

sẽ không được phép chỉnh sửa. Tình trạng giao hàng sẽ được tự động cập nhật khi có sự

kiện xảy ra, đó là: khi đơn hàng vừa tạo, trạng thái giao hàng mặc định là “Chưa thực hiện”; khi đơn hàng được giao thành công đến khách hàng, trạng thái giao hàng là “Giao

được”; khi đơn hàng chỉ được giao một phần đến khách hàng, trạng thái giao hàng là “Giao một phẩn”; khi đơn hàng được giao không thành công đến khách hàng, trạng thái giao hàng là “Không giao được”.

- Label Trạng thái kế hoạch: Người dùng sẽ không được phép chỉnh sửa gì tại

các

trạng thái này. Giống với hai trạng thái trên, trạng thái này cũng sẽ được tự động cập nhật khi có sự kiện xảy ra. Khi đơn hàng vừa được tạo mặc định có trạng thái “Mở”.

Tạo Phương tiện

TD ch c*ứ Bι⅛ SOt

Chọn Tồ CTJC

ZZ

-Cci Phương tiện*

Mã phương tiện*

Chcn Loại phUBπg tiện

Ten phương tiện

Loại nhiệt độ Tốc độ*

Chọn Loại nhiệt độ

Thể tídi (m3)* Kboi ượng (Ịtg)*

Thử' gian bắt đâu (HHimm)* Thdf gian kỀtthúc (HHnnm)*

Chi phí trên km Cn' phí cố định

HUỶ TẠO MỞ

Khi đơn hàng được lên lộ trình, trạng thái của đơn hàng tự động cập nhật “Đã lên lộ trình”. Khi lộ trình được chốt, trạng thái đơn hàng được tự động cập nhật “Đã chốt lộ trình”.

- Textbox Chiết khấu khuyến mãi: Người dùng nhập số tiền khuyến mãi của đơn

hàng nếu có.

- Checkbox Tổng giá tự nhập: Khi checkbox Tổng giá tự nhập được tick có

nghĩa

là người dùng sẽ tự nhập tổng giá của đơn hàng. Khi check checkbox Tổng giá tự nhập không được tick hệ thống sẽ tự động Tính giá theo công thức: Tổng giá tự nhập bằng Hiệu của Tổng giá dòng của các Sản phẩm trong đơn hàng trừ Chiếu khấu khuyến mãi của đơn hàng đó.

- Button HUỶ: Cho phép người dùng huỷ form vừa nhập.

- Button TẠO MỚI: Các thông tin về Đơn hàng vừa tạo sẽ được lưu lại khi người

dùng nhấn Tạo mới.

46

Hình 36. Giao diện form Phương tiện

Trên đây là thiết kế giao diện cho Form Phương tiện. Giao diện gồm các thành phần sau:

- Dropdown List Tổ chức: Tổ chức quản lý phương tiện đang được tạo. Trong

phạm

vi bài toán nghiên cứu, phương tiện thuộc quản lý của tổ chức Kho. Người dùng chọn tên một tổ chức Kho quản lý phương tiện đang được tạo.

- Dropdown List Loại phương tiện: Loại phương tiện của phương tiện đang được

tạo. Có 3 loại phương tiện: Xe máy, xe tải và xe bán tải. Người dùng nhấn vào trường này để chọn Loại phương tiện phù hợp cho phương tiện đang được tạo. Loại phương tiện này sẽ được hiển thị trên thanh lộ trình khi phương tiện được gán tác vụ vận chuyển.

Khi đó, người dùng sẽ biết mỗi Lộ trình giao hàng được vận chuyển bởi Loại phương tiện nào.

- Textbox Mã phương tiện: Mã quản lý được gán cho phương tiện đang được tạo.

Mã phương tiện này cũng sẽ được hiển thị trên thanh lộ trình. Người dùng sẽ biết phương

tiện nào thực hiện vận chuyển ở mỗi Lộ trình giao hàng.

- Textbox Tên phương tiện: Một tên được gán cho phương tiện đang được tạo để

quản lý dễ dàng hơn.

- Textbox Biển số: Biển số của phương tiện đang được tạo. Biển số này cũng sẽ

hiển thị ở phần thông tin phương tiện trên thanh lộ trình. Mỗi lộ trình người dùng có thể

biết phương tiện nào chuyên chở và biển số của phương tiện đó.

- Textbox Tốc độ: Tốc độ di chuyển của phương tiện đang được tạo, được tính

theo

Đơn vị Kilômét trên giờ (km/h). Người dùng thực hiện nhập thông tin Tốc độ của phương tiện, thông tin này hỗ trợ việc tính toán thời gian giao hàng dự kiến đến và đi ở mỗi cửa hàng của phương tiện.

- Combobox Loại nhiệt độ: Các loại nhiệt độ sản phẩm mà phương tiện đang

được

tạo có thể vận chuyển. Có 3 Loại nhiệt độ: Đông lạnh, Thường và Mát. Người dùng nhấn vào trường này để chọn Loại nhiệt độ cho phương tiện.

- Textbox Thể tích: Thể tích sản phẩm tối đa tính bằng mét khối (m3) mà phương

tiện đang được tạo có thể vận chuyển. Từ thông tin này, hệ thống sẽ tham chiếu thể tích của đơn hàng với thể tích của phương tiện, để biết sức chứa của phương tiện có đủ sức để chứa đơn hàng đó hay không.

- Textbox Khối lượng: Khối lượng sản phẩm tối đa tính bằng kilôgam (kg) mà

phương tiện đang được tạo có thể vận chuyển. Tương tự như thông tin về Thể tích, hệ thống sẽ tham chiếu Khối lượng của đơn hàng với Khối lượng của phương tiện, để biết sức chứa của phương tiện có đủ sức để chứa đơn hàng đó hay không.

- Textbox Thời gian bắt đầu & Thời gian kết thúc: Thời gian chính thức trong

ngày

khi phương tiện đang được tạo bắt đầu hoạt động và ngừng hoạt động

- Textbox Chiphí trên km: Chi phí cho chiếc xe được tạo ra trên một km trong

suốt

tuyến đường giao hàng. Từ thông tin này, hệ thống sẽ tính toán tổng chi phí của mỗi lộ trình giao hàng ở phần Tối ưu lộ trình.

- Textbox Chi phí cố định: Chi phí cố định của phương tiện đang được tạo trong một lộ trình giao hàng, không phụ thuộc vào chiều dài lộ trình. Từ thông tin này, hệ thống sẽ tính toán tổng chi phí của mỗi lộ trình giao hàng ở phần Tối ưu lộ trình.

2.7.6. Giao diện màn hình Vận tải

Hình 37. Giao diện màn hình Vận tải

Trên đây là thiết kế giao diện màn hình Vận tải - Lên lộ trình giao hàng. Giao diện

gồm các thành phần sau:

- Màn hình bản đồ: đây chính là bản đồ của Google hỗ trợ định tuyến đường đi

của

các lộ trình giao hàng.

- Pop-up Lên lộ trình giao hàng: Để lên lộ trình cho các Đơn hàng, điều kiện

cần:

là người dùng cần chọn Tổ chức ở đây là Chi nhánh và điều kiện đủ là Ngày chính là Ngày đơn hàng. Nếu thiếu một trong hai điều kiện, Lộ trình giao hàng sẽ không được tạo lên.

Trong phạm vi bài toán nghiên cứu, Kho được quản lý bởi Chi nhánh hay nói cách

khác Chi nhánh là Tổ chức cấp trên của Kho mà các Đơn hàng thuộc Kho. Vì vậy, để lên lộ trình giao hàng cho các Đơn hàng thì cần chọn Chi nhánh, như vậy tất cả các Đơn

hàng thuộc Kho được quản lý bởi Chi nhánh đó sẽ được lên lộ trình. Và Ngày đơn hàng để quyết định những Đơn hàng của ngày nào sẽ được lên lộ trình.

Hình 38. Giao diện màn hình Tối ưu lộ trình

Trên đây là thiết kế giao diện màn hình Vận tải - Tạo lộ trình tối ưu. Giao diện

Một phần của tài liệu Phát triển phân hệ quản lý vận tải và tối ưu lộ trình giao hàng trong hệ thống abivin vroute,khoá luận tốt nghiệp (Trang 53)

Tải bản đầy đủ (DOCX)

(93 trang)
w