Plugin có thể được sử dụng để thêm những thứ như biểu mẫu đăng nhập, biểumẫu đăng ký, công cụ phân tích và một số công cụ SEO có thể cải thiện đáng kểthứ hạng của trang web trên Google..
TỔNG QUAN
Tổng quan về đề tài
“Xây dựng website tiệm trang sức De Coco bằng wordpress”
- Tìm hiểu phần mềm mã nguồn mở và cài đặt thành công
- Làm chủ được phần mềm nguồn mở
- Được trải nghiệm và rút kinh nghiệm qua dự án thực tế.
- Xây dựng các tài liệu cho dự án một cách tường minh và đầy đủ.
- Kiểm soát được các vấn đề xảy ra.
- Hoàn thiện sản phẩm, kết thúc bài tập lớn thành công.
Tổng quan về phần mềm mã nguồn mở
1.2.1 Phần mềm mã nguồn mở là gì?
Phần mềm nguồn mở là loại phần mềm được cung cấp dưới dạng mã nguồn, cho phép người dùng không chỉ sử dụng miễn phí mà còn có quyền sửa đổi, cải tiến và phát triển theo các nguyên tắc trong giấy phép phần mềm nguồn mở (GPL) Điều này khác biệt hoàn toàn so với phần mềm nguồn đóng, nơi người dùng không có quyền can thiệp vào mã nguồn.
WordPress là một nền tảng mã nguồn mở viết bằng PHP, nổi bật trong việc tạo dựng các website và là hệ thống quản lý nội dung (CMS) phổ biến nhất toàn cầu Với WordPress, người dùng có thể phát triển đa dạng chủ đề trang web, từ blog cá nhân đến trang web kinh doanh chuyên nghiệp Đặc biệt, bạn còn có thể xây dựng cửa hàng trực tuyến thông qua plugin WooCommerce.
Xamp là một phần mềm tạo máy chủ Web bao gồm Apache, PHP, MySQL, FTP Server, Mail Server và các công cụ như phpMyAdmin Khác với Appserv, Xamp cung cấp giao diện quản lý tiện lợi, cho phép người dùng dễ dàng bật, tắt hoặc khởi động lại các dịch vụ máy chủ bất kỳ lúc nào.
MySQL is an open-source relational database management system (RDBMS) that operates on a client-server model It serves as software or a service for creating and managing databases, focusing on the management of relationships between data.
1.2.5 Những lý do nên chọn Wordpress thiết kế website
WordPress cung cấp nhiều templates và themes giá rẻ, dễ dàng tích hợp, giúp bạn tiết kiệm chi phí so với việc thuê người thiết kế Chỉ với dưới 20$, bạn có thể sở hữu những mẫu giao diện đẹp mắt trên ThemeForest.
Nếu bạn là người mới bắt đầu và không có kinh nghiệm trong thiết kế website, bạn có thể dễ dàng mua các theme với giá chỉ 30 đô la Chỉ cần thay đổi một vài nội dung, bạn đã có một trang web hoạt động mà không cần phải biết lập trình hay có kiến thức chuyên sâu về web.
Thân thiện với người mới
Một trong những lợi thế nổi bật của WordPress là khả năng tiếp cận dễ dàng; bất kỳ ai cũng có thể học cách sử dụng nền tảng này chỉ bằng cách xem một số video trên YouTube Việc học viết code có thể mất vài tháng, nhưng với WordPress, người dùng có thể nhanh chóng làm quen và tạo dựng trang web của riêng mình.
WordPress có giao diện người dùng thân thiện, giúp bạn dễ dàng thay đổi nội dung, cài đặt hoặc cập nhật plugin, và thêm hình ảnh một cách nhanh chóng Điều này giúp giảm thời gian xây dựng trang web, đặc biệt là khi bạn cần tạo các trang web cơ bản như blog Nếu bạn là một lập trình viên giỏi, việc sử dụng WordPress sẽ tiết kiệm thời gian hơn so với việc tự viết mã.
Plugin là một công cụ tiện ích có thể mang lại cả lợi ích và hạn chế Ưu điểm của plugin là cung cấp nhiều tính năng hữu ích cho người dùng, giúp tăng cường trải nghiệm và hiệu suất Tuy nhiên, nhược điểm của plugin là cần được cập nhật thường xuyên, điều này có thể gây khó chịu và tốn thời gian, đặc biệt là khi bạn cài đặt nhiều plugin cùng lúc.
Plugin giúp cải thiện thứ hạng của trang web trên Google bằng cách thêm các tính năng như biểu mẫu đăng nhập, biểu mẫu đăng ký, công cụ phân tích và các công cụ SEO Ngược lại, nếu bạn xây dựng trang web bằng mã code, bạn sẽ không có được những tính năng này, điều này có cả ưu điểm và nhược điểm riêng.
Chủ yếu dành cho các blogger
WordPress là phần mềm lý tưởng cho việc tạo blog, nhưng không phù hợp cho các trang web động như dịch vụ phần mềm hay trang web chỉnh sửa ảnh Nếu bạn muốn xây dựng những loại trang web này, tốt hơn hết là tự viết mã hoặc thuê chuyên gia để phát triển.
Nếu bạn muốn xây dựng các trang web tĩnh như blog hoặc trang giới thiệu dịch vụ cho công ty, WordPress là lựa chọn tốt nhất Khách hàng sẽ không quan tâm đến cách bạn tạo ra trang web, mà điều họ quan tâm là hiệu suất và tính năng hoạt động của trang web đó.
Mặc dù các themes của WordPress có giá rất rẻ, nhưng chúng thường giống nhau, khiến nhiều người muốn trang web của mình trở nên khác biệt và độc đáo Do đó, bạn sẽ cần phải tùy chỉnh các themes này hoặc tìm kiếm sự trợ giúp từ người khác để tạo ra một trang web thật sự ấn tượng.
Với sự phát triển không ngừng của công nghệ, nhu cầu của con người ngày càng gia tăng, đặc biệt là trong ngành công nghệ thông tin, nơi mà máy tính trở thành công cụ làm việc thiết yếu Để đáp ứng nhu cầu này, chúng tôi quyết định xây dựng một trang web bán giày, nhằm giới thiệu đến thị trường những mẫu giày mới nhất, có thể chưa được người tiêu dùng biết đến.
1.2.7 Xác định bài toán cần giải quyết
Ngày càng nhiều website thương mại điện tử ra đời, giải quyết những hạn chế của kinh doanh offline, nhưng cũng đối mặt với sự cạnh tranh gay gắt từ các công ty quảng cáo trực tuyến Một website giới thiệu sản phẩm đồ gia dụng có thể đáp ứng nhanh chóng và đầy đủ nhu cầu của người tiêu dùng, giúp họ tìm kiếm sản phẩm phù hợp chỉ với vài cú click chuột Điều này không chỉ tiết kiệm thời gian mà còn cung cấp thông tin về giá cả, kiểu dáng và tính năng, phục vụ cho mọi tầng lớp người sử dụng Sự thỏa mãn nhu cầu và tính nhanh chóng chính là thành công mà các website mang lại.
Xác định yêu cầu của hệ thống
1.3.1 Yêu cầu chức năng nghiệp vụ
Cập nhật thông tin sản phẩm
Sửa thông tin sản phẩm
Sửa thông tin thành viên
- In thông tin đơn hàng
- Nhà quản trị sử dụng chức năng phân quyền để cấp quyền cho các thành viên
Thành viên quản trị có thể được cấp quyền truy cập toàn diện để thực hiện các chức năng quản trị hệ thống, hoặc chỉ được phép sử dụng một số quyền cơ bản như xem sản phẩm và đơn hàng mà không có quyền thêm, sửa, xóa.
- Xem thông tin sản phẩm
- Thêm sản phẩm vào giỏ hàng
1.3.2 Yêu cầu phi chức năng
- Giao diện trực quan, dễ dàng cho người dùng thao tác
- Vẫn đảm bảo được về yêu cầu thiết kế trang web, tính thẩm mỹ
- Hoạt động mượt mà, không có hoặc ít xảy ra tình trạng chậm chễ, gián đoạn cho trải nghiệm người dùng
PHÂN TÍCH THIẾT KẾ HỆ THỐNG
Biểu đồ trình tự
2.2.1 Biểu đồ trình tự chức năng đăng nhập
Biểu đồ 2 6.Biểu đồ trình tự đăng nhập
2.2.3 Biểu đồ trình tự chức năng quản lý sản phẩm
Biểu đồ 2 7.Biểu đồ trình tự quản lý sản phẩm
2.2.4 Biểu đồ trình tự chức năng quản lý đơn hàng
Biểu đồ 2 8.biểu đồ trình tự đơn hàng
2.2.5 Biểu đồ trình tự chức năng xem chi tiết sản phẩm
Biểu đồ 2 9.Biểu đồ trình tự chi tiết sản phẩm
2.2.6 Biểu đồ trình tự chức năng tìm kiếm sản phẩm
Biểu đồ lớp
Biểu đồ 2 11.Biểu đồ lớp
Thiết kế cơ sở dữ liệu
HƯỚNG DẪN CÀI ĐẶT
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/
Bước 2: Chạy file Xampp đã tải về và chờ quá trình cài đặt hoàn tất Sau khi cài đặt xong, bạn sẽ thấy màn hình Control Panel của Xampp Tiếp theo, hãy khởi động hai phần Apache và MySQL để chúng hiển thị trạng thái như trong hình.
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 ra sẽ có được một thư mục mang tên
Thư mục "wordpress" có thể được chứa trong một thư mục khác có tên "wordpress-x", trong đó "x" đại diện cho số phiên bản Tuy nhiên, bạn sẽ luôn tìm thấy thư mục mang tên "wordpress" như hình minh họa dưới đây.
To access the WordPress directory, you'll find several folders named wp-admin, wp-includes, and wp-content, along with files such as index.php and wp-config-sample.php Collectively, these files and folders are referred to as the source code.
Bước 2: Copy mã nguồn WordPress vào Localhost
Hãy sao chép toàn bộ file và thư mục mã nguồn vào thư mục website của bạn trên localhost, ví dụ: C:\xampp\htdocs\dangphuongdong Lưu ý không sao chép toàn bộ thư mục WordPress, vì bạn cần cài đặt WordPress vào tên miền http://localhost/3aeshop Nếu bạn sao chép cả thư mục WordPress, đường dẫn website của bạn sẽ trở thành http://localhost/3aeshop/wordpress/.
Step 3: Create a new database To run WordPress, your localhost must have a MySQL database to store essential data such as posts and website settings.
Bước 4: Chạy website để cài đặt
Sau khi sao chép xong, hãy khởi động Apache và MySQL trong bảng điều khiển của XAMPP Tiếp theo, truy cập vào trang web qua đường dẫn http://localhost/3aeshop.
Lúc này, nó sẽ hiện ra bảng chọn ngôn ngữ cần cài đặt cho WordPress, hãy chọn là
Để tiếp tục, hãy nhớ rằng bạn cần đổi tên file wp-config-sample.php thành wp-config.php và nhập thông tin cơ sở dữ liệu vào đó.
Let’s Go để nó tự làm việc đó cho bạn.
Và bây giờ là nhập thông tin database…
Trên localhost, tên người dùng của cơ sở dữ liệu luôn là root, mật khẩu để trống, và địa chỉ máy chủ cơ sở dữ liệu luôn là localhost.
Table Prefix là tiền tố của cơ sở dữ liệu chứa dữ liệu WordPress, mặc định là wp_ Người dùng có thể thay đổi nó thành bất kỳ giá trị nào nhưng cần phải giữ dấu _ ở phía sau.
Sau khi hoàn tất việc nhập thông tin database, bạn hãy nhấn nút Submit để tiến hành bước tiếp theo Nếu màn hình hiển thị như hình dưới, điều đó có nghĩa là thông tin database đã được nhập chính xác; hãy nhấn nút Run the install để bắt đầu quá trình cài đặt Trong bước cài đặt này, bạn cần thiết lập các thông tin quan trọng cho website như tên website, tên tài khoản admin và mật khẩu Sau khi nhập xong, hãy nhấn nút Install WordPress để hoàn tất.
Và nếu nó hiện chữ Success! như thế này là 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.
Và đây là giao diện trang quản trị của WordPress.
Và ở đây, cần các bạn hiểu rằng, nếu truy cập vào tên miền chính như http://localhost/3aeshop, nó sẽ ra trang chủ của website WordPress như thế này.
Còn nếu muốn truy cập vào trang quản trị Admin của WordPress thì sẽ thêm/wp-admin vào đường dẫn thành http://localhost/3aeshop/wp- admin
CƠ SỞ DỮ LIỆU VÀ WEBSITE
Cơ sở dữ liệu và giao diện quản lý
Hình 3 1: Cơ sở dữ liệu
Website
4.2.1 Giao diện đăng nhập Wordpress
4.2.2 Giao diện đăng nhập tài khoản cho khách hàng
Hình 3 3 đăng nhập tài khoản cho khách hàng
4.2.5 Giao diện chi tiết blog
4.2.6 Giao diện điều khoản & điều lệ
Hình 3 7: điều khoản & điều lệ
4.2.8 Giao diện xem giỏ hàng
TỔNG KẾT Những công việc làm được
- Thiết kế được mô hình cơ sở dữ 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ế được giao diện giỏ hàng.
- Thiết kế được trang đăng nhập, cho khách hàng
- Thiết kế được giao diện quản lý cho Admin
- Thiết kế được giao diện Điều khoản và điều lệ
- Thiết kế được giao diện Liên hệ
- Thiết kế được giao diện Blog
- Thiết kế được giao diện Thanh toán
- Thiết kế được giao diện Chi tiết blog
- Quản lý thông tin về sản phẩm
- Quản lý thành viên hệ thống
Do thiếu kinh nghiệm thực tế, quá trình phân tích hệ thống website quản lý bán quần áo vẫn còn nhiều điểm chưa chính xác và chưa đảm bảo tính đúng đắn Tôi xin cam kết sẽ hoàn thiện những vấn đề này trong quá trình phát triển hệ thống sau này.
- Giao diện trang web còn chưa được đẹp mắt.
- Ngôn ngữ và phần mềm soạn thảo là còn mới mẻ nên còn nhiều chức năng, chưa vận dụng và kiểm soát được.
Trong thời gian tới, tôi sẽ nỗ lực khắc phục những hạn chế đã nêu, đồng thời nâng cấp để đáp ứng nhu cầu thực tế và mang lại sự tiện lợi hơn cho người sử dụng.
- Đồng thời em sẽ nghiên cứu và phát triển thêm:
+ Thiết kế giao diện đẹp hơn, thân thiện và dễ sử dụng hơn cho người dùng