(Tiểu luận) đề ti tìm hiểu về wordpress v xây dựng website bán sách online sách hay

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 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 Wordpress, Xampp - 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 Nguyễn Phương Anh (18810340328) Họ tên giảng viên - 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 Chữ ký Ghi Giảng viên chấm 1: Giảng viên chấm 2: 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 Tổng quan phần mềm mã nguồn mở 1.2 Giới thiệu PHP MySQL .1 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 .9 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 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 DANH MỤC HÌNH ẢNH Trang Hình 1.1 Cú pháp PHP đơn giản “Xin chào PHP” Hình 1.2 Mơ hình Client-Server 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 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 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 yê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 q 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 bỏ qua bổ sung thêm để đề tài hoàn thiện Em xin chân thành cảm ơn! 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 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 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 đơi 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 dấu bị hệ thống phân tích bỏ qua xuất cách trực tiếp 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 nguyên 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 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, 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 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 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 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 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 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 hồn thành cài đặt Xampp, chọn “Finish” để kết thúc trình cài đặt Hình 3.4 Hồn thành cài đặt Xampp 12 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 Ở 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