Xây dựng website khoa công nghệ thông tin trường đại học quản lý và công nghệ hải phòng

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC QUẢN LÝ VÀ CƠNG NGHỆ HẢI PHỊNG - Đ ÁN TỐT NGHIỆP Ồ NGÀNH : CÔNG NGHỆ THÔNG TIN Sinh viên : Nguyễn Thành Dương Giảng viên hướng dẫn : Ths Nguyễn Thị Xuân Hương HẢI PHÒNG – 2021 TIEU LUAN MOI download : skknchat123@gmail.com BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC QUẢN LÝ VÀ CƠNG NGHỆ HẢI PHỊNG - XÂY DỰNG WEBSITE KHOA CNTT TRƯỜNG ĐẠI HỌC QUẢN LÝ VÀ CƠNG NGHỆ HẢI PHỊNG ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC HỆ CHÍNH QUY NGÀNH: CƠNG NGHỆ THÔNG TIN Sinh viên : Nguyễn Thành Dương Giảng viên hướng dẫn : Ths Nguyễn Thị Xuân Hương HẢI PHÒNG – 2021 TIEU LUAN MOI download : skknchat123@gmail.com BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC QUẢN LÝ VÀ CƠNG NGHỆ HẢI PHỊNG NHIỆM VỤ ĐỀ TÀI TỐT NGHIỆP Sinh viên: Nguyễn Thành Dương Lớp : CT2001C Ngành : Công Nghệ Thông Tin Mã SV: 1612101015 Tên đề tài: Xây dựng website Khoa Công Nghệ Thông Tin - Trường Đại học Quản lý Cơng nghệ Hải Phịng TIEU LUAN MOI download : skknchat123@gmail.com NHIỆM VỤ ĐỀ TÀI Nội dung yêu cầu cần giải nhiệm vụ đề tài tốt nghiệp - Tìm hiểu thông tin Khoa Công nghệ Thông Tin Trường Đại học Quản Lý Cơng Nghệ Hải Phịng - Tìm hiểu ngơn ngữ lập trình PHP, hệ quản trị CSDL MySQL - Xây dựng trang web cho Khoa Công nghệ Thông tin Trường Đại học Quản Lý Công nghệ Hải Phịng + Phân tích thiết kế hệ thống + Xây dựng Front – End, Back - End Demo website thực nghiệm Các tài liệu, số liệu cần thiết …………………………………………………………………………… …………………………………………………………………………… …………………………………………………………………………… …………………………………………………………………………… …………………………………………………………………………… …………………………………………………………………………… …………………………………………………………………………… …………………………………………………………………………… …………………………………………………………………………… Địa điểm thực tập tốt nghiệp …………………………………………………………………………… TIEU LUAN MOI download : skknchat123@gmail.com CÁN BỘ HƯỚNG DẪN ĐỀ TÀI TỐT NGHIỆP Họ tên : Nguyễn Thị Xuân Hương Học hàm, học vị : Thạc sỹ Cơ quan công tác : Trường Đại học Quản lý Công nghệ Hải Phịng Nội dung hướng dẫn: Xây dựng Website Khoa Cơng nghệ Thông tin Trường Đại học Quản lý Công nghệ Hải Phòng Đề tài tốt nghiệp giao ngày … tháng 12 năm 2021 Yêu cầu phải hoàn thành xong trước ngày 31 tháng 12 năm 2021 Đã nhận nhiệm vụ ĐTTN Đã giao nhiệm vụ ĐTTN Sinh viên Giảng viên hướng dẫn Hải Phòng, ngày tháng năm 2021 TRƯỞNG KHOA TIEU LUAN MOI download : skknchat123@gmail.com CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập - Tự - Hạnh phúc PHIẾU NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN TỐT NGHIỆP Họ tên giảng viên: …………………………………………………………………… Đơn vị công tác: ……………………………… Họ tên sinh viên: ……………………………… Ngành: … Nội dung hướng dẫn: …………… …………… Tinh thần thái độ sinh viên trình làm đề tài tốt nghiệp Đánh giá chất lượng đồ án/khóa luận (so với nội dung yêu cầu đề nhiệm vụ Đ.T T.N mặt lý luận, thực tiễn, tính tốn số liệu…) Ý kiến giảng viên hướng dẫn tốt nghiệp Đạt Không đạt Điểm:…………… Hải Phòng, ngày … tháng … năm 2021 Giảng viên hướng dẫn TIEU LUAN MOI download : skknchat123@gmail.com CỘNG HOÀ XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập - Tự - Hạnh phúc PHIẾU NHẬN XÉT CỦA GIẢNG VIÊN CHẤM PHẢN BIỆN Họ tên giảng viên: …………………………………………………………………… Đơn vị công tác: ……………………………………………………………………… Họ tên sinh viên: ……………………………… Ngành: …………………………… Đề tài tốt nghiệp: ……………………………………………………………………… ………………………………………………………………………………………… Phần nhận xét giảng viên chấm phản biện Những mặt hạn chế Ý kiến giảng viên chấm phản biện Đạt Khơng đạt Điểm:…………… Hải Phịng, ngày … tháng … năm 2021 Giảng viên chấm phản biện NGUYỄN THÀNH DƯƠNG - CT2001C TIEU LUAN MOI download : skknchat123@gmail.com Khi đăng nhập thành công hệ thống đưa người dùng đến giao diện trang chủ quản trị viên, tới người dùng nắm quyền quản trị website 3.2.2 Giao diện quản lý Slide Hình 3.4: Giao diện quản lý Slide Giao diện quản lý Slide hiển thị thông tin slide tiêu đề, ảnh slide, mô tả, trạng thái, ngày cập nhật slide Hình 3.5: Giao diện thêm Slide Giao diện thêm Slide form để người dùng nhập thông tin cần thiết để thêm slide NGUYỄN THÀNH DƯƠNG - CT2001C TIEU LUAN MOI download : skknchat123@gmail.com Hình 3.6: Giao diện sửa Slide Giao diện sửa Slide cho phép quản trị viên sửa thơng tin có sẵn slide cập nhật lại lên hệ thống 3.2.3 Giao diện quản lý người dùng Hình 3.7: Giao diện quản lý người dùng Giao diện quản lý Người dùng hiển thị thông tin tất người dùng quản trị viên Giao diện hiển thị đầy đủ thông tin tên, tên đầy đủ, phân quyền truy cập người dùng, nghề nghiệp, số điện thoại, facebook, instagram, ngày cập nhật tài khoản người dùng NGUYỄN THÀNH DƯƠNG - CT2001C TIEU LUAN MOI download : skknchat123@gmail.com 3.2.4 Giao diện quản lý chuyên ngành Hình 3.8: Giao diện quản lý chuyên ngành Tương tự, giao diện quản lý chuyên ngành hiển thị thông tin chuyên ngành tên chuyên ngành, số sinh viên theo học chun ngành đó, hình thức đào tạo, thời gian đào tạo, nội dung, trạng thái ngày cập nhật chuyên ngành Còn giao diện quản trị viên muốn thêm chuyên ngành Hình 3.9: Giao diện thêm chuyên ngành NGUYỄN THÀNH DƯƠNG - CT2001C TIEU LUAN MOI download : skknchat123@gmail.com 3.2.5 Giao diện quản lý giảng viên Hình 3.10: Giao diện quản lý giảng viên Giao diện quản lý giảng viên hiển thị danh sách giảng viên công tác Khoa, hiển thị đầy đủ thông tin họ tên, ảnh đại diện, trình độ, chức vụ, email, số điện thoại, tình trạng ngày cập nhật giảng viên Còn muốn thêm giảng viên đó, hệ thống hiển thị form sau: Hình 3.11: Giao diện thêm giảng viên NGUYỄN THÀNH DƯƠNG - CT2001C TIEU LUAN MOI download : skknchat123@gmail.com 3.2.6 Giao diện quản lý chuyên mục Giao diện chuyên mục chuyên mục xuất trang chủ giao diện người dùng, chuyên mục có chuyên mục con, chuyên mục bao gồm list viết (VD: chuyên mục hội việc làm gồm tất viết hội việc làm cho sinh viên Khoa) viết riêng (VD: chuyên mục giới thiệu chung viết giới thiệu chung thông tin Khoa chuyên ngành đào tạo, tơn chỉ, lịch sử hình thành ) Hình 3.12: Giao diện quản lý chuyên mục Nhìn vào hình ta thấy thơng tin chuyên mục, chuyên mục nó, thứ tự xuất website, trạng thái, chuyên mục dạng list hay dạng viết Hình 3.13: Giao diện thêm chuyên mục NGUYỄN THÀNH DƯƠNG - CT2001C TIEU LUAN MOI download : skknchat123@gmail.com Giao diện sửa chuyên mục thực chất giống giao diện thêm chuyên mục Hình 3.14: Giao diện sửa chuyên mục Khi muốn tạo viết cho chuyên mục, ta ấn vào biểu tượng chuyên mục tồn viết sẵn, hệ thống có biểu tượng xóa viết ấn vào biểu tượng , cịn Ta sửa Khi đó, giao diện hiển thị: Hình 3.15: Giao diện sửa xóa viết chuyên mục Bằng cách ấn vào nút cuối form, ta cập nhật lại thơng tin xóa viết cho chuyên mục muốn NGUYỄN THÀNH DƯƠNG - CT2001C TIEU LUAN MOI download : skknchat123@gmail.com 3.2.7 Giao diện quản lý viết Hình 3.16: Giao diện quản lý viết Giao diện quản lý viết hiển thị danh sách viết, thông tin viết gồm tiêu đề viết, chuyên mục, ảnh đại diện, nội dung viết, tệp đính kèm, trạng thái ngày cập nhật Nếu muốn sửa viết nào, ta cần ấn vào mục “Tùy chọn” chọn sửa Hệ thống hiển thị phần form chỉnh sửa viết Hình 3.17: Giao diện chỉnh sửa viết NGUYỄN THÀNH DƯƠNG - CT2001C TIEU LUAN MOI download : skknchat123@gmail.com 3.2.8 Giao diện quản lý liên hệ Hình 3.18: Giao diện quản lý liên hệ Quản trị viên nhìn thấy liên hệ phản hồi họ tên, email, số điện thoại, nội dung quản trị viên xóa liên hệ muốn NGUYỄN THÀNH DƯƠNG - CT2001C TIEU LUAN MOI download : skknchat123@gmail.com 3.3 Demo giao diện người dùng 3.3.1 Giao diện trang chủ Hình 3.19: Giao diện trang chủ Website NGUYỄN THÀNH DƯƠNG - CT2001C TIEU LUAN MOI download : skknchat123@gmail.com Tại giao diện trang chủ thông tin banner, logo Khoa, danh sách chuyên mục, chuyên ngành, viết thuộc chuyên mục tin tức, thơng báo kiện Ngồi phần sidebar có kiên, hội việc làm cho sinh viên 3.3.2 Giao diện danh sách viết Hình 3.20: Giao diện danh sách viết Giao diện danh sách viết hiển thị danh sách viết thuộc chuyên mục, phần sidebar gồm viết gửi Mail NGUYỄN THÀNH DƯƠNG - CT2001C TIEU LUAN MOI download : skknchat123@gmail.com 3.3.3 Giao diện chi tiết viết Hình 3.21: Giao diện chi tiết viết Tương tự, giao diện chi tiết viết có ảnh viết, nội dung viết, tác giả thời gian viết NGUYỄN THÀNH DƯƠNG - CT2001C TIEU LUAN MOI download : skknchat123@gmail.com 3.3.4 Giao diện trang liên hệ Hình 3.22: Giao diện trang liên hệ Giao diện trang liên hệ form để người dùng nhập thông tin tên người liên hệ, email, số điện thoại nội dung liên hệ Khi người dùng nhấn “Gửi” thông tin gửi lên sever quản trị viên đọc trả lời cho họ NGUYỄN THÀNH DƯƠNG - CT2001C TIEU LUAN MOI download : skknchat123@gmail.com 3.3.5 Giao diện website thiết bị di động Hình 3.23: Giao diện website thiết bị di động NGUYỄN THÀNH DƯƠNG - CT2001C TIEU LUAN MOI download : skknchat123@gmail.com KẾT LUẬN Về hiểu trình xây dựng website ngơn ngữ lập trình PHP Xây dựng trang với giao diện thân thiện, từ ngữ dễ hiểu dễ sử dụng với người dùng Đồng thời tạo chức quản lý nội dung khiến người dùng dễ dàng thao tác, quản lý Xây dựng chức phân quyền người dùng đăng nhập để quản lý nội dung Xây dựng trang web hiển thị nội dung linh hoạt, giúp cập nhập tin tức, hình ảnh, viết dễ dàng Thiết kế giao diện với màu sắc bố cục hài hòa tạo cho người sử dụng cảm thấy thoải mái sử dụng Tuy nhiên số hạn chế, website nhỏ Thiếu chức tìm kiếm nội dung, chức đăng ký, chức comment, xem số view chức chat trực tuyến với người dùng Nội dung chưa đáp ứng đầy đủ tới người dùng Trong thời gian tới em hồn thành chức tìm kiếm nội dung, chức đăng ký chức chat trực tuyến với người dùng Tạo sở liệu phong phú tối ưu hơn, xây dựng trang chi tiết đa dạng hơn, nội dung thuận tiện tới người dùng NGUYỄN THÀNH DƯƠNG - CT2001C TIEU LUAN MOI download : skknchat123@gmail.com TÀI LIỆU THAM KHẢO [1.] Trần Đình Quế, Nguyễn Mạnh Sơn, Phân tích thiết kế hệ thống thơng tin, Học viện Cơng nghệ Bưu Viễn Thơng, 2007 [2.] Nguyễn Văn Vị (2002), Phân tích thiết kế hệ thống thông tin quản lý, NXB Thống kê [3.] https://laravel.com/docs/7.x [4.] https://khoapham.vn/lap-trinh-php.html [5.] https://github.com/dropways/deskapp [6.] https://fullstack.edu.vn/courses/html-css [7.] https://fullstack.edu.vn/courses/javascript-co-ban [8.] https://getbootstrap.com/ [9.] https://www.w3schools.com/ NGUYỄN THÀNH DƯƠNG - CT2001C TIEU LUAN MOI download : skknchat123@gmail.com ... BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC QUẢN LÝ VÀ CÔNG NGHỆ HẢI PHÒNG - XÂY DỰNG WEBSITE KHOA CNTT TRƯỜNG ĐẠI HỌC QUẢN LÝ VÀ CƠNG NGHỆ HẢI PHỊNG ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC HỆ CHÍNH... Hương Học hàm, học vị : Thạc sỹ Cơ quan công tác : Trường Đại học Quản lý Cơng nghệ Hải Phịng Nội dung hướng dẫn: Xây dựng Website Khoa Công nghệ Thông tin Trường Đại học Quản lý Cơng nghệ Hải. .. thơng tin Khoa Công nghệ Thông Tin Trường Đại học Quản Lý Cơng Nghệ Hải Phịng - Tìm hiểu ngơn ngữ lập trình PHP, hệ quản trị CSDL MySQL - Xây dựng trang web cho Khoa Công nghệ Thông tin Trường Đại