Tiểu luận môn phầm mềm mã nguồn mở xây dựng website bán mỹ phẩm johnwick beauty

lOMoARcPSD|17343589 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 MÔN PHẦM MỀM MÃ NGUỒN MỞ ĐỀ TÀI: XÂY DỰNG WEBSITE BÁN MỸ PHẨM “JOHNWICK BEAUTY” Sinh viên thực : NGUYỄN NGỌC QUANG HUY : BÙI ĐỨC VIỆT 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 : D15CNPM1 Khóa : 2020-2025 Hà Nội, tháng 11 năm 2022 lOMoARcPSD|17343589 PHIẾU CHẤM ĐIỂM STT Họ tên sinh viên Nội dung thực Điểm Chữ ký Bùi Đức Việt 20810310005 Nguyễn Ngọc Quang Huy 20810310022 Họ tên giảng viên Giảng viên chấm 1: Giảng viên chấm 2: Chữ ký Ghi lOMoARcPSD|17343589 MỤC LỤC 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 1.2 Giới thiệu PHP MySQL 1.3 Mã nguồn mở Wordpress 1.4 XAMPP .7 CHƯƠNG GIỚI THIỆU VỀ WEBSITE BÁN MỸ PHẨM 2.1 Khảo sát thực trạng 2.2 Giới thiệu website bán mỹ phẩm “JohnWick Beauty” 2.3 Phương pháp nghiên cứu 10 CHƯƠNG CÀI ĐẶT WEBSITE BÁN MỸ PHẨM 11 3.1 Cài đặt phần mềm XAMPP .11 3.2 Tạo database phpMyAdmin 14 3.3 Hướng dẫn cài đặt Wordpress kết nối database 16 3.4 Upload liệu lên host 19 3.5 Kết đạt .23 3.5.1 Giao diện trang chủ 23 3.5.2 Giao diện sản phẩm có web 24 3.5.3 Giao diện sản phẩm 25 3.5.4 Giao diện giỏ hàng 26 3.5.5 Giao diện toán 27 3.5.6 Giao diện đăng nhập 29 3.5.7 Giao diện giới thiệu 30 3.5.8 Giao diện hỗ trợ khách hàng 31 3.5.9 Giao diện đánh giá khách hàng 31 KẾT LUẬN 33 TÀI LIỆU THAM KHẢO 34 lOMoARcPSD|17343589 DANH MỤC HÌNH ẢNH Hình 1.1 Cấu trúc PHP đơn giản .2 Hình 1.2 Mơ hình Clients – Server Hình 1.3 Hình ảnh mã nguồn mở WordPress .5 Hình 2.1 Logo “JohnWick Beauty” 10 Hình 3.1 Màn hình welcome XAMPP 11 Hình 3.2 Màn hình Setup Select Components 12 Hình 3.3 Màn hình Setup – Installation folder 13 Hình 3.4 Hồn thành cài đặt XAMPP 14 Hình 3.5 Khởi động Apache MySQL .15 Hình 3.6 Giao diện phpMyAdmin 16 Hình 3.7 Cài đặt cấu hình database .17 Hình 3.8 Màn hình đăng nhập WP 18 Hình 3.9 Giao diện trang quản trị admin .18 Hình 3.10 Giao diện trang web mua tên miền 19 Hình 3.11 Hình ảnh giao diện quản trị host 20 Hình 3.12 Hình ảnh hình file manager sau upload 20 Hình 3.13 Hình ảnh hình MySQL Databases 21 Hình 3.14 Hình ảnh hình phpMyAdmin .21 Hình 3.15 Hình ảnh đổi tên đường dẫn 22 Hình 3.16 Màn hình thay đổi đường dẫn mục 22 Hình 3.17 Giao diện trang chủ 23 Hình 3.18 Giao diện sản phẩm có website 24 Hình 3.19 Giao diện sản phẩm 25 Hình 3.20 Giao diện giỏ hàng .26 Hình 3.21 Giao diện toán 28 Hình 3.22 Giao diện đăng nhập .29 Hình 3.23 Giao diện giới thiệu 30 lOMoARcPSD|17343589 Hình 3.24 Giao diện hỗ trợ khách hàng 31 Hình 3.25 Giao diện đánh giá khách hàng 32 lOMoARcPSD|17343589 LỜI MỞ ĐẦU Trong thời đại ngày nay, sống người cải thiện đáng kế so với thập kỷ trước Mọi nhu cầu người nâng cao từ nhu cầu thiết thực là: ăn, uống, giải trí Từ xưa đến nay, hoạt động kinh tế- văn hoá- xã hội nhằm mục đích phục vụ đời sống, sức khoẻ, tinh thần cho người Xã hội ngày phát triển mục đích ngày thiết thực có nhu cầu làm đẹp Mỹ phẩm ngày trở nên thân thiết với người dân, dần trở thành địa điểm tiêu dùng thiếu người, nhu cầu chăm sóc thân ngày ưa chuộng Do sản phẩm mỹ phẩm ngày phổ biến, để thu hút nhiều khách hàng ta cần trang web để đưa đến khách hàng sản phẩm mỹ phẩm thuận tiện việc lại Áp dụng kiến thức học với yêu thích sách thân, chúng em lựa chọn đề tài “Xây dựng website bán mỹ phẩm“JohnWick Beauty” 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 mặt hàng mỹ phẩm,giúp người mua dễ dàng tìm mua mỹ phẩm 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 lOMoARcPSD|17343589 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, 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 hoàn toà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, … lOMoARcPSD|17343589 1.2 Giới thiệu PHP MySQL PHP ngôn ngữ script tạo cho giao tiếp phía server Do đó, xử lý chức phía server thu thập liệu biểu mẫu, quản lý file server, sửa đổi sở liệu nhiều Ngôn ngữ ban đầu tạo Rasmus Lerdorf để theo dõi khách truy cập vào trang chủ cá nhân anh Khi trở nên phổ biến hơn, Lerdorf phát hành thành dự án nguồn mở Quyết định khuyến khích nhà phát triển sử dụng, sửa chữa, cải thiện code cuối biến thành ngơn ngữ script mà sử dụng ngày Mặc dù PHP coi ngơn ngữ script mục đích chung, sử dụng rộng rãi để phát triển web Điều tính bật – khả nhúng vào file HTML Lợi ích khác tính đặc biệt phải sử dụng lần đánh dấu HTML Thay viết viết lại nhiều lần, cần viết code vào file PHP Bất cần sử dụng HTML, bạn chèn file PHP bạn chạy tốt Hình 1.1 Cấu trúc PHP đơn giản Mơ hình lập trình PHP: Ứng dụng web sử dụng mơ hình Client-Server 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 lOMoARcPSD|17343589 Hình 1.2 Mơ hình Clients – 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 webserver 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!, AlcatelLucent,Google, Nokia, YouTube Zappos.com lOMoARcPSD|17343589 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 1.3 Mã nguồn mở Wordpress WordPress hệ quản trị nội dung Mã nguồn mở miễn phí viết ngơn ngữ lập trình PHP sở liệu MySQL MariaDB WordPress hậu duệ thức b2/cafelog, phát triển Michel Valdrighi Mọi người biết đến WordPress đơn giản để viết Blog, để đăng tải thơng tin lên mạng khơng đơn giản vậy, WordPress cịn có chức Website khác Nó làm site tin tức, đánh giá, bán hàng, chí mạng xã hội Các bạn ứng dụng wordpress để tạo cho website wordpress, 1website tạo nhanh chóng đơn giản mà lại tiện cho việc quảng lOMoARcPSD|17343589 Hình 3.11 Hình ảnh giao diện quản trị host Để up file code lên chọn mục file manager để up file zip nén trước lên Hình 3.12 Hình ảnh hình file manager sau upload Để có mã nguồn chọn MySQL Database 20 Downloaded by v? ngoc (vuchinhhp10@gmail.com) lOMoARcPSD|17343589 Hình 3.13 Hình ảnh hình MySQL Databases Sau add liệu vào database ta chuyển qua phpMyAdmin để kiểm tra liệu Hình 3.14 Hình ảnh hình phpMyAdmin Sau cần phải thay đổi lại đường dẫn miền file wp_options 21 Downloaded by v? ngoc (vuchinhhp10@gmail.com) lOMoARcPSD|17343589 Hình 3.15 Hình ảnh đổi tên đường dẫn Sau cần phải thay đổi lại đường dẫn mục file wp-config.php phpMyAdmin Hình 3.16 Màn hình thay đổi đường dẫn mục 22 Downloaded by v? ngoc (vuchinhhp10@gmail.com) lOMoARcPSD|17343589 Sau sửa cấu hình đường dẫn mục, hồn thành đưa website lên host 3.5 Kết đạt 3.5.1 Giao diện trang chủ Hình 3.17 Giao diện trang chủ 23 Downloaded by v? ngoc (vuchinhhp10@gmail.com) lOMoARcPSD|17343589 3.5.2 Giao diện sản phẩm có web Hình 3.18 Giao diện sản phẩm có website 24 Downloaded by v? ngoc (vuchinhhp10@gmail.com) lOMoARcPSD|17343589 3.5.3 Giao diện sản phẩm Hình 3.19 Giao diện sản phẩm 25 Downloaded by v? ngoc (vuchinhhp10@gmail.com) lOMoARcPSD|17343589 3.5.4 Giao diện giỏ hàng Hình 3.20 Giao diện giỏ hàng 26 Downloaded by v? ngoc (vuchinhhp10@gmail.com) lOMoARcPSD|17343589 3.5.5 Giao diện toán 27 Downloaded by v? ngoc (vuchinhhp10@gmail.com) lOMoARcPSD|17343589 Hình 3.21 Giao diện tốn 28 Downloaded by v? ngoc (vuchinhhp10@gmail.com) lOMoARcPSD|17343589 3.5.6 Giao diện đăng nhập Hình 3.22 Giao diện đăng nhập 29 Downloaded by v? ngoc (vuchinhhp10@gmail.com) lOMoARcPSD|17343589 3.5.7 Giao diện giới thiệu Hình 3.23 Giao diện giới thiệu 30 Downloaded by v? ngoc (vuchinhhp10@gmail.com) lOMoARcPSD|17343589 3.5.8 Giao diện hỗ trợ khách hàng Hình 3.24 Giao diện hỗ trợ khách hàng 3.5.9 Giao diện đánh giá khách hàng 31 Downloaded by v? ngoc (vuchinhhp10@gmail.com) lOMoARcPSD|17343589 Hình 3.25 Giao diện đánh giá khách hàng 32 Downloaded by v? ngoc (vuchinhhp10@gmail.com) lOMoARcPSD|17343589 KẾT LUẬN Sau hoàn thành đề tài chúng em : 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 mỹ phẩm online tương đối hồn chỉnh với chức như: tìm sản phẩm, sản phẩm hot, best seller,mua hàng, đặt hàng, tich hợp toán Qr code, … Giao diện trực quan, dễ sử dụng, cung cấp đầy đủ thông tin sản phẩm Cập nhật sản phẩm 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 dung 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 “JohnWick Beauty” vậy, có hội thời gian sau điều mà hệ thống chúng em 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 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 chỉnh Chúng em xin trân thành cảm ơn 33 Downloaded by v? ngoc (vuchinhhp10@gmail.com) lOMoARcPSD|17343589 TÀI LIỆU THAM KHẢO https://blog.vinbigdata.org/phan-mem-ma-nguon-mo-la-gi-tat-ca-nhung-dieuban-nen-biet/ https://www.digistar.vn/wordpress-la-gi-uu-va-nhuoc-diem-wordpress-hostingla-gi/ https://wiki.matbao.net/xampp-la-gi-cach-cai-dat-va-su-dung-xampp-trenwindows-va-linux https://glints.com/vn/blog/lap-trinh-php-la-gi/#.Y4cPmHbP1PZ 34 Downloaded by v? ngoc (vuchinhhp10@gmail.com) ... lOMoARcPSD|17343589 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í... khách hàng sản phẩm mỹ phẩm thuận tiện việc lại Áp dụng kiến thức học với yêu thích sách thân, chúng em lựa chọn đề tài ? ?Xây dựng website bán mỹ phẩm? ? ?JohnWick Beauty? ?? sử dụng mã nguồn mở Wordpress... PHẦN MỀM MÃ NGUỒN MỞ 1.1 Tổng quan phần mềm mã nguồn mở .1 1.2 Giới thiệu PHP MySQL 1.3 Mã nguồn mở Wordpress 1.4 XAMPP .7 CHƯƠNG GIỚI THIỆU VỀ WEBSITE BÁN MỸ