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

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 : 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 Ngành : Công nghệ thông tin Chuyên ngành : Công nghệ phần mềm Lớp : D15CNPM2 Khóa : 2020 - 2025 Hà Nội, tháng 11 năm 2022 PHIẾU CHẤM ĐIỂM Sinh viên thực hiện: Họ tên Chữ ký Ghi Chữ ký Ghi Nguyễn Đức Anh 20810310262 Lê Trần Trung Kiên 20810310296 Giảng viên chấm: Họ tên Giảng viên chấm 1: Giảng viên chấm 2: MỤC LỤC LỜI NÓI ĐẦ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.3 Mã nguồn mở Wordpress 1.4 XAMPP CHƯƠNG 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 phpMyAdmin .14 3.3 Hướng dẫn cài đặt Wordpress 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ó 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 toán .20 3.5.6 Giao diện cổng 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ẽ nay, mua sắm trực tuyến lựa chọn tốt cho người Nó khơng đem lại tiện ích mà cịn giúp người dùng có trải nghiệm mua sắm tốt mà khơng cần phải đến tận nơi Ngày nay, laptop công cụ khơng thể thiếu q trình học tập cho sinh viên nói riêng cho tồn thể người nói chung Ngồi đáp ứng nhu cầu học tập, cịn giúp người giải trí sau làm, học Sử dụng chúng em học lớp tìm hiểu ngồi giờ, bọn em chọn đề tài "Xây dựng trang web bán laptop trực tuyến 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ở tạo trang web cung cấp nhiều loại laptop với nhiều mẫu mã giá tiền khác nhau, giúp người mua dễ dàng chọn cho laptop phù hợp với nhu cầu giá tiề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 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ở loại phần mềm phát hành dạng sản phẩm nguồn, khơng miễn phí giá mua mà miễn phí dịch vụ: người sử dụng có quyền thay đổi, chỉnh sửa, bổ sung, cập nhật theo số nguyên tắc định giấy phép phần mềm mã nguồn mở mà xin phép ai, điều 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 Ư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 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 Ngồ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 đơ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 ngun 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, 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 CHƯƠNG 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 bạn trẻ Đối tượng mà Website bán laptop hướng đến để bạn trẻ lựa cho laptop ưng ý Nhằm cung cấp thông tin laptop 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 mua laptop, 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 laptop nhanh chóng Hệ thống đưa 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  Ngồi khách hàng đóng góp ý kiến, bình luận laptop 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 14 2.2 Giới thiệu website bán laptop online “DucanhXD” Lợi ích sở hữu website bán laptop 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 laptop 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ể Hình 2.1 Logo “DUCANHXD” Đố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 15 CHƯƠNG 3: CI ĐẶT WEBSITE BÁN LAPTOP ONLINE 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 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 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 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 17 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:8888/phpmyadmin/ vào trình duyệt Hình 3.6 Giao diện phpMyAdmin 18 Ở 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 theo ý thích bạn Hình 3.7 Cài đặt thư mục Wordpress Mở trình duyệt gõ vào địa http://localhost xuất bên Click “Let’s go” để bắt đầu trình cài đặt website Hình 3.8 Màn hình chào mừng Wordpress Bắt đầu trình cài đặt cấu hình database 19 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 hoàn thành cài đặt, hình Wordpress admin 20 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.5 Kết đạt 21 3.5.1 Giao diện trang chủ Hình 3.12 Giao diện trang chủ 3.5.2 Danh mục sản phẩm có website Hình 3.13 Danh mục sản phẩm 22 3.5.3 Giao diện sản phẩm Hình 3.14 Giao diện sản phẩm 3.5.4 Giao diện giỏ hàng Hình 3.15 Giao diện giỏ hàng 23 3.5.5 Giao diện tốn Hình 3.16 Giao diện toán 3.5.6 Giao diện cổng toán online Hình 3.17 Giao diện tốn 24 3.5.7 Giao diện đăng nhập khách hàng Hình 3.18 Giao diện đăng nhập khách hàng 3.5.8 Giao diện hồ sơ khách hàng Hình 3.19 Giao diện hồ sơ khách hàng 25 3.5.9 Giao diện trang quản trị admin Hình 3.20 Giao diện trang quản trị admin 26 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 laptop online tương đối hoàn chỉnh với chức như: loại laptop hot, giảm giá, best seller, mua laptop, đặ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 laptop (thêm, 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 laptop Cập nhật loại laptop 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 “DucanhXD” vậy, có hội thời gian sau điều mà hệ thống “DucanhXD” 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ối ưu giao diện cho thiết bị di động 27 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-xampp- trenwindows-va-linux/ 28