2.1. Giao diện người sử dụng
Giao diện trang web đƣợc trình bày khoa học, hợp lý và hài hòa với mục đích sử dụng.
Giao diện chính của trang web đƣợc trình bày theo bố cục nhƣ sau: o Hệ thống Menu ở phía trên, canh giữa.
o Nội dung chính ở giữa.
GVHD: ThS. Trương Thị Thanh Tuyền Trang 28 Loại menu ngƣời dùng: menu ngang.
Các giao diện cụ thể:
o Phông chữ: Helvetica. Kích cỡ: tùy theo vị trí, chức năng trên giao diện (10 ~ 30 pixel).
o Các bảng dữ liệu có thanh cuộn dọc giúp ngƣời dùng dễ dàng di chuyển, đọc các thông tin bị khuất.
o Ngƣời dùng có thể sử dụng các phím tắt, di chuyển bằng bàn phím Tab trong các form điền thông tin, phím Enter để nhập và sang ô kế tiếp.
o Các nút Thoát, Phóng to, Thu nhỏ... đặt ở góc phải phía trên, dễ nhìn và không chiếm nhiều không gian phần mềm.
o Các form phải có tiêu đề phù hợp với chức năng sử dụng.
Khi ngƣời dùng thực hiện các thao tác sai cần có thông báo phản hồi hoặc biểu tƣợng cảnh báo, nhắc nhở.
Các thông báo lỗi đều có chữ màu đỏ, dễ nhìn và kèm hƣớng dẫn để ngƣời dùng dễ sửa.
2.2. Giao tiếp phần cứng
Để thao tác với chƣơng trình, ngƣời dùng phải dùng chuột và bàn phím để di chuyển, thực hiện các thao tác lựa chọn và điền thông tin. Các thiết bị phần cứng phải thỏa mãn các yêu cầu đƣợc trình bày ở
mục 3.1.2.4.
Đảm bảo các thiết bị phần cứng vận hành chính xác, đủ khả năng phục vụ hệ thống hoạt động nhanh và hiệu quả.
2.3. Giao tiếp phần mềm
Hệ thống phải tương tác tốt với các phần mềm sau :
Hệ điều hành: windows 7 hoặc cao hơn.
Dịch vụ: Apache service (khởi chạy server PHP và MySQL) do phần mềm Xampp Server đảm nhiệm.
Công cụ lập trình: Sublime Text 3.
Ngôn ngữ lập trình: PHP, HTML, CSS, JavaScript.
Hệ thống có thể chạy tốt trên các trình duyệt Web như: Chrome, IE, Firefox, Opera và Safari. Ngoài ra, yêu cầu về phiên bản của các trình duyệt có thể tham khảo tại mục 2.4.
GVHD: ThS. Trương Thị Thanh Tuyền Trang 29
2.4. Giao tiếp truyền thông tin
Giao tiếp giữa Server và Client đƣợc thực hiện bởi giao thức HTTP thông qua trình duyệt Web.