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

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 S V N Bắc Ninh, tháng 11 năm 2021 TIEU LUAN MOI download : skknchat@gmail.com 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 CÁN BỘ CHẤM (Ký ghi rõ họ tên) Bắc Ninh, tháng 11 Năm 2021 TIEU LUAN MOI download : skknchat@gmail.com 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 .3 2.1 Triển khai thử nghiệm 2.2 Kết thử nghiệm: KẾT LUẬN .4 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 TIEU LUAN MOI download : skknchat@gmail.com PHÂN CÔNG CÔNG VIỆC TIEU LUAN MOI download : skknchat@gmail.com 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 TIEU LUAN MOI download : skknchat@gmail.com 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 TIEU LUAN MOI download : skknchat@gmail.com  - 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 TIEU LUAN MOI download : skknchat@gmail.com TIEU LUAN MOI download : skknchat@gmail.com KẾT LUẬN - Những phần làm Sử dụng html, css, js - 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 TIEU LUAN MOI download : skknchat@gmail.com Thành TIEU LUAN MOI download : skknchat@gmail.com TIEU LUAN MOI download : skknchat@gmail.com Ứ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 TIEU LUAN MOI download : skknchat@gmail.com TIEU LUAN MOI download : skknchat@gmail.com ... ĐẠ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... 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 .3 2.1 Triển... 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 TIEU LUAN MOI download : skknchat@gmail.com TIEU LUAN MOI download : skknchat@gmail.com KẾT