CHƯƠNG 1: TỔNG QUAN VỀ HỆ THỐNG❖ Giới thiệu đề tài Hiện nay, việc quản lý những thông tin của giáo viên, sinh viên trong cáctrường đại học đa phần vẫn còn thực hiện thủ công trên giấy và
TỔNG QUAN VỀ HỆ THỐNG
Tổng quan về hệ thống mới
Giao diện website thiết kế hợp lý, dễ nhìn và thân thiện với người dùng.
Các mục tiêu chính của hệ thống
Yêu cầu về mặt giao diện:
Giao diện trang web thân thiện, dễ sử dụng, phân chia trên các thể loại khác nhau.
Hiển thị định dạng cho các Browser phổ biến hiện nay như FireFox, Chrome, Brave…
Tông màu chính trên Website là màu trắng mang lại trải nghệm tốt cho người dùng, dễ dàng tuỳ biến được màu nền, màu chữ của Website.
Giao diện có tuỳ biến cho các nên tảng như Window, IOS, Android.
Yêu cầu về mặt chức năng:
Quản lý lịch công tác giáo viên : Chức năng thêm, sửa, xoá các thông tin của lịch công tác giáo viên.
Quản lý sinh viên: Chức năng thêm, sửa, xoá các thông tin của sinh viên.
Quản lý lớp học: Chức nâng thêm, cập nhật, xoá thông tin lớp học.
Quản lý người dùng : Chức năng thêm, cập nhật, xoá thông tin người người.
Quản lý giáo viên: Chức năng thêm, cập nhật, xoá thông tin giáo viên.
Quản lý công việc : Chức năng thêm, cập nhật, xoá thông tin công việc.
Quản lý menu: Chức năng thêm, cập nhật, xoá thông tin menu.
Quản lý khoa: Chức năng thêm, cập nhật, xoá thông tin khoa.
Quản lý lương: Chức năng thêm, cập nhật, xoá thông tin lương.
Danh sách yêu cầu hệ thống
Quản lý lịch công tác giáo viên
- Hiển thị danh sách tất cả các lịch công tác giáo viên và phân trang.
- Người dùng có thể tìm kiếm, sắp xếp các trường thông tin.
- Tìm kiếm theo các trường thông tin.
- Xoá lịch công tác trên danh sách.
- Thêm lịch công tác giáo viên bằng Modal Popup.
- Cập nhật thông tin của sinh viên thông qua Modal popup, sử dụng Ajax để load dữ liệu vào popup.
- Hiển thị danh sách tất cả các sinh viên, phân trang dữ liệu: 10 item trong một page.
- Người dùng có thể tìm kiếm, sắp xếp các trường thông tin.
- Tìm kiếm theo các trường thông tin.
- Xoá lịch sinh viên trên danh sách.
- Thêm sinh viên bằng Modal Popup.
- Cập nhật thông tin của sinh viên thông qua Modal popup, sử dụng Ajax để load dữ liệu vào popup.
Quản lý loại lịch công tác
- Hiển thị danh sách tất cả các loại lịch công tác, phân trang dữ liệu: 10 item trong một page.
- Người dùng có thể tìm kiếm, sắp xếp các trường thông tin.
- Tìm kiếm theo các trường thông tin.
- Xoá lịch loại lịch trên danh sách.
- Thêm loại lịch công tác bằng Modal Popup.
- Cập nhật thông tin của loại lịch công tác thông qua Modal popup, sử dụng Ajax để load dữ liệu vào popup.
- Hiển thị danh sách lớp học, phân trang dữ liệu: 10 item trong một page.
- Người dùng có thể tìm kiếm, sắp xếp các trường thông tin.
- Tìm kiếm theo các trường thông tin.
- Xoá lớp học trên danh sách.
- Thêm lớp học bằng Modal Popup.
- Cập nhật thông tin của lớp học thông qua Modal popup, sử dụng Ajax để load dữ liệu vào popup.
- Hiển thị danh sách người dùng, phân trang dữ liệu: 10 item trong một page.
- Người dùng có thể tìm kiếm, sắp xếp các trường thông tin.
- Tìm kiếm theo các trường thông tin.
- Xoá người dùng trên danh sách.
- Thêm người dùng bằng Modal Popup.
- Cập nhật thông tin của người dùng thông qua Modal popup, sử dụng Ajax để load dữ liệu vào popup.
- Hiển thị danh sách giáo viên, phân trang dữ liệu: 10 item trong một page.
- Người dùng có thể tìm kiếm, sắp xếp các trường thông tin.
- Tìm kiếm theo các trường thông tin.
- Xoá giáo viên trên danh sách.
- Thêm giáo viên bằng Modal Popup.
- Cập nhật thông tin của giáo viên thông qua Modal popup, sử dụng Ajax để load dữ liệu vào popup.
- Hiển thị danh sách công việc, phân trang dữ liệu: 10 item trong một page.
- Người dùng có thể tìm kiếm, sắp xếp các trường thông tin.
- Tìm kiếm theo các trường thông tin.
- Xoá công việc trên danh sách.
- Thêm công việc bằng Modal Popup.
- Cập nhật thông tin của công việc thông qua Modal popup, sử dụngAjax để load dữ liệu vào popup.
- Hiển thị danh sách menu, phân trang dữ liệu: 10 item trong một page.
- Người dùng có thể tìm kiếm, sắp xếp các trường thông tin.
- Tìm kiếm theo các trường thông tin.
- Xoá menu trên danh sách.
- Thêm menu bằng Modal Popup.
- Cập nhật thông tin của menu thông qua Modal popup, sử dụng Ajax để load dữ liệu vào popup.
- Hiển thị danh sách khoa, phân trang dữ liệu: 10 item trong một page.
- Người dùng có thể tìm kiếm, sắp xếp các trường thông tin.
- Tìm kiếm theo các trường thông tin.
- Xoá khoa trên danh sách.
- Thêm khoa bằng Modal Popup.
- Cập nhật thông tin của khoa thông qua Modal popup, sử dụng Ajax để load dữ liệu vào popup.
- Hiểu thị danh sách lương , phân trang dữ liệu
- Admin có thể cập nhật lương cho nhân viên
- Nhân viên có thể coi lương và nhận lương theo cách check code được gữi vào gmail và xác thực đã nhận lương chưa.
- Xoá khoa trên danh sách.
- Thêm khoa bằng Modal Popup.
- Cập nhật thông tin của khoa thông qua Modal popup, sử dụng Ajax để load dữ liệu vào popup.
- Người dùng bắt buộc phải đăng nhập để sử dụng hệ thống.
- Trang chủ hiển thị các trình quản lý: lịch công tác, danh sách giáo viên, sinh viên, tiện ích, hiển thị real time trên header.
Công nghệ sử dụng
Có rất nhiều công nghệ có thể được sử dụng để xây dựng hệ thống phần mềm.Trong đề tài này để cài đặt chương trình chúng em đã sử dụng ngôn ngữ lập trình C# và mô hình MVC
SQL Server 2012 là một hệ thống quản trị cơ sở dữ liệu quan hệ (Relational Database Management System (RDBMS) ) sử dụng Transact-SQL để trao đổi dữ liệu giữa Client computer và SQL Server computer 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.
1.4.2 Giới thiệu về ASP.NET MVC Đầu năm 2002, Microsoft giới thiệu một kỹ thuật lập trình Web khá mới mẻ với tên gọi ban đầu là ASP+, tên chính thức sau này là ASP.Net Với ASP.Net, không những không cần đòi hỏi bạn phải biết các tag HTML, thiết kế web, mà nó còn chăm sóc mạnh lập trình hướng đối tượng trong quá trình xây dựng và phát triển ứng dụng Web.ASP.Net làkỹ thuật lập trình và phát triển ứng dụng web ở phía Server(Serverside) dựa trên nền tảng của Microsoft Net Framework.
Hầu hết, những người mới đến với lập trình web đều bắt đầu tìm hiểu những kỹ thuật ở phía Client (Client-side) như: HTML, Java Script, CSS (Cascading StyleSheets) Khi Web browser yêu cầu một trang web (trang web sử dụng kỹ thuật client-side), Web server tìm trang web mà Client yêu cầu, sau đó gởi về cho Client.Client nhận kết quả trả về từ Server và hiển thị lên màn hình.
ASP.Net sử dụng kỹ thuật lập trình ở phía server thì hoàn toàn khác, mã lệnh ở phía server (ví dụ: mã lệnh trong trang ASP) sẽ được biên dịch và thi hành tại Web Server Sau khi được Server đọc, biên dịch và thi hành, kết quả tự động được chuyển sang HTML/JavaScript/CSS và trả về cho Client Tất cả các xử lý lệnh ASP.Net đều được thực hiện tại Server và do đó, gọi là kỹ thuật lập trình ở phía server.
Mô hình lập trình web trong ASP.NET
Mẫu kiến trúc Model – View – Controller được sử dụng nhằm chi ứng dụng thành ba thành phần chính: model, view và controller Nền tảng ASP.NET MVC giúp cho chúng ta có thể tạo được các ứng dụng web áp dụng mô hình MVC thay vì tạo ứng dụng theo mẫu ASP.NET Web Forsm Nền tảng ASP.NET MVC có đặc điểm nổi bật là nhẹ (lighweigt), dễ kiểm thử phần giao diện (so với ứng dụng Web Forms), tích hợp các tính năng có sẵn của ASP.NET Nền tảng ASP.NET MVC được định nghĩa trong namespace System.Web.Mvc MVC là một mẫu thiết kế (design pattern) chuẩn mà nhiều lập trình viên đã quen thuộc Một số loại ứng dụng web sẽ thích hợp với kiến trúc MVC Một số khác vẫn thích hợp với ASP.NET Web Forms và cơ chế postbacks Đôi khi có những ứng dụng kết hợp cả hai kiến trúc trên.
Nền tảng MVC bao gồm các thành phần dưới đây:
Models: Các đối tượng Models là một phần của ứng dụng, các đối tượng này thiết lập logic của phần dữ liệu của ứng dụng Thông thường, các đối tượng model lấy và lưu trạng thái của model trong CSDL Ví dụ như, một đối tượng Product (sản phẩm) sẽ lấy dữ liệu từ CSDL, thao tác trên dữ liệu và sẽ cập nhật dữ liệu trở lại vào bảng.
Trong các ứng dụng nhỏ, model thường là chỉ là một khái niệm nhằm phân biệt hơn là được cài đặt thực thụ, ví dụ, nếu ứng dụng chỉ đọc dữ liệu từ CSDL và gởi chúng đến.
Views: Views là các thành phần dùng để hiển thị giao diện người dùng (UI).
Thông thường, view được tạo dựa vào thông tin dữ liệu model Ví dụ như, view dùng để cập nhật bảng Products sẽ hiển thị các hộp văn bản, drop-down list, và các check box.
Controllers: Controller là các thành phần dùng để quản lý tương tác người dùng, làm việc với model và chọn view để hiển thị giao diện người dùng Trong một ứng dụng MVC, view chỉ được dùng để hiển thị thông tin, controller chịu trách nhiệm quản lý và đáp trả nội dung người dùng nhập và tương tác với người dùng Ví dụ, controller sẽ quản lý các dữ liệu người dùng gởi lên (query- string values).
Mẫu MVC giúp bạn tạo được các ứng dụng mà chúng phân tách rạch ròi các khía cạnh của ứng dụng (logic về nhập liệu, logic xử lý tác vụ và logic về giao diện) Mẫu MVC chỉ ra mỗi loại logic kể trên nên được thiếp lập ở đâu trên ứng dụng Logic giao diện (UI logic) thuộc về views Logic nhập liệu (input logic) thuộc về controller Và logic tác vụ (Business logic – là logic xử lý thông tin, mục đích chính của ứng dụng) thuộc về model Sự phân chia này giúp bạn giảm bớt được sự phức tạp của ứng dụng và chỉ tập trung vào mỗi khía cạnh cần được cài đặt ở mỗi thời điểm Ví dụ như bạn chỉ cần tập trung vào giao diện (views) mà không phải quan tâm đến logic xử lý thông tin của ứng dụng. Để quản lý sự phức tạp của ứng dụng, mẫu MVC giúp cho chúng ta có thể kiểm thử ứng dụng dễ dàng hơn hẳn so với khi áp dụng mẫu Web Forms Ví dụ, trong một ứng dụng ASP.NET Web Forms, một lớp thường được sử dụng để hiển thị thông tin xuất ra cho người dùng và đồng thời xử lý thông tin người dùng nhập. Việc xây dựng các bộ test tự động cho ứng dụng Web Forms là rất phức tạp, bởi để kiểm thử mỗi trang web, bạn phải khởi tạo đối tượng trang, khởi tạo tất cả các control được sử dụng trong trang và các lớp phụ thuộc trong ứng dụng Và bởi vì có quá nhiều lớp cần được khởi tạo để chạy được trang, thật khó để có thể viết các test chỉ tập trung vào một khía cạnh nào đó của ứng dụng Và vì thế, kiểm thử đối với các ứng dụng dứa trên nền tảng Web Forms sẽ khó khăn hơn nhiều so với khi áp dụng trên ứng dụng MVC Hơn thế nữa, việc kiểm thử trên nền tảng Web Forms yêu cầu phải sử dụng đến web server.
Nền tảng MVC phân tách các thành phần và sử dụng các interface (khái niệm giao diện trong lập trình hướng đối tượng), và nhờ đó có thể kiểm thử các thành phần riêng biệt trong tình trạng phân lập với các yếu tố còn lại của ứng dụng.
Sự phân tách rạch ròi ba thành phần của ứng dụng MVC còn giúp cho việc lập trình diễn ra song song Ví dụ như một lập trình viên làm việc với view, lập trình viên thứ hai lo cài đặt logic của controller và lập trình viên thứ ba có thể tập trung vào logic tác vụ của model tại cùng một thời điểm.
Bạn cần phải xem xét kỹ càng việc áp dụng mô hình ASP.NET MVC hay mô hình ASP.NET Web Forms khi xây dựng một ứng dụng Mô hình MVC không phải là mô hình thay thế cho Web Forms, bạn có thể dùng một trong hai mô hình.
Trước khi quyết định sử dụng MVC hay Web Forms cho một web site cụ thể, bạn cần phải phân tích lợi ích khi chọn một trong hai hướng.
Một ứng dụng web được phát triển theo mô hình MVC, có nguyên lý hoạt động xử lý yêu cầu của người dùng như sau:
Khi có yêu cầu phát sinh từ người dùng (phía Client), yêu cầu này sẽ được gửi đến phía Server, tại đây Controller sẽ tiếp nhận yêu cầu để xử lý.
CÁC GIAO DIỆN CỦA WEBSITE
Giao diện đăng nhập
Hệ thống chạy nội bộ nên để sử dụng các chức năng của hệ thống thì bắt buộc phải đăng nhập Hệ thống đăng nhập có validate các trường bắt buộc, kiểm tra thông tin đăng nhập của người dùng được cấp phép vào hệ thống.
Giao diện trang chủ
Giúp người quản lý năm bắt được các thông tin về lịch công tác giáo viên, danh sách giáo viên, danh sách lớp học, ghi chú công việc, tiện ích
Người có tài khoản quản trị trong hệ thống.
Giao diện quản lý sinh viên
Trang quản lý danh sách sinh viên, người dùng có thể xem được các thông tin của sinh viên như têm, lớp, số điện, thoại, địa chỉ.
Người dùng có thể thêm, cập nhật dữ liệu bằng cách click button “thêm mới” và
“Sửa” hoặc xoá dữ liệu bằng cách click vào button “xoá”.
Người dùng có thể sắp xếp các trường thông tin thông qua các phím mũi tên trên bảng và tìm kiếm thông tin trong bảng bằng cách nhập thông tin vào textbox tìm kiếm Dropdownlist “show” là lựa chọn item trên một bảng.
Người có tài khoản quản trị trong hệ thống.
Giao diện quản lý loại lịch công tác
Trang quản lý danh sách loại lịch công tác người dùng có thể xem được các thông tin của loại lịch công tác như tên công việc, mô tả công việc, trạng thái công việc.
Người dùng có thể thêm, cập nhật dữ liệu bằng cách click button “thêm mới” và
“Sửa” hoặc xoá dữ liệu bằng cách click vào button “xoá”.
Người dùng có thể sắp xếp các trường thông tin thông qua các phím mũi tên trên bảng và tìm kiếm thông tin trong bảng bằng cách nhập thông tin vào textbox tìm kiếm Dropdownlist “show” là lựa chọn item trên một bảng.
Người có tài khoản quản trị trong hệ thống.
Giao diện quản lý lớp học
Trang quản lý danh sách lớp học, người dùng có thể xem được các thông tin của lớp học như tên lớp, giáo viên chủ nhiệm, khoa.
Người dùng có thể thêm, cập nhật dữ liệu bằng cách click button “thêm mới” và
“Sửa” hoặc xoá dữ liệu bằng cách click vào button “xoá”.
Người dùng có thể sắp xếp các trường thông tin thông qua các phím mũi tên trên bảng và tìm kiếm thông tin trong bảng bằng cách nhập thông tin vào textbox tìm kiếm Dropdownlist “show” là lựa chọn item trên một bảng.
Người có tài khoản quản trị trong hệ thống
Giao diện quản lý người dùng
Trang quản lý danh sách user, người dùng có thể xem được các thông tin của người dùng như tên người dùng,tài khoản, quyền, trạng thái, số điện thoại Người dùng có thể thêm, cập nhật dữ liệu bằng cách click button “thêm mới” và
“Sửa” hoặc xoá dữ liệu bằng cách click vào button “xoá”.
Người dùng có thể sắp xếp các trường thông tin thông qua các phím mũi tên trên bảng và tìm kiếm thông tin trong bảng bằng cách nhập thông tin vào textbox tìm kiếm Dropdownlist “show” là lựa chọn item trên một bảng.
Người có tài khoản quản trị trong hệ thống
Giao diện quản lý giáo viên
Trang quản lý danh sách giáo viên, người dùng có thể xem được các thông tin của giáo viên như tên giáo viên, số điện thoại, địa chỉ, ngày sinh, giới tính.
Người dùng có thể thêm, cập nhật dữ liệu bằng cách click button “thêm mới” và
“Sửa” hoặc xoá dữ liệu bằng cách click vào button “xoá”.
Người dùng có thể sắp xếp các trường thông tin thông qua các phím mũi tên trên bảng và tìm kiếm thông tin trong bảng bằng cách nhập thông tin vào textbox tìm kiếm Dropdownlist “show” là lựa chọn item trên một bảng.
Người có tài khoản quản trị trong hệ thống
Giao diện quản lý khoa
Trang quản lý danh sách khoa, người dùng có thể xem được các thông tin của giáo viên như tên khoa, địa chỉ, mô tả, ngày thành lập.
Người dùng có thể thêm, cập nhật dữ liệu bằng cách click button “thêm mới” và
“Sửa” hoặc xoá dữ liệu bằng cách click vào button “xoá”.
Người dùng có thể sắp xếp các trường thông tin thông qua các phím mũi tên trên bảng và tìm kiếm thông tin trong bảng bằng cách nhập thông tin vào textbox tìm kiếm Dropdownlist “show” là lựa chọn item trên một bảng.
Người có tài khoản quản trị trong hệ thống.
Thông tin các sự kiện
Tranh danh sách ghi lại các sự kiện ghi chú thông qua ghi chú công việc từ trang chủ, quản trị viên được phép xoá sự kiện.
Người có tài khoản quản trị trong hệ thống.