(Đồ án tốt nghiệp) 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 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 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 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 …………………………………………………………………………… 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 TRƯỞNG KHOA năm 2021 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 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 LỜI CẢM ƠN Trong thời gian làm đồ án tốt nghiệp em nhận nhiều giúp đỡ, đóng góp ý kiến bảo nhiệt tình thầy cơ, gia đình bạn bè Em xin gửi lời cảm ơn chân thành đến Ths Nguyễn Thị Xuân Hương, giảng viên Bộ môn Công Nghệ Thông Tin - Trường Đại học Quản lý Cơng nghệ Hải Phịng người tận tình hướng dẫn, bảo em suốt q trình làm khố luận Em xin chân thành cảm ơn thầy cô giáo trường Đại học Quản lý Công nghệ Hải Phịng nói chung, thầy Bộ mơn Cơng Nghệ Thơng Tin nói riêng dạy dỗ cho em kiến thức môn đại cương mơn chun ngành, giúp em có sở lý thuyết vững vàng tạo điều kiện giúp đỡ em suốt q trình học tập để em có ngày hôm Cuối cùng, em xin chân thành cảm ơn gia đình bạn bè, ln tạo điều kiện, quan tâm, giúp đỡ, động viên em suốt q trình học tập hồn thành khố luận tốt nghiệp Em xin chân thành cảm ơn! Hải Phòng, ngày tháng năm 2021 Sinh viên Nguyễn Thành Dương NGUYỄN THÀNH DƯƠNG - CT2001C LỜI MỞ ĐẦU Ngày nay, ứng dụng công nghệ thông tin việc tin học hóa xem yếu tố mang tính định hoạt động phủ, tổ chức, công ty, doanh nghiệp Điều đóng vai trị quan trọng tảng để tạo bước đột phá mạnh mẽ Cùng với phát triển khơng ngừng kỹ thuật máy tính mạng Internet, công nghệ thông tin chứng minh ngành mũi nhọn, chinh phục hết đỉnh cao đến đỉnh cao khác Trên thực tế, mạng Internet sản phẩm có giá trị mức độ ảnh hưởng to lớn trở thành công cụ thiếu, tảng để giúp truyền tải, trao đổi thơng tin toàn cầu Ngày nay, việc liên quan đến thông tin trở nên thật dễ dàng cho người dùng, cần có máy tính kết nối Internet dịng liệu truy tìm gần lập tức, giới vấn đề mà bạn quan tâm ra, có đầy đủ thơng tin, hình ảnh chí đơi lúc có âm bạn cần, v.v Nhận thức nhu cầu tìm hiểu thơng tin, giải trí xã hội đời hàng loạt website cho mục đích thương mại, giải trí, tin tức Để đáp ứng với việc cập nhật thông tin hàng ngày, tình hình xã hội, trị, thời sự, sức khỏe website tin tức đời nhu cầu tất yếu Nhận thấy khoa CNTT trường chưa có website thức mà cần thiết website việc cung cấp thông tin giúp sinh viên nắm bắt tin tức, kiện hay thông báo từ khoa vấn đề cần thiết Do đó, em vận dụng ngơn ngữ lập trình PHP, hệ quản trị sở liệu MySQL để xây dựng Website khoa CNTT – Trường Đại học Quản Lý & Cơng nghệ Hải Phịng Với hướng dẫn tận tình giáo Nguyễn Thị Xuân Hương em hoàn thành đồ án Tuy nhiên khơng tránh khỏi thiếu sót Em mong nhận ý kiến đóng góp quý báu Thầy Cô Em xin chân thành cảm ơn NGUYỄN THÀNH DƯƠNG - CT2001C BẢNG CÁC KÝ HIỆU, CHỮ VIẾT TẮT Tên đầy đủ STT Từ viết tắt CSDL Cơ sở liệu SEO Search Engine Optimization Tối ưu hố cơng cụ tìm kiếm HTML Hypertext Markup Language Ngôn ngữ đánh dấu siêu văn CSS Cascading Style Sheet Ngôn ngữ kịch quy định cách trình bày thẻ HTML PHP Hypertext Preprocessor Ngơn ngữ lập trình PHP OOP Object-Oriented Programming Lập trình hướng đối tượng CNTT Cơng nghệ thơng tin WWW World Wide Web NGUYỄN THÀNH DƯƠNG - CT2001C Giải thích Mạng lưới tồn cầu 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 105 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 106 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 107 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 108 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ý chun 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 109 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 110 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 111 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 112 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 113 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 114 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 115 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 116 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 117 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 118 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 119