Đề ti tìm hiểu về wordpress v xây dựng website bán laptop online “ducanhxd”

Sử dụng những gì chúng em đã học được trên lớp và tìm hiểu ngoàigiờ, bọn em đã chọn đề tài "Xây dựng trang web bán laptop trực tuyếnbằng mã nguồn mở Wordpress" để hoàn thành khóa học phầ

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 LAPTOP ONLINE “DUCANHXD”

Sinh viên thực hiện : Nguyễn Đức Anh - 20810310262

Lê Trần Trung Kiên - 20810310296 Giảng viên hướng dẫn : Cấn Đức Điệp

Chuyên ngành : Công nghệ phần mềm

Hà Nội, tháng 11 năm 2022

MỤC LỤC

LỜI NÓI ĐẦU 1

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

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

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

1.3 Mã nguồn mở Wordpress 6

1.4 XAMPP 8

CHƯƠNG 2 GIỚI THIỆU VỀ WEBSITE BÁN LAPTOP “DUCANHXD” 10

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

2.2 Giới thiệu website bán laptop online “DucanhXD” 11

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

CHƯƠNG 3: CI ĐẶT WEBSITE BÁN LAPTOP ONLINE 12

3.1 Cài đặt phần mềm XAMPP 12

3.2 Tạo database bằng phpMyAdmin 14

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

3.5.1 Giao diện trang chủ 18

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

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

3.5.4 Giao diện giỏ hàng 20

3.5.5 Giao diện thanh toán 20

3.5.6 Giao diện cổng thanh toán online 21

3.5.7 Giao diện đăng nhập khách hàng 21

3.5.8 Giao diện hồ sơ khách hàng 22

3.5.9 Giao diện trang quản trị admin 22

KẾT LUẬN 23

TI LIỆU THAM KHẢO 24

LỜI NÓI ĐẦU

Trong thời đại công nghệ thông tin phát triển mạnh mẽ như hiệnnay, mua sắm trực tuyến là lựa chọn tốt nhất cho mọi người Nó không chỉđem lại sự tiện ích mà còn giúp người dùng có trải nghiệm mua sắm tốtnhất mà không cần phải đến tận nơi

Ngày nay, laptop là một công cụ không thể thiếu trong quá trình họctập cho sinh viên nói riêng và cho toàn thể con người nói chung Ngoàiđáp ứng nhu cầu học tập, nó còn giúp mọi người giải trí sau giờ đi làm, đihọc

Sử dụng những gì chúng em đã học được trên lớp và tìm hiểu ngoàigiờ, bọn em đã chọn đề tài "Xây dựng trang web bán laptop trực tuyếnbằng mã nguồn mở Wordpress" để hoàn thành khóa học phần mềm mãnguồn Mục tiêu mở là tạo một trang web cung cấp nhiều loại laptop vớinhiều mẫu mã và giá tiền khác nhau, giúp người mua dễ dàng chọn chomình một chiếc laptop phù hợp với nhu cầu và giá tiền Trong quá trìnhthực hiện, được sự hướng dẫn và hỗ trợ nhiệt tình của giảng viên tuynhiên bản thân em còn nhiều thiếu sót, mong thầy cô bỏ qua và bổ sungthêm để đề tài được hoàn thiện hơn

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

1

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à loại phần mềm được phát hành dướidạng sản phẩm và nguồn, không chỉ là miễn phí về giá mua mà chính làmiễn phí về dịch vụ: người sử dụng có quyền thay đổi, chỉnh sửa, bổsung, cập nhật theo một số nguyên tắc đã định của giấy phép phần mềm

mã nguồn mở mà không phải xin phép ai, điều đó họ không được phéplàm ở những 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

Ư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

2

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

3

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

PHP: Hypertext Preprocessor 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áychủ, mã nguồn mở, dùng cho mục đích tổng quát Nó rất thích hợp với web và

có thể dễ dàng nhúng vào trang HTML Do được tối ưu hóa cho các ứng dụngweb, 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ởi cộ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ủaPHP lập nên nhằm tạo ra một môi trường chuyên nghiệ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 Zend Enginemới PHPNG cho tốc độ nhanh gấp 2 lần phiên bản PHP 5 Ngoài ra ở phiên bảnnày còn thêm vào rất nhiều cú pháp, tính năng mới giúp cho 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ực tiếp khôngthô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ủanhữ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ônngữ khác, gồm cả HTML Mọi đoạn mã bên ngoài các dấu này đều bị hệ thốngphân tích bỏ qua và được xuất ra một cách trực tiếp

4

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

5

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

8

 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 Techorati Tags,DotClear, GreyMatter, Jorome’s Keyword, LiveJournal, MovableType, TypePad, RSS, Simple Tagging, Textpattern, B2evoluton, v.v.Đây là chức năng tuyệt vời nếu như bạn muốn chuyển từ một blogkhác sang sử dụng Wordpress, nó giúp lại lấy lại tất cả các bài viếttrê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ử

10

11

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ổ sungvào mã nguồn website WordPress Plugin còn được gọi là phần mở rộngcủ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 cho nhiềuthể 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ừ Cross- platform, Window, MacOS và Linux

12

 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 Mail Server,

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

13

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

“DUCANHXD”

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 bán laptop hướng đến để các bạn trẻ có thể lựacho mình một chiếc laptop ưng ý

Nhằm cung cấp thông tin laptop của website đến tất cả các kháchhàng có nhu cầu mua sắm sách qua mạng và phục vụ công tác quản lý,hoạt động kinh doanh, hệ thống bước đầu sẽ phục vụ cho khách hàng vớinhững chức năng cần thiết nhất để khách hàng có thể mua laptop, ngườiquản trị dễ dàng quản lý được việc mua bán và nắm bắt thông tin nhanhchóng Một số chức năng cầ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 laptop nhanh chóng

 Hệ thống đưa ra chi tiết thông tin cho laptop 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 ý kiến, bình luận những chiếc laptop 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 tin nhanh 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

14

2.2 Giới thiệu website bán laptop online “DucanhXD”

Lợi ích đầu tiên khi sở hữu một website bán laptop 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 laptop 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ủabạn sẽ tăng lên đáng kể

Hình 2.1 Logo “DUCANHXD”

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

15

CHƯƠNG 3: CI ĐẶT WEBSITE BÁN LAPTOP ONLINE

Download Xampp và chạy file vừa tải về cài đặt Xampp

Hình 3.1 Màn hình Welcome 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 Setup - Select Components

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

16

Hình 3.3 Màn hình Setup - 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ạtWeb Localhost bằng việc click vào 2 nút Star đầu tiên để khởi động Apache và MySQL

17