Ma nguon mo Ma nguon mo Ma nguon mo Ma nguon mo Ma nguon mo
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 TRANG WEB BÁN QUẦN ÁO BẰNG WORDPRESS Sinh viên thực : NGUYỄN ANH PHÚC NGUYÊN DUY ĐẠT Giảng viên hướng dẫn : NGÔ TRƯỜNG GIANG Ngành : CÔNG NGHỆ THÔNG TIN Chuyên ngành : CƠNG NGHỆ PHẦN MỀM Lớp : D14CNPM7 Khóa : 2019-2023 Hà Nội, tháng 12 năm 2021 PHIẾU CHẤM ĐIỂM Sinh viên: Họ tên sinh viên Chữ ký Điểm Chữ ký Ghi Chú Nguyễn Duy Đạt Nguyễn Anh Phúc Giáo viên chấm thi: Họ tên giảng viên Giảng viên chấm 1: Giảng viên chấm 2: MỤC LỤC DANH MỤC HÌNH ẢNH LỜI CẢM ƠN Trong thời gian làm báo cáo môn học, chúng em nhận nhiều giúp đỡ, đóng góp ý kiến bảo nhiệt tình thầy cơ, gia đình bạn bè Em xin gửi lời cảm ơn chân thành đến giảng viên Ngô Trường Giang , giảng viên Bộ môn Phần mềm mã nguồn mở - trường Đại học Điện Lực người tận tình hướng dẫn, bảo chúng em suốt trình học tập, nghiên cứu Chúng em xin chân thành cảm ơn thầy giáo trường Đại học Điện Lực nói chung, thầy khoa cơng nghệ thơng tin nói riêng dạy dỗ cho chúng em kiến thức môn đại cương môn chuyên ngành, giúp em có sở lý thuyết vững vàng tạo điều kiện giúp đỡ em suốt trình học tập Cuối cùng, chúng em xin chân thành cảm ơn! Hà Nội, tháng 12 năm 2021 LỜI NĨI ĐẦU Ngày nay, ứng dụng cơng nghệ thơng tin việc tin học hóa xem yếu tố mang tính định hoạt động phủ, tổ chức, cơng ty, đóng vai trị quan trọng, tạo bước đột phá mạnh mẽ Cùng với phát triển không ngừng kỹ thuật máy tính mạng điện tử, cơng nghệ thơng tin có cơng nghệ có đẳng cấp chinh phục hết đỉnh cao đến đỉnh cao khác Mạng internet sản phẩm có giá trị lớn lao ngày trở thành công cụ thiếu, tảng cho truyển tải, trao đổi thơng tin toàn cầu Giờ đây, việc liên quan đến thông tin trở nên thật dễ dàng cho người sử dụng, cần có máy tính kết nối Internet dịng liệu truy tìm gần giới vấn đề mà bạn quan tâm ra, có đầy đủ thơng tin, hình ảnh chí đơi lúc có âm bạn cần Bằng Internet, thực nhiều công việc với tốc độ nhanh chi phí thấp nhiều so với cách thức truyền thống Chính điều này, thúc đẩy khai sinh phát triển thương mại điện tử phủ điện tử khắp thể giới, làm biến đổi đáng kể mặt văn hóa, nâng cao chất lượng sống người Vì chúng em chọn đề tài: “Xây dựng trang web bán quần áo Wordpress” làm đề tài cho báo cáo nhóm Nội dung báo cáo học phần bao gồm chương chính: Chương I: Tổng quan hệ thống Chương II: Phân tích thiết kế hệ thống Chương III: Cơ sở liệu website Chương IV: Hướng dẫn cài đặt CHƯƠNG 1: TỔNG QUAN VỀ HỆ THỐNG 1.1 Tổng quan đề tài 1.1.1 Tên đề tài “XÂY DỰNG TRANG WEB BÁN QUẦN ÁO BẰNG WORDPRESS” 1.1.2 Mục tiêu - Tìm hiểu phần mềm mã nguồn mở cài đặt thành công - Làm chủ phần mềm nguồn mở - Được trải nghiệm rút kinh nghiệm qua dự án thực tế - Xây dựng tài liệu cho dự án cách tường minh đầy đủ - Kiểm soát vấn đề xảy - Hoàn thiện sản phẩm, kết thúc tập lớn thành công 1.2 Tổng quan phần mềm mã nguồn mở 1.2.1 Phần mềm mã nguồn mở gì? Phần 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ềm nguồn mở (General Public Licence - GPL) 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 (tức phần mềm thương mại) 1.2.2 Wordpress WordPress công cụ mã nguồn mở viết PHP để tạo Website Đây hệ thống quản lý nội dung (CMS) sử dụng nhiều giới WordPress có khả tạo chủ đề trang web, từ blog đơn giản đến trang web kinh doanh đầy đủ tính Bạn chí sử dụng WordPress để tạo cửa hàng trực tuyến (sử dụng plugin WooCommerce) 1.2.3 Xampp Xamp chương trình tạo máy chủ Web tích hợp sẵn Apache, PHP, MySQL, FTP Server, Mail Server cơng cụ phpMyAdmin Khơng Appserv, Xampp có chương trình quản lý tiện lợi, cho phép chủ động bật tắt khởi động lại dịch vụ máy chủ lúc 1.2.4 MySQL MySQL hệ thống quản trị sở liệu mã nguồn mở (Relational Database Management System, viết tắt RDBMS) hoạt động theo mơ hình client-server RDBMS phần mềm hay dịch vụ dùng để tạo quản lý sở liệu (Database) theo hình thức quản lý mối liên hệ chúng 1.2.5 Những lý nên chọn Wordpress thiết kế website • Templates rẻ WordPress có nhiều templates themes (giao diện) giá rẻ, dễ tích hợp giúp bạn tiết kiệm nhiều tiền bạn thuê người làm Chỉ với 20$, bạn sở hữu templates themes giá rẻ lại đẹp ThemeForest Vì vậy, bạn người khơng có kinh nhiệm thiết kế website, bạn mua themes với giá 30$, thay đổi số nội dung bạn có trang web sẵn sàng hoạt động mà khơng cần code có kiến thức web • Thân thiện với người Một ưu điểm lớn WordPress học cách sử dụng việc xem vài video YouTube, vài tháng để học viết code WordPress có giao diện người dùng thân thiện, cho phép bạn nhanh chóng thay đổi nội dung, cài đặt cập nhật plugin, thêm hình ảnh thứ bạn muốn, giúp giảm thời gian cần thiết để tạo trang web Vì vậy, bạn nhà lập trình web giỏi, bạn cần xây dựng số trang web bản, blog, việc sử dụng WordPress nhanh nhiều tự code • Plugin Plugin thứ đơi tốt tệ Nó tốt tất tính mà bạn nhận được, tệ chúng cần cập nhật thường xuyên, điều khó chịu bạn cài đặt khoảng 20 plugin Plugin sử dụng để thêm thứ biểu mẫu đăng nhập, biểu mẫu đăng ký, cơng cụ phân tích số cơng cụ SEO cải thiện đáng kể thứ hạng trang web Google Mặt khác, bạn tạo trang web code, bạn khơng nhận tính này, có mặt lợi mặt hại thơi Nhưng Wordpress có nhược điểm đáng nói • Chủ yếu dành cho blogger WordPress phần mềm ban đầu xây dựng để tạo blog làm tốt Các loại trang web khác, động số trang web sử dụng để cung cấp số dịch vụ phần mềm, trang web lưu trữ, chỉnh sửa ảnh,….Nếu bạn muốn tạo trang web vậy, bạn không nên dùng WordPress Tốt tự viết code thuê làm cho bạn Mặt khác, bạn muốn xây dựng trang web tĩnh, blog số trang web cho công ty giới thiệu dịch vụ họ, web nhà hàng Đối với loại web đó, dùng WordPress tốt Những người thuê bạn viết web không quan tâm bạn tạo trang web nào, họ quan tâm trang web họ có hoạt động tốt khơng • Themes Ở phần trên, nói themes WordPress rẻ điểm cộng, themes giống hầu hết người muốn trang web họ trông phải khác biệt phải thật độc đáo, điều có nghĩa bạn cần phải sửa đổi themes họ tìm khác để làm việc 1.2.6 Khảo sát trạng Hiện với phát triển khơng ngừng cơng nghệ nhu cầu người ngày tăng.Đặc biệt người làm ngành cơng nghệ thơng tin việc sở hữu cơng cụ làm việc máy tính điều khơng thể thiếu Giày sản phẩm khơng thể thiếu chúng ta, chúng em muốn tạo trang web bán giày để đưa lên thị trường mẫu giày mà người dùng chưa biết đến 1.2.7 Xác định toán cần giải Thực tế cho thấy ngày có nhiều Website quảng bá, mua bán trực tuyến đời giải hạn chế việc kinh doanh Offline Nhưng bên cạnh gặp thách thức cạnh tranh công ty quảng cáo internet ngày gay gắt phủ nhận lợi ích mà mang lại.Một Website giới thiệu loài Giày đáp ứng tất nhu cầu người sử dụng sản phẩm mình, cung cấp thơng tin cách nhanh chóng, đầy đủ Chỉ vài thao tác Click chuột bạn tìm sản phầm phù hợp với mà nhiều công sức, từ giá đến kiểu dáng , tính phù hợp với tầng lớp người sử dụng Thỏa mãn nhu cầu người sử dụng nhanh chóng thành cơng mà Website mang lại 1.3 Xác định yêu cầu hệ thống 1.3.1 Yêu cầu chức nghiệp vụ * Người quản lý - Đăng nhập hệ thống - Quản lý sản phẩm + Cập nhật thông tin sản phẩm + Thêm sản phẩm + Sửa thơng tin sản phẩm + Xóa sản phẩm + Lưu trữ thông tin - Quản lý đơn hàng - Quản lý thành viên + Phân quyền quản trị + Thêm thành viên + Sửa thông tin thành viên + Xóa thành viên - In thơng tin đơn hàng * Thành viên quản trị - Nhà quản trị sử dụng chức phân quyền để cấp quyền cho thành viên - Thành viên quản trị có đầy đủ quyền để thực chức quản trị hệ thống cấp số quyền xem sản phẩm, đơn hàng mà không phép thêm, sửa, xóa * Khách hàng - Tìm kiếm sản phẩm - Xem thông tin sản phẩm - Thêm sản phẩm vào giỏ hàng - Đặt hàng 1.3.2 Yêu cầu phi chức - Giao diện trực quan, dễ dàng cho người dùng thao tác - Vẫn đảm bảo yêu cầu thiết kế trang web, tính thẩm mỹ - Hoạt động mượt mà, khơng có xảy tình trạng chậm chễ, gián đoạn cho trải nghiệm người dùng 10 CHƯƠNG 4: HƯỚNG DẪN CÀI ĐẶT 4.1 Cài đặt phần mềm hỗ trợ Server ảo (Xampp/Lampp) Bước 1: Download Xampp theo đường link https://www.apachefriends.org/index.html/ 42 Bước 2: Chạy file Xampp vừa tải chờ cho cài đặt hoàn tất Đây hình Control Panel Xampp sau bạn cài đặt hồn tất Sau bạn Start phần Apache MySQL lên có trạng thái hình 4.2 Cài đặt Wordpress Bước 1: Tải Wordpress theo đường link https://wordpress.org/ Sau bạn giải nén file vừa tải có thư mục mang tên “wordpress“ Có thể thư mục wordpress lồng thư mục 43 khác tên wordpress-x (x số phiên bản), nói chung bạn vào có thư mục tên wordpress hình Tiếp tục, 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 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\dangphuongdong) Nghĩa bạn copy file thư mục mã nguồn thôi, không copy thư mục wordpress cần cài WordPress vào tên miền http://localhost/3aeshop mà, bạn copy thư mục wordpress vào website bạn có đường dẫn http://localhost/3aeshop/wordpress/ 44 45 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,… website 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/3aeshop 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 tiếp theo, nhắc nhở cho 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 Let’s Go để tự làm việc cho bạn 46 Và nhập thông tin database… Hãy nhớ localhost, User Name database root, mật để trống (vẫn có cách thiết lập không cần thiết) Database Host localhost Table Prefix nghĩa tiền tố database chứa liệu WordPress, mặc định wp_, đổi thành phải bắt buộc có _ đằng sau 47 Khi nhập xong thông tin database, ấn nút Submit để làm bước Nếu bước hình nghĩa bạn nhập thơng tin database xác, ấn nút Run the install để bắt đầu 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 Install WordPress Và chữ Success! bạn cài đặt thành công, click vào nút Log in để đăng nhập vào bảng quản trị WordPress 48 Và giao diện trang quản trị WordPress Và đây, cần bạn hiểu rằng, truy cập vào tên miền http://localhost/3aeshop, trang chủ website WordPress 49 Còn muốn truy cập vào trang quản trị Admin WordPress thêm /wp-admin vào đường dẫn thành http://localhost/3aeshop/wp-admin 50 TỔNG KẾT Những công việc làm - Thiết kế mơ hình sở liệu cho website Thiết kế giao diện website thân thiện, dễ sử dụng cho người dùng Thiết kế giao diện giỏ hàng Thiết kế trang đăng nhập, đăng ký cho khách hàng Thiết kế giao diện quản lý cho Admin Quản lý thông tin sản phẩm Quản lý đơn hàng Quản lý thành viên hệ thống Hạn chế - Do kinh nghiệm thực tế chưa có nhiều q trình phân tích hệ thống website quản lý bán quần áo nhiều chỗ chưa với thực tế hay chưa đảm bảo tính đắn Vấn đề em xin phép hoàn thiện thêm q trình phát triển hệ thống sau - Giao diện trang web cịn chưa đẹp mắt - Ngơn ngữ phần mềm soạn thảo mẻ nên nhiều chức năng, chưa vận dụng kiểm soát Kết luận - Với nỗ lực thân giúp đỡ, bảo tận tình thầy Ngơ Trường Giang hướng dẫn , cuối em hoàn thành xong đề tài Tuy vậy, với thuận lợi khó khăn q trình làm việc, làm hoàn thành khơng thể tránh khỏi sai sót Hướng phát triển - Trong thời gian tới, em cố gắng hạn chế trình bày.Theo nâng cấp thêm để đáp ứng nhu cầu thực tế tiện lợi chon người sử dụng - Đồng thời em nghiên cứu phát triển thêm: + Thiết kế giao diện đẹp hơn, thân thiện dễ sử dụng cho người dùng TÀI LIỆU THAM KHẢO [1] Phạm Hữu Khang, Hoàng Đức Hải, Xây dựng ứng dụng Web PHP MySQL, Nhà xuất Phương Đông, 2000 [2] Stephanie Leary, Beginning WordPress 3, Apress, 2010 51 [3] Kenneth Wong, Phet Sayo, Free and Open Source Software, UNDP-APDIP, 2004 52 53 54 55 ... đặt Wordpress Bước 1: Tải Wordpress theo đường link https:/ /wordpress. org/ Sau bạn giải nén file vừa tải có thư mục mang tên ? ?wordpress? ?? Có thể thư mục wordpress lồng thư mục 43 khác tên wordpress- x... thôi, không copy thư mục wordpress cần cài WordPress vào tên miền http://localhost/3aeshop mà, bạn copy thư mục wordpress vào website bạn có đường dẫn http://localhost/3aeshop /wordpress/ 44 45 Bước... đóng (tức phần mềm thương mại) 1.2.2 Wordpress WordPress công cụ mã nguồn mở viết PHP để tạo Website Đây hệ thống quản lý nội dung (CMS) sử dụng nhiều giới WordPress có khả tạo chủ đề trang web,