(Đồ án tốt nghiệp) xây dựng hệ thống website quản lý ký túc xá trường đại học sư phạm kỹ thuật

Đỗ Ngọc Quang HuyXÂY DỰNG HỆ THỐNG WEBSITE QUẢN LÝ KÝ TÚC XÁ TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT202222022NĂM 2022 ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT KHOA CÔNG NGHỆ SỐ ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC NGÀNH: CÔNG NGHỆ THÔNG TIN CHUYÊN NGÀNH: CÔNG NGHỆ THÔNG TIN ĐỀ TÀI: XÂY DỰNG HỆ THỐNG WEBSITE QUẢN LÝ KÝ TÚC XÁ TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT Sinh viên thực : Đỗ Ngọc Quang Huy Mã sinh viên : 1811505310315 Lớp : 18T3 Người hướng dẫn : ThS Đỗ Phú Huy Đà Nẵng, tháng năm 2022 ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT KHOA CÔNG NGHỆ SỐ ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC NGÀNH: CÔNG NGHỆ THÔNG TIN CHUYÊN NGÀNH: CÔNG NGHỆ THÔNG TIN ĐỀ TÀI: XÂY DỰNG HỆ THỐNG WEBSITE QUẢN LÝ KÝ TÚC XÁ TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT Giảng viên hướng dẫn duyệt Đà Nẵng, tháng năm 2022 {Trang trắng dùng để dán Nhận xét người hướng dẫn, thay trang Nhận xét người hướng dẫn} {Trang trắng dùng để dán Nhận xét người phản biên, thay trang Nhận xét người phản biện} TÓM TẮT Tên đề tài: Xây dựng hệ thống website quản lý ký túc xá trường đại học sư phạm kỹ thuật Sinh viên thực hiện: Đỗ Ngọc Quang Huy Mã SV: 1811505310315 Lớp: 18T3 Hiện nay, Trường Đại học Sư phạm Kỹ thuật – Đại học Đà Nẵng cho sinh viên đăng ký trực tiếp tạm trú ký túc xá theo hình thức giấy, điền vào form theo hình thứ trực tuyến (khi dịch Covid hồnh hành) Chính mà việc duyệt sinh viên, quản lý thông tin sinh viên làm thủ tục trở nên tốn nhiều công sức chi phí khơng sinh viên, ban quản lý ký túc xá, mà nhà trường Ngồi ra, khơng thể tránh khỏi trường hợp thất lạc giấy đăng ký, sai thơng tin, khơng đảm bảo tính lưu trữ an tồn, hiệu minh bạch khơng thể đảm bảo quản lý ký túc xá cách đầy đủ Với phát triển Công nghệ thông tin trường đại học có cho trang web để quản lý ký túc xá Vậy nên trường ta cần có trang web để giải tất vấn đề việc mang tính cấp thiết Đó lí em chọn đề tài “Xây dựng hệ thống website quản lý ký túc xá trường đại học sư phạm kỹ thuật” Về cấu trúc báo cáo nội dung gồm phần mở đầu kết thúc có bố cục gồm chương: CHƯƠNG I: CƠ SỞ LÝ THUYẾT Chương trình bày tổng quan việc sử dụng công nghệ hỗ trợ xây dựng website, công cụ thường xuyên sử dụng để xây dựng tảng cho tốn Mơ tả số công nghệ hỗ trợ phát triển website CHƯƠNG II: PHÂN TÍCH THIẾT KẾ HỆ THỐNG Chương trình bày hướng tiếp cận việc phân tích hệ thống Trình bày hướng chức cho người dùng, sơ đồ sở liệu… CHƯƠNG III: XÂY DỰNG CHƯƠNG TRÌNH Chương trình bày kết thực chương trình, giao diện người dùng TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT CỘNG HỊA XÃ HƠI CHỦ NGHĨA VIỆT NAM KHOA CÔNG NGHỆ SỐ Độc lập - Tự - Hạnh phúc NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP Giảng viên hướng dẫn: Th.S Đỗ Phú Huy Sinh viên thực hiện: Đỗ Ngọc Quang Huy Mã SV: 1811505310315 Tên đề tài: Xây dựng hệ thống website quản lý ký túc xá trường đại học sư phạm kỹ thuật Các số liệu, tài liệu ban đầu: - Quy trình đăng ký tạm trú, - Ngơn ngữ lập trình Angular Front-end NodeJS Back-end - Hệ quản trị sở liệu MongoDB Nội dung đồ án: Xây dựng thử nghiệm thành công hệ thống Quản lý ký túc xá trường đại học sư phạm kỹ thuật Cho phép sinh viên xem phòng trống, đăng ký online xem tiền điện nước phòng trực tiếp hệ thống này, quản lý sinh viên, phịng, khu, thiết bị, hóa đơn, biên lai ký túc xá Quá trình xây dựng website: - Thu thập thông tin tài liệu liên quan khảo sát thực tế - Phân tích thiết kế chức hệ thống - Phân tích thiết kế sơ liệu - Xây dựng hệ thống website - Kiểm thử website - Hoàn thành báo cáo tổng hợp Các sản phẩm dự kiến - Website Quản lý ký túc xá đại học sư phạm kỹ thuật - File báo cáo hoàn chỉnh Ngày giao đồ án: 14/02/2022 Ngày nộp đồ án: 20/06/2022 Trưởng Bộ môn Đà Nẵng, ngày 20 tháng 06 năm 2022 Người hướng dẫn LỜI NĨI ĐẦU Ngày nay, cơng nghệ thơng tin có bước phát triển mạnh mẽ theo chiều rộng sâu Máy tính điện tử khơng cịn thứ phương tiện quý mà ngày trở thành cơng cụ làm việc giải trí thơng dụng người, không công sở mà cịn gia đình Đứng trước vai trị thông tin hoạt động cạnh tranh gay gắt, tổ chức doanh nghiệp tìm biện pháp để xây dựng hồn thiện hệ thống thơng tin nhằm tin học hóa hoạt động tác nghiệp đơn vị Hiện nay, Trường Đại học Sư phạm Kỹ thuật – Đại học Đà Nẵng cho sinh viên đăng ký trực tiếp tạm trú ký túc xá theo hình thức giấy, điền vào form theo hình thứ trực tuyến (khi dịch Covid hồnh hành) Chính mà việc duyệt sinh viên, quản lý thông tin sinh viên làm thủ tục trở nên tốn nhiều cơng sức chi phí khơng sinh viên, ban quản lý ký túc xá, mà nhà trường Ngồi ra, khơng thể tránh khỏi trường hợp thất lạc giấy đăng ký, sai thông tin, không đảm bảo tính lưu trữ an tồn, hiệu minh bạch đảm bảo quản lý ký túc xá cách đầy đủ Với phát triển Công nghệ thông tin trường đại học có cho trang web để quản lý ký túc xá Vậy nên trường ta cần có trang web để giải tất vấn đề việc mang tính cấp thiết Với hướng dẫn tận tình Thầy Đỗ Phú Huy em hoàn thành đồ án tốt nghiệp Tuy cố gắng tìm hiểu, phân tích thiết kế cài đặt hệ thống khơng tránh khỏi thiếu sót Em mong nhận thơng cảm góp ý q Thầy Em xin chân thành cảm ơn ! i CAM ĐOAN Em xin cam đoan: Những nội dung luận văn em thực hướng dẫn thầy Đỗ Phú Huy Mọi tham khảo 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á, em xin chịu hoàn toàn trách nhiệm Sinh viên thực Đỗ Ngọc Quang Huy ii MỤC LỤC MỤC LỤC iii DANH MỤC BẢNG BIỂU vii DANH MỤC HÌNH VẼ viii DANH MỤC CHỮ VIẾT TẮT TIẾNG VIỆT x DANH MỤC CHỮ VIẾT TẮT TIẾNG ANH xi MỞ ĐẦU 1 Mục tiêu đề tài Đối tượng nghiên cứu phạm vi nghiên cứu a Đối tượng nghiên cứu .1 b Phạm vi nghiên cứu Phương pháp nghiên cứu Giải pháp công nghệ Cấu trúc đồ án Chương CƠ SỞ LÝ THUYẾT .3 1.1 Giới thiệu hệ quản trị sở liệu MongoDB 1.1.1 Tổng quan MongoDB 1.1.2 Ưu điểm MongoDB so với sở liệu quan hệ (RDBMS) 1.1.3 Nhược điểm MongoDB .4 1.2 Giới thiệu Angular 1.2.1 Tổng quan Angular 1.2.2 Lịch sử phát triển 1.2.3 Lợi ích Angular 1.3 Bootstrap Responsive iii Xây dựng hệ thông website quản lý ký túc xá trường đại học sư phạm kỹ thuật 3.7 Giao diện nội quy ký túc xá Người dùng vào trang nội quy ký túc xá Ký túc xá trường đại học sư phạm kỹ thuật nội quy ký túc xá hiển thị thông tin nội dung quy định nội quy KTcho sinh viên biết trước đăng ký Hình 3.1: Giao diện nội quy ký túc xá SVTH: Đỗ Ngọc Quang Huy 41 Xây dựng hệ thông website quản lý ký túc xá trường đại học sư phạm kỹ thuật 3.8 Giao diện trang đăng nhập Người dùng vào trang đăng nhập Ký túc xá trường đại học sư phạm kỹ thuật Trang đăng nhập hiển thị form Email Mật cho admin ban quản lý SVTH: Đỗ Ngọc Quang Huy 42 Xây dựng hệ thông website quản lý ký túc xá trường đại học sư phạm kỹ thuật KTX đăng nhập để quản lý SVTH: Đỗ Ngọc Quang Huy 43 Xây dựng hệ thông website quản lý ký túc xá trường đại học sư phạm kỹ thuật Hình 3.1: Giao diện trang đăng nhập 3.9 Giao diện admin Người dùng sau đăng nhập thành công với vài trò admin Trang admin hiển thị Gồm mục thống kê, quản lý nhân viên, sinh viên, thơng báo, phịng, thiết bị, hóa đơn điện nước, biên lại thu tiền duyệt sinh viên SVTH: Đỗ Ngọc Quang Huy 44 Xây dựng hệ thông website quản lý ký túc xá trường đại học sư phạm kỹ thuật Hình 3.1: Giao diện admin SVTH: Đỗ Ngọc Quang Huy 45 Xây dựng hệ thông website quản lý ký túc xá trường đại học sư phạm kỹ thuật 3.10 Giao diện trang nhân viên Người dùng sau đăng nhập thành cơng với vài trị nhân viên Trang nhân viên hiển thị Gồm mục thống kê, quản lý sinh viên, thơng báo, phịng, thiết bị, hóa đơn điện nước, biên lại thu tiền duyệt sinh viên Khác với vai trò admin nhân viên khơng có quyền quản lý nhân viên tài khoản nhân viên Hình 3.1: Giao diện trang nhân viên SVTH: Đỗ Ngọc Quang Huy 46 Xây dựng hệ thông website quản lý ký túc xá trường đại học sư phạm kỹ thuật 3.11 Giao diện quản lý nhân viên Admin sau đăng nhận chọn vào quản lý nhân viên Trang quản lý nhân viên hiển thị thơng tin nhân viên Admin xem chi tiết nhân viên click vào button chi tiết, xóa chỉnh sửa sinh viên click vào button xóa button chỉnh sửa Hình 3.1: Giao diện quản lý nhân viên SVTH: Đỗ Ngọc Quang Huy 47 Xây dựng hệ thông website quản lý ký túc xá trường đại học sư phạm kỹ thuật 3.12 Giao diện thêm nhân viên Admin sau đăng nhận chọn vào quản lý nhân viên Trang quản lý nhân viên hiển thị thông tin nhân viên Admin click vào button thêm nhân viên để thêm nhân viên Trang thêm nhân viên hiển thị Admin điền thơng tin tiến hành thêm thơng tin Hình 3.1: Giao diện đăng ký nhân viên SVTH: Đỗ Ngọc Quang Huy 48 Xây dựng hệ thông website quản lý ký túc xá trường đại học sư phạm kỹ thuật 3.13 Giao diện chi tiết nhân viên Admin sau đăng nhận chọn vào quản lý nhân viên Trang quản lý nhân viên hiển thị thông tin nhân viên Admin click vào button chi tiết để xem thông tin chi tiết nhân viên Trang chi tiết nhân viên hiển thị Hình 3.1: Giao diện chi tiết nhân viên SVTH: Đỗ Ngọc Quang Huy 49 Xây dựng hệ thông website quản lý ký túc xá trường đại học sư phạm kỹ thuật Hình 3.2: 3.14 Giao diện quản lý sinh viên Admin sau đăng nhận chọn vào quản lý sinh viên Trang quản lý sinh viên hiển thị thông tin sinh viên Admin xem chi tiết sinh viên click vào button chi tiết, xóa chỉnh sửa sinh viên click vào button xóa button chỉnh sửa Hình 3.1: Giao diện quản lý sinh viên SVTH: Đỗ Ngọc Quang Huy 50 Xây dựng hệ thông website quản lý ký túc xá trường đại học sư phạm kỹ thuật 3.15 Giao diện thêm sinh viên Admin sau đăng nhận chọn vào quản lý nhân viên Trang quản lý sinh viên hiển thị thông tin sinh viên Admin click vào button thêm sinh viên để thêm sinh viên Trang thêm sinh viên hiển thị Admin điền thông tin tiến hành thêm thông tin Hình 3.1: Giao diện đăng ký sinh viên SVTH: Đỗ Ngọc Quang Huy 51 Xây dựng hệ thông website quản lý ký túc xá trường đại học sư phạm kỹ thuật 3.16 Giao diện chi tiết sinh viên Admin sau đăng nhận chọn vào quản lý sinh viên Trang quản lý sinh viên hiển thị thông tin sinh viên Admin click vào button chi tiết để xem thông tin chi tiết sinh viên Trang chi tiết sinh viên hiển thị Hình 3.1: Giao diện chi tiết sinh viên SVTH: Đỗ Ngọc Quang Huy 52 Xây dựng hệ thông website quản lý ký túc xá trường đại học sư phạm kỹ thuật 3.17 Giao diện duyệt sinh viên đăng ký Admin sau đăng nhận chọn vào duyệt sinh viên Trang duyệt sinh viên hiển thị thông tin sinh viên Admin xem chi tiết sinh viên click vào button chi tiết, xóa duyệt sinh viên click vào button xóa button duyệt Hình 3.1: Giao diện duyệt sinh viên SVTH: Đỗ Ngọc Quang Huy 53 Xây dựng hệ thông website quản lý ký túc xá trường đại học sư phạm kỹ thuật KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 3.18 Kết luận Tóm lại, với tốc độ phát triển ngày tăng mạng máy tính việc thiết kế cài đặt ứng dụng cho người dùng cần thiết Vì ý tưởng đời website “Quản lý ký túc xá trường đại học sư phạm kỹ thuật” để thay phương pháp đăng ký, quản lý KTX truyền thống nhiều bất cập cần thiết Với trình nghiên cứu phát triển hệ thống website “Quản lý ký túc xá trường đại học sư phạm kỹ thuật” cho trường Đại Học Sư Phạm Kỹ Thuật – ĐHĐN bước đầu hoàn thành giải vấn đề đặt ra:     Giao diện dễ nhìn, đễ sử dụng Có tích hợp responsive chạy website đa tảng Dễ quản lí đăng ký tạm trú sinh viên Quản lý KTX trực quan xác 3.19 Hướng phát triển  Tích hợp thơng báo thơng tin nhà trường, tích hợp liên kết tài khoản sinh viên  Xây dựng hồn chỉnh chức quản lý thiết bị, hóa đơn điện nước, biên lai thu tiền  Xây dựng thêm chức tìm kiếm trang chủ  Xây dựng giao diện đẹp với công cụ điều hướng hợp lý, thân thiện với người sử dụng  Xây dựng thêm chức khiếu nại phản hồi  Về phía quản trị: cập nhật thơng tin người dùng, avatar  Bảo mật source code website: dùng kỹ thuật mã hóa tồn source code website để chống đánh cắp bảo mật thông tin SVTH: Đỗ Ngọc Quang Huy 54 Xây dựng hệ thông website quản lý ký túc xá trường đại học sư phạm kỹ thuật TÀI LIỆU THAM KHẢO [1] MongoDB, MongoDB Documentation [2] ExpressJS, Express - Node.js web application framework (expressjs.com) [3] Angular, Angular SVTH: Đỗ Ngọc Quang Huy 55 ... tạm trú ,quản lý thông tin ký túc xá Trường Đại Học Sư Phạm Kỹ Thuật SVTH: Đỗ Ngọc Quang Huy Xây dựng hệ thông website quản lý ký túc xá trường đại học sư phạm kỹ thuật Giải pháp công nghệ Sử dụng... 24 Xây dựng hệ thông website quản lý ký túc xá trường đại học sư phạm kỹ thuật Hình 2.11: Sơ đồ ? ?Quản lý nhân viên” SVTH: Đỗ Ngọc Quang Huy 25 Xây dựng hệ thông website quản lý ký túc xá trường. .. 31 Xây dựng hệ thông website quản lý ký túc xá trường đại học sư phạm kỹ thuật 2.6 Sơ đồ quan hệ Hình 2.1: Sơ đồ quan hệ SVTH: Đỗ Ngọc Quang Huy 32 Xây dựng hệ thông website quản lý ký túc xá trường