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 :


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
hiện

1

Vũ Đình Hiệp

2

Đỗ Thị Sao

3

Nguyễn Quốc
Hưng

CÁN BỘ CHẤM 1
(Ký và ghi rõ họ tên)

Bắc Ninh, tháng 11 Năm 2021


TIEU LUAN MOI download :


MỤC LỤC
PHÂN CƠNG CƠNG VIỆC......................................................................................ii
MỞ ĐẦU..................................................................................................................................................... 1
1. Lí do chọn đề tài.................................................................................................1

2. Mục đích nghiên cứu...........................................................................................1
3. Đối tượng nghiên cứu.........................................................................................1
4. Phạm vi nguyên cứu............................................................................................1
5. Nhiệm vụ nghiên cứu..........................................................................................1
NỘI DUNG.................................................................................................................. 2
CHƯƠNG 1: NGUYÊN LÝ THIẾT KẾ TRONG SẢN PHẨM..............................2
1.1. Các kiến thức đã sử dụng.................................................................................2
1.2. Nguyên lý thiết kế trong sản phẩm..................................................................2
CHƯƠNG 2: TRIỂN KHAI VÀ KẾT QUẢ THỬ NGHIỆM.................................3
2.1. Triển khai thử nghiệm......................................................................................3
2.2. Kết quả thử nghiệm:........................................................................................3
KẾT LUẬN.................................................................................................................4
1. Những phần đã làm được....................................................................................4
2. Hạn chế...............................................................................................................4
3. Khó khăn khi làm bài..........................................................................................4
4. Kinh nghiệm rút ra sau bài làm...........................................................................4
5. Thành quả...........................................................................................................5
6. Ứng dụng............................................................................................................7

TIEU LUAN MOI download :


PHÂN CÔNG CÔNG VIỆC


TIEU LUAN MOI download :


MỞ ĐẦU
1.

Lí do chọn đề tài
Trong hệ thống Marketing hiện nay, việc quảng bá sản phẩm của doanh nghiệp là
vô cùng cần thiết và quan trọng. Đặc biệt ở các doanh nghiệp lớn thì điều đó lại trở nên
rất là cấp bách và cần thiết đóng vai trị đến doanh thu của các doanh nghiệp. Một doanh
nghiệp có được doanh thu lớn là nhờ vào việc quảng bá sản phẩm để khách hàng hiểu rõ
hơn về sản phẩm của mình. Có rất nhiều cách quảng bá sản phẩm. Một trong những cách
mà rất nhiều các doanh nghiệp lớn đang làm đó là quảng bá trên nền tàng google hay cịn
gọi là webiste. Vì vậy nhóm em đã ngun cứu đến việc tạo ra một 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
một cách nhanh nhất và hiệu quả nhất.
2.
Mục đích nghiên cứu
Trang website tạo ra sẽ có rất nhiều tính năng mà người dùng có thể tiếp cận. Có
thể seach để tìm kiếm, có thể xem thơng tin về nhóm nhạc, có thể xem hình ảnh, lịch
trình và có thể đặt vé trực tiếp trên website.
3.

Đối tượng nghiên cứu

-

Ứng dụng được các nguyên lý thiết kế vào trang website.

-

Sử dụng được HTML, CSS, JS.

4.
-

Phạm vi nguyên cứu
Nguyên cứu cách code và chạy chương trình.

5.
Nhiệm vụ nghiên cứu
Đưa ra một bài code hồn chỉnh, chương trình đầy đủ để tạo ra một trang
website
đầy đủ nội dung đã học.
- Đem lại cảm giác thoải mái, ít cần nhớ dữ liệu cho người dùng.


TIEU LUAN MOI download :


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 bản html.
-

Dùng Form: biểu mẫu nhập dữ liệu.

-

Các thẻ bố cục nội dung.

-

CSS cơ bản.

-

Sử dụng javascript.

-

Sử dụng hiệu ứng.

1.2. Nguyên lý thiết kế trong sản phẩm
Sử dụng hình nền màu trắng trong các khung nền sản phẩm: phù hợp mới chủ
đề nhóm nhac, đây là màu đơn giản và nhẹ nhàng giúp cho hình ảnh hình ảnh được nổi
bật, bắt mắt người truy cập.
-

Về màu sắc của chữ: nền trắng – chữ đen, nền đen – chữ trắng: là cặp màu

tương phản cực tốt, hài hịa, khơng lóa mắt, nền trắng sẽ nhường chỗ cho các chữ đen
nổi bật hơn và 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 đúng theo tiêu

chuẩn, không quá thưa cũng không quá dày.

-



Phần đầu:

-

Banner sử dụng slider là ý tưởng nổi bật nhất của 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 về nhóm nhạc “ The Band” yêu âm nhạc như thế nào.

Nội dung hai là lịch trình của nhóm nhạc “ The Band” thời gian địa điểm và có

thể đặt vé trực tiếp.
-Nội dung ba là làm việc với nhóm nhạc “ The Band” tại website.

TIEU LUAN MOI download :

2

-

Phần cuối:
Nơi người truy cập để biết thêm thông tin của 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 hiện lập trình, xây dựng tạo nên một website hoạt động dựa trên 2 nền tảng
lớn đó là trên mobile (hay cịn gọi là điện thoại di động) và PC (hay cịn gọi là
máy tính, laptop).

-

Đối với PC: chương trình website có tất cả đầy đủ hình ảnh và nội dung để cho
khách hàng (hay cịn gọi là người dùng) có một cái nhìn tổng quan nhất về
website. Dựa trên tiêu chí người dùng ít phải nhớ nhiều nội dung, dữ liệu, thì
nhóm đã thiết kế website không quá dài, nhưng vẫn tạo được ấn tượng tốt với
khách hàng bởi màu sắc và cách chia bố cục hợp lý. Tạo cảm giác thoải mái khi
dùng và làm cho khách hàng thực hiện mọi thao tác trên website một cách dễ dàng
và đạt được hiểu quả tốt nhất.

-

Đối với mobile: Với kiến thức responsive mà nhóm đã được học thì đã giúp cho
website nhóm tương thích với nền tảng mobile, một nền tảng có đơng đảo người

sử dụng. Với sự hiểu biết về cảm giác người dùng thì website của nhóm em đã
ngắn gọn hơn so với trên nền tảng PC nhưng không làm mất đi nội dung của web.
Nhiều ảnh và danh sách menu đã được thu gọn, giúp người dùng khơng có cảm
giác nhàm chán và cảm thấy webiste khơng có q nhiều nội dung được nói đến,
khiến người dùng khơng hiểu hết về website. Qua việc triển khai thử nghiệm, thì
nhóm đã rút ra được kinh nghiệm và hoàn thành website tốt hơn, tạo ấn tượng tốt
đối với người dùng.

2.2.Kết quả thử nghiệm:
Nhóm chúng em đã demo và chạy chương trình thành cơng ở trên 2 nền
tảng Mobile và PC.


TIEU LUAN MOI download :


3

TIEU LUAN MOI download :


KẾT LUẬN
1.
-

Những phần đã làm được
Sử dụng html, css, js.

2.
-

Hạn chế
Chưa sử dụng hết các tính năng trong giao diện website.

3.
Khó khăn khi làm bài
Do ảnh hưởng dịch bệnh khơng thể gặp nhau dẫn đến khó trao đổi trong
q trình
làm bài.
- Tài liệu trên mạng lưu thưa, không đầy đủ.
-Một số thành viên trong nhóm khơng thể code được html, css.
4.
-

Kinh nghiệm rút ra sau bài làm
Hiểu biết thêm một số tính năng của js.

Thuần thục hơn trong việc căn chỉnh và phối màu để có một trang web đẹp
và dễ
nhìn.
-

Biết tạo ra các điểm đặc biệt và nổi bật cho trang web.

-

Ln tìm tịi, tìm hiểu kiến thức.

-

Chủ động trong mọi tình huống trong nhóm.

4


TIEU LUAN MOI download :


5. Thành quả

5

TIEU LUAN MOI download :


6

TIEU LUAN MOI download :


6.
Ứng dụng
Trang web được ứng dụng trong quảng bá nhóm nhạc “ The Band” và cung cấp
thông tin cho người dùng về nhóm nhạc.
7

TIEU LUAN MOI download :


TIEU LUAN MOI download :