Tiểu luận môn học thực hành thiết kế website thiết kế website xem phim online

TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT VIỆN KỸ THUẬT CÔNG NGHỆ TIỂU LUẬN MÔN HỌC THỰC HÀNH THIẾT KẾ WEBSITE THIẾT KẾ WEBSITE XEM PHIM ONLINE GVHD: THS NGUYỄN HỮU VĨNH SVTH: NGUYỄN CHÍ TRUNG MSSV: 2024802010078 LỚP: D20CNTT03 B5NH DƯƠNG – 4/2021 0 TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT VIỆN KỸ THUẬT CÔNG NGHỆ TIỂU LUẬN MÔN HỌC THỰC HÀNH THIẾT KẾ WEBSITE THIẾT KẾ WEBSITE XEM PHIM ONLINE GVHD: THS NGUYỄN HỮU VĨNH SVTH: NGUYỄN CHÍ TRUNG MSSV: 2024802010078 LỚP: D20CNTT03 i 0 B5NH DƯƠNG - 04/2021 ii 0 KHOA KỸ THUẬT CÔNG NGHỆ NHẬN XÉT VÀ CHẤM ĐIỂM CỦA GIẢNG VIÊN Họ tên giảng viên: Th.S Nguyễn Hữu Vĩnh Tên đề tài: Xây dựng website xem phim online I Nội dung nhận xét: II Điểm: Bằng số: Bằng chữ: GIẢNG VIÊN CHẤM (Ký, ghi rõ họ tên) NGUYỄN HỮU VĨNH MỤC LỤC iii 0 MỤC LỤC iii DANH MỤC H5NH v LỜI NÓI ĐẦU SƠ ĐỒ THIẾT KẾ WEB CHƯƠNG TỔNG QUAN VỀ ĐỀ TÀI 1.1 Tên Đề Tài 1.2 Mục Tiêu Đề Tài 1.3 Ý Nghĩa Của Đề Tài 1.4 Đối Tượng Của Đề Tài 1.5 Một Số Trang Chính Của Website .3 CHƯƠNG GIỚI THIỆU CÔNG NGHỆ .4 2.1 Giới Thiệu Về HTML 2.1.1 HTML gì? .4 2.1.2 Công dụng HTML 2.1.3 Định dạng HTML 2.2 Giới thiệu Adobe Dreamweaver 2.3 Ngôn ngữ CSS 2.4 Ngôn ngữ Javascript CHƯƠNG THIẾT KẾ GIAO DIỆN 3.1 Giao diện trang chủ 3.2 Giao diện trang đăng ký 3.3 Giao diện trang đăng nhập 3.4 Giao diện trang liên hệ 10 3.5 Giao diện trang phim chiếu rạp .11 3.6 Một số giao diện trang thể loại 12 3.6.1 Giao diện trang phim hành động 12 3.6.2 Giao diện trang phim phiêu lưu 13 3.6.3 Giao diện trang phim kinh dị 14 3.6.4 Giao diện trang phim tình cảm 15 3.6.5 Giao diện trang phim hoạt hình 16 3.6.6 Giao diện trang phim võ thuật 17 iv 0 3.6.7 Giao diện trang phim hài hước 18 3.7 Một số giao diện trang phim quốc gia .19 3.7.1 Giao diện trang phim trung quốc .19 3.7.2 Giao diện trang phim mỹ 20 3.7.3 Giao diện trang phim nhật 21 3.7.4 Giao diện trang phim việt nam 22 3.8 Một số giao diện trang xem video phim 23 3.8.1 Giao diện trang phim đại chiến titan phần 23 3.8.2 Giao diện trang phim godzilla đại chiến kong 24 3.8.3 Giao diện trang phim bố già phần 25 3.8.4 Giao diện trang phim thợ rèn kiếm vĩ đại 26 3.8.5 Giao diện trang phim tôn ngộ không thật giả 27 3.8.6 Giao diện trang phim raya rồng thần cuối 28 3.8.7 Giao diện trang phim thất hình đại tội phần 29 3.8.8 Giao diện trang phim thất nghiệp chuyển sinh tập 30 3.8.9 Giao diện trang phim siêu nhân khủng long tập 31 3.8.10 Giao diện trang phim hành tinh hỗn loạn 32 3.8.11 Giao diện trang phim vật thể bị nguyền rủa tập 33 3.8.12 Giao diện trang phim chiến thượng lưu phần .34 CHƯƠNG KẾT LUẬN .35 4.1 Kết đạt .35 4.2 Việc chưa làm 35 4.3 Hướng phát triển đề tài .35 TÀI LIỆU THAM KHẢO 36 v 0 DANH MỤC H5NH Hình 3.1: Giao diện trang chủ Hình 3.2: Giao diện trang đăng ký Hình 3.3: Giao diện trang đăng nhập .9 Hình 3.4: Giao diện trang liên hệ 10 Hình 3.5: Giao diện trang phim chiếu rạp 11 Hình 3.6: Giao diện trang phim hành động 12 Hình 3.7: Giao diện trang phim phiêu lưu 13 Hình 3.8: Giao diện trang phim kinh dị 14 Hình 3.9: Giao diện trang phim tình cảm .15 Hình 3.10: Giao diện trang phim hoạt hình 16 Hình 3.11: Giao diện trang phim võ thuật 17 Hình 3.12: Giao diện trang phim hài hước 18 Hình 3.13: Giao diện trang phim trung quốc 19 Hình 3.14: Giao diện trang phim mỹ 20 Hình 3.15: Giao diện trang phim nhật 21 Hình 3.16: Giao diện trang phim việt nam 22 Hình 3.17: Giao diện trang phim đại chiến titan phần 23 Hình 3.18: Giao diện trang phim godzilla đại chiến kong 24 Hình 3.19: Giao diện trang phim bố già phần 25 Hình 3.20: Giao diện trang phim thợ rèn kiếm vĩ đại 26 Hình 3.21: Giao diện trang phim tơn ngộ khơng thật giả .27 Hình 3.22: Giao diện trang phim raya rồng thần cuối 28 Hình 3.23: Giao diện trang phim thất hình đại tội phần 29 Hình 3.24: Giao diện trang phim thất nghiệp chuyển sinh tập 30 Hình 3.25: Giao diện trang phim siêu nhân khủng long tập 31 Hình 3.26: Giao diện trang phim hành tinh hỗn loạn 32 Hình 3.27: Giao diện trang phim vật thể bị nguyền rủa tập 33 Hình 3.28: Giao diện trang phim chiến thượng lưu phần 34 vi 0 LỜI NÓI ĐẦU Đến năm 2020, bước vào thời đại 4.0, nơi tiên tiến nâng lên tầm cao mới, từ đó, nhu cầu giải trí theo tăng cao Và với phát triển phim việc giải trí xem phim đặt lên hàng đầu Nắm bắt việc đó, qua xem phim, mà người bắt đầu mở mình, nâng cao khả nhận thức, truyền cảm hứng tương lai tươi sáng Trên giới đa số người xem phim, từ đó, em nghĩ hệ thống phim thiết kế Website riêng cho hệ thống Trong tiểu luận em chọn đề tài về: “Thiết kế website xem phim online” Chức xem phim chất lượng cao Internet, mà từ tiếp thu nhiều kiến thức bổ ích hơn, thoải mái công việc học tập, giảm Stress Nếu bạn khơng biết từ phim, có người tìm câu trả lời đó, nói khơng nơi giải trí, mà cịn nơi bạn tìm ý nghĩa sống đấy! Đề tài tiểu luận gồm phần phân chương sau: Chương 1: Tổng quan đề tài Chương 2: Giới thiệu công nghệ Chương 3: Giao diện website Chương 4: Kết luận hướng phát triển 0 TRANG SƠ ĐỒ THIẾT KẾCHỦ WEB THỂ LOẠI QUỐC GIA PHIM LẺ PHIM BỘ HÀNH ĐỘNG MỸ MỚI NHẤT MỚI CẬP NHẬT KINH DỊ TRUNG QUỐC NĂM 2021 TRUNG QUỐC TÌNH CẢM VIỆT NAM NĂM 2020 MỸ HÀI HƯỚC NHẬT BẢN NĂM 2019 NHẬT BẢN VÕ THUẬT VIỆT NAM HOẠT HÌNH PHIÊU LƯU CHƯƠNG CHƯƠNG CHƯƠNG 0 CHIẾU RẠP ĐĂNG NHẬP ĐĂNG KÝ LIÊN H CHƯƠNG TỔNG QUAN VỀ ĐỀ TÀI 4.1 Tên Đề Tài CHƯƠNG + THIẾT KẾ WEBSITE XEM PHIM ONLINE 5.1 Mục Tiêu Đề Tài CHƯƠNG + Thiết kế Website xem phim chất lượng cao Internet 6.1 Ý Nghĩa Của Đề Tài CHƯƠNG + Đưa phim chất lượng cao đến gần người xem CHƯƠNG + Quảng bá thương hiệu 8.1 Đối Tượng Của Đề Tài CHƯƠNG + Đối tượng nghiên cứu chủ yếu phim 9.1 Một Số Trang Chính Của Website CHƯƠNG 10 + Trang chủ: Đây trang giới thiệu sơ lược phim Website CHƯƠNG 11 + Trang thể loại: Đây trang giúp cho người xem chọn lựa thể loại phim phù hợp với sở thích CHƯƠNG 12 + Trang quốc gia: Đây trang mà người xem chọn phim nước ngồi CHƯƠNG 13 + Trang đăng ký: Người xem đăng ký tài khoản để trở thành thành viên Website CHƯƠNG 14 + Trang đăng nhập: Người xem đăng nhập tài khoản để xem phim Website CHƯƠNG 15 + Trang phim lẻ: Đây trang cập nhật phim lẻ qua năm CHƯƠNG 16 + Trang phim bộ: Đây trang cập nhật phim nước CHƯƠNG 17 + Trang chiếu rạp: Đây trang cập nhật trailer phim chiếu rạp CHƯƠNG 18 + Trang liên hệ: Đây trang mà người xem đóng góp ý kiến cá nhân 0 Chương Thiết kế giao diện CHƯƠNG 150 Hình 150.1.1.1: Giao diện trang phim thợ rèn kiếm vĩ đại - Ý nghĩa hoạt động: Phim thợ rèn kiếm vĩ đại bao gồm video phim thông tin phim bên video - Quy tắc hoạt động: Người xem xem video phim chất lương 720pHD 1080pHD, muốn dừng phát người xem cần nhấn vào video phim - Các thao tác hình: Người xem click chuột vào video phim để xem CHƯƠNG 151 CHƯƠNG 152 CHƯƠNG 153 35 0 Chương Thiết kế giao diện CHƯƠNG 154 CHƯƠNG 155 CHƯƠNG 156 CHƯƠNG 157 157.1.1 Giao diện trang phim tôn ngộ không thật giả CHƯƠNG 158 Hình 158.1.1.1: Giao diện trang phim tơn ngộ khơng thật giả - Ý nghĩa hoạt động: Phim tôn ngộ không thật giả bao gồm video phim thông tin phim bên video 36 0 Chương Thiết kế giao diện - Quy tắc hoạt động: Người xem xem video phim chất lương 720pHD 1080pHD, muốn dừng phát người xem cần nhấn vào video phim - Các thao tác hình: Người xem click chuột vào video phim để xem CHƯƠNG 159 CHƯƠNG 160 CHƯƠNG 161 CHƯƠNG 162 CHƯƠNG 163 CHƯƠNG 164 164.1.1 Giao diện trang phim raya rồng thần cuối 37 0 Chương Thiết kế giao diện CHƯƠNG 165 Hình 165.1.1.1: Giao diện trang phim raya rồng thần cuối - Ý nghĩa hoạt động: Phim raya rồng thần cuối bao gồm video phim thông tin phim bên video - Quy tắc hoạt động: Người xem xem video phim chất lương 720pHD 1080pHD, muốn dừng phát người xem cần nhấn vào video phim - Các thao tác hình: Người xem click chuột vào video phim để xem CHƯƠNG 166 CHƯƠNG 167 CHƯƠNG 168 38 0 Chương Thiết kế giao diện CHƯƠNG 169 CHƯƠNG 170 CHƯƠNG 171 171.1.1 Giao diện trang phim thất hình đại tội phần CHƯƠNG 172 Hình 172.1.1.1: Giao diện trang phim thất hình đại tội phần 39 0 Chương Thiết kế giao diện - Ý nghĩa hoạt động: Phim thất hình đại tội phần bao gồm video phim thông tin phim bên video - Quy tắc hoạt động: Người xem xem video phim chất lương 720pHD 1080pHD, muốn dừng phát người xem cần nhấn vào video phim - Các thao tác hình: Người xem click chuột vào video phim để xem CHƯƠNG 173 CHƯƠNG 174 CHƯƠNG 175 CHƯƠNG 176 CHƯƠNG 177 CHƯƠNG 178 CHƯƠNG 179 179.1.1 Giao diện trang phim thất nghiệp chuyển sinh tập 40 0 Chương Thiết kế giao diện CHƯƠNG 180 Hình 180.1.1.1: Giao diện trang phim thất nghiệp chuyển sinh tập - Ý nghĩa hoạt động: Phim thất nghiệp chuyển sinh tập bao gồm video phim thông tin phim bên video - Quy tắc hoạt động: Người xem xem video phim chất lương 720pHD 1080pHD, muốn dừng phát người xem cần nhấn vào video phim - Các thao tác hình: Người xem click chuột vào video phim để xem 41 0 Chương Thiết kế giao diện CHƯƠNG 181 CHƯƠNG 182 CHƯƠNG 183 CHƯƠNG 184 CHƯƠNG 185 CHƯƠNG 186 186.1.1 Giao diện trang phim siêu nhân khủng long tập CHƯƠNG 187 Hình 187.1.1.1: Giao diện trang phim siêu nhân khủng long tập - Ý nghĩa hoạt động: Phim siêu nhân khủng long tập bao gồm video phim thông tin phim bên video - Quy tắc hoạt động: Người xem xem video phim chất lương 720pHD 1080pHD, muốn dừng phát người xem cần nhấn vào video phim 42 0 Chương Thiết kế giao diện - Các thao tác hình: Người xem click chuột vào video phim để xem CHƯƠNG 188 CHƯƠNG 189 CHƯƠNG 190 CHƯƠNG 191 CHƯƠNG 192 CHƯƠNG 193 CHƯƠNG 194 CHƯƠNG 195 195.1.1 Giao diện trang phim hành tinh hỗn loạn CHƯƠNG 196 43 0 Chương Thiết kế giao diện Hình 196.1.1.1: Giao diện trang phim hành tinh hỗn loạn - Ý nghĩa hoạt động: Phim hành tinh hỗn loạn bao gồm video phim thông tin phim bên video - Quy tắc hoạt động: Người xem xem video phim chất lương 720pHD 1080pHD, muốn dừng phát người xem cần nhấn vào video phim - Các thao tác hình: Người xem click chuột vào video phim để xem CHƯƠNG 197 CHƯƠNG 198 CHƯƠNG 199 CHƯƠNG 200 CHƯƠNG 201 CHƯƠNG 202 CHƯƠNG 203 203.1.1 Giao diện trang phim vật thể bị nguyền rủa tập 44 0 Chương Thiết kế giao diện CHƯƠNG 204 Hình 204.1.1.1: Giao diện trang phim vật thể bị nguyền rủa tập - Ý nghĩa hoạt động: Phim vật thể bị nguyền rủa tập bao gồm video phim thông tin phim bên video - Quy tắc hoạt động: Người xem xem video phim chất lương 720pHD 1080pHD, muốn dừng phát người xem cần nhấn vào video phim - Các thao tác hình: Người xem click chuột vào video phim để xem CHƯƠNG 205 CHƯƠNG 206 CHƯƠNG 207 45 0 Chương Thiết kế giao diện CHƯƠNG 208 CHƯƠNG 209 CHƯƠNG 210 CHƯƠNG 211 211.1.1 Giao diện trang phim chiến thượng lưu phần CHƯƠNG 212 Hình 212.1.1.1: Giao diện trang phim chiến thượng lưu phần - Ý nghĩa hoạt động: Phim chiến thượng lưu phần bao gồm video phim thông tin phim bên video 46 0 Chương Thiết kế giao diện - Quy tắc hoạt động: Người xem xem video phim chất lương 720pHD 1080pHD, muốn dừng phát người xem cần nhấn vào video phim - Các thao tác hình: Người xem click chuột vào video phim để xem CHƯƠNG 213 CHƯƠNG 214 47 0 Chương Kết luận CHƯƠNG 215 KẾT LUẬN CHƯƠNG 216 Việc xem phim online vô dễ dàng, trang Web xem phim online cho bạn xem thêm nhiều phim chất lượng cao Để đáp ứng nhu cầu cho người xem em định thiết kế website xem phim online với thông tin cần thiết dành cho người bắt đầu xem phim, cho họ cảm thấy hứng thú kích thích yêu thích họ, từ mở rộng cộng đồng xem phim trực tuyến, tiếp tục phát triển Web có thêm nhiều người xem CHƯƠNG 217 Qua trình nghiên cứu cố gắng thực hướng dẫn tận tình Giảng viên, giúp đỡ bạn bè khóa học tiểu luận thể điều sau: 217.1 Kết đạt - Thiết kế thành công website xem phim online chạy trực tuyến Internet, đáp ứng nhu cầu người xem - Tìm hiểu nắm công cụ để Thiết kế website như: Adobe Dreamweaver CS6, ngơn ngữ lập trình Website như: HTML, Javascript, CSS - Giao diện website thiết kế đơn giản, thân thiện dễ sử dụng 217.2 Việc chưa làm - Việc biểu diễn thông tin website chưa linh hoạt - Phân tích thiết kế chưa hồn chỉnh - Nhiều chức thiếu chưa sử dụng 217.3 Hướng phát triển đề tài CHƯƠNG 218 Vì thời gian không cho phép kiến thức thiết kế web cịn hạn chế nên chúng em chưa tìm hiểu rõ kỹ đề tài Vì đề tài cịn có nhiều thiếu sót, mong thầy giúp đỡ chúng em nhiều em tiếp tục tìm hiểu sâu cơng nghệ này, nhằm mục đích Thiết kế website:  Giao diện đẹp, thân thiện với người dùng, có nhiều chức tương tác tốt với người dùng  Thiết kế, bổ sung tính cịn thiếu hay chưa thật hồn chỉnh trình sử dụng CHƯƠNG 219 48 0 TÀI LIỆU THAM KHẢO Tiếng Việt Th.S Nguyễn Hữu Vĩnh, Thiết kế Website, Trường Đại học Thủ Dầu Một Phạm Hữu Khang, Lập trình Web PHP 5.3 sở liệu MySQL 5.1, NXB Phương Đông, 2010 Nguyễn Trường Sinh, Sổ tay PHP & MySQL, NXB Phương Đơng, 2010 Hồng Đức Hải, Xây dựng ứng dụng Web PHP MySQL (Ấn cho sinh viên – Có CD tập kèm theo sách), NXB Phương Đông, 2005 Nguyễn Trường Sinh, Sử dụng PHP & MySQL thiết kế web động , NXB: Thống kê, 2005 Nguyễn Tấn Trường, Hướng dẫn thực hành PHP MySQL, NXB Thanh Niên, 2008 Website http://clip.vn www.phimtructuyen.org www.thegioiphim.com 10 www.phimf.com 11 https://www.hiepsiit.com 12 https://www.w3schools.com/ 13 http://sontungauto.vn 49 0 ...TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT VIỆN KỸ THUẬT CÔNG NGHỆ TIỂU LUẬN MÔN HỌC THỰC HÀNH THIẾT KẾ WEBSITE THIẾT KẾ WEBSITE XEM PHIM ONLINE GVHD: THS NGUYỄN HỮU VĨNH SVTH: NGUYỄN... người xem phim, từ đó, em nghĩ hệ thống phim thiết kế Website riêng cho hệ thống Trong tiểu luận em chọn đề tài về: ? ?Thiết kế website xem phim online? ?? Chức xem phim chất lượng cao Internet, mà từ... CHƯƠNG + THIẾT KẾ WEBSITE XEM PHIM ONLINE 5.1 Mục Tiêu Đề Tài CHƯƠNG + Thiết kế Website xem phim chất lượng cao Internet 6.1 Ý Nghĩa Của Đề Tài CHƯƠNG + Đưa phim chất lượng cao đến gần người xem CHƯƠNG