tiểu luận báo cáo mẫu ngành thiếết kế website wedsite bán giày shopgiaydep

L I NÓI ĐẦẦUỜChào quý khách hàng yêu thương của Shop Giày Đẹp!Chúng tôi xin gửi lời chào trân trọng và chân thành nhất đến tất cả những khách hàng đam mê và đang tìm kiếm đôi giày hoàn h

BÁO CÁO MẪẪU – NGÀNH THIẾẾT KẾẾ WEBSITE

Giáo viên hướng dẫẫn: Cô Nguyễễn Th Thanh Xuân ị

Sinh viên th c hi n:ự ệ PS31203_LÊ ANH KHOA

L p: ớ WD18316

TPHCM, 09/2023

L I NÓI ĐẦẦU Ờ

Chào quý khách hàng yêu thương của Shop Giày Đẹp!

Chúng tôi xin gửi lời chào trân trọng và chân thành nhất đến tất cả những khách hàng đam mê và đang tìm kiếm đôi giày hoàn hảo cho bản thân mình

Shop Giày Đẹp tự hào giới thiệu trang web bán hàng của chúng tôi - nơi mà

chúng tôi mang đến cho quý khách hàng sự kết hợp hoàn hảo giữa phong cách, thoải mái, năng động và chất lượng

Với niềm đam mê và sứ mệnh của chúng tôi, Shop Giày Đẹp đã chọn những

đôi giày tốt nhất để mang đến cho quý khách hàng một trải nghiệm đầy tự tin và thoải mái Chúng tôi hiểu rằng một đôi giày không chỉ đơn giản là một vật để sử dụng, mà còn là một phần quan trọng của phong cách cá nhân và cảm giác tự tin của quý khách hàng

Trang web Shop Giày Đẹp tự hào giới thiệu một bộ sưu tập đa dạng các loại

giày chất lượng cao, từ giày thể thao đến giày công sở và giày đi biển Chúngtôi cam kết chọn lọc kỹ càng từ các nhà sản xuất uy tín để đảm bảo rằng quýkhách hàng thân yêu sẽ nhận được những sản phẩm tốt nhất, đồng thời sẽ trải nghiệm sự thoải mái và độ bền của những đôi giày của chúng tôi

Khi đến với Shop Giày Đẹp, quý khách hàng sẽ được đón tiếp bởi đội ngũ

nhân viên tận tâm và giàu kinh nghiệm Chúng tôi luôn sẵn sàng hỗ trợ quý khách hàng trong việc chọn lựa và tư vấn mọi vấn đề liên quan đến sản phẩm Chúng tôi hiểu rằng mỗi người đều có những nhu cầu và phong cách riêng, vì vậy chúng tôi sẽ cùng quý khách hàng tìm ra đôi giày phù hợp nhất với sở thích và phong cách cá nhân

Chúng tôi tin rằng sự đa dạng trong sản phẩm sẽ giúp khách hàng tìm thấy một món quà độc đáo hoặc một kỷ niệm có dấu ấn cho bản thân và gia đình

của quý khách hàng Chúng tôi hy vọng khi đến với Shop Giày Đẹp, quý

khách hàng sẽ có những trải nghiệm mua sắm tốt nhất và tìm thấy đôi giày ưng ý nhất cho mình

Chúng tôi xin cam đoan rằng trang web Shop Giày Đẹp sẽ mang đến cho

quý khách hàng trải nghiệm mua sắm trực tuyến dễ dàng, an toàn và nói không với lừa đảo Chúng tôi luôn đặt sự hài lòng của khách hàng lên hàng đầu và cam kết cung cấp dịch vụ khách hàng tận tâm nhất và chất lượng tốt nhất

Cuối cùng, chúng tôi xin chân thành cảm ơn tất cả quý khách hàng thân yêu

đã tin tưởng và lựa chọn Shop Giày Đẹp Mong rằng quý khách hàng sẽ tìm

thấy đôi giày ưng ý nhất và trên hết là cảm thấy thoải mái và tự tin với mỗi bước chân trong cuộc sống của mình

Chúc quý khách hàng thân yêu có những trải nghiệm mua sắm vui vẻ tại

trang web Shop Giày Đẹp!

Trang web Shop Giày Đẹp xin trân trọng cảm ơn!

Too long to read on your phone? Save to

read later on your computer

Save to a Studylist

1 P HẦN TÍCH

1.1 HI N Ệ TR NG Ạ (Đ T VẦẤN ĐỀẦ) Ặ *

Shop Giày Đẹp là một cửa hàng bán giày cũ, kinh doanh đa dạng các mặt hànggiày khác nhau Hiện cửa hàng chưa có website giới thiệu các sản phẩm đến ngườitiêu dùng và đối mặt với sự cần thiết của việc có một nền tảng trực tuyến cho phépngười tiêu dùng đặt hàng Khách hàng có tài khoản tại trang web mới được đặthàng Thêm một lí do là cửa hàng cũng cần thu nhận được các phản hồi từ ngườitiêu dùng về các sản phẩm để nhanh chóng cải tiến và nâng cao chất lượng nhằmphục vụ khách hàng ngày một tốt hơn Vì vậy Shop Giày Đẹp quyết định xây dựngwebsite là để cung cấp cho khách hàng một cách tiện lợi để duyệt và mua các sảnphẩm của họ mọi lúc, mọi nơi Không chỉ vậy, website còn giúp họ tiết kiệm thờigian, tăng tính cạnh tranh và tạo cơ hội tiếp cận một lượng khách hàng lớn hơn.Vì

v yậ shoes old quyêốt đ nh xẫy d ng website là đ cung cẫốp cho khách hàng m t cách ti n l i đ duy tị ự ể ộ ệ ợ ể ệ

và mua các s n ph m c a h m i lúc, m i n i Khống ch v y, website còn giúp h tiêốt ki m th i gian,ả ẩ ủ ọ ọ ọ ơ ỉ ậ ọ ệ ờtăng tính c nh tranh và t o c h i tiêốp c n m t lạ ạ ơ ộ ậ ộ ượng khách hàng l n h n.ớ ơ

1.2 YỀU CẦẦU HỆ THỐẤNG

Shop Giày Đẹp mong muốn có một website nhằm giới thiệu sản phẩm, bán cácmặt hàng online và thu nhận ý kiến của người tiêu dùng về các sản phẩm đang kinhdoanh Website cũng có các chức năng cho người quản trị để họ có thể quản lý sảnphẩm, phân loại sản phẩm, quản lý khách hàng, quản lý các bình luận từ kháchhàng về các sản phẩm cũng như thống kê hàng hóa theo loại…

Yêu cầu cụ thể được đặt ra như sau:

Website bán hàng dành cho ng ườ i tiễu dùng

o Cẫốu trúc chúng c a tẫốt c các trang web trong website ph iủ ả ả

▪ Ch a danh m c lo i hàng hóa đ khách hàng dêẫ dàng tìm kiêốm hàng hóa theoứ ụ ạ ể

t ng lo iừ ạ

▪ Tìm kiêốm hàng hóa theo tên

▪ Hi n th danh sách các m t hàng đ c quan tẫm nhiêầu nhẫốt (xem nhiêầu nhẫốt)ể ị ặ ượ

▪ Đăng nh p/thống tin ngậ ười tiêu dùng sau khi đã đăng nh pậ

o Trang chính c a websiteủ

Tr ng bày các m t hàng đ c bi t đư ặ ặ ệ ược nhẫn viên qu n tr ch đ nh Các m t hàng đ cả ị ỉ ị ặ ặ

bi t có th đệ ể ược trình bày theo cách nào đó sao cho dêẫ nhìn (có th s d ngể ử ụslideshow)

o Trang tr ng bày tẫốt c m t hàngư ả ặ

Khi ng ười dùng ch n lo i hàng ho c tìm kiêốm theo tên thì danh sách hàng hóa th aọ ạ ặ ỏmãn yêu cẫầu đ ược hi n ra Mốẫi m t hàng cẫần hi n th hình nh, tên, đ n giá và ( gi mệ ặ ể ị ả ơ ả

giá nêốu có ) Khi ng i dùng nhẫốp vào hình c a hàng hóa thì seẫ chuy n đêốn trang hi nườ ủ ể ể

th chi tiêốt hàng hóa đốầng th i tăng sốố lẫần xem.ị ờ

o Chi tiêốt hàng hóa

Yêu cẫầu c a trang web này nh sauủ ư

▪ Thống tin chi tiêốt c a m t hàng đ c ch nủ ặ ượ ọ

▪ Mốẫi m t hàng có danh sách hình nh (gallery).ặ ả

▪ Danh sách các m t hàng cùng lo i v i m t hàng đ c ch nặ ạ ớ ặ ượ ọ

▪ Cho phép khách hàng g i bình lu n vêầ s n ph mử ậ ả ẩ

▪ M t sốố thống tin đ liên h tr c tiêốp cho ngộ ể ệ ự ười bán

o Các trang qu n lý tài kho n s d ngả ả ử ụ

▪ Đăng nh pậ

▪ Đăng ký

▪ Quên m t kh uậ ẩ

▪ Đ i m t kh uổ ậ ẩ

▪ C p nh t thống tin tài kho nậ ậ ả

✔ Website bán hàng dành cho ng ườ i qu n tr ả ị

▪ Thốống kê hàng hóa theo lo i, cho phép hi n th d i d ng bi u đốầạ ể ị ướ ạ ể

▪ Thốống kê bình lu n theo hàng hóaậ

▪ Thốống kê đ n hàngơ

▪ Thốống kêố doanh thu

✔ Yễu câầu vễầ b o m t ả ậ

o Tẫốt c các form nh p ph i đả ậ ả ược ki m soát d li u m t cách h p lýể ữ ệ ộ ợ

o Khách hàng ch a đăng nh p khống đư ậ ược phép g i bình lu n vêầ hàng hóa cũng nh đ iử ậ ư ổ

m t kh u, c p nh t thống tin tài kho nậ ẩ ậ ậ ả

o Ch có các nhẫn viên qu n tr m i đỉ ả ị ớ ược phép th c hi n các ch c năng qu n trự ệ ứ ả ị

o Khách hàng là viên có th đ t hàng ể ặ

✔ Yễu câầu vễầ môi tr ườ ng công ngh ệ

o Website ph i đả ược xẫy d ng v i PHP và MySQLự ớ

o Kêốt h p v i javascript, ajaxợ ớ

- Form tìm kiêốm theo tên

- 10 m t hàng đặ ược xem nhiêầu nhẫốt

- Form đăng nh p ho c thống tin khách hàng sau khi đã đăng nh p ậ ặ ậ

- Nêốu ng ười đăng nh p có vai trò là nhẫn viên thì hi n th liên kêốt đêốn trang qu n tr ậ ể ị ả ị

✔ Tìm hàng theo lo i ạ

- Li t kê các m t hàng theo lo i đệ ặ ạ ược ch n b i khách hàng ọ ở

- Thống tin mốẫi m t hàng gốầm tên, nh và đ n giá (gi m giá nêốu có).ặ ả ơ ả

- Liên kêốt đêốn trang chi tiêốt hàng hóa khi click vào nh ả

✔ Tìm hàng theo tễn

- Li t kê các m t hàng theo tên hàng ho c tên lo i theo yêu cẫầu tìm kiêốm c a khách hàng ệ ặ ặ ạ ủ

- Thống tin mốẫi m t hàng gốầm tên, nh và đ n giá ặ ả ơ

- Liên kêốt đêốn trang chi tiêốt hàng hóa

✔ Xem thông tin chi tiễết

- Hi n th thống tin chi tiêốt c a m t hàng để ị ủ ặ ược ch n b i khách hàng và các m t hàng cùng lo iọ ở ặ ạ

có găốn liên kêốt đêốn trang chi tiêốt hàng hóa đ khách hàng có th xem luốn mà khống cẫần ph iể ể ả

tr l i trang li t kê hàng hóa Trang chi tiêốt còn có th có thống tin vêầ n i bán đ khách hàng cóở ạ ệ ể ơ ể

th liên hê ho c đêốn tr c tiêốp c a hàng.ể ặ ự ử

Đăng ký thành viên m i v i vai trò là khách hàng đ đớ ớ ể ược mua hàng và th c hi n cácự ệ

ch c năng dành cho ngứ ười mua , t c khống đứ ược phép s d ng các ch c năng trongử ụ ứphẫần qu n tr ả ị

o Đăng nh pậ

Đăng nh p đ có th th c hi n đậ ể ể ự ệ ược các ch c năng: g i bình lu n, đ i m t kh u, c pứ ử ậ ổ ậ ẩ ậ

nh t thống tin tài kho n.ậ ả

o Đăng xuẫốt

Ch n ch c năng này đ tr thành ngọ ứ ể ở ười dùng n c danh, t c khống đặ ứ ược phép g i bìnhử

lu n, đ i m t kh u, c p nh t thống tin tài kho n.ậ ổ ậ ẩ ậ ậ ả

o C p nh t thống tin tài kho nậ ậ ả

- C p nh t l i thống tin tài kho n c a mình (khống cho phép c p nh t tên đăng nh p)ậ ậ ạ ả ủ ậ ậ ậ

T ng h p các bình lu n c a khách hàng t ng hàng hóa, thống tin t ng h p có cẫốu trúcổ ợ ậ ủ ừ ổ ợ

Tễn hàng hóa Sôế bình lu n ậ Ngày m i nhâết ớ Ngày cũ nhâết

Hi n th chi tiêốt các bình lu n vêầ m t hàng để ị ậ ặ ược ch n và cho phép xóa các bình lu n khống phùọ ậ

h p.ợ

✔ T ng h p - thốống kê hàng hóaổ ợ

T ng h p thống tin hàng hóa t ng lo i hàng Thống tin t ng h p cẫần đổ ợ ừ ạ ổ ợ ược trình bày có cẫốu trúcsau

Lo i hàng ạ Sôế hàng hóa Giá trung bình Giá thâếp nhâết Giá cao nhâết

Hi n th bi u đồồ hình miếến theo t l sồế lể ị ể ỷ ệ ượng c a t ng lo i.ủ ừ ạ

o Sốố l ượt xem Đ ghi nh n sốố lể ậ ượt xem đ đánh giá đ quan tẫm c a khách hàng.ể ộ ủ

o Mã hóa đ n chi tiếếtơ

✔ Hóa đ n chi tiêốt ( Qu n tr ki m soát đ thốống kê hàng hóa )ơ ả ị ể ể

o Mã chi tiêốt hóa đ nơ

✔ Thuê host có hốẫ tr php và mysql và tri n khai website ợ ể xshop.com lên đó

✔ Nhẫn viên qu n tr vào website đ qu n lýả ị ể ả

✔ Ng i tiêu dùng s d ng trình duy t web đ truy c p, tìm kiêốm, ườ ử ụ ệ ể ậ đ t hàngặ và g i bình lu n vêầử ậhàng hóa,

◦

2.2 THIỀẤT KỀẤ

2.2.1 Thiễết kễế giao di n ệ (figma)

2.2.1.1 Trang ch (hình ch p file figma kèm link đã public - 1 trang)ủ ụ

2.2.1.2 Trang con (hình ch p file figma kèm link đã public - 1 trang)ụ

2.2.2 Thiễết kễế CSDL

D a vào đ c t th c th và c th làm vi c v i x-shop b n có th thiêốt kêố s đốầ quan h và chi tiêốt cácự ặ ả ự ể ụ ể ệ ớ ạ ể ơ ệ

th c th đ t có có đ thống tin cài đ t CSDL lên MySQL.ự ể ể ừ ủ ặ

▪ S đồồ quan h th c th ơ ệ ự ể

2.2.2.1 ERD Diagram level 1

2.2.2.2 ERD Diagram level 2

x

Yêu cầầu ràng bu c quan h : ộ ệ

id INT(4) PK, NOT NULL, T tăngự Mã lo i hàngạ

name VARCHAR(50) NOT NULL Tên lo i hàngạ

sethome BIT(1) DEFAULT 0 Danh m c xuẫốt hi n trangụ ệ

chủ2.2.3.2 Hàng hóa

B ng hang_hoa l u thống tin các các m t hàng có cẫốu trúc nh sauả ư ặ ư

id INT(9) PK, NOT NULL, T tăngự Mã hàng hóa

price DOUBLE (10,0) NOT NULL Đ n giáơ

giam_gia FLOAT NOT NULL M c gi m giáứ ả

dac_biet BIT NOT NULL, DEFAULT 0 Tr ng thái đ c bi tạ ặ ệso_luot_xem INT(4) DEFAULT 0 Sốố lượt xem

idcata INT(4) FK, NOT NULL Mã lo iạ

2.2.3.3 Khách hàng

B ng khach_hang l u thống tin ngả ư ười dùng gốầm c ngả ười tiêu dùng và nhẫn viên qu n tr có cẫốu trúcả ị

nh sauư

ma_kh VARCHAR(20) PK, NOT NULL Mã đăng nh pậ

mat_khau VARCHAR(50) NOT NULL M t kh uậ ẩ

ho_ten VARCHAR(50) NOT NULL H và tênọ

kich_hoat BIT NOT NULL Tr ng thái kích ho tạ ạ

hinh VARCHAR(50) NOT NULL Tên hình nhả

email VARCHAR(50) NOT NULL Đ a ch emailị ỉ

vai_tro BIT NOT NULL Vai trò, true là nhẫn viên2.2.3.4 Bình lu nậ

B ng binh_luan l u thống tin các bình lu n c a khách hàng vêầ các hàng hóa có cẫốu trúc nh sauả ư ậ ủ ư

ma_bl INT (9) PK, NOT NULL, T tăngự Mã bình lu nậ

noi_dung VARCHAR(255) NOT NULL N i dung bình lu nộ ậ

ma_hh INT(9) FK, NOT NULL Mã hàng hóa được bình lu nậma_kh INT(9) FK, NOT NULL Mã người bình lu nậ

ngay_bl DATE NOT NULL Th i gian bình lu nờ ậ

◦

S đôầ database ơ (ch p phầần design trong phpMyAdminụ )

Giao di n web rẫốt đa d ng và phong phú vêầ đ th m myẫ B i v y phẫần này ch hệ ạ ộ ẩ ở ậ ỉ ướng dẫẫn vêầ m c logic,ặ

người th c hi n đự ệ ược phép sáng t o theo ý riêng mình.ạ

M t vài l u ý cẫần ph i tuẫn th làm nh hộ ư ả ủ ả ưởng xuyên sốốt quá trình làm d án đó là đ t tên cho cácự ặthành phẫần trên form Cẫần ph i th c hi n đúng đ sau này tích h p mã php và mysql vào đả ự ệ ể ợ ược thu nậ

l i.ợ

2.3.2.1 Cấấu trúc chung (layout)

2.3.2.2 Trang chủ

2.3.2.3 Trang qu n lý lo i hàngả ạ

2.3.2.4 Trang qu n lý hàng hóaả

2.3.2.5 Trang qu n lý khách hàngả

2.3.2.6 Trang t ng h p và qu n lý bình lu nổ ợ ả ậ

2.3.2.7 Trang t ng h p thốấng kếấ hàng hóaổ ợ

2.3.3 Thiếết kếế phầồn khách hàng

2.3.3.1 Cấấu trúc chung (layout)

2.3.3.2 Trang chủ

2.3.3.3 Trang hàng hóa

2.3.3.4 Trang chi tiếất hàng hóa

2.3.3.5 Trang đăng ký

2.3.3.6 Trang đăng nh pậ

2.3.3.7 Trang đ i m t kh uổ ậ ẩ

2.3.3.8 Trang quến m t kh uậ ẩ

2.3.3.9 Trang c p nh t tài kho nậ ậ ả

- Function kêốt nốối database

- Function th c thi cẫu l nh SQL (thêm, s a, xóa, search, show, …)ự ệ ử

- Các function tương tác v i b ng danh m c s n ph mớ ả ụ ả ẩ

- Trang qu n lý danh m c (xem demo)ả ụ

- Trang qu n lý s n ph m (xem demo)ả ả ẩ

Màu tiêu trang trang liên h , tiêu đêầ saiệ not pass

fix l i màu gióng trangạ

4.7 KI M Ể LỐỖI FORM ĐĂNG NH P Ậ

Tên đăng nh pậ Khống đ trốốngể

4.8 KI M Ể LỐỖI FORM ĐĂNG KÝ

Tên đăng nh pậ Khống đ trốốngể pass

H và tênọ Khống đ trốốngể pass

Email Khống đ trốốngể

Đúng d ng emailạ

not passemail khống đúng đinh d ngạ

5 Đ ÓNG GÓI VÀ TRI N Ể KHAI

✔ Đăng ký host free / có phí: …

✔ Upload website lên host: trang web

✔ Export database t local và import lên host, c p nh t l i database, username và password.ừ ậ ậ ạ

✔ Đăng ký domain

✔ Tr domain vào hostỏ

✔ Các cách upload web

o Cpanel c a hosting (ch p màn hình)ủ ụ

o S d ng tool upload (ch p màn hình)ử ụ ụ

✔ trang web: …