KHKT THIẾT KÊ WEB BÁN HÀNG

Giáo viên hướng dẫn: LƯƠNG THỊ NGỌC NGUYÊN
Học sinh thực hiện: NGUYỄN NGỌC TRÂM ANH

Bến Lức, tháng 10 năm 2018


MỤC LỤC
LỜI CẢM ƠN ...................................................................................................... 2
1. Tóm tắt nội dung dự án: ................................................................................... 3
1.1. Mục đích .................................................................................................... 3
1.2. Trình tự thực hiện ...................................................................................... 3
1.3. Dữ liệu và kết luận ..................................................................................... 3
2. Giới thiệu và tổng quan về vấn đề nghiên cứu ................................................. 3
3. Giả thuyết khoa học và phát triển mục đích nguyên cứu: ................................ 3
3.1. Mục đích .................................................................................................... 4
3.2. Giả thuyết/vấn đề ....................................................................................... 4
4. Phương pháp nghiên cứu .................................................................................. 4
5. Thiết kế cơ sở dữ liệu và giao diện .................................................................. 5
6. Cài đặt và thử nghiệm .................................................................................... 19
7. Kết quả đạt được ............................................................................................ 20

1


LỜI CẢM ƠN
Để hoàn thành được dự án này, trong suốt quá trình thực hiện, em đã nhận
được sự quan tâm và hỗ trợ nhiệt tình từ phía Thầy cô, gia đình và nhà trường.
Em xin chân thành gửi lời cảm ơn tới Thầy cô và Ban giám hiệu Trường THTHCS & THPT iSchool Long An, huyện Bến Lức, tỉnh Long An cùng gia đình
đã truyền đạt kiến thức và giúp đỡ dụng cụ để em thực hiện thành công dự án
để tạo thành sản phẩm hoàn chỉnh. Đặc biệt, em xin trân trọng cảm ơn đến Ban
Tổ chức, Ban giám khảo của “CUỘC THI KHOA HỌC KĨ THUẬT DÀNH

CHO HỌC SINH TRUNG HỌC NĂM HỌC 2018 – 2019” tỉnh Long An đã
tổ chức và tạo điều kiện cho em tham gia cuộc thi, qua đó phát huy sức sáng
tạo và khả năng vận dụng những kiến thức đã học vào thực tế, đáp ứng những
yêu cầu của cuộc sống.
Dự án của em chỉ mới đi vào thực tế nên còn nhiều hạn chế và chắc chắn là
không tránh khỏi những thiếu sót về kiến thức lẫn kinh nghiệm, kính mong quý
Thầy cô thông cảm và em rất mong nhận được những lời nhận xét cũng như
những đóng góp ý kiến quý báu của Ban tổ chức, Ban giám khảo và quý Thầy
cô để em rút kinh nghiệm, có thêm kiến thức và để dự án được hoàn thiện hơn.
Cuối cùng, em kính chúc Ban tổ chức, Ban giám khảo và quý Thầy cô thật
nhiều sức khỏe và công tác tốt, chúc cuộc thi sẽ ngày càng được đông đảo học
sinh hưởng ứng và nhận được nhiều dự án sáng tạo hơn nữa!

2


DỰ ÁN XÂY DỰNG WEBSITE BÁN QUẦN ÁO THỜI TRANG
TRÊN NỀN WORDPRESS
1. Tóm tắt nội dung dự án:
1.1. Mục đích
- Tạo được 1 trang web bán hàng để mọi người mua dễ dàng khỏi cần đến cửa
hàng.
1.2. Trình tự thực hiện
- Thiết lập môi trường:
+Hệ điều hành: Windows.
+Cơ sở dữ liệu: MySQL.
+Công cụ phân tích, đánh giá: powerdesigner.
+Ngôn ngữ: Css, PHP
+Cài đặt mã nguồn: Wordpress
+Công cụ lập trình: Sublime Text 3

- Tạo ứng dụng:
+ Tạo trang web bằng wordpress
+ Tạo cơ sở dữ liệu.
+ Build và thực thi ứng dụng.
1.3. Dữ liệu và kết luận
*Đối với quá trình luyện tập của học sinh:
- Giúp cải thiện kiến thức ở mọi nơi mọi lúc mà không cần sự hỗ trợ của giáo
viên hay bất kỳ tài liệu liên quan nào.
*Đối với sản phẩm:
- Đặc điểm: không cần tốn nhiều công sức.
- Lợi ích: dễ sử dụng, không cần Internet vẫn có thể sử dụng được.
2. Giới thiệu và tổng quan về vấn đề nghiên cứu
Việc kinh doanh – mua bán là nhu cầu không thể thiếu đối với mỗi chúng ta.
Trong thời đại cạnh tranh hiện nay việc giới thiệu sản phẩm kinh doanh đến từng
cá nhân với chi phí thấp, hiệu quả cao là một vấn đề nan giải của người kinh
doanh cùng với nhu cầu mua sắm với những sản phẩm đa chủng loại, đạt chất
lượng, và hợp túi tiền của người tiêu dùng vì vậy thương mại điện tử đã được ra
đời và dần dần phát triển trên toàn thế giới.
Việc phổ biến các sản phẩm của cửa hàng kinh doanh đến khách hàng thông
qua cá bảng báo giá tuy nhiên chi phí khá cao vì số lượng sản phẩm ngày một đa
dạng và giá cả thay đổi liên tục và tính phổ biến không cao chưa đáp ứng được
3


nhu cầu của người dùng. Mặt khác cửa hàng còn gặp nhiều khó khăn như chưa
quản lí được người dùng, thông tin nhà sản xuất, cập nhật giá sản phẩm, quản lí
sản phẩm,... Nắm bắt được tìn hình trên em đã tiến hành thiết kế trang web mua
bán hàng online để mong sao giúp cho các cửa hàng phát triển nhanh hơn, giúp
cho chủ cửa hàng có thể quản lí cửa hàng của mình một cách tốt hơn.
Cũng vì cuộc sống hiện nay thời gian rất quý báu nên họ không có thời gian

để đi lại mua sắm hay việc đến các shop để chọn đồ là rất mất thời gian, vậy nên
việc mua sắm trực tiếp trên internet là giải pháp cần thiết nhất. Website thiết kế
ra đáp ứng nhiều nhu cầu cho nhiều khách hàng trên cả nước. Khách hàng có thể
xem trước các mẫu sản phẩm, giá cả, kích cỡ… và nhiều thông tin được cung
cấp khác. Khách mua hàng có thể đặt hàng trực tuyến và thanh toán trực tuyến
tại website, tiết kiệm thời gian, công sức và hết sức thuận lợi cho khách hàng.
Vậy với những yêu cầu thiết yếu trên cần để thiết kế một trang web phục vụ
khách hàng. Đó chính là mục tiêu của đồ án này.
3. Giả thuyết khoa học và phát triển mục đích nguyên cứu:
3.1. Mục đích
Tạo được 1 trang web bán hàng để mọi người mua dễ dàng khỏi cần đến cửa
hàng.
3.2. Giả thuyết/vấn đề
Việc kinh doanh – mua bán là nhu cầu không thể thiếu đối với mỗi chúng ta. Vì
cuộc sống hiện nay thời gian rất quý báu nên họ không có thời gian để đi lại mua
sắm hay việc đến các shop để chọn đồ là rất mất thời gian, vậy nên việc mua
sắm trực tiếp trên internet là giải pháp cần thiết nhất. Website thiết kế ra đáp ứng
nhiều nhu cầu cho nhiều khách hàng trên cả nước. Khách hàng có thể xem trước
các mẫu sản phẩm, giá cả, kích cỡ… và nhiều thông tin được cung cấp khác.
Khách mua hàng có thể đặt hàng trực tuyến và thanh toán trực tuyến tại website,
tiết kiệm thời gian, công sức và hết sức thuận lợi cho khách hàng. Vậy với
những yêu cầu thiết yếu trên cần để thiết kế một trang web phục vụ khách hàng.
4. Phương pháp nghiên cứu
Hưởng ứng đợt phát động sáng tạo khoa học từ nhà trường, em đã tìm cách
giải quyết vấn đề làm sao để thuận tiện tối ưu việc mua hàng hiện nay. Trong
quá trình tiến hành, chúng em đã nhờ Cô Lương Thị Ngọc Nguyên góp ý kiến
hỗ trợ và tư vấn cách tiến hành nghiên cứu, cách trình bày bài báo cáo.
4

5. Thiết kế cơ sở dữ liệu và thiết kế giao diện:
* Thiết kế cơ sở dữ liệu

* Thiết kế giao diện
- Trang chủ

5


6


- Cửa hàng: Hiển thị danh sách tất cả các sản phẩm trong cửa hàng, danh
mục sản phẩm, bộ lọc giá, tìm kiếm sản phẩm, sản phẩm khuyến mãi.

- Chi tiết sản phẩm: Thể hiện thông tin chi tiết sản phẩm, có “Thêm vào
giỏ” nếu khách hàng muốn đặt mua, danh sách sản phẩm liên quan
cùng loại “Những sản phẩm tương tự”.

7


- Thông tin tài khoản:
+ Khi chưa đăng nhập: Hiển thị form “Đăng nhập” và “Đăng ký” để
khách hàng đăng nhập hoặc đăng ký nếu chưa có tài khoản.

+ Sau khi đăng nhập: Từ trang quản lý tài khoản, khách hàng có thể
xem các đơn đặt hàng gần nhất; quản lý địa chỉ thanh toán, nhận hàng
và thay đổi thông tin tài khoản cùng mật khẩu.
8

- Giỏ hàng và thanh toán: Cung cấp thông tin, tổng giá trị các sản phẩm
mà khách hàng đã đặt mua. Khách hàng có thể kiểm tra giỏ hàng bằng
cách nhấn vào từ Checkout sau đó điền đầy đủ thông tin cũng như hình
thức thanh toán rồi nhấn vào button Đặt hàng để hoàn tất thủ tục mua
hàng. Khách hàng có thể áp dụng mã ưu đãi của shop.

9


10


- Trang tin tức:

11


- Liên hệ: Giao diện trang liên hệ: những khách hàng có thắc mắc không
muốn gọi điện trực tiếp, hoặc có những góp ý sau khi mua sản phẩm
cửa hàng có thể để lại những lời nhận xét hoặc góp ý. Cửa hàng nhận
được thông tin có thể xem xét và điều chỉnh cho phù hợp.

12


MỘT SỐ CHỨC NĂNG KHÁC:
- Chia sẻ sản phẩm: Người dùng có thể chia sẻ sản phẩm mà họ thích lên
các trang mạng xã hội bằng cách nhấn vào các nút mạng xã hội sau

chữ thêm vào giỏ.

- So sánh sản phẩm

- Hỗ trợ, tư vấn khách hàng trực tuyến: Website sử dụng LiveSupporti để
hỗ trợ, tư vấn, giải đáp thắc mắc cho khách hàng. Với giao diện đẹp,

13


chức năng tốt, LiveSupporti sẽ giúp website hỗ trợ khách hàng nhanh
và tốt hơn.

14


- Gọi điện thoại cho cửa hàng:

- Hỗ trợ gửi mail hóa đơn về ch khách hàng: Khi khách hàng đã hoàn
tất đơn hàng của mình, hệ thống sẽ gửi hoá đơn về email của khách
hàng đã đăng kí:

15


16


hình: Hoá đơn đặt hàng

Bên cạnh đó, đơn hàng cũng sẽ được gửi cho admin để admin kiểm tra đơn
hàng và xử lý đơn hàng. Sau khi admin hoàn tất đơn hàng, hệ thống sẽ gửi
mail thông báo hoàn tất đơn hàng về cho khách hàng.

17


- Yêu thích sản phẩm: Sản phẩm yêu thích: nhấn vào icon trái tim để
thêm sản phẩm vào danh sách yêu thích.

18


Hình: Danh sách yêu thích
6. Cài đặt và thử nghiệm
 Môi trường phát triển:
o Hệ điều hành: Windows.
o Cơ sở dữ liệu: MySQL.
o Công cụ phân tích, đánh giá: powerdesigner.
o Ngôn ngữ: Css, PHP
o Cài đặt mã nguồn: Wordpress
o Công cụ lập trình: Sublime Text 3
 Kịch bản thử nghiệm:
o Dạng: website bán quần áo thời trang trên nền mã nguồn mở
Wordpress.
o Đối tượng tham gia: mọi người.
o Số người tham gia: không giới hạn.

19

STT

Tên truy cập

Mật khẩu

Vai trò

1

Ngocnguyen

121196@

Quản trị viên

2

NgocTham

Abcd@123T

Khách hàng

3

Xuyenntk

Abcd@123X

Khách hàng

7. Kết quả đạt được:
o Hỗ trợ người quản trị:
 Thêm, xóa, cập nhật thông tin sản phẩm.
 Hiển thị danh sách sản phẩm theo từng thể loại.
 Hiển thị sản phẩm khách hàng đã chọn mua.
 Gợi ý sản phẩm cho khách hàng.
 Quản lý khách hàng.
 Quản lý đơn hàng – Vận chuyển hàng.
 Xử lý đơn hàng; gửi mail hoá đơn về cho khách hàng.
 Trả lời phản hồi; tư vấn, hỗ trợ khách hàng trực tuyến.
 Đăng những tin tức mới nhất về xu hướng thời trang tại thời điểm
hiện tại.
o Hỗ trợ khách hàng:
 Tạo tài khoản khách hàng (có thể đăng nhập bằng gmail).
 Xem danh sách sản phẩm, lựa chọn và đặt mua sản phẩm.
 So sánh sản phẩm; thêm sản phẩm vào danh sách yêu thích.
 Có thể liên hệ với shop thông qua hệ thống tư vấn trực tuyến hoặc
thông qua điện thoại.
 Hỗ trợ thanh toán trực tuyến.
 Bình luận, đánh giá sản phẩm.
 Bình luận bằng facebook ở các bài tin tức mới nhất về thời trang,
chương trình khuyến mãi.

20