Tài liệu Đồ án 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ý và Công nghệ Hải Phòng. NHIỆM VỤ ĐỀ TÀI 1. Nội dung và các yêu cầu cần giải quyết trong nhiệm vụ đề tài tốt nghiệp - Tìm hiểu các thông tin về Khoa Công nghệ Thông Tin Trường Đại học Quản Lý và 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ý và 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. 2. Các tài liệu, số liệu cần thiết …………………………………………………………………………… …………………………………………………………………………… …………………………………………………………………………… …………………………………………………………………………… …………………………………………………………………………… …………………………………………………………………………… …………………………………………………………………………… …………………………………………………………………………… …………………………………………………………………………… 3. Đị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ọ và 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ý và 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ý và Công nghệ Hải Phòng. Đề tài tốt nghiệp được 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ự do - 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ọ và tên giảng viên: …………………………………………………………………… Đơn vị công tác: ……………………………… ........................................... …………… Họ và tên sinh viên: ……………………………… Ngành:..… ...................... …………. Nội dung hướng dẫn: …………… ....................................................... …………………. …………… .................................................................................................................... ... 1. Tinh thần thái độ của sinh viên trong quá trình làm đề tài tốt nghiệp ............................................................................................................................ ............................................................................................................................ ............................................................................................................................ ............................................................................................................................ ............................................................................................................................ 2. Đánh giá chất lượng của đồ án/khóa luận (so với nội dung yêu cầu đó đề ra trong nhiệm vụ Đ.T. T.N trên các mặt lý luận, thực tiễn, tính toán số liệu…) ............................................................................................................................ ............................................................................................................................ ............................................................................................................................ ............................................................................................................................ ............................................................................................................................ ............................................................................................................................ 3. Ý kiến của 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ự do - Hạnh phúc PHIẾU NHẬN XÉT CỦA GIẢNG VIÊN CHẤM PHẢN BIỆN Họ và tên giảng viên: …………………………………………………………………… Đơn vị công tác: ……………………………………………………………………….. Họ và tên sinh viên: ……………………………… Ngành: …………………………… Đề tài tốt nghiệp: ……………………………………………………………………….. ………………………………………………………………………………………….. 1. Phần nhận xét của giảng viên chấm phản biện ................................................................................................................................. ................................................................................................................................. ................................................................................................................................. ................................................................................................................................. ................................................................................................................................. ................................................................................................................................. 2. Những mặt còn hạn chế ................................................................................................................................. ................................................................................................................................. ................................................................................................................................. ................................................................................................................................. ................................................................................................................................. ................................................................................................................................. ................................................................................................................................. 3. Ý kiến của 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 1 LỜI CẢM ƠN Trong thời gian làm đồ án tốt nghiệp em đã nhận được nhiều sự giúp đỡ, đóng góp ý kiến và chỉ bảo nhiệt tình của thầy cô, gia đình và 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ý và Công nghệ Hải Phòng người đã tận tình hướng dẫn, chỉ bảo em trong suốt quá trình làm khoá luận. Em cũng xin chân thành cảm ơn các thầy cô giáo trong trường Đại học Quản lý và Công nghệ Hải Phòng nói chung, các thầy cô trong Bộ môn Công Nghệ Thông Tin nói riêng đã dạy dỗ cho em kiến thức về các môn đại cương cũng như các môn chuyên ngành, giúp em có được cơ sở lý thuyết vững vàng và tạo điều kiện giúp đỡ em trong suốt quá trình học tập để em có được ngày hôm nay. Cuối cùng, em xin chân thành cảm ơn gia đình và bạn bè, đã luôn tạo điều kiện, quan tâm, giúp đỡ, động viên em trong suốt quá trình học tập và hoàn thành khoá 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 2 LỜI MỞ ĐẦU Ngày nay, ứng dụng công nghệ thông tin và việc tin học hóa được xem là một trong những yếu tố mang tính quyết định trong hoạt động của các chính phủ, tổ chức, cũng như của các công ty, doanh nghiệp. Điều này đóng vai trò hết sức quan trọng và là một trong những nền tảng để tạo ra những bước đột phá mạnh mẽ. Cùng với sự phát triển không ngừng về kỹ thuật máy tính và mạng Internet, công nghệ thông tin đã chứng minh được rằng đây là một trong những ngành mũi nhọn, lần lượt chinh phục hết đỉnh cao này đến đỉnh cao khác. Trên thực tế, mạng Internet là một trong những sản phẩm có giá trị và mức độ ảnh hưởng to lớn và trở thành một công cụ không thể thiếu, là nền tảng chính để giúp truyền tải, trao đổi thông tin trên toàn cầu. Ngày nay, mọi việc liên quan đến thông tin trở nên thật dễ dàng cho người dùng, chỉ cần có một máy tính kết nối Internet và một dòng dữ liệu truy tìm thì gần như lập tức, cả thế giới về vấn đề mà bạn đang quan tâm sẽ hiện ra, có đầy đủ thông tin, hình ảnh và thậm chí đôi lúc có cả những âm thanh nếu bạn cần, v.v. Nhận thức được nhu cầu tìm hiểu thông tin, giải trí của xã hội là sự ra đời của hàng loạt website cho các 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, chính trị, thời sự, và sức khỏe... thì website tin tức ra đời là một nhu cầu tất yếu. Nhận thấy khoa CNTT trường mình vẫn chưa có website chính thức mà sự cần thiết của một website trong việc cung cấp thông tin giúp các sinh viên có thể nắm bắt tin tức, sự kiện hay thông báo từ khoa là một vấn đề cần thiết. Do đó, em đã vận dụng ngôn ngữ lập trình PHP, hệ quản trị cơ sở dữ liệu MySQL để xây dựng Website về khoa CNTT – Trường Đại học Quản Lý & Công nghệ Hải Phòng. Với sự hướng dẫn tận tình của cô giáo Nguyễn Thị Xuân Hương em đã hoàn thành đồ án này. Tuy nhiên sẽ không tránh khỏi những thiếu sót. Em rất mong nhận được những ý kiến đóng góp quý báu của Thầy Cô. Em xin chân thành cảm ơn. NGUYỄN THÀNH DƯƠNG - CT2001C 3 BẢNG CÁC KÝ HIỆU, CHỮ VIẾT TẮT Tên đầy đủ STT Từ viết tắt 1 CSDL Cơ sở dữ liệu 2 SEO Search Engine Optimization Tối ưu hoá công cụ tìm kiếm 3 HTML Hypertext Markup Language Ngôn ngữ đánh dấu siêu văn bản 4 CSS Cascading Style Sheet Ngôn ngữ kịch bản quy định cách trình bày của thẻ HTML 5 PHP Hypertext Preprocessor Ngôn ngữ lập trình PHP 6 OOP Object-Oriented Programming Lập trình hướng đối tượng 7 CNTT Công nghệ thông tin 8 WWW World Wide Web NGUYỄN THÀNH DƯƠNG - CT2001C Giải thích Mạng lưới toàn cầu 4 MỤC LỤC CHƯƠNG 1: TỔNG QUAN ....................................................................................... 16 1.1 Tổng quan về World Wide Web ......................................................................... 16 1.1.1 Khái niệm ..................................................................................................... 16 1.1.2 Lợi ích của WWW mang lại ........................................................................ 16 1.1.3 Nguyên tắc hoạt động .................................................................................. 17 1.1.4 Các chức năng chính .................................................................................... 17 1.1.5 Sự phát triển của WWW trong thời đại ngày nay........................................ 17 1.1.6 Tầm quan trọng của WWW ......................................................................... 18 1.2 Tổng quan về HTML – CSS ............................................................................... 18 1.2.1 Tổng quan về HTML ................................................................................... 18 1.2.2. Tổng quan về CSS ...................................................................................... 21 1.3 Ngôn ngữ PHP .................................................................................................... 23 1.3.1 Định nghĩa PHP ........................................................................................... 23 1.3.2 Lý do nên dùng PHP .................................................................................... 24 1.3.3 Cách thức hoạt động của PHP ..................................................................... 24 1.3.4 Tổng quan về PHP ....................................................................................... 25 1.3.5 Hàm trong PHP ............................................................................................ 26 1.3.6 Biểu mẫu PHP .............................................................................................. 27 1.3.7 PHP OOP (Object-Oriented Programming.) ............................................... 27 1.3.8 Session và Cookie ........................................................................................ 27 1.4 Hệ quản trị CSDL MySQL ................................................................................. 28 1.4.1 Giới thiệu về My SQL ................................................................................. 28 1.4.2 Mục đính sử dụng CSDL ............................................................................. 28 1.5 Boostrap .............................................................................................................. 29 1.5.1 Định nghĩa Bootstrap ................................................................................... 29 1.5.2 Lịch sử phát triển của Boostrap ................................................................... 30 1.5.3 Lý do nên sử dụng Boostrap ........................................................................ 30 1.5.4 Cấu trúc và Tính năng của Boostrap............................................................ 31 1.6 Thư viện jQuery .................................................................................................. 32 1.6.1 Định nghĩa.................................................................................................... 32 1.6.2 Tại sao nên chọn jQuery .............................................................................. 32 1.6.3 Cài đặt tích hợp jQuery vào website ............................................................ 33 1.6.4 Cú pháp jQuery ............................................................................................ 33 1.7 Mô hình MVC ..................................................................................................... 34 1.7.1 MVC là gì?................................................................................................... 34 1.7.2 Các thành phần trong MVC ......................................................................... 34 1.7.3 MVC làm việc như thế nào? ........................................................................ 35 1.7.4 Ưu điểm và nhược điểm của MVC .............................................................. 36 1.8 Ứng dụng Laragon .............................................................................................. 36 1.8.1 Định nghĩa.................................................................................................... 36 1.8.2 Lý do nên sử dụng Laragon thay XAMPP .................................................. 36 CHƯƠNG 2. PHÂN TÍCH THIẾT KẾ HỆ THỐNG .............................................. 37 2.1 Phân tích thiết kế hướng đối tượng UML ........................................................... 37 NGUYỄN THÀNH DƯƠNG - CT2001C 5 2.1.1 Khái niệm phân tích thiết kế hướng đối tượng ............................................ 37 2.1.2 Khái niệm UML ........................................................................................... 37 2.1.3 Phát biểu bài toán ......................................................................................... 39 2.2 Các yêu cầu phi chức năng.................................................................................. 42 2.3 Phân tích thiết kế hệ thống .................................................................................. 42 2.3.1 Thiết kế hệ thống ......................................................................................... 42 2.3.2 Sơ đồ phân cấp chức năng ........................................................................... 44 2.4 Biểu đồ Use case ................................................................................................. 45 2.4.1 Biểu đồ Usecase tổng quát ........................................................................... 46 2.4.2 Use case đăng nhập ...................................................................................... 46 2.4.3 Use case quản lý người dùng ....................................................................... 47 2.4.4 Use case quản lý chuyên mục ...................................................................... 50 2.4.5 Use case quản lý bài viết ............................................................................. 54 2.4.6 Use case quản lý giảng viên......................................................................... 57 2.4.7 Use case quản lý chuyên ngành ................................................................... 60 2.4.9 Use case quản lý liên hệ............................................................................... 67 2.4.10 Use case gửi liên hệ ................................................................................... 68 2.4.11 Use case xem bài viết ................................................................................ 69 2.5 Biểu đồ tuần tự .................................................................................................... 70 2.5.1 Biểu đồ tuần tự chức năng đăng nhập.......................................................... 70 2.5.2 Biểu đồ tuần tự quản lý chuyên mục ........................................................... 71 2.5.3 Biểu đồ tuần tự quản lý bài viết ................................................................... 72 2.5.4 Biểu đồ tuần tự quản lý giảng viên .............................................................. 73 2.5.5 Biểu đồ tuần tự quản lý slide ....................................................................... 74 2.5.6 Biểu đồ tuần tự quản lý chuyên ngành ........................................................ 75 2.5.7 Biểu đồ tuần tự quản lý Users...................................................................... 76 2.5.8 Biểu đồ tuần tự quản lý Liên hệ................................................................... 77 2.5.9 Biểu đồ tuần tự gửi Liên hệ ......................................................................... 77 2.5.10 Biểu đồ tuần tự xem bài viết ...................................................................... 78 2.6 Biểu đồ cộng tác .................................................................................................. 78 2.6.1 Biểu đồ cộng tác chức năng đăng nhập ....................................................... 79 2.6.2 Biểu đồ cộng tác chức năng hiển thị danh sách modul................................ 79 2.6.2 Biểu đồ cộng tác chức năng thêm modul ..................................................... 80 2.6.3 Biểu đồ cộng tác chức năng sửa modul ....................................................... 80 2.6.4 Biểu đồ cộng tác chức năng xóa modul ....................................................... 81 2.7 Biểu đồ hoạt động ............................................................................................... 81 2.7.1 Biểu đồ hoạt động chức năng thêm chuyên mục ......................................... 82 2.7.2 Biểu đồ hoạt động chức năng sửa chuyên mục ........................................... 82 2.7.3 Biểu đồ hoạt động chức năng xóa chuyên mục ........................................... 83 2.7.4 Biểu đồ hoạt động chức năng thêm bài viết ................................................ 83 2.7.5 Biểu đồ hoạt động chức năng sửa bài viết ................................................... 84 2.7.6 Biểu đồ hoạt động chức năng xóa bài viết ................................................... 84 2.7.7 Biểu đồ hoạt động chức năng thêm giảng viên............................................ 85 2.7.8 Biểu đồ hoạt động chức năng sửa giảng viên .............................................. 85 2.7.9 Biểu đồ hoạt động chức năng xóa giảng viên .............................................. 86 2.7.10 Biểu đồ hoạt động chức năng thêm chuyên ngành .................................... 86 NGUYỄN THÀNH DƯƠNG - CT2001C 6 2.7.11 Biểu đồ hoạt động chức năng sửa chuyên ngành ...................................... 87 2.7.12 Biểu đồ hoạt động chức năng xóa chuyên ngành ...................................... 87 2.7.13 Biểu đồ hoạt động chức năng thêm slide ................................................... 88 2.7.14 Biểu đồ hoạt động chức năng sửa slide ..................................................... 88 2.7.15 Biểu đồ hoạt động chức năng xóa slide ..................................................... 89 2.7.16 Biểu đồ hoạt động chức năng phân quyền người dùng ............................. 89 2.7.17 Biểu đồ hoạt động chức năng sửa thông tin người dùng ........................... 90 2.7.18 Biểu đồ hoạt động chức năng khóa tài khoản người dùng ........................ 90 2.8 Biểu đồ lớp .......................................................................................................... 91 2.8.1 Biểu đồ lớp Use case Đăng nhập ................................................................. 91 2.8.2 Biểu đồ lớp Use case quản lý người dùng ................................................... 92 2.8.3 Biểu đồ lớp Use case quản lý chuyên mục .................................................. 92 2.8.4 Biểu đồ lớp Use case quản lý bài viết .......................................................... 93 2.8.5 Biểu đồ lớp Use case quản lý giảng viên ..................................................... 93 2.8.6 Biểu đồ lớp Use case quản lý chuyên ngành ............................................... 94 2.8.7 Biểu đồ lớp Use case quản lý slide .............................................................. 94 2.8.9 Biểu đồ lớp Use case quản lý liên hệ ........................................................... 95 2.8.10 Biểu đồ lớp Use case gửi liên hệ ............................................................... 95 2.8.11 Biểu đồ lớp Use case xem bài viết ............................................................. 96 2.9 Thiết kế cơ sở dữ liệu .......................................................................................... 96 2.9.1 Danh sách các bảng...................................................................................... 96 2.9.2 Bảng Users ................................................................................................... 97 2.9.3 Bảng Major .................................................................................................. 97 2.9.4 Bảng Slide .................................................................................................... 98 2.9.5 Bảng Blog .................................................................................................... 98 2.9.6 Bảng News ................................................................................................... 99 2.9.7 Bảng Lecturer .............................................................................................. 99 2.9.8 Bảng Contact.............................................................................................. 100 2.9.9 Mô hình CSDL........................................................................................... 101 CHƯƠNG 3. DEMO WEBSITE .............................................................................. 102 3.1 Cấu trúc thư mục ............................................................................................... 102 3.1.1 App.............................................................................................................102 3.1.2 Config ........................................................................................................103 3.1.3 Public .........................................................................................................103 3.1.4 Core ............................................................................................................103 3.1.5 Htaccess .....................................................................................................103 3.1.6 Composer ...................................................................................................103 3.2 Demo giao diện quản trị viên ............................................................................104 3.2.1 Giao diện đăng nhập .................................................................................. 104 3.2.2 Giao diện quản lý Slide..............................................................................105 3.2.3 Giao diện quản lý người dùng ...................................................................106 3.2.4 Giao diện quản lý chuyên ngành ............................................................... 107 3.2.5 Giao diện quản lý giảng viên .....................................................................108 3.2.6 Giao diện quản lý chuyên mục ..................................................................109 3.2.7 Giao diện quản lý bài viết ..........................................................................111 3.2.8 Giao diện quản lý liên hệ ...........................................................................112 NGUYỄN THÀNH DƯƠNG - CT2001C 7 3.3 Demo giao diện người dùng .............................................................................113 3.3.1 Giao diện trang chủ .................................................................................... 113 3.3.2 Giao diện danh sách bài viết ......................................................................114 3.3.3 Giao diện chi tiết bài viết ...........................................................................115 3.3.4 Giao diện trang liên hệ ...............................................................................116 3.3.5 Giao diện website trên thiết bị di động ...................................................... 117 KẾT LUẬN ................................................................................................................. 118 TÀI LIỆU THAM KHẢO ........................................................................................... 119 NGUYỄN THÀNH DƯƠNG - CT2001C 8 DANH MỤC HÌNH VẼ Hình 1.1: Cấu trúc của file HTML ................................................................................ 19 Hình 1.2: Sơ đồ hoạt động của PHP .............................................................................. 24 Hình 1.3: Cấu trúc mô hình MVC ................................................................................. 34 Hình 1.4: Cách hoạt động của mô hình MVC ............................................................... 35 Hình 2.1: Các phần tử của UML ................................................................................... 37 Hình 2.2: Sơ đồ phân rã chức năng ............................................................................... 44 Hình 2.3: Biểu đồ Usecase tổng quát ............................................................................ 46 Hình 2.4: Biểu đồ Use case đăng nhập .......................................................................... 46 Hình 2.5: Biểu đồ Use case quản lý người dùng ........................................................... 47 Hình 2.6: Biểu đồ Use case quản lý chuyên mục .......................................................... 50 Hình 2.7: Biểu đồ Use case quản lý bài viết ................................................................. 54 Hình 2.8: Biểu đồ Use case quản lý giảng viên............................................................. 57 Hình 2.9: Biểu đồ Use case quản lý chuyên ngành ....................................................... 60 Hình 2.10: Biểu đồ Use case quản lý slide .................................................................... 64 Hình 2.11: Biểu đồ Use case quản lý liên hệ................................................................. 67 Hình 2.12: Biểu đồ Use case gửi liên hệ ....................................................................... 68 Hình 2.13: Biểu đồ Use case xem bài viết .................................................................... 69 Hình 2.14: Biểu đồ tuần tự chức năng đăng nhập ......................................................... 70 Hình 2.15: Biểu đồ tuần tự quản lý chuyên mục ........................................................... 71 Hình 2.16: Biểu đồ tuần tự quản lý bài viết .................................................................. 72 Hình 2.17: Biểu đồ tuần tự quản lý giảng viên ............................................................. 73 Hình 2.18: Biểu đồ tuần tự quản lý slide ....................................................................... 74 Hình 2.19: Biểu đồ tuần tự quản lý chuyên ngành ........................................................ 75 Hình 2.20: Biểu đồ tuần tự quản lý Users ..................................................................... 76 Hình 2.21: Biểu đồ tuần tự quản lý liên hệ ................................................................... 77 Hình 2.22: Biểu đồ tuần tự gửi liên hệ .......................................................................... 77 Hình 2.23: Biểu đồ tuần tự xem bài viết ....................................................................... 78 Hình 2.24: Biểu đồ cộng tác chức năng đăng nhập ....................................................... 79 Hình 2.25: Biểu đồ cộng tác chức năng hiển thị danh sách modul ............................... 79 Hình 2.26: Biểu đồ cộng tác chức năng thêm modul .................................................... 80 Hình 2.27: Biểu đồ cộng tác chức năng sửa modul ....................................................... 80 Hình 2.28: Biểu đồ cộng tác chức năng xóa modul ...................................................... 81 Hình 2.29: Biểu đồ hoạt động chức năng thêm danh mục ............................................ 82 NGUYỄN THÀNH DƯƠNG - CT2001C 9 Hình 2.30: Biểu đồ hoạt động chức năng sửa chuyên mục ........................................... 82 Hình 2.31: Biểu đồ hoạt động chức năng xóa chuyên mục ........................................... 83 Hình 2.32: Biểu đồ hoạt động chức năng thêm bài viết ................................................ 83 Hình 2.33: Biểu đồ hoạt động chức năng sửa bài viết .................................................. 84 Hình 2.34: Biểu đồ hoạt động chức năng xóa bài viết .................................................. 84 Hình 2.35: Biểu đồ hoạt động chức năng thêm giảng viên ........................................... 85 Hình 2.36: Biểu đồ hoạt động chức năng sửa giảng viên.............................................. 85 Hình 2.37: Biểu đồ hoạt động chức năng xóa giảng viên ............................................. 86 Hình 2.38: Biểu đồ hoạt động chức năng thêm chuyên ngành ..................................... 86 Hình 2.39: Biểu đồ hoạt động chức năng sửa chuyên ngành ........................................ 87 Hình 2.40: Biểu đồ hoạt động chức năng xóa chuyên ngành ........................................ 87 Hình 2.41: Biểu đồ hoạt động chức năng thêm slide .................................................... 88 Hình 2.42: Biểu đồ hoạt động chức năng sửa slide ....................................................... 88 Hình 2.43: Biểu đồ hoạt động chức năng xóa slide....................................................... 89 Hình 2.44: Biểu đồ hoạt động chức năng phân quyền người dùng ............................... 89 Hình 2.45: Biểu đồ hoạt động chức năng sửa thông tin người dùng............................. 90 Hình 2.46: Biểu đồ hoạt động chức năng khóa tài khoản người dùng .......................... 90 Hình 2.47: Biểu đồ lớp Use case đăng nhập ................................................................. 91 Hình 2.48: Biểu đồ lớp Use case quản lý người dùng ................................................... 92 Hình 2.49: Biểu đồ lớp Use case quản lý chuyên mục.................................................. 92 Hình 2.50: Biểu đồ lớp Use case quản lý bài viết ......................................................... 93 Hình 2.51: Biểu đồ lớp Use case quản lý giảng viên .................................................... 93 Hình 2.52: Biểu đồ lớp Use case quản lý chuyên ngành ............................................... 94 Hình 2.53: Biểu đồ lớp Use case quản lý slide.............................................................. 94 Hình 2.54: Biểu đồ lớp Use case quản lý liên hệ .......................................................... 95 Hình 2.55: Biểu đồ lớp Use case gửi liên hệ ................................................................. 95 Hình 2.56: Biểu đồ lớp Use case xem bài viết .............................................................. 96 Hình 2.57: Mô hình CSDL .......................................................................................... 101 Hình 3.1: Các thư mục trong source website .............................................................. 102 Hình 3.2: Giao diện đăng nhập .................................................................................... 104 Hình 3.3: Giao diện trang chủ trang quản trị viên ....................................................... 104 Hình 3.4: Giao diện quản lý Slide ............................................................................... 105 Hình 3.5: Giao diện thêm Slide ................................................................................... 105 Hình 3.6: Giao diện sửa Slide...................................................................................... 106 Hình 3.7: Giao diện quản lý người dùng ..................................................................... 106 NGUYỄN THÀNH DƯƠNG - CT2001C 10 Hình 3.8: Giao diện quản lý chuyên ngành ................................................................. 107 Hình 3.9: Giao diện thêm chuyên ngành ..................................................................... 107 Hình 3.10: Giao diện quản lý giảng viên..................................................................... 108 Hình 3.11: Giao diện thêm giảng viên mới ................................................................. 108 Hình 3.12: Giao diện quản lý chuyên mục .................................................................. 109 Hình 3.13: Giao diện thêm chuyên mục ...................................................................... 109 Hình 3.14: Giao diện sửa chuyên mục ........................................................................ 110 Hình 3.15: Giao diện sửa hoặc xóa bài viết của chuyên mục ..................................... 110 Hình 3.16: Giao diện quản lý bài viết ......................................................................... 111 Hình 3.17: Giao diện chỉnh sửa bài viết ...................................................................... 111 Hình 3.18: Giao diện quản lý liên hệ........................................................................... 112 Hình 3.19: Giao diện trang chủ Website ..................................................................... 113 Hình 3.20: Giao diện danh sách bài viết ..................................................................... 114 Hình 3.21: Giao diện chi tiết bài viết .......................................................................... 115 Hình 3.22: Giao diện trang liên hệ .............................................................................. 116 Hình 3.23: Giao diện website trên thiết bị di động ..................................................... 117 NGUYỄN THÀNH DƯƠNG - CT2001C 11 DANH MỤC BẢNG Bảng 2.2: Kịch bản chức năng đăng nhập ..................................................................... 46 Bảng 2.3: Kịch bản chức năng quản lý người dùng ...................................................... 47 Bảng 2.4: Kịch bản chức năng phân quyền người dùng ............................................... 48 Bảng 2.5: Kịch bản chức năng sửa thông tin người dùng ............................................. 49 Bảng 2.6: Kịch bản chức năng khóa tài khoản người dùng .......................................... 50 Bảng 2.7: Kịch bản chức năng quản lý chuyên mục ..................................................... 51 Bảng 2.8: Kịch bản chức năng thêm chuyên mục ......................................................... 51 Bảng 2.9: Kịch bản chức năng sửa chuyên mục ........................................................... 52 Bảng 2.10: Kịch bản chức năng xóa chuyên mục ......................................................... 53 Bảng 2.11: Kịch bản chức năng quản lý bài viết........................................................... 54 Bảng 2.12: Kịch bản chức năng thêm bài viết .............................................................. 55 Bảng 2.13: Kịch bản chức năng sửa bài viết ................................................................. 55 Bảng 2.14: Kịch bản chức năng xóa bài viết ................................................................. 56 Bảng 2.15: Kịch bản chức năng quản lý giảng viên ...................................................... 57 Bảng 2.16: Kịch bản chức năng thêm giảng viên.......................................................... 58 Bảng 2.17: Kịch bản chức năng sửa giảng viên ............................................................ 58 Bảng 2.18: Kịch bản chức năng xóa giảng viên ............................................................ 59 Bảng 2.19: Kịch bản chức năng quản lý chuyên ngành ................................................ 60 Bảng 2.20: Kịch bản chức năng thêm chuyên ngành .................................................... 61 Bảng 2.21: Kịch bản chức năng sửa chuyên ngành ...................................................... 62 Bảng 2.22: Kịch bản chức năng xóa chuyên ngành ...................................................... 63 Bảng 2.23: Kịch bản chức năng quản lý slide ............................................................... 64 Bảng 2.24: Kịch bản chức năng thêm slide ................................................................... 64 Bảng 2.25: Kịch bản chức năng sửa slide ..................................................................... 65 Bảng 2.26: Kịch bản chức năng xóa slide ..................................................................... 66 Bảng 2.27: Kịch bản chức năng xóa liên hệ .................................................................. 67 Bảng 2.28: Kịch bản chức năng gửi liên hệ .................................................................. 68 Bảng 2.29: Kịch bản chức năng xem bài viết................................................................ 69 Bảng 2.30: Danh sách các bảng..................................................................................... 96 Bảng 2.31: Bảng User.................................................................................................... 97 Bảng 2.32: Bảng Major ................................................................................................. 97 Bảng 2.33: Bảng Slide ................................................................................................... 98 Bảng 2.34: Bảng Blog ................................................................................................... 98 NGUYỄN THÀNH DƯƠNG - CT2001C 12 Bảng 2.35: Bảng News .................................................................................................. 99 Bảng 2.36: Bảng Lecturer.............................................................................................. 99 Bảng 2.37: Bảng Contact ............................................................................................. 100 NGUYỄN THÀNH DƯƠNG - CT2001C 13 1. Mục tiêu đề tài GIỚI THIỆU - Tìm hiểu, nghiên cứu và xây dựng Website Khoa CNTT – Trường Đại học Quản Lý và Công nghệ HP. - Xây dựng trang website động với nội dung linh hoạt, cấu trúc rõ ràng, bắt mắt. 2. Giải pháp và cách thực hiện đề tài - Tìm hiểu về các website giáo dục phổ biến, tham khảo, lựa chọn bố cục phù hợp. - Xây dựng một website thì việc lựa chọn ngôn ngữ và ứng dụng khi làm việc là điều rất quan trọng. Trong đề tài lần này em sử dụng ngôn ngữ PHP làm ngôn ngữ lập trình, hệ quản trị cơ sở dữ liệu MySQL và một số thư viện hỗ trợ trong việc xây dựng website. 3. Tìm hiểu về Khoa CNTT – Trường Đại học Quản Lý & Công nghệ HP - Khoa Công nghệ Thông tin được thành lập từ ngày 10/06/2011 với khởi đầu là Bộ môn Tin học (năm 1997). Trải qua hơn 22 năm hoạt động, Khoa Công nghệ Thông tin đã có những bước phát triển vững chắc, xứng đáng là nơi đào tạo chủ lực, cung cấp nguồn nhân lực Công nghệ Thông tin uy tín trong nhiều năm qua của Trường Đại học Dân lập Hải Phòng (nay là Trường Đại học Quản lý và Công nghệ Hải Phòng), địa chỉ: Số 36 Đường Dân Lập, Phường Dư Hàng Kênh, Quận Lê Chân, Thành phố Hải Phòng. - Các hệ đào tạo: • Các chuyên ngành bậc đại học: - Công nghệ phần mềm. - Quản trị và an ninh Mạng. - Digital Marketing. - Tin học - Kinh tế. • Chuyên ngành bậc Thạc sỹ: Hệ thống Thông tin… - Hướng nghiên cứu khoa học: • Công nghệ phần mềm NGUYỄN THÀNH DƯƠNG - CT2001C 14