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 ... 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