Báo cáo chuyên đề học phần môn công nghệ phần mềm đề ti xây dựng website bán cây cảnh greenstore

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 CÔNG NGHỆ PHẦN MỀM ĐỀ TI: XÂY DỰNG WEBSITE BÁN CÂY CẢNH GREENSTORE Sinh viên thực : VƯƠNG ĐỨC HUY PHAN TIẾN ĐẠI MA ĐỨC MẠNH Giảng viên hướng dẫn : TRỊNH HIỀN ANH Ngành : CÔNG NGHỆ THÔNG TIN Chuyên ngành : MÃ NGUỒN MỞ Lớp : D15CNPM4 Khóa : 2020-2025 Hà Nội, tháng 12 năm 2022 PHIẾU CHẤM ĐIỂM Sinh viên thực hiện: STT Họ tên Vương Đức Huy Mã SV: 20810310417 Ma Đức Mạnh Mã SV: Phan Tiến Đại Mã SV: 20810310372 Chữ ký Nội dung thực Giảng viên chấm: Họ tên Giảng viên chấm 1: Giảng viên chấm 2: Chữ ký Ghi DANH MỤC HÌNH ẢNH LỜI MỞ ĐẦU CHƯƠNG 1: TỔNG QUAN VỀ PHẦN MỀM MÃ NGUỒN MỞ 1.1.Khái Niệm .2 1.3 Các loại giấy phép mã nguồn mở 1.4 Một số loại phần mềm mã nguồn mở thường gặp 1.5 Ngôn ngữ WordPress hệ quản trị MY SQL 1.5.1 Tìm hiểu ngơn ngữ lập trình WordPress 1.5.2 Tìm hiểu hệ quản trị CSDL MY SQL 1.5.2.1 Ưu điểm MySQL 1.5.2.3 MySQL Server 1.5.2.4 MySQL Client .7 1.6 Cài đặt localhost máy tính với XAMPP 1.7 Các bước cài đặt WordPress Localhost 13 CHƯƠNG 2: THIẾT KẾ GIAO DIỆN V KIỂM THỬ 19 2.1 Giao diện người dùng 19 2.1.1 Giao diện trang chủ 19 2.1.2 Giao diện cửa hàng (sản phẩm) 19 2.1.3 Giao diện chi tiết sản phẩm .20 2.1.4 Giao diện thông tin cửa hàng 21 2.1.5 Giao diện liên hệ cửa hàng 21 2.1.6 Giao diện tài khoản 22 2.1.7 Giao diện giỏ hàng 23 2.1.8.Giao diện toán .23 2.2 Trang quản trị hệ thống 23 2.3 Thông tin phần mềm .24 2.3.1 Giao diện sử dụng(theme) .24 2.3.2 Các plugin sử dụng 25 KẾT LUẬN 26 Danh Mục Hình Ảnh Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Tổng quan mã nguồn mở .7 Ưu điểm MySQL .10 MySQL hoạt động 12 Tải XAMPP từ trang https://www.apachefriends.org 13 Bắt đầu cài đặt XAMPP 13 Màn hình Setup - Select Components 14 Màn hình Setup - Installation folder 15 Hoàn thành cài đặt Xampp .16 File Wordpress tải giải nén .16 10 File Wordpress 17 11 Copy mã nguồn WordPress vào Localhost (XAMPP) 18 12 Nhắc nhở trước cài đặt .19 13 Nhập thông tin database 20 14 Bắt đầu trình cài đặt 20 15 Thiết lập thông tin quan trọng cho website 21 16 Cài đặt thành công Wordpress 21 17 Trang quản trị WordPress (Localhost) 22 LỜI MỞ ĐẦU Ngày nay, sống người dân bước nâng cao, nhu cầu sinh hoạt tăng, kéo theo phát triển cách đa dạng doanh nghiệp nhằm đáp ứng nhu cầu người dân Trong sinh hoạt làm việc cần có phương tiện để phục vụ lại, cửa hang, doanh nghiệp mua bán xe mọc lên dày đặc Vấn đề đặt doanh nghiệp cần phải thể tính chun nghiệp qua dịch vụ chăm sóc khách hàng để cạnh tranh với thi trường mang tinh chất công nghiệp hóa Từ nhu cầu thực tế áp dụng tiến công nghệ phần mềm, với phát triển công nghệ phần mềm tạo phần mềm quản lý mua bán cho doanh nghiệp sản xuất kinh doanh, giúp doanh nghiệp hoạt động mang tính chuyên nghiệp hơn, nhanh chóng hơn, tiện lợi hơn, đáp ứng tốt nhu cầu người Dựa điều đó, em định chọn đề tài “Quản lý website bán GREENSTORE” nhằm mục đích giải vướng mắc trên, giúp cho công việc quản lý trở nên đơn giản, hiệu xác việc tự động hóa q trình quản lý yếu tố liên quan cảnh, tác dụng cây, …… Và đặc biệt, học kỳ Em xin cảm ơn cô Trịnh Hiền Anh hướng dẫn, góp ý, thảo luận để báo cáo em hoàn thiện Trong thời gian học tập thực hành hướng dẫn cô, chúng em thu nhiều kiến thức bổ ích, mà cịn truyền say mê thích thú môn Mã Nguồn Mở CHƯƠNG 1: TỔNG QUAN VỀ PHẦN MỀM MÃ NGUỒN MỞ 1.1.Khái Niệm Hình Tổng quan mã nguồn mở - Phần mềm mã nguồn mở phần mềm với mã nguồn công bố sử dụng giấy phép nguồn mở - Giấy phép cho phép nghiên cứu, thay đổi cải tiến phần mềm, phân phối phần mềm dạng chưa thay đổi thay đổi - Phần mềm mã nguồn mở (Open Source Software - OSS) phần mềm mà mã nguồn cơng chúng xem thay đổi, hay có nghĩa "mở" - Nếu mã nguồn khơng thể cơng chúng xem hay thay đổi gọi "đóng" hay "độc quyền" - Open Source phần mềm có source code mà người dùng dễ dàng tải về, tiến hành sửa đổi, hay thực nâng cấp thêm tính cần thiết nhằm đáp ứng cho nhu cầu sử dụng thực tế - Thơng thường mã nguồn phát hành hồn tồn miễn phí, thuộc quyền sở hữu đơn vị, doanh nghiệp lớn lĩnh vực công nghệ - Đôi khi, mã nguồn mở lập trình viên phát triển, cung cấp với khác biệt, độc đáo định so sánh với phiên gố 1.2 Ưu điểm, nhược điểm phần mềm mã nguồn mở - Ưu điểm:    Gia tăng tư sáng tạo: Vì sở hữu thiết kế dạng mở, nên nhiều người nghiên cứu nhằm tạo ứng dụng hồn thiện Đây xem sản phẩm thách thức nhiều lập trình viên trình thực dự án Chức tiện ích: Nó cho phép Developer làm việc phần mềm nguồn mở mà không cần xin phép từ tác giả gốc Vậy nên, họ có quyền sửa chữa, cập nhật, nâng cấp nhanh phần mềm có quyền Nói cách khác, có cộng đồng tập trung "chăm sóc" sản phẩm chắn, cải tiến sở hữu nhiều chức chuyên nghiệp Tính ổn định: Thông thường, phần mềm mã nguồn mở sở hữu độ đáng tin cậy cao Đó kết luận từ phân tích, đánh giá so sánh với ứng dụng nguồn đóng - Nhược điểm:   Tốc độ: Việc thiết kế web mã nguồn mở tương tự sử dụng phần chức lại phải đưa lên đến phần mã nguồn, lý phần chung cải tạo vô số loại website khác Trong đó, trang web xây dựng tay lập trình viên hướng đến mục đích cụ thể, giúp giảm thiểu dư thừa code, nặng nề cho website Khả bảo mật kém: Do chia sẻ rộng rãi mạng, nên truy cập Internet có khả download để tìm hiểu chúng Điều đồng nghĩa với hacker dễ dàng xem, đánh cắp liệu hay làm gián đoạn trình hoạt động trang web   Dịch vụ hỗ trợ hạn hẹp: Vì viết sẵn Developer tình nguyện nước ngồi, nên cơng ty cung cấp nắm rõ tất chi tiết website Do đó, xảy tình trạng lỗi muốn nâng cấp thêm chức năng… nhà cung cấp, điều vơ khó khăn Thiếu tính độc quyền: Phương pháp xây dựng gọi cài đặt web khơng phải lập trình hay thiết kế Bởi không cần kiến thức chuyên môn bạn làm Do vậy, tình trạng nhiều người sở hữu kiểu dáng, chức bố cục website điều tránh khỏi 1.3 Các loại giấy phép mã nguồn mở - Apache license 2.0 - BSD 3-Clause “New” or “Revised” license - BSD 2-Clause “Simplified” or “FreeBSD” license - GNU General Public License ( GPL ) - GNU Library or “Lesser” General Public License ( LGPL ) - MIT License - Mozilla Public License 2.0 ( MPL ) - Sun Industry Standards Source License 1.2 ( SISSL ) 1.4 Một số loại phần mềm mã nguồn mở thường gặp - WordPress - Laravel - Joomla - Drupal - Magento - OpenCart - CMS Made Simple - B2evolution… 1.5 Ngôn ngữ WordPress hệ quản trị MY SQL 1.5.1 Tìm hiểu ngơn ngữ lập trình WordPress - WordPress phần mềm nguồn mở (Open Source Software) viết ngôn ngữ lập trình website PHP (Hypertext Preprocessor) sử dụng hệ quản trị sở liệu MySQL Wordpress mắt lần vào ngày 27/05/2003 tác giả Matt Mullenweg Mike Little Hiện WordPress sở hữu phát triển cơng ty Automattic có trụ sở San Francisco, California thuộc hợp chủng quốc Hoa Kỳ - WordPress mã nguồn mở ngôn ngữ PHP để hỗ trợ tạo tạo blog cá nhân nhiều người sử dụng ủng hộ tính dễ sử dụng, nhiều tính hữu ích Qua thời gian, số lượng người sử dụng tăng lên, cộng tác viên lập trình viên tham gia đông đảo để phát triển mã nguồn Wordpress có thêm tính tuyệt vời WordPress xem hệ quản trị nội dung (CMS – Content Management System) vượt trội để hỗ trợ người dùng tạo nhiều thể loại website khác blog, website tin tức/tạp chí, giới thiệu doanh nghiệp, bán hàng – thương mại điện tử, chí với loại website có độ phức tạp cao đặt phịng khách sạn, thuê xe, đăng dự án bất động sản Hầu hình thức website với quy mơ nhỏ vừa triển khai tảng WordPress 1.5.2 Tìm hiểu hệ quản trị CSDL MY SQL -MySQL hệ thống quản trị sở liệu mã nguồn mở (gọi tắt RDBMS) hoạt động theo mơ hình client-server - Với RDBMS viết tắt Relational Database Management System MySQL tích hợp apache, PHP MySQL quản lý liệu thông qua sở liệu - Mỗi sở liệu có nhiều bảng quan hệ chứa liệu - MySQL có cách truy xuất mã lệnh tương tự với ngôn ngữ SQL 1.5.2.1 Ưu điểm MySQL Hình Ưu điểm MySQL  - Dễ sử dụng: MySQL sở liệu tốc độ cao, ổn định, dễ sử dụng dụng hoạt động nhiều hệ điều hành cung cấp hệ thống lớn hàm tiện ích mạnh bảo - Độ bảo mật cao: MySQL thích hợp cho ứng dụng có truy cập CSDL Internet sở hữu nhiều nhiều tính bảo mật chí cấp cao - Đa tính năng: MySQL hỗ trợ nhiều chức SQL mong chờ từ hệ quản trị sở liệu quan hệ trực tiếp lẫn gián tiếp - Khả mở rộng mạnh mẽ: MySQL xử lý nhiều liệu mở rộng cần thiết - Nhanh chóng: Việc đưa số tiêu chuẩn cho phép MySQL để làm việc hiệu tiết kiệm chi phí, làm tăng tốc độ thực thi 1.5.2.2 Nhược điểm MySQL Hình 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 12 Hình Hồn thành cài đặt Xampp 1.7 Các bước cài đặt WordPress Localhost * Bước 1: Tải mã nguồn website WordPress.org - Trước tiên bạn tải phiên mã nguồn WordPress địa chỉ: http://wordpress.org/latest.zip - Sau bạn giải nén có thư mục mang tên “wordpress” Có thể thư mục wordpress lồng thư mục khác tên wordpress-x (x số hiệu phiên bản), nói chung bạn vào có thư mục wordpress hình dưới: Hình File Wordpress tải giải nén 13 - Tiếp theo, truy cập vào thư mục wordpress, bạn thấy có số thư mục tên wp-admin, wp-includes, wp-content số tập tin tên index.php, wp-config-sample.php, Tất tập tin thư mục này, gọi mã nguồn WordPress Hình 10 File Wordpress *Bước 2: Copy mã nguồn WordPress vào Localhost - Bây giờ, copy toàn file thư mục vào thư mục website bạn localhost (ví dụ: C:\xampp\htdocs\sellphone) Nghĩa bạn copy file thư mục mã nguồn vào thư mục bandt 14 Hình 11 Copy mã nguồn WordPress vào Localhost (XAMPP) * Bước 3: Tạo database - Để chạy WordPress localhost bạn phải có database dùng MySQL để lưu liệu mềm vào viết, thiết lập, web * Bước 4: Chạy website để cài đặt: -Sau copy xong, mở bảng điều khiển xampp lên khởi động apache MySQL Sau truy cập vào website với đường dẫn: http://localhost:8888// -Lúc này, bảng chọn ngơn ngữ cần cài đặt cho WordPress, chọn English ấn Continue - Ở bước nhắc nhở bạn chưa tiến hành đổi file wp-configsample.php thành wp-config.php khai báo thơng tin database vào Hãy ấn Thực để tự làm việc cho bạn 15 Hình 12 Nhắc nhở trước cài đặt -Và nhập thơng tin database: Hình 13 Nhập thông tin database - Khi nhập xong thông tin database, ấn nút Submit để làm bước Nếu bước hình bạn nhập thơng tin database xác, ấn nút Run the install để bắt đầu cài đặt 16 Hình 14 Bắt đầu trình cài đặt - Ở bước cài đặt này, bạn cần phải thiết lập thông tin quan trọng cho website tên website, tên tài khoản admin, mật khẩu, Nhập xong ấn nút Istall WordPress Hình 15 Thiết lập thơng tin quan trọng cho website - Và chữ Success! Như bạn thành công, click vào nút Log in để đăng nhập vào bảng quản trị WordPress 17 Hình 16 Cài đặt thành công Wordpress - Và giao diện trang quản trị WordPress (LocalHost) Hình 17 Trang quản trị WordPress (Localhost) 18 CHƯƠNG 2: THIẾT KẾ GIAO DIỆN V KIỂM THỬ 2.1 Giao diện người dùng 2.1.1 Giao diện trang chủ 2.1.2 Giao diện cửa hàng (sản phẩm) 19 2.1.3 Giao diện chi tiết sản phẩm 20 2.1.4 Giao diện thông tin cửa hàng 2.1.5 Giao diện liên hệ cửa hàng 21 2.1.6 Giao diện tài khoản 22 2.1.7 Giao diện giỏ hàng 2.1.8.Giao diện toán 2.2 Trang quản trị hệ thống 23 Mô tả: người quản trị sử dụng tài khoản để đăng nhập vào hệ thống Nhiệm vụ: giúp người quản trị bắt đầu với hệ thống 2.3 Thông tin phần mềm 2.3.1 Giao diện sử dụng(theme) 24 2.3.2 Các plugin sử dụng 25 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 cảnh online tương đối hoàn chỉnh với chức như: tìm cây, thịnh hành, best seller, mua cây, đặ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 (them, sửa, xóa), quản lý người dùng, giao dịch, xem thống kê, 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 “Bán cảnh GreenStore” vậy, có hội thời gian sau điều mà hệ thống “Bán cảnh GreenStore” 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 ChatBox giúp cho khách hàng trao đổi trực tiếp với quản trị viên - Chúng em xin chân thành cảm ơn thầy cô giáo khoa Công Nghệ Thông Tin Trường ĐH Điện Lực trang bị cho em kiến thức bản, cần thiết năm học vừa qua để em hồn thành tiểu luận Đặc biệt, chúng em xin chân thành cảm ơn Trịnh Hiền Anh người tận tình bảo hướng dẫn chúng em suốt thời gian qua 26