Thiết kế giao diện

Một phần của tài liệu Xây dựng một ứng dụng Quản lý phân công giảng dạy cho Khoa CNTT, Đại học Sài Gòn (Trang 80 - 92)

7. Ý nghĩa đề tài

4.1.Thiết kế giao diện

4.1.1. Trang đăng nhập

Đây là trang hiển thị đầu tiên khi người dùng mở ứng dụng. Trang này

cho phép người dùng đăng nhập để sử dụng các chức năng của ứng dụng.

Hình 4.1 : Giao diện đăng nhập

4.1.2. Trang chủ

4.1.3. Trang quản lý User

Khi người dùng vào tab “Quản lý hệ thống”, hệ thống sẽ hiển thị trang quản lý thành viên như sau

Hình 4.3 : Giao diện trang quản lý User

Trang này cho phép người dùng quản lý thành viên bằng cách : thêm thành viên mới hoặc sửa và xóa thành viên cũ.

Người dùng thêm thành viên mới bằng cách nhấn vào nút “Thêm User Mới” ở góc trên bên trái, hệ thống sẽ chuyển sang trang thêm thành viên

Người dùng sửa thành viên cũ bằng cách nhấn vào hình cây bút chì kế bên thành viên cần sửa, hệ thống sẽ chuyển sang trang sửa thành viên:

Hình 4.5 : Giao diện trang sửa User

4.1.4. Trang quản lý giảng viên

Khi người dùng vào tab “Giảng viên” và chọn chức năng “Quản lý giảng viên” , hệ thống sẽ hiển thị trang quản lý giảng viên như sau

Trang này cho phép người dùng quản lý giảng viên bằng cách : thêm giảng viên mới hoặc sửa và xóa giảng viên cũ.

Người dùng thêm giảng viên mới bằng cách nhấn vào nút “Thêm Giảng viên Mới” ở góc trên bên trái, hệ thống sẽ chuyển sang trang thêm giảng viên :

Hình 4.7 : Giao diện trang thêm giảng viên

Người dùng sửa giảng viên cũ bằng cách nhấn vào hình cây bút chì kế bên giảng viên cần sửa, hệ thống sẽ chuyển sang trang sửa giảng viên :

4.1.5. Trang quản lý học phần

Khi người dùng vào tab “Kế hoạch đào tạo” và chọn chức năng “Quản lý học phần” , hệ thống sẽ hiển thị trang quản lý học phần như sau

Hình 4.9 : Giao diện trang quản lý học phần

Trang này cho phép người dùng quản lý học phần bằng cách : thêm học phần mới hoặc sửa và xóa học phần cũ.

Người dùng thêm học phần mới bằng cách nhấn vào nút “Thêm Học phần Mới” ở góc trên bên trái, hệ thống sẽ chuyển sang trang thêm học phần :

Người dùng sửa học phần cũ bằng cách nhấn vào hình cây bút chì kế bên học phần cần sửa, hệ thống sẽ chuyển sang trang sửa học phần :

Hình 4.11 : Giao diện trang sửa học phần

4.1.6. Trang quản lý khối lớp

Khi người dùng vào tab “Kế hoạch đào tạo” và chọn chức năng “Quản lý khối lớp” , hệ thống sẽ hiển thị trang quản lý khối lớp như sau

Trang này cho phép người dùng quản lý khối lớp bằng cách : thêm khối lớp mới hoặc sửa và xóa khối lớp cũ.

Người dùng thêm khối lớp mới bằng cách nhấn vào nút “Thêm Khối Lớp Mới” ở góc trên bên trái, hệ thống sẽ chuyển sang trang thêm khối lớp :

Hình 4.13 : Giao diện trang thêm khối lớp

Người dùng sửa khối lớp cũ bằng cách nhấn vào hình cây bút chì kế bên khối lớp cần sửa, hệ thống sẽ chuyển sang trang sửa khối lớp :

4.1.7. Trang quản lý nhóm lớp

Khi người dùng vào tab “Kế hoạch đào tạo” và chọn chức năng “Quản lý nhóm lớp” , hệ thống sẽ hiển thị trang quản lý nhóm lớp như sau :

Hình 4.15 : Giao diện trang quản lý nhóm lớp

Trang này cho phép người dùng quản lý nhóm lớp bằng cách : thêm nhóm lớp mới hoặc sửa và xóa nhóm lớp cũ.

Người dùng thêm nhóm lớp mới bằng cách nhấn vào nút “Thêm Nhóm lớp Mới” ở góc trên bên trái, hệ thống sẽ chuyển sang trang thêm nhóm lớp :

Người dùng sửa nhóm lớp cũ bằng cách nhấn vào hình cây bút chì kế bên nhóm lớp cần sửa, hệ thống sẽ chuyển sang trang sửa nhóm lớp :

Hình 4.17 : Giao diện trang sửa nhóm lớp

4.1.8. Trang tự động phát sinh nhóm lớp

Khi người dùng vào tab “Kế hoạch đào tạo” và chọn chức năng “Tự động phát sinh nhóm lớp” , hệ thống sẽ hiển thị trang tự động phát sinh nhóm lớp như sau :

Chức năng này cho phép người dùng tự động phát sinh nhiều nhóm lớp cùng lúc bằng cách người dùng điền những thông tin cần thiết cho nhóm lớp cần phát sinh như : năm học, học kỳ, khối lớp, số sinh viên dự kiến cho mỗi nhóm lớp hoặc số nhóm lớp.

Khi người dùng chọn năm học, khối lớp và học kỳ, hệ thống sẽ dựa vào học kỳ dự kiến của từng học phần mà đưa ra những học phần (gợi ý) dành cho khối lớp được chọn theo học kỳ và năm học được chọn trong phần mã học phần. Nếu người dùng hài lòng với những học phần mà hệ thống đưa ra, người dùng chọn phát sinh nhóm lớp, hệ thống sẽ tự động phát sinh nhóm lớp theo những gì người dùng đã yêu cầu.

Hình 4.19 : Giao diện trang tự động phát sinh nhóm lớp (đã phát sinh mã)

Nếu người dùng không hài lòng với những học phần được hệ thống đưa ra, người dùng có thể tự do thêm, sửa, xóa những học phần khác với điều kiện học phần đó có trong danh mục học phần. Nếu học phần đó không có trong danh mục học phần, hệ thống sẽ bỏ qua không phát sinh nhóm lớp cho học phần đó. Sau đó người dùng chọn phát sinh nhóm lớp, hệ thống sẽ tự động phát sinh nhóm lớp theo những gì người dùng đã yêu cầu.

4.1.9. Trang phân công giảng dạy

Khi người dùng vào tab “Phân công” và chọn chức năng “Phân công giảng dạy” , hệ thống sẽ hiển thị trang cho phép người dùng phân công giảng dạy cho các giảng viên bằng cách load tất cả các nhóm lớp của năm học đó (hoặc người dùng có thể lọc nhóm lớp bằng chức năng lọc phía trên), ở cột cuối của mỗi nhóm lớp là phần phân công, phần này sẽ là combobox liệt kê tất cả tên giảng viên để người dùng lựa chọn, sau khi lựa chọn giảng viên giảng dạy cho nhóm lớp đó người dùng sẽ bấm vào nút lưu phân công để lưu những gì mình vừa phân công.

Nếu nhóm lớp nào đã có giảng viên giảng dạy, lúc load lên sẽ hiển thị cả tên giảng viên giảng dạy, người dùng có thể chỉnh sửa giảng viên giảng dạy bằng cách bấm vào combobox phân công và chọn giảng viên khác.

4.1.10. Trang xem phân công của giảng viên

Khi người dùng vào tab “Phân công” và chọn chức năng “Xem phân công” , hệ thống sẽ hiển thị trang xem phân công giảng viên. Trang này sẽ hiện họ tên tất cả các giảng viên, số tiết giảng viên đó giảng dạy trong học kỳ I, học kỳ II và cả năm và các lớp giảng viên đó giảng dạy trong năm học đó. Người dùng cũng có thể tìm kiếm giảng viên mình muốn xem phân công hoặc lọc theo loại hình giảng viên.

Hình 4.21 : Giao diện trang xem phân công

4.1.11. Trang thống kê báo cáo

Khi người dùng vào tab “Thống kê báo cáo”, hệ thống sẽ hiển thị trang cho phép người dùng tạo báo cáo. Người dùng chọn khoa phụ trách, năm học, và mẫu báo cáo cần phát sinh, sau đó nhấn vào nút “Phát sinh báo cáo”, hệ thống sẽ tự phát sinh báo cáo theo yêu cầu của người dùng dưới dạng file excel 2007.

Hình 4.22 : Giao diện trang thống kê báo cáo

Một phần của tài liệu Xây dựng một ứng dụng Quản lý phân công giảng dạy cho Khoa CNTT, Đại học Sài Gòn (Trang 80 - 92)