Thiết kế giao diện (Interface Designing)

Một phần của tài liệu bài tập lớn kỹ thuật phần mềm đề tài phần mềm qu n lý phòng lab (Trang 33 - 40)

B .N ỘI DUNG ĐỀ T ÀI

4.2 Thiết kế giao diện (Interface Designing)

4.2.1 Giao diện khi chương trình khởi động

Chương trình tự động hiển thị phần Giới thiệu về phòng Lab và chương trình quản lý

Giao diện khi chương trình khởi động

4.2.2 Đăng nhập quyn qun trị với Username và Password đúng

Nút đăng nhập

Điền thông tin người qun tr

4.2.3 Giao din chính của chương trình:

Ví dụ như trong mục Quản lý thành viên:

Giao din phn qun lý thành viên

Giả sử ta nhập vào một thành viên mới, khung thêm thành viên sẽ hiện ra như sau:

28 | P a g e

Giao din phn nhp thông tin cho thành viên mi

Sau khi nhập các thông tin cầ n thiế t, và nhấ n Cập nhật:

Cp nht thành viên mi thành công

Trở lại mụ c tìm kiếm, ta có thể thấy thành viên mới đã được lưu và cơ sở dữ liệu:

Thành viên mới đã được lưu

Chúng ta có thể xem các đề tài mà thành viên tham gia, và các báo cáo đã gửi của thành viên

Các đềtài và báo cáo ca thành viên 4.2.4 Giao din tab qun lý nhóm:

30 | P a g e

Các thông tin vnhóm

4.2.5 Giao din tab quản lý đề tài:

Các thông tin về đềtài

4.2.5 Giao din tìm kiếm báo cáo:

Các báo cáo được gi bi thành viên và nhóm

4.2.6 Phân công thành viên tham gia đề tài:

Chọn thành viên tham gia đề

tài 4.2.7 Phân công nhóm tham gia đề tài:

32 | P a g e

Chọn nhóm tham gia đềtài

4.2.8 Thay đổi mt khu ca Admin và màn hình đăng xuất:

Thay đổi mt khu ca admin và màn hình đăng xuất.

Một phần của tài liệu bài tập lớn kỹ thuật phần mềm đề tài phần mềm qu n lý phòng lab (Trang 33 - 40)