Tìm hiểu phần mềm nguồn mở OPENCART và ứng dụng (Đồ án tốt nghiệp)

Tìm hiểu phần mềm nguồn mở OPENCART và ứng dụng (Đồ án tốt nghiệp)Tìm hiểu phần mềm nguồn mở OPENCART và ứng dụng (Đồ án tốt nghiệp)Tìm hiểu phần mềm nguồn mở OPENCART và ứng dụng (Đồ án tốt nghiệp)Tìm hiểu phần mềm nguồn mở OPENCART và ứng dụng (Đồ án tốt nghiệp)Tìm hiểu phần mềm nguồn mở OPENCART và ứng dụng (Đồ án tốt nghiệp)Tìm hiểu phần mềm nguồn mở OPENCART và ứng dụng (Đồ án tốt nghiệp)Tìm hiểu phần mềm nguồn mở OPENCART và ứng dụng (Đồ án tốt nghiệp)Tìm hiểu phần mềm nguồn mở OPENCART và ứng dụng (Đồ án tốt nghiệp)Tìm hiểu phần mềm nguồn mở OPENCART và ứng dụng (Đồ án tốt nghiệp)

-o0o -ÁN T T NGHI P

NHI M V THI T K T T NGHI P

tài: Tìm hi u ph n m m ngu n m OPENCART và ng d ng

a N i dung

b Các yêu c u c n gi i quy t

2 Các s li u c n thi thi t k , tính toán

m th c t p

H c hàm, h c v : Th

i H c Dân L p H i Phòng

N ng d n:

ng d n th hai: H và tên: H c hàm, h c v : C N ng d n:

tài t t nghi c giao ngày tháng

Yêu c u ph c ngày tháng

H

1 Tinh th c tài t t nghi p:

ng c tài t t nghi p (so v i n i dung yêu c ra trong nhi m v tài t t nghi p)

m c a cán b ng d n: m ghi b ng s và ch )

Cán b ng d n chính

(Ký, ghi rõ h tên)

giá ch tài t t nghi p (v các m lý lu n, thuy t minh

th c t , )

m c a cán b ph n bi n m ghi b ng s và ch )

Cán b ch m ph n bi n

(Ký, ghi rõ h tên)

Trong l u tiên c án t t nghi Tìm hi u ph n m m ngu n mOPENCART và ng d ng n g i nh ng l

nh t c a mình t i t t c nh tr em v ki n th c và tinh th n trong quá trình th c hi án

ng d n, nh em trong su t quá trình th c hi án

l p H i Phòng, ban giám hi ng, các th y cô trong Khoa Công Ngh Thông Tin

u ki n t t nh n khác trong su t th i gian h c t p và làm t t nghi p

Do th i gian th c hi n có h n, ki n th c còn nhi u h n ch án th c hi n ch c

ch n không tránh kh i nh ng thi u sót nh nh Em r t mong nh c ý ki

góp c a th y cô giáo và các b em có thêm kinh nghi m và ti p t c hoàn thi án

M C L C

M C L C 1

DANH M C HÌNH 3

L U 6

7

GI I THI U PH N M M NGU N M OPENCART 7

1.1.Gi i thi u ngu n m 7

1.1.1.Khái ni m mã ngu n m 7

1.1.2.L i ích c a mã ngu n m 7

1.1.3 ng d ng c a mã ngu n m 8

1.1.4.Gi i thi u m t s lo i mã ngu n m ng g p và Lý do s d ng t website n t 9

1.2.Gi i thi u OPENCART 10

1.2.1.Khái niêm v OPENCART 10

m c a OPENCART 10

1.2.3 11

13

14

T OPENCART 14

2.1.Gi i thi u v 000webhost 14

n mi n phí 14

t OPENCART trên hosting 17

t OPENCART 18

2.5.Vi t hóa các ch i dùng 26

2.6.Thêm ti n t 36

2.7.Thêm ph n h tr tr c tuy n (Livechat) cho trang web 36

3.1.Gi i thi u Shop Th i Trang Thu Th y 41

3.2.L i ích s d n t so v ng 41

3.3.Nghi p v qu n lý bán hàng c a shop th i trang 44

3.2.1.Qu n lý s n ph m 44

3.2.2.Chi c marketing 44

3.2.3.Chi c kinh doanh 44

3.2.4.Khách hàng xem và mua hàng 44

3.2.5.Giao hàng và thanh toán ti n cho khách 44

3.2.6.Báo cáo 45

3.4.Lý do ch n OPENCART xây d ng website bán hàng tr c tuy n cho 45

3.5 ng d n s d ng website Shop Th i Trang Thu Th y 47

3.5.1 ng d n s d ng trang qu n tr 47

3.5.1.1 Qu n tr i dùng 47

3.5.1.2 Qu n lý danh m c 49

3.5.1.3 Thêm s a s n ph m 51

3.5.1.4 Qu 53

3.5.2 ng d n s d i dùng 56

3.5.2.1 56

3.5.2.2 t mua s n ph m và thanh toán 58

K T LU N 65

TÀI LI U THAM KH O 66

DANH M C HÌNH

Hình 1.1 Trang ch OPENCART 13

Hình 1.2 T i mã ngu n OPENCART 13

n phí 14

n 15

Hình 2.3 Ch n ngôn ng cho giao di n host 16

Hình 2.4 Giao di n qu n lý host 16

t lên host 17

Hình 2.6 Upl t OPENCART 17

Hình 2.7 Gi i nén file trên host 18

Hình 2.8 Giao di n t o database 18

Hình 2.9 T o database 19

c t o 19

Hình 2.11 Giao di t OPENCART 20

Hình 2.12 Thông báo thi u file config.php 21

Hình 2.13 T o file config 21

Hình 2.14 Sau khi t o file config 22

Hình 2.15 Liên k t database 23

t 23

c public_html 24

Hình 2.1 c admin 24

Hình 2.19 Giao di t 25

p trang qu n tr 25

Hình 2.21 Trang qu n tr OPENCART 26

Hình 2.22 File ti ng vi t trong admin 27

Hình 2.23 File ti ng vi t trong catalog 27

t hàng 30

Hình 2.28 Form khách hàng 30

Hình 2.29 File vi- c catalog 31

Hình 2.30 Form tài kho n 31

Hình 2.31: Form thanh toán 32

Hình 2.32 Menu languages OPENCART 33

Hình 2.33 Add ngôn ng ti ng vi t 33

Hình 2.34 Ch n ngôn ng m nh 34

Hình 2.35 Ch n ngôn ng cho OPENCART 34

Hình 2.36 Trang qu n tr sau khi vi t hóa 35

n subiz 37

Hình 2.38 Tích h p c a s livechat 38

Hình 2.39 Nhúng c a s livechat b ng google analytics 38

Hình 2.40 Nhúng code livechat 39

Hình 2.41 Ki t 39

Hình 2.42 Giao diên livechat trên OPENCART 40

Hình 2.43 Giao di n qu n tr livechat 40

p vào trang Qu n Tr 47

Hình 3.2 Giao di n trang admin 48

Hình 3.3 Thêm danh m c s n ph m 49

Hình 3.4 T o danh m c 50

Hình 3.5 Liên k t danh m c 50

Hình 3.6 Giao di n thêm s n ph m 51

Hình 3.7 Giao di n qu n lý s n ph m 51

Hình 3.8 Khuy n mãi s n ph m 52

Hình 3.9 Gi m giá s n ph m 52

Hình 3.10 Giao di n qu n lý khách hàng 53

Hình 3.11 Giao di n thông tin khách hàng 53

Hình 3.12 Giao di n qu n lý nhóm khách hàng 54

Hình 3.13 Qu 55

n 56

Hình 3.15 Giao di n 56

Hình 3.16 T o tài kho n thành công 57

Hình 3.17 Mail xác nh n thành công t c a hàng 57

p tài kho n 58

Hình 3.19 Xem thông tin s n ph c khi mua 58

Hình 3.20 Thông tin gi hàng 59

Hình 3.21 Chi ti t gi hàng 59

Hình 3.22 Gi hàng 60

Hình 3.23 Thanh toán 60

Hình 3.24 Tùy ch n thanh toán 61

a ch giao hàng 61

c thanh toán 62

Hình 3.27 Xác nh 62

63

Hình 3.29 E-mail xác nh a hàng g i cho khách hàng 63

Hình 3.30 Khách thanh toán 64

Các doanh nghi p tên tu u có website và t o d c uy tín c a mình không ch i s ng mà còn trên c ng m ng N u không có website, doanh nghi p s b l r t nhi i t t b i nh ng khách hàng ti

án này em ch tài v Tìm hi u ph n m m ngu n m OPENCART và

ng d ng th m chúng ta xây d c

n t nhanh chóng v u hi u s n có

c các yêu c u bán hàng trên m ng c i dùng

GI I THI U PH N M M NGU N M OPENCART

Ti p thu k th a

V i vi c có s n mã ngu xây ti p lên trên, th i gian xây s gi

k Nhi u d án ph n m m ngu n m d a trên các ph n m m là k t qu c a nh ng

d cung c p 7 nh ng ch n thi t Ví d , thay vì vi t mã b o m t riêng cho mình, d án máy ch d ng l a d án

t ki c hàng ngàn gi vi t mã hoá và th nghi m Ngay

c ng h p mã ngu n không th tích h p tr c ti p, thì vi c có s n các mã

ng nhu c u d án, t n nhi u th tìm hi u và ng d ng t n có

k ho ch cân nh t c các khía c cu i cùng vi c ng d ng công c mã m i l i ích nhi i t ng chi phí và công s

th p

1.1.4 Gi i thi u m t s lo i mã ngu n m ng g p và Lý do s d ng

Hi n nay, trên th gi i có r t nhi u mã ngu n m khác nhau, m i lo i mã ngu n m

l i có m t ng d t s lo i mã ngu n m c s d ng r ng rãi:

b n t - calc, trình chi u d li u h a Draw, so n

th o công th c toán h c math)

+ Trình duy t web mozilla Firefõ

+Ph n m n t máy tr m

Mozilla Thunderbird

+ Qu n ký h c t n t e-learning: Moodle,Dokeos

+Qu n s : Greenstone c a UNESCO, D-space

+Qu n lý m ng l p h c :Ph n m m Mythware, i-Talc c a Intel

+ C : Liferay,Upotal, DotnetNuke, ExoPlatform

+Joomla là m t h qu n tr n i dung mã ngu n m c ng d thi t k các

n t ho c các website doanh nghi

m i n t tr c tuy n t , t n t , website c a các doanh nghi p

v a và nh , website c ch c phi chính ph ng h c, website c

gia tr c tuy n OPENCART cung c p m t n n t ng chuyên nghi y t

xây d ng m t c a hàng tr c tuy n thành công N n t ng này kháng cáo cho nhi i s d ng; t các nhà phát tri n web dày d m m t giao di n

i dùng thân thi s d ng, cho các ch nhân c a hàng v a kh i ch y kinh doanh tr c tuy n c a h l u tiên.OPENCART có m t s ng l

cung c p cho b n m t t ch c m nh m v tùy bi n c a c a hàng c a b n V i các công c c a OPENCART, b n có th giúp c a hàng tr c tuy n c a b n phát huy t

-1.2.4. OPENCART

t i b mã ngu n OPENCART, truy c p vào trang web:

https://www.OPENCART.com

RESOURCES ch nDOWNLOADt i mã ngu n b n m i nh t ho c

ch nprevious releases t i phiên b n th nh

Hình 1.1 Trang ch OPENCART

Hình 1.2 T i mã ngu n OPENCART

T OPENCART

2.1 Gi i thi u v 000webhost

000webhost.com là m t trong nh ng nhà cung c p d ch v host mi n phí.

Host free c a 000webhost.com h tr ng 10GB, H tr tên

mi n riêng và qu ng cáo c a b n, t qu ng cáo lên site c a b n, h tr PHP

và MySQL

Tên mi n m nh webhostapp.com

000webhost.com n mi n phí

Truy c p vào trang web www.000webhost.com, ch n Free hosting

m t tài kho n và tên mi n c n dùng mi n phí (hình 2.1)

Ta có th t tên mi n m i khác theo: Hình2.2

Hình 2.2 n

Giao di n qu n lý host m nh là giao di n ti d s ng ta có thchuy n giao di n v ti ng vi t b ng cách vào qu n lý trang cá nhân chuy n ngôn ng

english thành vietnamese.

Hình 2.3 Ch n ngôn ng cho giao di n host

Hình 2.4 Giao di n qu n lý host

2.3 t OPENCART trên hosting

Hình 2.7 Gi i nén file trên host

Sau khi ch n Datbase m i s xu t hi n giao di n thông tin database và

i dùng

Hình 2.9 T o database

Hình 2.12 Thông báo thi u file config.phpChuy n sa c này, các b n s g p 1 s l i, c n ph i th c hi n nh ng công vi c sau:

c config.php và

ch n New File t o hai file config.php

Hình 2.14 Sau khi t o file config

Sau khi làm xong F5 l i trang xem còn thông báo l i gì không, n u không thì ta b m

CONTINUE chuy c ti p theo

Hình 2.15 Liên k t database

T c này ta i dùng database và m t kh o cùng v i m t

kh u tài kho n qu n tr cùng

Hình 2.19 Giao di t

Hình 2.21 Trang qu n tr OPENCART

Vi t hóa ti ng vi t

M nh c a OPENCART toàn b là ngôn ng ti ng Anh, vì website c i Vi t

s d ng nên chúng ta c n vi t hóa theo chu n ngôn ng c i Vi t

p vào host: trên giao di n qu n lý host vào Qu n Lý File

c public_html l t m c admin và catalog c

language c này ch a 1 con có tên là en-gb ta ti i tên

en-gb thành vi-vn

Hình 2.22 File ti ng vi t trong admin

c 2: Vi t hóa

Vi t hóa các form làm vi c c a qu n tr viên c admin

Hình 2.24 File vi- c admin

Ti n hành m các c nh ch a các file code ra và b u vi t hóa

Hình 2.25 Form qu n lý s n ph m file product.php

Hình 2.27 t hàng

Hình 2.28 Form khách hàng

Vi t hóa các form làm vi i dùng catalog

i tên file en-gb.php thành vi-vn.php

Hình 2.29 File vi- c catalog

Ti n hành m c nh ch a các file code ra và b u vi t hóa

Hình 2.31: Form thanh toán

Còn r t nhi u file c n vi t hóa nên ta c n truy c p tr c ti p vào các file php trong

Vi t hóa xong t t c các file ti c language c a catalog và admin chúng ta ph i thêm ngôn ng ti ng vi t trong trang qu n tr ch y file v a vi t hóa

Thêm ngôn ng ti ng vi t

p vào trang admin https://hoangvandoanhct16.000webhostapp.com/admin

c 1: ch n System => Localisation => Languages

Hình 2.32 Menu languages OPENCART

c 2 nh n vào hình d u c ng thêm ngôn ng

Hình 2.33 Add ngôn ng ti ng vi t

Hình 2.34 Ch n ngôn ng m nh

Hình 2.35 Ch n ngôn ng cho OPENCART

Country : ch n qu c gia

Region / state : ch n t nh/ thành ph

Language :ch n ngôn ng m nh

Administration language : ch n ngôn ng cho trang qu n tr

Save l i ch nh s a, load l i và xem k t qu

Hình 2.36 Trang qu n tr sau khi vi t hóa

Xóa các giá tr ti n t (USD, GBP EUR)

2.7 Thêm ph n h tr tr c tuy n (Livechat) cho trang web

c n thi t nh i mua hàng Có nhi u gi

tr tr c tuy n c t gi i pháp nhi u trang web s d ng r t r ng rãi

t tài kho n trên subiz.com

Hình 2.38 n subiz

p vào và ch n ph n tích h copy mã nhúng c a s chát subiz

Hình 2.39 Tích h p c a s livechat

p vào trang qu n tr ch n: ph n m r ng => ph n m r ng => google Analytics =>ch nh s a

Hình 2.40 Nhúng c a s livechat b ng google analytics

Copy mã nhúng subiz vào: mã s Google Analytics ,

tình tr ng: b t.

ch n:

Hình 2.41 Nhúng code livechat

a ch trang web OPENCARTvào ô: Ki m tra website c a b nki

Hình 2.43 Giao diên livechat trên OPENCART

Hình 2.44 Giao di n qu n tr livechat

NG D NG XÂY D NG WEBSITE BÁN HÀNG CHO

SHOP TH I TRANG THU TH Y

3.1 Gi i thi u Shop Th i Trang Thu Th y

Tên c a hàng: Shop Th i Trang Thu Th y

S n ph m kinh doanh: c a hành chuyên bán các lo i qu n áo là ch y u, k m theo

có th m r ng kinh doanh mà ti t ki m t h t ng Chính vì v y m t trang web bán hàng online b ng OPENCARTs gi i quy t t t c các v

-mua hàng online -

3.3 Nghi p v qu n lý bán hàng c a shop th i trang

3.2.1 Qu n lý s n ph m

Khi shop có s n ph m m c nh p v i nh ng thông tin sau: tên s n

ph m, mã s n ph m, thông tin s n ph m, mã gi m giá, giá c , hình qu n lý các s n ph c thu n ti n tránh nh m l n

3.2.2 Chi c marketing

kh nh s cung c p cho khách hàng nh ng m u mã m i nh c nhu

c u cao nh t c a khách hàng Ngoài ra Shop s tìm ki m nh ng m

c quy n cho Shop

Shop s qu ng cáo b ng vi c phát t c ho ng ngoài ra còn có

n mãi vào d ng, các ngày l , t ph c v t t nh t cho khách

3.2.3 Chi c kinh doanh

Shop ti n hành nh p các lo i qu n áo, ph ki n t nh ng công ty có uy tín, v i giá s , nên Shop s bán v i giá c t t nh t dành cho khách hàng v i m c tiêu hai bên cùng

có l i

3.2.4 Khách hàng xem và mua hàng

n Shop mua hàng, nhân viên Shop s gi i thi u cho khách hàng

nh ng s n ph m m i c a Shop và tìm ki khách hàng có th ch n cho mình s n ph m mong mu n

3.2.5 Giao hàng và thanh toán ti n cho khách

Nhân viên bán hàng có nhi m giao hàng và l p biên b n giao hàng, thanh toán hóa

N u khách hàng có nhu c u chuy n hàng thì nhân viên giao hàng có nhi m v giao hàng i gian mà khách hàng yêu c u Khách hàng có quy c ho c sau khi giao hàng t a di m giao hàng.

3.2.6 Báo cáo

Theo t ng tháng, nhân viên k toán s có th ng kê v các kho n thu-chi cho chShop Nhân viên bán hàng s có b n báo cáo v tinh hình khách hàng, s ng s n

ph m tiêu th trong tháng qua Kho hàng s báo cáo s ng s n ph m t n trong

ng hàng s p h t c p nh t t ng ngày Qua nh ng báo cáo-thông kê, bu i h p cu i tháng s ng m c tiêu, chi c bán hàng cho nh ng tháng ti p theo

3.4 Lý do ch n OPENCART xây d ng website bán hàng tr c tuy n cho

Shop Th i Trang Thu Th y

- OPENCART là m t mã ngu n m

OPENCART là m t mã ngu n m , s d ng ngôn ng PHP, cung c p các gi i pháp

n t m nh m v i kh o kinh doanh tr c tuy n Ngoài tính

free thì OPENCART c bi n v n có c a m t Opensource,

là có th s i, d hi u ch nh, d c i ti ng phát tri n c a b i

s d c thi t k Website bán hàng, OPENCART qu n lý h th ng CMS

(Content Management System) l n v i ph u mà các nhà phát tri c nh t OPENCARTlà ch t build Theme, t o kh

t i dùng, cùng v i ch qu m c ng, qu n lý gian hàng c c kì rõ ràng và hi u qu

- OPENCART là m t h th ng gi hàng

trên, OPENCART c s d ng, qu n lý các

gian hàng, và khách hàng Nó ch a các module cho phép s d ng các m

Các Opensource m i lo u có th m nh riêng, không có lo i nào i nào,

khi nhà phát tri n s d ng OPENCART thì th y ng c nhiên v

3.5 ng d n s d ng website Shop Th i Trang Thu Th y

Hình 3.2 Giao di n trang admin

Danh m c : qu n lý s n ph m, qu n lý danh m c, qu n lý thu c tính,tùy ch n

Ti p th : qu n lý v ng cáo, khuy n mãi c a trang web

H th ng : qu n lý trang web, qu n lý các khu v a lý và thu v i các khu v

Qu n lý ti n t , ngôn ng , tr

Qu n lý thông tin v trí c a c a hàng

Qu n lý thông tin qu n tr viên, qu n lí các tài kho n qu n tr