Tìm hiểu mô hình mvc và xây dựng ứng dụng quản lý khảo sát chất lượng dạy và học của khoa công nghệ thông tin

TRƯỜNG ĐẠI HỌC VINH KHOA CÔNG NGHỆ THÔNG TIN BÁO CÁO ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC Tên đồ án: TÌM HIỂU MƠ HÌNH MVC VÀ XÂY DỰNG ỨNG DỤNG QUẢN LÝ KHẢO SÁT CHẤ ƢỢNG DẠY VÀ HỌC CỦA KHOA CÔNG NGHỆ THÔNG TIN Nghệ An, tháng 01 năm 2016 TRƯỜNG ĐẠI HỌC VINH KHOA CÔNG NGHỆ THÔNG TIN BÁO CÁO ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC Tên đồ án: TÌM HIỂU MƠ HÌNH MVC VÀ XÂY DỰNG ỨNG DỤNG QUẢN LÝ KHẢO SÁT CHẤ ƢỢNG DẠY VÀ HỌC CỦA KHOA CÔNG NGHỆ THÔNG TIN Sinh viên thực hiện: u – Mã sinh viên: 1151073694 Lớp: 52K2 - CNTT Giáo viên hướng dẫn: ThS Nguyễn Quang Ninh Nghệ An, tháng 01 năm 2016 LỜI CẢM Ơ Trong suốt quãng thời gian học tập khoa Công nghệ thông tin, trường Đại học Vinh, lựa chọn sáng suốt cho đường tương lai thân Trong năm tháng học tập giảng đường Đại học, em nhận nhiều quan tâm, giúp đỡ, bảo tận tình q Thầy, Cơ khoa Cơng nghệ thông tin kỹ sư tâm hồn, người lái đò đưa chúng em đến bến bờ tri thức Với lòng biết ơn sâu sắc nhất, em xin gửi lời cảm ơn chân thành đến quý Thầy, Cô khoa Công nghệ thông tin – Trường Đại học Vinh người dành hết tri thức, tâm huyết để truyền đạt vốn kiến thức quý báu cho chúng em suốt thời gian học tập trường Em xin gửi lời cảm ơn đến lãnh đạo Nhà trường - Trường Đại học Vinh, lãnh đạo khoa Công nghệ thông tin, tổ chức buổi giao lưu doanh nghiệp sinh viên thực bổ ích, giúp chúng em có hội thực tập sau tốt nghiệp chúng em nhận vào làm việc Công ty FPT software Đà Nẵng Em xin gửi lời cảm ơn chân thành đến thầy giáo ThS Nguyễn Quang Ninh tận tâm hướng dẫn em hoàn thành đề tài đồ án tốt nghiệp Đề tài đồ án thực khoảng thời gian tháng Bước đầu vào thức tế, tìm hiểu đề tài, kiến thức em cịn hạn chế cịn nhiều bỡ ngỡ Do vậy, khơng tránh khỏi thiếu sót, em mong nhận ý kiến đóng góp quý báu quý Thầy, Cô để đề tài đồ án em hồn thiện Sau cùng, em xin kính chúc q Thầy, Cô, Ban lãnh đạo khoa Công nghệ thông tin, Ban lãnh đạo nhà trường thật dồi sức khỏe, niềm tin để tiếp tục thực sứ mệnh cao đẹp mình, truyền đạt kiến thức, chèo lái đò cập bến tương lai cho hệ mai sau Một lần em xin chân thành cảm ơn! Tp Vinh, ngày tháng năm 2015 Sinh viên thực Lê Thị Thu Na Đồ án tốt nghiệp đại học MỤC LỤC A MỞ ĐẦU .7 Lý chọn đề tài Mục đích Phần mềm công cụ sử dụng Dự kiến kết đạt B NỘI DUNG: CHƯ NG I T M HI U M H NH MVC .8 Khái niệm mơ hình MVC Mẫu mơ hình MVC .8 Ưu điểm nhược điểm CHƯ NG II XÂY DỰNG ỨNG DỤNG SỬ DỤNG MƠ HÌNH MVC 10 Giới thiệu Struts - MVC 10 1.1 Khái niệm .10 1.2 Tiến trình hoạt động framework Struts 10 1.3 Cấu trúc Struts 11 1.4 Các thành phần ứng dụng Struts 12 1.5 Các file cấu hình cần thiết để xây dựng ứng dụng Struts 12 1.6 Ưu điểm Struts (so với MVC không sử dụng Struts) 13 1.7 Nhược điểm Struts 13 Tổng quan 15 2.1 Chức 15 2.2 Tác nhân .15 2.3 Phân tích Database 16 2.3.1 Database Diagram 16 2.3.2 Thông tin chi tiết bảng 16 2.3.2.1 Bảng khóa học 16 2.3.2.2 Bảng lớp học 17 2.3.2.3 Bảng người dùng .17 2.3.2.4 Bảng giảng viên 18 2.3.2.5 Bảng môn học 18 2.3.2.6 Bảng giảng dạy 18 2.3.2.7 Bảng phiếu khảo sát 19 2.3.2.8 Bảng loại phiếu 20 Lê Th Thu Na – Lớp 52K2 – Khoa Công nghệ thông tin Đồ án tốt nghiệp đại học 2.3.2.9 Bảng nội dung 20 2.3.2.10 Bảng chi tiết nội dung 21 2.3.2.11 Bảng nội dung 21 2.3.2.12 Bảng kết 22 2.3.2.13 Bảng chi tiết kết 22 2.3.2.14 Bảng góp ý 23 2.3.2.15 Bảng đăng ký học phần 23 2.3.2.16 Bảng chi tiết đăng ký học phần 23 2.4 Sơ đồ chức hệ thống (Use Case) 24 2.4.1 Sơ đồ tổng thể 24 2.4.2 Sơ đồ chức 25 2.4.2.1 Quản lý Người dùng 25 2.4.2.2 Quản lý Khóa học 25 2.4.2.3 Quản lý Giảng viên 26 2.4.2.4 Quản lý Môn học .26 2.4.2.5 Quản lý Lớp học 27 2.4.2.6 Quản lý Giảng dạy 27 2.4.2.7 Quản lý Loại phiếu 28 2.4.2.8 Quản lý Phiếu 28 2.4.2.9 Quản lý Kết 29 2.4.2.10 Quản lý Góp ý 29 2.4.2.11 Thay đổi thông tin cá nhân 29 2.5 Thiết kế Giao diện - Mô tả chức 30 2.5.1 Đăng nhập 30 2.5.2 Quản lý Người dùng 31 2.5.2.1 Danh sách 31 2.5.2.2 Thêm Người dùng 33 2.5.2.3 Cập nhật thông tin Người dùng 37 2.5.2.4 Xóa Người dùng 40 2.5.2.5 Thay đổi mật 41 2.5.3 Quản lý Khóa học 43 2.5.3.1 Danh sách 43 2.5.3.2 Thêm Khóa học 45 2.5.3.3 Cập nhật thơng tin Khóa học 46 2.5.3.4 Xóa Khóa học 48 Lê Th Thu Na – Lớp 52K2 – Khoa Công nghệ thông tin Đồ án tốt nghiệp đại học 2.5.4 Quản lý Giảng viên 48 2.5.4.1 Danh sách 48 2.5.4.2 Thêm Giảng viên 50 2.5.4.3 Cập nhật thông tin Giảng viên .52 2.5.4.4 Xóa Giảng viên 53 2.5.5 Quản lý Lớp học 54 2.5.5.1 Danh sách 54 2.5.5.2 Thêm Lớp học 56 2.5.5.3 Cập nhật thông tin Lớp học .57 2.5.5.4 Xóa Lớp học 58 2.5.6 Quản lý Môn học 59 2.5.6.1 Danh sách 59 2.5.6.2 Thêm Môn học 61 2.5.6.3 Cập nhật thông tin Môn học 63 2.5.6.4 Xóa Mơn học 65 2.5.7 Quản lý Giảng dạy 65 2.5.7.1 Danh sách 65 2.5.7.2 Thêm Giảng dạy 67 2.5.7.3 Cập nhật thông tin Giảng dạy 69 2.5.7.4 Xóa Giảng dạy 70 2.5.8 Quản lý Loại phiếu 71 2.5.8.1 Danh sách 71 2.5.8.2 Cập nhật thông tin Loại phiếu 72 2.5.9 Quản lý Phiếu khảo sát 74 2.5.9.1 Danh sách 74 2.5.9.2 Thêm Phiếu 76 2.5.9.3 Cập nhật thông tin Phiếu 78 2.5.9.4 Xóa Phiếu 81 2.5.9.5 Quản lý Nội dung 81 2.5.9.5.1 Danh sách 81 2.5.9.5.2 Thêm nội dung 82 2.5.9.5.3 Cập nhật thông tin Nội dung 85 2.5.9.5.4 Xóa Nội dung 86 2.5.9.5.5 Thêm Chi tiết Nội dung 86 2.5.9.5.6 Cập nhật thông tin Chi tiết Nội dung 88 Lê Th Thu Na – Lớp 52K2 – Khoa Công nghệ thông tin Đồ án tốt nghiệp đại học 2.5.9.5.7 Xóa Chi tiết Nội dung .89 2.5.9.5.8 Thêm Nội dung Con 89 2.5.9.5.9 Cập nhật thông tin Nội dung Con .91 2.5.9.5.10 Xóa Nội dung Con 92 2.5 .6 Thống kê phiếu khảo sát 93 2.5.10 Quản lý Kết 94 2.5.10.1 Danh sách 94 2.5.10.2 Chi tiết kết 96 2.5.10.3 Xóa Kết 97 2.5.11 Quản lý Góp ý 97 2.5.11.1 Danh sách 97 2.5.11.2 Xóa Góp ý 98 2.5.12 Giao diện Trang chủ front-end) 100 2.5.12.1 Trang chủ .100 2.5.12.2 Cá nhân 101 2.5.12.2.1 Thông tin cá nhân 101 2.5.12.2.2 Đăng ký học phần 101 2.5.12.3 Khảo sát .102 2.5.12.3 Xem kết .107 2.5.12.4 Góp ý 108 2.5.12.5 Liên hệ 109 III Kết luận 109 IV Tài liệu tham khảo 110 Lê Th Thu Na – Lớp 52K2 – Khoa Công nghệ thông tin Đồ án tốt nghiệp đại học A MỞ ĐẦ Lý chọn đề tài Hiện nay, vấn đề xây dựng website khảo sát dạy học cho khoa CNTT vấn đề cần thiết vì: + Tính tiện lợi: khảo sát từ xa thông qua internet + Quản lý thông tin: chuyên nghiệp, quản lý, thống kê dễ dàng, tránh mát liệu thay lưu trữ thơng qua giấy tờ Website sử dụng mơ hình MVC (Model - View - Controller) kiến trúc phần mềm hay mơ hình thiết kế sử dụng kỹ thuật phần mềm Nó giúp cho developer tách ứng dụng họ thành phần khác Model, View Controller Mỗi thành phần có nhiệm vụ riêng biệt độc lập với thành phần khác Do việc áp dụng mơ hình vào dự án hợp lý Mục đíc Hiểu mơ hình MVC: khái niệm, thành phần cấu tạo, luồng làm việc ưu nhược điểm mơ hình Xây dựng ứng dụng Quản lý khảo sát kết dạy học khoa CNTT dựa mô hình MVC Phần mềm cơng cụ sử dụng - Eclipse - SQL Server - Trình duyệt: Chrome, Cốc cốc, FireFox, … - Sử dụng mơ hình MVC (Model-View-Controller) - Framework Struts Dự kiến kết đạt đƣợc Hiểu mơ hình MVC gì, cơng dụng ưu nhược điểm), cách thức hoạt động nhiệm vụ thành phần với Xây dựng ứng dụng “Quản lý khảo sát chất lượng dạy học khoa CNTT” thơng qua mơ hình MVC Lê Th Thu Na – Lớp 52K2 – Khoa Công nghệ thông tin Đồ án tốt nghiệp đại học B ỘI D G: C ƢƠ G I M IỂ M MVC Khái niệm mơ hình MVC MVC Design Pattern mẫu thiết kế) áp dụng rộng rãi hầu hết ngơn ngữ lập trình hướng đối tượng từ Java, C#, PHP, Visual C++… Model – View – Controller (MVC) mẫu thiết kế nhằm mục đích chia tách phần giao diện Code để dễ quản lý, phát triển bảo trì MVC chia ứng dụng phần mềm làm phần có tương tác với Model (dữ liệu), View (giao diện), Controller (Code điều khiển tương tác Model View nghiệp vụ Business) Mẫu mơ hình MVC Trong đó: - Model lớp chứa thơng tin đối tượng (Dữ liệu), tương tác với Database Chịu trách nhiệm mơ hình hóa đối tượng Lê Th Thu Na – Lớp 52K2 – Khoa Công nghệ thông tin Đồ án tốt nghiệp đại học - View giao diện hệ thống tương tác trực tiếp với người dùng - Controller nhận yêu cầu từ người dùng sử dụng Model View để xử lý trả kết cho người dùng Ƣu điểm n ƣợc điểm - Ưu điểm: + Hệ thống phân thành phần nên dễ dàng phát triển + Chia thành nhiều modul nhỏ nên nhiều người làm chung dự án + Bảo trì, nâng cấp dễ dàng + Dễ debug trình xây dựng + Thích hợp với dự án quy mơ lớn - Nhược điểm: + Xây dựng cầu kỳ, thời gian để xây dựng thư viện cấu trúc + Đối với dự án nhỏ việc áp dụng mơ hình MVC gây cồng kềnh, tốn thời gian trình phát triển Tốn thời gian trung chuyển liệu tầng Lê Th Thu Na – Lớp 52K2 – Khoa Công nghệ thông tin Đồ án tốt nghiệp đại học 2.5.10.2 Chi tiết kết Screen Xem chi tiết kết khảo sát môn học Description Cho phép người quản trị xem chi tiết kết khảo sát môn học chọn Screen Access Quản lý kết ->Xem chi tiết kết khảo sát =>Nhấn vào icon xem chi tiết dòng muốn xem chi tiết kết khảo sát môn học Screen Content Item Type Data Description Thông tin chung TextBox Hiển thị xem chi tiết kết khảo sát môn học Xem chi tiết kết khảo sát môn học chọn Xem thơng tin mục là: Thơng tin chung, nội dung, ý kiến khác String (50) Nội dung Ý kiến khác Screen Actions 96 Lê Th Thu Na – Lớp 52K2 – Khoa Công nghệ thông tin Đồ án tốt nghiệp đại học Action Name Description Success Về danh sách Quay lại trang danh sách Quay lại trang danh sách Failure 2.5.10.3 Xóa Kết Screen Xóa kết khảo sát Description Cho phép người quản trị viên xóa kết khảo sát Screen Access Quản lý kết khảo sát -> Xem danh mục ->Nhấn vào icon xóa dịng muốn xóa kết khảo sát mơn học 2.5.11 Quản lý Góp ý 2.5.11.1 Danh sách Screen Quản lý góp ý – Xem danh sách góp ý Description Hiển thị thông tin tất góp ý sở liệu Screen Access Quản góp ý –> Xem danh sách Screen Content Item Type Data Description 97 Lê Th Thu Na – Lớp 52K2 – Khoa Công nghệ thông tin Đồ án tốt nghiệp đại học Tiêu Đề Label - String GopY.TieuDe Tiêu đề góp ý Hiển thị nội dung góp ý (MAX) Nội dung Label - String (MAX) GopY.NoiDung Người góp ý Label - String NguoiDung.HoTen +Họ tên (MAX) NguoiDung.Email +Email NguoiDung.MaDN +Mã DN Thời gian Label - String GopY.ThoiGian +Thời gian (MAX) Tìm kiếm TexboxString(MAX) Dùng để gõ nội dung tìm kiếm Delete icon icon Cho phép xóa góp ý dịng Screen Actions Action Name Description Success Failure Tìm kiếm Tìm kiếm góp ý thỏa mãn tiêu chí Hiện thị danh sách kết Giữ nguyên danh sách trước tìm kiếm chưa tìm kiếm Xóa Khi nhấn delete icon Hiển thị hộp dịng hệ thống thoại thơng báo hỏi “Bạn có xác thực xóa muốn xóa khơng?” 2.5.11.2 Xóa Góp ý 98 Lê Th Thu Na – Lớp 52K2 – Khoa Công nghệ thông tin Đồ án tốt nghiệp đại học Screen Xóa Góp ý Description Cho phép người quản trị viên xóa Góp ý Screen Access Quản lý góp ý -> Xem danh mục ->Nhấn vào icon xóa dịng muốn xóa góp ý 99 Lê Th Thu Na – Lớp 52K2 – Khoa Công nghệ thông tin Đồ án tốt nghiệp đại học 2.5.12 Gi o diện r ng c ủ ront-end) Khi người dùng đăng nhập tài khoản sinh viên  Trang chủ hiển thị 2.5.12.1 r ng c ủ 100 Lê Th Thu Na – Lớp 52K2 – Khoa Công nghệ thông tin Đồ án tốt nghiệp đại học 2.5.12.2 C n n 2.5.12.2.1 Thông tin cá nhân Xem thông tin, sửa đổi thông tin cá nhân, thay đổi mật 2.5.12.2.2 Đăng ký ọc phần Chọn thông tin phù hợp đăng ký môn học Lưu lại cách nhấn nút lưu lại Hủy mơn đăng ký cách tích bỏ ô checkbox  Đăng ký học phần 101 Lê Th Thu Na – Lớp 52K2 – Khoa Công nghệ thông tin Đồ án tốt nghiệp đại học + Chọn lớp -> chọn môn học muốn đăng ký cách click vào ô check box DK -> Lưu lại  Hủy môn học đăng ký Tại bảng CÁC M N ĐÃ ĐĂNG KÝ -> check vào ô checkbox HỦY muốn hủy -> Lưu lại  Trạng thái Tại ô TT bảng CÁC M N ĐÃ ĐĂNG KÝ có loại “Đã lưu” “Chưa lưu” Điều muốn nói mơn học vừa chọn lưu xuống database hay chưa 2.5.12.3 Khảo sát Hiển thị danh sách khảo sát theo môn học đăng ký học phần, giảng viên dạy học phần khóa học sinh viên  Bên trái danh sách phiếu khảo sát Các phiếu có chữ “Đã khảo sát” có nghĩa phiếu người dùng khảo sát họ xem lại kết  Bên phải tìm kiếm theo tiêu đề phiếu, bảng Loại phiếu biểu diễn danh mục loại phiếu Nhăm hỗ trợ tìm kiếm theo loại nhanh 102 Lê Th Thu Na – Lớp 52K2 – Khoa Công nghệ thông tin Đồ án tốt nghiệp đại học Mục “Các phiếu bạn đánh” hiển thị danh sách phiếu khảo sát Khảo sát Khi người dùng nhấn vào tên phiếu nhấn vào chữ “Khảo sát” phiếu bên trái hệ thống chuyển tới trang khảo sát phiếu Người dùng check, điền thơng tin, nội dung vào ô checkbox, text bên 103 Lê Th Thu Na – Lớp 52K2 – Khoa Công nghệ thông tin Đồ án tốt nghiệp đại học sau nhấn nút “Gửi kết quả” đê gửi kết khảo sát cho quản trị viên Lưu ý: gửi lần ứng với phiếu khảo sát 104 Lê Th Thu Na – Lớp 52K2 – Khoa Công nghệ thông tin Đồ án tốt nghiệp đại học 105 Lê Th Thu Na – Lớp 52K2 – Khoa Công nghệ thông tin Đồ án tốt nghiệp đại học 106 Lê Th Thu Na – Lớp 52K2 – Khoa Công nghệ thông tin Đồ án tốt nghiệp đại học 2.5.12.3 Xem kết Sau người dùng khảo sát phiếu Người dùng xem lại kết khảo sát cách nhấn vào phiếu bảng bên phải “Các phiếu bạn đánh” click vào “Xem kết quả” phiếu giao diện danh sách phiếu 107 Lê Th Thu Na – Lớp 52K2 – Khoa Công nghệ thơng tin Đồ án tốt nghiệp đại học 2.5.12.4 Góp ý Người dùng nhập thông tin vào ô nhấn nút “Gửi” để gửi góp ý 108 Lê Th Thu Na – Lớp 52K2 – Khoa Công nghệ thông tin Đồ án tốt nghiệp đại học 2.5.12.5 Liên hệ Hiển thị thông tin liên hệ với quản trị, nhà trường III Kết luận Kết đạt đề tài Đề tài hồn thiện tính cần thiết cho website khảo sát chất lượng dạy học Giao diện bắt mắt, bố cục hài hòa Hạn chế đề tài Do trình độ kiến thức thân cịn hạn chế, thời gian kiểm thử chương trình ngắn nên không tránh khỏi lỗi xảy ra, việc khảo sát chất lượng dạy học website hạn chế cho khoa Hướng khắc phục phát triển đề tài Cần thời gian test whitebox, blackbox để bắt lỗi hồn thiện chương trình Mở rộng việc khảo sát chất lượng dạy học cho nhiều khoa 109 Lê Th Thu Na – Lớp 52K2 – Khoa Công nghệ thông tin Đồ án tốt nghiệp đại học IV Tài liệu tham khảo - Mơ hình MVC: + http://lmt.com.vn/home/php/tim-hieu-php/360-tim-hieu-mo-hinh-mvc-la-gi.html + http://freetuts.net/mvc-php-mo-hinh-mvc-la-gi-354.html - Struts MVC Java: + http://congdongjava.com/forum/threads/t%E1%BB%95ng-quan-v%E1%BB%81struts-framework-t%E1%BA%A1o-%E1%BB%A9ng-d%E1%BB%A5ng-mvcv%E1%BB%9Bi-struts-tr%C3%AAn-netbean.1990 - Java Tutorial (Simply Easy Learning by tutorialspoint.com) + http://www.tutorialspoint.com/java/java_tutorial.pdf - Struts Quick Start Tutorial + https://www.java.net/today/2004/05/20/Struts.pdf 110 Lê Th Thu Na – Lớp 52K2 – Khoa Công nghệ thông tin ... HỌC VINH KHOA CÔNG NGHỆ THÔNG TIN BÁO CÁO ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC Tên đồ án: TÌM HIỂU MƠ HÌNH MVC VÀ XÂY DỰNG ỨNG DỤNG QUẢN LÝ KHẢO SÁT CHẤ ƢỢNG DẠY VÀ HỌC CỦA KHOA CÔNG NGHỆ THÔNG... áp dụng mơ hình vào dự án hợp lý Mục đíc Hiểu mơ hình MVC: khái niệm, thành phần cấu tạo, luồng làm việc ưu nhược điểm mơ hình Xây dựng ứng dụng Quản lý khảo sát kết dạy học khoa CNTT dựa mơ hình. .. lý Môn học 26 Lê Th Thu Na – Lớp 52K2 – Khoa Công nghệ thông tin Đồ án tốt nghiệp đại học 2.4.2.5 Quản lý Lớp học 2.4.2.6 Quản lý Giảng dạy 27 Lê Th Thu Na – Lớp 52K2 – Khoa Công nghệ thông tin