Báo cáo mẫu – ngành thiết kế website website bán quần áozinner store

Websitecũng có các chức năng cho người quản trị để họ có thể quản lý sản phẩ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ách hàng về các sản phẩm cũng như thống k

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

ZINNER STORE

Giáo viên hướng dẫn: NGUYỄN THỊ THANH XUÂN

Sinh viên thực hiện: VÕ TẤN KHANG(A)

Lớp: WD18320

L I NÓI Đ U Ờ Ầ

Ngày nay, ứng dụng công nghệ thông tin và tin học hóa đã có những phát triển mạnh mẽ cả về chiềurộng lẫn chiều sâu Là những yếu tố mang tính quyết định trong họat động của các tổ chức, cũng như cáccông ty, nó đóng vai trò hết sức quan trọng và có thể tạo ra những bước đột phá mạnh mẽ Cùng với sựphát triển không ngừng về kỹ thuật máy tính và mạng điện tử, việc ứng dụng công nghệ thông tin làphương tiện làm việc, giải trí không những ở công sở mà thậm chí còn ở ngay trong gia đình.Mạng Internet là một trong những sản phẩm có giá trị hết sức lớn lao và ngày càng trở thành một công

cụ không thể thiếu, là nền tảng chính cho sự truyền tải, trao đổi thông tin trên toàn cầu Giờ đây, mọiviệc liên quan đến thông tin trở nên thật dễ dàng cho người sử dụng, chỉ cần có một máy tính kết nốiInternet và một dòng dữ liệu thì gần như lập tức cả thế giới thông tin về vấn đề mà bạn đang quan tâm

sẽ hiện ra, có đầy đủ thông tin, hình ảnh, và thậm chí cả những âm thanh nếu bạn cần Bằng Internet,chúng ta đã thực hiện được nhiều công việc với tốc độ nhanh hơn và chi phí thấp hơn so với cách truyềnthống Chính điều này, đã thúc đẩy sự khai sinh và phát triển của thương mại điện tử, làm biến đổi đáng

kể bộ mặt văn hóa thế giới, nâng cao chất lượng đời sống con người

Trong hoạt động sản xuất, kinh doanh, giờ đây, thương mại điện tử đã khẳng định được vai trò xúc tiến

và thúc đẩy sự phát triển của doanh nghiệp Đối với một cửa hàng việc bán và giới thiệu cũng như quảng

bá các sản phẩm của mình đến với khách hàng là vô cùng cần thiết nhằm nâng cao năng lực kinh doanh

và mở rộng, phát triển quy mô toàn diện của mình Vì vậy, xây dựng một website cho cửa hàng là công

cụ để chủ cửa hàng thực hiện quả các mục đích trên Đồng thời giúp cho khách hàng có thể tiếp cận tìmhiểu đầy đủ, chi tiết các sản phẩm mà mình có nhu cầu và thực hiện việc mua sản phẩm một cách nhanhchóng và thuận tiện

Ế Ế

website bán qu n áo ZINNERSTOREầ

1 P HÂN TÍCH

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

Hiện nay nhu cầu mua hàng onlline đang trở nên hot bởi vì Người tiêu dùng dễ dàng tiếp cận thông tinsản phẩm từ nhiều nguồn khác nhau: trang web, mạng xã hội; Tiết kiệm thời gian; cung cấp rất đa dạngcác loại sản phẩm dịch vụ Tuy nhiên vẫn có một số rủi ro nhất định: mua sắm trực tuyến hạn chế ngườitiêu dùng trong việc đánh giá sản phẩm, người tiêu dùng thường bỏ qua phần điều kiện và điều khoản vìmàn hình quá nhỏ

Và vì thế, với mong muốn xây dựng website chuyên bán quần áo nam Zinner Store mong muốn giúpkhách hàng có thể khắc phục những nhược điểm của mua hàng online Website được xây dựng dướihình thức một cửa hàng chuyên bán quần áo nam nên khách hàng sẽ tiết kiệm được thời gian đi đếncửa hàng Tuy cửa hàng được đặt ở miền Nam nhưng phạm vi đặt hàng đ ược ship trên toànquốc

Zinner Store là một thương hiệu quần áo nam gồm các sản phẩn liên quan đến blazer, quần Âu, áo nam, được ra mắt gần đây Hiện thương hiệu này chưa có website giới thiệu các sản phẩm đến người tiêu dùng và cho phép người tiêu dùng đặt hàng Khách hàng không nhất thiết phải có tài khoản trang web mới được đặt hang tuy nhiên cần phải có tài khoản mới có thể bình luận và nhận các phản hồi cũng như là dịch vụ hỗ trợ khách hàng Họ cũng có thể xem các phản hồi từ người tiêu dùng về các mặt hàng nhưng các phản hồi đó đã được nhân viên website lọc các phản hồi tiêu cực nhằm mục đích để cải tiến

và nâng cao chất lượng nhằm phục vụ khách hàng ngày một tốt hơn

1.2 YÊU C UẦ HỆ TH NGỐ

Zinner store mong muốn có một website nhằm giới thiệu sản phẩm và thu nhận các phản hồi của kháchhàng về các sản phẩm đang kinh doanh cũng như là các góp ý về dịch vụ và hỗ trợ của website Websitecũng có các chức năng cho người quản trị để họ có thể quản lý sản phẩ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ách hàng về các sản phẩm cũng như thống kê hàng hóa theoloạ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 theotừng loại

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

▪ Hiển thị các mặt hàng được khách hàng quan tâm (xem nhiều nhất)

Ế Ế

website bán qu n áo ZINNERSTOREầ

▪ Đăng nhập, đăng kí và 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 đặcbiệ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 sản phẩm

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ãnyê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ếucó) Khi người dùng nhấp vào hình của hàng hóa thì sẽ chuyển đến trang hiển thị chi tiếthàng hóa đồng thời tăng số lần xem Trong trang chi tiết sản phẩm cũng sẽ có các sảnphẩm tương tự

o Chi tiết sản phẩm

▪ 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)

▪ Mô tả sản phẩm

▪ 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

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

 Hiển thị bảng ghi nhận thông tin khách hàng để đặt hàng

 Ghi nhận đặt hàng và gửi bill về gmail

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

▪ Quản lý bình luận về hàng hóa( có thể xem, xóa các phản hồi tiêu cực về sảnphẩm)

▪ Quản lý đơn hàng

o Tổng hợp thống kê

▪ Thống kê hàng hóa theo loại

▪ 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ư đổimậ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à nhân 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

website bán qu n áo ZINNERSTOREầ

1.3.1 Đ c t ch c năng ặ ả ứ

1.3.1.1 Ch c năng dành cho khách hàng ứ

✔ Cấu trúc chung của các trang web

Hiển thị danh mục loại hàng, form tìm kiếm theo tên, 10 mặt hàng được xem nhiều nhất và 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á Liên kết đến trang chi tiết hàng hóa.

✔ 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.

website bán qu n áo ZINNERSTOREầ

Đă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 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

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.

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

website bán qu n áo ZINNERSTOREầ

o Thời gian gửi bình luận

2 T HI T Ế KẾ

2.1 MÔ HÌNH TRI NỂ KHAI

Website giới thiệu hàng hóa của X-Shop sau khi hoàn thành sẽ được triển khai theo mô hình như sơ đồsau

✔ 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,

O

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ácthự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

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

✔ Khách hàng – Bình luận:

o Update: cascade, Delete: No Action

✔ Loại – Hàng hóa

Ế Ế

website bán qu n áo ZINNERSTOREầ

Bảng loai lưu thông tin loại hàng có cấu trúc như sau

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á

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

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úcnhư 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ên

2.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ậnma_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

O

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

Ế Ế

website bán qu n áo ZINNERSTOREầ

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 ả ạ

Ế Ế

website bán qu n áo ZINNERSTOREầ

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

Ế Ế

website bán qu n áo ZINNERSTOREầ

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 ổ ợ ả ậ

Ế Ế

website bán qu n áo ZINNERSTOREầ

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) ấ

Ế Ế

website bán qu n áo ZINNERSTOREầ

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 ế

Ế Ế

website bán qu n áo ZINNERSTOREầ

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 ậ ẩ

Ế Ế

website bán qu n áo ZINNERSTOREầ

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

- 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

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

- Các function tạo giỏ hàng, đơn hàng

- Các function tương tác với tài khoản

- Các function về bình

3.2 Code Admin

- 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 trangchủ, trang giới thiệuMật khẩu Ít nhất từ 8 ký trở lên với ký tự in

hoa in thương, kí tự đặt phải

O

4.1.2 thống nhất về size

4.1.3 thống nhất về element

Ế Ế

website bán qu n áo ZINNERSTOREầ

4.2 KI M Ể L I Ỗ DỮ LI U Ệ TRÙNG

4.3 KI M Ể L I Ỗ DỮ LI U Ệ Đ N Ơ HÀNG

4.4 KI MỂ L IỖ FORM QU NẢ LÝ KHÁCH HÀNG

Mã khách hàng Không để trống Không xóa chính mìnhMật khẩu Ít nhất từ 8 ký trở lên với ký tự in hoa in thương, kí tự đặt

Tên loại Không để trống

Không trùng tên

4.6 KI MỂ L IỖ FORM QU NẢ LÝ HÀNG HÓA

Tên hàng hóa Không để trống

Phải là số dương

Phải là số từ 0 đến 1Ngày nhập Trước ngày hiện tại

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

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

4.10KI MỂ L IỖ FORM QUÊN M T Ậ KH UẨ

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

Đúng dạng email

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

Ế Ế

website bán qu n áo ZINNERSTOREầ

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: …