Tổ chức thành phần trong Thiết kế giao diện

Giới thiệu về màn hình Thiết kế giao diện

Thiết lập Trang

Thiết lập Trang cho phép người dùng cấu hình các thuộc tính giao diện như căn lề, màu nền, thêm các nút hành động, sửa đổi hiển thị tiêu đề và đường dẫn điều hướng (breadcrumb),... cho toàn bộ màn hình Tạo hoặc Xem, Sửa bản ghi của đối tượng.

Màn hình Tạo/Xem, Sửa bản ghi của đối tượng là phần khu vực nằm bên phải Mục menu trái và nằm dưới Thanh điều hướng ứng dụng.

Ví dụ: Màn hình giao diện tạo bản ghi đối tượng Đơn hàng.

Để truy cập Thiết lập Trang người dùng nhấn Thiết lập Trang trên màn hình cấu hình giao diện.

Giao diện cấu hình Thiết lập Trang, thông số cấu hình chi tiết xem tại đây.

Thiết lập Nội dung

Thiết lập Nội dung cho phép người dùng cấu hình nội dung và bố cục hiển thị của các trường dữ liệu.

Ví dụ: Nội dung màn hình giao diện tạo bản ghi đối tượng Đơn hàng.

Giao diện cấu hình Thiết lập nội dung.

• (1): Khu vực chứa giao diện các Container và Trường dữ liệu cho phép người dùng kéo thả các giao diện này vào khu vực thiết kế giao diện.

• (2): Khu vực thiết kế giao diện cho Đối tượng, hiển thị trực quan cách bố trí các Container và Trường dữ liệu.

• (3): Khu vực cấu hình chi tiết cho Container và Trường dữ liệu. Người dùng cần chọn giao diện cần cấu hình ở khu vực thiết kế giao diện để hiển thị các thông số cấu hình trong khu vực này. Thông số cấu hình chi tiết:

  • Container: tham khảo tại đây.
  • Trường dữ liệu và Danh sách liên quan: tham khảo tại đây.

Mối quan hệ giữa các thành phần trong Thiết kế giao diện

Trong Thiết kế giao diện, giao diện người dùng cuối được chia theo nguyên tắc sau:

• Giao diện người dùng cuối được chia thành các hàng (Row) được sắp xếp theo chiều dọc của màn hình. Trong từng Row có thể được chia thành nhiều cột (Column).
• Các Column được sắp xếp theo chiều ngang trong Row. Người dùng có thể cấu hình độ rộng tùy ý cho mỗi Column. Trong từng Column có thể chứa các Section hoặc Tab-Section.
• Các Section/Tab-Section được sắp xếp theo chiều dọc trong Column, mỗi Section/Tab-Section có thể chứa 1 hoặc nhiều Group.
• Các Group được sắp xếp theo chiều dọc trong Section/Tab-Section, Group chứa giao diện của các Trường dữ liệu, Danh sách liên quan hoặc các Container khác (Display Box, Button group, Smart paste, Lộ trình, Công việc cần hoàn thành). Đây là giao diện hiển thị cho người dùng cuối thông tin chi tiết giá trị các trường, thông báo, các nút chức năng của một bản ghi, danh sách liên quan... Cho phép người dùng cuối thao tác xem, xóa, sửa thông tin của một bản ghi cụ thể.