ĐẠI HỌC ĐÀ NẴNGTRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬTKHOA CÔNG NGHỆ SỐ ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌCNGÀNH: CÔNG NGHỆ THÔNG TINCHUYÊN NGÀNH: CÔNG NGHỆ THÔNG TIN ĐỀ TÀI: XÂY DỰNG HỆ THỐNG WEBSITE CHẤM
Mục tiêu đề tài
Xây dựng website chấm điểm cho sinh viên trường ĐHSPKT Với các chức năng cụ thể:
Dành cho admin: đăng nhập, thêm học kì Các chức năng cho sinh viên sử dụng là: đăng nhập, chấm điểm rèn luyện, xem điểm rèn luyện, cập nhật tài khoản.Các chức năng dành cho giáo viên cũng như cán bộ lớp: chấm lại điểm rèn luyện cho sinh viên.
Phương pháp nghiên cứu
Phương pháp nghiên cứu lý thuyết thu thập thông tin qua internet, tài liệu, sách để tìm được các cơ sở lý thuyết liên quan vấn đề mình nghiên cứu.
Phương pháp triển khai thực nghiệm: xây dựng Website.
Giải pháp công nghệ
Ngôn ngữ lập trình: C#, JavaScript, Jquery, MVC Framework, Entity Framework.
Hệ quản trị cơ sở dữ liệu: SQL Server.
Công cụ hỗ trợ: Visual Studio, MicroSoft SQL Server Management
Cấu trúc đồ án
Cấu trúc đồ án tốt nghiệp gồm các phần như sau:
- Mở đầu: Nghiên cứu, tìm hiểu và đưa ra lý do chọn đề tài, mục tiêu và mục đích khi xây dựng và phát triển đề tài Xác định rõ phạm vi và đối tượng hướng đến, giải pháp công nghệ để triển khai, xây dựng đề tài, đồng thời phân tích đặc tả yêu cầu nghiệp vụ.
- Chương I: Tìm hiểu, giới thiệu tổng quát các kiến thức về ngôn ngữ lập trình C#, JavaScript, Entity Framework và hệ quản trị cơ sở dữ liệu SQL Server.
- Chương II: Phân tích các tác nhân và chức năng của từng tác nhân, yêu cầu phi chức năng của hệ thống Thiết kế sơ đồ use-case, sơ đồ hoạt động,
Sinh viên thực hiện: Hà Đại Nghĩa Người hướng dẫn: TS Nguyễn Tấn Thuận 1
Xây dựng website chấm điểm rèn luyện cho sinh viên trường ĐHSPKT sơ đồ ERD Thiết kế cơ sở dữ liệu Xây dựng kịch bản cho từng use-case trong hệ thống.
- Chương III: Xây dựng giao diện và chức năng của hệ thống.
- Kết luận: Kết luận chung cho các chương trong đồ án Trình bày những vấn đề đã giải quyết đồng thời trình bày hướng phát triển.
Sinh viên thực hiện: Hà Đại Nghĩa Người hướng dẫn: TS Nguyễn Tấn Thuận 2
Xây dựng website chấm điểm rèn luyện cho sinh viên trường ĐHSPKT
CƠ SỞ LÝ THUYẾT
Ngôn ngữ lập trình C#
C# (C Sharp) là ngôn ngữ lập trình hướng đối tượng mạnh mẽ và đa năng. Được phát triển bởi Microsoft vào năm 2000 Microsoft phát triển C# dựa trên C++ và Java và C# cũng được xem là ngôn ngữ cân bằng giữa C++, Visual Basic, Delphi và Java, đối với các Developer, việc hiểu biết về lập trình C# là rất quan trọng
C# được thiết kế chủ yếu bởi Anders Hejlsberg kiến trúc sư phần mềm nổi tiếng với các sản phẩm Turbo Pascal, Delphi, J++, WFC Vào năm 2000, Microsoft muốn phát triển một ngôn ngữ lập trình có thể hoạt động trong nền tảng của bộ khung NET và họ đã thành công Đó chính là ngôn ngữ C#
1.2.1 Đôi nét về lịch sử
Net Framework được phát triển bởi Microsoft là nền tảng thực thi các ứng dụng chủ yếu trên hệ điều hành Microsoft Windows Net Framework mang đến cho bạn các thư viện lập trình hỗ trợ việc xây dựng các chương trình phần mềm gồm lập trình giao diện, truy cập, kết nối cơ sở dữ liệu, ứng dụng web, cùng các giải thuật, cấu trúc dữ liệu, giao tiếp mạng…
NET Framework là nền tảng lập trình tập hợp các thư viện lập trình để giúp bạn quản lý việc thực thi, chạy các chương trình được viết dựa trên NET Framework .NET Framework Win 7 64bit cũng tập trung vào khả năng nâng cao tính bảo mật khi chạy các ứng dụng, các tính năng có độ linh hoạt cao tạo thuận lợi cho quá trình sử dụng
Sinh viên thực hiện: Hà Đại Nghĩa Người hướng dẫn: TS Nguyễn Tấn Thuận 3
Xây dựng website chấm điểm rèn luyện cho sinh viên trường ĐHSPKT
Microsoft NET Framework 4.8 là phiên bản mới nhất hiện nay, nó là một trong những ứng ụng tạo môi trường để chạy các ứng dụng khác chạy được trên hệ điều hành windows Chương trình hỗ trợ các ứng dụng khác chạy được trên máy tính, đồng thời nó cũng hộ trỡ người dùng lập trình kiểm tra chạy thử các ứng dụng trên máy tính
Microsoft NET Framework là một nền tảng (platform) để thực thi ứng dụng. Chương trình bạn viết bằng bất kỳ ngôn ngữ lập trình NET nào sẽ dịch sang mã trung gian (Intermediate Language) dù chương trình ở dạng thư viện dll hoặc tự thức thi exe.
NET Framework tạo ra nhiều loại chương trình khung (Framework) khác nhau giúp bạn nhanh chóng bổ sung những tính năng riêng để tạo thành chương trình hoàn chỉnh .NET Framework đã tạo khung xương cho nhiều loại ứng dụng khác nhau, bao gồm ứng dụng Web (ASEP.NET), ứng dụng desktop (Windows Form, Windows Presentation Foundation), ứng dụng hướng dịch vụ (Windows Communication Foundation) .NET Framework cung cấp hệ thống thư viện class khổng lồ chung mà tất cả các Framework trên nó đều có thể sử dụng.
Net Core là một hệ thống độc lập với NET Framework Khi bạn đã hiểu NET Framework theo khía cạnh như trên, bạn sẽ cần hình dung tương tự về NET Core .NET Core cũng là một hệ thống trọn vẹn bao gồm nền tảng dịch mã trung gian và thực thi ứng dụng, các Framwork để phát triển các loại ứng dụng, và là hệ thống thư viện hỗ trợ, Hệ thống của NET core được xây dựng hoàn toàn và độc lập với NET Framework
Sinh viên thực hiện: Hà Đại Nghĩa Người hướng dẫn: TS Nguyễn Tấn Thuận 4
Xây dựng website chấm điểm rèn luyện cho sinh viên trường ĐHSPKT
Hình 1.8.1 Mô hình Net Framework
Tổng quan về hệ quản trị cơ sở dữ liệu SQL Server
SQL Server là một hệ quản trị cơ sở dữ liệu quan hệ (Relational Database Management System (RDBMS)) sử dụng cậu lệnh SQL (Transact-Sql) để trao đổi dữ liệu giữa máy Client và máy cài SQL Server Một RDBMS bao gốm databases, database engine và các ứng dụng dùng để quản lý dữ liệu và các bộ phận khác nhau trong RDBMS.
SQL Server được tối ưu để có thể chạy trên môi trường cơ sở dữ liệu rất lớn(Very Large Database Enviroment) lên đến Tera-Byte và có thể phục vụ cùng lúc cho hàng ngàn user SQL Server có thể kết hợp “Ăn ý” với các server khác như Microsoft Internet, Information Server (IIS), E-CommerceServer, Proxy Server…
HTML và CSS
HTML là viết tắt của cụm từ Hyper Text Markup Languag, có nghĩa là
“Ngôn ngữ đánh dấu siêu văn bản” HTML được dùng để thiết lập trang web Vì mỗi website có thể chứa nhiều trang nội dung nên mỗi trang sẽ là một tài liệu HTML.
Sinh viên thực hiện: Hà Đại Nghĩa Người hướng dẫn: TS Nguyễn Tấn Thuận 5
Xây dựng website chấm điểm rèn luyện cho sinh viên trường ĐHSPKT o HTML đóng vai trò giúp người dùng có thể định dạng, thiết kế cấu trúc các thành phần của một trang web hay các ứng dụng heading, links, hoặc phân chia giữa các đoạn văn,… o Một tập tin HTML được hình thành từ các phần tử HTML, trong đó nó đã được quy định bởi các cặp thẻ (gọi là tag), và lưu dưới dạng đuôi mở rộng là html hay htm
CSS (viết tắt của cụm từ Cascade Style Sheet) là ngôn ngữ đóng vai trò giúp trình duyệt hiểu được tất cả các định dạng và bốc cục của trang web Bên cạnh đó, CSS còn mang đến tính năng cho phép người dùng sử dụng duy nhất một vùng chọn để điều khiển thiết kế của các thành phần có trongHTML Nhờ thế, khi tách biệt giữa cấu trúc (tức HTML) và định dạng (tứcCSS) thì bạn giảm thiểu thời gian thiết kế, chỉnh sửa trong quá trình xây dựng website Hơn nữa, với CSS, bạn còn dễ dàng đưa định nghĩa thẻ bằng nhiều cách khác nhau.
Bootstrap và responsive
Bootstrap là front-end framework, là một bộ sưu tập miễn phí các công cụ để tạo ra các trang web và các ứng dụng web Bootstrap bao gồm HTML và CSS dựa trên các mẫu thiết kế cho kiểu chữ, hình thức, các button và các thành phần giao diện khác, cũng như mở rộng tùy chọn JavaScript Boostrap định nghĩa sẵn các class CSS giúp người thiết kế giao diện website tiết kiệm rất nhiều thời gian Các thư viện Bootstrap có những đoạn mã sẵn sàng cho chúng ta áp dùng vào website của mình mà không phải tốn quá nhiều thời gian để tự viết Với Bootstrap, việc phát triển giao diện website để phù hợp với đa thiết bị trở nên dễ dàng hơn bao giờ hết. Bootstrap cung cấp tính năng responsive và mobile first, nghĩa là làm cho trang web có thể tự co giãn để tương thích với mọi thiết bị khác nhau, từ điện thoại di động đến máy tính bảng, máy tính xách tay, máy tính để bàn,
Một khía cạnh khác là responsive web design làm cho trang web cung cấp được trải nghiệm tuyệt vời cho người dùng trên nhiều thiết bị, kích thước màn hình khác nhau Một trang có thể hoạt động tốt bất kể sự biến đổi sẽ cung cấp một trải nghiệm người dùng tốt và nhất quán hơn một trang được thiết kế cho một loại thiết bị và kích thước màn hình cụ thể.
Sinh viên thực hiện: Hà Đại Nghĩa Người hướng dẫn: TS Nguyễn Tấn Thuận 6
Xây dựng website chấm điểm rèn luyện cho sinh viên trường ĐHSPKT
PHÂN TÍCH THIẾT KẾ HỆ THỐNG
Khảo sát hệ thống
Ở bậc đại học, điểm rèn luyện cũng gần giống với Hạnh kiểm ở bậc phổ thông, dùng để đánh giá đạo đức, tác phong, tuân thủ nội quy nhà trường, pháp luật nhà nước, các hoạt động của sinh viên Vì vậy điểm rèn luyện đối với sinh viên cũng rất quan trọng, nên điểm rèn luyện cần được chấm một cách chính xác, công tâm và thuận tiện nhất Trong thời đại công nghệ thông tin hiện nay, việc ứng dụng các hệ thống phần mềm trong giáo dục là rất cần thiết, vì vậy “Hệ thống website chấm điểm rèn luyện cho sinh viên UTE” là một công cụ hữu hiệu nhằm đánh giá chính xác điểm rèn luyện của sinh viên một cách thuận tiện và nhanh chóng nhất.
Việc chấm điểm rèn luyện tại trường Đại học Sư phạm Kỹ thuật hiện nay thông qua các tờ phiếu chấm điểm đã gặp rất nhiều khó khăn và dễ sai sót.Điểm rèn luyện đối với sinh viên cũng rất quan trọng, nên điểm rèn luyện cần được chấm một cách chính xác, công tâm và thuận tiện nhất.
Đặc tả yêu cầu phần mềm
2.2.1 Xác định các tác nhân
Đề tài gồm 4 tác nhân chính
2.2.2 Các yêu cầu chức năng
Xem danh sách sinh viên, giáo viên, lớp, học kì, bảo hiểm y tế, học phí, điểm học tập, danh sách phiếu chấm.
Quản lý hồ sơ cá nhân.
Đăng nhập, đăng xuất, đổi mật khẩu.
Sinh viên thực hiện: Hà Đại Nghĩa Người hướng dẫn: TS Nguyễn Tấn Thuận 7
Xây dựng website chấm điểm rèn luyện cho sinh viên trường ĐHSPKT
Cập nhật thông tin cá nhân.
Chấm lại điểm rèn luyện.
Đăng nhập, đăng xuất, đổi mật khẩu.
Xem điểm rèn luyện cá nhân.
Cập nhật thông tin cá nhân.
Đăng nhập, đăng xuất, đổi mật khẩu
2.2.3 Yêu cầu phi chức năng
Giao diện, đẹp mắt, đơn giản, dễ sử dụng.
Đảm bảo tính bảo mật, an toàn.
Tốc độ xử lý nhanh chóng.
Biểu đồ Use Case
Hình 2.3.1 Use case quản lý học kì
Sinh viên thực hiện: Hà Đại Nghĩa Người hướng dẫn: TS Nguyễn Tấn Thuận 8
Xây dựng website chấm điểm rèn luyện cho sinh viên trường ĐHSPKT
Hình 2.3.2 Use case quản lý sinh viên
Hình 2.3.3 Use case chấm điểm rèn luyện
Sinh viên thực hiện: Hà Đại Nghĩa Người hướng dẫn: TS Nguyễn Tấn Thuận 9
Xây dựng website chấm điểm rèn luyện cho sinh viên trường ĐHSPKT
2.3.4 Cập nhật thông tin cá nhân
Hình 2.3.4 Use case cập nhật thông tin cá nhân
Sinh viên thực hiện: Hà Đại Nghĩa Người hướng dẫn: TS Nguyễn Tấn Thuận 10
Xây dựng website chấm điểm rèn luyện cho sinh viên trường ĐHSPKT
Scenario cho Use Case
2.4.1 Scenario Use-case “Quản lý học kì”
Bảng 2.4.1 Scenario Use-case “Quản lý học kì”
T Use case name Đăng nhập
1 Description Actor đăng nhập vào hệ thống
3 Input Admin/GiaoVien/CanBoLop đã có tài khoản
4 Output Hệ thống thông báo đăng nhập hệ thống thành công
5 Basic flow 1 Actor vào ứng dụng Bắt đầu use case
2 Actor nhập thông tin tài khoản (tên tài khoản, mật khẩu), hoặc chọn đăng nhập với Google
3 Actor nhấn nút đăng nhập
4 Hệ thống kiểm tra và trả về trang Trang chủ (đã đăng nhập) Kết thúc use case
7 Exception flow 2.1 Actor thoát khỏi hệ thống Use case kết thúc mà chưa được đăng nhập
3.1 Nhập sai tài khoản hoặc mật khẩu Thông báo không tìm thấy tài khoản hoặc sai mật khẩu Quay lại bước 2
2.4.2 Scenario Use-case “Quản lý sinh viên”
Bảng 2.4.2 Scenario Use-case “Quản lý sinh viên”
8 Description Dùng để quản lý thông tin cá nhân của sinh viên
9 Actors Admin/GiaoVien/CanBoLop/SinhVien
10 Input Actor đã đăng nhập thành công
11 Output Chỉnh sửa thông tin thành công
12 Basic flow 1 Actor nhấn vào “Tên sinh viên” ở thanh header của hệ thống sau đó nhấn “Thông tin cá nhân” Use case bắt đầu
2 Thực hiện các thao tác cần thiết (Chỉnh sửa thông tin cá nhân hoặc Đổi mật khẩu)
4 Hệ thống lưu lại thông tin của sinh viên sau khi thay đổi Kết thúc Use case
Sinh viên thực hiện: Hà Đại Nghĩa Người hướng dẫn: TS Nguyễn Tấn Thuận 11
Xây dựng website chấm điểm rèn luyện cho sinh viên trường ĐHSPKT
2.1 Nếu Actor cập nhật thông tin không đúng định dạng Thông báo thông tin cập nhật không hợp lệ 2.3 Nếu người dùng nhập mật khẩu cũ không khớp Thông báo mật khẩu cũ không đúng
2.4.3 Scenario Use-case “Chấm điểm rèn luyện”
Bảng 2.4.3 Scenario Use-case “Chấm điểm rèn luyện”
15 Description Sinh viên muốn chấm điểm rèn luyện
17 Input SinhVien/CanBoLop truy cập vào trang chủ của hệ thống
18 Output Hệ thống hiển thị phiếu chấm
19 Basic flow 1 Actor truy cập hệ thống Bắt đầu use case
2 Actor tự chấm điểm rèn luyện
3 Hệ thống kiểm tra và trả kết quả theo kết quả chấm
2.1 Actor chọn xem phiếu chấm vừa chấm điểm” Hệ thống trả về danh sách vừa chấm
3.1 Actor nhập thông tin tìm kiếm không hợp lệ hoặc không có dữ liệu Hệ thống trả về danh sách rỗng
2.4.4 Scenario Use-case “Cập nhật thông tin cá nhân”
Bảng 2.4.4 Scenario Use-case “Cập nhật thông tin cá nhân”
Use case name Đặt vé
1 Description Sinh viên muốn cập nhật thông tin cá nhân
2 Actors Admin/GiaoVien/CanBoLop/SinhVien
3 Input Người dùng đã đăng nhập vào hệ thống
22 Output Hệ thống hiển thị thông tin thành công
4 Basic flow 1 Actor chọn cập nhật thông tin cá nhân” Bắt đầu use case
2 Actor bấm lưu thông tin
3 Hệ thống kiểm tra và trả về kết quả Kết thúc use case Hệ thống kiểm tra và trả về thông báo đặt vé thành công Kết thúc use case
Sinh viên thực hiện: Hà Đại Nghĩa Người hướng dẫn: TS Nguyễn Tấn Thuận 12
Xây dựng website chấm điểm rèn luyện cho sinh viên trường ĐHSPKT
3.1 Actor nhấn hủy Use case kết thúc
Sơ đồ hoạt động
2.5.2 Chấm lại điểm rèn luyện của cán bộ lớp
Hình 2.5.2 Activity “Chấm lại điểm rèn luyện của cán bộ lớp”
Sinh viên thực hiện: Hà Đại Nghĩa Người hướng dẫn: TS Nguyễn Tấn Thuận 13
Xây dựng website chấm điểm rèn luyện cho sinh viên trường ĐHSPKT
2.5.3 Chấm lại điểm rèn luyện của Giáo viên chủ nhiệm
Hình 2.5.3 Activity “Chấm lại điểm rèn luyện của Giáo viên chủ nhiệm”
2.5.4 Quản lý tài khoản sinh viên
Hình 2.5.4 Activity “Quản lý tài khoản sinh viên”
Sinh viên thực hiện: Hà Đại Nghĩa Người hướng dẫn: TS Nguyễn Tấn Thuận 14
Xây dựng website chấm điểm rèn luyện cho sinh viên trường ĐHSPKT
Hình 2.5.5 Activity “Quản lý sinh viên”
Hình 2.5.6 Activity “Bảo hiểm y tế”
Sinh viên thực hiện: Hà Đại Nghĩa Người hướng dẫn: TS Nguyễn Tấn Thuận 15
Xây dựng website chấm điểm rèn luyện cho sinh viên trường ĐHSPKT
Hình 2.5.8 Activity “Điểm học tập”
Sinh viên thực hiện: Hà Đại Nghĩa Người hướng dẫn: TS Nguyễn Tấn Thuận 16
Xây dựng website chấm điểm rèn luyện cho sinh viên trường ĐHSPKT
Sơ đồ tuần tự
2.6.1 Chấm lại điểm rèn luyện của cán bộ lớp
Hình 2.6.1 Sequence “Chấm lại điểm rèn luyện của cán bộ lớp”
2.6.2 Chấm lại điểm của Giáo viên chủ nhiệm
Hình 2.6.2 Sequence “Chấm lại điểm của Giáo viên chủ nhiệm”
Sinh viên thực hiện: Hà Đại Nghĩa Người hướng dẫn: TS Nguyễn Tấn Thuận 17
Xây dựng website chấm điểm rèn luyện cho sinh viên trường ĐHSPKT
Hình 2.6.3 Sequence “Danh sách sinh viên”
Hình 2.6.4 Sequence “Thêm mới sinh viên”
Sinh viên thực hiện: Hà Đại Nghĩa Người hướng dẫn: TS Nguyễn Tấn Thuận 18
Xây dựng website chấm điểm rèn luyện cho sinh viên trường ĐHSPKT
2.7.1 Sơ đồ Robustness chức năng chấm lại điểm rèn luyện của cán bộ lớp
Hình 2.7.1 Sơ đồ robustness “Chấm lại điểm rèn luyện của cán bộ lớp”
2.7.2 Sơ đồ Robustness chấm lại điểm rèn luyện của Giáo viên chủ nhiệm
Hình 2.7.2 Sơ đồ Robustness “Chấm lại điểm rèn luyện của Giáo viên chủ nhiệm”
Sinh viên thực hiện: Hà Đại Nghĩa Người hướng dẫn: TS Nguyễn Tấn Thuận 19
Xây dựng website chấm điểm rèn luyện cho sinh viên trường ĐHSPKT
Hình 2.8.1 Giao diện “Đăng nhập”
Mô tả Giao diện cho phép người dùng đăng nhập để sử dụng các chức năng khác
Truy cập Người dùng nhấn vào nút đăng nhập
Mục Loại Dữ liệu Mô tả
String N/A Nơi nhập tên đăng nhập
N/A Nơi nhập mật khẩu Đăng nhập Button N/A Đăng nhập vào hệ thống
N/A Dẫn đến trang quên mật khẩu
Tên Mô tả Thành công Thất bại
Không nhập tên đăng nhập
Không nhập tên đăng nhập sau đó nhấn đăng nhập
Thông báo “Vui lòng nhập tên đăng nhập”
Không nhập mật khẩu sau đó nhấn nút đăng nhập
Thông báo “Vui lòng nhập mật khẩu” Đăng nhập với tài khoản và mật khẩu
Xử lý đăng nhập vào hệ thống với tên đăng nhập và mật khẩu người dùng đã nhập
Hiển thị thông báo “Đăng nhập thất bại”
Sinh viên thực hiện: Hà Đại Nghĩa Người hướng dẫn: TS Nguyễn Tấn Thuận 20
Xây dựng website chấm điểm rèn luyện cho sinh viên trường ĐHSPKT
Hình 2.8.2 Giao diện “Đăng ký tài khoản”
Giao diện Thay đổi mật khẩu.
Mô tả Thay đổi mật khẩu sinh viên.
Truy cập Người sử dụng click vào nút Thay đổi mật khẩu
Mục Loại Dữ liệu Mô tả
N/A Nhập Tài khoản để đăng ký
Xác nhận mật khẩu mới
N/A Nhập lại mật khẩu để xác nhận
Tên Mô tả Thành công Thất bại Đăng xuất Nhấn nút đăng xuất để thoát khỏi tài khoản thành viên hiện tại
Quay trở lại màn hình đăng nhập Chưa tạo sự kiện cho nút đăng xuất Đổi mật khẩu
Nhấn nút đổi mật khẩu để thay đổi mật khẩu hiện tại
Quay trở lại màn hình đăng nhập để đăng nhập lại
Các trường bắt buộc nhập rỗng Chưa tạo sự kiện cho nút đổi mật khẩu
Sinh viên thực hiện: Hà Đại Nghĩa Người hướng dẫn: TS Nguyễn Tấn Thuận 21
Xây dựng website chấm điểm rèn luyện cho sinh viên trường ĐHSPKT
Hình 2.8.3 Giao diện “Thông tin cá nhân”
Giao diện Thông tin cá nhân
Mô tả Thiết lập lại mật khẩu và cập nhật lại thông tin người dùng.
Truy cập Thành viên click vào quản lý tài khoản -> Thông tin tài khoản
Mục Loại Dữ liệu Mô tả
N/A Hiển thị mã sinh viên
Chỉ đọc Lớp sinh hoạt TextBox -
String N/A Hiển thị lớp sinh hoạt
Chỉ đọc Ngày sinh TextBox -
N/A Nhập số điện thoại mới
String N/A Hiển thị họ tên
Chỉ đọc Giới tính Radiobutto n - String
N/A Chọn giới tính muốn thay đổi
N/A Nhập chứng minh nhân dân muốn thay đổi Bắt buộc nhập
Số điện thoại TextBox - number N/A Nhập số điện thoại thay đổi
Tên Mô tả Thành công Thất bại
Cập nhật Nhấn nút cập nhật để thay Hiển thị thông Các trường bắt
Sinh viên thực hiện: Hà Đại Nghĩa Người hướng dẫn: TS Nguyễn Tấn Thuận 22
Xây dựng website chấm điểm rèn luyện cho sinh viên trường ĐHSPKT đổi thông tin thành viên hiện tại báo: ”Cập nhật thông tin thành công!” buộc rỗng Chưa tạo sự kiện cho nút cập nhật
Hình 2.8.4 Giao diện “Thêm sinh viên”
Giao diện Thêm sinh viên
Mô tả Thêm một sinh viên
Truy cập Sinh viên -> Thêm sinh viên
Mục Loại Dữ liệu Mô tả
Bắt buộc nhập Tên sinh viên TextBox -
String N/A Nhập tên sinh viên
Bắt buộc nhập Mật khẩu TextBox -
String N/A Nhập số điện thoại mới
Bắt buộc nhập Giới tính Radiobutto n - String
N/A Chọn giới tính muốn thay đổi
Ngày sinh Button N/A Chọn ngày sinh
Không bắt buộc nhập Trạng thái TextBox -
Sinh viên thực hiện: Hà Đại Nghĩa Người hướng dẫn: TS Nguyễn Tấn Thuận 23
Xây dựng website chấm điểm rèn luyện cho sinh viên trường ĐHSPKT
Tên Mô tả Thành công Thất bại
Cập nhật Nhấn nút cập nhật để thay đổi thông tin thành viên hiện tại
Hiển thị thông báo: ”Cập nhật thông tin thành công!”
Các trường bắt buộc rỗng
Chưa tạo sự kiện cho nút cập nhật
2.9 Thiết kế bảng cơ sở dữ liệu
Thuộc tính Giải thích Kiểu dữ liệu Ghi chú taiKhoan Tên tài khoản NVARCHAR(50) Khóa chính matKhau Mật khẩu đăng nhập NVARCHAR(Max) hoTen Họ tên NVARCHAR(Max) trangThai Trạng thái INT
Thuộc tính Giải thích Kiểu dữ liệu Ghi chú maSinhVien Mã sinh viên NVARCHAR(50) Khóa chính maHocKi Mã học kì NVARCHAR(50) trangThai Trạng thái INT
Sinh viên thực hiện: Hà Đại Nghĩa Người hướng dẫn: TS Nguyễn Tấn Thuận 24
Xây dựng website chấm điểm rèn luyện cho sinh viên trường ĐHSPKT
Thuộc tính Giải thích Kiểu dữ liệu Ghi chú maSinhVien Mã sinh viên NVARCHAR(50) Khóa chính maLop Mã lớp NVARCHAR(50) ngayBatDau Ngày bắt đầu DATE ngayKetThuc Ngày kết thúc DATE trangThai Trạng thái INT
Thuộc tính Giải thích Kiểu dữ liệu Ghi chú maPhieuChamDiem Mã phiếu chấm INT Khóa chính maNoiDung Nội dung INT diemTuCham Điểm tự chấm INT diemGiaoVienCham Điểm Giáo viên chấm INT diemCBLCham Điểm cán bộ lớp chấm
INT minhChung Minh chứng NVARCHAR(Max)
Thuộc tính Giải thích Kiểu dữ liệu Ghi chú maDanhGia Mã đánh giá INT Khóa chính tự tăng tenDanhMuc Tên danh mục VARCHAR(Max) trangThai Trạng thái INT
Sinh viên thực hiện: Hà Đại Nghĩa Người hướng dẫn: TS Nguyễn Tấn Thuận 25
Xây dựng website chấm điểm rèn luyện cho sinh viên trường ĐHSPKT
Thuộc tính Giải thích Kiểu dữ liệu Ghi chú maSinhVien Mã sinh viên NVARCHAR(50) Khóa chính maHocKi Mã học kì VARCHAR(50) diemTrungBinh Điểm trung bình Float
Thuộc tính Giải thích Kiểu dữ liệu Ghi chú maGiangVien Mã giảng viên NVARCHAR(50) Khóa chính tenGiangVien Tên giảng viên NVARCHAR(Max) matKhau Mật khẩu NVARCHAR(Max) ngaySinh Ngày sinh DATE soDienThoai Số điện thoại NVARCHAR(Max)
Gmail Email NVARCHAR(Max) gioiTinh Giới tính INT trangThai Trạng thái INT
Thuộc tính Giải thích Kiểu dữ liệu Ghi chú maGiangVien Mã giảng viên NVARCHAR(50) Khóa chính maLop Mã lớp NVARCHAR(50) ngayBatDau Ngày bắt đầu DATE ngayKetThuc Ngày kết thúc DATE trangThai Trạng thái INT
Sinh viên thực hiện: Hà Đại Nghĩa Người hướng dẫn: TS Nguyễn Tấn Thuận 26
Xây dựng website chấm điểm rèn luyện cho sinh viên trường ĐHSPKT
Thuộc tính Giải thích Kiểu dữ liệu Ghi chú maHocKi Mã học kì NVARCHAR(50) Khóa chính ngayBatDauCham Ngày bắt đầu DATE ngayKetThucCham Ngày kết thúc DATE ngayTao Ngày tạo học kì DATE nguoiTao Người tạo học kì NVARCHAR(50)
Thuộc tính Giải thích Kiểu dữ liệu Ghi chú maSinhVien Mã sinh viên NVARCHAR(50) Khóa chính maHocKi Mã học kì NVARCHAR(50) trangThai Trạng thái INT
Thuộc tính Giải thích Kiểu dữ liệu Ghi chú maLop Mã lớp NVARCHAR(50) Khóa chính maNganh Mã ngành NVARCHAR(50) trangThai Trạng thái INT
Sinh viên thực hiện: Hà Đại Nghĩa Người hướng dẫn: TS Nguyễn Tấn Thuận 27
Xây dựng website chấm điểm rèn luyện cho sinh viên trường ĐHSPKT
Thuộc tính Giải thích Kiểu dữ liệu Ghi chú maKhoa Mã khoa NVARCHAR(50) Khóa chính tenKhoa Tên khoa NVARCHAR(Max) trangThai Trạng thái INT
Thuộc tính Giải thích Kiểu dữ liệu Ghi chú maNganh Mã ngành NVARCHAR(50) Khóa chính tenNganh Tên ngành NVARCHAR(Max) maKhoa Mã khoa NVARCHAR(50) trangThai Trạng thái INT
Thuộc tính Giải thích Kiểu dữ liệu Ghi chú maNoiDung Mã nội dung INT Khóa chính tự tăng tenNoiDung Tên nội dung NVARCHAR(Max) maDanhMuc Mã danh mục INT diemToiDa Điểm tối da INT cachCham Cách chấm INT trangThai Trạng thái INT
Sinh viên thực hiện: Hà Đại Nghĩa Người hướng dẫn: TS Nguyễn Tấn Thuận 28
Xây dựng website chấm điểm rèn luyện cho sinh viên trường ĐHSPKT
Thuộc tính Giải thích Kiểu dữ liệu Ghi chú maPhieuChamDiem Mã phiếu chấm INT Khóa chính tự tăng maSinhVien Mã sinh viên NVARCHAR(50) maHocKi Mã học kì NVARCHAR(50) ngayCham Ngày chấm DATE trangThai Trạng thái INT tongDiemSV Tổng điểm sinh viên INT tongDiemCBl Tổng điểm cán bộ lớp
INT tongDiemGVCN Tổng điểm giáo viên INT tongDiem Tổng điểm INT
Thuộc tính Giải thích Kiểu dữ liệu Ghi chú maSinhVien Mã sinh viên NVARCHAR(50) Khóa chính matKhau Mật khẩu NVARCHAR(Max) tenSinhVien Tên sinh viên NVARCHAR(Max) ngaySinh Ngày sinh DATE soDienThoai Số điện thoại NVARCHAR(Max)
Gmail Email NVARCHAR(Max) gioiTinh Giới tính INT trangThai Trạng thái INT maLop Mã lớp NVARCHAR(50)
Sinh viên thực hiện: Hà Đại Nghĩa Người hướng dẫn: TS Nguyễn Tấn Thuận 29
Xây dựng website chấm điểm rèn luyện cho sinh viên trường ĐHSPKT
Sinh viên thực hiện: Hà Đại Nghĩa Người hướng dẫn: TS Nguyễn Tấn Thuận 30
Thiết kế giao diện
Hình 2.8.1 Giao diện “Đăng nhập”
Mô tả Giao diện cho phép người dùng đăng nhập để sử dụng các chức năng khác
Truy cập Người dùng nhấn vào nút đăng nhập
Mục Loại Dữ liệu Mô tả
String N/A Nơi nhập tên đăng nhập
N/A Nơi nhập mật khẩu Đăng nhập Button N/A Đăng nhập vào hệ thống
N/A Dẫn đến trang quên mật khẩu
Tên Mô tả Thành công Thất bại
Không nhập tên đăng nhập
Không nhập tên đăng nhập sau đó nhấn đăng nhập
Thông báo “Vui lòng nhập tên đăng nhập”
Không nhập mật khẩu sau đó nhấn nút đăng nhập
Thông báo “Vui lòng nhập mật khẩu” Đăng nhập với tài khoản và mật khẩu
Xử lý đăng nhập vào hệ thống với tên đăng nhập và mật khẩu người dùng đã nhập
Hiển thị thông báo “Đăng nhập thất bại”
Sinh viên thực hiện: Hà Đại Nghĩa Người hướng dẫn: TS Nguyễn Tấn Thuận 20
Xây dựng website chấm điểm rèn luyện cho sinh viên trường ĐHSPKT
Hình 2.8.2 Giao diện “Đăng ký tài khoản”
Giao diện Thay đổi mật khẩu.
Mô tả Thay đổi mật khẩu sinh viên.
Truy cập Người sử dụng click vào nút Thay đổi mật khẩu
Mục Loại Dữ liệu Mô tả
N/A Nhập Tài khoản để đăng ký
Xác nhận mật khẩu mới
N/A Nhập lại mật khẩu để xác nhận
Tên Mô tả Thành công Thất bại Đăng xuất Nhấn nút đăng xuất để thoát khỏi tài khoản thành viên hiện tại
Quay trở lại màn hình đăng nhập Chưa tạo sự kiện cho nút đăng xuất Đổi mật khẩu
Nhấn nút đổi mật khẩu để thay đổi mật khẩu hiện tại
Quay trở lại màn hình đăng nhập để đăng nhập lại
Các trường bắt buộc nhập rỗng Chưa tạo sự kiện cho nút đổi mật khẩu
Sinh viên thực hiện: Hà Đại Nghĩa Người hướng dẫn: TS Nguyễn Tấn Thuận 21
Xây dựng website chấm điểm rèn luyện cho sinh viên trường ĐHSPKT
Hình 2.8.3 Giao diện “Thông tin cá nhân”
Giao diện Thông tin cá nhân
Mô tả Thiết lập lại mật khẩu và cập nhật lại thông tin người dùng.
Truy cập Thành viên click vào quản lý tài khoản -> Thông tin tài khoản
Mục Loại Dữ liệu Mô tả
N/A Hiển thị mã sinh viên
Chỉ đọc Lớp sinh hoạt TextBox -
String N/A Hiển thị lớp sinh hoạt
Chỉ đọc Ngày sinh TextBox -
N/A Nhập số điện thoại mới
String N/A Hiển thị họ tên
Chỉ đọc Giới tính Radiobutto n - String
N/A Chọn giới tính muốn thay đổi
N/A Nhập chứng minh nhân dân muốn thay đổi Bắt buộc nhập
Số điện thoại TextBox - number N/A Nhập số điện thoại thay đổi
Tên Mô tả Thành công Thất bại
Cập nhật Nhấn nút cập nhật để thay Hiển thị thông Các trường bắt
Sinh viên thực hiện: Hà Đại Nghĩa Người hướng dẫn: TS Nguyễn Tấn Thuận 22
Xây dựng website chấm điểm rèn luyện cho sinh viên trường ĐHSPKT đổi thông tin thành viên hiện tại báo: ”Cập nhật thông tin thành công!” buộc rỗng Chưa tạo sự kiện cho nút cập nhật
Hình 2.8.4 Giao diện “Thêm sinh viên”
Giao diện Thêm sinh viên
Mô tả Thêm một sinh viên
Truy cập Sinh viên -> Thêm sinh viên
Mục Loại Dữ liệu Mô tả
Bắt buộc nhập Tên sinh viên TextBox -
String N/A Nhập tên sinh viên
Bắt buộc nhập Mật khẩu TextBox -
String N/A Nhập số điện thoại mới
Bắt buộc nhập Giới tính Radiobutto n - String
N/A Chọn giới tính muốn thay đổi
Ngày sinh Button N/A Chọn ngày sinh
Không bắt buộc nhập Trạng thái TextBox -
Sinh viên thực hiện: Hà Đại Nghĩa Người hướng dẫn: TS Nguyễn Tấn Thuận 23
Xây dựng website chấm điểm rèn luyện cho sinh viên trường ĐHSPKT
Tên Mô tả Thành công Thất bại
Cập nhật Nhấn nút cập nhật để thay đổi thông tin thành viên hiện tại
Hiển thị thông báo: ”Cập nhật thông tin thành công!”
Các trường bắt buộc rỗng
Chưa tạo sự kiện cho nút cập nhật
Thiết kế bảng cơ sở dữ liệu
Thuộc tính Giải thích Kiểu dữ liệu Ghi chú taiKhoan Tên tài khoản NVARCHAR(50) Khóa chính matKhau Mật khẩu đăng nhập NVARCHAR(Max) hoTen Họ tên NVARCHAR(Max) trangThai Trạng thái INT
Thuộc tính Giải thích Kiểu dữ liệu Ghi chú maSinhVien Mã sinh viên NVARCHAR(50) Khóa chính maHocKi Mã học kì NVARCHAR(50) trangThai Trạng thái INT
Sinh viên thực hiện: Hà Đại Nghĩa Người hướng dẫn: TS Nguyễn Tấn Thuận 24
Xây dựng website chấm điểm rèn luyện cho sinh viên trường ĐHSPKT
Thuộc tính Giải thích Kiểu dữ liệu Ghi chú maSinhVien Mã sinh viên NVARCHAR(50) Khóa chính maLop Mã lớp NVARCHAR(50) ngayBatDau Ngày bắt đầu DATE ngayKetThuc Ngày kết thúc DATE trangThai Trạng thái INT
Thuộc tính Giải thích Kiểu dữ liệu Ghi chú maPhieuChamDiem Mã phiếu chấm INT Khóa chính maNoiDung Nội dung INT diemTuCham Điểm tự chấm INT diemGiaoVienCham Điểm Giáo viên chấm INT diemCBLCham Điểm cán bộ lớp chấm
INT minhChung Minh chứng NVARCHAR(Max)
Thuộc tính Giải thích Kiểu dữ liệu Ghi chú maDanhGia Mã đánh giá INT Khóa chính tự tăng tenDanhMuc Tên danh mục VARCHAR(Max) trangThai Trạng thái INT
Sinh viên thực hiện: Hà Đại Nghĩa Người hướng dẫn: TS Nguyễn Tấn Thuận 25
Xây dựng website chấm điểm rèn luyện cho sinh viên trường ĐHSPKT
Thuộc tính Giải thích Kiểu dữ liệu Ghi chú maSinhVien Mã sinh viên NVARCHAR(50) Khóa chính maHocKi Mã học kì VARCHAR(50) diemTrungBinh Điểm trung bình Float
Thuộc tính Giải thích Kiểu dữ liệu Ghi chú maGiangVien Mã giảng viên NVARCHAR(50) Khóa chính tenGiangVien Tên giảng viên NVARCHAR(Max) matKhau Mật khẩu NVARCHAR(Max) ngaySinh Ngày sinh DATE soDienThoai Số điện thoại NVARCHAR(Max)
Gmail Email NVARCHAR(Max) gioiTinh Giới tính INT trangThai Trạng thái INT
Thuộc tính Giải thích Kiểu dữ liệu Ghi chú maGiangVien Mã giảng viên NVARCHAR(50) Khóa chính maLop Mã lớp NVARCHAR(50) ngayBatDau Ngày bắt đầu DATE ngayKetThuc Ngày kết thúc DATE trangThai Trạng thái INT
Sinh viên thực hiện: Hà Đại Nghĩa Người hướng dẫn: TS Nguyễn Tấn Thuận 26
Xây dựng website chấm điểm rèn luyện cho sinh viên trường ĐHSPKT
Thuộc tính Giải thích Kiểu dữ liệu Ghi chú maHocKi Mã học kì NVARCHAR(50) Khóa chính ngayBatDauCham Ngày bắt đầu DATE ngayKetThucCham Ngày kết thúc DATE ngayTao Ngày tạo học kì DATE nguoiTao Người tạo học kì NVARCHAR(50)
Thuộc tính Giải thích Kiểu dữ liệu Ghi chú maSinhVien Mã sinh viên NVARCHAR(50) Khóa chính maHocKi Mã học kì NVARCHAR(50) trangThai Trạng thái INT
Thuộc tính Giải thích Kiểu dữ liệu Ghi chú maLop Mã lớp NVARCHAR(50) Khóa chính maNganh Mã ngành NVARCHAR(50) trangThai Trạng thái INT
Sinh viên thực hiện: Hà Đại Nghĩa Người hướng dẫn: TS Nguyễn Tấn Thuận 27
Xây dựng website chấm điểm rèn luyện cho sinh viên trường ĐHSPKT
Thuộc tính Giải thích Kiểu dữ liệu Ghi chú maKhoa Mã khoa NVARCHAR(50) Khóa chính tenKhoa Tên khoa NVARCHAR(Max) trangThai Trạng thái INT
Thuộc tính Giải thích Kiểu dữ liệu Ghi chú maNganh Mã ngành NVARCHAR(50) Khóa chính tenNganh Tên ngành NVARCHAR(Max) maKhoa Mã khoa NVARCHAR(50) trangThai Trạng thái INT
Thuộc tính Giải thích Kiểu dữ liệu Ghi chú maNoiDung Mã nội dung INT Khóa chính tự tăng tenNoiDung Tên nội dung NVARCHAR(Max) maDanhMuc Mã danh mục INT diemToiDa Điểm tối da INT cachCham Cách chấm INT trangThai Trạng thái INT
Sinh viên thực hiện: Hà Đại Nghĩa Người hướng dẫn: TS Nguyễn Tấn Thuận 28
Xây dựng website chấm điểm rèn luyện cho sinh viên trường ĐHSPKT
Thuộc tính Giải thích Kiểu dữ liệu Ghi chú maPhieuChamDiem Mã phiếu chấm INT Khóa chính tự tăng maSinhVien Mã sinh viên NVARCHAR(50) maHocKi Mã học kì NVARCHAR(50) ngayCham Ngày chấm DATE trangThai Trạng thái INT tongDiemSV Tổng điểm sinh viên INT tongDiemCBl Tổng điểm cán bộ lớp
INT tongDiemGVCN Tổng điểm giáo viên INT tongDiem Tổng điểm INT
Thuộc tính Giải thích Kiểu dữ liệu Ghi chú maSinhVien Mã sinh viên NVARCHAR(50) Khóa chính matKhau Mật khẩu NVARCHAR(Max) tenSinhVien Tên sinh viên NVARCHAR(Max) ngaySinh Ngày sinh DATE soDienThoai Số điện thoại NVARCHAR(Max)
Gmail Email NVARCHAR(Max) gioiTinh Giới tính INT trangThai Trạng thái INT maLop Mã lớp NVARCHAR(50)
Sinh viên thực hiện: Hà Đại Nghĩa Người hướng dẫn: TS Nguyễn Tấn Thuận 29
Xây dựng website chấm điểm rèn luyện cho sinh viên trường ĐHSPKT
Sơ đồ ERD
Sinh viên thực hiện: Hà Đại Nghĩa Người hướng dẫn: TS Nguyễn Tấn Thuận 30
Xây dựng website chấm điểm rèn luyện cho sinh viên trường ĐHSPKT
XÂY DỰNG CHƯƠNG TRÌNH
Công cụ xây dựng
Visual Studio: công cụ lập trình phát triển mã nguồn
Microsoft SQL Server Management: công cụ phát triển cơ sở dữ liệu.
HTML, CSS, JS, Bootstrap: xây dựng giao diện chương trình.
NET Framework: xây dựng Back-end(sever) chương trình.