Đề ti xây dựng website bán mỹ phẩm johnwick beauty

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 : 2020-2025 Khóa Hà Nội, tháng 11 năm 2022 PHIẾU CHẤM ĐIỂM STT Họ tên sinh viên Bùi Đức Việt 20810310005 Nguyễn Ngọc Quang Huy Nội dung thực Điểm Chữ ký 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 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.2 Giới thiệu PHP MySQL .2 1.3 Mã nguồn mở Wordpress 1.4 XAMPP 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” .9 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 DANH MỤC HÌNH ẢNH Hình 1.1 Cấu trúc PHP đơn giản Hình 1.2 Mơ hình Clients – Server Hình 1.3 Hình ảnh mã nguồn mở WordPress 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 tố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 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 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 hố- 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 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 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 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!, 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 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