Tìm hiểu mã nguồn mở prestashop và xây dựng website thương mại điện tử

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

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

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: Phan Trọng Thọ

Mã số sinh viên: 1051070456

Giáo viên hướng dẫn: ThS Nguyễn Thị Uyên

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

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 m i em không nh h i nh ng thiếu ót vậy r t mong nhận được s góp ủ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

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

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

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

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 gười, không chỉ ở công sở mà còn ngay c g gia đ h

Đ 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 hoà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 điện tử a gâ h g hưa phổ biến nên chỉ dừng

l i ở m độ 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”

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 toá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 ử dụng

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 ng máy tính

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

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 i

hơ 65 í h ă g mới h hươ g gia h ph iển

 P e aSh p 1.5 đượ ph h h g y 13 h g 9 ăm 2012, ma g i

ch ă g M i e, y ắc hàng giá c được c i thiện và kh ă g t a đơ đặ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

 URL thân thiện, tối ư m y m iếm SEO, qu n lý nội d g CMS…

Prestashop là phần mềm nguồn mở và hoàn toàn miễn phí

 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

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ơ ới gười sử dụng Thì PrestaShop v n tồn t i khá nhiều khuyế điểm, h n chế hư :

 Kh ă g n lý Url-rewrite khá yếu, không có kh ă g mở rộng tùy biến Làm gi m đ g ể kh ă g SEO ủa website

 Thuật toán tìm kiếm của P e aSh p đượ đ h gi h yếu so với các Opensource khá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 h đơ

gi n và nhanh chóng

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

 L a chọn hiển thị phù hợp với chiế ược maketing

 Giới thiệ h 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

phần wamsever ươ g hí h h ừng hệ điều hành ở đây mình dùng Wamsever2.2

For Windows

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

Đầu tiên chúng ta vào trang phpMyAdmin he đường d n http://localhost/phpmyadmin, a đó h g a mục Databases Cửa sổ mới sẽ xu t

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

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ủ

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 hướng d n trên mỗi màn hình của h i đặt

 Chọn ngôn ng i đặt Khi đ h h h, h „Nex ‟

Hình 2.10 Chọn ngôn ngữ cài đặt

 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

 C u hình của hàng Chúng ta ph i nhập i đặt cửa h g hƣ ê ửa hàng, quốc gia, múi giờ.v.v T t c các thiết lập có thể đƣợ hay đổi sau trong b ng điều khiển qu n trị PrestaShop của chúng ta

 C u hình hệ thống Chúng ta nhập các chi tiế ơ ở d liệ ường thích hợp ê dưới Sau khi hoàn thành chọ Nex để đế ước kế tiếp Ch “ở ước

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

Hình 2.14 Cấu hình hệ thống

 C i đặt hoàn t Đây ước cuối cùng của h i đặt Vì lý do b o mật, chúng ta cần ph i xoá /instal 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ị

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ừ đó, n có thể hiển thị một trong các thông báo mới, hoặ đi da h h i hắn