Thiết kế giao diện người sử dụng

Một phần của tài liệu Nghiên cứu xây dựng hệ thống thu thập dữ liệu và cảnh báo môi trường từ xa (Trang 48 - 53)

2.4.4.1. Yêu cầu chung về giao diện

− Phần mềm sử dụng chuẩn thiết kế chung của toàn bộ nhóm phần mềm khai thác.

− Điều khiển được cung cấp sẵn bởi các thẻ html như : nút (button), text box, radio button, dropdownlist, listbox... sử dụng nút mặc định, có thể thay đổi mầu sắc cho hợp với thiết kế chung

Màn hình

− Khổ rộng trang hiển thị 1024 pixels.

− Độ phân giải màn hình: 1024x768 pixels

− Nền ngoài (đối với màn hình có khổ rộng lớn hơn 1024 pixels): mầu xám

− Font chữ: "Lucida Grande", Arial, sans-serif;

− Cỡ chữ bình thường : 12px

Các điều khiển:

Text box: sử dụng điều khiển mặc định theo chuẩn html

− Kích thước mặc định: 20px (có thể kéo dài tùy trường hợp)

− Màu sắc nền: trùng với mầu nền mặc định

− Mầu sắc viền: thiết kế phù hợp với toàn trang

− Font, cỡ chữ: mặc định (có thể thay đổi tùy trường hợp)

− Hình dáng đường viền: mặc định theo chuẩn html

− Đối với các textbox yêu cầu người dùng nhập liệu: hiển thị đường viền mầu đỏ

và in đậm

Nút (button): sử dụng điều khiển mặc định theo chuẩn html − Kích thước: phụ thuộc nội dung hiển thị trong nút

− Màu sắc nền: thiết kế cho phù hợp với giao diện

− Font, cỡ chữ: mặc định (có thể thay đổi tùy trường hợp)

− Điều khiển dropdown list: sử dụng điều khiển mặc định Theo chuẩn html:

− Kích thước: phụ thuộc nội dung hiển thị trong nút − Màu sắc nền: thiết kế cho phù hợp với giao diện

− Font, cỡ chữ: mặc định (có thể thay đổi tùy trường hợp)

− Đường viên: mặc định theo chuẩn html

Điều khiển nút lựa chọn (radio button hoặc check box): sử dụng điều khiển mặc định theo chuẩn html

− Kích thước: mặc định theo chuẩn html

− Hình dáng: mặc định theo chuẩn html

2.4.4.2. Các điều kiện chung

− Hiển thị banner ( hình ảnh kéo dài trên cùng trang) trong toàn bộ các trang của

phần mềm (adsbygoogle = window.adsbygoogle || []).push({});

− Hiển thị footer (khung thông tin phần chân trang trong toàn bộ các trang của phần mềm

− Với người dùng chưa đăng nhập vào hệ thống, hiển thị các điều khiển cho phép

đăng nhập tại khung bên phải. Với người dùng đã đăng nhập, hiển thị lời chào và các liên kết tới quản lý thông tin cá nhân tại khung bên phải.

2.4.4.3. Danh sách giao diện nhóm các chức năng

Quản lý người dùng

Đây là một nhóm các chức năng giúp người quản trị hệ thống quản lý tất cả người dùng có trong hệ thống cũng như những nhóm người dùng mà những người dùng này trực thuộc.

Gán người dùng vào nhóm:

Cho phép người quản trị hệ thống có thể gán người dùng vào các nhóm người

dùng trong hệ thống. Nhóm người dùng có quyền gì thì những người dùng thuộc

nhóm đó sẽ có quyền đó.

Thông tin quan trắc

Tra cứu thông tin quan trắc:

CHƯƠNG 3 : KẾT QUẢ XÂY DỰNG HỆ THỐNG

Một phần của tài liệu Nghiên cứu xây dựng hệ thống thu thập dữ liệu và cảnh báo môi trường từ xa (Trang 48 - 53)