Đề ti tìm hiểu về wordpress v xây dựng trang web bán sách

Áp dụng các kiến thức đã được học cùng với sự yêu thích sách của bản thân, em lựa chọn đề tài “Xây dựng website bán sách” với mã nguồn mở Wordpress đểhoàn thiện bài báo cáo cuối kì cho h

TRƯỜNG ĐẠI HỌC ĐIỆN LỰC

KHOA CÔNG NGHỆ THÔNG TIN

ĐỀ CƯƠNG CHUYÊN ĐỀ HỌC PHẦN PHẦN MỀM MÃ NGUỒN MỞ

TRANG WEB BÁN SÁCH

Sinh viên thực hiện : TRẦN NGỌC CẢNH,

BÙI MẠNH CƯỜNG Giảng viên hướng dẫn : TRỊNH HIỀN ANH

T

Họ và tên sinh viên Nội dung thực hiện Điể

m Chữ ký

1 Trần Ngọc Cảnh

2 Bùi Mạnh Cường

Giảng viên chấm thi

Giảng viên chấm 1:

Giảng viên chấm 2:

Mục lục

Trang

Lời mở đầu 1

Chương 1: Tổng quan về mã nguồn mở Wordpress 2

1.1 Tổng quan về mã nguồn mở 2

1.2 Mã nguồn mở Wordpress 3

1.2.1 Mã nguồn mở Wordpress là gì ? 3

1.2.2 Lịch sử hình thành của Wordpress 4

1.2.3 Những thành tựu của Wordpress 4

1.2.4 Lý do bạn nên sử dụng Wordpress 5

Chương 2 Giới thiệu về trang website bán sách 7

2.1 Khảo sát thực trạng 7

2.2 Giới thiệu website bán sách 7

Chương 3 Cài đặt website bán sách 9

3.1 Cài đặt phần mềm Xampp 9

3.2 Tạo database bằng phpMyAdmin 12

3.3 Hướng dẫn cài đặt Wordpress và kết nối database 14

3.4 Kết quả đạt được 19

3.4.1 Giao diện trang chủ 19

3.4.2 Giao diện trang sản phẩm 22

3.4.3 Giao diện chi tiết sản phẩm 23

3.4.4 Giao diện trang thông tin 24

3.4.5 Giao diện trang Liên hệ 26

3.4.6 Giao diện giỏ hàng 27

Tổng kết và đánh giá 28

Lời mở đầu

Trong thời đại mà công nghệ thông tin phát triển mạnh, bên cạnh đó diễn biếnphức tạp của dịch bệnh trong vài năm trở lại đây đã gây khó khăn trong việc muasắm trực tiếp tại các cửa hàng thì mua sắm online đã và đang là lựa chọn tối ưu của

đa số người dùng hiện nay

Ngày này đọc sách online đã không còn xa lạ tuy nhiên vẫn có nhiều ngườigiữ thói quen mua những cuốn sách để đọc vì sự yêu thích đối với một cuốn sáchmới, mùi thơm của trang giấy hay đơn giản họ muốn lưu giữ lại cuốn sách mà họyêu thích

Áp dụng các kiến thức đã được học cùng với sự yêu thích sách của bản thân,

em lựa chọn đề tài “Xây dựng website bán sách” với mã nguồn mở Wordpress đểhoàn thiện bài báo cáo cuối kì cho học phần Phần mềm mã nguồn mở với mục tiêuxây dựng nên một website cung cấp đa dạng sách, truyện giúp mọi người có thể dễdàng tìm mua sách trên trang web và hệ thống hỗ trợ người quản trị trong việc quản

lý website một cách nhanh chóng và đơn giản nhất

Trong quá trình thực hiện, em xin cảm ơn cô Trịnh Hiền Anh đã hướng dẫn,

hỗ trợ và đóng góp ý kiến cho bài báo cáo của chúng em Tuy nhiên với vốn kiếnthức còn ít ỏi và bản thân nhóm còn nhiều thiếu sót, mong thầy cô bỏ qua và chonhóm thêm đóng góp để đề tài được hoàn thiện hơn

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

Chương 1: Tổng quan về mã nguồn mở Wordpress

1.1 Tổng quan về mã nguồn mở

Phần mềm mã nguồn mở là những phần mềm được cung cấp dưới cả dạng mã

và nguồn, không chỉ là miễn phí về giá mua mà chủ yếu là miễn phí về bản quyền:người dùng có quyền sửa đổi, cải tiến, phát triển, nâng cấp theo một số nguyên tắcchung quy định trong giấy phép phần mền mã nguồn mở mà không cần xin phép ai,điều mà họ không được phép làm đối với các phần mềm nguồn đóng

Nhà cung cấp phần mềm nguồn mở có quyền yêu cầu người dùng trả một sốchi phí về các dịch vụ như: bảo hành, huấn luyện, nâng cấp, tư vấn, vv… là nhữngdịch vụ thực sự để phục vụ người dùng, nhưng không được bán các sản phẩmnguồn mở vì nó là tài sản của trí tuệ chung, không phải là tài sản riêng của một nhàcung cấp nào

Ưu điểm của phần mền mã nguồn mở: Phần mềm được sao chép hoàn toànmiễn phí, tự do sử dụng chương trình cho mọi mục đích, tự do để nghiên cứu cấutrúc của chương trình, chỉnh sửa phù hợp với nhu cầu, truy cập vào mã nguồn, tự

do phân phối lại các phiên bản cho nhiều người, tự do cải tiến chương trình và pháthành những bản cải tiến vì mục đích công cộng

Nhược điểm của mã nguồn mở:

- Tính bảo mật thấp

- Thiếu sáng tạo

- Tính tự do – tùy biến không cao

Một số mã nguồn mở đang được sử dụng hiện nay là: Joomla, Drupal,Wordpress, Magento, DotNetNuke, …

1.2 Mã nguồn mở Wordpress

1.2.1 Mã nguồn mở Wordpress là gì ?

WordPress là một phần mềm nguồn mở (Open Source Software 1) được viếtbằng ngôn ngữ lập trình website PHP và sử dụng hệ quản trị cơ sở dữ liệu MySQL;cũng là bộ đôi ngôn ngữ lập trình website thông dụng nhất hiện tại 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à MikeLittle

WordPress 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ínhnă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 viết bài này là 2015,

WordPress đã được xem như là một hệ quản trị nội dung (CMS – Content Management System 2) vượt trội để hỗ trợ người dùng tạo ra nhiều thể loại websitekhá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ư đặtphòng khách sạn, thuê xe, đăng dự án bất động sản,…vâng…vâng…Hầu như mọihình thức website với quy mô nhỏ và vừa đều có thể triển khai trên nền tảngWordPress

Hình 1.1 Logo mã nguồn mở Wordpress

1.2.2 Lịch sử hình thành của Wordpress

WordPress được tạo ra năm 2003 bởi 2 lập trình viên, Matt Mullenweg vàMike Little Họ bắt đầu xây dựng một nền tảng blogging trên một ứng dụng đã bịngừng hoạt động là b2/cafeblog Không lâu sau dự án đó bị bỏ rơi, họ quyết địnhfork nó và tiếp tục phát triển riêng

Họ phát hành phiên bản đầu tiên của WordPress (WordPress 1.0) vào thángMột năm 2004 Nó rất khác so với hệ quản trị nội dung bây giờ vì giờ bạn thấy nó

có rất nhiều tính năng Tuy nhiên, trước đây nó chỉ có vài tính năng chính màchúng ta vẫn dùng tới tận bây giờ, như là WordPress editor, cài đặt dễ dàng, sửdụng permanent link đẹp, hệ quản trị người dùng, quản lý bình luận, vâng vâng

Từ 2004, WordPress đã trải qua nhiều đợt biến đổi lớn Ngày nay, dự ánWordPress được tiếp tục phát triển, quản lý và vận hành bởi một công động mãnguồn mở với hàng ngàn thành viên riêng Họ làm việc từ xa, nhiều người là tìnhnguyện viên, họ gặp gỡ trong một buổi hội thảo gọi là WordCamp WordPress vẫnđang trên đà phát triển và phiên bản mới thường được phát hành mỗi 2, 3 tháng.Mỗi phiên bản đều có thêm tính năng mới và cập nhật bảo mật

1.2.3 Những thành tựu của Wordpress

Khi tìm hiểu về WordPress, bạn sẽ thật tự hào khi biết rằng mã nguồn mà các bạnđang tìm hiểu ngay sau đây có những thành tựu rất vượt bậc và là một mã nguồnCMS mở phổ biến nhất hành tinh Để kiểm chứng điều đó, các bạn cần biết là:

- Trên thế giới, có khoảng 25 bài viết được đăng lên các website sử dụngWordPress mỗi giây

- Số lượng website làm bằng WordPress chiếm 27% tổng số lượng websitetrên thế giới

- Trong số 100% các website sử dụng mã nguồn CMS, WordPress chiếm 60%.

- Phiên bản WordPress 4.0 đạt hơn 16 triệu lượt tải chỉ sau khoảng hai tháng

- WordPress đã được dịch sang 169 ngôn ngữ khác nhau, bao gồm phiên bảnTiếng Việt được dịch đầy đủ.

- Chỉ tính các giao diện (hay còn gọi là theme) miễn phí trên thư việnWordPress.org thì đã có hơn 2.700 themes khác nhau

1.2.4 Lý do bạn nên sử dụng Wordpress

* 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 trongWordPress 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ủamình và tự vận hành nó sau vài cú click Bạn đang lo lắng cách cài đặt thế nào, host

là gì? Không sao, các phần tiếp theo của serie học WordPress căn bản của mình đã

có nói rất chi tiết

* 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ảitrong 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ìmcâ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

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

Tuy WordPress rất dễ sử dụng, nhưng việc tự tay thiết kế một giao diệnwebsite cho mình dựa trên WordPress không hề đơn giản và vẫn cần một kiến thứcchuyên môn nhất định Tuy nhiên bạn không cần qua lo lắng về điều này, bởi vì hệthống giao diện (bao gồm trả phí lẫn miễn phí) dành cho WordPress cực kỳ phongphú và bạn có thể sử dụng chỉ với vài cú click

Nếu bạn chưa tin vào các giao diện làm sẵn dành cho WordPress đẹp như thếnào, hãy ghé thử ThemeForest MyThemeShop Theme-Junkies, , ,…Hoặc bạn có thểxem các giao diện WordPress miễn phí tại thư viện WordPress.Org

* Nhiều plugin hỗ trợ

Plugin mở rộng nghĩa là một thành phần cài đặt thêm vào WordPress để giúp

nó có thêm nhiều tính năng cần thiết, ví dụ bạn cần tính năng làm trang bán hàngcho WordPress thì cài thêm plugin WooCommerce chẳng hạn Với lợi thế là người

sử dụng đông đảo, nên thư viện plugin của WordPress cũng cực kỳ phong phú lẫntrả phí và miễn phí, hầu hết các tính năng thông dụng bạn đều có thẻ tìm thấy thôngqua plugin

* 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, PHP thì có thể dễ dàng mở rộng website WordPress của bạn ra với rất nhiềutí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ểnthêm các tính năng

Với hàng nghìn hàm (function) có sẵn của nó, bạn có thể thoải mái sử dụng,bạn cũng có thể thay đổi cấu trúc của một hàm với filter hook và hầu như quy trìnhlàm việc của một lập trình viên chuyên nghiệp có thể ứng dụng dễ dàng vàoWordPress

* Hỗ trợ nhiều ngôn ngữ

Mã nguồn WordPress hiện tại có rất nhiều gói ngôn ngữ đi kèm, bao gồmtiếng Việt Mặc dù trong mỗi giao diện hay plugin đều có ngôn ngữ riêng nhưngbạn có thể dễ dàng tự dịch lại nó với các phần mềm hỗ trợ

* Có thể làm nhiều loại ngôn ngữ

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 Tuynhiên để làm được, bạn nên chắc chắn là đã hiểu được WordPress chứ đừng vộimộ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ó

Chương 2 Giới thiệu về trang website bán sách

2.1 Khảo sát thực trạng

Nhu cầu mua sắm online tăng mạnh đặc biệt là ở các bạn trẻ Đối tượng chính

mà Website Sách Hay hướng đến là các bạn trẻ mua sách để học hỏi thêm và giảitrí

Nhằm giới thiệu sách của website đến tất cả các khách hàng có nhu cầu muasắm sách qua mạng và phục vụ công tác quản lý, hoạt động kinh doanh, hệ thốngbước đầu sẽ phục vụ cho khách hàng với những chức năng cần thiết nhất để kháchhàng có thể đăng ký mua sách, đồng thời giúp nhân viên, người quản trị dễ dàngquản lý được việc mua bán và nắm bắt thông tin nhanh chóng Một số chức năngcần thiết phải đạt được như sau:

* Đối với khách hàng

- Hệ thống có thể giúp khách hàng tìm kiếm sách nhanh chóng.

- Hệ thống đưa ra chi tiết thông tin cho từng cuốn sách mà khách hàng muốn

xem

- Thêm sách vào giỏ hàng, đặt hàng qua mạng

- Ngoài ra khách hàng có thể đóng góp, đưa ra ý kiến, bình luận trên website

* Đối với quản trị

- Hệ thống giúp người quản trị, nhân viên cập nhật thông tin nhanh chóng

- Đơn hàng của khách cũng như dữ liệu được đưa về hệ thống

- Dễ dàng quản lý, sử dụng website, kiểm kê đơn hàng chính xác, rõ ràng, bảo mật thông tin khách hàng

2.2 Giới thiệu website bán sách

Lợi ích đầu tiên khi sở hữu một website bán sách online đó chính là tiếp cậnkhách hàng tiềm năng Dù khách hàng ở bất cứ đâu, chỉ cần có mạng internet là cóthể tìm thấy website bán sách của bạn, biết đến sản phẩm bạn đang kinh doanh Từ

đó, chắc chắn rằng lượng khách hàng của bạn sẽ tăng lên đáng kể Sản phẩm của

“Sách Hay” chủ yếu là nhữngcuốn sách nói về cuộc sống dành cho các bạn trẻ,những mẩu chuyện đang hot trên Internet.

Đối với website bán hàng, các chức năng tiện ích bán hàng của website cũng

là một yếu tố cần thiết đến việc thu hút khách hàng Do đó, khi thiết kế website cầnchú ý đến các chức năng trên website, phải làm sao hữu dụng với người dụng vàngười quản trị thì việc kinh doanh mới đạt hiệu quả

Chương 3 Cài đặt website bán sách

Download Xampp và cài đặt:

Hình 3.1 Màn hình welcom của Xampp

Sau khi màn hình Welcome của setup hiện ra thì chọn "Next" Tại màn hình này chọn các ứng dụng kèm theo của bộ Xampp, có thể bỏ những phần không cần thiết.

Hình 3.2 Màn hình set-up – Select Components

Chọn thư mục để cài đặt, chứa thư mục Xampp, thường để mặc định C:\xampp

Hình 3.3 Màn hình set-up – Installation folder

Sau khi hoàn thành cài đặt Xampp, chọn “Finish” để kết thúc quá trình cài đặt.

Hình 3.4 Hoàn thành cài đặt Xampp

3.2 Tạo database bằng phpMyAdmin

Sau khi cài đặt xong thì cửa sổ XAMPP Control Panel hiện lên, kích hoạt Web Localhost bằng việc click vào 2 nút Star đầu tiên để khởi động Apache và MySQL

Hình 3.5 Khởi động Apache và MySql

Sau khi kích hoạt xong, click vào nút Admin bên cạnh nút Star để tạoDatabase Khi đó màn hình quản trị phpMyAdmin hiện ra Ngoài ra, cũng có thểnhập trực tiếp đường dẫn http://localhost/phpmyadmin/ vào trình duyệt.

Hình 3.6 Giao diện phpMyAdmin

Ở bảng điều khiển cột bên trái sẽ liệt kê danh sách tất cả các database, bênphải là các lựa chọn cài đặt và chỉnh sửa Tại đây đã có thể lựa chọn thêm mớidatabase và tạo các bảng cho website

3.3 Hướng dẫn cài đặt Wordpress và kết nối database

Sau khi tải bộ cài đặt wordpress, copy và paste thư mục vào đường dẫn C://…xampp/htdocs Ở đây đặt tên thư mục, bạn có thể đặt tên thư mục tùy ý

Hình 3.7 Cài đặt thư mục Wordpress

Mở trình duyệt và gõ vào thanh địa chỉ http://localhost/ “ tên thư mục bạn đặt”

sẽ xuất hiện màn hình như bên dưới Click “Thực hiện ngay” để bắt đầu quá trìnhcài đặt website

Hình 3.8 Màn hình chào mừng Wordpress

Bắt đầu quá trình cài đặt cấu hình database.

Hình 3.9 Cài đặt cấu hình database

Cấu hình database với:

- Tên database: tên database tạo ở phpMyAdmin

- Tên người dùng: tài khoản truy cập MySql, thông thường là “ root”

- Mật khẩu: mật khẩu của tài khoản được khai báo phía trên

- Database host: thông thường là localhost, giữ nguyên không cần thay đổi

- Tên tiền tố bảng dữ liệu: ký tự đầu tiên xuất hiện trong tên bảng, ví dụ như wp_admin

Sau khi xác nhận thông tin, chọn “ Gửi” và trang web sẽ tiến hành cài đặt website.

Khi hoàn thành cài đặt, màn hình Wordpress hiện ra

Hình 3.10 Đăng nhập Wordpress

Đăng nhập thành công màn hình sẽ hiển thị khu vực quản trị dành cho admin Tại đây đã có thể chỉnh sửa và cập nhật website.

Hình 3.11 Trang quản trị Admin

3.4 Kết quả đạt được

3.4.1 Giao diện trang chủ

Hình 3.12 Giao diện trang chủ

Hình 3.13 Giao diện trang chủ

Hình 3.14 Giao diện trang chủ

Hình 3.15 Giao diện trang chủ

Hình 3.16 Giao diện trang chủ

Hình 3.17 Giao diện trang chủ

3.4.2 Giao diện trang sản phẩm

Hình 3.18 Giao diện trang sản phẩm

Hình 3.19 Giao diện trang sản phẩm