(TIỂU LUẬN) 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 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 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 PHÂN CÔNG CÔNG VIỆC 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 cịn gọi webiste Vì nhóm em nguyên 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 gọi điện thoại di động) PC (hay cịn 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ó 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 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 gặp dẫn đến khó trao đổi q 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 ... ĐẠ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... 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 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. .. 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