Tên use-case Lịch sử đăng kí mượn máy tính
Mô tả Sinh viên muốn xem lịch sử đăng kí mượn máy tính
Actor Sinh viên
Đầu vào Danh sách lịch sử đăng kí mượn máy tính
Đầu ra Danh sách lịch sử đăng kí mượn máy tính
Các bước thực hiện
1. Vào website
2. Nhấp “lịch sử đăng kí 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 14 Các bước phát sinh Khơng có Các trường hợp ngoại lệ Khơng có
Actor Giáo viên
2.4.2.1. Use-case Đăng nhập
Bảng 2.5: 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 Giáo viên
Đầ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.2.2. Use-case Đăng ký sử dụng phịng máy tính
Bảng 2.6: Kịch bản cho use-case Đăng ký sử dụng phịng máy tính
Tên use-case Đăng ký sử dụng phịng máy tính
Mơ tả Use case mục đích để Giáo viên đăng ký sử dụng phịng máy qua website
Actor Giáo viên
Đầu vào Giáo viên đăng nhập vào tài khoản của mình để vào ứng dụng và chọn mục “Đăng kí sử dụng phịng máy”, hệ thống sẽ hiện thơng tin danh sách phịng máy trống lịch bằng thao tác lọc tìm kiếm theo mục đích người dù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 15
Đầu ra Ứng dụng sẽ hiển thị thông tin đã đăng kí, thơng báo đăng kí thành cơng sau khi được duyệt qua mail
Đăng ký thành cơng, vui lịng chờ duyệt đăng ký.
Các bước thực hiện
1. Đăng nhập
2. Vào mục “Đăng ký sử dụng phịng máy tính” 3. Lọc thơng tin lịch trống của phịng máy 4. Nhập thơng tin đăng kí
5. Chọn các thơng tin: thời gian, phịng… 6. Đăng kí
Các bước phát sinh
6. Sau khi đăng ký thành công, thông báo sẽ được gửi đến mail đến giáo viên.
Các trường hợp ngoại lệ
6.1. Hệ thống thông báo lỗi: “Số lượng nhập vào khơng chính xác” hoặc “Vui lịng nhập nhỏ hơn số lượng máy tính trong phòng máy” => Quay về bước 3
2.4.2.3. Use-case Xem lịch sử đăng kí mượn phịng máy
Bảng 2.7: Kịch bản cho use-case Xem lịch sử đăng kí mượn phịng máy
Tên use-case Lịch sử đăng kí mượn máy tính
Mơ tả Giáo viên muốn xem lịch sử đăng kí mượn máy tính
Actor Giáo viên
Đầu vào Danh sách lịch sử đăng kí mượn phịng máy
Đầu ra Danh sách lịch sử đăng kí mượn phịng máy
Các bước thực hiện
1. Vào website
2. Nhấp “Xem lịch sử đăng kí mượn phịng máy”
3. Hệ thống hiển thị danh sách lịch sử đăng kí mượn 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.2.4. Use-case Cập nhật thông tin cá nhân
Bảng 2.8: 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 16
Đầ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.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