Đồ án tốt nghiệp Đại học

GVHD: ThS. Nguyễn Thị Uyên

005.3
TRƢỜNG ĐẠI HỌC VINH

KHOA CÔNG NGHỆ THÔNG TIN
--------------------------

PHAN TRỌNG THỌ

ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC
Đề tài:

TÌM HIỄU MÃ NGUỒN MỞ PRESTASHOP XÂY DỰNG
WEBSITE THƯƠNG MẠI ĐIỆN TỬ

Nghệ An, tháng 12 năm 2014

SVTH: Phan Trọng Thọ – Lớp 51K2 – Khoa CNTT

1


Đồ án tốt nghiệp Đại học

GVHD: ThS. Nguyễn Thị Uyên

TRƢỜNG ĐẠI HỌC VINH

KHOA CÔNG NGHỆ THÔNG TIN
--------------------------

ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC
Đề tài:

TÌM HIỂU MÃ NGUỒN MỞ PRESTASHOP XÂY DỰNG
WEBSITE THƯƠNG MẠI ĐIỆN TỬ

Sinh viên thực hiện:
Mã số sinh viên:
Lớp:
Giáo viên hướng dẫn:

Phan Trọng Thọ
1051070456
51K2 - CNTT
ThS. Nguyễn Thị Uyên

Nghệ An, tháng 12 năm 2014

SVTH: Phan Trọng Thọ – Lớp 51K2 – Khoa CNTT

2


Đồ án tốt nghiệp Đại học

GVHD: ThS. Nguyễn Thị Uyên


LỜI CẢM ƠN

đ

Để h n h nh bài khóa luận tốt nghiệp này trƣớc hết em xin m ơn h trƣờng
o điều kiện gi p đ em trong
nh học tập nghiên c u i trƣờng.
Em xin chân thành

m ơn cô gi o, Thạc sĩ Trần Thị Uyên đ theo sát em

trong quá trình làm bài, thầy đ hƣớng d n tận tình để em có thể h n h nh tốt Đồ án
tốt nghiệp này.
Em xin

m tới các thầy cô trong khoa Công nghệ thông tin, c m ơn các thầy cơ

giáo đ đóng góp ý kiến giúp bài của em thêm kỹ lƣ ng.
Cuối cùng em xin gửi lởi c m ơn chân thành tới gia đ nh, b n bè đ động viên
bên c nh giúp đ em nhiều để em hoàn thành đƣợc đồ án tốt nghiệp.
Trong
nhận đƣợc s góp

nh m i em khơng nh h i nh ng thiếu ót vậy r t mong
ủa c thầy c để i khóa luận của em đƣợc h n thiện hơn.
Em xin chân th nh

m ơn!

Vinh, ngày 12 tháng 12 năm 2014

Sinh viên

Phan Trọng Thọ

SVTH: Phan Trọng Thọ – Lớp 51K2 – Khoa CNTT

3


Đồ án tốt nghiệp Đại học

GVHD: ThS. Nguyễn Thị Uyên

MỤC LỤC
LỜI NÓI ĐẦU ................................................................................................................. 1
CHƢƠNG 1. GIỚI THIỆU ĐỀ TÀI ............................................................................... 2
1.1. Lý do chọ đề tài ...................................................................................................... 2
1.2. Mục tiêu .................................................................................................................... 2
CHƢƠNG 2. TÌM HIỂU VỀ THƢƠNG MẠI ĐIỆN TỬ VÀ MÃ NGUỒN MỞ
PRSTASHOP................................................................................................................... 3
2.1. Giới thiệu .................................................................................................................. 3
2.1.2 Giới thiệu về prestashop ......................................................................................... 3
2.1.3 Các phiên b n của prestashop.................................................................................4
2.2. Ƣ

hƣợ điểm .........................................................................................................4

2.2.1 Ƣ điểm ..................................................................................................................4
2.2.2 Nhƣợ điểm ............................................................................................................ 5
2.2.3 Tí h ă g ủa PrestaShop ......................................................................................5

2.3. Hƣớng d

i đặt Prestashop ..................................................................................5

2.3.1 C i đặt Wamsever................................................................................................... 5
2.3.2 T

ơ ở d liệu .................................................................................................... 7

2.3.3 Up ad ơ ở d liệu lên host ................................................................................. 8
2.3.4 C i đặt prestashop trên localhost ............................................................................ 9
2.4. Phát triển mộ we i e hƣơ g m i điện tử bằng pretashop ................................... 15
2.4.1 Tổng quan về giao diện ........................................................................................ 15
2.4.2 B g điều khiển ....................................................................................................17
2.4.3 Cột bên trái ...........................................................................................................18
2.4.4 Cột trung tâm ........................................................................................................18
2.4.5 Cột bên ph i ..........................................................................................................21
CHƢƠNG 3. TỔNG QUAN WEBSITE “HOAYEUTHUONG” ................................29
3.1. Giao diện trang chủ we i e “h aye h

g” ........................................................ 29

KẾT LUẬN VÀ HƢỚNG PHÁT TRIỂN .................................................................... 33
TÀI LIỆU THAM KHẢO ............................................................................................. 35

SVTH: Phan Trọng Thọ – Lớp 51K2 – Khoa CNTT

4



Đồ án tốt nghiệp Đại học

GVHD: ThS. Nguyễn Thị Uyên

DANH MỤC CÁC HÌNH
Hình 2.1 T i wamsever trên trang chủ ............................................................................ 6
H h 2.2 T h i đặt wamsever1 .................................................................................. 6
H h 2.3 T h i đặt wamsever2 .................................................................................. 7
H h 2.4 C i đặt thành công wamsever trên máy tính .................................................... 7
Hình 2.5 T
ơ ở d liệu .............................................................................................. 8
Hình 2.6 Upload d liệu prestashop vào wamsever ........................................................ 8
Hình 2.7 Upload d liệu lên localhost thành cơng .......................................................... 9
Hình 2.8 T i về Prestash trên trang chủ .......................................................................... 9
Hình 2.9 Bắ đầu tiế
h i đặt ................................................................................. 10
Hình 2.10 Chọn ngơn ng
i đặt .................................................................................. 10
Hình 2.11 Hợp đồng b n quy ........................................................................................ 11
Hình 2.12 Kiểm tra thiết lập PHP .................................................................................. 11
Hình 2.13 C u hình cửa hàng ........................................................................................ 12
Hình 2.14 C u hình hệ thống ......................................................................................... 13
H h 2.15 C i đặt hoàn t t ............................................................................................. 14
H h 2.16 Đă g hập trang qu n trị .............................................................................. 14
Hình 2.17 Giao diện qu n trị ......................................................................................... 15
Hình 2.18 B ng hiển thị thống kê theo thời gian .......................................................... 17
Hình 2.19 Hiển thi giá trị ơ ở d liệu ......................................................................... 18
Hình 2.20 Biể đồ thiết lập chi phí................................................................................ 19
Hình 2.21 Cập nhật mục tiêu s n phẩm. ........................................................................ 20
Hình 2.22 B g đơ đặt hàng. ....................................................................................... 20

Hình 2.23 B ng qu n lý s n phẩm................................................................................. 21
Hình 2.24 Thêm một s n phẩm mới .............................................................................. 22
Hình 2.25 Nhà s n xu t ................................................................................................. 22
Hình 2.26 T o mới một nhà s n xu t ............................................................................ 23
Hình 2.27 B ng qu n lý nhân viên ................................................................................ 23
Hình 2.28 Thêm một nhân viên mới.............................................................................. 24
Hình 2.29 B ng hồ ơ p quyên ................................................................................... 25
Hình 2.30 C h h
i đặt module .......................................................................... 26
Hinh 2.31 Qu n lý khách hàng ...................................................................................... 26
Hình 2.32 Qu y đặc quyền cho khách hàng .............................................................. 27
Hình 2.33 T o một danh mục luật mới .......................................................................... 28
Hình 2.34 Điều kiện thiết lập giá các s n phẩm ............................................................ 28
SVTH: Phan Trọng Thọ – Lớp 51K2 – Khoa CNTT

5


Đồ án tốt nghiệp Đại học

GVHD: ThS. Nguyễn Thị Uyên

Hình 3.1 Trang chủ hoayeuthuong ................................................................................ 29
Hình 3.2 Giao diệ đă g hập ....................................................................................... 30
Hình 3.3 Giao diệ đă g ........................................................................................... 30
Hình 3.4 Chi tiết s n phẩm ............................................................................................ 31
Hình 3.5 Mơ t giao diện tìm kiếm................................................................................ 31
Hình 3.6 Chi tiết gi hàng ............................................................................................. 32

SVTH: Phan Trọng Thọ – Lớp 51K2 – Khoa CNTT


6


Đồ án tốt nghiệp Đại học

GVHD: ThS. Nguyễn Thị Uyên

LỜI NĨI ĐẦU
Ngày nay, cơng nghệ h g i đ ó h g ƣớc phát triển m nh mẽ theo c
chiều rộ g
â . M y í h điện tử khơng còn là một th phƣơ g iện quý hiếm mà
đa g g y
g ở thành một công cụ làm việc và gi i trí thơng dụng của
khơng chỉ ở cơng sở mà còn ngay c
g gia đ h.

gƣời,

Đ g ƣớc vai trị của thơng tin ho động c nh tranh gay gắt, các tổ ch c và
các doanh nghiệp đều tìm mọi biệ ph p để xây d ng hồn thiện hệ thống thơng tin
của mình nhằm tin học hóa các ho động tác nghiệp của đơ

ị.

Hiện nay các công ty tin họ h g đầu thế giới không ngừ g đầ ƣ
i thiện
các gi i ph p ũ g hƣ
n phẩm nhằm cho phép tiế h h hƣơ g m i hóa trên
Internet. Thơng qua các s n phẩm và công nghệ này, chúng ta dễ dàng nhận ra tầm

quan trọng và tính t t yếu của hƣơ g m i điện tử. Với nh g ha
đơ gi n trên
máy có nối m ng Internet b n sẽ có tận tay nh ng gì mình cần mà khơng ph i m t
nhiều thời gian. B n chỉ cần vào các trang dịch vụ hƣơ g m i điện tử, m he hƣớng
d n và click vào nh ng gì b n cần. Các nhà dịch vụ sẽ ma g đến tận nhà cho b n.
Ở Việ Nam ũ g ó t nhiều doanh nghiệp đa g iế h h hƣơ g m i hóa
ê I e e hƣ g d h g hó hă ề ơ ở h tầ g hƣ iễn th g hƣa ph
triển m nh, các dịch vụ ha h
l iởm

điện tử

a gâ h g hƣa phổ biến nên chỉ dừng

độ giới thiệu s n phẩm và tiếp nhậ đơ đặt hàng thông qua web.

Để tiếp cận và góp phầ đẩy m nh s phổ biến của hƣơ g m i điện tử ở Việt
Nam, em đ m hiể
i đặ “Website bán hoa qua mạng bằng mã nguồn mở
Prestashop”.

.

SVTH: Phan Trọng Thọ – Lớp 51K2 – Khoa CNTT

1


Đồ án tốt nghiệp Đại học


GVHD: ThS. Nguyễn Thị Uyên

CHƢƠNG 1
GIỚI THIỆU ĐỀ TÀI
1.1. Lý do chọn đề tài
Cùng với s phát triển chung của công nghệ thông tin trên thế giới đ
đa g
đó g góp phần nào vào việc gi i quyết nhiều v đề trong cuộc sống mà l i nhiều hiệu
qu đí h h c và tính ng dụ g a hơ . Nhƣ h g a đ iết bên c nh s phát triển
của công nghệ thơng tin thì s a đời của I e e đ góp phần r t lớn cho s phát triển
của cách m ng khoa học cơng nghệ.
Hịa cùng với s phát triển của tin học trên thế giới, ở Việt Nam ngành Cơng
Nghệ Thơng Tin tuy cịn non trẻ hƣ g ố độ phát triển khá m h đ
đa g dần
đƣợc ng dụng trong nhiề ĩ h c của nền kinh tế, xã hội, giáo dục, góp phần thúc
đẩy s phát triển của xã hội. Trong bối c nh nhịp độ sống ngày càng trở nên hối h đó,
gƣời a đặc biệ
a âm đến việ hƣơ g m i điện tử. Với s a đời của các Website
bán hàng trên m ng, mọi gƣời có thể mua mọi th hàng hóa mọi ơi mọi lúc mà
khơng cần ph i tậ

ơi ung c p mặ h g đó.

Trên thế giới có r t nhiều Website bán hàng tr c tuyến v
hƣa phổ biến. Và
khái niệm hƣơ g m i điện tử v n còn khá xa l . T ƣớc th c tế đó em đ họ đề tài:
“Xây dựng Website bán hoa qua mạng bằng mã nguồn mở Prestashop”.
1.2. Mục tiêu
Xây d ng một hệ thố g hƣơ g m i điện tử toàn diệ h gƣời dùng là doanh
nghiệp, tổ ch ,

hâ ,
ũ g ó hể
gƣời tiêu dùng. Việc xây d ng hệ thống
hƣơ g m i điện tử này th a m
ó đầy đủ ch
ă g ủa mộ we i e
h hƣờng.
Tích hợp nh g í h ă g mới nh t hiện nay vào công việc thanh tốn, chi phí triển
khai th p, thời gian triển khai nhanh. Chi phí duy trì, b o trì hệ thống th p, an toàn ổn
định và b o mật d liệu.
Đƣa we i e ê m g i e e

đi

SVTH: Phan Trọng Thọ – Lớp 51K2 – Khoa CNTT

ử dụng.

2


Đồ án tốt nghiệp Đại học

GVHD: ThS. Nguyễn Thị Uyên

CHƢƠNG 2
TÌM HIỂU VỀ THƢƠNG MẠI ĐIỆN TỬ
VÀ MÃ NGUỒN MỞ PRSTASHOP
2.1. Giới thiệu
2.1.1 Khái niệm về thƣơng mại điện tử

Thƣơ g m i điện tử, hay còn gọi là E-commerce, E-comm hay EC, là s
mua bán s n phẩm hay dịch vụ trên các hệ thố g điện tử hƣ i e e
máy tính.

m ng

Thƣơ g m i điện tử d a trên một số công nghệ hƣ h yển tiề điện tử, qu n lý
chuỗi dây chuyền cung ng, tiếp thị Internet, quá trình giao dịch tr c tuyế , a đổi
d liệ điện tử (EDI), các hệ thống qu n lý hàng tồn kho, và các hệ thống t động thu
thập d liệu.
Thƣơ g m i điện tử không chỉ là bán hàng trên m ng hay bán hàng trên Internet
mà là hình th c ho động kinh doanh bằ g
phƣơ g ph p điện tử.
Ho động kinh doanh bao gồm t t c các ho độ g
g i h d a h hƣ: gia
dịch, mua bán, ha h
, đặt hàng qu ng cáo và kể c giao hàng.
C phƣơ g ph p điện tử ở đây h g hỉ có Internet mà bao gồm việc sử dụng
phƣơ g iện công nghệ điện tử hƣ điện tho i, máy FAX, truyền hình và m ng
máy tính (

g đó ó I e e ).

2.1.2 Giới thiệu về prestashop
PrestaShop – Gi i ph p we i e hƣơ g m i điện tử cho cá nhân và doanh
nghiệp với nh ng ch
ă g đầy đủ và hoàn thiện nh t của một website 2.0 chuyên
nghiệp bán hàng tr c tuyến e-Commerce shopping cart. Đƣợc phát triển từ ăm 2005,
ƣớ đây PrestaShop khá ít tên tuổi, do phát hành chủ yếu với phiên b n tiếng Pháp.
Nhƣ g hời gian gầ đây, ới nh ng c i tiế ƣợt bậ , P e aSh p đ ở thành mã

nguồn mở khá phổ biến.Với ƣ hế về mã nguồn phát triển sau, PrestaShop kế thừa
đƣợc nhiề
ƣởng của các mã nguồn cùng lo i đi ƣớ hƣ O commerce.
Điểm làm lên khác biệt chủ yếu là việc Prestashop tích hợp sẵ hƣ iện trình
bày s n phẩm theo màu sắ . Tí h ă g y gi p hủ cửa hàng tiếp cận tố hơ ới các
khách hàng của họ. Ngoài ra, việc tích hợp tr c tiếp trang qu n lý thơng tin vào mã
nguồ , ũ g gi p P e aSh p ở nên thân thiệ hơ ới gƣời sử dụng.

SVTH: Phan Trọng Thọ – Lớp 51K2 – Khoa CNTT

3


Đồ án tốt nghiệp Đại học

GVHD: ThS. Nguyễn Thị Uyên

2.1.3 Các phiên bản của prestashop
 P e aSh p 1.0 đƣợ ph h h

g y 31 h g 7 ăm 2008.

 P e aSh p 1.4 đƣợc phát hành vào ngày 18 th g a ăm 2011, ma g
hơ 65 í h ă g mới h
hƣơ g gia
h ph
iển.
 P e aSh p 1.5 đƣợ ph
ch


ă gM

i

e,

h h

g y 13 h g 9 ăm 2012, ma g

y ắc hàng giá c đƣợc c i thiện và kh

ă g

a

t

i
i

đơ

đặt hàng thông qua Back Office.
 P e aSh p 1.6 đƣợ ph h h
g y 17 h g 3 ăm 2014, ó F
và Back Office đƣợc thiết kế l i, các công cụ kinh doanh thơng minh mới.
 B n có thể t i về mọi phiên b n Prestashop t i đây: www.prestashop.com
2.2. Ƣu nhƣợc điểm
2.2.1 Ƣu điểm

Với s ƣ

iệt và thuận lợi p e a h p đƣa

i r t nhiều lợi ích và tiện lợi cho

gƣời hƣ :
 Đầy đủ các ch
ă g ủa một website bán hàng tr c tuyến: thêm, sửa, xóa,
thống kê s n phẩm, nhà s n xu t, nhà phân phối, h h h g…
 Theo dõi tình tr ng bán hàng, thơng báo cho khách hàng bằng tin nhắn sms,
thu thập h g i h h h g…
 Áp dụ g đƣợc nhiề phƣơ g h c thanh toán khác nhau với
ƣ hành phổ biến.

đơ

ị tiền tệ

 Tố độ t i và xử lý nhanh. An toàn, b o mật.
 URL thân thiện, tối ƣ m y m iếm SEO, qu n lý nội d

g CMS…

 B n không cần quan tâm tới chi phí mua phần mềm hay v
Prestashop là phần mềm nguồn mở và hồn tồn miễn phí.

đề b n quyền vì

 Thƣờng xuyên cập nhật các phiên b n mới hơ để sửa các lỗi bugs và bổ

sung thêm các ch

ă g, m d e mới.

 Dễ dàng qu n trị website với các công cụ ƣơ g đối đầy đủ và b g điều
hƣớng thuận tiện.
 Dễ dàng tích hợp và mở rộng phát triể

m d e độc lập

 Giao diện thân thiện, dễ sử dụng, có thể thiết kế giao diệ độc lập.
 Hỗ trợ trên nhiều ngôn ng phổ biến bao gồm c Tiếng Việ , gƣời sử dụng
có thể buil riêng gói ngơn ng riêng phù hợp với nhu cầu của mình.

SVTH: Phan Trọng Thọ – Lớp 51K2 – Khoa CNTT

4


Đồ án tốt nghiệp Đại học

GVHD: ThS. Nguyễn Thị Uyên

2.2.2 Nhƣợc điểm
Thật vậy, bên c nh nh ng lợi thế hƣ việc tích hợp tr c tiếp trang qu n lý thông
tin vào mã nguồn giúp PrestaShop trở nên thân thiệ hơ
PrestaShop v n tồn t i khá nhiều khuyế điểm, h n chế hƣ :
 Kh

ă g


ới gƣời sử dụng. Thì

n lý Url-rewrite khá yếu, khơng có kh

Làm gi m đ g ể kh

ă g mở rộng tùy biến.

ă g SEO ủa website.

 Thuật tốn tìm kiếm của P e aSh p đƣợ đ h gi
Opensource khác.

h yếu so với các

 Kiến trúc Extensions hỗ trợ cho bên th ba t phát triển khá yếu.
2.2.3 Tính năng của PrestaShop
Prestashop là một gi i pháp hỗ trợ có vai trị không thể phụ nhậ đối với việc
qu n lý website hƣơ g m i điện tử. Prestashop có tới 300 í h ă g ƣợt trội chẳng
hặ

hƣ :

 Qu n lý toàn bộ s n phẩm trên website bán hàng tr c tuyến một
gi n và nhanh chóng.

h đơ

 Tă g d a h ố vì s n phẩm xu t hiện nhiều trên platform và sàn giao dịch

hƣơ g m i điện tử hƣ: eBay, G g e, Amaz …
 Chỉ cầ

i

đ p h ột là có thể t i về các file của các nhà s n xu t.

 Th c hiện hàng lo t cập nhậ để không ngừng c i tiến qu n lý website.
 Tă g ần su t xu t hiện của website bán hàng tr c tuyến.
 L a chọn hiển thị phù hợp với chiế
 Giới thiệ

h

ƣợc maketing.

gƣời mua nh ng s n phẩm có thể Download về.

 Tích hợp ng dụng so sánh cho s n phẩm.
Và r t r t nhiề

í h ă g h

a...

2.3. Hƣớng dẫn cài đặt Prestashop
Để

i đặt Prestashop chúng ta cần có hai gói cơng cụ sau:


 WAMSEVER phiên b n 2.2 hoặc các phiên b n khác.
 PRESTASHOP phiên b n 1.6.0.9 hoặc các phiên b n khác.
2.3.1 Cài đặt Wamsever
Đầu tiên cần t i gói Wamsever t i chọn
phần wamsever ƣơ g hí h h ừng hệ điều hành. ở đây mình dùng Wamsever2.2
For Windows.

SVTH: Phan Trọng Thọ – Lớp 51K2 – Khoa CNTT

5


Đồ án tốt nghiệp Đại học

GVHD: ThS. Nguyễn Thị Uyên

Hình 2.1 Tải wamsever trên trang chủ
Các b n có thể click vào SourceForge để chọn l a các phiên b n khác nhau.

Hình 2.2 Trình cài đặt wamsever1
Chúng ta nh n next cho tới khi.
SVTH: Phan Trọng Thọ – Lớp 51K2 – Khoa CNTT

6


Đồ án tốt nghiệp Đại học

GVHD: ThS. Nguyễn Thị Uyên


Hình 2.3 Trình cài đặt wamsever2
biể

Tiếp tục th c hiệ
ƣớc cịn l i cho tới khi chúng ta có kết qu cuối cùng và
ƣợng wamsever hiển thị màu xanh trên thanh taskbask.

Hình 2.4 Cài đặt thành cơng wamsever trên máy tính
2.3.2 Tạo cơ sở dữ liệu
SVTH: Phan Trọng Thọ – Lớp 51K2 – Khoa CNTT

7


Đồ án tốt nghiệp Đại học

Đầu

tiên

chúng

GVHD: ThS. Nguyễn Thị Uyên

ta

vào

http://localhost/phpmyadmin, a đó h
hiệ


a a đó h

g a

ơ ở d liệ

trang
g a

phpMyAdmin

he

đƣờng

d n

mục Databases. Cửa sổ mới sẽ xu t

hƣ h h a :

Hình 2.5 Tạo cơ sở dữ liệu
2.3.3 Upload cơ sở dữ liệu lên host
Thật dễ dàng với Prestashop 1.6.0.9 chúng ta không cần công cụ hỗ trợ upload
lên host mà nó sẽ t độ g p ad hi h
địa mà chúng ta chọn.

g a đƣa ó


hƣ mục wamsever trong ỗ

Hình 2.6 Upload dữ liệu prestashop vào wamsever
Và chúng ta dễ dàng bắ đầu với việ
i đặt prestashop trên localhost.
SVTH: Phan Trọng Thọ – Lớp 51K2 – Khoa CNTT

8


Đồ án tốt nghiệp Đại học

GVHD: ThS. Nguyễn Thị Uyên

Hình 2.7 Upload dữ liệu lên localhost thành công
2.3.4 Cài đặt prestashop trên localhost
Bƣớc 1: T i về Prestashop, mình dùng phiên b n prestashop1.6.0.9 t i trang
chủ www.prestashop.com/en/download a đó và gi i nén rồi py
ơi ƣ
wamsever các b n có thể xem cách làm của mình ở mục 3.3.

Hình 2.8 Tải về Prestash trên trang chủ

SVTH: Phan Trọng Thọ – Lớp 51K2 – Khoa CNTT

9


Đồ án tốt nghiệp Đại học


GVHD: ThS. Nguyễn Thị Uyên

Bƣớc 2: Chúng ta khởi động web ở đây m h họn google và khởi động theo
địa chỉ http://localhost/prestashop_1.6.0.9/

Hình 2.9 Bắt đầu tiến trình cài đặt
Bƣớc 3: Nh p chuột vào install prestashop và h c hiệ he
mỗi màn hình của

h

 Chọn ngôn ng

hƣớng d n trên

i đặt.
i đặt. Khi đ h

h h, h

„Nex ‟.

Hình 2.10 Chọn ngơn ngữ cài đặt
SVTH: Phan Trọng Thọ – Lớp 51K2 – Khoa CNTT

10


Đồ án tốt nghiệp Đại học


GVHD: ThS. Nguyễn Thị Uyên

 Hợp đồng b n quyền b n ph i th a thuận gi y phép. Tích vào ơ trống đồng
a đó họn Next.

Hình 2.11 Hợp đồng bản quyền
 Hệ thố g ƣơ g hí h. B n ph i kiểm tra các thiết lập PHP

hƣ mục cho

phép. T g ƣờng hợp có sai sót, chúng ta liên hệ với nhà cung c p h i g để đƣợc
trợ giúp thêm. Nếu t t c mọi th là chính xác, chúng ta nh n vào nút Next.

Hình 2.12 Kiểm tra thiết lập PHP
SVTH: Phan Trọng Thọ – Lớp 51K2 – Khoa CNTT

11


Đồ án tốt nghiệp Đại học

 C u hình của hàng. Chúng ta ph i nhập

GVHD: ThS. Nguyễn Thị Uyên

i đặt cửa h g hƣ ê

hàng, quốc gia, múi giờ.v.v.. T t c các thiết lập có thể đƣợ

ửa


hay đổi sau trong b ng

điều khiển qu n trị PrestaShop của chúng ta.

Hình 2.13 Cấu hình cửa hàng
y h g a điền các thông số cho phần qu n trị để truy cập trang

Chú ý: Phầ
qu n trị về sau:
- Tên shop (tên cửa hàng t đặt): Hoayeuthuong
- Tê gƣời qu n trị:
Thọ
- Họ gƣời qu n trị:
Phan
- Email address:

- Shop password:
“B o mậ ”
Đây h g i
hâ ủa mình, các b n có thể t hay đổi cho phù hợp
SVTH: Phan Trọng Thọ – Lớp 51K2 – Khoa CNTT

12


Đồ án tốt nghiệp Đại học

GVHD: ThS. Nguyễn Thị Uyên


 C u hình hệ thống. Chúng ta nhập các chi tiế
thích hợp ê dƣới. Sau khi hồn thành chọ Nex để đế

ơ ở d liệ
ƣớc kế tiếp. Ch

ƣờng
“ở ƣớc

y ơ ở d liệu ph i đƣợc t o từ ƣớ ”.

Hình 2.14 Cấu hình hệ thống
SVTH: Phan Trọng Thọ – Lớp 51K2 – Khoa CNTT

13


Đồ án tốt nghiệp Đại học

GVHD: ThS. Nguyễn Thị Uyên

 C i đặt hoàn t . Đây
mật, chúng ta cần ph i xố /instal

ƣớc cuối cùng của

h

i đặt. Vì lý do b o


g hƣ mục ch a wamsever.

Hình 2.15 Cài đặt hoàn tất
Bƣớc 4: Truy nhập vào trang qu n trị (back office)

Hình 2.16 Đăng nhập trang quản trị
SVTH: Phan Trọng Thọ – Lớp 51K2 – Khoa CNTT

14


Đồ án tốt nghiệp Đại học

GVHD: ThS. Nguyễn Thị Uyên

2.4. Phát triển một website thƣơng mại điện tử bằng pretashop
Sa hi h g a đ
i đặ P e aSh p
đa g đă g hập
đ g khu v
back-office, Ch g a ắ đầ h g a gia diệ
ị ủa ó, m hiể
h g
báo
me
h
ă g. Nó đ đƣợ hiế ế
gọ hẹ dễ ử dụ g.

Hình 2.17 Giao diện quản trị

2.4.1 Tổng quan về giao diện
2.4.1.1 Một số biểu tƣợng
 Tên cửa hang (hoayeuthuong). Từ b t kỳ trang nào, nh p đ p h ột sẽ đƣa
b n trở l i B g điều khiển.
 Biể ƣợng gi hàng. Cho biết số đơ đặt hàng mới, nếu có. Từ đó, h g
có thể hiển thị một trong nh g đơ đặt hàng mới, hoặ đi
da h
h
đơ
đặt hàng.
 Biể ƣợ g gƣời. cho biết số ƣợng khách hàng mới. Từ đó, n có thể
hiển thị một trong nh ng khách hàng mới, hoặ đi
da h
h
h h h g.
 Biể ƣợ g hƣ. Cho biết số ƣợng tin nhắn mới, nếu có. Từ đó,
hiển thị một trong các thông báo mới, hoặ đi
da h
h
i hắn.
SVTH: Phan Trọng Thọ – Lớp 51K2 – Khoa CNTT

n có thể

15


Đồ án tốt nghiệp Đại học

 Biể


GVHD: ThS. Nguyễn Thị Uyên

ƣợng cúp. cho biết số mặt hàng mới, nế

điều khiển trình bày s tiến bộ của b

hƣ

ó. V

ó để mở một b ng

mộ hƣơ g gia.

2.4.1.2 các liên kết hữu ích
Q i

A e . Đây

me

iê

ết nhanh, trình bày các liên kết h u ích

nh , hƣ hiết lập trong trang "Quick Access" dƣới menu "Administration".
 Liên kết "My Shop". Mở ra một tab trình duyệt mới với front-end của cửa
hàng của b n.
 Liên kết (Tên của b n). Một b g điều khiển th xuố g đơ gi n với một lời

nhắc nhở của tài kho n qu n trị mà b đa g đă g hập vào.
 Liên kết "My preferences". Sẽ đƣa

đến trang thiết lập tài kho n của

b , ơi n có thể thiết lập một số tùy chọn cá nhân (ví dụ, ngơn ng hoặc mật
khẩu của b n).
2.4.1.3 Các menu chức năng
 Search field with dropdown list. Cho phép b n tìm kiếm trong nội dung của
cửa hàng của b n.
 Catalog. Đây
g âm ủa cửa hàng của b , ơi n sẽ thêm các s n
phẩm, t o ra chủng lo i, thiết lập các cách vận chuyển và nhà cung c p,.v.v..
 Orders. Một khi khách hàng bắ đầu thêm s n phẩm trong gi mua hàng của
họ, b n sẽ th y lệnh trong menu này, với h đơ . Đây ũ g
ơi n xử lý tr l i
hàng hóa, phiếu tín dụng và mỗi đơ đặt hàng của khách hàng, và nh ng th khác.
 Customers. Ở đây n có thể truy cập t t c các thông tin về khách hàng của
b n, và chỉnh sửa địa chỉ của họ, t o ra các nhóm khách hàng mà b n có thể áp dụng
gi m gi đặc biệt, xử lý dịch vụ khách hàng.
 Price Rules. Mộ
h đơ ụ thể, cho phép b n dễ dàng t o ra các ch ng từ,
gi m giá thông qua một bộ quy tắc.
 Modules. Mở rộng s c m nh và h u ích của cửa hàng của b n bằng cách
thêm và kích ho m d e: hơ mộ ăm ó ẵn theo mặ định, và nhiề hơ
a có
sẵ để mua trên thị ƣờng Addons.
 Shipping. T t c mọi th
chuyể , ũ g hƣ iếp thị.


iê

a đến cách vận chuyển và chi phí vận

 Localization. Giúp b n tùy chỉnh cửa hàng của b n với các giá trị địa phƣơ g,
chẳng h
hƣ g
g , tiền tệ, đơ ị, các lo i thuế
y định về thuế,
đơ
vị địa lý (vùng, quốc gia, vv...).

SVTH: Phan Trọng Thọ – Lớp 51K2 – Khoa CNTT

16


Đồ án tốt nghiệp Đại học

GVHD: ThS. Nguyễn Thị Uyên

 Preferences. PrestaShop là một gi i ph p hƣơ g m i điện tử có c u hình, và
b n có thể chỉnh sửa các c

h h đó.

 Advanced Parameters. T h đơ
y h a các liên kế đến các cơng cụ và
các trang thơng tin có q cụ thể để phù hợp với yêu cầu khác, chẳng h
hƣ

hiết
lập dịch vụ Web, các công cụ a
nh g gƣời khác.

ƣ

ơ ở d liệu, hoặc các trang ho động, trong số

 Administration. Dƣới đây
hiết lập iê
a đến việc back-office riêng
của mình; Ví dụ, nội dung của menu Quick Access, danh
h gƣời a động và các
điều kho n, hoặc th t menu, trong số nh

g gƣời khác.

 Stats. T h đơ
y
g p cho b n truy cập vào t t c các số liệu thống kê
r t nhiề
đồ họa đƣợc thu thập đƣợc t o ra bởi PrestaShop.
2.4.2 Bảng điều khiển
B ng điều khiển là một thanh ngang giúp b n chọn kho ng thời gian cho số liệu
thống kê b g điều khiể đa g hiển thị. Ba bộ tùy chọn có sẵn:
 Ngày hiện t i, tháng hoặ
 Ng y h m ƣớc, tháng hoặ

ăm.
ăm.


 L a chọn ngày chính xác (nút bên ph i, mở ra một chọn ngày).

Hình 2.18 Bảng hiển thị thống kê theo thời gian

SVTH: Phan Trọng Thọ – Lớp 51K2 – Khoa CNTT

17


Đồ án tốt nghiệp Đại học

GVHD: ThS. Nguyễn Thị Uyên

2.4.3 Cột bên trái
Theo mặ định, cột này cung c p cho các giá trị chính từ ơ ở d liệu của b n
một cách nhanh chóng:
 Truy cập tr c tuyến trong 30 phút cuối cùng.
 Mua sắm ho động trong 30 phút cuối cùng.
 Đơ đặt hàng hiệ đa g hờ gi i quyết, yêu cầu tr l i / đổi,...
 Thông báo cho các tin nhắn mới, yêu cầ đặ h g
 Khách hàng mới
 Số liệu thố g ê ƣ

đă g

đ h gi

n phẩm.


hận b n tin mới.

ƣợng truy cập: hăm, ƣợ

gƣời truy cập, ƣ

ƣợng truy

cập và liên kết tr c tiếp.

Hình 2.19 Hiển thi giá trị cơ sở dữ liệu
2.4.4 Cột trung tâm
Cột trung tâm: khu v c này của B g điều khiển hiệ h gƣời dùng (b n) với
nh ng con số quan trọng nh iê
a đến ho động hàng ngày cửa hàng của mình,
cùng với mộ đồ thị bán hàng và mộ da h
h
đơ đặt hàng mới nh t. Mỗi khi

SVTH: Phan Trọng Thọ – Lớp 51K2 – Khoa CNTT

18


Đồ án tốt nghiệp Đại học

b

GVHD: ThS. Nguyễn Thị Uyên


đă g hập vào khu v c qu n lý của cửa hàng của b n, b n sẽ

quan trọng nh t nhìn vào s
nội dung trong cộ

gƣời đầu tiên và

hay đổi mà nh ng con số này. Theo mặ định, có ba khối

y, đƣợc xử lý bởi các mơ-đ

2.4.4.1 Khối Dashboard
Đây
hối chính của thơng tin trên b g điều khiển. nó giúp b n xem cửa hàng
của b đi đ g hƣớng hay không. Nh p vào biể ƣợng c u hình của nó (trên cùng
bên ph i) ơi n có thể thiết lập các chi phí khác nhau mà cửa hàng của b n có(phí
kho n ngân hàng, phí vận chuyể
g
h, hi phí, ), để chỉ a x hƣớng tố hơ .

Hình 2.20 Biểu đồ thiết lập chi phí

SVTH: Phan Trọng Thọ – Lớp 51K2 – Khoa CNTT

19