Website đăng kí môn học cho sinh viên trường đại học bình dương đồ án tốt nghiệp

TRƯỜNG ĐẠI HỌC BÌNH DƯƠNG KHOA CƠNG NGHỆ THƠNG TIN, ROBOT VÀ TRÍ TUỆ NHÂN TẠO  ĐỒ ÁN TỐT NGHIỆP ĐỀ TÀI Website đăng ký môn học cho sinh viên trường Đại học Bình Dương Người hướng dẫn: Bùi Văn Chuyên Sinh viên thực hiện: Trương Minh Hiệp-18050010 Bình Dương, Tháng 01/2023 NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN GIẢNG VIÊN HƯỚNG DẪN (Ký ghi rõ họ tên) i NHẬN XÉT CỦA CÁN BỘ PHẢN BIỆN CÁN BỘ PHẢN BIỆN (Ký ghi rõ họ tên) ii LỜI CÁM ƠN Xin chân thành cảm ơn thầy cô khoa Công nghệ thơng tin, robot & trí tuệ nhân tạo – Trường Đại học Bình Dương giúp đỡ em nhiều trình học tập, nghiên cứu, truyền đạt kiến thức cho chúng em năm học vừa qua Đặc biệt, chúng em xin gửi lời cảm ơn chân thành sâu sắc đến cán phòng Công Nghệ Thông Tin công ty VNPT - người trực tiếp hướng dẫn em hoàn thành báo cáo Em xin chân thành cám ơn bảo hướng dẫn tận tình thầy anh bên cơng ty VNPT suốt q trình thực báo cáo Khi bắt tay vào thực báo cáo với kiến thức hiểu biết chúng em đề tài hạn hẹp Với kiến thức chuyên sâu nhiệt tình thầy anh, dẫn dắt hướng dẫn em hoàn thành bước cuối để báo cáo đảm bảo nội dung thời hạn đề Em xin gửi lời cảm ơn đến gia đình đặc biệt ba mẹ - người nuôi nấng, dạy dỗ chúng em nên người, giúp chúng em vượt qua bao khó khăn, thách thức sống, giúp em theo đuổi đam mê, lý tưởng chặng đường dài phía trước Và cuối em khơng qn cảm ơn đến người bạn, người gắn bó suốt quãng đường sinh viên em ngày hôm nay, người giúp đỡ em nhiều suốt q trình thực hồn thành báo cáo Một lần em xin gửi lời cảm ơn chân thành sâu sắc đến thầy cơ, anh bên VNPT gia đình bạn bè giúp đỡ chúng em hoàn thành báo cáo này! SINH VIÊN THỰC HIỆN iii CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM BỘ GIÁO DỤC VÀ ĐÀO TẠO Độc lập – Tự – Hạnh phúc TRƯỜNG ĐẠI HỌC BÌNH DƯƠNG ĐỀ CƯƠNG CHI TIẾT Tên đề tài: Website đăng ký môn học cho sinh viên trường Đại học Bình Dương Giảng viên hướng dẫn: Thời gian thực hiện: Từ ngày 06 tháng 11 năm 2022 đến ngày 10 tháng năm 2023 Sinh viên thực hiện: Trương Minh Hiệp – 18050010 Nội dung đề tài: ❖ ❖ ❖ ❖ Lý chọn đề tài: Tình trạng website đăng ký môn học trường đăng ký khơng có cảnh báo sinh viên đăng ký mơn khơng có chương trình đào tạo môn tự chọn đủ đăng ký Dẫn đến tình trạng sinh viên xét tiêu làm đồ án tốt nghiệp, dư không đủ tiêu làm đồ án Ở trang website em dựa chương trình đào tạo sinh viên để sinh viên đăng ký mơn học khơng nằm chương trình đào tạo mơn tự chọn đủ tín thơng báo cho sinh viên biết, sinh viên muốn học thêm mơn đăng ký Mục tiêu đề tài: Tìm hiểu, nghiên cứu xây dựng thành công hệ thống website đăng ký môn học Phạm vi đề tài: Xây dựng hồn thiện website đăng ký mơn học cho sinh viên trường Đại học Bình Dương Ý nghĩa thực tiễn: - Đối với sinh viên thực đề tài: • Hiểu kiến thức html, javascript, css, php mysql • Biết làm để nghiên cứu xây dựng sản phẩm riêng • Nâng cao khả tìm hiểu, học hỏi vấn đề chưa có hội tiếp xúc học tập nói riêng sống nói chung • Giúp hiểu rõ việc cài đặt, sử dụng hàm, thẻ html, javascript, css để làm website hồn chỉnh • Giúp sinh viên nâng cao trình độ, bổ sung kiến thức cần thiết cho thân hội làm việc phương pháp Phương pháp thực hiện: • Sử dụng mysql để xây dựng sở liệu cho website • Sử dụng html, css, javascript để xây dựng giao diện website iv • Sử dụng php để xử lý kiện, liệu website ❖ Kết mong đợi: - Đảm bảo hoàn thành yêu cầu mục tiêu đề Kế hoạch thực hiện: Thời gian Từ 06/11/2022 đến 15/11/2022 Từ 15/11/2022 đến 30/11/2022 Từ 01/12/2022 đến 10/12/2022 Từ 11/12/2022 đến 25/12/2022 - Từ 25/12/2022 đến 06/01/2023 - Sinh viên thực Trương Minh Hiệp Tìm hiểu kiến thức html, css, javascript, php, mysql Tìm hiểu cách để xây dựng website Xây dựng ý tưởng website em Mô hình hóa mơ hình website em Chọn cài đặt môi trường phát triển hệ thống, công cụ sử dụng để triển khai mơ hình Chuẩn bị liệu cho trình xây dựng website Xây dựng mơ hình, nhập sở liệu cho database website Tiến hành xây dựng giao diện cho wibsite Tiến hành xây dựng chức website php Thử nghiệm đánh giá mơ hình website Quay video demo hướng dẫn cách sử dụng website Viết báo cáo tiểu luận Bình Dương, ngày… tháng….năm 20… CB HƯỚNG DẪN (Ký tên ghi rõ họ tên) TRƯỞNG KHOA (Ký tên ghi rõ họ tên) v MỤC LỤC NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN i NHẬN XÉT CỦA CÁN BỘ PHẢN BIỆN ii LỜI CÁM ƠN iii ĐỀ CƯƠNG CHI TIẾT iv MỤC LỤC vi DANH MỤC HÌNH ẢNH ix DANH MỤC BẢNG ix DANH SÁCH THUẬT NGỮ VIẾT TẮT x MỞ ĐẦU xi CHƯƠNG TỔNG QUAN ĐỀ TÀI 1.1 GIỚI THIỆU CHUNG 1.2 NHIỆM VỤ LUẬN VĂN 1.2.1 Tìm Hiểu Website Và Cách Viết Website 1.2.2 Website đăng ký môn học cho sinh viên trường Đại học Bình Dương 1.2.3 Kết cần đạt CHƯƠNG CƠ SỞ LÝ THUYẾT 2.1 NGÔN NGỮ CASCADING STYLE SHEETS (CSS) 2.1.1 Khái niệm 2.1.2 Các thuật ngữ phổ biến cascading style sheets (CSS) 2.1.3 Cách viết CSS HTML 2.1.4 Cách khai báo CSS 2.2 JAVASCRIPT 2.2.1 Khái niệm .7 2.2.2 Công dụng javascript 2.2.3 Cách viết javascript 2.2.4 Cách nhúng javascript lên website 2.3 NGÔN NGỮ PERSONAL HOME PAGE(PHP) 2.3.1 Khái niệm .8 2.3.2 Kiểu liệu PHP 2.3.3 Biến 2.3.4 Các câu lệnh 2.4 HỆ QUẢN TRỊ CƠ SỞ DỮ LIỆU MYSQL 11 2.4.1 Khái niệm .11 vi 2.4.2 Cơ Chế Hoạt Động Của MySQL 11 2.4.3 Đặc Điểm Của MySQL 11 2.4.4 Cú Pháp Cơ Bản Của MySQL 11 CHƯƠNG CƠ SỞ DỮ LIỆU VÀ SƠ ĐỒ CHỨC NĂNG 13 3.1 MƠ HÌNH THỰC THỂ LIÊN KẾT 13 3.2 CÁC BẢN CƠ SỞ DỮ LIỆU 13 3.2.1 Sinh Viên 13 3.2.2 Môn Học 14 3.2.3 Điểm 14 3.2.4 Đăng Ký Môn Học 14 3.2.5 Chương Trình Đào Tạo 15 3.3 SƠ ĐỒ PHÂN CẤP CHỨC NĂNG 15 3.3.1 Sơ Đồ 15 3.3.2 Mô Tả Chi Tiết Chức Năng 15 3.4 BIỂU ĐỒ LUỒNG DỮ LIỆU NGỮ CẢNH 16 3.5 SƠ ĐỒ KHỐI ĐẶC TẢ CHỨC NĂNG 16 3.5.1 Chức Năng Đăng Nhập 16 3.5.2 Chức Năng Đăng Ký Môn Học 17 3.5.3 Chức Năng Quản Lý Môn Học 19 3.5.4 Chức Năng Nhập Điểm 20 3.5.5 Chức Năng Quản Lý Môn Đăng Ký 21 CHƯƠNG THIẾT KẾ GIAO DIỆN 22 4.1 GIAO DIỆN TRANG CHỦ 22 4.1.1 Giao Diện Trang Chủ Chưa Đăng Nhập 22 4.1.2 Giao Diện Trang Chủ Của Sinh Viên 22 4.1.3 Giao Diện Trang Chủ Của Quản Trị Viên 23 4.2 GIAO DIỆN TRANG ĐĂNG NHẬP 23 4.3 GIAO DIỆN CÁC TRANG CHỨC NĂNG CỦA SINH VIÊN 24 4.3.1 Giao Diện Trang Xem Chương Trình Đào Tạo 24 4.3.2 Giao Diện Trang Xem Điểm 25 4.3.3 Giao Diện Trang Xem Thời Khóa Biểu 25 4.3.4 Giao Diện Trang Xem Thông Tin 26 4.3.5 Giao Diện Trang Đổi Mật Khẩu 26 4.4 GIAO DIỆN CÁC CHỨC NĂNG CỦA QUẢN TRỊ VIÊN 27 4.4.1 Giao Diện Trang Quản Lý Môn Đăng Ký 27 4.4.2 Giao Diện Trang Nhập Điểm 27 vii 4.4.3 Giao Diện Trang Sửa Môn Đăng Ký 28 4.4.4 Giao Diện Trang Thêm Môn Đăng Ký 28 4.4.5 Giao Diện Trang Quản Lý Sinh Viên 29 4.4.6 Giao Diện Trang Thêm Sinh Viên 29 CHƯƠNG KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 30 5.1 KẾT QUẢ ĐẠT ĐƯỢC 30 5.2 HẠN CHẾ 30 5.3 HƯỚNG PHÁT TRIỂN 30 DANH MỤC TÀI LIỆU THAM KHẢO 31 viii DANH MỤC HÌNH ẢNH Hình 2.1 Cú pháp khai báo CSS Hình 2.2 Khai báo khối CSS Hình 2.3 Bộ quy tắc CSS Hình 2.4 Cơ chế hoạt động MySQL 12 Hình 3.1 Mơ hình thực thể liên kết 13 Hình 3.2 Sơ đồ phân cấp chức 15 Hình 3.3 Biểu đồ luồng liệu ngữ cảnh 16 Hình 3.4 Sơ đồ khối đặc tả chức đăng nhập 17 Hình 3.5 Sơ đồ khối đặc tả chức đăng ký môn học 18 Hình 3.6 Sơ đồ khối đặc tả chức quản lý môn học 19 Hình 3.7 Sơ đồ khối đặc tả chức nhập điểm 20 Hình 3.8 Sơ đồ khối đặc tả chức quản lý môn đăng ký 21 Hình 4.1 Giao diện trang chủ chưa đăng nhập 22 Hình 4.2 Giao diện trang chủ sinh viên đăng nhập 22 Hình 4.3 Giao diện trang chủ quản trị viên đăng nhập 23 Hình 4.4 Giao diện trang đăng nhập 23 Hình 4.5 Giao diện trang xem chương trình đào tạo 24 Hình 4.6 Giao diện trang xem điểm 25 Hình 4.7 Giao diện trang xem thời khóa biểu 25 Hình 4.8 Giao diện trang xem thông tin sinh viên 26 Hình 4.9 Giao diện trang đổi mật 26 Hình 4.10 Giao diện trang quản lý mơn đăng ký 27 Hình 4.11 Giao diện trang nhập điểm 27 Hình 4.12 Giao diện trang sửa môn đăng ký 28 Hình 4.13 Giao diện trang thêm mơn đăng ký 28 Hình 4.14 Giao diện trang quản lý sinh viên 29 Hình 4.15 Giao diện trang thêm sinh viên 29 DANH MỤC BẢNG Bảng 3.1 Bảng sinh viên 13 Bảng 3.2 Bảng môn học 14 Bảng 3.3 Bảng điểm 14 Bảng 3.4 Bảng đăng ký môn học 14 Bảng 3.5 Bảng chương trình đào tạo 15 ix [Type here] Đồ án tốt nghiệp [Type here] Chương 3.Cơ sở liệu sơ đồ chức Bắt đầu Nhập tài khoản, mật Sai Đăng nhập Đúng Kiểm tra thông tin tài khoản Sai Chính xác Đúng Hiển thị trang theo quyền Kết thúc Hình 3.4 Sơ đồ khối đặc tả chức đăng nhập 3.5.2 Chức đăng ký môn học NHD:Bùi Văn Chuyên 17 SVTH: Trương Minh Hiệp [Type here] Đồ án tốt nghiệp [Type here] Chương 3.Cơ sở liệu sơ đồ chức Bắt đầu Hiển thị trang đăng ký môn Xem đăng ký môn Học Sai Kiểm tra thông tin Thống báo không hợp lệ Đúng - Thông báo thành công - Điền thông tin môn học - Thêm vào môn đăng ký Kết thúc Hình 3.5 Sơ đồ khối đặc tả chức đăng ký môn học NHD:Bùi Văn Chuyên 18 SVTH: Trương Minh Hiệp [Type here] Đồ án tốt nghiệp [Type here] Chương 3.Cơ sở liệu sơ đồ chức 3.5.3 Chức Năng Quản Lý Môn Học Bắt đầu Thêm, sửa, xóa mơn học Sai Kiểm tra Thơng báo Đúng - Cập nhật vào sở liệu - Thơng báo thành cơng Kết thúc Hình 3.6 Sơ đồ khối đặc tả chức quản lý môn học NHD:Bùi Văn Chuyên 19 SVTH: Trương Minh Hiệp [Type here] Đồ án tốt nghiệp [Type here] Chương 3.Cơ sở liệu sơ đồ chức 3.5.4 Chức Năng Nhập Điểm Bắt đầu Nhập điểm môn học cho sinh viên Kiểm tra Sai Thông báo Đúng - Cập nhật vào sở liệu - Thông báo thành công Kết thúc Hình 3.7 Sơ đồ khối đặc tả chức nhập điểm NHD:Bùi Văn Chuyên 20 SVTH: Trương Minh Hiệp [Type here] Đồ án tốt nghiệp [Type here] Chương 3.Cơ sở liệu sơ đồ chức 3.5.5 Chức Năng Quản Lý Môn Đăng Ký Bắt đầu Thêm, sửa, xóa mơn học đăng ký Kiểm tra Sai Thơng báo Đúng - Cập nhật vào sở liệu - Thơng báo thành cơng Kết thúc Hình 3.8 Sơ đồ khối đặc tả chức quản lý môn đăng ký NHD:Bùi Văn Chuyên 21 SVTH: Trương Minh Hiệp [Type here] Đồ án tốt nghiệp [Type here] Chương Thiết kế giao diện CHƯƠNG THIẾT KẾ GIAO DIỆN 4.1 GIAO DIỆN TRANG CHỦ 4.1.1 Giao Diện Trang Chủ Chưa Đăng Nhập Hình 4.1 Giao diện trang chủ chưa đăng nhập Giao diện trang chủ chưa đăng nhập có chức xem tin tức kiện thơng báo có nhà trường cho sinh viên biết nắm bắt Để có nhiều chức người dùng phải đăng nhập 4.1.2 Giao Diện Trang Chủ Của Sinh Viên Hình 4.2 Giao diện trang chủ sinh viên đăng nhập Giao diện trang chủ sinh viên đăng nhập vào có chức xem chương trình đào tạo, đăng ký mơn học, xem thời khóa biểu, đổi mật khẩu, xem thơng tin cá nhân đăng xuất NHD:Bùi Văn Chuyên 22 SVTH: Trương Minh Hiệp [Type here] Đồ án tốt nghiệp [Type here] Chương Thiết kế giao diện 4.1.3 Giao Diện Trang Chủ Của Quản Trị Viên Hình 4.3 Giao diện trang chủ quản trị viên đăng nhập Giao diện trang chủ quản trị viên có chức quản lý môn học đăng ký, nhập điểm, quản lý thông tin sinh viên, đổi mật đăng xuất 4.2 GIAO DIỆN TRANG ĐĂNG NHẬP Hình 4.4 Giao diện trang đăng nhập Giao diện trang đăng nhập dùng sinh viên hay quản trị viên muốn đăng nhập vào website NHD:Bùi Văn Chuyên 23 SVTH: Trương Minh Hiệp [Type here] Đồ án tốt nghiệp [Type here] Chương Thiết kế giao diện 4.3 GIAO DỆN CÁC TRANG CHỨC NĂNG CỦA SINH VIÊN 4.3.1 Giao Diện Trang Xem Chương Trình Đào Tạo Hình 4.5 Giao diện trang xem chương trình đào tạo Giao diện xem chương trình đào tạo giúp cho sinh viên xác định mơn có chương trình đào tạo xem mơn học rồi, mơn chưa, môn tự chọn đủ chỉ, tự chọn chưa đủ để đưa định đăng ký mơn học cho xác NHD:Bùi Văn Chuyên 24 SVTH: Trương Minh Hiệp [Type here] Đồ án tốt nghiệp [Type here] Chương Thiết kế giao diện 4.3.2 Giao Diện Trang Xem Điểm Hình 4.6 Giao diện xem điểm Giao diện trang xem điểm giúp cho sinh viên xem điểm sau kết thúc mơn học Sinh viên kiểm tra lại xem điểm có hay khơng để báo cáo lại với giáo viên để kịp thời sửa điểm 4.3.3 Giao Diện Trang Xem Thời Khóa Biểu Hình 4.7 Giao diện trang xem thời khóa biểu Giao diện trang xem thời khóa biểu giúp cho sinh viên sau đăng ký mơn học xong xem thời khóa biểu học ngày thứ buổi sáng hay chiều để xếp thời gian đến lớp hợp lý NHD:Bùi Văn Chuyên 25 SVTH: Trương Minh Hiệp [Type here] Đồ án tốt nghiệp [Type here] Chương Thiết kế giao diện 4.3.4 Giao Diện Trang Thơng Tin Hình 4.8 Giao diện trang xem thông tin sinh viên Giao diện trang xem thông tin sinh viên giúp cho sinh viên xem lại thơng tin cá nhân xem có xác hay khơng giúp cho sinh viên xem học khoa lớp bật đào tạo 4.3.5 Giao Diện Trang Đổi Mật Khẩu Hình 4.9 Giao diện trang đổi mật NHD:Bùi Văn Chuyên 26 SVTH: Trương Minh Hiệp [Type here] Đồ án tốt nghiệp [Type here] Chương Thiết kế giao diện Giao diện trang đổi mật giúp cho sinh viên thay đổi mật cách dễ dàng, dùng mật khác để an tồn mật củ dễ nhớ cho sinh viên 4.4 GIAO DIỆN CÁC CHỨC NĂNG CỦA QUẢN TRỊ VIÊN 4.4.1 Giao Diện Trang Quản Lý Môn Đăng Ký Hình 4.10 Giao diện trang quản lý mơn đăng ký Trang quản lý mơn đăng ký giúp cho quản trị viên dễ dàng kiểm sốt mơn mở kỳ điều chỉnh cho phù hợp, thêm, sửa, xóa mơn học 4.4.2 Giao Diện Trang Nhập Điểm Hình 4.11 Giao diện trang nhập điểm Trang nhập điểm giúp cho quản trị viên dễ dàng cập nhập điểm sinh viên lên hệ thống sau có kết thi NHD:Bùi Văn Chuyên 27 SVTH: Trương Minh Hiệp [Type here] Đồ án tốt nghiệp [Type here] Chương Thiết kế giao diện 4.4.3 Giao Diện Trang Sửa Mơn Đăng Ký Hình 4.12 Giao diện trang sửa môn đăng ký Trang sửa môn đăng ký giúp cho quản trị viên dễ dàng sửa, thay đổi chi tiết môn học mở đăng ký 4.4.4 Giao Diện Trang Thêm Mơn Đăng Ký Hình 4.13 Giao diện trang thêm môn đăng ký Trang thêm mơn đăng ký giúp cho quản trị viên thêm mơn vào trang đăng ký sinh viên có nhu cầu mở mơn mơn đủ điều kiện để mở NHD:Bùi Văn Chuyên 28 SVTH: Trương Minh Hiệp [Type here] Đồ án tốt nghiệp [Type here] Chương Thiết kế giao diện 4.4.5 Giao Diện Trang Quản Lý Sinh Viên Hình 4.14 Giao diện trang quản lý sinh viên Trang quản lý sinh viên giúp cho quản trị viên quản lý thơng tin sinh viên thêm, sửa, xóa 4.4.6 Giao Diện Trang Thêm Sinh Viên Hình 4.15 Giao diện trang thêm sinh viên Trang thêm sinh viên giúp cho quản trị viên thêm sinh viên vào sở liệu NHD:Bùi Văn Chuyên 29 SVTH: Trương Minh Hiệp [Type here] Đồ án tốt nghiệp [Type here] Chương Kết luận hướng phát triển CHƯƠNG KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 5.1 KẾT QUẢ ĐẠT ĐƯỢC Về bản, đồ án giải vấn đề đặt tìm hiểu, xây dựng website đăng ký môn học cho sinh viên trường Đại học Bình Dương Nắm kiến thức html, javascript, sở liệu mysql, thuật tốn hàm tính tốn php Sử dụng thành thạo ngôn ngữ php với hệ thống javascript làm cho việc tối ưu giải thuật giúp cho trang web hoạt động tốt 5.2 HẠN CHẾ Giao diện website sơ sài chưa bắt mắt thời gian hạn chế, với em chưa sử dụng rành css nên hạn chế việc thiết kế giao diện Một số chức chưa hồn thiện, cịn nhiều hạn chế lượng liệu database hạn chế 5.3 HƯỚNG PHÁT TRIỂN Ở thời điểm tại, khả ứng dụng đề tài chưa cao giao diện cịn xấu, số chức chưa hồn thiện Do để đề tài ứng dụng vào thực tế cần phải cải thiện giao diện website, bổ sung hoàn thiện số chức Cần phải cải thiện database tổ chức lại mơ hình quản lý mơn học NHD:Bùi Văn Chun 30 SVTH: Trương Minh Hiệp Đồ án tốt nghiệp Danh mục tài liệu tham khảo DANH MỤC TÀI LIỆU THAM KHẢO [1] w3schools , " w3schools," [Online] Available: https://www.w3schools.com [2] bdu.edu , " bdu.edu," [Online] Available: https://sv.bdu.edu.vn/ [3]workspace,"workspace,"[Online].Available:https://workspace.google.com/produ cts/sites [4] Jon Duckett.(2001) HTML and CSS: Design and Build Websites John Wiley & Sons; 1st edition (November 8, 2011) [5] Jennifer Robbins.(2012) Learning Web Design O'Reilly Media; Fourth edition (September 4, 2012) [6] Robin Nixon.(2014) Learning PHP, MySQL & JavaScript: With jQuery, CSS & HTML5 O'Reilly Media; 4th edition (December 2, 2014) NHD:Bùi Văn Chuyên 31 SVTH: Trương Minh Hiệp