Khóa luận tốt nghiệp Hồn thiện giải pháp quản trị các CLB của HSV Học viện Ngân hàng
2.3. Biểu đồ hoạt động (Activity Diagram)2.3.1. Biểu đồ hoạt động đăng nhập hệ thống 2.3.1. Biểu đồ hoạt động đăng nhập hệ thống
Khóa luận tốt nghiệp Hồn thiện giải pháp quản trị các CLB của HSV Học viện Ngân hàng
2.3.2. Biểu đồ hoạt động lấy lại mật khẩu
Khóa luận tốt nghiệp Hồn thiện giải pháp quản trị các CLB của HSV Học viện Ngân hàng
2.3.3. Biểu đồ hoạt động cập nhật thơng tin thành viên
Khóa luận tốt nghiệp Hồn thiện giải pháp quản trị các CLB của HSV Học viện Ngân hàng
2.3.4. Biểu đồ hoạt động thực hiện huy động quân
Khóa luận tốt nghiệp Hoàn thiện giải pháp quản trị các CLB của HSV Học viện Ngân hàng
2.3.5. Biểu đồ hoạt động thực hiện xếp loại thành viên
Khóa luận tốt nghiệp Hồn thiện giải pháp quản trị các CLB của HSV Học viện Ngân hàng
2.3.6. Biểu đồ hoạt động thêm mới dữ liệu tổng qt
Khóa luận tốt nghiệp Hồn thiện giải pháp quản trị các CLB của HSV Học viện Ngân hàng
2.3.7. Biểu đồ hoạt động sửa dữ liệu tổng quát
Khóa luận tốt nghiệp Hoàn thiện giải pháp quản trị các CLB của HSV Học viện Ngân hàng
2.3.8. Biểu đồ hoạt động xóa dữ liệu tổng quát
Thực thể Quan hệ Thực thể
Câu lạc bộ CÓ Tài khoản
Sinh viên THAM GIA Câu lạc bộ
Ban Chức vụ
Câu lạc bộ CĨ Ban
Câu lạc bộ CĨ Chức vụ
Thơng báo NHẬN LẠI Danh sách huy động
Câu lạc bộ LẬP Danh sách huy động
Khóa luận tốt nghiệp Hồn thiện giải pháp quản trị các CLB của HSV Học viện Ngân hàng
2.4. Biểu đồ ca sử dụng tổng quát của hệ thống (Use case Diagram)
Hình 17. Biểu đồ ca sử dụng tổng quát của hệ thống
2.5. Thiết kế cơ sở dữ liệu
2.5.1. Thiết kế cơ sở dữ liệu mức khái niệm 1. Xác định thực thể - thuộc tính
- Câu lạc bộ (Mã câu lạc bộ, Tên câu lạc bộ, Năm thành lập, Mô tả)
- Tài khoản (Mã tài khoản, Tên đăng nhập, Mật khẩu, Là quản trị, Email, Ngày tạo, Ngày sửa)
- Chức vụ (Mã chức vụ, Tên chức vụ, Mô tả) - Ban (Mã ban, Tên ban, Mô tả)
- Sinh viên (Mã sinh viên, Họ và tên, Ngày sinh, Lớp, Chuyên ngành, Số điện thoại, Email)
- Mức xếp loại (Mã xếp loại, Tên xếp loại, Mô tả)
- Thông báo (Mã thông báo, Tiêu đề, Nội dung, Hạn nộp danh sách, Ngày tạo) - Loại thông báo (Mã loại thông báo, Tên loại thông báo, Mơ tả)
Khóa luận tốt nghiệp Hồn thiện giải pháp quản trị các CLB của HSV Học viện Ngân hàng
- Danh sách huy động quân (Mã danh sách, Ngày tạo, Ghi chú) - Danh sách xếp loại thành viên (Mã danh sách, Ngày xếp loại)
Danh sách xếp loại thành viên XẾP LOẠI Sinh viên
Mức xếp loại
Thuộc tính Kiểu dữ liệu
Kích
cỡ Ràng buộc Giải thích
Id Bigint Khóa chính,
Not null Mã câu lạc bộ
Name Nvarchar 50 Tên câu lạc bộ
FoundedYear Datetime Năm thành lập
Description Nvarchar 500 Mơ tả
Khóa luận tốt nghiệp Hồn thiện giải pháp quản trị các CLB của HSV Học viện Ngân hàng
3. Mơ hình ERD
Hình 18. Mơ hình ERD
2.5.2. Thiết kế cơ sở dữ liệu mức logic
Sau khi chuyển các thực thể và quan hệ và tiến hành chuẩn hóa, ta thu được các quan hệ:
- Câu lạc bộ (Mã câu lạc bộ, Tên câu lạc bộ, Năm thành lập, Mô tả)
- Tài khoản (Mã tài khoản, Tên đăng nhập, Mật khẩu, Là quản trị, Email, Ngày tạo, Ngày sửa, Mã câu lạc bộ)
- Chức vụ (Mã chức vụ, Tên chức vụ, Mô tả, Mã câu lạc bộ) - Ban (Mã ban, Tên ban, Mô tả, Mã câu lạc bộ)
- Sinh viên (Mã sinh viên, Họ và tên, Ngày sinh, Lớp, Chuyên ngành, Số điện thoại, Email)
- Tham gia câu lạc bộ (Mã câu lạc bộ, Mã sinh viên, Ngày tham gia, Mã chức vụ, Mã ban)
Khóa luận tốt nghiệp Hoàn thiện giải pháp quản trị các CLB của HSV Học viện Ngân hàng
- Danh sách huy động quân (Mã danh sách, Ngày tạo, Ghi chú, Mã câu lạc bộ, Mã thông báo)
- Danh sách xếp loại thành viên (Mã danh sách, Ngày xếp loại, Mã câu lạc bộ, Mã thông báo)
- Chi tiết danh sách huy động quân (Mã danh sách huy động, Mã sinh viên, Tham gia hay không, Mô tả)
- Chi tiết danh sách xếp loại thành viên (Mã danh sách xếp loại, Mã sinh viên, Điểm hệ 10, Điểm hệ 4, Mã xếp loại)
2.5.3. Thiết kế cơ sở dữ liệu mức vật lý 1. Bảng “Club” (Câu lạc bộ)
Thuộc tính Kiểu dữ liệu Kích cỡ Ràng buộc Giải thích
Id Bigint Khóa chính,
Not null, Tự động tăng
Mã tài khoản
Username Varchar 50 Tên đăng nhập
Password Varchar 50 Mật khẩu
IsAdmin Boolean Là quản trị hay
không
Email Varchar 250 Email
CreatedDate Datetime Ngày tạo
ModifiedDate Datetime Ngày sửa
ClubId Bigint Khóa ngoại Mã câu lạc bộ
Bảng 4. Cơ sở dữ liệu bảng “Club”
Thuộc tính
Kiểu dữ liệu Kích cỡ Ràng buộc Giải thích
Id Bigint Khóa chính, Not
null, Tự động tăng
Mã chức vụ
Name Nvarchar 50 Tên chức vụ
Description Nvarchar 500 Mơ tả
ClubId Bigint Khóa ngoại Mã câu lạc bộ
Thuộc tính Kiểu dữ liệu Kích cỡ Ràng buộc Giải thích
Id Bigint Khóa chính,
Not null, Tự động tăng
Mã ban
Name Nvarchar 50 Tên ban
Description Nvarchar 500 Mô tả
ClubId Bigint Khóa ngoại Mã câu lạc bộ
Thuộc tính Kiểu dữ liệu Kích cỡ Ràng buộc Giải thích
Id Varchar 50 Khóa chính,
Not null
Mã sinh viên
Name Nvarchar 50 Tên sinh viên
DateOfBirth Datetime Ngày sinh
Class Varchar 50 Lớp
Major Nvarchar 250 Chuyên ngành
Phone Varchar 50 Số điện thoại
Email Varchar 250 Email
Khóa luận tốt nghiệp Hồn thiện giải pháp quản trị các CLB của HSV Học viện Ngân hàng
3. Bảng “Rank” (Chức vụ)
Bảng 6. Cơ sở dữ liệu bảng "Rank"
4. Bảng “Department” (Ban)
Bảng 7. Cơ sở dữ hẹn bảng "Department"
Thuộc tính
Kiểu dữ liệu
Kích
cỡ Ràng buộc Giải thích
StudentInfoId Varchar 50 Khóa chính,
Not null Mã sinh viên
ClubId Bigint Khóa chính,
Not null
Mã câu lạc bộ
JoinDate Datetime Ngày tham gia
DepartmentId Bigint Khóa ngoại Mã ban
RankId Bigint Khóa ngoại Mã chức vụ
Thuộc tính Kiểu dữ liệu Kích cỡ Ràng buộc Giải thích Id Bigint Khóa chính, Not null, Tự động tăng Mã xếp loại
Name Nvarchar 50 Tên xếp loại
Description Nvarchar 500 Mơ tả
Thuộc tính Kiểu dữ liệu Kích cỡ Ràng buộc Giải thích
Id Bigint Khóa chính,
Not null, Tự động tăng
Mã danh sách xếp loại
RankedDate Datetime Ngày lập danh
sách xếp loại
ClubId Bigint Khóa ngoại Mã câu lạc bộ
PostId Bigint Khóa ngoại Mã bài đăng
Bảng 8. Cơ sở dữ liệu bảng "StudentInfo"
Khóa luận tốt nghiệp Hồn thiện giải pháp quản trị các CLB của HSV Học viện Ngân hàng
6. Bảng “JoinClub” (Tham gia câu lạc bộ)
Bảng 9. Cơ sở dữ liệu bảng "JoinClub"
7. Bảng “RankingCategory” (Danh mục xếp loại thành viên)
Bảng 10. Cơ sở dữ liệu bảng "RankingCategory"
Kiểu dữ liệu
Kích cỡ Ràng buộc Giải thích
RankingListId Bigint Khóa chính,
Not null Mã danh sách xếploại
StudentInfoId Varchar 50 Khóa chính,
Not null
Mã sinh viên
Mark10 Float Điểm hệ 10
Mark4 Float Điểm hệ 4
RankingCategoryId Bigint Khóa ngoại Mã xếp loại
Thuộc tính Kiểu dữ liệu Kích cỡ Ràng buộc Giải thích
Id Bigint Khóa chính,
Not null, Tự động tăng
Mã chương trình
Name Nvarchar 250 Tên chương trình
Description Nvarchar 1000 Nội dung chương
trình
Deadline Datetime Hạn nộp danh sách
CreatedDate Datetime Thời gian đăng bài
PostTypeId Bigint Mã loại bài đăng
Thuộc tính Kiểu dữ liệu Kích cỡ Ràng buộc Giải thích
Id Bigint
Khóa chính, Not null, Tự động tăng
Mã loại bài đăng
Name Nvarchar 250 Tên loại bài đăng
Description Nvarchar 1000 Mơ tả
Khóa luận tốt nghiệp Hoàn thiện giải pháp quản trị các CLB của HSV Học viện Ngân hàng
9. Bảng “RankingListDetails” (Chi tiết danh sách xếp loại thành viên)
Bảng 12. Cơ sở dữ hệu bảng "RankingListDetails"
10. Bảng “Post” (Bài đăng thông báo)
Bảng 13. Cơ sở dữ liệu bảng "Post"
Thuộc tính
Kiểu dữ liệu Kích cỡ Ràng buộc Giải thích
Id Bigint Khóa chính,
Not null, Tự động tăng
Mã danh sách huy động
CreatedDate Datetime Ngày tạo danh
sách
SentDate Datetime Ngày gửi danh
sách
Note Nvarchar 50 Ghi chú
ClubId Bigint Khóa ngoại Mã câu lạc bộ
PostId Bigint Khóa ngoại Mã bài đăng
Thuộc tính Kiểu dữ
liệu
Kích cỡ
Ràng buộc Giải thích
JoinProgramListId Bigint Khóa chính,
Not null
Mã danh sách huy động
StudentInfoId Varchar 50 Khóa chính,
Not null
Mã sinh viên
JoinedOrNot Boolean Có tham gia thật
hay khơng
Description Nvarchar 250 Mơ tả cơng việc
tham gia
Bảng 14. Cơ sở dữ liệu bảng "PostType"
Khóa luận tốt nghiệp Hoàn thiện giải pháp quản trị các CLB của HSV Học viện Ngân hàng
12. Bảng “JoinProgramList” (Danh sách huy động quân)
Bảng 15. Cơ sở dữ liệu bảng "JoinProgramList"
Khóa luận tốt nghiệp Hồn thiện giải pháp quản trị các CLB của HSV Học viện Ngân hàng
2.5.4. Lược đồ quan hệ giữa các bảng Cơ sở dữ liệu
RankingLirt Oubld A RareedDate Postld V Name PostType Nane JoinProqramDetail ĩ JoinProgramListId I -oc 2 StudentlnfoW JOireaOrNot <Λ Description User t ■: Usemame Password Email CreateaDate ModifedDate Clubld IsAdmln JoinClub ĩ Studentlnfold ĩ Clubld JoinDate DepartfYientld Rarcc Descriptor Clubld Department Ỉ : Name Descrotor Clubld
Hình 19. Lược đồ quan hệ giữa các bảng Cơ sở dữ liệu
JoinProgramList t k OutM PostC SertDate CreateaDate Note
Khóa luận tốt nghiệp Hồn thiện giải pháp quản trị các CLB của HSV Học viện Ngân hàng
2.6. Thiết kế giao diện
2.6.1. Giao diện trang đăng nhập
Hình 20. Thiết kế giao diện trang đăng nhập
Trên đây là thiết kế giao diện cho phần đăng nhập hệ thống. Giao diện gồm các thành phần như sau:
- 2 ô textbox để người dùng nhập tên đăng nhập và mật khẩu, sau khi nhập xong thì người dùng kích chọn nút “Đăng nhập” để truy cập vào trong hệ thống. - 1 ô checkbox ghi nhớ mật khẩu, nếu người dùng kích chọn ơ này thì tài khoản
và mật khẩu của người dùng sẽ được tự động lưu và hiện ra trong những lần đăng nhập sau.
- Nếu người dùng qn mật khẩu thì sẽ kích vào đường link “Quên mật khẩu? Ản vào đây” để hệ thống gửi lại mật khẩu mới cho mình.
Khóa luận tốt nghiệp Hồn thiện giải pháp quản trị các CLB của HSV Học viện Ngân hàng
2.6.2. Giao diện trang quản trị cho Hội sinh viên
Hình 21. Thiết kế giao diện trang quản trị cho Hội sinh viên
Sau khi đăng nhập thành công, hệ thống sẽ tự động chuyển sang giao diện trang quản trị. Neu tài khoản người dùng là tài khoản của Hội sinh viên thì sẽ chuyển sang giao diện trang quản trị Hội sinh viên, và ngược lại thì sẽ chuyển sang giao diện trang quản trị Câu lạc bộ. Giao diện trang quản trị Hội sinh viên gồm những thành phần chính như sau:
- Thanh navigation màu xanh trên cùng của trang có một nút “Thơng báo”, khi kích vào sẽ hiển thị ra một menu xổ xuống chứa các thông báo của tài khoản. Ví dụ như thơng báo các Câu lạc bộ nào đã gửi danh sách huy động quân. Bên cạnh nút thông báo là hình đại diện của tài khoản và một nút “Xin chào...” Kích vào nút này sẽ hiện ra một menu xổ xuống chứa các chức năng hiển thị thông tin tài khoản, đổi mật khẩu và đăng xuất.
- Thanh menu bên trái chứa tất cả các chức năng quản lý của tài khoản Hội sinh viên. Khi người dùng kích vào chức năng nào thì hệ thống sẽ hiển thị nội dung trang chức năng đó ở phần “Nội dung Website”.
- Phần footer ở dưới cùng của trang sẽ chứa nội dung thông tin bản quyền Website.
Khóa luận tốt nghiệp Hồn thiện giải pháp quản trị các CLB của HSV Học viện Ngân hàng
2.6.3. Giao diện trang quản trị cho Câu lạc bộ
Hình 22. Thiết kế giao diện trang quản trị cho Câu lạc bộ
Về cơ bản, giao diện trang quản trị của Câu lạc bộ giống với trang quản trị của Hội sinh viên. Điểm khác biệt duy nhất là thanh menu bên trái sẽ hiển thị các chức năng quản lý của Câu lạc bộ, cịn các thành phần cịn lại khơng có sự thay đổi.
Khóa luận tốt nghiệp Hồn thiện giải pháp quản trị các CLB của HSV Học viện Ngân hàng
KẾT LUẬN CHƯƠNG II
Chương 2 của đề tài khóa luận đã thực hiện lấy yêu cầu chi tiết từ phía Hội sinh viên, qua đó phân tích hệ thống Website thơng qua việc xây dựng các biểu đồ: Biểu đồ phân rã chức năng, một số biểu đồ hoạt động, biểu đồ ca sử dụng tổng quát. Những biểu đồ phân tích hệ thống trên đã làm cơ sở cho việc thiết kế cơ sở dữ liệu và thiết kế giao diện cùng được thực hiện ở chương 2.
Với bản phân tích thiết kế hệ thống ở chương 2, chương 3 khóa luận sẽ tiếp tục thực hiện triển khai, xây dựng hệ thống thực tế và đánh giá hệ thống sau khi vận hành thử nghiệm.
Khóa luận tốt nghiệp Hồn thiện giải pháp quản trị các CLB của HSV Học viện Ngân hàng
CHƯƠNG III. TRIEN KHAI VÀ ĐÁNH GIÁ
3.1. Triển khai
Với bản phân tích và thiết kế hệ thống đã có, em đã tiến hành triển khai, lập trình hệ thống thực tế và đưa hệ thống lên Hosting để vận hành thử nghiệm. Phần triển khai này bao gồm các nội dung chính sau: Giao diện một số chức năng chính của hệ thống; Mơi trường phát triển và vận hành hệ thống.
3.1.1. Giao diện một số chức năng chính của hệ thống
- Giao diện trang “Đăng nhập”
Đây là giao diện trang xuất hiện đầu tiên mặc định khi truy cập vào Website và chưa đăng nhập. Người dùng sẽ nhập thông tin tên đăng nhập và mật khẩu vào và kích vào ơ đăng nhập. Nếu thơng tin đăng nhập sai thì sẽ hiện thơng báo lỗi màu đỏ (như hình). Ngồi ra, giao diện cịn có đường dẫn “Qn mật khẩu? Ản vào đây”, nếu người dùng quên mật khẩu và ấn vào đường dẫn đó thì sẽ chuyển tới giao diện trang “Qn mật khẩu”.
Hội sinh viên HVNH = Xin chào, admin c⅛
® Nhập danh sách Sinh viên
Danh sách sinh viên tồn trường
¾f Danh sách Sinh viên tồn trường
STT Mã Sinhvien Họ và tên Ngày sinh Lớp Khoa sõ điện thoại Email
Θ Kích hoạt thêm mới thành viên 1 19A4000569 PhamThiThanh 27/03/1998 K19CLCNH
A Ngân hàng
¾? Quàn tý câu lạc bộ
2 19A4040033 Trằn Tùng Dương 13/03/1997 K19HTTTC Hệ thống thông tin quản lý
ɪ Quanlytaikhoan 3 19A4040058 Nguyễn Trăn Trung Hiếu 26/03/1998 K19HTTTA Hệ thống thông tin quản lý
'rf Quanlythongbao 4 19A4040082 Đào Văn Lâm 15/05/1998 K19HTTTA Hệ thống thông tin quân lý
5 19A4040132 Đỗ Đức Quyết 21/02/1998 K19HTTTC Hệ thống thông tin quàn lý
6 19A4040141 Kiều Xuân Tùng 14/12/1998 K19HTTTC Hệ thổng thơng tin qn lý
7 19A4040145 Nguyễn Đình Thái 16/08/1998 K19HTTTA Hệ thống thông tin quân lý
8 20A4020238 Lê Thị Thu Hằng 27/10/1999 K20KTM Kế toán - Kiemtoan
9 20A4040012 Bùi Hữu Chính 23/04/1999 K20HTTTB Hệ thống thơng tin quản lý
10 20A4040018 Nguyễn Tuấn Dũng 10/07/1999 K20HTTTB Hệ thống thông tin qn lý
O 2 3 4
»
Copyright © 2019 Long Nguyen Hoang.
Khóa luận tốt nghiệp Hồn thiện giải pháp quản trị các CLB của HSV Học viện Ngân hàng
- Giao diện trang “Quên mật khẩu”
Tại giao diện này, người dùng nhập thông tin tên tài khoản của mình vào và nhấn “Gửi mật khẩu mới”, hệ thống sẽ tự động gửi một mật khẩu mới vào Email mà người dùng đã đăng ký lúc tạo tài khoản. Mau Email đó như hình 24. Người dùng sử dụng mật khẩu mới này để đăng nhập vào hệ thống như bình thường.
Qn mật khẩu
Mật khẩu mói sẽ được gửi vào Email đã đăng ký
Gửi mắt khẩu mði
Hình 24. Giao diện trang Quên mật khẩu
Thõng báo lấy lại mật khấu Hộpthirđẽn X Hội Sinh viên Học viện Ngân hãng 4ongrih.hvnh@gmail.com> tới tôi ▼
Xin chào bit! Mật kháu mới cho tài khoàn cùa bạn là: bdul1642BD
Trả lời φ Chuyến tiếp
21:33(2 phút trước) τ⅛ ¼ ;
Hình 25. Mau Email thơng báo lấy lại mật khẩu
Khóa luận tốt nghiệp Hồn thiện giải pháp quản trị các CLB của HSV Học viện Ngân hàng
- Giao diện trang “Nhập danh sách sinh viên”
Đây là chức năng thuộc về tài khoản của Hội sinh viên. Sau khi có được file Excel danh sách sinh viên toàn trường, Hội sinh viên sẽ nhập vào Cơ sở dữ liệu bằng cách nhấn “Choose file” để chọn file từ máy tính, và sau đó nhấn nút “Import” để lưu dữ liệu từ file Excel đó. Dữ liệu sinh viên tồn trường sau khi được lưu sẽ hiển thị ở trang “Danh sách sinh viên tồn trường”. Các câu lạc bộ từ đó sẽ nhập danh sách thành viên của mình bằng cách chọn sinh viên từ danh sách này, giúp giảm thời gian và thuận tiện hơn trong việc nhập liệu, đồng thời có thể đồng bộ được dữ liệu sinh viên với hệ thống của nhà trường.
Khóa luận tốt nghiệp Hồn thiện giải pháp quản trị các CLB của HSV Học viện Ngân hàng
- Giao diện trang “Thêm mới tài khoản”
Chức năng quản lý tài khoản thuộc về Hội sinh viên. Khi tạo mới một tài khoản cho một Câu lạc bộ, Hội sinh viên sẽ nhập đầy đủ các thông tin cần thiết vào form và có 1 ơ Combobox để lựa chọn tài khoản đó dành cho Câu lạc bộ nào. Nếu tài khoản được tạo là tài khoản dành cho Hội sinh viên thì sẽ kích vào ơ checkbox “Là quản trị”, cịn nếu là tài khoản của Câu lạc bộ thì bỏ qua. Đặc biệt, hệ thống cịn có chức năng