Xây dựng hệ thống quản lý đăng ký đề tài trực tuyến

Xây dựng hệ thống đăng ký đề tài trực tuyến

Phân tích yêu cầu

1.1.2.1 Usecase xem trang quản lý hệ thống

1 Usecase bắt đầu khi người dùng nhập đã đăng nhập với quyền admin, truy cập URL: www.domain/user/admin

2 Hiển thị trang quản trị hệ thống của admin uc UseCase

EA 9.0 Unregistered Trial Version EA 9.0 Unregistered Trial Version EA 9.0 Unregistered Trial Version EA 9.0 Unregistered Trial Version EA 9.0 Unregistered Trial Version EA 9.0 Unregistered Trial Version

Quan Tri Sinh Vien Duoc Phep DK

Cap Nhat Thong Tin Nguoi Dung

Thong Ke Theo Ket Qua De Tai

Thong Ke So Luong De Tai Theo Chuyen Nganh

Thong Ke So Luong Sinh Vien Dang Ky Theo Chuyen Nganh

Đê Tái Cửa Giang là một công trình quan trọng, đóng vai trò bảo vệ môi trường và phát triển kinh tế địa phương Công trình này không chỉ giúp kiểm soát lũ lụt mà còn tạo ra điều kiện thuận lợi cho nông nghiệp và nuôi trồng thủy sản Hệ thống đê điều còn góp phần cải thiện chất lượng nước và bảo vệ đa dạng sinh học trong khu vực Bên cạnh đó, Đê Tái Cửa Giang cũng là điểm đến thu hút du khách, mang lại lợi ích cho ngành du lịch địa phương.

1.1.2.2 Usecase xem trang quản trị thông báo

1 Usecase bắt đầu khi người dùng nhấp vào liên kết “Quản trị thông báo” ở sidebar bên trái

2 Hiển thị danh sách các thông báo mới nhất, các button hỗ trợ thêm, xóa, sửa và set tin mới/ tin cũ

1.1.2.3 Usecase thêm thông báo mới

1 Usecase bắt đầu khi người dùng nhấp vào button “Thêm thông báo” trong trang

2 Hiển thị giao diện trang “Thêm thông báo”

3 Yêu cầu người dùng nhập tiêu đề, nội dung

4 Nhấp button Save để lưu vào cơ sở dữ liệu

5 Nếu thông tin nhập vào đầy đủ thì đến B7, ngươc lại thì B3

6 Thông báo yêu cầu nhập đủ các thông tin

7 Thực hiện lưu thông báo mới xuống CSDL

8 Chuyển hướng về trang “Quản trị thông báo” và thông báo lưu thành công

1.1.2.4 Usecase xóa thông báo mới

1 Usecase bắt đầu khi người dùng nhấp vào button Xóa trong bảng thông báo

2 Hiển thị thông báo yêu cầu xác nhận có muốn xóa không ?

3 Nếu người dùng chọn Yes, đến B4, ngược lại đến B6

4 Xóa thông báo ứng với hàng mà người dùng đã chọn

5 Thông báo xóa thành công

1 Usecase bắt đầu khi người dùng nhấp vào button Sửa trong bảng thông báo

2 Hiển thị giao diện trang “Sửa thông báo”

3 Người dùng nhập các thông tin cần sửa

4 Nếu thông tin nhập vào hợp lệ thì đến B6, ngược lại đến B5

5 Thông báo yêu cầu nhập đầy đủ thông tin, đến B7

6 Thông báo cập nhật thành công

1.1.2.6 Usecase set thông báo mới

1 Usecase bắt đầu khi người dùng nhấp vào button On hay Off trong bảng thông báo

2 Hiển thị thông báo yêu cầu xác nhận

3 Nếu người dùng chọn Yes đến B4, ngược lại đến B6

4 Thực hiện cập nhật trạng thái tin mới trong CSDL ứng với button mà người dùng nhấp vào

5 Hiển thị thông báo “Cập nhật thành công”

1.1.2.7 Usecase quản trị cấu hình

1 Usecase bắt đầu khi người dùng nhấp vào liên kết “Quản trị cấu hình” ở sidebar bên trái

2 Hiển thị danh sách các cấu hình mới nhất, button “Thêm cấu hình” và ứng với mỗi cấu hình trong bảng sẽ có các liên kết “Xem chi tiết”, “Sửa cấu hình”, “Sinh viên – cấu hình”, “Export danh sách đề tài”, “Cập nhật điểm”

1.1.2.8 Usecase thêm cấu hình mới

1 Usecase bắt đầu khi người dùng nhấp vào button “Thêm cấu hình” trong trang “Quản trị cấu hình”

2 Hiển thị giao diện trang “Thêm cấu hình”

3 Yêu cầu người dùng nhập các thông tin cần thiết

4 Nhấp button Save để lưu vào cơ sở dữ liệu

5 Nếu thông tin nhập vào đầy đủ thì đến B7, ngươc lại thì đến B3

6 Thông báo yêu cầu nhập đủ các thông tin

7 Thực hiện lưu cấu hình mới xuống CSDL

8 Chuyển hướng về trang “Quản trị cấu hình” và thông báo lưu thành công

1.1.2.9 Usecase xem chi tiết cấu hình

1 Usecase bắt đầu khi người dùng nhấp vào liên kết “Xem chi tiết” ở mỗi cấu hình trong bảng

2 Hiển thị chi tiết cấu hình

1 Usecase bắt đầu khi người dùng nhấp vào liên kết “Sửa cấu hình” trong bảng cấu hình

2 Hiển thị giao diện trang “Sửa cấu hình”

5 Thông báo yêu cầu nhập đầy đủ thông tin, đến B3

6 Thực hiện lưu thông tin cập nhật vào CSDL

1.1.2.11 Usecase quản lý sinh viên theo cấu hình

1 Usecase bắt đầu khi người dùng nhấp vào liên kết “Sinh viên – cấu hình”

2 Hiển thị giao diện trang “Quản lý sinh viên cấu hình”

1.1.2.12 Usecase thêm sinh viên vào cấu hình

1 Usecase bắt đầu khi người dùng nhấp vào button “Thêm sinh viên”

3 Yêu cầu người dùng nhập MSSV hoặc chọn file Excel và nhấp Save

4 Nếu thông tin đưa vào hợp lệ thì đến B6, ngược lại đến B4

5 Thông báo yêu cầu đưa vào đúng thông tin, đến B8

6 Thực hiện lưu các thông tin người dùng nhập ở B3 vào CSDL

7 Thông báo thêm thành công sinh viên/ danh sách sinh viên và chuyển hướng đến trang “Quản lý sinh viên cấu hình”

1.1.2.13 Usecase xóa sinh viên khỏi cấu hình

1 Usecase bắt đầu khi người dùng nhấp vào button “Xóa danh sách” hoặc “Xóa” trên mỗi hàng trong bảng

2 Xuất hiện hộp thoại yêu cầu xác nhận xóa

3 Nếu người dùng chọn Yes, đến B4, ngược lại đến B6

4 Thực hiện xóa sinh viên/ danh sách sinh viên ra khỏi CSDL

5 Thông báo xóa thành công

1.1.2.14 Usecase export danh sách đề tài

1 Usecase bắt đầu khi người dùng nhấp vào liên kết “Export danh sách đề tài” trên mỗi dòng cấu hình

2 Thực hiện export ra file excel 2003 và tải về cho người dùng

1.1.2.15 Usecase cập nhật điểm đề tài

1 Usecase bắt đầu khi người dùng nhấp vào liên kết “Cập nhật điểm đề tài” trên mỗi dòng cấu hình

2 Hiển thị giao diện nhập điểm cho các đề tài thuộc cấu hình đã chọn

3 Ở mỗi dòng có thông tin của đề tài, sinh viên và điểm, người dùng nhập điểm vào ô điểm và nhấp nút Save

4 Nếu thông tin nhập vào hợp lệ đến B6, ngược lại đến B5

5 Hiển thị thông báo vui lòng nhập thông tin hợp lệ, đến B8

6 Thực hiện cập nhật thông tin điểm đề tài vào CSDL

7 Hiển thị thông báo cập nhật điểm thành công

1.1.2.16 Usecase quản trị người dùng

1 Usecase bắt đầu khi người dùng nhấp vào liên kết “Quản trị người dùng” ở sidebar bên trái

2 Hiển thị giao diện gồm ô tìm kiếm người dùng, button thêm người dùng mới

1.1.2.17 Usecase Tìm kiếm người dùng

1 Usecase bắt đầu khi người dùng nhập thông tin tìm kiếm vào ô và nhấp submit

3 Thông báo lỗi yêu cầu nhập thông tin hợp lệ, đến B5

4 Thực hiện câu lệnh tìm kiếm ứng với thông tin nhập vào

5 Thông báo kết quả tìm kiếm, hiển thị trang thông tin người dùng nếu có thông tin người dùng trả về

1.1.2.18 Usecase thêm người dùng mới

1 Usecase bắt đầu khi người dùng nhấp vào button “Thêm danh sách người dùng” tại giao diện trang “Quản trị người dùng”

2 Yêu cầu chọn file excel hoặc nhập đầy đủ thông tin người dùng vào textbox

4 Thông báo yêu cầu nhập thông tin hợp lệ, đến B6

5 Thực hiện lưu thông tin đầu vào vào CSDL

6 Thông báo thêm người dùng thành công

1.1.2.19 Usecase cập nhật người dùng

1 Usecase bắt đầu khi người dùng nhấp button “Save” trong giao diện “thông tin người dùng”

2 Nếu các thông tin thay đổi hợp lệ thì đến B4, ngược lại đến B3

3 Thông báo thông tin nhập vào không hợp lệ, đến B6

4 Thực hiện cập nhật thông tin người dùng vào CSDL

1.1.2.20 Usecase quản trị đề tài

1 Usecase bắt đầu khi người dùng nhấp vào liên kết “Quản trị đề tài” ở sidebar bên trái

2 Hiển thị giao diện gồm ô tìm kiếm người dùng, button thêm người dùng mới

1.1.2.21 Usecase thêm danh sách đề tài

1 Usecase bắt đầu khi người dùng nhấp vào button “Thêm danh sách đề tài” trong giao diện “Quản trị đề tài”

2 Yêu cầu người dùng chọn loại đề tài, file excel 2003 chứa thông tin đề tài

4 Thông báo lỗi cho người dùng, đến B7

5 Thực hiện đọc file excel và lưu từng dòng đọc được vào CSDL đề tài

6 Thông báo thêm thành công

1.1.2.22 Usecase xóa danh sách đề tài

1 Usecase bắt đầu khi người dùng nhấp vào button “Xóa danh sách đề tài” trong giao diện “Quản trị đề tài”

2 Yêu cầu người dùng chọn loại đề tài muốn xóa

3 Thực hiện xóa tất cả các đề tài thuộc loại mà người dùng đã chọn

1.1.2.23 Usecase cập nhật đề tài

1 Usecase bắt đầu khi người dùng nhấp vào button “Sửa đề tài”

4 Thông báo thông tin nhập vào không hợp lệ

5 Thực hiện cập nhật thông tin đề tài vào CSDL

1.1.2.24 Usecase quản trị thống kê giáo vụ

1 Usecase bắt đầu khi người dùng nhấp vào liên kết “Thống kê giáo vụ” ở sidebar bên trái

2 Hiển thị giao diện trang thống kê

1 Người dùng nhấp vào từng tab trong giao diện “Thống kê giáo vụ” để chọn loại thống kê

2 Người dùng chọn thông tin đề tài muốn thống kê

3 Thực hiện gọi ajax mở trang thống kê ứng với kết quả thống kê trả về

Cơ sở dữ liệu

Thông tin chi tiết của các bảng mô tả dữ liệu có thể xem ở phần Phụ lục.

Cài đặt giao diện

1.3.1 Giao diện trang quản trị hệ thống

Hình 2 Giao diện trang quản lý

STT TÊN XỬ LÝ ĐIỀU KIỆN THỰC HIỆN GHI CHÚ

1 Hiển thị trang quản trị hệ thống

Khi người dùng nhấp vào liên kết

2 Hiển thị trang quản trị thông báo

3 Hiển thị trang quản trị cấu hình

4 Hiển thị trang quản trị người dùng

5 Hiển thị trang quản trị đề tài

6 Hiển thị trang quản trị chung

7 Hiển thị trang thống kê giáo vụ

8 Thực hiện đăng xuất khỏi hệ thống

Khi người dùng nhấp vào liên kết Đăng xuất

9 Thực hiện vào trang chủ Khi người dùng nhấp vào liên kết

1.3.2 Giao diện trang quản trị thông báo

Hình 3 Giao diện trang quản trị thông báo

1 Load các thông báo trong

2 Cập nhật thông báo mới/ cũ Khi người dùng nhấp button On/

3 Xóa thông báo Khi người dùng nhấp vào button

4 Cập nhật thông báo Khi người dùng nhấp vào button

5 Hiển thị trang thêm thông báo

Khi người dùng nhấp vào button

1.3.3 Giao diện trang thêm thông báo

Hình 4 Giao diện trang thêm thông báo

1 Thực hiện chức năng thêm thông báo mới

2 Thực hiện chức năng reset các textbox

Khi người dùng nhấp button

1.3.4 Giao diện trang sửa thông báo

Hình 5 Giao diện trang sửa thông báo

1 Thực hiện chức năng sửa thông báo

2 Thực hiện chức năng reset các textbox

1.3.5 Giao diện trang quản trị cấu hình

Hình 6 Giao diện trang quản trị cấu hình

1 Load tất cả cấu hình trong

2 Hiển thị trang thêm cấu hình mới

3 Hiển thị trang sửa cấu hình Khi người dùng nhấp vào button

4 Hiển thị trang quản lý sinh viên theo cấu hình

5 Thực hiện tạo file excel và tải về danh sách sinh viên

Export danh sách đề tài

6 Hiển thị trang cập nhật điểm đề tài

Cập nhật điểm đề tài

1.3.6 Giao diện trang thêm cấu hình mới

Hình 7.Giao diện trang thêm cấu hình mới

1 Hiển thị danh sách loại đề tài trong CSDL

2 Hiển thị danh sách niên khóa trong CSDL

3 Thực hiện chức năng thêm cấu hình mới

Nhấp vào button Thêm cấu hình

4 Thực hiện chức năng reset các textbox đã nhập

Nhấp vào button Nhập lại

1.3.7 Giao diện trang sửa cấu hình

Hình 8 Giao diện trang sửa cấu hình mới

1 Hiển thị danh sách loại đề tài trong CSDL

2 Hiển thị danh sách niên khóa trong CSDL

3 Thực hiện chức năng sửa cấu hình

Nhấp vào button Cập nhật

4 Thực hiện chức năng reset các textbox đã nhập

1.3.8 Giao diện trang quản lý sinh viên theo cấu hình

Hình 9 Giao diện trang quản lý sinh viên theo cấu hình

1 Hiển thị danh sách loại các sinh viên được phép đăng ký đề tài

2 Thực hiện xóa danh sách sinh viên đăng ký

Khi nhấp vào button Xóa danh sách

3 Hiển thị cửa sổ nhập sinh viên vào danh sách

Nhấp vào button Thêm sinh viên

4 Thực hiện chức năng xóa sinh viên này ra khỏi danh sách

1.3.9 Giao diện trang thêm sinh viên vào cấu hình

Hình 10 Giao diện trang thêm sinh viên vào cấu hình

1 Thực hiện thêm sinh viên được nhập vào CSDL

Nhấp vào button Thêm sinh viên

2 Thực hiện thêm danh sách sinh viên vào CSDL

Khi nhấp vào button Thêm danh sách

3 Đóng hộp thoại giao diện này

1.3.10 Giao diện trang quản trị người dùng

Hình 11 Giao diện trang quản trị người dùng

1 Load danh sách người dùng hiện có trong CSDL

2 Thực hiện tìm kiếm thông tin người dùng

Nhấp vào button Tìm kiếm

3 Mở trang chỉnh sửa thông tin ứng với người dùng

Khi nhấp vào button Chỉnh sửa

4 Thực hiện thêm người dùng vào CSDL

Nhấp vào button Thêm người dùng mới

1.3.11 Giao diện trang thông tin người dùng

Hình 12 Giao diện trang thông tin người dùng

1 Load DS loại người dùng Tự động load

2 Load DS chuyên ngành Tự động load

3 Thực hiện cập nhật thông tin người dùng vào CSDL

Nhấp vào button Lưu thông tin

4 Thực hiện reset mật khẩu Nhấp vào button Reset mật khẩu

1.3.12 Giao diện trang thêm người dùng mới

Hình 13 Giao diện trang thêm người dùng

STT TÊN XỬ LÝ ĐIỀU KIỆN THỰC

1 Load danh sách chuyên ngành từ CSDL Tự động load

2 Load danh sách loại người dùng Tự động load

3 Thực hiện lưu thông tin người dùng vào

4 Đóng hộp thoại thêm người dùng Nhấp vào button Close

1.3.13 Giao diện trang quản trị đề tài

Hình 14 Giao diện trang quản trị đề tài

STT TÊN XỬ LÝ ĐIỀU KIỆN THỰC HIỆN GHI

1 Load danh sách loại đề tài từ CSDL Tự động load

2 Load danh sách giảng viên từ CSDL Tự động load

3 Hiển thị giao diện chọn danh sách đề tài Nhấp vào button Thêm danh sách đề tài

4 Hiển thị hộp thoại xóa danh sách đề tài Nhấp vào button Xóa danh sách đề tài

5 Hiển thị giao diện thêm đề tài mới Nhấp vào button Thêm đề tài

6 Mở trang xem chi tiết Nhấp vào buton Xem chi tiết

7 Mở trang sửa đề tài Nhấp vào button Sửa đề tài

8 Thực hiện xóa đề tài Nhấp vào button Xóa đề tài

9 Thực hiện xóa sinh viên thuộc đề tài này Nhấp vào button Xóa sinh viên đề tài

1.3.14 Giao diện trang thêm đề tài

Hình 15 Giao diện trang thêm đề tài

1 Load danh sách loại đề tài từ CSDL Tự động load

2 Load danh sách giảng viên từ

3 Load danh sách chuyên ngành từ

4 Load danh sách trạng thái đề tài từ

5 Thực hiện thêm đề tài vào CSDL Nhấp vào button Thêm đề tài

6 Thực hiện reset các textbox đã nhập Nhấp vào button Nhập lại

1.3.15 Giao diện trang sửa đề tài

Hình 16 Giao diện trang sửa đề tài

1 Load danh sách loại đề tài từ CSDL

2 Load danh sách giảng viên Tự động load

3 Load danh sách chuyên ngành từ CSDL

4 Load danh sách trạng thái đề tài từ CSDL

5 Thực hiện sửa đề tài vào

Nhấp vào button Sửa đề tài

6 Thực hiện reset các textbox đã nhập

1.3.16 Giao diện trang thêm danh sách đề tài

Hình 17 Giao diện trang thêm danh sách đề tài

2 Thực hiện đọc file excel và lưu đề tài vào CSDL

Nhấp vào button Save changes

3 Đóng hộp thoại Nhấp vào button Close

1.3.17 Giao diện trang quản trị chung – niên khóa

Hình 18 Giao diện trang quản trị chung – niên khóa

1 Load danh sách niên khóa từ CSDL

2 Hiển thị tab Niên khóa Nhấp vào button Niên khóa

3 Hiển thị tab Lớp Nhấp vào button Lớp

4 Hiển thị tab Chuyên ngành Nhấp vào button Chuyên ngành

5 Mở hộp thoại thêm niên khóa mới

Nhấp vào button Thêm niên khóa

6 Thực hiện xóa Nhấp vào button Xóa

7 Mở hộp thoại sửa Nhấp vào button Sửa

1.3.18 Giao diện trang quản trị chung – lớp

Hình 19 Giao diện trang quản trị chung – lớp

1 Load danh sách lớp từ

2 Mở hộp thoại thêm lớp mới Nhấp vào button Thêm lớp mới

3 Thực hiện xóa lớp này ra khỏi CSDL

4 Mở hộp thoại sửa lớp Nhấp vào button Sửa

1.3.19 Giao diện trang quản trị chung – chuyên ngành

Hình 20 Giao diện trang quản trị chung – chuyên ngành

1 Load danh sách chuyên ngành từ CSDL

2 Mở hộp thoại thêm chuyên ngành mới

Nhấp vào button Thêm chuyên ngành mới

3 Thực hiện xóa chuyên ngành này ra khỏi CSDL

4 Mở hộp thoại sửa chuyên ngành

1.3.20 Giao diện trang thống kê giáo vụ theo sinh viên – điểm

Hình 21 Giao diện trang thống kê giáo vụ theo sinh viên- điểm

2 Hiển thị trang thống kê sinh viên theo điểm đề tài

Chọn loại đề tài từ combo box

3 Mở tab sinh viên – điểm Nhấp vào tab sinh viên – điểm

4 Mở tab đề tài – chuyên ngành

Nhấp vào tab đề tài – chuyên ngành

5 Mở tab sinh viên – chuyên ngành

Nhấp vào tab sinh viên – chuyên ngành

6 Mở tab giảng viên – đề tài Nhấp vào tab giảng viên – đề tài

1.3.21 Giao diện trang thống kê giáo vụ theo đề tài – chuyên ngành

Hình 22 Giao diện trang thống kê giáo vụ theo đề tài – chuyên ngành

2 Hiển thị kết quả trang thống kê

1.3.22 Giao diện trang thống kê giáo vụ theo sinh viên – chuyên ngành

Hình 23 Giao diện trang thống kê giáo vụ theo sinh viên – chuyên ngành

2 Hiển thị kết quả trang thống kê

1.3.23 Giao diện trang thống kê giáo vụ theo giảng viên – đề tài

Hình 24 Giao diện trang thống kê giáo vụ theo giảng viên – đề tài

1 Load danh sách tất cả giảng viên từ

2 Hiển thị kết quả trang thống kê Chọn giảng viên từ combo box

Triển khai hệ thống và kết quả

Kết quả đạt được

Hệ thống phiên bản 1.0 đã được triển khai cho sinh viên khóa 2009, cho phép họ đăng ký đề tài tốt nghiệp, trong đó có 36 đề tài được đăng ký từ tổng số 68 đề tài có sẵn.

Phiên bản 1.1 đã được triển khai cho sinh viên khóa 2010, với 97 đề tài tiểu luận được đăng ký trong tổng số 118 đề tài và 30 đề tài tốt nghiệp được đăng ký từ 56 đề tài có sẵn.

Phiên bản mới nhất (2.0) được triển khai cho sinh viên khóa 2011 đăng ký đề tài tiểu luận chuyên ngành (98 đề tài được đăng ký trên 115 đề tài).

Ưu điểm của hệ thống

Được phát triển trên nền framework, dễ dàng phát triển về sau so với CMS

Thiết kế theo mô hình MVC, dễ dàng bảo trì, nâng cấp hệ thống

Giao diện đơn giản, thân thiện với người dùng

Hệ thống URL thân thiện sử dụng kỹ thuật lập trình ở Client, giúp giảm tải cho server và đảm bảo hoạt động liên tục cho người dùng.

Kế thừa được những điểm nổi bật của CMS Joomla như: mã hóa mật khẩu, đếm số người trực tuyến.

Khuyết điểm của hệ thống

Các chức năng upload file chưa dùng các kỹ thuật ajax

Các chức năng chỉ được kiểm thử bằng tay (manual), nên có thể còn nhiều lỗi.

Hướng phát triển trong tương lai

Đưa toàn bộ hệ thống viết lại trên nền HMVC để dễ dàng quản lý mã nguồn theo module, giúp dễ dàng phát triển về sau

Cập nhật hệ thống lên CodeIgniter 2.2.0 Áp dụng javascript framework (Angular JS, Backbone JS) vào đề tài

Cung cấp các web service để xây dựng hệ thống lên các app mobile

KẾT LUẬN VÀ KIẾN NGHỊ

Kết luận

Xây dựng thành công hệ thống quản lý đăng ký đề tài trực tuyến tại Khoa Công Nghệ Thông Tin là bước tiến quan trọng, mở ra cơ hội triển khai mô hình này cho các đơn vị khác trong tương lai.

Kiến nghị

Nhà trường hỗ trợ để có thể triển khai đề tài cho các khoa khác trong trường Đại học Sư Phạm Kỹ Thuật TP HCM

Định dạng
Số trang	52
Dung lượng	3,71 MB