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

Website cũng có các chức năng cho người quản trị để họ cóthể quản lý hàng hóa, phân loại hàng hóa, quản lý khách hàng, quản lý các bình luận từ khách hàng vềcác hàng hóa cũng như thống k

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

Giáo viên hướng dẫn: Trần Bá Hộ

Sinh viên thực hiện: Đỗ Tuấn Kiệt

Lớp: WD18306

TPHCM, 04/2019

L I NÓI Đ U Ờ Ầ

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 Đ ) Ặ Ấ Ề

Luxury Shopping là nhà nhập khẩu và cung cấp đồng hồ chính hãng hàng đầu tại Việt Nam, với hơn 50thương hiệu đồng hồ nổi tiếng thế giới: Rolex, OMEGA, TAG Heuer, IWC, Hiện cửa hàng chưa cówebsite giới thiệu các hàng hóa đến người tiêu dùng và cho phép người tiêu dùng đặt hàng Khách hàngkhông cần có tài khoản tại trang web mới được đặt hàng Và họ muốn thu nhận được các phản hồi từngười tiêu dùng về các mặt hàng để cải tiến và nâng cao chất lượng nhằm phục vụ khách hàng ngày mộttốt hơn

1.2 YÊUC UẦ HỆTH NGỐ

Luxury Shopping mong muốn có một website nhằm giới thiệu hàng hóa và thu nhận ý kiến của ngườitiêu dùng về các hàng hóa đang kinh doanh Website cũng có các chức năng cho người quản trị để họ cóthể quản lý hàng hóa, phân loại hàng hóa, quản lý khách hàng, quản lý các bình luận từ khách hàng vềcác hàng hóa 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 chung của tất cả các trang web trong website phải:

▪ Chứa loại hàng 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, loại, thương hiệu

▪ 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),bán chạy nhất, thịnh hành nhất, mới, nổi bậ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 đặ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 trưng bày hàng hóa:

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ếu

có 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

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ề hàng hóa

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ư đổ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 có thể đặt hàng và bình luận đánh giá về các hàng hóa đã đặt h

✔ 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

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

Hiển thị loại hàng loại hàng, form tìm kiếm theo tên, 3 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 hàng:

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 hàng:

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ôngtin 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 hàng hóa:

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

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)

Thực hiện được các chức năng xem, thêm, xóa, sửa Nhân viên quản trị không được phép xóachính mình.

✔ Tổng hợp và quản lý bình luận

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

✔ Thuê host có hỗ trợ php và mysql và triển khai website luxuryshop.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)

Link Figma:

id=0%3A1&mode=design&t=XZmwmWln2K0ddHAt-1

https://www.figma.com/file/yC2jH2p9tUp8Q6FjYSir47/HTML_CSS3?type=design&node-2.2.1.2 Trang con (hình chụp file figma kèm link đã public - 1 trang)

Link Figma:

id=0%3A1&mode=design&t=XZmwmWln2K0ddHAt-1

2.2.2.2 ERD Diagram level 2

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

Tên cột Kiểu Ràng buộc Ghi chú

2.2.3.2 Hàng hóa

Bảng products lưu thông tin các các mặt hàng có cấu trúc như sau

pricelow DOUBLE(10,2) DEFAULT 0,00 Giá khuyến mãipriceold DOUBLE(10,2) DEFAULT 0,00 Giá trước khuyến mãi

view INT(6) DEFAULT 0 Lượt xem

2.2.3.3 Khách hàng

Bảng user 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

kichhoat TINYINT(1) DEFAULT 0 Kích hoạt tài khoản

2.2.3.4 Giá hàng hóa theo màu

Bảng product_color lưu thông tin giá hàng hóa theo màu có cấu trúc như sau

id INT(5) PK, NOT NULL, Tự tăng ID hàng hóa theo màu

color VARCHAR(20) NOT NULL Màu hàng hóa

2.2.3.5 Thươ ng hi uệ

Bảng brand lưu thông tin các thương hiệu có cấu trúc như sau

2.2.3.6 Đ n hàngơ

Bảng donhang lưu thông tin các thương hiệu có cấu trúc như sau

trangthai VARCHAR(50) NOT NULL Trạng thái đơn hàng

emailnhan VARCHAR(50) NULL Email người nhận

diachidat VARCHAR(100) NOT NULL Địa chỉ người đặt

ptthanhtoan VARCHAR(50) NOT NULL Phương thức thanh toán

2.2.3.7 Cart

Bảng cart lưu thông tin các hàng hóa phẩm thuộc đơn hàng nào và của khách hàng nào có cấu trúc nhưsau

Id_product_color INT(5) FK4, NOT NULL ID hàng hóa theo màu

Price_product_color DOUBLE(10,2) NOT NULL Giá hàng hóa theo màu

2.2.3.8 Voucher

Bảng voucher lưu thông tin các mã giảm giá có cấu trúc như sau

Tên cột Kiểu Ràng buộc Ghi chú

2.2.3.9 Đã dùng voucher

Bảng dadung_voucher lưu thông tin các khách hàng đã sử dụng những voucher nào (mỗi mã giảm giákhách hàng chỉ được dùng 1 lần duy nhất) có cấu trúc như sau

2.2.3.10 Bình lu nậ

Bảng comment 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

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

id_product INT(5) FK, NOT NULL Mã hàng hóa được bình luận

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

1.1.2.1 C u trúc chung (layout)ấ

1.1.2.2 Trang chủ

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

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

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

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

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

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

1.1.3.1 C u trúc chung (layout)ấ

1.1.3.2 Trang chủ

1.1.3.3 Trang hàng hóa

1.1.3.4 Trang chi ti t hàng hóaế

1.1.3.5 Trang đăng ký

1.1.3.6 Trang đăng nh pậ

1.1.3.7 Trang đ i m t kh uổ ậ ẩ

✔ Thương hiệu

✔ Giỏ hàng

✔ Thanh toán

2 T H C Ự HI N Ệ DỰ ÁN

3.0 Sơ đồ quan hệ database (chụp màn hình thiết kế database)3.1 Thư việ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 loại hàng hàng hóa

- Các function tương tác với bảng hàng hóa

- 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 luận

- Các function về thương hiệu

3.2 Code Admin

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

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

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

- Trang quản lý đơn hàng

- Trang quản lý bình luận

- Trang quản lý thương hiệu

- Trang quản lý đơn hàng

- Trang thanh toán

- Trang tài khoản

3 K I M Ể L I Ỗ

3.1 KI MỂ L IỖ GIAODI NỆ (TH NGỐ NH TẤ VỀ THI TẾ KẾ)

3.1.1 thống nhất màu

O

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

Mật khẩu Ít nhất từ 8 ký trở lên với ký tự in hoa in thương, kí tự đặt

3.5 KI MỂ L IỖ FORMQU NẢ LÝ LO IẠ HÀNG

Không trùng tên

3.6 KI MỂ L IỖ FORMQU NẢ LÝ HÀNG HÓA

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

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

Đúng dạng email

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

✔ Upload website lên host: trang web luxury.com

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

✔ trang web: luxury.com

✔ Link Source Code Google Drive:

https://drive.google.com/drive/folders/1hgO9L7dtC8G5ozo37zgOaDDsY556v3RV?usp=share_link