Nghiên cứu xây dựng website quản lý hoạt động câu lạc bộ tin học

TRƢỜNG ĐẠI HỌC SƢ PHẠM – ĐẠI HỌC ĐÀ NẴNG KHOA TIN HỌC BÁO CÁO KHÓA LUẬN TỐT NGHIỆP Đề tài: NGHIÊN CỨU XÂY DỰNG WEBSITE QUẢN LÝ HOẠT ĐỘNG CÂU LẠC BỘ TIN HỌC Giảng viên hƣớng dẫn : TS NGUYỄN HOÀNG HẢI Sinh viên thực : NGUYỄN QUANG DŨNG Lớp sinh hoạt : 14CNTT ĐÀ NẴNG, 04/2018 NGHIÊN CỨU XÂY DỰNG WEBSITE QUẢN LÝ HOẠT ĐỘNG CÂU LẠC BỘ TIN HỌC i LỜI CẢM ƠN Lời đầu tiên, xin chân thành cảm ơn quý thầy cô khoa Tin học quý thầy cô giảng dạy công tác trường Đại học Sư Phạm - Đại học Đà Nẵng truyền đạt kiến thức quý báu cho năm học vừa qua Đặc biệt, xin chân thành cảm ơn TS Nguyễn Hoàng Hải, trường Đại học Sư phạm – Đại học Đà Nẵng tận tình hướng dẫn, giúp đỡ suốt thời gian thực đề tài Mặc dù cố gắng để hoàn thành dự án phạm vi cho phép khả năng, khơng tránh khỏi sai sót thiếu sót số chức hệ thống Vì vậy, tơi mong muốn nhận nhắc nhở đóng góp ý kiến quý giá từ thầy cô để hệ thống đề tài tơi hồn thiện Xin trân trọng cảm ơn! Đà Nẵng, ngày tháng năm 2018 Sinh viên thực Nguyễn Quang Dũng Nguyễn Quang Dũng – 14CNTT (2014-2018) NGHIÊN CỨU XÂY DỰNG WEBSITE QUẢN LÝ HOẠT ĐỘNG CÂU LẠC BỘ TIN HỌC ii LỜI CAM ĐOAN Tôi xin cam đoan nội dung luận văn thực hướng dẫn trực tiếp TS Nguyễn Hoàng Hải Mọi tham khảo dùng luận văn trích dẫn rõ ràng tên tác giả, tên cơng trình, thời gian, địa điểm công bố Mọi chép không hợp lệ, vi phạm quy chế đào tạo, hay gian trá, xin chịu hoàn toàn trách nhiệm Sinh viên thực Nguyễn Quang Dũng Nguyễn Quang Dũng – 14CNTT (2014-2018) NGHIÊN CỨU XÂY DỰNG WEBSITE QUẢN LÝ HOẠT ĐỘNG CÂU LẠC BỘ TIN HỌC iii MỤC LỤC DANH MỤC BẢNG BIỂU vi DANH MỤC HÌNH ẢNH viii DANH MỤC VIẾT TẮT ix MỞ ĐẦU 1 Lý chọn đề tài Mục tiêu nhiệm vụ nghiên cứu 2.1 Mục tiêu nghiên cứu 2.2 Nhiệm vụ nghiên cứu Đối tƣợng phạm vi nghiên cứu 3.1 Đối tƣợng nghiên cứu 3.2 Phạm vi nghiên cứu Phƣơng pháp nghiên cứu Giải pháp đề xuất Kết dự kiến 6.1 Lý thuyết 6.2 Thực tiễn Bố cục đề tài CHƢƠNG 1: CƠ SỞ LÝ THUYẾT Ngôn ngữ Java 1.1 Tổng quan ngôn ngữ Java 1.2 Môi trƣờng công cụ phát triễn Nguyễn Quang Dũng – 14CNTT (2014-2018) NGHIÊN CỨU XÂY DỰNG WEBSITE QUẢN LÝ HOẠT ĐỘNG CÂU LẠC BỘ TIN HỌC iv HTML CSS Boostrap 3.1 CSS 3.2 Bootstrap JavaScript JQuery 4.1 JavaScript 4.2 JQuery Mơ hình MVC Spring Web MVC 11 Spring Security 12 Hệ quản trị sở liệu MySQL 12 Kết chƣơng 12 CHƢƠNG 2: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 13 Đặt vấn đề 13 Yêu cầu chức 13 Yêu cầu phi chức 13 Phân tích thiết kế hệ thống 13 4.1 Đặc tả yêu cầu hệ thống 13 4.2 Thiết kế sở liệu 30 4.3 Sơ đồ lớp 35 4.4 Sơ đồ 35 Kết chƣơng 44 Nguyễn Quang Dũng – 14CNTT (2014-2018) NGHIÊN CỨU XÂY DỰNG WEBSITE QUẢN LÝ HOẠT ĐỘNG CÂU LẠC BỘ TIN HỌC v CHƢƠNG 3: THỬ NGHIỆM VÀ ĐÁNH GIÁ 45 Kết thực tiễn 45 1.1 Về đề tài 45 1.2 Về kiến thức 45 Một số hình ảnh thử nghiệm 46 Kết chƣơng 52 KẾT LUẬN VÀ HƢỚNG PHÁT TRIỂN 53 Kết luận 53 Hƣớng phát triển 53 TÀI LIỆU THAM KHẢO 54 PHỤ LỤC 55 Nguyễn Quang Dũng – 14CNTT (2014-2018) NGHIÊN CỨU XÂY DỰNG WEBSITE QUẢN LÝ HOẠT ĐỘNG CÂU LẠC BỘ TIN HỌC vi DANH MỤC BẢNG BIỂU Bảng 1.1: Các phiên Java phát hành Bảng 1.2: Các thẻ HTML thƣờng dùng theo thứ tự A-Z Bảng 2.1: Danh sách use case 17 Bảng 2.2: Mô tả use case đăng ký 18 Bảng 2.3: Mô tả use case đăng nhập 19 Bảng 2.4: Mô tả use case xem thông báo, tin tức, hoạt động 19 Bảng 2.5: Mơ tả use case tìm kiếm thơng báo, tin tức, hoạt động 20 Bảng 2.6: Mô tả use case đăng ký tham gia hoạt động 20 Bảng 2.7: Mô tả use case cập nhập thông tin cá nhân 21 Bảng 2.8: Mô tả use case đăng xuất 21 Bảng 2.9: Mô tả use case đóng góp ý kiến 22 Bảng 2.10: Mô tả use case quản lý tài khoản 23 Bảng 2.11: Mô tả use case quản lý thể loại tin 24 Bảng 2.12: Mô tả use case quản lý thông báo, tin tức 25 Bảng 2.13: Mô tả use case quản lý hoạt động 26 Bảng 2.14: Mô tả use case quản lý chức vụ 26 Bảng 2.15: Mô tả use case quản lý chức vụ 28 Bảng 2.16: Mô tả use case phân quyền truy cập 28 Bảng 2.17: Mô tả use case quản lý nội quy 30 Bảng 2.18: Mô tả use case điểm danh hoạt động 30 Bảng 2.19: Bảng liệu tài khoản 31 Bảng 2.20: Bảng liệu nội quy 32 Bảng 2.21: Bảng liệu ý kiến, đóng góp 32 Bảng 2.22: Bảng liệu thể loại tin 32 Bảng 2.23: Bảng liệu tin tức 32 Bảng 2.24: Bảng liệu vụ 32 Nguyễn Quang Dũng – 14CNTT (2014-2018) NGHIÊN CỨU XÂY DỰNG WEBSITE QUẢN LÝ HOẠT ĐỘNG CÂU LẠC BỘ TIN HỌC vii Bảng 2.25: Bảng liệu quyền truy cập 33 Bảng 2.26: Bảng liệu quyền truy cập chức vụ 33 Bảng 2.27: Bảng liệu hoạt động 33 Bảng 2.28: Bảng liệu tham gia hoạt động 33 Bảng 2.29: Bảng liệu điểm danh 34 Bảng 2.30: Bảng liệu chi tiết điểm danh 34 Nguyễn Quang Dũng – 14CNTT (2014-2018) NGHIÊN CỨU XÂY DỰNG WEBSITE QUẢN LÝ HOẠT ĐỘNG CÂU LẠC BỘ TIN HỌC viii DANH MỤC HÌNH ẢNH Hình 1.1: Mơ hình MVC 10 Hình 1.2: Luồng liệu Spring Web MVC 11 Hình 2.1: Sơ đồ use case tơng qt 14 Hình 2.2: Sơ đồ use case khách vãng lai 15 Hình 2.3: Sơ đồ use case thành viên 16 Hình 2.4: Sơ đồ use case ban quản trị 17 Hình 2.5: Sơ đồ sở liệu 31 Hình 2.6: Sơ đồ lớp 35 Hình 2.7: Sơ đồ đăng ký 36 Hình 2.8: Sơ đồ đăng nhập 37 Hình 2.9: Sơ đồ quản lý thông tin cá nhân 38 Hình 2.10: Sơ đồ xem tin tức 39 Hình 2.11: Sơ đồ tìm kiếm tin tức 39 Hình 2.12: Sơ đồ đăng ký tham gia hoạt động 40 Hình 2.13: Sơ đồ thêm hoạt động 41 Hình 2.14: Sơ đồ cập nhập hoạt động 42 Hình 2.15: Sơ đồ xóa hoạt động 43 Hình 2.16: Sơ đồ gửi ý kiến đóng góp 44 Hình 3.1: Trang đăng nhập 46 Hình 3.2: Trang chủ 47 Hình 3.3: Chi tiết tin tức 48 Hình 3.4: Danh sách hoạt động 49 Hình 3.5: Chi tiết hoạt động 50 Hình 3.6: Trang quản lý 50 Hình 3.7: Trang quản lý hoạt động 51 Hình 3.8: Trang quản lý hoạt động 51 Hình 3.9: Trang thống kê tài khoản 52 Nguyễn Quang Dũng – 14CNTT (2014-2018) NGHIÊN CỨU XÂY DỰNG WEBSITE QUẢN LÝ HOẠT ĐỘNG CÂU LẠC BỘ TIN HỌC DANH MỤC VIẾT TẮT Từ viết tắt MVC HTML AJAX CSS CSDL Ý nghĩa Model – View – Controller Hyper Text Markup Language Asynchronous JavaScript and XML Cascading Style Sheets Cơ sở liệu Nguyễn Quang Dũng – 14CNTT (2014-2018) ix NGHIÊN CỨU XÂY DỰNG WEBSITE QUẢN LÝ HOẠT ĐỘNG CÂU LẠC BỘ TIN HỌC 44 Sơ đồ gửi ý kiến đóng góp Hình 2.16: Sơ đồ gửi ý kiến đóng góp Kết chƣơng Để xây dựng phát triển hệ thống việc phân tích thiết kế hệ thống điều tất yếu Trên phân tích thiết kế hệ thống hƣớng đối tƣợng từ đối tƣợng đến chức cụ thể Các công việc phân tích thiết kế hệ thống: - Đặc tả yêu cầu hệ thống, liệt kê chức - Thiết kế sơ đồ use case, phân tích chức cụ thể - Thiết kế sơ đồ lớp, phân tích cấu trúc quan hệ thành phần tạo nên hệ thống - Thiết kế sơ đồ tuần tự, phân tích luồng chức Nguyễn Quang Dũng – 14CNTT (2014-2018) NGHIÊN CỨU XÂY DỰNG WEBSITE QUẢN LÝ HOẠT ĐỘNG CÂU LẠC BỘ TIN HỌC 45 CHƢƠNG 3: THỬ NGHIỆM VÀ ĐÁNH GIÁ Kết thực tiễn 1.1 Về đề tài Đề tài hỗ trợ cho thành viên câu lạc nhƣ ban quản lý câu lạc bơ tin học tìm kiếm thông tin, tham gia hoạt động, quản lý hoạt động cách hiệu Kết đạt đƣợc nhƣ sau: - Một trang web hiển thị đầy đủ thông tin hoạt động câu lạc tin học - Thành viên linh hoạt việc tham gia hoạt động câu lạc - Tìm kiếm thơng tin tin tức, kiện cách dễ dàng - Ban quản lý câu lạc tiếp thu đƣợc nhiều ý kiến từ thành viên 1.2 Về kiến thức - Nâng cao khả lập trình, củng cố kiến thức Java Spring Framewok - Kỹ phân tích, thiết kế hƣớng đối tƣợng nhƣ kỹ nghiên cứu tài đƣợc cải thiện đáng kể Nguyễn Quang Dũng – 14CNTT (2014-2018) NGHIÊN CỨU XÂY DỰNG WEBSITE QUẢN LÝ HOẠT ĐỘNG CÂU LẠC BỘ TIN HỌC Một số hình ảnh thử nghiệm Hình 3.1: Trang đăng nhập Nguyễn Quang Dũng – 14CNTT (2014-2018) 46 NGHIÊN CỨU XÂY DỰNG WEBSITE QUẢN LÝ HOẠT ĐỘNG CÂU LẠC BỘ TIN HỌC Hình 3.2: Trang chủ Nguyễn Quang Dũng – 14CNTT (2014-2018) 47 NGHIÊN CỨU XÂY DỰNG WEBSITE QUẢN LÝ HOẠT ĐỘNG CÂU LẠC BỘ TIN HỌC Hình 3.3: Chi tiết tin tức Nguyễn Quang Dũng – 14CNTT (2014-2018) 48 NGHIÊN CỨU XÂY DỰNG WEBSITE QUẢN LÝ HOẠT ĐỘNG CÂU LẠC BỘ TIN HỌC Hình 3.4: Danh sách hoạt động Nguyễn Quang Dũng – 14CNTT (2014-2018) 49 NGHIÊN CỨU XÂY DỰNG WEBSITE QUẢN LÝ HOẠT ĐỘNG CÂU LẠC BỘ TIN HỌC Hình 3.5: Chi tiết hoạt động Hình 3.6: Trang quản lý Nguyễn Quang Dũng – 14CNTT (2014-2018) 50 NGHIÊN CỨU XÂY DỰNG WEBSITE QUẢN LÝ HOẠT ĐỘNG CÂU LẠC BỘ TIN HỌC Hình 3.7: Trang quản lý hoạt động Hình 3.8: Trang quản lý hoạt động Nguyễn Quang Dũng – 14CNTT (2014-2018) 51 NGHIÊN CỨU XÂY DỰNG WEBSITE QUẢN LÝ HOẠT ĐỘNG CÂU LẠC BỘ TIN HỌC 52 Hình 3.9: Trang thống kê tài khoản Kết chƣơng Hệ thống quản lý hoạt động câu lạc tin học dần hoàn thiện đƣợc đƣa vào thử nghiệm, đánh giá Việc thử nghiệm đánh giá mức độ làm việc chức hệ thống đem lại kết thực tiễn, cho thấy mặt tích cực mặt hạn chế hệ thống Nguyễn Quang Dũng – 14CNTT (2014-2018) NGHIÊN CỨU XÂY DỰNG WEBSITE QUẢN LÝ HOẠT ĐỘNG CÂU LẠC BỘ TIN HỌC 53 KẾT LUẬN VÀ HƢỚNG PHÁT TRIỂN Kết luận Sau khoảng thời gian thực đồ án, với nổ lực thân hƣớng dẫn thầy Nguyễn Hoàng Hải, đồ án hoàn thành đáp ứng đƣợc yêu cầu đặt Kết đạt đƣợc: Tích cực Sử dụng kiến thức học để áp dụng vào việc lập kế hoạch, triển khai phát triển hệ thống Kỹ tự học, tự nghiên cứu, kỹ tiếng anh đƣợc cải thiện đáng kể Học hỏi đƣợc nhiều kinh nghiệm việc phát triển website Hạn chế Kiến thức, kinh nghiệm lập trình cịn yếu, sản phẩm đơn giản, chƣa xử lý logic nhiều Hƣớng phát triển Cải thiện giao diện dễ dùng thân thiện Thêm chức xuất file excel Thêm chức đăng video giảng tải tài liệu Nguyễn Quang Dũng – 14CNTT (2014-2018) NGHIÊN CỨU XÂY DỰNG WEBSITE QUẢN LÝ HOẠT ĐỘNG CÂU LẠC BỘ TIN HỌC TÀI LIỆU THAM KHẢO Tiếng Anh [1] HTML and CSS, truy cập ngày 10 tháng 12 năm 2017, https://www.w3schools.com [2] Jquery, truy cập ngày tháng năm 2018, https://jquery.com [3] Spring Framework, truy cập ngày 15 tháng năm 2017, https://docs.spring.io/spring/docs/4.3.16.RELEASE/spring-frameworkreference/htmlsingle/ [4] Joel Murach, Micheal Urban (2015), Murach’s beginning Java with Eclipse Tiếng Việt [5] Hệ quản trị sở liệu MySQL, truy cập ngày 20 tháng năm 2018, https://kungfuphp.com/mysql/gioi-thieu-ve-he-quan-tri-co-so-du-lieumysql.html [6] HTML, truy cập ngày 10 tháng 12 năm 2017, https://vi.wikipedia.org/wiki/HTML [7] Java bản, truy cập ngày 23 tháng năm 2017, http://vietjack.com/java/ Nguyễn Quang Dũng – 14CNTT (2014-2018) 54 NGHIÊN CỨU XÂY DỰNG WEBSITE QUẢN LÝ HOẠT ĐỘNG CÂU LẠC BỘ TIN HỌC 55 PHỤ LỤC Bảng khảo sát cho đề tài trang quản lý hoạt động câu lạc tin học Trƣờng Đại học Sƣ phạm Đà Nẵng Đề tài thực khảo sát 20 phiếu ý kiến, cụ thể nhƣ sau: Nguyễn Quang Dũng – 14CNTT (2014-2018) NGHIÊN CỨU XÂY DỰNG WEBSITE QUẢN LÝ HOẠT ĐỘNG CÂU LẠC BỘ TIN HỌC Những chức bạn mong muốn có website? + Đăng ký tham gia hoạt động trực tuyến + Cho phép điểm danh trực tuyến + Có thể tải tài liệu hƣớng dẫn + Hiện thị lịch tham gia hoạt động + Tìm kiếm thơng tin tin tức dễ dàng Nguyễn Quang Dũng – 14CNTT (2014-2018) 56 NGHIÊN CỨU XÂY DỰNG WEBSITE QUẢN LÝ HOẠT ĐỘNG CÂU LẠC BỘ TIN HỌC 57 NHẬN XÉT CỦA GIẢNG VIÊN HƢỚNG DẪN Đà Nẵng, ngày tháng năm 2018 Giảng viên hướng dẫn TS Nguyễn Hoàng Hải Nguyễn Quang Dũng – 14CNTT (2014-2018) NGHIÊN CỨU XÂY DỰNG WEBSITE QUẢN LÝ HOẠT ĐỘNG CÂU LẠC BỘ TIN HỌC 58 NHẬN XÉT CỦA HỘI ĐỒNG PHẢN BIỆN Đà Nẵng, ngày tháng năm 2018 Hội đồng phản biện Nguyễn Quang Dũng – 14CNTT (2014-2018) ... thống quản lý hoạt động câu lạc tin học - Xây dựng website quản lý câu lạc tin học 2.2 Nhiệm vụ nghiên cứu - Đƣa thông tin hoạt động câu lạc tin học lên website, giúp cho thành viên câu lạc tiếp... (2014-2018) ix NGHIÊN CỨU XÂY DỰNG WEBSITE QUẢN LÝ HOẠT ĐỘNG CÂU LẠC BỘ TIN HỌC MỞ ĐẦU Lý chọn đề tài Hiện công việc quản lý hoạt động câu lạc tin học cịn thủ cơng, thơng tin tin tức, kiện truyền... (2014-2018) NGHIÊN CỨU XÂY DỰNG WEBSITE QUẢN LÝ HOẠT ĐỘNG CÂU LẠC BỘ TIN HỌC Sơ đồ đăng ký Hình 2.7: Sơ đồ đăng ký Nguyễn Quang Dũng – 14CNTT (2014-2018) 36 NGHIÊN CỨU XÂY DỰNG WEBSITE QUẢN LÝ HOẠT ĐỘNG