BÀI TẬP LỚN HỌC PHẦN THIẾT KẾ GIAO DIỆN NGƯỜI DÙNG đề tài tạo trang website để quảng bá nhóm nhạc có tên là The Band

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC CÔNG NGHỆ ĐƠNG Á (bìa 1, bìa đóng giấy màu) BÀI TẬP LỚN HỌC PHẦN: THIẾT KẾ GIAO DIỆN NGƯỜI DÙNG TÊN BÀI TẬP LỚN : KẾT THÚC MÔN HỌC Sinh viên thực Vũ Đình Hiệp *C* Đỗ Thị Sao Nguyễn Quốc Hưng Khóa K11 K11 K11 Lớp CNTT CNTT CNTT Bắc Ninh, tháng 11 năm 2021 Mã sinh viên 20200869 20201518 20200868 BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC CÔNG NGHỆ ĐÔNG Á (trang phụ bìa số 2, bìa mềm) BÀI TẬP LỚN HỌC PHẦN: THIẾT KẾ GIAO DIỆN NGƯỜI DÙNG Nhóm: Vũ Đình Hiệp, Đỗ Thị Sao, Nguyễn Quốc Hưng TÊN (BÀI TẬP LỚN): KẾT THÚC MÔN HỌC STT Sinh viên thực Vũ Đình Hiệp Đỗ Thị Sao Nguyễn Quốc Hưng Khóa Lớp K11 CNTT CNTT CNTT K11 K11 CÁN BỘ CHẤM (Ký ghi rõ họ tên) Mã sinh viên Điểm số Điểm chữ Ký tên SV 20200869 Hiệp 20201518 Sao 20200868 Hưng CÁN BỘ CHẤM (Ký ghi rõ họ tên) Bắc Ninh, tháng 11 Năm 2021 MỤC LỤC PHÂN CÔNG CÔNG VIỆC ii MỞ ĐẦU 1 Lí chọn đề tài .1 Mục đích nghiên cứu Đối tượng nghiên cứu .1 Phạm vi nguyên cứu Nhiệm vụ nghiên cứu NỘI DUNG CHƯƠNG 1: NGUYÊN LÝ THIẾT KẾ TRONG SẢN PHẨM 1.1 Các kiến thức sử dụng .2 1.2 Nguyên lý thiết kế sản phẩm CHƯƠNG 2: TRIỂN KHAI VÀ KẾT QUẢ THỬ NGHIỆM 2.1 Triển khai thử nghiệm 2.2 Kết thử nghiệm: KẾT LUẬN Những phần làm Hạn chế .4 Khó khăn làm 4 Kinh nghiệm rút sau làm Thành Ứng dụng PHÂN CÔNG CÔNG VIỆC Tên thành viên Cơng việc Vũ Đình Hiệp Đưa ý tưởng đề tài, nguyên lý thiết kế, code Đỗ Thị Sao Là người làm Word nhóm Nguyễn Quốc Hưng Cùng Hiệp đưa nguyên lý thiết kế người làm PowerPoin nhóm MỞ ĐẦU Lí chọn đề tài Trong hệ thống Marketing nay, việc quảng bá sản phẩm doanh nghiệp vô cần thiết quan trọng Đặc biệt doanh nghiệp lớn điều lại trở nên cấp bách cần thiết đóng vai trò đến doanh thu doanh nghiệp Một doanh nghiệp có doanh thu lớn nhờ vào việc quảng bá sản phẩm để khách hàng hiểu rõ sản phẩm Có nhiều cách quảng bá sản phẩm Một cách mà nhiều doanh nghiệp lớn làm quảng bá tàng google hay gọi webiste Vì nhóm em ngun cứu đến việc tạo trang website để quảng bá nhóm nhạc có tên là” The Band” Giúp cho người dùng tiếp cận đến nhóm nhạc cách nhanh hiệu Mục đích nghiên cứu Trang website tạo có nhiều tính mà người dùng tiếp cận Có thể seach để tìm kiếm, xem thơng tin nhóm nhạc, xem hình ảnh, lịch trình đặt vé trực tiếp website Đối tượng nghiên cứu - Ứng dụng nguyên lý thiết kế vào trang website - Sử dụng HTML, CSS, JS Phạm vi nguyên cứu - Nguyên cứu cách code chạy chương trình Nhiệm vụ nghiên cứu - Đưa code hồn chỉnh, chương trình đầy đủ để tạo trang website đầy đủ nội dung học - Đem lại cảm giác thoải mái, cần nhớ liệu cho người dùng 1 NỘI DUNG CHƯƠNG 1: NGUYÊN LÝ THIẾT KẾ TRONG SẢN PHẨM 1.1 Các kiến thức sử dụng - Sử dụng ngôn ngữ đánh dấu văn html - Dùng Form: biểu mẫu nhập liệu - Các thẻ bố cục nội dung - CSS - Sử dụng javascript - Sử dụng hiệu ứng 1.2 Nguyên lý thiết kế sản phẩm - Sử dụng hình màu trắng khung sản phẩm: phù hợp chủ đề nhóm nhac, màu đơn giản nhẹ nhàng giúp cho hình ảnh hình ảnh bật, bắt mắt người truy cập - Về màu sắc chữ: trắng – chữ đen, đen – chữ trắng: cặp màu tương phản cực tốt, hài hịa, khơng lóa mắt, trắng nhường chỗ cho chữ đen bật ngược lại - Hiệu ứng hover khung chữ: đen chuyển xám, xám chuyển đen gây tò mò, thu hút mắt nhìn - Kiểu bố cục: bố cục đơn giản, dễ tương tác, chia bố cục theo tiêu chuẩn, không thưa không dày  Phần đầu: - Banner sử dụng slider ý tưởng bật trang web - Với hiệu ứng khung chữ: đen chuyển xám gây tò mò, thu hút mắt nhìn  Phần thứ hai: - Nội dung đầu nói nhóm nhạc “ The Band” yêu âm nhạc - Nội dung hai lịch trình nhóm nhạc “ The Band” thời gian địa điểm đặt vé trực tiếp -Nội dung ba làm việc với nhóm nhạc “ The Band” website 2  Phần cuối: - Nơi người truy cập để biết thêm thông tin trang web CHƯƠNG 2: TRIỂN KHAI VÀ KẾT QUẢ THỬ NGHIỆM 2.1 Triển khai thử nghiệm - Thực lập trình, xây dựng tạo nên website hoạt động dựa tảng lớn mobile (hay cịn gọi điện thoại di động) PC (hay gọi máy tính, laptop) - Đối với PC: chương trình website có tất đầy đủ hình ảnh nội dung khách hàng (hay cịn gọi người dùng) có nhìn tổng quan website Dựa tiêu chí người dùng phải nhớ nhiều nội dung, liệu, nhóm thiết kế website khơng q dài, tạo ấn tượng tốt với khách hàng màu sắc cách chia bố cục hợp lý Tạo cảm giác thoải mái dùng làm cho khách hàng thực thao tác website cách dễ dàng đạt hiểu tốt - Đối với mobile: Với kiến thức responsive mà nhóm học giúp cho website nhóm tương thích với tảng mobile, tảng có đông đảo người sử dụng Với hiểu biết cảm giác người dùng website nhóm em ngắn gọn so với tảng PC không làm nội dung web Nhiều ảnh danh sách menu thu gọn, giúp người dùng khơng có cảm giác nhàm chán cảm thấy webiste khơng có q nhiều nội dung nói đến, khiến người dùng không hiểu hết website Qua việc triển khai thử nghiệm, nhóm rút kinh nghiệm hoàn thành website tốt hơn, tạo ấn tượng tốt người dùng 2.2 Kết thử nghiệm: Nhóm chúng em demo chạy chương trình thành công tảng Mobile PC 3 Những phần làm - Sử dụng html, css, js KẾT LUẬN Hạn chế - Chưa sử dụng hết tính giao diện website Khó khăn làm - Do ảnh hưởng dịch bệnh khơng thể gặp dẫn đến khó trao đổi trình làm - Tài liệu mạng lưu thưa, không đầy đủ -Một số thành viên nhóm khơng thể code html, css Kinh nghiệm rút sau làm - Hiểu biết thêm số tính js - Thuần thục việc chỉnh phối màu để có trang web đẹp dễ nhìn - Biết tạo điểm đặc biệt bật cho trang web - Ln tìm tịi, tìm hiểu kiến thức - Chủ động tình nhóm Thành 6 Ứng dụng Trang web ứng dụng quảng bá nhóm nhạc “ The Band” cung cấp thơng tin cho người dùng nhóm nhạc ... Vì nhóm em ngun cứu đến việc tạo trang website để quảng bá nhóm nhạc có tên là? ?? The Band? ?? Giúp cho người dùng tiếp cận đến nhóm nhạc cách nhanh hiệu Mục đích nghiên cứu Trang website tạo có nhiều... ĐÀO TẠO TRƯỜNG ĐẠI HỌC CÔNG NGHỆ ĐƠNG Á (trang phụ bìa số 2, bìa mềm) BÀI TẬP LỚN HỌC PHẦN: THIẾT KẾ GIAO DIỆN NGƯỜI DÙNG Nhóm: Vũ Đình Hiệp, Đỗ Thị Sao, Nguyễn Quốc Hưng TÊN (BÀI TẬP LỚN): KẾT... đầu nói nhóm nhạc “ The Band? ?? yêu âm nhạc - Nội dung hai lịch trình nhóm nhạc “ The Band? ?? thời gian địa điểm đặt vé trực tiếp -Nội dung ba làm việc với nhóm nhạc “ The Band? ?? website 2  Phần cuối: