Thiết kế website bán hàng trực tuyến bằng mã nguồn mở wordpress

Vì vậy, xây dựng một website quảng cáo và bán các sản phẩm là điều tối cần thiết đối với các công ty, cá nhân kinh doanh, sản xuất để tồn tại và phát triển trong nền kinh tế thị trường c

VIỆN KỸ THUẬT VÀ CÔNG NGHỆ

TRƯỜNG ĐẠI HỌC VINH VIỆN KỸ THUẬT VÀ CÔNG NGHỆ

Giảng viên hướng dẫn: ThS Trần Xuân Hào

Nghệ An, tháng 5 năm 2017

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 ThS Trần Xuân Hào, giảng viên Bộ

môn Truyền thông và mạng máy tính, 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ô) trong trường Đại học Vinh nói chung, các Thầy (Cô) trong Viện khoa học & Công nghệ 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

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

LỜI MỞ ĐẦU

Ngày nay chúng ta đang sống trong kỷ nguyên công nghệ, đặc biệt là công nghệ thông tin Trong thời đại bùng nổ thông tin và có rất nhiều phương thức truyền đạt thông tin thì phương thức truyền thông tin bằng công nghệ số là nhanh, phổ biến và được nhiều người tiếp cận nhất Công nghệ thông tin không chỉ dừng lại ở mục đích phục vụ cho khoa học kỹ thuật mà đi sâu vào đời sống chính trị, kinh tế, xã hội, trở nên thân thiện gần gũi, mang lại nhiều lợi ích cho con người, đặc biệt trong lĩnh vực kinh tế, công nghệ thông tin thực sự đã có nhiều đóng góp quan trọng trong công việc quản lý, quảng cáo sản phẩm của các công ty, cá nhân kinh doanh, sản xuất Những ứng dụng của công nghệ thông tin đã mang lại nhiều lợi ích không nhỏ, đạt hiệu quả kinh tế cho những công ty, cá nhân đó Muốn bán và đưa các sản phẩm đến với người tiêu dùng một cách nhanh chóng và rộng rãi thì cần phải quảng cáo Vì vậy, xây dựng một website quảng cáo và bán các sản phẩm là điều tối cần thiết đối với các công ty,

cá nhân kinh doanh, sản xuất để tồn tại và phát triển trong nền kinh tế thị trường cạnh tranh rất khốc liệt ngày nay

Thực tế các website bán hàng trực tuyến đều được xây dựng trên các mã nguồn xây dựng sẵn, có nhiều ưu điểm giúp cho doanh nghiệp có thể đưa gian hàng của mình lên thị trường

Chính vì vậy, em đã lựa chọn đề tài “Thiết kế website bán hàng trực tuyến

bằng mã nguồn mở Wordpress”

Với kiến thức, kinh nghiệm hạn hẹp, thời gian nghiên cứ không dài, do vậy không tránh khỏi những sai sót Mong quý Thầy (Cô) cùng các bạn chia sẻ, góp ý để

đồ án được hoàn thiện

MỤC LỤC

LỜI CẢM ƠN 1

LỜI MỞ ĐẦU 2

MỤC LỤC 3

CHƯƠNG 1 GIỚI THIỆU TỔNG QUAN VỀ WORDPRESS 5

1.1 WordPress là gì? 5

1.2 Những lý do mà bạn nên chọn WordPress: 6

1.2.1 Dễ sử dụng 6

1.2.2 Cộng đồng hỗ trợ đông đảo 6

1.2.3 Nhiều gói giao diện có sẵn 6

1.2.4 Nhiều plugin hỗ trợ 6

1.2.5 Dễ phát triển cho lập trình viên 7

1.2.6 Dễ dàng Việt Hóa 7

1.2.7 Có thể làm nhiều loại website 7

1.2.8 Những hiểu lầm về wordpress 7

CHƯƠNG 2 KHẢO SÁT, PHÂN TÍCH XÂY DỰNG WEBSITE BÁN HÀNG 8

2.1 Mục tiêu xây dựng hệ thống 8

2.2 Yêu cầu hệ thống 8

CHƯƠNG 3 TRANG BỊ KIẾN THỨC 10

3.1 HTML 10

3.2 CSS 10

3.3 Javascipt 11

3.4 PHP 12

CHƯƠNG 4 PHÁT TRIỂN ỨNG DỤNG WORDPRESS 13

4.1 Cài đặt Wordpress trên localhost 13

4.1.1 Cài đặt XAMPP 13

4.1.2 Tạo Database kết nối với Wordpress 13

4.1.3 Tiến hành tải Wordpress 14

4.1.4 Cấu hình Wordpress 14

4.2 Xây dựng website thương mại điện tử với Wordpress 16

4.2.1 Quá trình tạo giao diện 16

4.2.2 Đổ dữ liệu với Wordpress 19

CHƯƠNG 5 KẾT LUẬN 30

5.1 Những ưu điểm, nhược điểm của Wordpress 30

5.1.1 Ưu điểm 30

5.1.2 Nhược điểm 31

5.2 Hướng phát triển đề tài 32

TÀI LIỆU THAM KHẢO 33

CHƯƠNG 1 GIỚI THIỆU TỔNG QUAN VỀ WORDPRESS

1.1 WordPress là gì?

WordPress là một phần mềm nguồn mở (Open Source Software) được viết bằng ngôn ngữ lập trình website PHP (Hypertext Preprocessor) và sử dụng hệ quản trị cơ sở dữ liệu MySQL WordPress được ra mắt lần đầu tiên vào ngày 27/5/2003 bởi tác giả Matt Mullenweg và Mike Little Hiện nay WordPress được sở hữu và phát triển bởi công ty Automattic có trụ sở tại San Francisco, California thuộc hợp chủng quốc Hoa Kỳ

Là một mã nguồn mở bằng ngôn ngữ PHP để hỗ trợ tạo blog cá nhân, và nó được rất nhiều người sử dụng ủng hộ về tính dễ sử dụng, nhiều tính năng hữu ích Qua thời gian, số lượng người sử dụng tăng lên, các cộng tác viên là những lập trình viên cũng tham gia đông đảo để phát triển mã nguồn WordPress có thêm những tính năng tuyệt vời Và cho đến thời điểm này là 2015, WordPress đã được xem như là một hệ quản trị nội dung (CMS - Content Management System) vượt trội để hỗ trợ người dùng tạo ra nhiều thể loại website khác nhau như blog, website tin tức/tạp chí, giới thiệu doanh nghiệp, bán hàng - thương mại điện tử, thậm chí với các loại website có độ phức tạp cao như đặt phòng khách sạn, thuê xe, đăng dự án bất động sản, v.v Hầu như mọi hình thức website với quy mô nhỏ và vừa đều có thể triển khai trên nền tảng WordPress

Nhưng như thế không có nghĩa là WordPress chỉ thích hợp với các dự án nhỏ,

mà hiện nay có tới khoảng 25% website trong danh sách 100 website lớn nhất thế giới

sử dụng mã nguồn WordPress Ví dụ như trang tạp chí TechCrunch, Mashable, CNN, BBC America, Variety, Sony Music, MTV News, Bata, Quartz,… rất nhiều không thể

kể hết được

1.2 Những lý do mà bạn nên chọn WordPress:

1.2.1 Dễ sử dụng

WordPress được phát triển nhằm phục vụ đối tượng người dùng phổ thông, không có nhiều kiến thức về lập trình website nâng cao Các thao tác trong WordPress rất đơn giản, giao diện quản trị trực quan giúp bạn có thể nắm rõ cơ cấu quản lý một website WordPress trong thời gian ngắn Về cách cài đặt lại càng dễ hơn, bạn có thể tự cài đặt một website WordPress trên host (máy chủ) riêng của mình và tự vận hành nó sau vài cú click

1.2.2 Cộng đồng hỗ trợ đông đảo

Là một mã nguồn CMS mở phổ biến nhất thế giới, điều này cũng có nghĩa là bạn sẽ được cộng đồng người sử dụng WordPress hỗ trợ bạn các khó khăn gặp phải trong quá trình sử dụng Nếu bạn có khả năng tiếng Anh tốt, bạn có thể dễ dàng tìm câu trả lời cho vấn đề bạn đang gặp phải trên Google chỉ với vài từ khóa tìm kiếm

1.2.3 Nhiều gói giao diện có sẵn

Trong khi sử dụng WordPress, khái niệm giao diện cho website WordPress thường được gọi là theme Hiện nay WordPress có rất nhiều theme miễn phí khác nhau

để bạn có thể dễ dàng thay đổi “da thịt” của website mình chỉ với vài cú click mà không cần bận tâm việc làm sao để thiết kế một theme cho riêng mình Còn nếu bạn muốn website đẹp và chuyên nghiệp hơn, bạn có thể mua các theme trả phí với giá bán dao động từ $30 đến $65

1.2.4 Nhiều plugin hỗ trợ

Plugin nghĩa là một trình cắm thêm vào website để bổ sung các chức năng mà bạn cần Ví dụ mặc định sau khi cài website WordPress, bạn không có chức năng hiển thị các bài viết liên quan ở dưới mỗi bài viết, nhưng với nhiều plugin miễn phí hỗ trợ thì bạn có thể dễ dàng cài thêm một plugin miễn phí để website mình có chức năng đó Tương tự với theme, cũng có rất nhiều plugin trả phí mang những tính năng rất độc đáo và có ích vào website và nó sẽ có giá khoảng từ $10 đến $80 tùy theo độ phức tạp

1.2.5 Dễ phát triển cho lập trình viên

Nếu bạn là một người có am hiểu về việc làm website như thành thạo HTML, CSS, Javascript, PHP thì có thể dễ dàng mở rộng website WordPress của bạn ra với rất nhiều tính năng vô cùng có ích Cách phát triển cũng rất đơn giản vì WordPress là một

mã nguồn mở nên bạn có thể dễ dàng hiểu được cách hoạt động của nó và phát triển thêm các tính năng

1.2.6 Dễ dàng Việt Hóa

Dĩ nhiên mặc định mã nguồn WordPress là tiếng Anh, nhưng nếu bạn có nhu cầu Việt hóa lại WordPress thì có thể dễ dàng tự làm

1.2.7 Có thể làm nhiều loại website

Dùng WordPress không có nghĩa là bạn chỉ có thể làm blog cá nhân, mà bạn có thể biến website mình thành một trang bán hàng, một website giới thiệu công ty, một

tờ tạp chí online bằng việc sử dụng kết hợp các theme và plugin với nhau Tuy nhiên

để làm được, bạn nên chắc chắn là đã hiểu được WordPress chứ đừng vội một bước lên mây để nhận các cảm giác thất vọng vì độ phức tạp của nó

1.2.8 Những hiểu lầm về wordpress

1.2.8.1 Wordpress chỉ là một phần mềm

Đúng vậy, WordPress chỉ là một phần mềm nguồn mở được viết bằng PHP & MySQL để giúp bạn tạo được website nhanh hơn Nhưng đó không có nghĩa là nó sẽ giúp bạn tạo được một website bất kỳ chỉ với các thao tác đơn giản

Mặc dù thư viện các giao diện có sẵn (Theme) và Plugin rất nhiều nhưng để tuỳ biến website sử dụng WordPress tốt hơn, bạn cần phải có kiến thức về PHP, HTML, CSS, Javascript,… tất cả các kỹ thuật liên quan tới website

1.2.8.2 Wordpress chỉ dành cho người không biết code

Hoàn toàn sai lầm, nếu bạn đã nghe ai đó nói với bạn rằng WordPress chỉ dành cho những người không chuyên lập trình sử dụng thì điều này hoàn toàn không chính xác

Dĩ nhiên những người không biết lập trình sẽ dùng WordPress bằng cách sử dụng các tính năng có sẵn, thư viện giao diện phong phú và các plugin hỗ trợ cũng

đã đủ để làm được website Nhưng nếu bạn biết code thì càng tốt vì WordPress có phần lõi mã nguồn rất mạnh để bạn áp dụng kỹ năng không giới hạn, nếu bạn cho rằng WordPress chỉ dành cho người không biết lập trình thì hãy xem qua WordPress Nâng Cao

CHƯƠNG 2 KHẢO SÁT, PHÂN TÍCH XÂY DỰNG WEBSITE BÁN HÀNG

2.1 Mục tiêu xây dựng hệ thống

 Trang web được xây dựng nhằm trưng bày, giới thiệu các sản phẩm về công

nghệ tới khách khi tham quant rang web

 Xây dựng phân chia các sản phẩm công nghệ thành menu giúp khách biết

được các sản phẩm ở danh mục nào

 Luôn cập nhật các sản phẩm mới một cách nhanh chóng, giúp khách hàng

năm bắt thông tin nhanh nhất và rõ ràng nhất có thể

 Cho phép tìm kiểm sản phẩm một cách nhanh chóng

2.2 Yêu cầu hệ thống

 Yêu cầu về phần cứng và phần mềm

 Yêu cầu về Website:

Website chia làm hai phần:

 Yêu cầu về chức năng:

Để truy cập vào hệ thống quản trị viên cần có một tài khoản để đăng nhập, sau khi đăng nhập quản trị viên có thể thực hiện các chức năng sau:

- Đăng nhập: Quản trị viên đăng nhập vào hệ thống để quản lý toàn bộ hệ thống

- Quản lý danh mục sản phẩm: Bao gồm công việc thêm, sửa, xóa các danh mục sản phẩm, cập nhật số lượng, tình trạng sản phẩm

- Quản lý đơn hàng: Xử lý đơn hàng, thanh toán và giao hàng tới cho khách

- Quản lý danh sách và ý kiến khách hàng

- Thống kê doanh thu

- Khách hàng có thể cho sản phẩm vào giỏ hàng và xem những sản phẩm khác

- Sau khi chọn đƣợc giỏ hàng có thể đặt mua qua website

- Khách hàng có thể quản lý đơn hàng mình đã mua và gửi ý kiến phản hồi về sản phẩm

 Yêu cầu về giao diện:

Website cần đƣợc trình bày dễ hiểu, giao diện gần gũi, khách hàng dễ nhìn thấy thông tin mà họ cần tìm, tƣ vấn cho khách hàng những sản phẩm bán chạy, sản phẩm mới cập nhật

CHƯƠNG 3 TRANG BỊ KIẾN THỨC

3.1 HTML

HTML là chữ viết tắt của cụm từ HyperText Markup Language(Xem thêm

tại http://vi.wikipedia.org/wiki/HTML) (dịch là Ngôn ngữ đánh dấu siêu văn bản) được sử dụng để tạo một trang web, trên một website có thể sẽ chứa nhiều trang và mỗi trang được quy ra là một tài liệu HTML (thi thoảng mình sẽ ghi là một tập tin

HTML) Cha đẻ của HTML là Tim Berners-Lee, cũng là người khai sinh ra World Wide Web và chủ tịch của World Wide Web Consortium (W3C - tổ chức thiết lập ra các chuẩn trên môi trường Internet)

Một tài liệu HTML được hình thành bởi các phần tử HTML (HTML Elements) được quy định bằng các cặp thẻ (tag), các cặp thẻ này được bao bọc bởi một dấu ngoặc ngọn (ví dụ <html>) và thường là sẽ được khai báo thành một cặp, bao gồm thẻ mở và thẻ đóng (ví dụ<strong> và </strong>) Các văn bản muốn được đánh dấu bằng HTML

sẽ được khai báo bên trong cặp thẻ (ví dụ <strong>Đây là chữ in đậm</strong>) Nhưng một số thẻ đặc biệt lại không có thẻ đóng và dữ liệu được khai báo sẽ nằm trong các thuộc tính (ví dụ như thẻ <img>)

Một tập tin HTML sẽ bao gồm các phần tử HTML và được lưu lại dưới đuôi

mở rộng là html hoặc htm

3.2 CSS

CSS là chữ viết tắt của Cascading Style Sheets, nó là một ngôn ngữ được sử

dụng để tìm và định dạng lại các phần tử được tạo ra bởi các ngôn ngữ đánh dấu (ví

dụ như HTML) Bạn có thể hiểu đơn giản rằng, nếu HTML đóng vai trò định dạng các phần tử trên website như việc tạo ra các đoạn văn bản, các tiêu đề, bảng,… thì CSS sẽ giúp chúng ta có thể thêm một chút “phong cách” vào các phần tử HTML đó như đổi màu sắc trang, đổi màu chữ, thay đổi cấu trúc,… rất nhiều

CSS có vai trò trang trí thêm cho văn bản được viết bằng HTML

Phương thức hoạt động của CSS là nó sẽ tìm dựa vào các vùng chọn, vùng chọn

có thể là tên một thẻ HTML, tên một ID, class hay nhiều kiểu khác Sau đó là nó sẽ áp dụng các thuộc tính cần thay đổi lên vùng chọn đó

Cấu trúc một đoạn CSS

3.3 Javascipt

Javascript là một ngôn ngữ lập trình kịch bản dựa vào đối tượng phát triển có sẵn hoặc tự định nghĩa ra, javascript được sử dụng rộng rãi trong các ứng dụng Website Javascript được hỗ trợ hầu như trên tất cả các trình duyệt như Firefox, Chrome, thậm chí các trình duyệt trên thiết bị di động cũng có hỗ trợ

Nếu bạn đã biết qua về HTML5 thì bạn thấy có các khái niệm như sessionStore hay localStore, đây là hai đối tượng được tạo nên từ Javascript nên rõ ràng trong HTML5 cũng có sử dụng nó Với những ứng dụng đó thì bạn thấy javascript không thể chết trong các ứng dụng website được

Hay thậm chí có những ứng dụng Webgame người ta sử dụng javascript để xử

lý các thao tác trên Client, nếu không có nó thì thông thường chọn Flash để xây dựng nhưng lại gặp vấn đề load chậm nên có một số người chọn Javascript để làm

3.4 PHP

PHP là viết tắt của chữ "Hypertext Preprocessor", đây là một ngôn ngữ lập

trình được sử dụng để viết ở phía máy chủ (lập trình web) Hiện nay có rất nhiều ngôn ngữ có thể viết ở máy chủ như C#, Java, Python và PHP chính là một trong những ngôn ngữ của nhóm này

PHP có cú pháp đơn giản, tốc độ nhanh và nhỏ gọn, dễ học và thời gian để tiếp cập PHP ngắn hơn so với các ngôn ngữ lập trình khác nên hiện nay PHP đang chiếm

số lương lập trình viên tương đối lớn, có thể gọi là lớn nhất Hiện PHP có rất nhiều các CMS mã nguồn mở như WordPress, OpenCart, NukeViet nên nó rất đa dạng và đáp ứng hầu hết các website thông thường từ blog cá nhân cho đến website giới thiệu công

ty và bán hàng

PHP sử dụng cặp thẻ mở <?php và thẻ đóng ?>, phía bên trong chính là nội dung của mã code PHP

CHƯƠNG 4 PHÁT TRIỂN ỨNG DỤNG WORDPRESS

4.1 Cài đặt Wordpress trên localhost

4.1.1 Cài đặt XAMPP

4.1.2 Tạo Database kết nối với Wordpress

1 Truy cập địa chỉ: http://localhost/phpmyadmin

2 Đặt tên cho database: db_vinhtechnology

3 Chuyển sang Utf8_generel_ci như hình dưới đây

4.1.3 Tiến hành tải Wordpress

1 Truy cập: https://wordpress.org/download/

2 Giải nén Wordpress vào thƣ mục htdocs của xampp và đổi tên thành Vinhtechnology

4.1.4 Cấu hình Wordpress

1 Nhập tên Database đã tạo ở trên

2 Tài khoản Database

3 Sau khi cài đặt thành công