Báo cáo cuối kỳ tên môn thiết kế và phát triển Ứng dụng web

Một website chuyên nghiệp không chỉ giúp quảng bá thương hiệu và sản phẩm rộng rãi hơn mà còn tạo dựng lòng tin và sự trung thành từ phía khách hàng.. Một website bán hàng giày dép thành

CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM

Độc lập – Tự do – Hạnh phúc

Nguyễn Tất Thành University NNT Institute International Education

BÁO CÁO CUỐI KỲ

Tên Môn:

Thiết kế và phát triển ứng dụng WEB

Giảng Viên: Lương Trần Ngọc Khiết

Tên Nhóm: SGP

Nhóm Trưởng: Trần Văn Khánh

Bảng thành viên STT Họ và tên học sinh Mã số sinh viên Phân công

3 Nguyễn Trần An Khang

4 Lê Văn Thanh Tùng

TP Hồ Chí Minh, ngày 16 tháng 8 năm 2024

em đã dần dần tích lũy được những kỹ năng cần thiết để có thể tự tin xâydựng các dự án web của riêng mình.

Thầy không chỉ cung cấp cho em những kiến thức lý thuyết vững chắc

mà còn tạo điều kiện để em áp dụng chúng vào thực tế qua các bài tập,

dự án Điều này đã giúp em rèn luyện tư duy logic, kỹ năng giải quyết vấn đề và phát triển một phong cách làm việc chuyên nghiệp Đặc biệt, những góp ý, phản hồi của thầy trong từng bài tập đã giúp em cải thiện

và hoàn thiện kỹ năng của mình, nhận ra những điểm mạnh và yếu của bản thân để từ đó không ngừng học hỏi và tiến bộ

Em cũng muốn gửi lời cảm ơn sâu sắc vì thầy đã luôn khuyến khích em

và các bạn sinh viên khác sáng tạo, thử nghiệm những ý tưởng mới, và không ngại đối mặt với những thách thức Sự hướng dẫn tận tâm của thầy đã giúp em vượt qua những khó khăn, từ đó em càng thêm yêu thích lĩnh vực này và quyết tâm theo đuổi nó trong tương lai

Nhóm chúng tôi em xin trân trọng cảm ơn!

Tp Hồ Chí Minh ngày 13 tháng 8 năm 2024

Đại diện nhóm

NHẬN XÉT CỦA GIẢNG VIÊN

Tp Hồ Chí Minh, ngày … tháng … năm 2024

Giảng viên

Lương Trần Ngọc Khiết

MỤC LỤC

Table of Contents

Chương I Lý do chọn đề tài 4

Chương II Mục tiêu 5

1 Mục tiêu tổng quát: 5

2 Mục tiêu cụ thể: 5

3 Mục tiêu mở rộng: 6

Chương III Phạm vi đề tài 7

1 Giao diện người dùng (UI) và trải nghiệm người dùng (UX): 7

2 Chức năng: 7

3 Nội dung: 8

4 Marketing và SEO: 8

5 Tính năng nâng cao: 8

6 Bảo mật: 8

Chương IV Tổng quan các nghiên cứu có liên quan 9

1.MWC 9

2 JUNO 11

Chương I Lý do chọn đề tài

Trong thời đại công nghệ số hiện nay, hình thức mua bán trực tuyến đang ngày càng phát triển mạnh mẽ nhờ vào sự tiện lợi và nhanh chóng mà nó mang lại Người tiêu dùng có thể dễ dàng tiếp cận vô số lựa chọn sản phẩm

đa dạng chỉ với vài cú nhấp chuột, tiết kiệm đáng kể thời gian và công sức so với việc mua sắm truyền thống.

Ngành thời trang, đặc biệt là lĩnh vực giày dép, cũng không nằm ngoài xu hướng này Giày dép không chỉ đơn thuần là vật dụng bảo vệ chân mà còn là một phần không thể thiếu trong việc thể hiện phong cách và cá tính của mỗi người Nhu cầu mua giày dép vì thế luôn ở mức cao, bất kể giới tính hay độ tuổi.

Tuy nhiên, cuộc sống hiện đại với nhịp độ hối hả khiến nhiều người không có

đủ thời gian để đến trực tiếp các cửa hàng để lựa chọn và mua sắm Thay vào

đó, họ có xu hướng tìm kiếm thông tin sản phẩm, so sánh giá cả và thậm chí đặt hàng trực tuyến thông qua các website hoặc ứng dụng di động.

Chính vì vậy, việc xây dựng một website bán hàng giày dép thu hút và ấn tượng trở nên vô cùng quan trọng đối với các doanh nghiệp trong lĩnh vực này Một website chuyên nghiệp không chỉ giúp quảng bá thương hiệu và sản phẩm rộng rãi hơn mà còn tạo dựng lòng tin và sự trung thành từ phía khách hàng.

Một website bán hàng giày dép thành công cần có giao diện trực quan, dễ sử dụng, cung cấp đầy đủ thông tin về sản phẩm, chính sách bán hàng và hỗ trợ khách hàng chu đáo Bên cạnh đó, việc tích hợp các công nghệ mới như trí tuệ nhân tạo (AI) để cá nhân hóa trải nghiệm mua sắm, gợi ý sản phẩm phù hợp hay chương trình khuyến mãi hấp dẫn cũng là một lợi thế cạnh tranh không nhỏ.

Tóm lại, trong bối cảnh thương mại điện tử ngày càng phát triển, việc đầu tư vào xây dựng một website bán hàng giày dép chuyên nghiệp là một bước đi chiến lược quan trọng để các doanh nghiệp thời trang nắm bắt cơ hội, tiếp cận khách hàng tiềm năng và phát triển bền vững trong thị trường cạnh tranh ngày nay.

Chương II Mục tiêu

1 Mục tiêu tổng quát:

phải đáp ứng đầy đủ các chức năng cơ bản của quản lý dự án như: lập kế hoạch, phân công công việc, theo dõi tiến độ, quản lý tài nguyên, báo cáo và đánh giá

nổi bật của AppSheet như giao diện kéo thả trực quan, tích hợp vớiGoogle Workspace, khả năng tùy biến cao và làm việc trên nhiều thiết bị để tạo ra một ứng dụng dễ sử dụng, linh hoạt và hiệu quả

phải giúp người dùng giải quyết các khó khăn thường gặp trong quản lý dự án như: thiếu công cụ quản lý tập trung, khó khăn trongviệc theo dõi tiến độ, giao tiếp và phối hợp giữa các thành viên chưa hiệu quả

2 Mục tiêu cụ thể:

quy trình quản lý dự án, xác định các chức năng cần thiết và các tính năng ưu tiên

dụng và thân thiện với người dùng, đảm bảo trải nghiệm tốt nhất cho người dùng

tin dự án, công việc, tài nguyên và các thông tin liên quan khác

 Phát triển các chức năng chính:

o Lập kế hoạch: Cho phép người dùng tạo và quản lý kế hoạch

dự án, bao gồm các công việc, thời gian, nguồn lực và ngân sách

o Phân công công việc: Cho phép người dùng phân công công

việc cho các thành viên trong nhóm, theo dõi tiến độ và cập nhật trạng thái công việc

3 Mục tiêu mở rộng:

cụ khác như Google Calendar, Gmail, Slack, để tăng tính tiện lợi

và hiệu quả cho người dùng

quản lý rủi ro, quản lý thay đổi, quản lý tài liệu, để đáp ứng nhu cầu quản lý dự án phức tạp hơn

công việc như phân tích dữ liệu, dự đoán rủi ro, đề xuất giải

pháp,

các dự án lớn với nhiều thành viên và quy trình phức tạp

 Tăng Trải Nghiệm Người Dùng: Cải thiện giao diện người dùng

để giúp khách hàng dễ dàng tìm kiếm và lựa chọn sản phẩm Đảm bảo website tải nhanh, ngay cả khi có lượng truy cập lớn, để giữ chân người dùng

Trợ Trực Tuyến: Cung cấp hỗ trợ khách hàng 24/7 thông qua

chatbot và kênh liên lạc trực tuyến

Chương III Phạm vi đề tài

Thiết kế web bán giày là một lĩnh vực khá rộng, bao gồm nhiều yếu tố từ

kỹ thuật, thẩm mỹ cho đến kinh doanh Dưới đây là một số phạm vi chính mà bạn cần quan tâm khi thực hiện dự án này:

1 Giao diện người dùng (UI) và trải nghiệm người dùng

 Tối ưu hóa cho thiết bị di động: Đa số khách hàng hiện nay truy cập website bằng điện thoại, vì vậy giao diện phải responsive, hiển thị đẹp trên mọi kích thước màn hình

 Marketing: Sử dụng các kênh marketing online như Google Ads, Facebook Ads, Email Marketing để quảng bá sản phẩm và thu hút khách hàng.

5 Tính năng nâng cao:

 So sánh sản phẩm: Cho phép khách hàng so sánh các sản phẩm khác nhau để đưa ra quyết định mua hàng

 Đánh giá sản phẩm: Khách hàng có thể đánh giá và bình luận về sản phẩm, giúp các khách hàng khác có thêm thông tin tham khảo

 Chương trình khuyến mãi: Tổ chức các chương trình khuyến mãi, giảm giá để thu hút khách hàng

 Tích điểm: Xây dựng chương trình tích điểm để tạo lòng trung thành với khách hàng

6 Bảo mật:

 Bảo mật thông tin khách hàng: Đảm bảo thông tin cá nhân và

thông tin thanh toán của khách hàng được bảo mật tuyệt đối

 Phòng chống gian lận: Áp dụng các biện pháp để phòng chống các hoạt động gian lận như hack, tấn công website

Chương IV Tổng quan các nghiên cứu có liên quan

Hiện nay, có rất nhiều web bán giày khác nhau được sử dụng trong các doanh nghiệp Dưới đây là trang web phổ biến:

1.MWC

MWC là thiên đường giày dép dành cho những bạn trẻ yêu thích sự năngđộng và cá tính Với đa dạng mẫu mã, từ giày sneaker cá tính đến giày sandal thoải mái, MWC luôn cập nhật những xu hướng thời trang mới nhất để bạn tự tin thể hiện phong cách riêng Chất liệu bền đẹp, kiểu dáng trẻ trung, cùng mức giá hợp lý, MWC chắc chắn sẽ làm hài lòng ngay cả những khách hàng khó tính nhất

Điểm mạnh:

nghệ thiết kế mới nhất, giao diện đẹp mắt, dễ nhìn thì đây sẽ là mộtđiểm cộng lớn

 Trải nghiệm người dùng tốt: Nếu bố cục trang web hợp lý, dễ sử

dụng, người dùng có thể dễ dàng tìm kiếm và mua sản phẩm thì đây cũng là một điểm mạnh

không phải chờ đợi lâu và có trải nghiệm mua sắm tốt hơn

 Tính năng nổi bật: Nếu trang web có những tính năng độc đáo,

hữu ích cho người dùng thì sẽ tạo nên sự khác biệt so với các đối thủ cạnh tranh

chân thực sẽ giúp khách hàng hình dung rõ hơn về sản phẩm và tăng khả năng mua hàng

Điểm yếu:

1 Giao diện người dùng (UI) và trải nghiệm người dùng (UX):

được sắp xếp một cách logic, gây khó khăn cho người dùng trong việc tìm kiếm thông tin

chữ không phù hợp khiến trang web trở nên rối mắt và khó nhìn

khó khăn cho người dùng trong việc tập trung vào những thông tin quan trọng

bước, yêu cầu người dùng nhập quá nhiều thông tin, gây mất thời gian và làm giảm trải nghiệm mua sắm

kiên nhẫn và dễ dàng rời đi

2 Tính năng:

thông minh, không hiển thị kết quả chính xác

các sản phẩm khác nhau để đưa ra quyết định mua hàng

đánh giá của người dùng khác để đưa ra quyết định mua hàng

trình bày rõ ràng, gây khó khăn cho khách hàng khi cần đổi trả sản phẩm

2 JUNO

Juno - Thiên đường giày dép dành cho phái đẹp! Với hàng ngàn mẫu giày đa dạng từ giày cao gót thanh lịch đến giày sneaker năng động, Juno luôn cập nhật những xu hướng thời trang mới nhất để bạn tự tin thểhiện phong cách riêng Chất liệu bền đẹp, kiểu dáng trẻ trung, cùng mức giá hợp lý, Juno chắc chắn sẽ làm hài lòng mọi cô gái

Điểm mạnh:

1 Tính thẩm mỹ và sự nhất quán:

cảm giác dễ chịu, thu hút và phù hợp với đối tượng khách hàng nữ

bảo nội dung hiển thị rõ ràng, không gây mỏi mắt cho người dùng

tạo nên một bố cục cân đối và dễ nhìn

cách thiết kế nhất quán, từ trang chủ đến các trang sản phẩm, giúp người dùng nhận diện thương hiệu dễ dàng hơn

2 Trải nghiệm người dùng mượt mà:

không phải chờ đợi lâu

dàng tìm kiếm sản phẩm mong muốn

phần tử trên trang web như zoom hình ảnh, xem video sản phẩm

dùng nhanh chóng tìm thấy sản phẩm mình cần

3 Tính cá nhân hóa:

phù hợp với sở thích và nhu cầu của từng khách hàng

hàng để cá nhân hóa trải nghiệm mua sắm

web theo sở thích cá nhân

4 Tính năng nổi bật:

phẩm khác nhau để đưa ra quyết định mua hàng

phẩm, giúp những khách hàng khác đưa ra quyết định mua hàng

đáp mọi thắc mắc

size phù hợp

Điểm yếu:

1 Tốc độ tải trang:

trọng trong thiết kế trang web là tốc độ tải Nếu trang web Juno tải chậm, điều này có thể dẫn đến trải nghiệm người dùng không tốt, làm tăng tỷ lệ thoát (bounce rate)

2 Trải nghiệm người dùng (UX):

quá nhiều bước hoặc không rõ ràng, người dùng có thể cảm thấy bất tiện và dễ từ bỏ giỏ hàng trước khi hoàn tất mua hàng

hoặc cách bố trí các phần của trang web không nhất quán hoặc khó hiểu, điều này có thể làm cho người dùng cảm thấy bối rối khi tìm kiếm sản phẩm hoặc thông tin họ cần

3 Tối ưu hóa cho thiết bị di động:

có một phiên bản di động, nhưng nếu trang web không được tối ưu hóa hoàn toàn cho các thiết bị di động, bao gồm cả vấn đề về hiển thị và tốc độ, thì điều này có thể ảnh hưởng tiêu cực đến trải nghiệm người dùng Với tỷ lệ người dùng truy cập từ điện thoại ngày càng tăng, đây là một yếu tố quan trọng

Chương V Nội dung nghiên cứu

Nội dung nghiên cứu cho việc xây dựng trang web bán giày

1.Công cụ nghiên cứu:

1.1 PHP (viết tắt của Hypertext Preprocessor) là một ngôn ngữ lập trình

kịch bản được sử dụng rộng rãi để phát triển các ứng dụng web Nó được xem là một trong những ngôn ngữ phổ biến nhất hiện nay và được

sử dụng bởi hàng triệu website trên toàn thế giới, bao gồm cả những trang web lớn như Facebook và Wikipedia

đổi tùy thuộc vào người dùng và các tương tác của họ

trên website

liệu

hệ thống quản lý nội dung (CMS), thương mại điện tử

tác vụ khác nhau, từ đơn giản đến phức tạp

Tại sao PHP lại phổ biến?

hiểu, phù hợp cả với người mới bắt đầu lẫn lập trình viên có kinh nghiệm

cho phép bất kỳ ai cũng có thể sử dụng, sửa đổi và phân phối

sẵn sàng hỗ trợ và chia sẻ kiến thức

 Linh hoạt: PHP có thể kết hợp với nhiều cơ sở dữ liệu khác nhau

như MySQL, PostgreSQL, Oracle và các công nghệ khác như HTML, CSS, JavaScript

quả trên máy chủ

Tóm lại, PHP là một ngôn ngữ lập trình mạnh mẽ, linh hoạt và dễ học

Nếu bạn muốn trở thành một nhà phát triển web, PHP là một lựa chọn tuyệt vời để bắt đầu

1.2 HTML (HyperText Markup Language) hay Ngôn ngữ đánh dấu siêu văn bản là nền tảng cơ bản để xây dựng các trang web Bạn có thể

hình dung HTML như những viên gạch tạo nên một ngôi nhà Mỗi viên gạch đại diện cho một phần tử HTML, và khi kết hợp lại, chúng tạo thành một cấu trúc hoàn chỉnh cho trang web của bạn

HTML làm gì?

bao gồm tiêu đề, đoạn văn, hình ảnh, danh sách, bảng và các yếu tốkhác

giữa các trang web khác nhau, giúp người dùng dễ dàng điều

hướng

thanh vào trang web của mình bằng HTML

Tại sao HTML lại quan trọng?

cập đều được xây dựng dựa trên HTML

người mới bắt đầu

 Linh hoạt: HTML có thể kết hợp với các ngôn ngữ khác như CSS

(để định dạng) và JavaScript (để tạo các hiệu ứng động) để tạo ra các trang web đẹp mắt và tương tác

Tóm lại, HTML là ngôn ngữ cơ bản và quan trọng nhất để xây dựng các

trang web Nếu bạn muốn trở thành một nhà phát triển web, việc hiểu rõ HTML là điều cần thiết

1.3 JavaScript (JS) là một ngôn ngữ lập trình được sử dụng rộng rãi để

tạo ra các trang web tương tác Nếu HTML là bộ khung xương của một trang web và CSS là lớp áo cho trang web đó, thì JavaScript chính là linh hồn, mang lại sự sống động và tương tác cho trang web

JavaScript làm được gì?

chuyển động mượt mà, các hình ảnh động, các menu thả xuống và nhiều hiệu ứng tương tác khác

của người dùng như click chuột, di chuyển chuột, nhập liệu,

lệ của dữ liệu mà người dùng nhập vào trước khi gửi đi, giúp đảm bảo dữ liệu chính xác

để xây dựng các ứng dụng web đơn giản như trò chơi, ứng dụng tính toán, v.v

với HTML và CSS để tạo ra các trang web hiện đại và phức tạp

Tại sao JavaScript lại quan trọng ?

tác hơn, mang lại trải nghiệm tốt hơn cho người dùng

 Phổ biến: JavaScript được hỗ trợ bởi hầu hết các trình duyệt web,

làm cho nó trở thành một công cụ phát triển web rất phổ biến

web phức tạp và các ứng dụng di động

luôn sẵn sàng giúp đỡ và chia sẻ kiến thức

JavaScript và các framework phổ biến

Để phát triển các ứng dụng web một cách nhanh chóng và hiệu quả, các nhà phát triển thường sử dụng các framework JavaScript Một số

framework phổ biến bao gồm:

tạp

lớn

Tóm lại, JavaScript là một ngôn ngữ lập trình không thể thiếu trong việc

phát triển web hiện đại Nó giúp tạo ra các trang web tương tác, hấp dẫn

và đáp ứng nhu cầu của người dùng

1.4 CSS (Cascading Style Sheets) là một ngôn ngữ thiết kế được sử

dụng để định dạng và trình bày các trang web Nếu HTML là bộ khung xương của một trang web, thì CSS chính là lớp áo, giúp trang web trở nên đẹp mắt và chuyên nghiệp hơn

CSS làm gì?

kích thước chữ, khoảng cách dòng, căn chỉnh văn bản,

 Thiết kế bố cục: CSS giúp bạn sắp xếp các phần tử trên trang web

một cách linh hoạt, tạo ra các bố cục khác nhau như một cột, hai cột, lưới,

đơn giản, thay đổi màu sắc khi hover, tạo các hiệu ứng bóng đổ,

hình khác nhau, đảm bảo trải nghiệm người dùng tốt nhất

Tại sao CSS lại quan trọng?

dung (HTML) và phần trình bày (CSS), giúp mã nguồn dễ đọc, dễ bảo trì và dễ quản lý hơn

cách linh hoạt và nhanh chóng

tốc độ tải trang

trình duyệt hiện đại

Các framework CSS phổ biến

phần và giao diện người dùng

cao

Tóm lại, CSS là một công cụ không thể thiếu để tạo ra các trang web

đẹp mắt và chuyên nghiệp Việc hiểu và sử dụng thành thạo CSS sẽ giúpbạn tạo ra những trang web có giao diện người dùng tốt nhất