Chương 4 THỰC NGHIỆM
4.2. Giao diện chương trình
Màn hình phía client
- Đây là phần duy nhất có thể kết nối được với phía server
-
Hình 4.Màn hình đăng nhập
- Sau khi đăng nhập thành công , màn hình sẽ xuất hiện 3 tab chính cho người dùng lựa chọn bao gồm Thông tin đào tạo , Tin tức , Thông tin cá nhân.
Hình 4. Màn hình chính
- Khi chọn vào mục Thông tin đào tạo , trên cùng màn hình sẽ xuất hiện 2 tab chính gồm Môn học hiện tại và Môn học tham khảo . Chọn tab Môn học hiện tại sẽ gồm danh sách các môn học hiện tại . Có thể chọn xem nội dung chi tiết về một môn học bằng cách nhấn trực tiếp vào tên môn học đó hiện trên màn hình
Hình 4. Màn hình về các môn học đã đăng ký
- Chọn xem một trong các môn học (cụ thể là môn học Toán rời rạc ) màn hình sẽ hiển thị chi tiết nội dung về môn học đó . Trên cùng là tên của môn học được chọn xem , phần dưới là mục mô tả chung về môn học được chọn xem .Phần dưới màn hình còn bao gồm 3 mục có thể chọn tiếp bao gồm Xem điểm ,Đề cương môn học, Back(quay lại màn hình các môn học đã đăng ký ).
Hình 4. Màn hình nội dung chi tiết về môn học
- Chọn mục Xem điểm màn hình chuyển sang hiển thị chi tiết về kết quả học tập của môn học đó ( nếu đã có ) bao gồm 3 thành phần Điểm chuyên cần , Điểm giữa kì , Điểm cuối kì.
Hình 4.Màn hình kết quả học tập
- Quay trở lại với màn hình 5.2 , chọn mục Tin tức : Màn hình hiển thị sẽ bao gồm 3 tab chính ở trên cùng bao gồm Tin tức, Thông báo , Tin khác. Trong Tab Tin tức , màn hình hiển thị danh sách một loạt các tiêu đề tin tức được sắp xếp từ trên xuống dưới theo tiêu chí thời gian đăng gần thời điểm hiện tại thì được sắp xếp lên trên . Có thể chọn xem nội dung chi tiết tin tức bằng cách chọn trực tiếp vào phần tiêu đề của tin tức muốn xem .
Hình 4. Màn hình tin tức
- Chọn xem cụ thể tin , màn hình sẽ chuyển qua hiển thị nội dung cụ thể của tin tức đó : phía trên cùng màn hình sẽ là tiêu đề của tin tức đó , phần dưới là nội dung tin
Hình 4.Màn hình chi tiết nội dung tin tức
- Quay lại màn hình 5.2 , chọn mục Thông tin cá nhân , màn hình tiếp theo hiển thị thông tin cá nhân của sinh viên đăng nhập bao gồm : Mã sinh viên , Họ tên , Lớp , Giới tính , Ngành , Khoa , Ngày sinh , Số điện thoại .
Hình 4. Màn hình thông tin chi tiết của một sinh viên
Màn hình server
Chèn thông tin , bao gồm các mục cần chèn : - Name (tiêu đề tin tức)
- Content ( nội dung cụ thể tin tức )
- Image to (chọn mục thêm thông tin ) : có thể chọn 3 lựa chọn gồm Extracurricular Information ,Other Information ,Study Information
- Image thumbnail (hình ảnh minh họa của tin tức) : chọn mục Chọn tệp tin để thêm hình ảnh
- Cuối bảng còn 2 lựa chọn Insert ( hoàn thành việc chèn thông tin ) , Reset ( xóa các dữ liệu để màn hình trở về trạng thái ban đầu ).
Hình 4. Màn hình chèn thông tin
Chèn thông tin sinh viên bao gồm các mục : - ID : mã sinh viên
- Name : tên sinh viên
- Password : mật khẩu tài khoản đăng nhập bên phía client - Confirm password : xác nhận lại mật khẩu
- Date Of Birth : ngày tháng năm sinh của sinh viên
- Gender : giới tính của sinh viên ( bao gồm 2 lựa chọn Male , Girl ) - Class: lớp của sinh viên
- Major : nghành học của sinh viên - Faculty : khoa học của sinh viên - Phone : số điện thoại
- Email : email của sinh viên
- Avatar : chọn Chọn tệp tin để thêm hình ảnh
- Cuối màn hình còn có 2 lựa chọn là : Insert(hoàn thành việc chèn thông tin của sinh viên) và Reset ( màn hình trở về trạng thái ban đầu)
Hình 4. Màn hình chèn thông tin sinh viên
Chèn dữ liệu bao gồm các mục : - ID : mã lớp học
- Name: tên lớp học
- Number of credits : số tín chỉ môn học - Description : mô tả khái quát về môn học - Outline : hình ảnh minh họa
- Insert to :có 2 lựa chọn chèn vào bao gồm Current Subject , Reference Subject - Cuối màn hình cũng có 2 lựa chọn Insert ( hoàn thành việc chèn dữ liệu ) ,
Reset (màn hình trở về trạng thái ban đầu )
Các màn hình hiển thị để quản lí thông tin:
Hình 4. Màn hình danh sách tiêu đề hiện tại
Hình 4. Màn hình liệt kê các thông tin khác
Hình 4. Màn hình danh mục các tài liệu tham khảo
Hình 4.Màn hình thông tin danh sách học tập
Đánh giá thực nghiệm :
- Chương trình đã được tối ưu , hiệu suất tốt , chạy ổn đinh.