Xây dựng website bán hàng chuẩn SEO và tích hợp API gửi SMS bằng mã nguồn mở wordpress

1.2.3 Cài đặt Woocommerce Sau khi cài đặt thành công mã nguồn mở Wordpress, tiến hành đăng nhập vào quản trị và chọn Plugin Các bước cài đặt Woocommerce như sau: Bước 1: Chọn Add New và

LỜI CẢM ƠN

Trong thời gian làm đồ án tốt nghiệp, em đã nhận được nhiều sự giúp đỡ,

đóng góp ý kiến và chỉ bảo nhiệt tình của thầy cô, gia đình và bạn bè

Em xin gửi lời cảm ơn chân thành đến Th.s Dương Thị Quy, giảng viên Bộ

môn Kỹ Thuật Phần Mềm – Khoa Công Nghệ Thông Tin – Trường ĐH CNTT&TT

người đã tận tình hướng dẫn, chỉ bảo em trong suốt quá trình làm đồ án

Em cũng xin chân thành cảm ơn các thầy cô giáo trong trường ĐH

CNTT&TT nói chung, các thầy cô trong Bộ môn Kỹ Thuật Phần Mềm nói riêng

đã dạy dỗ cho em kiến thức về các môn đại cương cũng như các môn chuyên

ngành, giúp em có được cơ sở lý thuyết vững vàng và tạo điều kiện giúp đỡ em

trong suốt quá trình học tập

Em xin chân thành cảm ơn anh Nguyễn Tuấn Sơn, giám đốc Công ty

TNHH Hoàng Long Media đã giúp đỡ tư vấn em trong khi thực hiện chương

trình đồ án tốt nghiệp

Cuối cùng, em xin chân thành cảm ơn gia đình và bạn bè, đã luôn tạo điều

kiện, quan tâm, giúp đỡ, động viên em trong suốt quá trình học tập và hoàn thành

đồ án tốt nghiệp

Thái Nguyên, ngày 26 tháng 05 năm 2016

Sinh viên thực hiện

MAI VĂN TÀI

LỜI CAM ĐOAN

Em xin cam đoan đồ án tự em nghiên cứu và xây dựng dựa trên các kiến

thức được học trên trường và kinh nghiệm đi làm thực Cùng sự hướng dẫn của

Ths Dương Thị Quy Các nội dung nghiên cứu, kết quả trong đề tài này là trung

thực và chưa công bố dưới bất kỳ hình thức nào trước đây Những kiến thức tài

liệu tham khảo được ghi rõ trong mục tài liệu tham khảo

Nếu phát hiện có bất kỳ sự gian lận nào em xin hoàn toàn chịu trách

nhiệm về nội dung luận văn của mình Trường đại học CNTT& TT không liên

quan đến những vi phạm tác quyền, bản quyền do em gây ra trong quá trình thực

hiện (nếu có)

Thái Nguyên, ngày 26 tháng 05 năm 2016

Sinh viên thực hiện

MAI VĂN TÀI

MỤC LỤC

LỜI CẢM ƠN 1

LỜI CAM ĐOAN 2

MỤC LỤC 3

DANH MỤC HÌNH 5

LỜI NÓI ĐẦU 9

CHƯƠNG 1: CƠ SỞ LÝ THUYẾT 10

1.1 Tìm hiểu về mã nguồn mở Wordpress 10

1.1.1 Tổng quan Wordpress 10

1.1.2 Lịch sử 10

1.1.3 Nét nổi bật 10

1.1.4 Cấu trúc một trang Wordpress 12

1.1.5 Cài đặt Wordpress trên WebServer 12

1.2 Giới thiệu về Woocommerce 19

1.2.1 Woocommerce là gì? 19

1.2.2 Các chức năng của Woocommerce 19

1.2.3 Cài đặt Woocommerce 20

1.3 Website chuẩn SEO 22

1.3.1 Tổng quan về Seo 22

1.3.2 Website chuẩn Seo 22

1.4 API gửi SMS 24

1.4.1 Giới thiệu 24

1.4.2 Cơ chế hoạt động 25

1.4.3 Hướng dẫn tích hợp 25

CHƯƠNG 2: KHẢO SÁT VÀ PHÂN TÍCH THIẾT KẾ HỆ THỐNG 27

2.1 Khảo sát hệ thống 27

2.2 Phân tích và thiết kế hệ thống 28

2.2.1 Biểu đồ user case của hệ thống 28

2.2.2 Biểu đồ trình tự và cộng tác 39

2.2.3 Biểu đồ hoạt động 61

2.2.4 Biểu đồ lớp 64

CHƯƠNG 3: CÀI ĐẶT WEBSITE 68

3.1 Giao diện người dùng 68

3.2 Giao diện quản trị 74

3.3 Tích hợp API 78

KẾT LUẬN 80

TÀI LIỆU THAM KHẢO 82

NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN 83

DANH MỤC HÌNH

Hình 1.1- Chạy file xampp.exe 13

Hình 1.2- Nhấn next cài đặt 13

Hình 1.3- Chọn ổ cài đặt 14

Hình 1.4- Nhấn Next tiếp tục cài đặt 14

Hình 1.5 – Quá trình cài đặt Xampp 15

Hình 1.6- Quá trình cài đặt kết thúc 15

Hình 1.7- Khởi động Apache & MySQL 16

Hình 1.8- Tạo cơ sở dữ liệu 17

Hình 1.9- Chọn ngôn ngữ cài đặt 17

Hình 1.10- Điền thông tin website và tài khoản quản trị 18

Hình 1.11- Cài đặt thành công 18

Hình 1.12- Giao diện trang chủ 19

Hình 1.13- Kết quả tìm kiếm Woocomerce 20

Hình 1.14- Quá trình cài đặt Plugin WooCommerces 21

Hình 1.15- Cài đặt thành công 21

Hình 1.16- Kết quả cài đặt 21

Hình 2.1 - Biểu đồ user case của hệ thống 29

Hình 2.2 - Biểu đồ phân rã Use case quản lý thành viên 30

Hình 2.3 - Biểu đồ phân rã Use case quản lý danh mục sản phẩm 30

Hình 2.4 - Biểu đồ phân rã Use case quản lý đơn hàng 31

Hình 2.5 - Biểu đồ phân rã Use case quản lý sản phẩm 31

Hình 2.6 - Biểu đồ phân rã Use case quản lý thành viên 32

Hình 2.7 - Biểu đồ phân rã Use case mua hàng 32

Hình 2.8 - Biểu đồ phân rã Use case quản lý rỏ hàng cho khách hàng 33

Hình 2.9 - Biểu đồ phân rã Use case tìm kiếm 33

Hình 2.10 - Biểu đồ Trình tự cho tác vụ đăng ký thành viên của khách hàng 39

Hình 2.11 - Biểu đồ Cộng tác cho tác vụ đăng ký làm thành viên của khách hàng 40 Hình 2.12 - Biểu đồ Trình tự cho tác vụ đăng nhập của khách hàng 40

Hình 2.13 - Biểu đồ Cộng tác cho tác vụ đăng nhập của khách hàng 41

Hình 2.14 - Biểu đồ Trình tự cho tác vụ cập nhật thông tin cá nhân của KH 41

Hình 2.15 - Biểu đồ Cộng tác cho tác vụ cập nhật thông tin cá nhân của KH 42

Hình 2.16 - Biểu đồ Trình tự cho tác vụ tìm kiếm theo tên sản phẩm 42

Hình 2.17 - Biểu đồ Cộng tác cho tác vụ tìm kiếm theo tên sản phẩm 43

Hình 2.18 - Biểu đồ Trình tự cho tác vụ xem chi tiết sản phẩm 43

Hình 2.19 - Biểu đồ Cộng tác cho tác vụ xem chi tiết sản phẩm 44

Hình 2.20 - Biểu đồ Trình tự cho tác vụ thêm sản phẩm vào giỏ hàng 44

Hình 2.21 - Biểu đồ Cộng tác cho tác vụ thêm sản phẩm vào giỏ hàng 45

Hình 2.22 - Biểu đồ Trình tự cho tác vụ xóa hàng trong giỏ hàng 45

Hình 2.23 - Biểu đồ Cộng tác cho tác vụ xóa hàng trong giỏ hàng 46

Hình 2.24 - Biểu đồ Trình tự cho tác vụ cập nhật số lượng trong giỏ hàng 46

Hình 2.25 - Biểu đồ Cộng tác cho tác vụ cập nhật số lượng trong giỏ hàng 47

Hình 2.26 - Biểu đồ Trình tự cho tác vụ xem giỏ hàng 47

Hình 2.27 - Biểu đồ Cộng tác cho tác vụ xem giỏ hàng 48

Hình 2.28 - Biểu đồ Trình tự cho tác vụ đặt hàng 48

Hình 2.29 - Biểu đồ Cộng tác cho tác vụ đặt hàng 49

Hình 2.30 - Biểu đồ Trình tự cho tác vụ xem lại đơn đặt hàng 49

Hình 2.31 - Biểu Cộng tác cho tác vụ xem lại đơn đặt hàng 50

Hình 2.32 - Biểu đồ Trình tự cho tác vụ Quản trị viên đăng nhập 50

Hình 2.33 - Biểu đồ Cộng tác cho tác vụ quản trị viên đăng nhập 51

Hình 2.34 - Biểu đồ Trình tự cho tác vụ Thêm danh mục sản phẩm 51

Hình 2.35 - Biểu đồ Cộng tác cho tác vụ Thêm loại sản phẩm 52

Hình 2.36 - Biểu đồ Trình tự cho tác vụ xóa danh mục sản phẩm 52

Hình 2.37 - Biểu đồ Cộng tác cho tác vụ Xóa danh mục sản phẩm 53

Hình 2.38 - Biểu đồ Trình tự cho tác vụ Cập nhật danh mục sản phẩm 53

Hình 2.39 -Biểu đồ Cộng tác cho tác vụ Cập nhật danh mục sản phẩm 54

Hình 2.40 - Biểu đồ Trình tự cho tác vụ Thêm sản phẩm mới 54

Hình 2.41 - Biểu đồ Cộng tác cho tác vụ Thêm sản phẩm mới 55

Hình 2.42 - Biểu đồ Trình tự cho tác vụ Xóa 1 sản phẩm 55

Hình 2.43 - Biểu đồ Cộng tác cho tác vụ Xóa 1 sản phẩm 56

Hình 2.44 - Biểu đồ Trình tự cho tác vụ Cập nhật sản phẩm 56

Hình 2.45 - Biểu đồ Cộng tác cho tác vụ Cập nhật sản phẩm 57

Hình 2.46 - Biểu đồ Trình tự cho tác vụ Cập nhật Đơn hàng 57

Hình 2.47 - Biểu đồ Cộng tác cho tác vụ Cập nhật Đơn hàng 58

Hình 2.48 - Biểu đồ Trình tự cho tác vụ Thêm người sử dụng 58

Hình 2.49 - Biểu đồ Cộng tác cho tác vụ Thêm người sử dụng 59

Hình 2.50 - Biểu đồ Trình tự cho tác vụ Xóa người sử dụng 59

Hình 2.51 - Biểu đồ Cộng tác cho tác vụ Xóa người sử dụng 60

Hình 2.52 - Biểu đồ Trình tự cho tác vụ Cập nhật thông tin User 60

Hình 2.53 - Biểu đồ Cộng tác cho tác vụ Cập nhật thông tin User 61

Hình 2.54 - Biểu đồ hoạt động đăng nhập 61

Hình 2.55 - Biểu đồ hoạt động quản lý thành viên 62

Hình 2.56 - Biểu đồ hoạt động quản lý sản phẩm 62

Hình 2.57 - Biểu đồ hoạt động xem chi tiết sản phẩm 63

Hình 2.58 - Biểu đồ hoạt động tìm kiếm 63

Hình 2.59 - Biểu đồ hoạt động mua hàng 64

Hình 2.60 - Biểu đồ lớp cho các chức năng thuộc về sản phẩm 64

Hình 2.61 - Biểu đồ lớp cho các chức năng thuộc về khách hàng 65

Hình 2.62 - Biểu đồ lớp cho các chức năng thuộc về phương thức thanh toán 66

Hình 2.63 - Biểu đồ lớp cho các chức năng thuộc về người quản trị 66

Hình 2.64 - Biểu đồ lớp cho các chức năng thuộc về đơn hàng 67

Hình 3.1- Giao diện trang chủ chương trình 68

Hình 3.2- View Code web chuẩn Seo 69

Hình 3.3- Trang sản phẩm chứa yếu tố SEO thẻ heading 69

Hình 3.4- Giao diện trang sản phẩm 70

Hình 3.5- Giao diện trang tư vấn 71

Hình 3.6 Giao diện trang liên hệ 72

Hình 3.7- Giao diện trang giỏ hàng 72

Hình 3.8- Giao diện trang đặt hàng & thanh toán 73

Hình 3.9- Giao diện trang đăng ký tài khoản 74

Hình 3.10- Giao diện trang đăng nhập 74

Hình 3.11- Giao diện trang quản trị 75

Hình 3.12- Giao diện trang quản lý danh mục 75

Hình 3.13- Giao diện trang quản lý sản phẩm 76

Hình 3.14- Giao diện trang quản lý đơn hàng 76

Hình 3.15- Giao diện trang thiết lập phương thức thanh toán 77

Hình 3.16- Giao diện trang quản lý bài viết Tư vấn 77

Hình 3.17- Giao diện trang quản lý thành viên 78

Hình 3.18a- Code tích hợp API 78

Hình 3.20b- Tích hợp mã API trên website 79

LỜI NÓI ĐẦU

Ngày nay, xã hội càng ngày càng phát triển trong đó có công nghệ thông

tin đóng vài trò quan trọng trong sự phát triển của xã Công nghệ thông tin đã trở

thành nhân tố quan trọng bậc nhất, là cầu nối trao đổi giữa các thành phần của xã

hội toàn cầu, của mọi lĩnh vực

Trong những năm gần đây với sự phát triển mạnh mẽ công nghệ thông tin

các Website bán hàng được hình thành ngày càng nhiều, phổ biến rất rộng rãi

trên toàn thế giới đáp ứng nhu cầu thương mại – kinh doanh online ngày càng lớn

của các cá nhân tổ chức, công ty và doanh nghiệp không chỉ thế giới mà còn ở

Việt Nam Hầu hết các cơ quan bộ máy nhà nước, công ty, doanh nghiêp, trường

học, các cửa hàng, thậm chí là cá nhân đều có website riêng cho mình nhằm

quảng bá và giới thiệu thông tin, sản phẩm đến với mọi người Bởi nếu không

quảng bá thì các sản phẩm, thông tin sẽ không một ai biết tới

Wordpress là một trong những mã nguồn mở mới phát triển vài năm trở

lại đây tại Việt Nam sau Joomla trong lĩnh vực website bán hàng và nó đang dần

trở nên phổ biến nhờ sự đón nhận đánh giá cao từ phía người dùng

Với mục đích chính là tìm hiểu về mã nguồn mở, Seo Marketing nên em

đã lựa chọn đề tài “Xây dựng website bán hàng chuẩn SEO và tích hợp API

gửi SMS bằng mã nguồn mở Wordpress” nhằm giúp người bán hàng quảng bá

thương hiệu sản phẩm tốt hơn thuận lợi hơn, tăng doanh thu bán hàng trên mạng

internet thông qua website và khách hàng cũng không cần vất và đến tận nơi mua

hàng như trước đây

Em xin chân thành cảm ơn!

CHƯƠNG 1:

CƠ SỞ LÝ THUYẾT

1.1 Tìm hiểu về mã nguồn mở Wordpress

1.1.1 Tổng quan Wordpress

WordPress là một hệ thống xuất bản blog viết bằng ngôn ngữ lập trình

PHP và sử dụng MySQL database (cơ sở dữ liệu MySQL) WordPress là hậu duệ

chính thức của b2/cafelog, được phát triển bởi Michel Valdrighi Cái tên

WordPress được đề xuất bởi Christine Selleck, một người bạn của nhà phát triển

chính Matt Mullenweg

1.1.2 Lịch sử

B2/cafelog, thường được biết đến với cái tên đơn giản hơn là b2 hay

cafelog là tiền thân của WordPress b2/cafelog theo ước lượng đã được sử dụng ở

khoảng 2000 blog trong tháng 5 năm 2003 Nó cũng được viết bằng ngôn ngữ lập

trình PHP để dùng với MySQL bởi Michel Valdrighi, người đã trở thành nhà

phát triển chính của WordPress hiện nay Mặc dù WordPress là hậu duệ chính

thức nhưng một dự án khác, b2evolution, cũng đang được song song phát triển

Vào năm 2004, thời hạn cấp phép của gói sản phẩm cạnh tranh Movable

Type bị thay đổi bởi Six Apart, và rất nhiều người dùng của nó chuyển sang sử

dụng WordPress, tạo nên một bước ngoặt lớn trong sự phát triển và phổ biến của

WordPress

Năm 2007, WordPress giành giải thưởng Packt Open Source CMS Năm

2009 Wordpress dẫn đầu về mã nguồn CMS tốt nhất

Thống kê năm 2013 cho thấy có đến xấp xỉ 20% các trang web nằm trong

top 10 triệu trang web hàng đầu thế giới đang sử dụng WordPress

Phiên bản mới nhất của WordPress là phiên bản 4.4.2

1.1.3 Nét nổi bật

- Hệ thống Plugin phong phú và không ngừng cập nhật, ngoài ra người

dùng có thể viết Plugin hoặc tích hợp code vào Wordpress

- Được phát triển bằng nhiều ngôn ngữ (hỗ trợ tiếng việt)

- Có hệ thống Theme đồ sộ, nhiều theme chuyên nghiệp có khả năng SEO tốt

- Việc quản lý blog, quản lý các bài viết rất thuận tiện giống như các phần

mềm thiết kế website chuyên nghiệp

- Thể hiện các tệp PDF, DOC, Powerpoint ngay trên nội dung bài viết

Đặc biệt tích hợp sẵn Latex - công cụ soạn thảo công thức toán học, giúp người

sử dụng có thể viết công thức toán học ngay trên blog

- WordPress có 23 Widget (ứng dụng tạo thêm) như Thống kê số truy

nhập blog, Các bài mới nhất, Các bài viết nổi bật nhất, Các comment mới nhất,

Liệt kê các chuyên mục, Liệt kê các Trang, Danh sách các liên kết, Liệt kê số bài

viết trong từng tháng Có 79 theme để người dùng lựa chọn

- Ngoài việc được áp dụng để xây dựng các Website dạng trang tin tức và

Blog, WordPress còn được sử dụng để xây dựng nên các Website thương mại

điện tử với mục đích chính là bán hàng Online Tuy nhiên nếu xét trên phương

diện này thì WordPress không thực sự nổi trội

- Ngoài thống kê số truy nhập của từng ngày cho blog, Wordpress còn

thống kê số truy nhập của từng ngày đối với mỗi bài viết của blog Trên cơ sở đó

chủ blog sẽ có định hướng nên viết vấn đề gì tiếp theo

- Các comment có thể duyệt rồi mới cho đăng, comment nào có nội dung

không phù hợp có thể xóa, nếu cho là spam thì sau này IP đó không có thể gửi

comment vào blog được nữa

- Admin (chủ blog) có thể cho 35 cộng tác viên gửi bài vào blog, có thể

phân quyền cho các cộng tác viên theo các cấp độ khác nhau Lưu giữ danh sách

thành viên đã ghé thăm trang blog Admin cũng có thể cho bất kỳ ai đăng bài qua

email vào blog miễn là admin cho họ một địa chỉ email bí mật của blog (địa chỉ

này có thể thay đổi bất kỳ lúc nào)

- Sao lưu dữ liệu nhằm khôi phục nội dung blog một cách dễ dàng nếu

chẳng may blog bị hack, và cung cấp công cụ chuyển nhà từ các blog khác sang

blog WordPress

- WordPress hỗ trợ 3 GB để lưu trữ các tệp hình ảnh và văn bản

- Hàng ngày WordPress có thống kê 100 bài trên các blog tiếng Việt của

WordPress được nhiều người đọc nhất trong vòng 48 tiếng Nhờ đó bạn biết

được các thông tin quan trọng nhất đang diễn ra

1.1.4 Cấu trúc một trang Wordpress

Bộ quản trị wordpress gồm các phần sau:

- Dashboard: Tổng quan về quản trị wordpress, bao gồm thông tin tóm tắt

về website wordpress, viết blog nhanh, một số bình luận mới nhất, bài từ

wordpress.org blog, plugin mới và phổ biến nhất, và link đến website của bạn

+ Updates: Hiển thị tất cả các theme và plugin có bản mới

- Posts: Quản lý bài viết, tag và danh mục (category)

+ All posts: Quản lý tất cả các bài viết

+ Add new: Đăng bài viết mới

+ Categories: Quản lý tất cả các danh mục

+ Tags:Quản lý tất cả các Post Tag

+ Appearance: Quản lý giao diện

+ Plugins: Quản lý các thành phần mở rộng

+ Settings: Thiết lập các tùy chọn

1.1.5 Cài đặt Wordpress trên WebServer

a) Cài đặt WebServer- Cài đặt XAMPP

Để chạy được các file PHP ta cần phải có một WebServer với Apache,

MySQL, PHP and Perl, việc cấu hình và cài đặt WebServer gặp nhiều khó khăn

và tốn kém thời gian Hiện nay có nhiều phần mềm cấu hình sẳn và ứng dụng

như một WebServer như Xampp, Wamp,…Trong phần này tôi sử dụng

WebServer Xampp để phục vụ cho quá trình chạy thử chương trình

XAMPP tích hợp các gói phần mềm: Apache (web server), PHP (Ngôn

ngữ lập trình web), mySQL (hệ quản trị cơ sở dữ liệu dành cho PHP)…

- Các bước cài đặt XAMPP

Bước 1: Download bản XAMPP mới nhất tại địa chỉ:

http://xampp.joydownload.com/

Bước 2: Chạy file xampp.exe vừa tải về để tiến hành cài đặt

Hình 1.1- Chạy file xampp.exe

Nhấn Next để tiếp tục cài đặt

Hình 1.2- Nhấn next cài đặt

Chọn ổ cài đặt vài nhấn Next

Hình 1.3- Chọn ổ cài đặt

Nhấn Next để tiếp tục quá trình cài đặt

Hình 1.4- Nhấn Next tiếp tục cài đặt

Quá trình cài đặt diễn ra

Hình 1.5 – Quá trình cài đặt Xampp

Nhấn Finish để kết thúc cài đặt

Hình 1.6- Quá trình cài đặt kết thúc

b) Cài đặt Wordpress trên XAMPP

Để cài đặt Wordpress trước tiên cần truy cập địa chỉ https://wordpress.org

để download bộ cài đặt về máy tính với phiên bản mới nhất

Các bước cài đặt Wordpress như sau:

Bước 1: Copy mã nguồn Wordpress vào Localhost

Giải nén file vừa download về và copy thư mục wordpress sang thư mục

cài đặt XMPP có đường dẫn: B:\xampp\htdocs\ và tiến hành đổi tên ví dụ

wordpress thành doantn

Bước 2: Khởi động XMPP

Hình 1.7- Khởi động Apache & MySQL

Bước 3: Tạo mới Database

Để chạy được WordPress thì localhost của bạn phải có một database dùng

MySQL để nó có thể lưu các dữ liệu mềm vào đó như bài viết, các thiết

lập,…trên website

Truy cập vào địa chỉ http://localhost/phpmyadmin/ và tiến hành tạo

Database

Hình 1.8- Tạo cơ sở dữ liệu

Bước 4: Cấu hình cài đặt

Sửa file config-sample.php trong thư mục thuctaptn đổi tên thành

wp-config.php Mở file wp-config.php vửa đổi tên điền tên Database tạo bước trên

và user là root và Password là rỗng sau đó Save lại

Bước 5: Chạy đường dẫn http://localhost/thuctaptn và chọn ngôn ngữ cài đặt

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

Bước 6: Điền thông tin cài đặt và nhấn Continue

Hình 1.10- Điền thông tin website và tài khoản quản trị

Cài đặt thành công truy cập vào trang quản trị với Username và Password

vừa điền

Hình 1.11- Cài đặt thành công

Giao diện quản trị sau khi đăng nhập thành công

Hình 1.12- Giao diện trang chủ

1.2 Giới thiệu về Woocommerce

1.2.1 Woocommerce là gì?

Woocommerce là một plugin miễn phí được sử dụng để tạo một trang

thương mại điện tử cỡ nhỏ tốt nhất hiện nay trong WordPress Nó cũng như bao

plugin khác là bổ sung chức năng vào website nhưng nó sẽ bổ sung gần như toàn

diện các chức năng mà một trang bán hàng đơn giản cần có

1.2.2 Các chức năng của Woocommerce

- Tạo sản phẩm với định dạng thông thường, sản phẩm có thuộc tính, sản

phẩm affiliate và sản phẩm kỹ thuật số (có thể tải về)

- Hỗ trợ một số hình thức thanh toán online như PayPal, Credit Card,

CoD, Cash và sẽ càng nhiều hơn khi cài thêm plugin hỗ trợ cho riêng nó

- Hỗ trợ tự tính thuế sản phẩm hoặc thuế theo đơn hàng

- Hỗ trợ tự tính giá chuyển phát, có rất nhiều loại tính giá chuyển phát và

sẽ đa dạng hơn khi cài thêm plugin như có thể tính giá chuyển phát dựa theo cân

nặng, kích thước, tỉnh thành,…

- Trang quản lý đơn hàng chuyên nghiệp, lọc đơn hàng thông qua từng

trạng thái

- Hỗ trợ template hiển thị riêng để có thể tự cấu hình lại template hiển thị

phần shop và sản phẩm, cái này rất có lợi cho lập trình viên

- Có sẵn nhiều theme và extension (plugin mở rộng) để biến thành trang

shop chuyên nghiệp

1.2.3 Cài đặt Woocommerce

Sau khi cài đặt thành công mã nguồn mở Wordpress, tiến hành đăng nhập

vào quản trị và chọn Plugin

Các bước cài đặt Woocommerce như sau:

Bước 1: Chọn Add New và tiến hành Search Woocommerce

Hình 1.13- Kết quả tìm kiếm Woocomerce

Bước 2: Chọn kết quả đầu tiên và nhấn Install Now

Hình 1.14- Quá trình cài đặt Plugin WooCommerces

Bước 3: Activate Plugin

Hình 1.15- Cài đặt thành công

Kết quả sau khi Activate Woocommerce

Hình 1.16- Kết quả cài đặt

1.3 Website chuẩn SEO

1.3.1 Tổng quan về Seo

a) Seo là gì?

SEO là viết tắt của cụm từ “Search Engine Optimization” hay theo

nghĩa tiếng việt thì còn gọi là “Tối ưu hóa công cụ tìm kiếm”

SEO là quá trình tối ưu nội dung văn bản và cấu trúc website nhằm mục

đích nâng cao thứ hạng website hay trang web cụ thể trong các trang kết quả của

công cụ tìm kiếm (VD: Google, Yahoo, Bing, )

b) Mục đích của SEO

Seo nhằm mục đích đưa Thương hiệu hay sản phẩm dịch vụ của mình tới

Khách hàng/ đối tượng mục tiêu trên công cụ tìm kiếm nhiều hơn đối thủ và có tỷ

lệ chuyển đổi nhiều hơn đối thủ với chi phí thấp hơn tất cả các đối thủ với cùng

thời gian tiến độ SEO theo yêu cầu kinh doanh

1.3.2 Website chuẩn Seo

a) Website chuẩn Seo là gì?

Là website đạt các yêu cầu dưới đây:

- Tối ưu hóa URL

- Title & Description

- Thẻ heading: cặp thẻ từ <h1></h1> tới<h6></h6>

- Hạn chế tối đa các table trong website

- Điều hướng breadcumb thân thiện

- Sử dụng alt cho hình ảnh

- Tạo trang 404 cho các liên kết không tìm thấy

- Tích hợp các nút chia sẻ mạng xã hội

- Tạo sitemap chưa liên kết đến các trang nội dung website

- Cấu trúc website đạt chuẩn W3C

- Cho phép thay đổi meta title, description,keyword tương ứng với nội

dung mỗi bài viết

b) Plugin Seo cần thiết

- Google XML Sitemap

- WordPress SEO by Yoast

- SEO Redirection

- Broken Link Checker

c) Tối ưu hóa website

Tối ưu các thẻ HTML quan trọng

- Thẻ tiêu đề – Quan trọng nhất của các yếu tố từ khóa trên trang, tiêu đề

trang tốt hơn là nên sử dụng các thuật ngữ từ khoá / cụm từ là từ đầu tiên Trong

các nghiên của chúng tôi, chúng tôi rút ra được một nhận định rằng : Rõ ràng, sử

dụng từ khoá / cụm từ như là những từ đầu tiên trong tiêu đề trang có mối tương

quan cao nhất với thứ hạng website

- Meta Description – Mặc dù không được coi là một yếu tố ảnh hưởng

đến "kết quả xếp hạng" tuy nhiên thẻ meta description là một trong những nơi để

biên tập nội dung truyền tải với người dùng thông điệp trang web của bạn, ngoài

ra nếu có chứa từ khóa được tìm kiếm thì các từ khóa trong meta description sẽ

được bôi đậm Nếu viết thẻ Meta Description hay và hấp dẫn cũng sẽ tăng tỷ lệ

bấm vào trang web của bạn

- Meta Keywords – Yahoo! là duy nhất trong số các công cụ tìm kiếm

trong việc ghi lại và sử dụng thẻ từ khoá meta keyword! Chúng tôi khuyên bạn

không nên sử dụng thẻ meta keyword tuy nhiên nếu các bạn muốn sử dụng thì

cũng chỉ nên hạn chế và dùng tối đa 8 từ khóa/thẻ meta keyword cho 1 trang

- Robots Meta – Mặc dù không cần thiết, tuy nhiên các bạn cần kiểm tra

kỹ xem liệu có thẻ robots meta nào đang cấm Google Spider truy cập và thu thập

dữ liệu của bạn không

URL

- Độ dài: Nên sử dụng URL ngắn và cố gắng tạo các liên kết qua lại

trong trang web của bạn để làm phong phú thêm nội dung cũng như thông điệp

mà bạn muốn truyền tải cho người đọc URL được khuyến cáo nên có độ dài

không quá 100 ký tự

- Từ khoá: Nên khéo léo chèn một số từ khóa vào trong URL để làm

tăng tần xuất xuất hiện của từ khóa Đặc biệt lưu ý nên tối ưu cấu trúc các đường

dẫn đến các bài viết của trang như sau: domain.com/ten-chuyen-muc/bai-viet thì

sẽ tốt hơn rất nhiều so với cấu trúc:

domain.com/folder/ten-chuyen-muc/ten-chuyen-muc-con/bai-viet

- Tên miền phụ so với Pages: Đây là một chủ đề không mới nhưng luôn

khiến các SEOer bận tậm, tất cả đều có những băn khoăn chung là nên sử dụng 1

tên miền phụ hay một thư mục trực thuộc domain chính để làm chuyên mục cho

trang web của họ Bạn cần xác biết rằng tên miền phụ (sub-domain) gần như

không liên quan và tác động gì tới tên miền chính, tuy nhiên nếu là một thư mục

hoặc 1 pages trực thuộc tên miền chính (ví dụ: domain.com/thu-muc) thì thư mục

này sẽ có tác động và liên quan đến tên miền chính.Bạn nên dùng 1 tên miền phụ

nếu như nội dung của tên miền phụ không liên quan hoặc khác hoàn toàn với tên

miền chính Và sử dụng là pages hoặc thư mục nếu nội dung có liên quan tới tên

miền chính

- Khoảng cách giữa các từ: Dấu gạch ngang vẫn là vua của các ký tự

phân cách từ khóa trong URL, tuy nhiên bạn cũng nên cân nhắc các ký tự khác

cho phù hợp với văn cảnh xuất hiện từ khóa, không nên rập khuôn chỉ áp dụng

dấu gạch ngang Chú ý: Ngày nay có nhiều SEOer sử dụng domain có dấu gạch

Google Webmaster Tool

Google webmaster Tools là công cụ dùng hỗ trợ cho các webmaster và

SEOer quản lý website, đây là công cụ miễn phí được cung cấp bởi Google

- Cho phép người dùng xác nhận website Google Webmaster Tool nhanh

chóng dễ dàng

1.4 API gửi SMS

1.4.1 Giới thiệu

Nếu Website, hệ thống của bạn đang cần tính năng gửi SMS đến điện

thoại chẳng hạn như nhắn mã xác nhận khi đăng ký Website, hay phần mêm quản

lý nhân sự cần nhắn tin thông báo lịch họp, chúc mừng sinh nhật nhân viên … Hệ

thống API SMS của ESMS sẽ đáp ứng được hoàn toàn các yêu cầu của bạn

Hệ thống API của ESMS đảm bảo tính nhanh, đơn giản, tin cậy và dễ

dàng tích hợp vào bất kỳ hệ thống nào

Có thể kết nối bằng tất cả cả các ngôn ngữ lập trình như C#, Java,

ASP.NET, PHP

1.4.2 Cơ chế hoạt động

- Kết nối thông qua Webservice: POST/Get,SOAP, Restful

- Xác thực: các request của bạn sẽ được hệ thống xác thực thông qua

APIkey và SecretKey, 2 key này sẽ được cấp sau khi bạn đăng ký tài khoản tại

eSMS.vn

1.4.3 Hướng dẫn tích hợp

Dưới đây là các bước cơ bản nhất để các bạn có thể tích hợp tính năng gửi

tin vào hệ thống của mình

Bước 1: Tiến hành đăng ký tài khoản tại Website eSMS.vn

Bước 2: Sau khi đăng ký xong các bạn tiến hành đăng nhập và vào trang

Quản lý Tại đây các bạn chọn vào menu Quản lý API để lấy APIKey và

SecretKey

Bước 3: Tiến hành sử dụng các hàm API mà eSMS cung cấp bằng cách

gọi thực thi các URL

Các bạn cần gọi lệnh POST đến URL này với data post lên có định dạng

</CONTACTS>

Trong đó:

- ApiKey và Secret Key các bạn đã lấy được ở bước 2

- Content là nội dung tin nhắn

- Phone là các số điện thoại bạn muốn gửi tin

- SMSTYPE là loại tin nhắn: 3 là đầu số ngẫu nhiên, 4 là đầu số cố định

19001534, 6 là đầu số 8755(8755 chỉ được dùng để gửi các tin khong chứa mục

đích quảng cáo)

Tải code mẫu PHP tại đây: http://esms.vn/eSMSAPI_Demo_PHP.rar

CHƯƠNG 2:

KHẢO SÁT VÀ PHÂN TÍCH THIẾT KẾ HỆ THỐNG

2.1 Khảo sát hệ thống

Hiện nay, nhu cầu sử dụng website làm kênh thông tin, quảng bá sản

phẩm trở nên phổ biến, nhưng không phải website nào cũng được mọi người biết

đến nếu không sử dụng kênh quảng cáo marketing online

Các website có thể sử dụng marketing hiệu quả là các website chuẩn SEO

thân thiện với công cụ tìm kiếm Với các website bình thường, website thuần

thường không được đánh giá cao và việc quảng bá trở nên khó khăn và tốn kém

không được sử dụng

Với người sử dụng không biết lập trình thì việc tối ưu website là gặp nhiều

khó khăn và mất thời gian

Đối với các website chuẩn SEO ngày càng được ưa chuộng và dịch vụ

thiết kế website chuẩn SEO được rất nhiều công ty thiết kế web cung cấp đáp

ứng nhu cầu của thị trường

Các website chuẩn SEO hỗ trợ cho những người làm marketing online

thực hiện công việc marketing trở nên dễ dàng và hiệu quả hơn đồng thời tiết

kiệm thời gian việc tối ưu hóa website đặc biệt dễ dàng hơn với người dùng là

những người không biết gì về lập trình

Giải quyết vấn đề nhu cầu website chuẩn SEO cũng như hỗ trợ những

người làm marketing, những người không hiểu về code tiết kiệm thời gian quá

trình thiết kế và tối ưu hóa code website Đề tài này sẽ xây dựng nên website bán

hàng chuẩn SEO thân thiện với người dùng và công cụ tìm kiếm Search Engene,

thông báo phản hồi tới khách hàng khi đặt hàng thành công Đảm bảo các chức

năng của một website thương mại điện tử, giao diện thân thiện, sử dụng dễ dàng

Đầu vào đầu ra hệ thống

- Đầu vào: Yếu tố xây dựng lên website chuẩn Seo, thông tin các sản

phẩm, API SMS

- Đầu ra: Website chuẩn Seo, hiển thị các sản phẩm, gửi thông báo đặt

hàng thành công tới khách hàng thông qua SMS

2.2 Phân tích và thiết kế hệ thống

2.2.1 Biểu đồ user case của hệ thống

 Xác định các tác nhân và use case

Khách hàng

(Người thực hiện truy

vấn thông tin, giao

- Quản lý hóa đơn mua hàng

- Quản lý thông tin phản hồi

- Xác nhận thanh toán

 Biểu đồ User case tổng quát của hệ thống

Hình 2.1 - Biểu đồ user case của hệ thống

- Biểu đồ phân rã use case quản lý thành viên cho Admin

Hình 2.2 - Biểu đồ phân rã Use case quản lý thành viên

- Biểu đồ phân rã use case quản lý danh mục sản phẩm cho Admin

Hình 2.3 - Biểu đồ phân rã Use case quản lý danh mục sản phẩm

- Biểu đồ phân rã use case quản lý đơn hàng cho Admin

Hình 2.4 - Biểu đồ phân rã Use case quản lý đơn hàng

- Biểu đồ phân rã use case quản lý đơn hàng cho Admin

Hình 2.5 - Biểu đồ phân rã Use case quản lý sản phẩm

- Biểu đồ phân rã use case quản lý thành viên cho Admin

Hình 2.6 - Biểu đồ phân rã Use case quản lý thành viên

- Biểu đồ phân rã use case mua hàng cho khách hàng

Hình 2.7 - Biểu đồ phân rã Use case mua hàng

- Biểu đồ phân rã use case quản lý rỏ hàng cho khách hàng

Hình 2.8 - Biểu đồ phân rã Use case quản lý rỏ hàng cho khách hàng

- Biểu đồ phân rã use case tìm kiếm cho khách hàng

Hình 2.9 - Biểu đồ phân rã Use case tìm kiếm

 Đặc tả use case

 Use case Tìm kiếm

 Tên Use case: Tìm kiếm

 Mô tả: Cho phép khách hàng và người quản lý tìm kiếm sản phẩm

 Tiền điều kiện: Vào hệ thống website

 Luồng sự kiện chính:

- Khách hàng chọn chức năng tìm kiếm sản phẩm

- Khách hàng có thể tìm kiếm sản phẩm theo tên, theo giá

- Nhấn nút tìm kiếm

- Hệ thống trả về kết quả tìm kiếm nếu có trong CSDL

- Liệt kê danh sách kết quả trả về

- Khách hàng xem thông tin sản phẩm hệ thống trả về theo yêu cầu

- UC kết thúc

 Use case Xem chi tiết sản phẩm

 Tên Use case : xem chi tiết sản phẩm

 Mô tả: Cho phép khách hàng xem chi tiết thông tin của sản phẩm có

trong hệ thống

 Tiền điều kiện:Vào hệ thống website

 Luồng sự kiện chính:

- Khách hàng chọn sản phẩm trên hệ thống cần xem

- Kích chọn xem chi tiết sản phẩm

- Hệ thống chuyển trang về chi tiết sản phẩm

- Hiện thị thông tin đầy đủ về sản phẩm (tên, giá,thông số kỹ thuật,…)

- UC kết thúc

 Hậu điều kiện: Khách hàng có thể chọn mua sản phẩm này

 Use case mua hàng

 Tên Use case : Mua hàng

 Mô tả: Cho phép khách hàng mua hàng

 Tiền điều kiện: Đăng nhập thành viên thành công

 Luồng sự kiện chính:

- Khách hàng chọn sản phẩm cần mua

- Kích mua hàng

- Hệ thống thêm sản phẩm khách hàng mua vào giỏ hàng

- Hệ thống hiện thị thông tin giỏ hàng

- Khách hàng nhấn nút thanh toán

- Khách hàng nhập thông tin cá nhân, sau đó nhấn nút gửi thông tin

- Hệ thống lưu thông tin vào hóa đơn mua hàng trong cơ sở dữ liệu

- Khách hàng chọn thanh toán qua Nganluong.vn

- Hệ thống chuyển giỏ hàng sang Nganluong.vn

- Khách hàng thực hiện thanh toán trên Ngân lượng

- Cửa hàng xác nhận thanh toán của khách hàng:

+ Nếu khách hàng chưa thực hiện thanh toán trên Ngân lượng thì sẽ xóa

hóa đơn mua hàng đó trong csdl

+ Nếu khách hàng đã thanh toán thì cửa hàng tiến hành giao hàng

- UC kết thúc

 Luồng sự kiện phụ: Nếu khách hàng chọn mua thêm hàng thì hệ thống

chuyển về trang chủ, khách hàng chọn cập nhật giỏ hàng thì số lượng các sản

phẩm trong giỏ hàng sẽ được cập nhật lại, chọn xóa giỏ hàng thì các sản phẩm

trong giỏ hàng sẽ bị xóa hết Nếu khách hàng nhập thông tin cá nhân không hợp

lệ thì hệ thống yêu cầu nhập lại

 Use case Gửi thông tin phản hồi

 Tên Use case : Gửi thông tin phản hồi

 Mô tả: Cho phép khách hàng gửi thông tin đánh giá sản phẩm, cách

phục vụ của cửa hàng…đến cửa hàng

 Tiền điều kiện: Vào hệ thống website

 Luồng sự kiện chính:

- Khách hàng chọn mục liên hệ trên thanh menu

- Khách hàng điền đầy đủ các thông tin ( tên, địa chỉ, email, số điện

thoại, nội dung ) rồi ấn nút gửi

- UC kết thúc

 Use case đăng nhập hệ thống

 Tên Use case : đăng nhập hệ thống

 Mô tả: UC đăng nhập thực hiện đăng nhập cho các tài khoản đã được

đăng ký vào hệ thống Người quản lý đều thực hiện đăng nhập bằng UC này

 Tiền điều kiện: UC đăng ký đã được thực hiện

 Luồng sự kiện chính:

- Vào trang đăng nhập

- Hệ thống hiển thị trang đăng nhập

- Admin nhập user name và password đã đăng kí ở hệ thống

- Hệ thống sẽ kiểm tra với cơ sở dữ liệu

- Admin đăng nhập thành công

- UC kết thúc

 Luồng sự kiện phụ: Nếu admin nhập user name và password không

đúng thì hệ thống thông báo sai user name hoặc password và yêu cầu admin

đăng nhập lại

 Use case Quản lý danh mục sản phẩm

 Tên UC : Quản lý danh mục sản phẩm

 Mô tả : Use case này mô tả cách thức người quản trị quản lý các danh

mục như: Thêm, xóa, sửa các danh mục

 Luồng sự kiện chính:

- Từ trang Admin quản trị viên nhấn nút quản lý danh mục sản phẩm

- Hệ thống hiển thị ra các danh mục Quản trị viên chọn các chức năng:

+ Thêm mới: Quản trị viên nhập đầy đủ các thông tin về danh mục sản

 Tiền điều kiện: Quản trị viên phải đăng nhập thành công vào hệ thống

 Use case Quản lý thành viên

 Tên UC : Quản lý thành viên

 Mô tả : Use case này mô tả cách thức người quản trị quản lý thành viên:

Thêm, xóa, sửa thành viên

 Luồng sự kiện chính:

- Từ trang Admin quản trị viên nhấn nút quản lý thành viên

- Hệ thống hiển thị ra danh sách các thành viên Quản trị viên chọn các

chức năng:

+ Thêm mới: Quản trị viên nhập đầy đủ các thông tin về thành viên ( tên,

mật khẩu, email, số điện thoại,…) cần thêm mới

+ Chức năng xóa: Quản trị viên chọn thành viên cần xóa và ấn nút xóa

+ Chức năng sửa: Quản trị viên nhập đầy đủ các thông tin cần sửa và ấn

nút sửa đổi

- UC kết thúc

 Tiền điều kiện: Quản trị viên phải đăng nhập thành công vào hệ thống

 Use case Quản lý sản phẩm

 Tên UC : Quản lý sản phẩm

 Mô tả : Use case này mô tả cách thức người quản trị quản lý sản phẩm

như: Thêm, xóa, sửa, thiết lập tình trạng cho sản phẩm

 Luồng sự kiện chính:

- Từ trang Admin quản trị viên đến mục quản lý sản phẩm, sau đó kích

chọn loại sản phẩm để hệ thống hiển thị danh sách các sản phẩm thuộc loại đó

- Hệ thống hiển thị ra các sản phẩm Quản trị viên chọn các chức năng:

+ Thêm mới: Quản trị viên nhập đầy đủ các thông tin về sản phẩm cần

thêm mới

+ Chức năng xóa: Quản trị viên chọn sản phẩm cần xóa và ấn nút xóa

+ Chức năng sửa: Quản trị viên nhập đầy đủ các thông tin cần sửa và ấn

nút sửa đổi

- UC kết thúc

 Tiền điều kiện: Quản trị viên phải đăng nhập thành công vào hệ thống

 Use case Quản lý loại sản phẩm

 Tên UC : Quản lý loại sản phẩm

 Mô tả : Use case này mô tả cách thức người quản trị quản lý các loại

sản phẩm như: Thêm, xóa, sửa loại sản phẩm

 Luồng sự kiện chính:

- Từ trang Admin quản trị viên nhấn nút quản lý loại sản phẩm

- Hệ thống hiển thị ra các loại sản phẩm Quản trị viên chọn các chức

năng:

+ Thêm mới: Quản trị viên nhập loại sản phẩm cần thêm mới

+ Chức năng xóa: Quản trị viên chọn loại sản phẩm cần xóa và ấn nút

xóa

+ Chức năng sửa: Quản trị viên nhập đầy đủ các thông tin cần sửa và ấn

nút sửa đổi

- UC kết thúc

 Tiền điều kiện: Quản trị viên phải đăng nhập thành công vào hệ thống

 Use case quản lý hóa đơn mua hàng

 Tên UC : Quản lý hóa đơn mua hàng

 Mô tả : Use case này mô tả cách thức người quản trị quản lý hóa đơn

mua hàng như: theo dõi và cập nhật hóa đơn mua hàng

 Luồng sự kiện chính:

- Từ trang admin, quản trị viên nhấn vào nút quản lý hóa đơn mua hàng

- Hệ thống hiển thị trang quản lý hóa đơn mua hàng và liệt kê danh sách

các hóa đơn mua hàng của khách hàng

- Người quản trị có thể xem thông tin hóa đơn mua hàng mà họ muốn

hay xóa khỏi csdl

- UC kết thúc

 Tiền điều kiện: Quản trị viên phải đăng nhập thành công vào hệ thống

 Use case Quản lý thông tin phản hồi

 Tên UC : Quản lý thông tin phản hồi

 Mô tả : UC này mô tả cách thức người quản trị quản lý các thông tin

phản hồi của khách hàng

 Luồng sự kiện chính:

- Từ trang admin, quản trị viên nhấn vào nút quản lý thông tin phản hồi

- Hệ thống hiển thị trang quản lý thông tin phản hồi, liệt kê danh sách các

thông tin phản hồi của khách hàng, quản trị viên sẽ trả lời phản hồi thông qua địa

Hình 2.11 - Biểu đồ Cộng tác cho tác vụ đăng ký làm thành viên của khách hàng

 Khách hàng đăng nhâp hệ thống

Hình 2.12 - Biểu đồ Trình tự cho tác vụ đăng nhập của khách hàng