Báo cáo chuyên đề học phần phần mềm mã nguồn mở đề ti xây dựng v thiết kế website bán laptop

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: XÂY DỰNG V THIẾT KẾ WEBSITE BÁN LAPTOP Sinh viên thực : NGUYỄN ĐỨC THIỆN VŨ TRUNG HIẾU LÊ CHÍ HIỂN 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 Lớp : CƠNG NGHỆ PHẦN MỀM : D15CNPM1 Khóa : 2020-2025 Hà Nội, tháng 11 năm 2022 PHIẾU CHẤM ĐIỂM STT Họ tên sinh viên MSV Nội dung thực Nguyễn Đức Thiện 20810310012 Cài đặt wordpress, cài đặt Template Lê Chí Hiển 20810340169 Cài đặt Host Domain, chỉnh sửa website, đăng nhập + đăng ký Vũ Trung Hiếu 20810340200 Giỏ hàng, toán, danh mục sản phẩm Họ tên giảng viên Chữ ký Giảng viên chấm 1: Giảng viên chấm 2: MỤC LỤC Ghi Điểm LỜI CÁM ƠN DANH SÁCH HÌNH Error! Bookmark not defined LỜI MỞ ĐẦU CHƯƠNG TỔNG QUAN VỀ MÃ NGUỒN MỞ WORDPRESS .4 1.1 Tổng quan phần mền mã nguồn mở Một số mã nguồn mở sử dụng là: Joomla, Drupal, Wordpress, Magento, DotNetNuke,… 1.2 Mã nguồn mở WordPress .4 1.2.1 WordPress gì? 1.2.2 Lịch sử hình thành phát triển 1.2.3 Các ưu điểm nhược điểm WordPress .5 CHƯƠNG KIẾN TRÚC CODE WORDPRESS V HƯỚNG DẪN QUẢN TRỊ WEBSITE 2.1 Kiến Trúc WordPress 5.x.x 2.2 Tạo máy chủ ảo Localhost Error! Bookmark not defined Hướng dẫn cài đặt sử dụng máy chủ ảo Xampp Control Panel Error! Bookmark not defined Hướng dẫn tạo Database PhpMyAdmin Error! Bookmark not defined 2.3 Hướng dẫn cài đặt WordPress 5.8 12 CHƯƠNG KẾT QUẢ THỰC HIỆN 18 3.1 Giao diện trang Admin 18 3.2 Giao diện trang chủ .18 3.3 Giao diện trang sản phẩm .19 3.4 Giao diện trang giới thiệu .19 3.5 Giao diện trang đăng kí 19 3.6 Giao diện trang đăng nhập 20 3.7 Giao diện trang giỏ hàng .20 3.8 Giao diện trang toán 20 KẾT LUẬN 22 TÀI LIỆU THAM KHẢO 23 LỜI CÁM ƠN Em xin chân thành gửi lời cám ơn đến quý thầy trường Đại Học Điện Lực nói chung thầy cô môn khoa công nghệ thông tin nói riêng tạo điều kiện cho chúng em hội thực hành, tiếp xúc để chúng em tránh vướng mắc bỡ ngỡ thời gian tới Em xin chân thành cảm ơn thầy Cấn Đức Điệp Nhờ giúp đỡ tận tình bảo Thầy từ lúc bắt đầu lúc kết thúc tập mà em hoàn thành thời hạn quy định tích lũy cho lượng tảng kiến thức quý báu Mặc dù cố gắng hoàn thành đề tài tốt thời gian kiến thức cịn có hạn nên em khơng thể tránh khỏi thiếu sót định, mong nhận cảm thông, chia sẻ tận tình đóng góp bảo q thầy cô bạn Hà Nội, ngày tháng 11 năm 2022 DANH SÁCH HÌNH Hình 1.1: Giao diện WordPress phiên Hình 2.1: Mơ hình kiến trúc WordPress Hình 2.2.Cài XamPP .8 Hình 2.3 Chọn ổ để lưu Hình 2.4.Setup XamPP Hình 2.5 Hướng dẫn tạo database phpmyadmin 10 Hình2.6.Giao diện Phpmyadmin 11 Hình 2.7.Download WordPress .12 Hình 2.8.Nơi lưu WordPress 12 Hình 2.9.Dùng XamPP 13 Hình 2.10.Tạo DataBase .13 Hình 2.11.Chọn ngôn ngữ .14 Hình 2.12.Bắt đầu cài đặt 14 Hình 2.13.Tạo thơng tin 15 Hình 2.14.Bắt đầu cài đặt 15 Hình 2.15.Tạo tài khoản quản trị 16 Hình 2.16.Thành cơng 16 Hình 2.17.Đăng nhập 17 Hình 2.18.Màn hình Dashboard WordPress 17 Hình 3.1 Giao diện trang Admin 18 Hình 3.2 Giao diện trang chủ .18 Hình 3.3 Giao diện trang sản phẩm 19 Hình 3.4 Giao diện trang giới thiệu .19 Hình 3.5 Giao diện trang đăng kí 19 Hình 3.6 Giao diện trang đăng nhập 20 Hình 3.7 Giao diện trang giỏ hàng .20 Hình 3.8 Giao diện trang tốn 20 Recommandé pour toi 27 Suite du document ci-dessous A Handbook OF Present-DAY English Lingua Inglese (Lingua E Fonologia)(A) 29 CH - The Pronunciation of English - A Handbook of Present-Day English Lingua Inglese 10 100% (7) A handbook of present-day english Lingua Inglese 100% (9) 100% (7) Prokaryote vs Eukaryote Worksheeet Intro to Speech 89% (28) LỜI MỞ ĐẦU Ngày nay, Internet ngày phát triển mạnh mẽ Trong Website - sản phẩm cơng nghệ tuyệt vời Internet - mang lại lợi ích cho công ty khắp giới cách đem lại hội cho họ bán thứ đâu cho Đó phương thức giao dịch Thương mại điện tử (TMĐT)- phương thức kinh doanh mẻ đại áp dụng phát triển nhanh nước ta Các doanh nghiệp tên tuổi có website tạo dựng uy tín khơng đời sống mà cịn cộng đồng ảo Nếu khơng có website, doanh nghiệp bỏ lỡ nhiều hội tốt khách hàng tiềm thị trường nước Website đóng vai trị kênh truyền thơng cơng cụ kinh doanh hàng đầu cho doanh nghiệp, mang lại lợi phủ nhận Trước nhu cầu người dùng ngày lớn, Mã nguồn mở nhiều nhà doanh nghiệp lựa chọn sử dụng đặc biệt với mã nguồn mở WordPress Được sử dụng khắp nơi giới, từ website cá nhân hệ thống website doanh nghiệp có tính phức tạp cao, cung cấp nhiều dịch vụ ứng dụng WordPress dễ dàng cài đặt, dễ dàng quản lý có độ tin cậy cao Qua trình hướng dẫn nhiệt tình giảng viên mơn: CẤN ĐỨC ĐIỆP, nhóm chúng em xây dựng website bán hàng sử dụng hệ quản trị nội dung mã nguồn mở WordPress WebSite Bán LapTop Bài báo cáo giúp bạn đọc có nhìn tổng quan mã nguồn mở, tìm hiểu ưu – nhược điểm WordPress, hướng dẫn cài đặt, xây dựng hồn chỉnh website bán hàng sử dụng cho cá nhân hay doanh nghiệp CHƯƠNG TỔNG QUAN VỀ MÃ NGUỒN MỞ WORDPRESS 1.1 Tổng quan phần mền 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ền 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,… 1.2 Mã nguồn mở WordPress 1.2.1 WordPress gì? Word Press hệ thống mã nguồn mở dùng để xuất blog/website viết ngôn ngữ lập trình PHP sở liệu MySQL WordPress biết đến CMS miễn phí tốt, dễ sử dụng phổ biến giới Với WordPress, bạn tạo trang web thương mại điện tử, cổng thông tin, portfolio online, diễn đàn thảo luận web tuyệt vời khác 1.2.2 Lịch sử hình thành phát triển Theo thơng tin từ WordPress.org, WordPress kế thừa thức từ công cụ viết blog phát triển lập trình viên người Pháp Michel Valdrighi có tên b2/cafelog, mắt lần vào năm 2001 Đến ngày 27 tháng năm 2003, WordPress thức phát hành phiên Matt Mullenweg Mike Little Hình 1.1: Giao diện WordPress phiên Đến nay, có 75 triệu trang web sử dụng tảng WordPress, có website tiếng giới như: Coca Cola, CNN, BBC America, Sony Music, MTV News, 1.2.3 Các ưu điểm nhược điểm WordPress Ưu điểm + Dễ sử dụng: Thao tác sử dụng WordPress đơn giản, dễ hiểu dễ vận hành nên người sử dụng không cần biết kiến thức lập trình nâng cao + Dễ quản lý: Hệ thống quản trị dễ dàng, tất mục đăng, giao diện, cài đặt, xếp dễ hiểu, khoa học thân thiện với người dùng + Tối ưu hóa SEO: Có công cụ mặc định để giúp SEO trang web dễ dàng nhanh Hướng dẫn tạo database phpmyadmin Sau cài đặt xong cửa sổ XAMPP Control Panel lên, bạn kích hoạt Web Localhost việc Click vào nút Star để khởi động Apache MySQL Hình 2.5 Hướng dẫn tạo database phpmyadmin 10 Sau kích hoạt xong, bạn click vào nút Admin bên cạnh nút Star để tạo Database Khi đó, bạn đưa tới hình quản trị phpMyAdmin Ngồi ra, bạn nhập trực tiếp đường dẫn sau: http://localhost/phpmyadmin/ Ở 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 Hình2.6.Giao diện Phpmyadmin Để có Website Wordpress với nội dung tiếng Việt, điều quan trọng cần phải ý Charset database phải "utf8_general_ci" Chỉ với charset này, tiếng Việt hiển thị, cho kết xác tìm kiếm, việc kết nối với hệ thống khác không gặp trục trặc 11 2.3 Hướng dẫn cài đặt WordPress 5.8 Các bước cài đặt WordPress localhost Bước 1: Download gói cài đặt WordPress giải nén zip Tải cài đặt WordPress tại: https://wordpress.org/download/ Hình 2.7.Download WordPress Bản tải nên lưu vào thư mục: xampp\htdocs 12 Hình 2.8.Nơi lưu WordPress Tiến hành giải nén thư mục \wordpress Đổi tên thư mục vừa giải nén thành tên dự án bạn, ví dụ: wikiwordpress Bật phần mềm XAMPP, sau Bật (Start) dịch vụ Apache MySQL, chắn dịch vụ thông báo vận hành ổn định (màu xanh cây) Hình 2.9.Dùng XamPP Bước 3: Tạo sở liệu trống Truy cập địa http://localhost/phpmyadmin/ Nhập tên sở liệu, ví dụ: wikiwp, chọn bảng mã UTF8, sau bấm Tạo 13 Hình 2.10.Tạo DataBase Bước 4: Chạy gói cài đặt Mở trình duyệt gõ địa http://localhost/wikiwordpress để bắt đầu tiến trình install WordPress localhost Chọn ngơn ngữ: Tiếng Việt Hình 2.11.Chọn ngơn ngữ Màn hình chào mừng, bấm nút Thực để đến bước 14 Hình 2.12.Bắt đầu cài đặt 15 Bước 5: Nhập thơng tin database Hình 2.13.Tạo thơng tin Bấm Bắt đầu cài đặt Hình 2.14.Bắt đầu cài đặt 16 Bước 6: Tạo tài khoản quản trị viên & hồn tất cài đặt Nhập thơng tin tạo tài khoản quản trị viên cao Hình 2.15.Tạo tài khoản quản trị Cài đặt thành cơng Hình 2.16.Thành cơng 17 Đăng nhập hệ thống với tài khoản admin vừa tạo để bắt đầu phiên làm việc Hình 2.17.Đăng nhập Màn hình Dashboard (backend) hệ thống WordPress sau cài đặt Hình 2.18.Màn hình Dashboard WordPress 18 CHƯƠNG KẾT QUẢ THỰC HIỆN 3.1.Giao diện trang Admin Hình 3.1 Giao diện trang Admin 3.2.Giao diện trang chủ Hình 3.2 Giao diện trang chủ 19 3.3.Giao diện trang sản phẩm Hình 3.3 Giao diện trang sản phẩm 3.4.Giao diện trang giới thiệu Hình 3.4 Giao diện trang giới thiệu 3.5.Giao diện trang đăng kí Hình 3.5 Giao diện trang đăng kí 20 3.6.Giao diện trang đăng nhập Hình 3.6 Giao diện trang đăng nhập 3.7.Giao diện trang giỏ hàng Hình 3.7 Giao diện trang giỏ hàng 3.8.Giao diện trang tốn 21 Hình 3.8 Giao diện trang tốn 22 KẾT LUẬN Qua q trình nghiên cứu cách tổng quan mã nguồn mở WordPress việc ứng dụng để lập website hồn thành Với mục tiêu tìm hiểu mã nguồn mở, sau ứng dụng để xây dựng website bán hàng, từ việc cài đặt, chỉnh sửa giao diện, hướng dẫn quản trị website hẳn giúp bạn hiểu WordPress lại nhiều doanh nghiệp lựa chọn đến Hướng phát triển: Hội nhập vào kinh tế giới đem lại cho nước ta hội thuận lợi cho phát triển kinh tế sở quan trọng cho việc tăng thu ổn định nguồn ngân sách nhà nước Một doanh nghiệp có website phát triển mạnh khẳng định phần vị trí thị trường Vậy việc doanh nghiệp có website riêng để trưng bày bn bán sản phẩm cần thiết Nhóm chúng em mong nhận đóng góp ý kiến Q Thầy Cơ bạn để báo cáo hoàn thiện Em xin chân thành cảm ơn! 23 TI LIỆU THAM KHẢO https://wikimaytinh.com/cach-cai-dat-wordpress.html ttps://support.sapo.vn/tich-hop-thanh-toan-momo-trenwebsite#:~:text=Để%20lấy%20thơng%20tin%20tích,Secret %20key%20và%20Access%20key 24