BÁO CÁO BÀI TẬP LỚN MÔN: THIẾT KẾ WEB Đề tài: Xây dựng website tin tức phim

TRƯỜNG ĐẠI HỌC MỞ HÀ NỘI KHOA CÔNG NGHỆ THÔNG TIN BÁO CÁO BÀI TẬP LỚN MÔN: THIẾT KẾ WEB Đề tài: Xây dựng website tin tức phim Giáo viên hướng dẫn : Nguyễn Thị Quỳnh Như Sinh viên thực : Lê Mai Linh Lớp : 1910A04 Hà Nội -2020 Phần I: Giới thiệu - Tên đề tài: Thiết kế website tin tức phim - Lý chọn đề tài: Thế giới ngày phát triển, đời sống người ngày đại hóa Hiện nhu cầu giải trí online ngày phát triển, nhu cầu xem phim trực tuyến lớn nên cần website tin tức phim nhằm phục vụ nhu cầu người Tạo cho người xem tin cảm giác thoải mái, giảm việc lại mua sách báo, tiết kiệm thời gian, tiền bạc - Mục đích đề tài: Mang lại giây phút thư giãn giải trí đọc tin tức sau làm việc căng thẳng - Kết mong muốn đạt được: + Thiết kế giao diện thân thiện + Dễ tìm kiếm thơng tin + Tin tức website cập nhật thường xuyên + Cung cấp chức cập nhật thông tin dễ dàng - Kế hoạch làm việc: + Tuần 1: Định hướng, tham khảo tài liệu, website khác + Tuần 2: Xác định phân tích yêu cầu , phác thảo ý tưởng thiết kế ( logo, layout, menu , thành phần giao diện …) Hoàn thiện ý tưởng + Tuần đến tuần 4: Thiết kế theo ý tưởng đề ra, thiết kế sơ bộ, phối màu, chọn font, cỡ font + Tuần 5: Hoàn thiện sản phẩm - Các phần mềm ngôn ngữ sử dụng: + Visual Studio Code + Photoshop CS6 + HTML, CSS Phần II: Ý tưởng thiết kế I Xác định phân tích yêu cầu Chủ sở hữu website Tên: Viên Thị Ngọc Hà Địa chỉ: TP Thanh Hóa Đối tượng độc giả website Về độ tuổi: Website phù hợp với lứa tuổi từ 12-60 tuổi Website cung cấp tin tức nhiều loại phim phù hợp với nhiều lứa tuổi Từ 12 đến 15 tuổi website cung cấp tin màu sắc tươi tắn bắt mắt hoạt hình phim dành cho lứa tuổi thiếu niên Từ 16 – 60 tuổi website cung cấp tin phim tình cảm lãng mạn, hành động, tài liệu giật gân Về giới tính: Website đáp ứng cho tất đối tượng nam nữ với tin tức đa dạng Về văn hóa: Website tránh thơng tin không rõ ràng chưa xác nhận, tin tức có ảnh hưởng xấu đến phong tục tập quán nơi Các chủ đề website: Các chủ đề website là: trang chủ, thể loại, review phim, top phim hay Các khối thông tin chủ yếu website Về trang chủ: trang web cung cấp lựa chọn giao diện trang chủ Về thể loại: giúp cho người xem tìm tin tức loại phim mà thích Về review phim: có đánh giá phim khác Về top phim hay: gồm phim đáng xem Các chức cần có website - Tin tức + Các mục tin + Xem chi tiết + Tin cũ hơn, tin + Xem tin theo ngày tháng - Đăng nhập - Đăng kí - Lấy lại mật - Bình luận tin tức II Phác thảo ý kiến thiết kế Ý tưởng thiết kế hệ điều hướng: - Hệ thống điều hướng chính: menu - Menu thiết kế rõ ràng: Khi trang website có menu, sẫm màu vị trí tên trang menu Từ người dùng biết đâu trang web - Từ trang chủ di chuyển tới tất trang website 2.Website sử dụng màu sắc - Gam màu chủ đạo: gam màu lạnh - Gam màu sử dụng chủ yếu: màu xanh dương, màu trắng,… Lý chọn màu Tạo cảm giác trang nhã êm dịu cho người đọc Màu xanh dương biểu trí óc, đảm bảo tín nhiệm Màu trắng thể tối giản tinh khiết Bố cục layout trang web - Header top: chứa logo, đăng kí, đăng nhập, tìm kiếm - Header menu: chứa trang chủ, thể loại, review phim, top phim hay - Content: danh sách tin tức trỏ chuột vào xuất viết - Footer: chứa thông tin website, chủ sở hữu, quảng cáo thương hiệu, liên hệ * Sơ đồ trang chủ: 1020px Đăng nhập/ Đăng kí Logo Tìm kiếm 45px Trang chủ Thể loại Tin nóng tuần Review phim Top phim hay Tin / Tin cũ Tin tức Tin bật Tin tức Tin tức Tin tức Tin tức Thông tin quyền trang tin tức * Bố cục layout trang con, style cách thức thiết kế: Header top: chứa logo, đăng kí, đăng nhập, tìm kiếm Header menu: trang chủ, thể loại, review phim, top phim hay Content: tin tức chi tiết phim Footer: chứa thông tin website, chủ sở hữu, quảng cáo thương hiệu, liên hệ * Sơ đồ trang thể loại - Header top: chứa logo, đăng kí, đăng nhập, tìm kiếm - Header menu: chứa trang chủ, loại thể loại kinh dị, tâm lý, hài, hành động, viễn tưởng, review phim, top phim hay - Content: danh sách tin tức trỏ chuột vào xuất viết - Footer: chứa thông tin website, chủ sở hữu, quảng cáo thương hiệu, liên hệ 1020px Đăng nhập/ Đăng kí Logo Tìm kiếm 45px Trang chủ Thể loại Review phim Top phim hay Phim tâm lý Tin nóng tuần Phim hài Phim hành động Phim kinh dị Tin / Tin cũ Tin tức Tin bật Phim viễn tưởng Tin tức Tin tức Tin tức Tin tức Thông tin quyền trang tin tức * Sơ đồ trang review phim - Header top: chứa logo, đăng kí, đăng nhập, tìm kiếm - Header menu: chứa trang chủ, thể loại, review phim, top phim hay - Content: danh sách phim review trỏ chuột vào xuất viết - Footer: chứa thông tin website, chủ sở hữu, quảng cáo thương hiệu, liên hệ 1020px Đăng nhập/ Đăng kí Logo Tìm kiếm 45px Trang chủ Thể loại Review phim Top phim hay Phim nước Tin tức Tin tức Tin tức Tin tức Tin tức Tin tức Tin tức Tin tức Tin bật Phim nước Tin bật Thông tin quyền trang tin tức * Sơ đồ trang top phim hay - Header top: chứa logo, đăng kí, đăng nhập, tìm kiếm - Header menu: chứa trang chủ, thể loại, review phim, top phim hay - Content: danh sách giới thiệu top phim hay trỏ chuột vào xuất viết - Footer: chứa thông tin website, chủ sở hữu, quảng cáo thương hiệu, liên hệ 1020px Đăng nhập/ Đăng kí Logo Tìm kiếm 45px Trang chủ Thể loại Review phim Top phim hay Top phim hay Tin tức Tin bật Tin tức Tin tức Tin tức Tin tức Thông tin quyền trang tin tức * Sơ đồ trang đăng nhập - Header top: chứa logo, đăng kí, đăng nhập, tìm kiếm - Header menu: chứa trang chủ, thể loại, review phim, top phim hay - Content: đăng nhập tài khoản cho người đọc tin tức gồm nhập địa email / số điện thoại, mật khẩu, ghi lại tài khoản phần lấy lại mật - Footer: chứa thông tin website, chủ sở hữu, quảng cáo thương hiệu, liên hệ 1020px Đăng nhập/ Đăng kí Logo Tìm kiếm 45px Trang chủ Thể loại Review phim Top phim hay Đăng nhập Địa email / Số điện thoại Mật Ghi nhớ mật ĐĂNG NHẬP Lấy lại mật Thông tin quyền trang tin tức * Sơ đồ trang đăng kí - Header top: chứa logo, đăng kí, đăng nhập, tìm kiếm Trang chủ Review phim Thể loại Top phim hay Chi tiết Tâm lý Chi tiết Hài Hành động Viễn tưởng Kinh dị Chi tiết *Website có: - trang chủ - trang chính: review phim, thể loại, top phim hay - trang chi tiết review phim, trang chi tiết top phim hay, trang chi tiết thể loại phim, trang tài khoản Phần III: Giao diện website Giao diện trang chủ Giao diện chi tiết trang chủ Giao diện trang thể loại Giao diện trang chi tiết thể loại Giao diện trang review phim Giao diện trang chi tiết review phim Giao diện trang top phim hay Giao diện trang chi tiết top phim hay Giao diện chi tiết trang đăng nhập, đăng kí, lấy lại mật Phần IV : Tài liệu tham khảo phần mềm sử dụng: [1] Ths Nguyễn Thị Quỳnh Như – Giáo trình thiết kế web - 2019 [2] https://news.zing.vn/ - Hội xuất Việt Nam [3] https://vnexpress.net/giai-tri/phim/diem-phim