Chương 3 THIẾT KẾ CHỨC NĂNG VÀ GIAO DIỆN
3.4. Thiết kế giao diện Giao diện client
Giao diện client
Hình 3. Màn hình chờ
Hình 3. Màn hình đăng nhập
- Đây là màn hình đăng nhập cho người dùng (chủ yếu là sinh viên) và người quản trị
Hình 3. Màn hình chính
- Đây là màn hình chính, là màn hình sau khi đăng nhập thành công
Hình 3. Màn hình về các môn học đã đăng ký
- Đây là màn hình danh sách các môn học đã đăng kí
Hình 3. Màn hình nội dung chi tiết về môn học
- Đây là màn hình chi tiết về môn học mình đã đăng ký
- Màn hình này gồm tên môn học.Dưới đó là mô tả chung về môn học
- Màn hình còn thêm 2 tab là ứng với chức năng là xem điểm và đề cương môn học
Hình 3. Màn hình kết quả học tập
- Màn hình này chứa nội dung thông tin về kết quả học tập của môn học bao gồm 3 thành phần : điểm chuyên cần , điểm giữa kì và điểm cuối kì.
Hình 3. Màn hình tin tức
- Đây là màn hình sẽ chứa các tab với mỗi tab là chứa tiêu đề của 1 tin tức , các tab được sắp xếp theo thứ tự thời gian tin tức được đăng.
Hình 3. Màn hình chi tiết nội dung tin tức
- Đây là màn hình chứa tiêu đề ,nội dung chi tiết của một tin tức - Back: khi ấn vào nút này, người dùng sẽ quay lại màn hình 4.3.2
Hình 3. Màn hình thông tin chi tiết của một sinh viên
- Đây là màn hình chứa thông tin của một sinh viên bao gồm Mã sinh viên, họ tên, lớp, ngành, khoa, ngày sinh , số điện thoại
Giao diện server
Hình 3. Màn hình chèn thông tin
- Màn hình gồm 3 menu chính tương ứng với chức năng là chọn tệp tin, Insert (chèn thông tin) và reset (để chèn lại thông tin)
Hình 3. Màn hình chèn tạo tài khoản
- Đây là màn hình tạo tài khoản cho từng người dùng
Hình 3.Màn hình thêm tin tức về môn học
- Đây là màn hình thêm thông tin về các môn học
- Màn hình này bao gồm các trường như id, name…. và các menu chính tương tự các màn hình trên.
Hình 3. Danh sách các môn học và thông tin về môn học
Hình 3. Danh sách thông tin ngoại khóa
Hình 3. Danh sách sinh viên