Màn hình các điện thoại di động có nhiều kích cỡ khác nhau nhưng nói chung là nhỏ do đó khi thiết kế giao diện em chú ý các vấn đề:
- Độ rộng của phiên bản là hết chiều rộng màn hình điện thoại. - Chiều dài của phiên bản hiển thịđủ 10 văn bản.
- Cỡ chữ và kích thước phù hợp, dễđọc. 1, Danh sách các màn hình
STT Tên màn hình Chức năng
1 Màn hình đăng nhập Màn hình cho phép đăng nhập vào hệ thống
2 Màn hình hiển thị toàn bộ văn bản
đến
Màn hình cho phép người dùng xem và download file đính kèm của
3 Màn hình hiển thị văn bản đến trong ngày
Màn hình cho phép người dùng xem và download file đính kèm của
văn bản đến trong ngày 4 Màn hình hiển thị toàn bộ văn bản
đi
Màn hình cho phép người dùng xem và download file đính kèm của
văn bản đi 5 Màn hình hiển thị văn bản đi trong
ngày
Màn hình cho phép người dùng xem và download file đính kèm của
văn bản đi trong ngày 6 Màn hình tìm kiếm Màn hình cho phép người dùng tìm kiếm văn bản với từ khóa 7 Màn hình trả về kết quả tìm kiếm Màn hình trả về các văn bản có chứa từ khóa tìm kiếm trong cơ sở dữ liệu 8 Màn hình lựa chọn 1 Màn hình cho phép người dùng thay đổi hiển thị giữa văn bản đến và đi 9 Màn hình lựa chọn 2 Màn hình cho phép người dùng thay đổi hiển thị toàn bộ văn bản và văn bàn trong ngày 2, Mô tả màn hình
- Màn hình đăng nhập: màn hình đăng nhập là màn hình dùng để truy cập vào hệ
thống.
o Mô tả hoạt động: người dùng nhập tên đăng nhập và mật khẩu. Sau đó chọn “Đăng nhập”.
o Các thành phần chính
Nhóm Loại Ý nghĩa
1 TextField1 TextField này dùng để nhập tên 2 TextField1 TextField này dùng nhập mật khẩu
Hình 2: Màn hình đăng nhập hệ thống
Sau khi đăng nhập thành công phiên bản sẽ hiển thị màn hình chính. - Màn hình chính: hiển thị các văn bản
o Mô tả hoạt động: màn hình giúp người dùng dễ dàng tìm, download và tìm kiếm các văn bản.
o Các thành phần chính
Nhóm Loại Ý nghĩa
1 Banner Tên Website
2 Link Lịch công tác ban giám hiệu
3 Select trái Dùng để thay đổi hiển thị văn bản (adsbygoogle = window.adsbygoogle || []).push({});
đến trong này hay toàn bộ văn bản 4 Select phải Dùng để thay đổi hiển thị văn bản đến hay văn bản đi 5 TextField Dùng đểđiền từ khóa tìm kiếm 1 2 3
6 Button Nút tìm kiếm văn bản
7 Button Nút chuyển các trang
8 Fame Hiển thị ngày ban hành, trích yếu, file
đính kèm của văn bản
Hình 3: Màn hình chính
- Màn hình lựa chọn:
o Mô tả hoạt động: dùng để lựa chọn văn bản đến hay văn bản đi. Văn bản trong ngày hay toàn bộ văn bản.
o Lựa chọn toàn bộ văn bản hay văn bản trong ngày 3 2 1 4 6 7 8 5
Hình 4: Màn hình lựa chọn 1
Lựa chọn văn bản đến hay văn bản đi:
Hình 5: Màn hình lựa chọn 2
o Mô tả hoạt động: trả về kết quả tìm kiếm văn bản với từ khóa.
o Điền từ khóa tìm kiếm:
Hình 6: Màn hình tìm kiếm
o Kết quả trả về sau khi tìm kiếm: