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

lOMoARcPSD|11424851 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 : NGUYỄN PHƯƠNG ANH Giảng viên hướng dẫn : NGUYỄN QUANG TRUNG Ngành : CÔNG NGHỆ THÔNG TIN Chuyên ngành : HT THƯƠNG MẠI ĐIỆN TỬ Lớp : D13HTTMDT1 Khóa : 2018 - 2023 Hà Nội, tháng 10 năm 2021 lOMoARcPSD|11424851 PHIẾU CHẤM ĐIỂM STT Họ tên sinh viên Nội dung thực Điểm Chữ ký - Tìm hiểu mã nguồn mở, ngơn ngữ lập trình PHP Hệ quản trị sở liệu MySQL - Tìm hiểu Xampp Nguyễn Phương Anh (18810340328) Wordpress, - Khảo sát thực trạng, nghiên cứu xây dựng hệ thống wesite mã nguồn mở Wordpress - Phân tích hệ thống - Thiết kế giao diện chức website - Sửa lỗi hoàn thiện website Họ tên giảng viên Chữ ký Ghi Giảng viên chấm 1: Giảng viên chấm 2: lOMoARcPSD|11424851 MỤC LỤC Trang LỜI MỞ ĐẦU CHƯƠNG TỔNG QUAN VỀ PHẦN MỀM MÃ NGUỒN MỞ .1 1.1 Tổng quan phần mềm mã nguồn mở 1.2 Giới thiệu PHP MySQL 1.3 Mã nguồn mở Wordpress .5 1.4 XAMPP CHƯƠNG GIỚI THIỆU VỀ WEBSITE BÁN SÁCH ONLINE “SÁCH HAY” 2.1 Khảo sát thực trạng 2.2 Giới thiệu website bán sách online “Sách Hay” 10 2.3 Phương pháp nghiên cứu 10 CHƯƠNG 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 phpMyAdmin 13 3.3 Hướng dẫn cài đặt Wordpress kết nối database .14 3.4 Upload giữ liệu lên host .16 3.5 Kết đạt 17 3.5.1 Giao diện trang chủ 17 3.5.2 Danh mục sản phẩm có 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 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 lOMoARcPSD|11424851 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 lOMoARcPSD|11424851 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 Hình 1.3 Mã nguồn mở Wordpress Hình 2.1 Logo “Sách Hay” 10 Hình 3.1 Màn hình Welcome 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 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 tố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 lOMoARcPSD|11424851 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 dịch bệnh COVID-19 gây khó khăn việc mua sắm trực tiếp cửa hàng mua sắm online lựa chọn tối ưu người Ngày sách online khơng cịn xa lạ nhiên có nhiều người giữ thói quen mua sách để đọc u thích sách mới, mùi thơm trang giấy hay đơn giản họ muốn lưu giữ lại sách mà họ yêu thích Áp dụng kiến thức học với yêu thích sách 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 website cung cấp đa dạng sách, giúp người mua dễ dàng tìm mua sách trang web hệ thống hỗ trợ người quản trị việc quản lý website cách nhanh chóng đơn giản Trong trình thực hiện, hướng dẫn hỗ trợ nhiệt tình giảng viên nhiên thân em cịn nhiều thiếu sót, mong thầy cô bỏ qua bổ sung thêm để đề tài hoàn thiện Em xin chân thành cảm ơn! lOMoARcPSD|11424851 CHƯƠNG TỔNG QUAN VỀ PHẦN MỀM MÃ NGUỒN MỞ 1.1 Tổng quan phần mềm mã nguồn mở Phần mềm mã nguồn mở phần mềm cung cấp dạng mã nguồn, không miễn phí giá mua mà chủ yếu miễn phí 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 số nguyên tắc định 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 phép làm 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ả số chi phí dịch vụ như: bảo hành, huấn luyện, nâng cấp, tư vấn, vv… dịch vụ thực để phục vụ người dùng, không bán sản phẩm nguồn mở tài sản trí tuệ chung, khơng phải tài sản riêng nhà cung cấp Ưu điểm phần mền mã nguồn mở: Phần mềm chép hồn tồn miễn phí, tự sử dụng chương trình cho mục đích, tự để nghiên cứu cấu trúc 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ự phân phối lại phiên cho nhiều người, tự cải tiến chương trình phát hành cải tiến mục đích cơng cộng Nhược điểm mã nguồn mở: - Tính bảo mật thấp - Thiếu sáng tạo - Tính tự – tùy biến khơng cao Một số mã nguồn mở sử dụng là: Joomla, Drupal, Wordpress, Magento, DotNetNuke, … 1.2 Giới thiệu PHP MySQL PHP: Hypertext Preprocessor, thường viết tắt thành PHP ngơn ngữ lập trình kịch hay loại mã lệnh chủ yếu lOMoARcPSD|11424851 dùng để phát triển ứng dụng viết cho máy chủ, mã nguồn mở, dùng cho mục đích tổng qt Nó thích hợp với web dễ dàng nhúng vào trang HTML Do tối ưu hóa cho ứng dụng web, tốc độ nhanh, nhỏ gọn, cú pháp giống C Java, dễ học thời gian xây dựng sản phẩm tương đối ngắn so với ngôn ngữ khác nên PHP nhanh chóng trở thành ngơn ngữ lập trình web phổ biến giới Ngôn ngữ, thư viện, tài liệu gốc PHP xây dựng cộng đồng có đóng góp lớn Zend Inc., công ty nhà phát triển cốt lõi PHP lập nên nhằm tạo môi trường chuyên nghiệp để đưa PHP phát triển quy mô doanh nghiệp Hiện PHP phát triễn đến phiên PHP đà phát triển tiếp Trong phiên PHP với việc sử dụng nhân Zend Engine PHPNG cho tốc độ nhanh gấp lần phiên PHP Ngoài phiên cịn thêm vào nhiều cú pháp, tính giúp cho PHP trở nên mạnh mẽ PHP phân tích đoạn mã nằm dấu giới hạn Bất mã nằm dấu giới hạn xuất trực tiếp không thông qua xử lý PHP Các dấu giới hạn thường dùng , tương ứng với dấu giới hạn mở đóng Các dấu giới hạn sử dụng Mục đích dấu giới hạn ngăn cách mã PHP với đoạn mã thuộc ngôn ngữ khác, gồm HTML Mọi đoạn mã bên ngồi dấu bị hệ thống phân tích bỏ qua xuất cách trực tiếp lOMoARcPSD|11424851 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 ClientServer Mơ hình bao gồm máy chủ (Server) có nhiệm vụ chia sẻ tài ngun với máy khách (Client) thơng qua mạng Internet Hình ảnh cho thấy thành phần mơ hình Client-Server Hình 1.2 Mơ hình Client-Server Server chia sẻ tài nguyên như: tập tin, websites, sở liệu, email Web server máy chủ chia sẻ trang web, web browser (trình duyệt web) phần mềm phía client sử dụng để kết nối tới web server lOMoARcPSD|11424851 Không phải ngẫu nhiên mà trang web lớn Yahoo, Facebook, Wikipedia, Digg, Joomla, WordPress, … lại viết PHP Chính đơn giản, tính hiệu linh động PHP Đã giúp trở thành ngơn ngữ phổ biến giới lập trình Cơ sở liệu MySQL trở thành sở liệu mã nguồn mở phổ biến giới chế xử lý nhanh ổn định nó, đáng tin cậy cao dễ sử dụng Nó sử dụng nơi –ngay châu Nam Cực -bởi nhà phát triển Web riêng lẻ nhiều tổ chức lớn giới để tiết kiệm thời gian tiền bạc cho Web sites có dung lượng lớn, phần mềm đóng gói –bao gồm nhà đầu lĩnh vực công nghiệp Yahoo!, Alcatel-Lucent, Google, Nokia, YouTube Zappos.com MySQL không sở liệu mã nguồn mở phổ biến giới, cịn trở thành sở liệu chọn cho hệ ứng dụng xây dựng Linux, Apache, MySQL, PHP/Perl/Python MySQL chạy 20 flatform bao gồm: Linux, Windows, OS/X, HP-UX, AIX, Netware, mang đến cho bạn tính linh hoạt việc sử dụng  Tính linh hoạt  Tính thực thi cao  Có thể sử dụng  Hỗ trợ giao dịch mạnh  Nơi lưu trữ Web Data đáng tin cậy  Chế độ bảo mật liệu mạnh  Sự phát triển ứng dụng hỗn hợp  Dễ dàng quản lý  Mã nguồn mở tự hỗ trợ 24/7  Tổng chi phí thấp lOMoARcPSD|11424851  Xampp có cấu hình đơn giản nhiều chức hữu ích cho người dùng Tiêu biểu gồm: giả lập Server, giả lập Mail Server, hỗ trợ SSL Localhost  Xampp tích hợp nhiều thành phần với tính năng:     Apache PHP (tạo mơi trường chạy tập tin script *.php); MySql (hệ quản trị liệu Mysql); Thay phải cài đặt thành phần trên, bạn cần cài Xampp có web server hồn chỉnh Mã nguồn mở: Khơng Appserv, Xampp có giao diện quản lý tiện lợi Nhờ đó, người dùng chủ động bật tắt khởi động lại dịch vụ máy chủ lúc Tuy nhiên, có cấu hình đơn giản nên Xampp khơng hỗ trợ cấu hình Module, khơng có Version MySQL, đó, đơi mang đến bất tiện cho người dùng Bên cạnh đó, dung lượng Xampp tương đối nặng, dung lượng file cài đặt Xampp 141Mb Downloaded by nhung nhung (nhungnguyen949595@gmail.com) lOMoARcPSD|11424851 CHƯƠNG 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 bạn trẻ Đối tượng mà Website Sách Hay hướng đến bạn trẻ mua sách để học hỏi thêm giải trí Nhằm giới thiệu sách website đến tất khách hàng có nhu cầu mua sắm sách qua mạng phục vụ công tác quản lý, hoạt động kinh doanh, hệ thống bước đầu phục vụ cho khách hàng với chức cần thiết để khách hàng đăng ký mua sách, đồng thời giúp nhân viên, người quản trị dễ dàng quản lý việc mua bán nắm bắt thông tin nhanh chóng Một số chức cần thiết phải đạt sau: Đối với khách hàng:  Hệ thống giúp khách hàng tìm kiếm sách nhanh chóng  Hệ thống đưa chi tiết thơng tin cho 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  Ngồi khách hàng đóng góp ý kiến, bình luận sách có 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 khách hàng liệu đưa hệ thống  Dễ dàng quản lý, sử dụng website, kiểm kê đơn hàng xác, rõ ràng, bảo mật thông tin khách hàng Downloaded by nhung nhung (nhungnguyen949595@gmail.com) lOMoARcPSD|11424851 2.2 Giới thiệu website bán sách online “Sách Hay” Lợi ích sở hữu website bán sách online tiếp cận khách hàng tiềm Dù khách hàng đâu, cần có mạng internet tìm thấy website bán sách bạn, biết đến sản phẩm bạn kinh doanh Từ đó, chắn lượng khách hàng bạn tăng lên đáng kể Sản phẩm “Sách Hay” chủ yếu sách nói sống dành cho bạn trẻ, mẩu chuyện hot Internet Hình 2.1 Logo “Sách Hay” Đối với website bán hàng, chức tiện ích bán hàng website yếu tố cần thiết đến việc thu hút khách hàng Do đó, thiết kế website cần ý đến chức website, phải hữu dụng với người dụng người quản trị việc kinh doanh đạt hiệu 2.3 Phương pháp nghiên cứu Nghiên cứu xây dựng hệ thống mã nguồn mở Wordpress, ngôn ngữ lập trình PHP Hệ quản trị sở liệu MySQL Phân tích hệ thống Thiết kế giao diện chức website Sửa lỗi hoàn thiện website 10 Downloaded by nhung nhung (nhungnguyen949595@gmail.com) lOMoARcPSD|11424851 CHƯƠNG 3: CÀI ĐẶT WEBSITE BÁN SÁCH ONLINE “SÁCH HAY” 3.1 Cài đặt phần mềm XAMPP Download Xampp chạy file vừa tải cài đặt Xampp Hình 3.1 Màn hình Welcome Xampp Sau hình Welcome setup chọn "Next" Tại hình chọn ứng dụng kèm theo Xampp, bỏ phần khơng cần thiết Hình 3.2 Màn hình Setup - Select Components 11 Downloaded by nhung nhung (nhungnguyen949595@gmail.com) lOMoARcPSD|11424851 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 Setup - Installation folder Sau hoàn thành cài đặt Xampp, chọn “Finish” để kết thúc trình cài đặt Hình 3.4 Hoàn thành cài đặt Xampp 12 Downloaded by nhung nhung (nhungnguyen949595@gmail.com) lOMoARcPSD|11424851 3.2 Tạo database phpMyAdmin Sau cài đặt xong cửa sổ XAMPP Control Panel lên, kích hoạt Web Localhost việc click vào nút Star để khởi động Apache MySQL Hình 3.5 Khởi động Apache MySQL Sau kích hoạt xong, click vào nút Admin bên cạnh nút Star để tạo Database Khi hình quản trị phpMyAdmin Ngồi ra, 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 13 Downloaded by nhung nhung (nhungnguyen949595@gmail.com) lOMoARcPSD|11424851 Ở bảng điều khiển cột bên trái liệt kê danh sách tất database, bên phải lựa chọn cài đặt chỉnh sửa Tại lựa chọn thêm database tạo bảng cho website 3.3 Hướng dẫn cài đặt Wordpress kết nối database Sau tải cài đặt wordpress, copy paste thư mục vào đường dẫn C://…xampp/htdocs Ở đặt tên thư mục “sachhay” Hình 3.7 Cài đặt thư mục Wordpress Mở trình duyệt gõ vào địa http://localhost/sachhay xuất bên Click “Thực ngay” để bắt đầu trình cài đặt website Hình 3.8 Màn hình chào mừng Wordpress 14 Downloaded by nhung nhung (nhungnguyen949595@gmail.com) lOMoARcPSD|11424851 Bắt đầu 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 root  Mật khẩu: mật tài khoản khai báo phía  Database host: thông thường localhost, giữ nguyên không cần thay đổi  Tên tiền tố bảng liệu: ký tự xuất tên bảng, ví dụ bảng wp_user Sau xác nhận thông tin, chọn “Gửi” trang web tiến hành cài đặt website Khi hồn thành cài đặt, hình Wordpress admin 15 Downloaded by nhung nhung (nhungnguyen949595@gmail.com) lOMoARcPSD|11424851 Hình 3.10 Đăng nhập Wordpress Đăng nhập thành cơng hình hiển thị khu vực quản trị dành cho admin Tại chỉnh sửa cập nhật website Hình 3.11 Trang quản trị admin 3.4 Upload liệu lên host Để đưa website lên host, cần có hosting tên miền Đầu tiên nén tất file liệu website vào tệp zip, đăng nhập vào host upload toàn liệu lên host Sau mở file wp-config.php cấu hình lại đường dẫn mục 16 Downloaded by nhung nhung (nhungnguyen949595@gmail.com) lOMoARcPSD|11424851 Hình 3.12 Thay đổi cấu hình đường dẫn mục đưa website lên host Sau sửa cấu hình đường dẫn mục, hoàn thành đưa website lên host 3.5 Kết đạt 3.5.1 Giao diện trang chủ Hình 3.13 Giao diện trang chủ 17 Downloaded by nhung nhung (nhungnguyen949595@gmail.com) lOMoARcPSD|11424851 3.5.2 Danh mục sản phẩm có website Hình 3.14 Danh mục sản phẩm 3.5.3 Giao diện sản phẩm Hình 3.15 Giao diện sản phẩm 3.5.4 Giao diện giỏ hàng 18 Downloaded by nhung nhung (nhungnguyen949595@gmail.com) lOMoARcPSD|11424851 Hình 3.16 Giao diện giỏ hàng 3.5.5 Giao diện tốn Hình 3.17 Giao diện tốn 3.5.6 Giao diện đăng nhập khách hàng Hình 3.18 Giao diện đăng nhập khách hàng 19 Downloaded by nhung nhung (nhungnguyen949595@gmail.com) lOMoARcPSD|11424851 3.5.7 Giao diện hồ sơ khách hàng Hình 3.19 Giao diện hồ sơ khách hàng 3.5.8 Giao diện trang quản trị admin Hình 3.20 Giao diện trang quản trị admin 20 Downloaded by nhung nhung (nhungnguyen949595@gmail.com) lOMoARcPSD|11424851 KẾT LUẬN Đánh giá kết Hiểu biết phần mềm mã nguồn mở, ngơn ngữ lập trình PHP Hệ quản trị sở liệu MySQL Cài đặt sử dụng thành thạo Xampp Wordpress Xây dựng hệ thống website bán sách online tương đối hoàn chỉnh với chức như: tìm sách, sách hot, best seller, mua sách, đặt hàng, chỉnh sửa hồ sơ, … Hệ thống hỗ trợ tốt cho quản trị viên quản lý website tốt với chức như: quản lý danh mục sách (them, sửa, xóa), quản lý người dùng, giao dịch, xem thống kê, Giao diện trực quan, dễ sử dụng, cung cấp đầy đủ thông tin sách Cập nhật sách thường xuyên, … Đảm bảo quyền sử dụng, quyền riêng tư tính bảo mật thông tin người dùng Hướng phát triển Ngày với phát triển không ngừng nghỉ cơng nghệ kỹ thuật việc nâng cấp hệ thống để không bị lạc hậu điều hiển nhiên Đối với website “Sách Hay” vậy, có hội thời gian sau điều mà hệ thống “Sách Hay” cần phát triển thêm:      Tích hợp đăng nhập Google Facebook vào hệ thống để giúp cho khách hàng tự đăng nhập tạo thuận tiện cho khách hàng Phát triển Fanpage giới thiệu sản phẩm Tích hợp thêm Chat Box giúp cho khách hàng trao đổi trực tiếp với quản trị viên Tối ưu giao diện cho thiết bị di động Thanh tốn online qua Ngân hàng Ví điện tử 21 Downloaded by nhung nhung (nhungnguyen949595@gmail.com) lOMoARcPSD|11424851 TÀI LIỆU THAM KHẢO https://vi.wikipedia.org/ https://www.digistar.vn/wordpress-la-gi-uu-va-nhuoc-diem-wordpresshosting-la-gi/ https://wiki.matbao.net/xampp-la-gi-cach-cai-dat-va-su-dung-xampptren-windows-va-linux/ https://sikido.vn/thiet-ke-website-ban-sach-online 22 Downloaded by nhung nhung (nhungnguyen949595@gmail.com) ... mở Wordpress .5 1.4 XAMPP CHƯƠNG GIỚI THIỆU VỀ WEBSITE BÁN SÁCH ONLINE “SÁCH HAY” 2.1 Khảo sát thực trạng 2.2 Giới thiệu website bán sách online “Sách Hay”. .. cho Wordpress ngày lớn mạnh thể vai trò số Plugin WordPress nhiều đoạn code bổ sung vào mã nguồn website WordPress Plugin gọi phần mở rộng website giúp bạn tùy chỉnh bổ sung chức cho website WordPress. .. ứng dụng wordpress để tạo cho website wordpress, website tạo nhanh chóng đơn giản mà lại tiện cho việ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 website