Báo cáo chuyên đề học phần Cơ sở lập trình web Xây dựng giao diện website

TRƯỜNG ĐẠI HỌC ĐIỆN LỰC KHOA CÔNG NGHỆ THÔNG TIN BÁO CÁO CHUYÊN ĐỀ HỌC PHẦN CƠ SỞ LẬP TRÌNH WEB ĐỀ TÀI XÂY DỰNG GIAO DIỆN WEBSITE FILM FLIX TV CLONE Sinh viên thực hiện Giảng viên hướng dẫn PHƯƠNG VĂN CẢNH Ngành CÔNG NGHỆ THÔNG TIN Chuyên ngành CÔNG NGHỆ PHẦN MỀM Lớp Khóa Hà Nội, tháng 6 năm 2022 PHIẾU CHẤM ĐIỂM STT Họ và tên sinh viên Nội dung thực hiện Điểm Chữ ký 1 Nguyễn Duy Nam Home, LoginSignup, Contact, Landing page 2 Nguyễn Việt Long About us + Movie Details + Profile (Account info.

TRƯỜNG ĐẠI HỌC ĐIỆN LỰC KHOA CÔNG NGHỆ THÔNG TIN BÁO CÁO CHUYÊN ĐỀ HỌC PHẦN CƠ SỞ LẬP TRÌNH WEB ĐỀ TÀI: XÂY DỰNG GIAO DIỆN WEBSITE FILM: FLIX TV CLONE Sinh viên thực : Giảng viên hướng dẫn : PHƯƠNG VĂN CẢNH Ngành : CÔNG NGHỆ THÔNG TIN Chuyên ngành : CÔNG NGHỆ PHẦN MỀM Lớp : Khóa : Hà Nội, tháng năm 2022 PHIẾU CHẤM ĐIỂM ST T Họ tên sinh viên Nguyễn Duy Nam Nội dung thực Home, Login/Signup, Contact, Landing page Điểm Chữ ký Nguyễn Việt Long About us + Movie Details + Profile (Account info + Account Setting) Hồng Mạnh Bình Live + Catalog + Pricing Plan Họ tên giảng viên Giảng viên chấm 1: Chữ ký Ghi Giảng viên chấm 2: MỤC LỤC Chương 1: Giới thiệu toán thực 1.1Tổng quan toán 1.2 Các hệ thống liên quan, tương tự 1.3 Mục tiêu giải toán .1 Chương 2: Thiết kế bố cục 2.1 Home H2.1: Home 2.2 Login/ Signup H2.2: Login/Sign up 2.3 Landing page H2.3 Landing page 2.4 Contact H2.4: Contact 2.5 Manager profile H2.5: Manager profile 2.6 Account Setting H2.6: Account Setting 2.7 About us H2.7: About us 2.8 Movie Detail .8 H2.8: Movie Detail .8 2.9 Catalog H2.9: Catalog 2.10 Live .10 H2.10: Live .10 2.11 Pricing plan 11 H2.11: Pricing plan 11 Chương Kết thực 12 3.1 Home .12 H3.1: Home .12 3.2 Login/ signup 12 H3.2: Login/signup 12 3.3 Landing page 13 H3.3: Landing page 13 3.4 Contact 13 H3.4: Contact 13 3.5 Manager Profile 14 H3.5: Manager Profile .14 3.6 Account Setting .14 H3.6: Account Setting .14 3.7 About us 15 H3.7: About us 15 3.8 Movie Details 15 H3.8: Movie Details 15 3.9 Catalog 16 H3.9: Catalog 16 3.10 Pricing Plans 17 H3.10 Pricing Plans 17 3.11 Live .17 H3.11 Live 17 Kết luận 18 TÀI LIỆU THAM KHẢO DANH MỤC HÌNH ẢNH H2.1: Home H2.2: Login/Sign up H2.3 Landing page .4 H2.4: Contact H2.5: Manager profile H2.6: Account Setting H2.7: About us H2.8: Movie Detail .8 H2.9: Catalog H2.10: Live .10 H2.11: Pricing plan 11 H3.1: Home 12 H3.2: Login/signup 12 H3.3: Landing page 13 H3.4: Contact 13 H3.5: Manager Profile 14 H3.6: Account Setting 14 H3.7: About us 15 H3.8: Movie Details 15 H3.9: Catalog 16 H3.10: Pricing Plans 17 H3.11: Live .17 LỜI CẢM ƠN Ngày nay, việc ứng dụng công nghệ thông tin trở nên phổ biến hầu hết quan, doanh nghiệp, trường học đặc biệt việc áp dụng giải pháp tin học công tác quản lý Trong năm trở lại đây, với tốc độ phát triển vũ bão, CNTT dần làm cho sống người trở nên thú vị đơn giản Bắt kịp xu hướng thời đại, chúng em áp dụng phát triển tin học vào những ứng dụng đời sống hàng ngày Nhận thấy phim ảnh Việt Nam còn nhiều lạc hậu thiếu sót, chúng em định lấy làm đề tài nhóm Chúng em chân thành gửi lời cảm ơn đến thầy giáo Phương Văn Cảnh người tận tình chỉ bảo hướng dẫn mơn Cơ sở lập trình web cho chúng em, tạo tảng để nhóm thực báo cáo Trong báo cáo tránh khỏi những sai sót thiếu hụt kinh nghiệm bọn em, kính mong thầy nghiêm khắc chỉ lỗi lầm giúp bọn em ngày tiến MỞ ĐẦU Hiện nay,ứng dụng công nghệ thông tin việc tin học hóa xem những yếu tố mang tính định hoạt động phủ, tổ chức công ty Cùng với phát triển không ngừng kĩ thuật máy tính mạng điện tử, công nghệ thông tin những công nghệ có đẳng cấp cao chinh phục hết đỉnh cao đến đỉnh cao khác Mạng Internet những sản phẩm có giá trị lớn lao ngày trở thành công cụ thiếu, tảng cho truyền tải,trao đổi thơng tin tồn cầu thời đại 4.0 Bằng việc sử dụng Internet, chỉ việc ngồi nhà chọn thân thích,giúp tiết kiện khoản lớn chi phí thời gian Chính điều làm thúc đẩy phát triển thương mại điện tử,làm biến đổi đáng kể mặt văn hóa, nâng cao chất lượng đời sống người Với mong muốn đó, chúng em xin thực đề tài“XÂY DỰNG GIAO DIỆN WEBSITE FILM”nhằm phục vụ cho nhu giải trí người Chương 1: Giới thiệu toán thực 1.1Tổng quan toán Điện ảnh nói chung rạp chiếu phim nói riêng thị trường đầy tiềm Việt Nam, đặc biệt thành phố lớn Hà Nội, Hồ Chí Minh,… Theo thống kê cục Điện ảnh năm 2016, Việt Nam có 97 rạp chiếu phim với 246 phòng chiếu, nhà nước quản lí 72 rạp với 104 phòng chiếu Trên thực tế, thị trường điện ảnh Việt Nam phát triển không đồng giữa tỉnh thành Các thành phố lớn chiếm tỉ lệ xem rạp nhiều rạp địa phương Vì số rạp địa phương bị bán chuyển sang kinh doanh mơ hình khác Qua đó ta nhận thấy nhu cầu giải trí hình thức xem phim nước lớn không đồng đều, dẫn đến nhiều tỉnh thành nhỏ lẻ không thỏa mãn nhu cầu xem phim Do đó website film đời nhằm phục vụ nhu cầu những người khơng có kinh phí xem rạp 1.2 Các hệ thống liên quan, tương tự Một ví dụ điển hình website film có thể kể đến Netflix, letterBox, movieLens,… Đặc điểm website cung cấp nguồn film cho người dùng xem, cho phép người dùng lưu film, đánh giá film, cung cấp video với độ phân giải cao 1.3 Mục tiêu giải toán Xây dựng chức website film.Website có khả tự tương thích,hiển thị tất thiết bị có thể nâng cấp tương lai Website hiển thị cách sinh động,đẹp mắt không phức tạp, màu mè tất người có thể sử dụng Quản lý thông tin film, dữ liệu film, dữ liệu người dùng,cấu hình website Nắm bắt cơng nghệ thiết kế web ngôn ngữ như:ngôn ngữ đánh dấu siêu văn HTML,CSS,JAVASCRIPT giúp cho website sinh động thú vị Chương 2: Thiết kế bố cục Thành phần chung Header Footer Mô tả Đây phần chứa logo, link dẫn tới tới trang khác website Đây phần kết thúc website, chứa link social trang web link tag 2.1 Home H2.1: Home Đây trang người dùng truy cập vào trang web 10 2.4 Contact H2.4: Contact Đây trang giúp người dùng gửi liên hệ tới chủ website Thành phần Breadcrumb Form Info Nội dung Đây phần hiển thị xem người dùng trang Đây phần chứa thẻ input cho người dùng nhập thông tin, có nút send để gửi thông tin Đây phần hiển thị thông tin liên hệ link social, email, số điện thoại 13 2.5 Manager profile H2.5: Manager profile Mô tả: trang cho phép quản lý tài khoản website, giúp truy cập nhiều tính 2.6 Account Setting H2.6: Account Setting Mô tả: trang cho phép xem chỉnh sửa thông tin tài khoản thân 14 2.7 About us H2.7: About us Mô tả: trang cung cấp thông tin dịch vụ mà bạn cung cấp Bên cạnh đó, nó còn giúp người đọc hiểu rõ sứ mệnh, tầm nhìn định hướng phát triển doanh nghiệp 15 2.8 Movie Detail H2.8: Movie Detail Mô tả: trang cho biết chi tiết phim tìm hiểu, ngồi còn cho biết mùa khác phim, diễn viên, phim khác có nội dung tương tự 16 2.9 Catalog H2.9: Catalog Mô tả: trang cho chọn thể loại phim như:hài kịch, lịch sử, kinh dị, khoa học viễn tưởng có mục chọn những phim mà nhiều người hay xem hay chọn những phim chiếu gần có thể chọn gói xem phim có thể mua như: Regular, Premium Premium+TV Channels 17 2.10 Live H2.10: Live Mô tả: Layout mô tả những giải đấu chiếu trực tiếp, mục chiếu trực tiếp thể thao điện tử layout còn có thêm mục đề xuất những giải đấu trực tiếp những cộng đồng nhỏ 18 2.11 Pricing plan H2.11: Pricing plan Mô tả: Ở layout web mô tả qua gói có thể mua để xem phim Layout còn cho thấy khác giữa gói có thể mua 19 Chương Kết thực 3.1 Home H3.1: Home Chức năng: + Cho phép tìm kiếm film + Lọc film +Link tới trang khác website +Cho phép logout +Auto slider, control slider 3.2 Login/ signup H3.2: Login/signup Chức năng: + Cho phép tạo tài khoản + Sau tạo tài khoản xong có thể cho login với tài khoản đó + Có validate form + Sau login thành cơng chuyển sang trang home 20 3.3 Landing page H3.3: Landing page Chức năng: + Drag and drop slider 3.4 Contact H3.4: Contact Chức năng: + Liên hệ với chủ sở hữu web phim có những đóng góp nhu cầu góp ý + Chăm sóc khách hàng 21 3.5 Manager Profile H3.5: Manager Profile Chức năng: + Thêm tài khoản 3.6 Account Setting H3.6: Account Setting Chức năng: + Cho phép xem thông tin cá nhân tài khoản + Chỉnh sửa thông tin cá nhân tài khoản + Đăng ký hủy làm thành viên thân thiết trang 22 3.7 About us H3.7: About us Chức năng: + Tổng quan trang web (thông tin, nội dung, khách hàng hướng đến) + Chọn kế hoạch tương lai cho tài khoản + Gia hạn khách hàng thân thiết 3.8 Movie Details H3.8: Movie Details 23 Chức năng: + Xem phim + Hỗ trợ tải phim + Các thông tin phim mùa khác, diễn viên, … + Bình luận, trả lời bình luận đánh giá phim + Gợi ý phim khác có nội dung tương tự 3.9 Catalog H3.9: Catalog Chức năng: + Danh mục phim có web giúp tìm kiếm phim theo thể loại dễ dàng + Hiển thị số lượng phim có danh mục 24 3.10 Pricing Plans H3.10 Pricing Plans Chức năng: + Nâng cấp tài khoản thân thiết 3.11 Live H3.11 Live Chức năng: + Trực tiếp những giải đấu hấp dẫn toàn giới + Trực tiếp phim trailer 25 Kết luận Sau q trình hồn thành báo cáo, chúng em nhận ra: Giao diện website film có ưu điểm trang web có giao diện thân thiện, thuận lợi cho người sử dụng, chức tìm kiếm film thực nhanh chóng thuận tiện, phù hợp với ứng dụng triển khai diện rộng dễ dàng sử dụng quản lý Tuy nhiên hệ thống còn số nhược điểm khả nghiên cứu có hạn khả còn hạn chế nên số vấn đề còn ý tưởng, chưa thực thi, chương trình có tính chun nghiệp chưa cao, chức còn ít, chưa giải trọn vẹn vấn đề nảy sinh trình xử lý, giao diện thân thiện tính thẩm mỹ chưa cao Trong trình tìm hiểu xây dựng giao diện website film, nhóm chúng em học nhiều điều bổ ích Từ môn học trang bị cho chúng em thêm kiến thức để chúng em hoàn thiện đường mà lựa chọn Như nói trên, với điều kiện thời gian kinh nghiệm còn hạn chế sinh viên tránh những thiếu sót báo cáo Chúng em mong nhận thông cảm, đóng góp ý kiến quý thầy cô để chúng em bổ sung, nâng cao tri thức mình, phục vụ tốt công tác học tập thực tế sau Chúng em xin chân thành cảm ơn ! 26 TÀI LIỆU THAM KHẢO Youtube Stackoverflow Google ... trọn vẹn vấn đề nảy sinh trình xử lý, giao diện thân thiện tính thẩm mỹ chưa cao Trong trình tìm hiểu xây dựng giao diện website film, nhóm chúng em học nhiều điều bổ ích Từ mơn học trang bị... giới + Trực tiếp phim trailer 25 Kết luận Sau q trình hồn thành báo cáo, chúng em nhận ra: Giao diện website film có ưu điểm trang web có giao diện thân thiện, thuận lợi cho người sử dụng, chức... giáo Phương Văn Cảnh người tận tình chỉ bảo hướng dẫn mơn Cơ sở lập trình web cho chúng em, tạo tảng để nhóm thực báo cáo Trong báo cáo tránh khỏi những sai sót thiếu hụt kinh nghiệm bọn