Xây dựng website quản lí mượn trả phòng và thiết bị trong trường đại 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ÊN ĐỀ TÀI XÂY DỰNG WEBSITE QUẢN LÍ MƯỢN TRẢ PHỊNG VÀ THIẾT BỊ TRONG TRƯỜNG ĐẠI HỌC Sinh viên CBHD Lớp : Nguyễn Phước Gia Bảo : TS Phạm Anh Phương : 16 CNTT01 ĐÀ NẴNG, 05/2020 LỜI MỞ ĐẦU Trong năm vừa qua cơng nghệ có phát triển vượt bậc với mạng máy tính kết nối tồn giới Rất nhiều cơng việc số hóa đơn giản vơi giúp đỡ máy tính Nhận thấy cần thiết việc cần trang web giúp cho việc mượn trả phòng, thiết bị giảng viên sinh viên quản lí tốt nên em xây dựng website vấn đề Em xin chân thành cảm ơn thầy Phạm Anh Phương thầy cô Khoa Tin Học Trường Đại Học Sư Phạm Đà Nẵng giúp đỡ em hồn thành khóa luận Trong q trình thực khóa luận chắn em không tránh khỏi khiếm khuyết, em xin trân trọng tiếp thu ý kiến đóng góp phản hồi quý Thầy, Cô Em xin trân trọng cảm ơn Đà Nẵng, ngày 07, tháng 05, năm 2020 Sinh viên thực Nguyễn Phước Gia Bảo NHẬN XÉT (Của giảng viên hướng dẫn) ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… TRƯỞNG KHOA GIẢNG VIÊN HƯỚNG DẪN TS Nguyễn Trần Quốc Vinh Ths Phạm Anh Phương Nguyễn Phước Gia Bảo – Lớp 16CNTT01 (2016-2020) SINH VIÊN Nguyễn Phước Gia Bảo NHẬN XÉT (Của giảng viên hội đồng phản biện) …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… Đà Nẵng, ngày tháng năm 2020 Hội đồng phản biện Nguyễn Phước Gia Bảo – Lớp 16CNTT01 (2016-2020) MỤC LỤC MỞ ĐẦU TỔNG QUAN VỀ ĐỀ TÀI 1 Giới thiệu đề tài Lí chọn đề tài Tính cấp thiết đề tài Mục tiêu đề tài Đối tượng nghiên cứu Phạm vi nghiên cứu Phương pháp nghiên cứu Kết dự kiến Bố cục CHƯƠNG I: CƠ SỞ LÝ THUYẾT 1.1 HTML (HyperText Markup Language) 1.2 CSS (Cascading Style Sheets) 1.3 JAVASCRIPT 1.4 BOOSTRAP 1.5 JAVA 1.5.1 Giới thiệu 1.5.2 Ứng dụng 1.5.3 Điểm mạnh Java 1.5.4 điểm yếu Java 10 1.6 SQL SERVER 10 CHƯƠNG II: PHÂN TÍCH VÀ THIẾT KẾT WEBSITE 12 Thu thập yêu cầu 12 Đối tượng sử dụng 12 Nguyễn Phước Gia Bảo – Lớp 16CNTT01 (2016-2020) Sơ đồ usecase 12 Luồng hệ thống 18 Mô tả chức 19 5.1 Đăng nhập 19 5.2 Trang chủ quản trị viên 20 5.3 Trang chủ người dùng 21 5.4 Quản lí thơng tin cá nhân 22 5.5 Quản lí tài khoản 24 5.6 Xem danh sách tài khoản 24 5.7 Đăng kí tài khoản 26 5.8 Chỉnh sửa thông tin người dùng 28 5.9 Xóa người dùng 30 Quản lí thiết bị 30 6.1 Xem danh sách thiết bị 31 6.2 Chi tiết thiết bị 32 6.3 Thêm thiết bị 33 6.4 Chỉnh sửa thiết bị 35 Quản lí phịng 36 7.1 Quản lí thơng báo 36 7.2 Quản lí mượn trả phòng 37 7.3 Quản lí mượn trả thiết bị 37 7.4 Mượn trả phòng 38 7.5 Mượn trả thiết bị 38 7.6 Thống kê, báo cáo 39 Yêu cầu phi chức yêu cầu khác 39 8.1 Hiệu suất 39 8.2 Bảo mật 39 8.3 Yêu cầu phần cứng 39 8.4 Độ tin cậy 39 8.5 Giao diện 39 8.6 Trình duyệt 40 Thiết kế sở liệu 40 9.1 Sơ đồ Diagram 40 Nguyễn Phước Gia Bảo – Lớp 16CNTT01 (2016-2020) 9.2 Bảng User (người dùng) 41 9.3 Bảng Room (phòng) 41 9.4 Bảng RoomBorrow (mượn phòng) 42 9.5 Bảng Table (bàn) 43 9.6 Bảng LapTop (máy tính xách tay) 43 9.7 Bảng PC 44 9.8 Bảng Chair (ghế) 44 9.9 Bảng CommonEquipment (thiết bị khác) 45 9.10 Bảng BorrowEquipment (mượn thiết bị) 45 9.11 Bảng BorrowEquipmentList (danh sách thiết bị mượn) 46 9.12 Bảng OfficeArea (khu nhà) 46 9.13 Bảng Floor (tầng) 46 CHƯƠNG III: XÂY DỰNG WEBSITE 47 Xây dựng website 47 1.1 Cài đặt môi trường 47 1.2 Mơ hình MVC 47 KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 48 Các kết đạt 48 Nhận xét đề xuất 48 Hướng phát triển 48 DANH MỤC TÀI LIỆU THAM KHẢO 49 Nguyễn Phước Gia Bảo – Lớp 16CNTT01 (2016-2020) MỞ ĐẦU TỔNG QUAN VỀ ĐỀ TÀI Giới thiệu đề tài Nếu sinh viên giảng viên liên hệ với quản lí phịng học để mượn phòng cho buổi học mượn phòng cho kiện đặc biệt buổi học bù Mượn thiết bị phục vụ cho nhu cầu dạy học giảng viên sinh viên Vì website quản lí mượn trả phịng thiết bị trường đại học đời để giúp cho công việc Lí chọn đề tài Hiện nay, việc sử dụng máy tính thiết bị điện tử bình thường với người Việc tiếp cận với Internet ngày dễ dàng phổ biến Các cơng việc số hóa ngày nhiều ưu điểm vượt trội việc sử dụng máy tính việc quản lí giấy trở nên lỗi thời Nhằm đơn giản hóa tính hiệu cơng việc quản lí mượn trả Em chọn đề tài website quản lí mượn trả phịng thiết bị trường đại học Tính cấp thiết đề tài Website ngày phổ biến người có thiết bị kết nối mạng Chúng ta khơng đăng kí mượn phịng từ xa Đơn giản hóa cơng việc mượn phịng thiết bị Khơngcần phải viết thơng tin mượn phịng vào sổ tay Người quản lí khơng cần phải tra lại trang giấy để quản lí mượn trả Việc thống kê đơn giản Vì việc có website để quản lí mượn trả phòng thiết bị thực cần thiết Mục tiêu đề tài Xây dựng website quản lí có tính tự động cao, bảo mật tốt hiệu cao, giao diện thân thiện dễ sử dụng, tốc độ truy cập nhanh Đáp ứng nhu cầu người dùng cho việc quản lí mượn trả - Quản lí người dùng - Quản lí phịng - Quản lí thiết bị - Quản lí mượn trả phịng thiết bị - Mượn trả phòng thiết bị - Thống kê báo cáo Đối tượng nghiên cứu Để xây dựng website cần tìm hiểu chế quản lí phịng thiết bị quan tổ chức cụ thể trường Đại Học Sư Phạm Đà Nẵng Việc quản lí thuộc trách nhiệm phận Các yêu cầu cần phải thực hiện, chức cần có website Phạm vi nghiên cứu - JAVA web MVC, SQL SERVER, js - Thời gian Tháng - Nghiên cứu trường Đại Học Sư Phạm Đà Nẵng Phương pháp nghiên cứu - Quan sát, đọc, hỏi đáp, phân tích để biết hiểu yêu cầu trang web - Tìm hiểu tham khảo website java ứng dụng liên quan - Thêm chức cho ứng dụng nhận phản hồi từ giáo viên hướng dẫn đưa giải pháp hợp lí Kết dự kiến Tạo website đáp ứng nhu cầu cần thiết Đảm bảo yếu tố website hoàn chỉnh Bố cục Chương 1: Giới thiệu ngôn ngữ sử dụng thư viện phân tích ưu nhược điểm Giới thiệu sở liệu Chương 2: Lấy yêu cầu, đánh giá phân tích yêu cầu chức để thiết kế website Chương 3: Thực đánh giá từ kết thu Nguyễn Phước Gia Bảo – Lớp 16CNTT01 (2016-2020) CHƯƠNG I: CƠ SỞ LÝ THUYẾT Chương trình bày sở lí thuyết, cơng nghệ sử dụng để viết mã nguồn cho dự án Cụ thể website viết java theo mơ hình MVC Cơ sở liệu SQL Server - Html – Xây dựng cấu trúc định dạng siêu văn - Css - Dùng để tạo phong cách định kiểu cho yếu tố viết dạng ngôn ngữ đánh dấu, HTML - Javascript - Tạo kiện tương tác với hành vi người dùng - Boostrap - framework bao gồm HTML, CSS JavaScript template dùng để phát triển website chuẩn responsive - Java - Ngơn ngữ lập trình để xử lý trao đổi liệu máy chủ đến trình duyệt - SQL Server - Hệ quản trị sở liệu truy vấn có cấu trúc 1.1 HTML (HyperText Markup Language) HTML (tiếng Anh, viết tắt cho HyperText Markup Language, "Ngôn ngữ Đánh dấu Siêu văn bản") ngôn ngữ đánh dấu thiết kế để tạo nên trang web với mẩu thơng tin trình bày World Wide Web HTML định nghĩa ứng dụng đơn giản SGML sử dụng tổ chức cần đến yêu cầu xuất phức tạp HTML trở thành chuẩn Internet tổ chức World Wide Web Consortium (W3C) trì Phiên thức HTML HTML 4.01 (1999) Sau đó, nhà phát triển thay XHTML Hiện nay, HTML phát triển tiếp với phiên HTML5 hứa hẹn mang lại diện mạo cho Web Bằng cách dùng HTML động Ajax, lập trình viên tạo xử lý số lượng lớn công cụ, từ chương trình soạn thảo Nguyễn Phước Gia Bảo – Lớp 16CNTT01 (2016-2020) 35 6.4 Chỉnh sửa thiết bị Hình 24 Giao diện thêm thiết bị Screen Quản lý thiết bị - Chỉnh sửa thiết bị Description Cho phép người Quản lý chỉnh sửa thông tin thiết bị Screen Quản lý truy cập theo đường dẫn: Trang Quản lý thiết bị - Access > Thông tin chi tiêt -> chỉnh sửa Screen Content Item Type Data Mã thiết bị Text field- Thông tin cần điền bắt String (10) buộc Tên thiết bị Text fieldMô tả Description Thông tin cần điền bắt String (30) buộc Text field- Thông tin cần điền bắt String buộc (200) Trạng thái Text fieldString (200) Chỉnh sửa Button Nguyễn Phước Gia Bảo – Lớp 16CNTT01 (2016-2020) Chỉnh sửa thành công 36 thiết bị với thông tin cần thiết Screen Actions Action Description Success Name Failur e Chỉnh sửa Cập nhật lại liệu thiết bị Cập nhật lại sở Thơng liệu báo lỗi Quản lí phịng Quản lý phòng Use Case Name Use Case ID UC06 High Level Thao tác tât chức Quản lý phòng Requirement Ref Actor Quản lý Description Đối tượng quản lý thực tất chức Xem danh sách phịng, thêm, Sửa, Xóa,Tìm kiếm phịng thực hành Trigger NA Pre-condition Đối tượng đăng nhập vào hệ thống Postprocessing Hình 24 Đặc tả usecase quản lí phịng 7.1 Quản lí thơng báo Use Case Name Quản lý thông báo Use Case ID UC07 High Level Thao tác tât chức thông báo Requirement Ref Actor Quản lý Nguyễn Phước Gia Bảo – Lớp 16CNTT01 (2016-2020) 37 Description Đối tượng quản lý thực tất chức Xem danh sách thông báo gửi, thêm, Trigger NA Pre-condition Đối tượng đăng nhập vào hệ thống Post-processing Hình 25 Đặc tả usecase quản lí thơng báo 7.2 Quản lí mượn trả phịng Use Case Name Quản lý Mượn trả phòng Use Case ID UC08 High Level Thao tác tât chức quản lí mượn trả phịng Requirement Ref Actor Quản lý Description Đối tượng quản lý thực tất chức Xem danh sách mượn trả phòng, đăng kí mượn trả phịng, phê duyệt mượn trả phịng Trigger NA Pre-condition Đối tượng đăng nhập vào hệ thống Post-processing Hình 26 Đặc tả usecase quản lí mượn trả phịng 7.3 Quản lí mượn trả thiết bị Use Case Name Quản lý Mượn trả thiết bị Use Case ID UC09 High Level Thao tác tât chức quản lí mượn trả thiết bị Requirement Ref Actor Quản lý Description Đối tượng quản lý thực tất chức Xem danh sách mượn trả thiết bị, đăng kí mượn trả thiết bị, phê duyệt mượn trả thiết bị Nguyễn Phước Gia Bảo – Lớp 16CNTT01 (2016-2020) 38 Trigger NA Pre-condition Đối tượng đăng nhập vào hệ thống Post-processing Hình 27 Đặc tả usecase trang quản lí mượn trả thiết bị 7.4 Mượn trả phịng Use Case Name Quản lý Mượn trả phòng Use Case ID UC10 High Level Đăng kí mượn trả phịng Requirement Ref Actor Quản lý Description Đối tượng user đăng kí mượn trả phịng xem lịch sử đăng kí Trigger NA Pre-condition Đối tượng đăng nhập vào hệ thống Post-processing Hình 28 Đặc tả usecase mượn trả phòng 7.5 Mượn trả thiết bị Use Case Name Quản lý Mượn trả thiết bị Use Case ID UC11 High Level Đăng kí mượn trả thiết bị Requirement Ref Actor Quản lý Description Đối tượng user đăng kí mượn trả thiết bị xem lịch sử đăng kí Trigger NA Pre-condition Đối tượng đăng nhập vào hệ thống Nguyễn Phước Gia Bảo – Lớp 16CNTT01 (2016-2020) 39 Post-processing Hình 29 Đặc tả usecase mượn trả thiết bị 7.6 Thống kê, báo cáo Use Case Name Thống kê báo cáo Use Case ID UC12 High Level Quản lí thống kê báo cáo Requirement Ref Actor Quản lý Description Quản trị viên thơng kê thơng tin in báo cáo Trigger NA Pre-condition Đối tượng đăng nhập vào hệ thống Post-processing Hình 30 Đặc tả usecase thống kê báo cáo Yêu cầu phi chức yêu cầu khác 8.1 Hiệu suất 8.2 Bảo mật - Phân quyền, kiểm tra quyền truy cập - Mã hóa mật 8.3 Yêu cầu phần cứng - Windowns trở lên 8.4 Độ tin cậy 8.5 Giao diện - Đơn giản, than thiện - Dễ nhìn, dễ sử dụng Nguyễn Phước Gia Bảo – Lớp 16CNTT01 (2016-2020) 40 8.6 Trình duyệt - Hỗ trợ tất trình duyệt Thiết kế sở liệu 9.1 Sơ đồ Diagram OfficeArea Floor Room RoomBorrow officeAreaId floorId roomId officeAreaName floorName roomName roomId img img note micro note note img remote location capacity dateRegist location timeRegist borrowerId dateUse CommonEquipment Notifications equipmentId equipmentName brand status price describe User estimatedTimeToStart notificationsID userName estimatedTimeEnds sender fullName note receiver pass status contents img handoverDate sendate department handoverTime sentime phone lenderId status address dateFinishBorrow email role timeFinishBorrow confirmer roomBorrowId Chair handoverId status price describe BorrowEquipmentList BorrowEquipment equipmentBorrowId note equipmentId amount Table equipmentBorrowId borrowerId dateRegist timeRegist equipmentId dateUse equipmentName timeStartUse brand note status status handoverId handoverDate handoverTime LapTop note LenderId PC img equipmentId location equipmentName processor brand ram status hardDisk price lenderDate lenderTime dateFinishBorrow timeFinishBorrow Hình 31 Sơ đồ diagram Nguyễn Phước Gia Bảo – Lớp 16CNTT01 (2016-2020) lenderDate 41 9.2 Bảng User (người dùng) Hình 32 Bảng người dùng 9.3 Bảng Room (phịng) Hình 33 Bảng phòng Nguyễn Phước Gia Bảo – Lớp 16CNTT01 (2016-2020) 42 9.4 Bảng RoomBorrow (mượn phịng) Hình 34 Bảng mượn trả phòng Nguyễn Phước Gia Bảo – Lớp 16CNTT01 (2016-2020) 43 9.5 Bảng Table (bàn) Hình 35 Bảng bàn 9.6 Bảng LapTop (máy tính xách tay) Hình 36 Bảng người máy tính xách tay Nguyễn Phước Gia Bảo – Lớp 16CNTT01 (2016-2020) 44 9.7 Bảng PC Hình 37 Bảng PC 9.8 Bảng Chair (ghế) Hình 38 Bảng ghế Nguyễn Phước Gia Bảo – Lớp 16CNTT01 (2016-2020) 45 9.9 Bảng CommonEquipment (thiết bị khác) Hình 39 Bảng thiết bị khác 9.10 Bảng BorrowEquipment (mượn thiết bị) Hình 40 Bảng mượn thiết bị Nguyễn Phước Gia Bảo – Lớp 16CNTT01 (2016-2020) 46 9.11 Bảng BorrowEquipmentList (danh sách thiết bị mượn) Hình 41 Bảng danh sách thiết bị mượn 9.12 Bảng OfficeArea (khu nhà) Hình 42 Bảng khu nhà 9.13 Bảng Floor (tầng) Hình 43 Bảng tầng Nguyễn Phước Gia Bảo – Lớp 16CNTT01 (2016-2020) 47 CHƯƠNG III: XÂY DỰNG WEBSITE Xây dựng website 1.1 Cài đặt môi trường - jdk-11.0.6 - SQL Server 2014 - Boostrap 4.0 - HTML - CSS - Eclipse - Tomcat v8.5 - Javax.servlet.jsp.jstl-1.2.4.jar - Mssql-jdbc-7.2.2.jre11.jar 1.2 Mơ hình MVC - Cấu trúc thư mục Nguyễn Phước Gia Bảo – Lớp 16CNTT01 (2016-2020) 48 KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN Các kết đạt - Về bản, chương trình hồn thành chức yêu cầu đặt theo kế hoạch - Học nhiều kinh nghiệm công việc - Trau dồi thêm kiến thức quy trình phát triển phần mềm, phân tích thiết kế hướng đối tượng - Xây dựng website đáp ứng nhu cầu người dùng Nhận xét đề xuất - Website đơn giản - Kinh nghiệm nên tiến độ làm việc chậm - Một số vấn đề chưa xử lý - Chưa hoàn thành chức thống kê Hướng phát triển - Hoàn thiện mở rộng thêm chức trang web - Responsive cho nhiều thiết bị hình khác - Vấn đề bảo mật an tồn thơng tin cho website - Cải thiện tối ưu hóa source code - Thêm coding convention - Kiểm tra Check style code coverage đạt chuẩn Nguyễn Phước Gia Bảo – Lớp 16CNTT01 (2016-2020) 49 DANH MỤC TÀI LIỆU THAM KHẢO [1].https://www.youtube.com/channel/UCydxLKg0hxeZ5V_V9eOMTQ/playlists?fbclid=IwAR3Wgq1XSbKLNcCmOXw6tjuDUZhf4duzErBsodPYwkRx7m1do3De-WAWH4 [2].https://docs.google.com/document/d/e/2PACX-1vTaaHWirlrB_VIrGBFSGEYtSMAtTS7GpV9NyVZIa6saVbdraxzYvDIBWJjWEOyl0V3tQepwHJWYj9r/ pub [3] https://teamvietdev.com/ [4].https://niithanoi.vn/ [5].https://wiki.matbao.net/ [6].https://getbootstrap.com/ [7].https://o7planning.org/ [8].https://docs.google.com/document/u/2/d/e/2PACX-1vRI9HoRsTnUaFj4PlpwdqmsnsumB_bu08H490iSlJGiIwbnAAEueNlCzxtOtuUkRz4oaPVQeEC4A5/pub Nguyễn Phước Gia Bảo – Lớp 16CNTT01 (2016-2020) ... việc quản lí mượn trả - Quản lí người dùng 2 - Quản lí phịng - Quản lí thiết bị - Quản lí mượn trả phịng thiết bị - Mượn trả phòng thiết bị - Thống kê báo cáo Đối tượng nghiên cứu Để xây dựng website. .. usecase quản lí mượn trả phịng 7.3 Quản lí mượn trả thiết bị Use Case Name Quản lý Mượn trả thiết bị Use Case ID UC09 High Level Thao tác tât chức quản lí mượn trả thiết bị Requirement Ref Actor Quản. .. với quản lí phòng học để mượn phòng cho buổi học mượn phòng cho kiện đặc biệt buổi học bù Mượn thiết bị phục vụ cho nhu cầu dạy học giảng viên sinh viên Vì website quản lí mượn trả phịng thiết bị