TÌM HIỂU VỀ WORDPRESS VÀ XÂY DỰNG WEBSITE BÁN SÁCH ONLINE “SÁCH HAY”

Á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 online “Sách Hay”” sử dụng mã nguồn mở Wordpress để hoàn thiện họ

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

KHOA CÔNG NGHỆ THÔNG TIN

BÁO CÁO CHUYÊN ĐỀ HỌC PHẦN PHẦN MỀM MÃ NGUỒN MỞ

ĐỀ TÀI:

TÌM HIỂU VỀ WORDPRESS VÀ XÂY DỰNG WEBSITE BÁN SÁCH ONLINE “SÁCH HAY”

Sinh viên thực hiện : NGUYỄN PHƯƠNG ANH

Giảng viên hướng dẫn : NGUYỄN QUANG TRUNG

Chuyên ngành : HT THƯƠNG MẠI ĐIỆN TỬ

Hà Nội, tháng 10 năm 2021

PHIẾU CHẤM ĐIỂM STT Họ và tên sinh viên Nội dung thực hiện Điểm Chữ ký

- Tìm hiểu về Wordpress,Xampp

- Khảo sát thực trạng, nghiêncứu và xây dựng hệ thốngwesite bằng mã nguồn mởWordpress

- Phân tích hệ thống

- Thiết kế giao diện và chứcnăng website

- Sửa lỗi và hoàn thiện website

Giảng viên chấm 1:

Giảng viên chấm 2:

2

MỤC LỤC

Trang

LỜI MỞ ĐẦU

CHƯƠNG 1 TỔNG QUAN VỀ PHẦN MỀM MÃ NGUỒN MỞ 1

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

1.2 Giới thiệu về PHP và MySQL 1

1.3 Mã nguồn mở Wordpress 5

1.4 XAMPP 7

CHƯƠNG 2 GIỚI THIỆU VỀ WEBSITE BÁN SÁCH ONLINE “SÁCH HAY” 9

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

2.2 Giới thiệu về website bán sách online “Sách Hay” 10

2.3 Phương pháp nghiên cứu 10

CHƯƠNG 3 CÀI ĐẶT WEBSITE BÁN SÁCH ONLINE “SÁCH HAY” 11

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

3.2 Tạo database bằng phpMyAdmin 13

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

3.4 Upload giữ liệu lên host 16

3.5 Kết quả đạt được 17

3.5.1 Giao diện trang chủ 17

3.5.2 Danh mục sản phẩm có trên website 18

3.5.3 Giao diện sản phẩm 18

3.5.4 Giao diện giỏ hàng 18

3.5.5 Giao diện thanh toán 19

3.5.6 Giao diện đăng nhập khách hàng 19

3.5.7 Giao diện hồ sơ khách hàng 20

3.5.8 Giao diện trang quản trị admin 20

KẾT LUẬN 21 TÀI LIỆU THAM KHẢO 22

4

DANH MỤC HÌNH ẢNH

Trang

Hình 1.1 Cú pháp PHP đơn giản “Xin chào PHP” 3

Hình 1.2 Mô hình Client-Server 3

Hình 1.3 Mã nguồn mở Wordpress 5

Hình 2.1 Logo “Sách Hay” 10

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

Hình 3.2 Màn hình Setup - Select Components 11

Hình 3.3 Màn hình Setup - Installation folder 12

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

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

Hình 3.6 Giao diện phpMyAdmin 13

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

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

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

Hình 3.10 Đăng nhập Wordpress 16

Hình 3.11 Trang quản trị admin 16

Hình 3.12 Thay đổi cấu hình đường dẫn mục đưa website lên host 17

Hình 3.13 Giao diện trang chủ 17

Hình 3.14 Danh mục sản phẩm 18

Hình 3.15 Giao diện sản phẩm 18

Hình 3.16 Giao diện giỏ hàng 19

Hình 3.17 Giao diện thanh toán 19

Hình 3.18 Giao diện đăng nhập khách hàng 19

Hình 3.19 Giao diện hồ sơ khách hàng 20

Hình 3.20 Giao diện trang quản trị admin 20

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ến phức tạp của dịch bệnh COVID-19 gây khó khăn trong việc muasắm trực tiếp tại cửa hàng thì mua sắm online là lựa chọn tối ưu của mọingười

Ngày này sách online đã không còn xa lạ tuy nhiên vẫn có nhiềungười giữ thói quen mua những cuốn sách để đọc vì sự yêu thích đối vớimột cuốn sách mới, mùi thơm của trang giấy hay đơn giản họ muốn lưugiữ 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 online “Sách

Hay”” sử dụng mã nguồn mở Wordpress để hoàn thiện học phần Phần mềm mã nguồn mở với mục tiêu tạo ra website cung cấp đa dạng sách,

giúp người mua 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à đơngiản nhất

Trong quá trình thực hiện, được sự hướng dẫn và hỗ trợ nhiệt tìnhcủa giảng viên tuy nhiên bản thân em còn nhiều thiếu sót, mong thầy cô

bỏ qua và bổ sung thêm để đề tài được hoàn thiện hơn

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

6

CHƯƠNG 1 TỔNG QUAN VỀ PHẦN MỀM MÃ NGUỒN MỞ 1.1 Tổng quan về phần mềm 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ắc chung quy định trong giấy phép phầnmền mã nguồn mở mà không cần xin phép ai, điều mà họ không đượcphé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ùngtrả 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ững dịch vụ thực sự để phục vụ người dùng, nhưng khôngđược bán các sản phẩm nguồ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éphoàn toàn miễn phí, tự do sử dụng chương trình cho mọi mục đích, tự do

để nghiên cứu cấu trú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ềungười, tự do cải tiến chương trình và phát hà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 Giới thiệu về PHP và MySQL

PHP: Hypertext Preprocessor, thường được viết tắt thành PHP

là một ngôn ngữ lập trình kịch bản hay một loại mã lệnh chủ yếu được

dùng để phát triển các ứng dụng viết cho máy chủ, mã nguồn mở, dùngcho mục đích tổng quát Nó rất thích hợp với web và có thể dễ dàngnhúng vào trang HTML Do được tối ưu hóa cho các ứng dụng web, tốc

độ nhanh, nhỏ gọn, cú pháp giống C và Java, dễ học và thời gian xâydựng sản phẩm tương đối ngắn hơn so với các ngôn ngữ khác nên PHP

đã nhanh chóng trở thành một ngôn ngữ lập trình web phổ biến nhất thếgiới

Ngôn ngữ, các thư viện, tài liệu gốc của PHP được xây dựng bởicộng đồng và có sự đóng góp rất lớn của Zend Inc., công ty do các nhàphát triển cốt lõi của PHP lập nên nhằm tạo ra một môi trường chuyênnghiệp để đưa PHP phát triển ở quy mô doanh nghiệp

Hiện nay PHP đã phát triễn đến phiên bản PHP 7 và vẫn đang trên

đà phát triển tiếp Trong phiên bản PHP 7 với việc sử dụng bộ nhân ZendEngine mới PHPNG cho tốc độ nhanh gấp 2 lần phiên bản PHP 5 Ngoài

ra ở phiên bản này còn thêm vào rất nhiều cú pháp, tính năng mới giúpcho PHP trở nên mạnh mẽ hơn

PHP chỉ phân tích các đoạn mã nằm trong những dấu giới hạn của

nó Bất cứ mã nào nằm ngoài những dấu giới hạn đều được xuất ra trựctiếp không thông qua xử lý bởi PHP Các dấu giới hạn thường dùng nhất

là <?php và ?>, tương ứng với dấu giới hạn mở và đóng Các dấu giới hạn <script language="php"> và </script> cũng đôi khi được sử dụng.

Mục đích của những dấu giới hạn này là ngăn cách mã PHP với nhữngđoạn mã thuộc ngôn ngữ khác, gồm cả HTML Mọi đoạn mã bên ngoàicác dấu này đều bị hệ thống phân tích bỏ qua và được xuất ra một cáchtrực tiếp

2

Hình 1.1 Cú pháp PHP đơn giản “Xin chào PHP!”

Mô hình lập trình PHP: Ứng dụng web sử dụng mô hình

Client-Server Mô hình này bao gồm một máy chủ (Server) có nhiệm vụ chia sẻtài nguyên với máy khách (Client) thông qua mạng Internet Hình ảnhdưới đây cho thấy các thành phần cơ bản của mô hình Client-Server

Không phải ngẫu nhiên mà các trang web lớn như Yahoo,Facebook, Wikipedia, Digg, Joomla, WordPress, … lại được viết bằngPHP Chính sự đơn giản, tính hiệu quả và linh động của PHP Đã giúp nótrở thành ngôn ngữ phổ biến trong giới lập trình như hiện nay.

Cơ sở dữ liệu MySQL đã trở thành cơ sở dữ liệu mã nguồn mở

phổ biến nhất trên thế giới vì cơ chế xử lý nhanh và ổn định của nó, sựđáng tin cậy cao và dễ sử dụng Nó được sử dụng mọi nơi –ngay cả châuNam Cực -bởi các nhà phát triển Web riêng lẻ cũng như rất nhiều các tổchức lớn nhất trên thế giới để tiết kiệm thời gian và tiền bạc cho nhữngWeb sites có dung lượng lớn, phần mềm đóng gói –bao gồm cả nhữngnhà đi đầu trong lĩnh vực công nghiệp như Yahoo!, Alcatel-Lucent,Google, Nokia, YouTube và Zappos.com

MySQL không chỉ là cơ sở dữ liệu mã nguồn mở phổ biến nhấttrên thế giới, nó còn trở thành cơ sở dữ liệu được chọn cho thế hệ mớicủa các ứng dụng xây dựng trên nền Linux, Apache, MySQL,PHP/Perl/Python MySQL chạy trên hơn 20 flatform bao gồm: Linux,Windows, OS/X, HP-UX, AIX, Netware, mang đến cho bạn tính linhhoạt trong việc sử dụng

1.3 Mã nguồn mở Wordpress

WordPress là một hệ quản trị nội dung Mã nguồn mở miễn phí

viết bằng ngôn ngữ lập trình PHP cùng cơ sở dữ liệu MySQL hoặcMariaDB WordPress là hậu duệ chính thức của b2/cafelog, được pháttriển bởi Michel Valdrighi Mọi người biết đến WordPress đơn giản là đểviết Blog, để đăng tải thông tin của mình lên mạng nhưng không đơngiản như vậy, WordPress còn có chức năng như mọi Website khác Nó cóthể làm site tin tức, đánh giá, bán hàng, thậm chí là mạng xã hội Các bạn

có thể ứng dụng wordpress để tạo cho mình 1 website trên nềnwordpress, 1 website được tạo ra nhanh chóng đơn giản mà lại tiện choviệc quảng bá sản phẩm, thông tin, kiến thức …

Hình 1.3 Mã nguồn mở Wordpress

Khi tạo một website cho riêng bạn có thể sẽ có những lý do riêng,nhưng nếu so với các script và dịch vụ website khác, có thể bạn sẽ thích

Wordpress ở những tính năng dưới đây.

 Dễ cài đặt, chỉ cần khởi tạo database, upload và thiết lập tham sốtrong file wp-config.php, sau 1,2 lần click chuột, bạn đã sẵn sàng

để viết blog

 Không giới hạn số lượng category và sub-category: bạn có thể tạo

vô số chuyên mục và các chuyên mục con trong các chuyên mụcchính mà không gặp phải bất kì rắc rối nào.Tự động xuất RSS vàAtom: giúp cập nhật các thông tin về blog của bạn ngay lập tức

 Sử dụng giao diện XML RPC để trackback và viết bài từ xa

 Có thể đăng bài trên blog từ email

 Hỗ trợ plugin và theme: đây là một điểm mạnh nhất củaWordpress Nó tạo cơ hội cho hàng nghìn nhà phát triển cùng thamgia phát triển các plugin và theme cho Wordpress, làm cho nó càngngày càng phong phú về tính năng và giao diện

 Có thể nhập dữ liệu từ Blogger, Blogware, Bunny’s TechnoratiTags, DotClear, GreyMatter, Jorome’s Keyword, LiveJournal,Movable Type, TypePad, RSS, Simple Tagging, Textpattern,B2evoluton, v.v Đây là chức năng tuyệt vời nếu như bạn muốnchuyển từ một blog khác sang sử dụng Wordpress, nó giúp lại lấylại tất cả các bài viết trên các blog khác để chuyển qua Wordpress

 Rất nhiều tài liệu hướng dẫn để giúp phát triển thêm tính năng, vànhiều bộ API để mở rộng

 Dễ quản lý và duy trì mà chẳng cần phải có nhiều kĩ năng hay kinhnghiệm

 Khả năng tìm kiếm trên blog rất tốt

 Xuất bản nội dung ngay lập tức bất kể chiều dài của bài viết là baonhiêu

 Hỗ trợ viết blog đa ngôn ngữ

 Administration Panel được tổ chức rất tốt với rất nhiều tính năngnhưng lại dễ hiểu và dễ sử dụng

 Quản lý liên kết dễ dàng

Với sự trợ giúp của các plugin và rất nhiều bộ API, bạn có thểchỉnh sửa Wordpress tùy thích theo nhu cầu của bạn, và thậm chí bạncũng có thể sử dụng Wordpress để làm một website hoàn chỉnh.Wordpress có hàng ngàn plugin và theme, cộng với một đồng người sử

6

Downloaded by nhung nhung (nhungnguyen949595@gmail.com)

dụng cực kì đông đảo luôn sẵn sàng góp sức phát triển, điều này làm choWordpress ngày càng lớn mạnh thể hiện vai trò số 1 của mình.

Plugin trong WordPress là một hoặc nhiều đoạn code được bổ

sung vào mã nguồn website WordPress Plugin còn được gọi là phần mởrộng của website giúp bạn tùy chỉnh và bổ sung chức năng cho websiteWordPress của mình

Có hàng ngàn Plugin với những chức năng khác nhau Chỉ cần bạn

có nhu cầu, hầu hết các nhu cầu của bạn đều được Plugin hỗ trợ và sẵnsàng cho bạn sử dụng Bạn có thể dùng Plugin trong WordPress chonhiều thể loại website khác nhau một cách đơn giản

Plugin là một thành phần không thể thiếu trong website WordPresscủa bạn Bất kể bạn làm website gì, bạn sử dụng Theme tự Code hayTheme trên mạng thì việc sử dụng Pluign là điều chắc chắn Ngoài việc

hỗ trợ xây dựng thêm chức năng cho website Bạn cũng sẽ tìm đượcnhững Plugin hỗ trợ cho các vấn đề như: Plugin Seo, Plugin tăng tốc,Plugin tối ưu website, Plugin bảo mật …

1.4 XAMPP

Xampp là chương trình tạo máy chủ Web (Web Server) được tích

hợp sẵn Apache, PHP, MySQL, FTP Server, Mail Server và các công cụnhư phpMyAdmin Không như Appserv, Xampp có chương trình quản lýkhá tiện lợi, cho phép chủ động bật tắt hoặc khởi động lại các dịch vụmáy chủ bất kỳ lúc nào

Xampp được sử dụng cho mục đích nghiên cứu, phát triển websitequa Localhost của máy tính cá nhân, nó được ứng dụng trong nhiều lĩnhvực từ học tập đến nâng cấp, thử nghiệm Website của các lập trình viên

Các ưu điểm của Xampp bao gồm:

 Xampp có thể chạy được trên tất cả các hệ điều hành: Từ platform, Window, MacOS và Linux

Cross-7

 Xampp có cấu hình đơn giản cũng như nhiều chức năng hữu íchcho người dùng Tiêu biểu gồm: giả lập Server, giả lập MailServer, hỗ trợ SSL trên Localhost.

 Xampp tích hợp nhiều thành phần với các tính năng:

 Apache

 PHP (tạo môi trường chạy các tập tin script *.php);

 MySql (hệ quản trị dữ liệu Mysql); Thay vì phải cài đặt từngthành phần trên, giờ đây các bạn chỉ cần cài Xampp là chúng ta

có 1 web server hoàn chỉnh

 Mã nguồn mở: Không như Appserv, Xampp có giao diện quản

lý khá tiện lợi Nhờ đó, người dùng có thể chủ động bật tắt hoặckhởi động lại các dịch vụ máy chủ bất kỳ lúc nào

Tuy nhiên, bởi vì có cấu hình đơn giản nên Xampp không được hỗtrợ cấu hình Module, cũng không có Version MySQL, do đó, đôi khi sẽmang đến sự bất tiện cho người dùng Bên cạnh đó, dung lượngcủa Xampp cũng tương đối nặng, dung lượng file cài đặt của Xampp là141Mb

8

Downloaded by nhung nhung (nhungnguyen949595@gmail.com)

CHƯƠNG 2 GIỚI THIỆU VỀ WEBSITE BÁN SÁCH ONLINE

“SÁCH HAY”

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ẻ Đốitượ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ải trí

Nhằm giới thiệu sách của website đến tất cả các khách hàng có nhucầu mua sắm sách qua mạng và phục vụ công tác quản lý, hoạt động kinhdoanh, hệ thống bước đầu sẽ phục vụ cho khách hàng với những chứcnăng cần thiết nhất để khách hàng có thể đăng ký mua sách, đồng thờigiúp nhân viên, người quản trị dễ dàng quả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ăng cần thiết phải đạt đượcnhư 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áchhà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 ý kiến, bình luận cũng cuốnsách có trên website

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

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

 Đơn hàng của khách hàng 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

9

2.2 Giới thiệu website bán sách online “Sách Hay”

Lợi ích đầu tiên khi sở hữu một website bán sách online đó chính

là tiếp cận khá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ảnphẩ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ững

cuố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

Hình 2.1 Logo “Sách Hay”

Đối với website bán hàng, các chức năng tiện ích bán hàng củawebsite 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ần chú ý đến các chức năng trên website, phải làmsao 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ả

2.3 Phương pháp nghiên cứu

Nghiên cứu và xây dựng hệ thống bằng mã nguồn mở Wordpress,ngôn ngữ lập trình PHP và Hệ quản trị cơ sở dữ liệu MySQL

Phân tích hệ thống

Thiết kế giao diện và chức năng website

Sửa lỗi và hoàn thiện website

10

Downloaded by nhung nhung (nhungnguyen949595@gmail.com)