Đồ á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
- 125 trang
- file .pdf
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 Mã SV: 1612101015
Lớp : CT2001C
Ngành : Công Nghệ Thông Tin
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 năm 2021
TRƯỞNG KHOA
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
STT Từ viết tắt Tên đầy đủ Giải thích
1 CSDL Cơ sở dữ liệu
2 SEO Search Engine Tối ưu hoá công cụ tìm kiếm
Optimization
3 HTML Hypertext Markup Ngôn ngữ đánh dấu siêu văn bản
Language
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 Lập trình hướng đối tượng
Programming
7 CNTT Công nghệ thông tin
8 WWW World Wide Web Mạng lưới toàn cầu
NGUYỄN THÀNH DƯƠNG - CT2001C 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
GIỚI THIỆU
1. Mục tiêu đề tài
- 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
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 Mã SV: 1612101015
Lớp : CT2001C
Ngành : Công Nghệ Thông Tin
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 năm 2021
TRƯỞNG KHOA
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
STT Từ viết tắt Tên đầy đủ Giải thích
1 CSDL Cơ sở dữ liệu
2 SEO Search Engine Tối ưu hoá công cụ tìm kiếm
Optimization
3 HTML Hypertext Markup Ngôn ngữ đánh dấu siêu văn bản
Language
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 Lập trình hướng đối tượng
Programming
7 CNTT Công nghệ thông tin
8 WWW World Wide Web Mạng lưới toàn cầu
NGUYỄN THÀNH DƯƠNG - CT2001C 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
GIỚI THIỆU
1. Mục tiêu đề tài
- 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