5. Cấu trúc đồ án
2.4.2.5. Use-case Duyệt thơng tin mượn máy tính của sinh viên
Bảng 2.9: Kịch bản cho use-case Duyệt thơng tin mượn máy tính của sinh viên
Tên use-case Duyệt thơng tin mượn máy tính của sinh viên
Mơ tả Use case dùng để Admin duyệt tất cả yêu cầu đăng kí mượn máy tính thực hành của sinh viên.
Actor Giáo viên
Đầu vào Danh sách đăng kí sử dụng máy tính của sinh viên.
Đầu ra Kết quả đăng ký thành công sinh viên nhận mail thơng báo mượn máy tính dạy thực hành tại phịng máy thành công.
Các bước thực hiện
1. Người dùng đăng nhập vào hệ thống thành công 2. Nhấp chọn mục “Duyệt thơng tin mượn máy tính” 3. Hệ thống hiển thị danh sách đăng kí mượn máy tính 4. Chọn “Đồng ý” hoặc “Từ chối” để duyệt yêu cầu đăng kí 5. Hệ thống sẽ gửi mail đăng kí thành cơng về gmail sinh viên đăng kí
Các bước phát sinh
3a. Sau khi được duyệt, thông báo được gửi đến mail của sinh viên sau khi duyệt thành cơng, sinh viên đã đăng kí thành cơng
Các trường hợp ngoại lệ
3.a Khơng xác nhận (không duyệt)/quá thời gian chờ duyệt Thông báo đăng ký không thành công cho sinh viên mời đăng ký lại
Xây dựng website quản lý lịch thực hành phịng máy tính tại trường Đại học Sư Phạm Kỹ Thuật Đà Nẵng
SVTH: Phạm Vinh 17
Actor Admin
2.4.3.1. Use-case Đăng nhập
Bảng 2.10: Kịch bản cho use-case Đăng nhập
Tên use-case Đăng nhập
Mô tả Người dùng muốn đăng nhập
Actor Admin
Đầu vào Người dùng truy cập vào mục Đăng nhập
Đầu ra Đăng nhập thành công
Các bước thực hiện
1. Vào website
2. Nhấp chọn nút “Đăng nhập”
3. Hệ thống yêu cầu người dùng nhập tài khoản, mật khẩu 4. Người dùng nhập tài khoản, mật khẩu
5. Nhấn nút “Đăng nhập”
6. Hệ thống thông báo đã đăng nhập thành công
Các bước phát sinh
Khơng có
Các trường hợp ngoại lệ
5.1. Hệ thống thông báo lỗi: “Tài khoản hoặc mật khẩu sai” => Quay về bước 3
2.4.3.2. Use-case Duyệt thơng tin đăng kí phịng máy của giáo viên
Bảng 2.11: Kịch bản cho use-case Duyệt thơng tin đăng kí phịng máy của giáo viên
Tên use-case Duyệt thơng tin đăng kí phịng máy
Mơ tả Use case dùng để Admin duyệt tất cả u cầu đăng kí phịng máy của giáo viên
Actor Admin
Đầu vào Danh sách đăng kí phịng máy của giáo viên
Đầu ra Kết quả đăng ký thành công giáo viên nhận mail thông báo mượn phịng máy dạy thực hành thành cơng
Các bước thực hiện
1. Người dùng đăng nhập vào hệ thống thành cơng 2. Nhấp chọn mục “Duyệt thơng tin mượn phịng máy” 3. Hệ thống hiển thị danh sách đăng kí mượn máy tính 4. Chọn “Đồng ý” hoặc “Từ chối” để duyệt yêu cầu đăng kí 5. Hệ thống sẽ gửi mail đăng kí thành cơng về gmail giáo viên đăng kí
Xây dựng website quản lý lịch thực hành phịng máy tính tại trường Đại học Sư Phạm Kỹ Thuật Đà Nẵng
SVTH: Phạm Vinh 18
Các bước phát sinh
3a. Sau khi được duyệt, thông báo được gửi đến mail của giáo viên sau duyệt thành cơng, giáo viên đã đăng kí thành cơng
Các trường hợp ngoại lệ
3.a Không xác nhận (không duyệt)/quá thời gian chờ duyệt Thông báo đăng ký không thành công cho giáo viên, mời đăng ký lại
2.4.3.3. Use-case Quản lí lịch thực hành
Bảng 2.12: Kịch bản cho use-case Quản lí lịch thực hành
Tên use-case Quản lí lịch thực hành
Mơ tả Admin cập nhật thời khóa biểu phịng máy, lịch thực hành phịng máy phù hợp với thông tin lịch học thực hành từ trang đào tạo
Actor Admin
Đầu vào Admin đăng nhập vào tài khoản của mình để vào ứng dụng và vào mục “Quản lí Lịch thực hành phịng máy”.
Đầu ra Ứng dụng sẽ hiển thị lịch thực hành sử dụng phịng máy tính
Các bước thực hiện
1. Đăng nhập
2. Vào mục “Lịch thực hành phòng máy”
3. Bấm vào thêm chi tiết lịch thực hành phòng máy
4. Nhấn button “Tạo lịch thực hành” tạo mới một thời gian lịch thực hành sử dụng phòng máy
5. Nhấn button “Chỉnh sửa” để chỉnh sửa thông lịch thực hành sử dụng phịng máy
6. Nhấn button “Xóa” để Xóa lớp thực hành trong lịch thực hành sử dụng phòng máy Các bước phát sinh Khơng có Các trường hợp ngoại lệ Khơng có
2.4.3.4. Use-case Cập nhật thơng tin cá nhân
Bảng 2.13: Kịch bản cho use-case Cập nhật thông tin cá nhân
Tên use-case Cập nhật thông tin cá nhân
Mô tả Người dùng muốn cập nhật lại thông tin cá nhân
Xây dựng website quản lý lịch thực hành phịng máy tính tại trường Đại học Sư Phạm Kỹ Thuật Đà Nẵng
SVTH: Phạm Vinh 19
Đầu vào Người dùng sau khi đăng nhập thành công, vào trang Thông tin người dùng
Đầu ra Thông báo cập nhật thông tin thành công
Các bước thực hiện
1. Người dùng đăng nhập vào hệ thống thành công 2. Nhấp chọn mục “Cập nhật thông tin cá nhân” 3. Hệ thống hiện thị thông tin người dùng
4. Người dùng thay đổi thông tin muốn chỉnh sửa 5. Nhấp nút “Cập nhật”
6. Hệ thống thông báo cập nhật thông tin thành cơng
Các bước phát sinh
Khơng có
Các trường hợp ngoại lệ
6.1. Hệ thống thông báo lỗi khi để trống mục cần nhập: “Vui lịng nhập đầy đủ thơng tin” => Quay về bước 4
2.4.3.5. Thống kê
Bảng 2.14: Kịch bản cho use-case Thống kê
Tên use-case Thống kê
Mơ tả Quản lý phịng máy xem thống kê
Actor Admin
Đầu vào Admin sau khi đăng nhập vào trang Thống kê
Đầu ra Xem được các loại thống kê
Các bước thực hiện
1. Admin đăng nhập vào trang quản trị Admin 2. Xem thống kê ở trang chủ
Các bước phát sinh Khơng có Các trường hợp ngoại lệ Khơng có
2.4.3.6. Use-case Quản lý người dùng
Bảng 2.15: Kịch bản cho use-case Quản lý người dùng
Tên use-case Quản lý người dùng
Mô tả Admin muốn quản lý người dùng
Actor Admin
Đầu vào Quản lý trung tâm sau khi đăng nhập thành công truy cập vào trang “Quản lý sinh viên” / “Quản lí giáo viên”
Xây dựng website quản lý lịch thực hành phịng máy tính tại trường Đại học Sư Phạm Kỹ Thuật Đà Nẵng
SVTH: Phạm Vinh 20
Đầu ra Thêm người dùng mới thành công
Các bước thực hiện
1. Quản lý trung tâm đăng nhập thành công
2. Truy cập vào trang “Quản lý sinh viên” / “Quản lí giáo viên”
3. Nhấp vào mục “Thêm mới”
4. Hệ thống hiển thị trang “Thêm người dùng mới” 5. Quản lý trung tâm nhập đầy đủ thông tin yêu cầu 6. Bấm nút “Thêm”
7. Hệ thống thông báo “Thêm mới thành công”
Các bước phát sinh 3.1. Cập nhật người dùng 3.1.1. Nhấp chọn mục “Danh sách người dùng” 3.1.2. Nhấp chọn nút “Cập nhật” người dùng muốn cập nhật
3.1.3. Hiển thị thông tin người dùng được chọn 3.1.4. Chỉnh sửa thông tin cần thiết
3.1.5. Nhấp nút “Cập nhật”
3.1.6. Hệ thống thông báo cập nhật thành cơng 3.2. Xố người dùng
3.2.1. Nhấp chọn nút “Xoá” với người dùng muốn xoá 3.2.2. Hệ thống thơng báo xố thành cơng
Các trường hợp ngoại lệ
4.1. Người dùng bấm nút “Quay lại” => Use-case dừng lại, về bước 2
7.1. Hệ thống thơng báo lỗi: “Vui lịng nhập đầy đủ thông tin” => Quay về bước 5
3.1.6. Hệ thống thơng báo lỗi: “Vui lịng nhập đầy đủ thông tin” => Quay về bước 3.1.4
Xây dựng website quản lý lịch thực hành phịng máy tính tại trường Đại học Sư Phạm Kỹ Thuật Đà Nẵng
SVTH: Phạm Vinh 21
2.5. Sơ đồ ERD
Xây dựng website quản lý lịch thực hành phịng máy tính tại trường Đại học Sư Phạm Kỹ Thuật Đà Nẵng
SVTH: Phạm Vinh 22
2.6. Sơ đồ hoạt động
Actor Sinh viên
2.6.1.1. Use-case Đăng kí sử dụng máy tính
Xây dựng website quản lý lịch thực hành phịng máy tính tại trường Đại học Sư Phạm Kỹ Thuật Đà Nẵng
SVTH: Phạm Vinh 23
Actor Giáo viên
2.6.2.1. Use-case Đăng kí sử dụng phịng máy
Sơ đồ hoạt động cho use-case Đăng ký sử dụng phòng máy
2.6.2.2. Use-case Duyệt cho sinh viên mượn máy
Xây dựng website quản lý lịch thực hành phịng máy tính tại trường Đại học Sư Phạm Kỹ Thuật Đà Nẵng
SVTH: Phạm Vinh 24
Actor Admin
2.6.3.1. Use-case Duyệt thơng tin đăng kí sử dụng phịng máy
Sơ đồ hoạt động cho use-case Duyệt thơng tin đăng kí sử dụng phịng máy
2.6.3.2. Use-case Quản lí lịch thực hành
Xây dựng website quản lý lịch thực hành phịng máy tính tại trường Đại học Sư Phạm Kỹ Thuật Đà Nẵng
SVTH: Phạm Vinh 25
2.6.3.3. Use-case Thống kê
Sơ đồ hoạt động cho use-case Thống kê
2.7. Sơ đồ tuần tự
Actor Sinh viên
2.7.1.1. Đăng kí sử dụng máy tính tại phịng máy
Xây dựng website quản lý lịch thực hành phịng máy tính tại trường Đại học Sư Phạm Kỹ Thuật Đà Nẵng
SVTH: Phạm Vinh 26
Actor Giáo viên
2.7.2.1. Đăng kí sử dụng phòng máy
Sơ đồ sequence cho usecase đăng kí sử dụng phịng máy
2.7.2.2. Duyệt cho sinh viên mượn máy tính
Xây dựng website quản lý lịch thực hành phịng máy tính tại trường Đại học Sư Phạm Kỹ Thuật Đà Nẵng
SVTH: Phạm Vinh 27
Actor Admin
2.7.3.1. Duyệt mượn cho giáo viên phịng máy tính
Sơ đồ sequence cho usecase duyệt mượn phịng máy
2.7.3.2. Quản lí lịch thực hành phòng máy
Xây dựng website quản lý lịch thực hành phịng máy tính tại trường Đại học Sư Phạm Kỹ Thuật Đà Nẵng
SVTH: Phạm Vinh 28
Chương 3
XÂY DỰNG CHƯƠNG TRÌNH
3.1. Cơng cụ xây dựng chương trình
- HTML, SCSS, JS, Bootstrap: Xây dựng giao diện chương trình. - JAVA, Spring boot Framework: Xây dựng back-end chương trình. - Hệ quản trị cơ sở dữ liệu MySQL: Thiết kế cơ sở dữ liệu.
3.2. Giao diện chương trình
Giao diện cho Admin
Đăng nhập hệ thống
Xây dựng website quản lý lịch thực hành phịng máy tính tại trường Đại học Sư Phạm Kỹ Thuật Đà Nẵng
SVTH: Phạm Vinh 29
Giao diện quản lí giáo viên dạy thực hành phịng máy
Giao diện quản lí phịng máy
Xây dựng website quản lý lịch thực hành phịng máy tính tại trường Đại học Sư Phạm Kỹ Thuật Đà Nẵng
SVTH: Phạm Vinh 30
Giao diện quản lý lịch thực hành phòng máy
- Giao diện quản lí lịch thực hành admin có chức năng lọc theo các điều kiện tìm kiếm kết quả và xuất file excel theo mục đích phục vụ việc quản lí phịng máy hiệu quả.
VD: Lọc được lịch thực hành của giáo viên theo điều kiện: giáo viên: Nguyễn Văn Phát, phịng máy tính: 1, có kết quả sau:
Xây dựng website quản lý lịch thực hành phịng máy tính tại trường Đại học Sư Phạm Kỹ Thuật Đà Nẵng
SVTH: Phạm Vinh 31
- Lọc và tìm kiếm theo mục đích, xuất file quản lí:
Giao diện kết quả xuất file excel
- VD: Lọc được thời khóa biểu để quản lí theo nhiều điều kiện và xuất file quản lí những thơng tin tìm kiếm thơng qua việc lọc dữ liệu: Phòng máy: 1, thứ hai, tiết: 1-2, giáo viên Phạm Thị Trà My.
Xây dựng website quản lý lịch thực hành phịng máy tính tại trường Đại học Sư Phạm Kỹ Thuật Đà Nẵng
SVTH: Phạm Vinh 32
Giao diện kết quả xuất file excel
- Trường hợp: tại phòng máy cùng lúc tại một thời điểm có nhiều yêu cầu đăng kí mượn mượn phịng máy, admin duyệt cho một u cầu đầu tiên, các yêu cầu phía sau bị từ chối và xóa đi. Duyệt hoặc từ chối yêu cầu hệ thống gửi mail về cho giáo viên.
Xây dựng website quản lý lịch thực hành phịng máy tính tại trường Đại học Sư Phạm Kỹ Thuật Đà Nẵng
SVTH: Phạm Vinh 33
- Sau khi duyệt thông tin đăng kí mượn phịng máy tính thực hành của giáo viên thành cơng, lịch thực hành phịng máy sẽ thêm thơng tin ca thực hành vào để quản lí
Giao diện chức năng Giáo viên trả phịng máy tính
Xây dựng website quản lý lịch thực hành phịng máy tính tại trường Đại học Sư Phạm Kỹ Thuật Đà Nẵng
SVTH: Phạm Vinh 34
Giao diện Cập nhật thông tin cá nhân cho admin Giao diện cho Giáo viên
Xây dựng website quản lý lịch thực hành phịng máy tính tại trường Đại học Sư Phạm Kỹ Thuật Đà Nẵng
SVTH: Phạm Vinh 35
- Giáo viên dùng lọc tìm ra lịch thực hành phòng máy trống, để đăng kí và mượn phịng máy thực hành
Giao diện đăng kí mượn phịng máy thực hành
Xây dựng website quản lý lịch thực hành phịng máy tính tại trường Đại học Sư Phạm Kỹ Thuật Đà Nẵng
SVTH: Phạm Vinh 36
- Giáo viên gửi yêu cầu đăng kí, và sẽ đợi admin duyệt thơng tin đăng kí mượn phịng máy tính
Giao diện trạng thái sau khi đăng kí và chờ admin duyệt
- Admin duyệt thông tin giáo viên mượn phịng máy thành cơng, giáo viên sẽ nhận được mail thơng báo đăng kí thành cơng
Xây dựng website quản lý lịch thực hành phịng máy tính tại trường Đại học Sư Phạm Kỹ Thuật Đà Nẵng
SVTH: Phạm Vinh 37
Giao diện Xem lịch sử đăng kí mượn phịng máy
- Đăng kí thành cơng lớp thực hành mượn sẽ cập nhật và lịch thực hành, ẩn nút đăng kí khơng cho những giáo viên khác đăng kí vào mượn phịng. Có button trả phịng sau khi dạy thực hành lịch thực hành xóa lớp thực hành đó khỏi thời khóa biểu.
Xây dựng website quản lý lịch thực hành phịng máy tính tại trường Đại học Sư Phạm Kỹ Thuật Đà Nẵng
SVTH: Phạm Vinh 38
- Tại lớp thứ 2 tiết 9-10: Giáo viên duyệt đồng ý và từ chối yêu cầu mượn máy tính thực hành của sinh viên. Sau khi duyệt yêu cầu của 3 sinh viên, số lượng sinh viên cộng thêm và số lượng máy trống bị giảm.
Hình 4.1 Giao diện Duyệt cho sinh viên đăng kí mượn máy tính
- Giáo viên quản lí các lớp theo lịch thực hành của phòng daotao ở mục lịch thực hành admin, và các lớp đăng kí dạy thực hành được admin duyệt thành công, sau khi trả phịng sẽ xóa đi khỏi mục quản lí phịng máy tính thực hành.
Xây dựng website quản lý lịch thực hành phịng máy tính tại trường Đại học Sư Phạm Kỹ Thuật Đà Nẵng
SVTH: Phạm Vinh 39
- Export file excel danh sách sinh viên đăng kí mượn máy tính phịng máy tính
Hình 4.3 Export file excel danh sách sinh viên đăng kí mượn máy
- Sau khi admin duyệt yêu cầu đăng kí mượn phịng máy của giáo viên, giáo viên vào xem lịch sử đăng kí mượn máy, trạng thái đăng kí là Đồng ý và Bị Từ chối
Xây dựng website quản lý lịch thực hành phịng máy tính tại trường Đại học Sư Phạm Kỹ Thuật Đà Nẵng
SVTH: Phạm Vinh 40
Hình 4.5 Giao diện Cập nhật thông tin cá nhân giáo viên
Giao diện cho Sinh viên
Xây dựng website quản lý lịch thực hành phịng máy tính tại trường Đại học Sư Phạm Kỹ Thuật Đà Nẵng
SVTH: Phạm Vinh 41
- Sinh viên đăng kí mượn máy tính tại các phịng máy tính có giáo viên đứng lớp và cịn máy tính trống các lớp thực hành trong tuần, sinh viên chọn thời gian