Localhost bao gồm nhiều ứng dụng đi kèm với nhau và tất cả các ứng dụng đó sẽ kết hợp với nhau để tạo ra một môi trường có thể chạy mã nguồn WordPress trên máy tính của chính bạn bao gồm
CƠ SỞ LÝ THUYẾT
Các khái niệm cơ bản
Tên miền là chuỗi ký tự trong bảng chữ cái Alphabet, được tổ chức giống như tên riêng và có thể mang ý nghĩa hoặc không Nó được sử dụng để xác định địa chỉ Internet (IP) của máy chủ, với các ký tự được phân tách bằng dấu chấm Ví dụ: 27.0.14.157.
Tính chất cơ bản của tên miền:
+ Tên miền là duy nhất và được cấp phát cho chủ thể nào đăng ký trước
+ Tên miền bắt buộc phải có phần tên và phần đuôi (com, net, org, vn, us)
+ Tên miền không được vượt quá 63 ký tự (đã bao gồm phần đuôi)
Tên miền hợp lệ chỉ bao gồm các ký tự từ a-z, số 0-9 và dấu “-” Các ký tự đặc biệt và khoảng trắng không được phép sử dụng Ngoài ra, tên miền không được bắt đầu hoặc kết thúc bằng dấu “-”.
Web hosting là không gian trên máy chủ cho phép cài đặt các dịch vụ Internet như www, ftp và mail, nơi lưu trữ nội dung trang web và dữ liệu Nó đóng vai trò quan trọng trong việc hỗ trợ các hoạt động giao dịch và trao đổi thông tin giữa website và người dùng Internet Việc thuê Web hosting là cần thiết vì máy chủ có địa chỉ IP cố định, trong khi địa chỉ IP của người dùng thường xuyên thay đổi khi kết nối qua nhà cung cấp dịch vụ Internet (ISP) Hai khái niệm cơ bản của Web hosting bao gồm dung lượng, tức là không gian lưu trữ dữ liệu trên ổ cứng máy chủ, và băng thông, là lượng dữ liệu trao đổi giữa website và người sử dụng trong một tháng.
Localhost là khái niệm kết hợp giữa "local" (máy tính của bạn) và "host" (máy chủ), nghĩa là một máy chủ hoạt động trên chính máy tính cá nhân của bạn.
Localhost là một môi trường trên máy tính của bạn, bao gồm nhiều ứng dụng kết hợp với nhau, cho phép bạn chạy mã nguồn WordPress ngay trên thiết bị cá nhân của mình.
- Phần mềm Webserver trên Apache, đây là webserver thông dụng nhất
- Phần mềm PHP để xử lý mã PHP vì WordPress viết bằng ngôn ngữ PHP
Phần mềm MySQL Server là công cụ lưu trữ và xử lý cơ sở dữ liệu, được WordPress sử dụng làm nền tảng Cơ sở dữ liệu thường được viết bằng tiếng Anh là "database".
Phần mềm PHPMyAdmin là công cụ hữu ích để xem và quản lý cơ sở dữ liệu MySQL, giúp đáp ứng đầy đủ yêu cầu cơ bản cho một website WordPress trên localhost.
Ngôn ngữ lập trình
PHP (Hypertext Preprocessor) là một ngôn ngữ lập trình kịch bản mã nguồn mở, chủ yếu được sử dụng để phát triển ứng dụng máy chủ Với khả năng tích hợp dễ dàng vào HTML, PHP rất phù hợp cho việc phát triển web và phục vụ cho các mục đích tổng quát.
PHP đã trở thành ngôn ngữ lập trình web phổ biến nhất thế giới nhờ vào việc tối ưu hóa cho ứng dụng web, tốc độ nhanh, kích thước nhỏ gọn và cú pháp tương tự như C và Java, giúp dễ học và rút ngắn thời gian phát triển sản phẩm PHP chỉ phân tích mã nằm trong các dấu giới hạn của nó, trong khi mã bên ngoài sẽ được xuất ra trực tiếp mà không qua xử lý.
MySQL là một hệ thống quản lý cơ sở dữ liệu quan hệ mạnh mẽ, cho phép lưu trữ, tìm kiếm, sắp xếp và truy vấn dữ liệu một cách nhanh chóng Nó hỗ trợ truy cập dữ liệu đa người dùng đồng thời, đảm bảo quyền truy cập an toàn cho người sử dụng Sử dụng ngôn ngữ truy vấn SQL, MySQL có khả năng quản lý khối lượng dữ liệu lớn, lên đến hàng Terabyte và hàng triệu bản ghi Ngoài ra, MySQL hoạt động trên nhiều môi trường khác nhau và có giao diện dễ sử dụng, giúp người dùng thực hiện các truy vấn cơ sở dữ liệu một cách hiệu quả.
MySQL là một hệ quản trị cơ sở dữ liệu phổ biến, thường được sử dụng kết hợp với PHP trong các trang web yêu cầu truy cập dữ liệu Trong số nhiều loại cơ sở dữ liệu như Oracle, MSSQL, và Access, MySQL được ưa chuộng bởi các lập trình viên nhờ tính linh hoạt và khả năng hoạt động trên nhiều ngôn ngữ lập trình như ASP, Net, PHP, và JSP Một trong những ưu điểm của MySQL là yêu cầu tài nguyên máy tính không quá lớn, giúp tiết kiệm CPU và RAM Tuy nhiên, nhược điểm của MySQL là độ bảo mật chưa cao so với MSSQL hay Oracle.
WordPress
WordPress là hệ thống quản lý nội dung (CMS) mã nguồn mở phổ biến nhất hiện nay, được viết bằng PHP và sử dụng CSDL MySQL Ra đời vào năm 2003, WordPress được sáng lập bởi Matt Mullenweg, với tên gọi trước đó là b2/cafelog Christine Selleck, bạn của Mullenweg, là người đề xuất tên gọi WordPress Nền tảng này cho phép người dùng dễ dàng cài đặt và tùy chỉnh website hoặc blog mà không cần kiến thức lập trình sâu Nhiều trang web nổi tiếng như CNN, eBay và Bata đã chọn WordPress làm nền tảng phát triển Theo thống kê, WordPress chiếm 75% thị phần CMS và khoảng 55.3% trong số 1.000.000 website hàng đầu thế giới, vượt xa Joomla và Drupal.
1.3.1 Các thành phần của wordpress
WordPress themes serve as the design framework for websites and blogs built on the WordPress platform With a wide variety of options available, including both free and premium themes, users can easily find and select the perfect theme to suit their needs for creating a stunning website.
Plugin WordPress là các thành phần mở rộng cho nền tảng WordPress, được cung cấp miễn phí trên kho Plugin của WordPress Những Plugin này được phát triển bởi đội ngũ sáng lập và cộng đồng người dùng, giúp mở rộng tính năng và khả năng của website.
WordPress viết ra hoặc cũng có thể do người dùng tự viết và chia sẻ Plugin này cũng có 2 dạng: 1 dạng miễn phí và 1 dạng phải trả phí
Ngoài ra, WordPress còn hỗ trợ nhiều thành phần như:
Widget là một mô-đun kéo thả, cho phép tùy biến vị trí trên website hoặc blog của bạn Nó được tích hợp sẵn trong các Themes, hỗ trợ qua Plugin, hoặc có thể tự viết bằng mã PHP và HTML.
- Tag: Mặc định của WordPress hỗ trợ thành phần Tag khá là tiện ích Đó là các từ khóa chính cho Trang và Bài viết trên website của bạn
1.3.2 Cấu trúc cơ bản của bộ quản trị WordPress
Bộ quản trị Wordpress gồm các phần sau:
Dashboard WordPress cung cấp cái nhìn tổng quan về quản trị website, bao gồm thông tin tóm tắt về trang, khả năng viết blog nhanh chóng, cập nhật những bình luận mới nhất, bài viết từ blog wordpress.org, danh sách các plugin mới và phổ biến nhất, cùng với liên kết đến website của bạn.
- Updates: Hiển thị tất cả các theme và plugin có bản mới - Posts: Quản lý bài viết, tag và danh mục (category)
- All posts: Quản lý tất cả các bài viết
- Add new: Đăng bài viết mới
- Categories: Quản lý tất cả các danh mục
- Tags: Quản lý tất cả các Post Tag
- Appearance: Quản lý giao diện - Plugins: Quản lý các thành phần mở rộng
- Settings: Thiết lập các tùy chọn
1.3.3 Lợi ích của việc sử dụng WordPress
Cài đặt đơn giản và cực kì nhanh chóng, với trình cài đặt 5 phút nổi tiếng Hệ thống Plugin phong phú và cập nhật liên tục
- Hỗ trợ nhiều ngôn ngữ (bao gồm cả tiếng Việt) - Được cập nhật, vá lỗi và hỗ trợ liên tục
Có rất nhiều theme miễn phí, chuyên nghiệp và tối ưu hóa SEO hiệu quả Việc quản lý blog và bài viết trở nên dễ dàng và thuận tiện, tương tự như sử dụng các phần mềm thiết kế web chuyên nghiệp.
- Tích hợp sẵn Latex – công cụ soạn thảo công thức toán học, bạn có thể viết công thức toán học ngay trong bài viết
- Upload và quản lý hình ảnh một cách dễ dàng, đặc biệt là chức năng tạo thumbnail rất hay
Hệ thống Widget đa dạng cung cấp hơn 23 ứng dụng bổ sung, cho phép bạn theo dõi số lượng người truy cập, hiển thị danh sách bài viết mới, nổi bật và được xem nhiều Ngoài ra, hệ thống còn liệt kê các chuyên mục, trang và bài viết theo ngày tháng, mang đến nhiều lựa chọn cho người dùng.
Theo dõi số lượt truy cập hàng ngày cho từng bài viết trên blog giúp bạn xác định nội dung cần phát triển tiếp theo Hệ thống quản lý và duyệt bình luận rất hiệu quả, cho phép chặn spam theo địa chỉ IP.
Hệ thống phân quyền đa cấp độ bao gồm các vai trò như Administrator, Author, Editor, Contributor và Subscriber Mỗi vai trò này có những quyền hạn riêng biệt, cho phép người dùng thực hiện các thao tác như đăng bài viết, chỉnh sửa bài viết, xóa bài viết và duyệt bình luận.
- Sao lưu dữ liệu một cách dễ dàng để backup hoặc chuyển nhà sang một nơi khác -
Hỗ trợ import đa năng từ các blog khác như Blogspot, Tumblr, Blogger, LiveJournal… - WordPress hỗ trợ 3 GB để lưu trữ hình ảnh và văn bản
Mỗi ngày, WordPress tổng hợp 100 bài viết tiếng Việt được đọc nhiều nhất, giúp bạn nắm bắt các thông tin quan trọng và xu hướng hiện tại.
- Nhiều hàm có sẵn khó nắm bắt
- Theme đẹp hầu hết phải trả phí
- Để custom WordPress đẹp thì phải biết kiến thức tốt về web
- Mức độ an ninh chưa tốt.
XamPP
Xampp là một phần mềm tạo máy chủ Web tích hợp Apache, PHP, MySQL, FTP Server, Mail Server và các công cụ như phpMyAdmin Khác với Appserv, Xampp 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.
XAMPP is an open-source, cross-platform web server developed by Apache Friends It primarily includes the Apache HTTP Server, MariaDB database, and interpreters for PHP and Perl, making it a versatile tool for web development.
XAMPP là một nền tảng phát triển web đa năng, bao gồm Apache (A), MariaDB (M), PHP (P) và Perl (P) Với cấu trúc nhẹ và đơn giản, XAMPP cho phép lập trình viên dễ dàng tạo máy chủ web cục bộ để kiểm tra và triển khai trang web Tất cả các thành phần cần thiết cho việc phát triển web, bao gồm ứng dụng máy chủ Apache, cơ sở dữ liệu MariaDB và ngôn ngữ lập trình PHP, được gói gọn trong một tệp duy nhất Ngoài ra, XAMPP còn hỗ trợ nhiều hệ điều hành, hoạt động hiệu quả trên cả Linux, Windows và Mac.
TỔNG QUAN VỀ ĐỀ TÀI
Giới thiệu về Website Cửa hàng rau mầm Hải Phòng
Chọn website bán rau mầm tại Hải Phòng là một quyết định thông minh để khai thác tiềm năng của thị trường trực tuyến Thị trường đang phát triển mạnh mẽ, giúp tiếp cận lượng khách hàng rộng lớn, bao gồm cả khách hàng trong và ngoài Hải Phòng Website bán rau mầm mang lại sự tiện lợi và linh hoạt cho người tiêu dùng, tiết kiệm thời gian mua sắm Mục tiêu là tạo giao diện thân thiện, dễ sử dụng, cung cấp thông tin chi tiết về sản phẩm, hướng dẫn sử dụng và lợi ích dinh dưỡng Website cần có chức năng đặt hàng trực tuyến và thanh toán an toàn, cùng hệ thống quản lý đơn hàng chuyên nghiệp để đảm bảo sự hài lòng của khách hàng Các tính năng cần thiết bao gồm trình bày sản phẩm theo danh mục, chức năng tìm kiếm và lọc sản phẩm, hỗ trợ khách hàng qua chat trực tuyến, và tích hợp công cụ đánh giá từ khách hàng để tăng tính minh bạch và tin cậy.
Mục tiêu đề tài
Xây dựng một website để bán rau mầm tại Hải Phòng mang lại nhiều lợi ích quan trọng, trong đó có khả năng tiếp cận khách hàng rộng lớn Một trang web chuyên nghiệp giúp tăng cường sự hiện diện trực tuyến, thu hút khách hàng tiềm năng và tạo cơ hội mở rộng thị trường Thêm vào đó, việc bán hàng trực tuyến giúp tiết kiệm chi phí và thời gian, đồng thời nâng cao trải nghiệm mua sắm cho khách hàng.
Một website bán rau mầm giúp bạn tiếp cận khách hàng tiềm năng rộng lớn, không bị giới hạn bởi khu vực địa lý, từ Hải Phòng đến các vùng lân cận và xa hơn Khách hàng có thể dễ dàng xem và mua sắm sản phẩm mọi lúc, mọi nơi, tiết kiệm thời gian và mang lại tiện ích Một trang web chuyên nghiệp tạo lòng tin và minh bạch thông qua thông tin chi tiết về sản phẩm, quy trình sản xuất và chứng nhận chất lượng, đồng thời tích hợp công cụ đánh giá từ khách hàng Việc sở hữu website giúp mở rộng thị trường tiêu thụ, tăng doanh thu và thu hút khách hàng mới thông qua quảng cáo trực tuyến và tiếp thị qua email Cuối cùng, một website hấp dẫn giúp bạn tạo thương hiệu riêng và nổi bật trong lĩnh vực bán rau mầm, từ đó nâng cao khả năng cạnh tranh và tạo sự ưu việt trong tâm trí khách hàng.
Phân loại WordPress
Dịch vụ này giới hạn người dùng trong việc cài đặt theme bên ngoài và plugin, chỉ cho phép sử dụng các theme miễn phí và tính năng có sẵn của WordPress Tuy nhiên, ưu điểm lớn là người dùng không cần lo lắng về quản trị hạ tầng Web Hosting, bảo mật, hệ thống đường truyền hay backup dữ liệu, vì website hoạt động trên hệ thống máy chủ của WordPress.
Chi phí tối ưu hóa được giảm thiểu đến mức tối đa, tuy nhiên, nhược điểm của website là không thể phát triển linh hoạt theo nhu cầu của bạn do các tính năng hỗ trợ còn hạn chế.
WordPress.Org là trang web chính thức của mã nguồn WordPress, nơi bạn có thể tải bản cài đặt để tự cài lên Web hosting của mình, gọi là WordPress Self-Hosted Sử dụng phiên bản này, bạn có toàn quyền quản trị và lưu trữ dữ liệu trên Web hosting cá nhân, cùng với tên miền riêng mà không phải trả thêm phí Bạn có thể tự do cài đặt bất kỳ theme hoặc plugin nào và tùy biến theo kỹ năng của mình.
• Ưu điểm : Đạt được mục đích sử dụng
• Khuyết điểm : Đòi hỏi bạn phải có kinh nghiệm quản trị Web Hosting / kinh nghiệm xây dựng + quản lý website bằng mã nguồn mở PHP
Chi phí cao, có thể nói tỉ lệ thuận với hiệu suất sử dụng.
Lý do lựa chọn WordPress
WordPress được thiết kế dành cho người dùng phổ thông, không yêu cầu kiến thức lập trình nâng cao Giao diện quản trị trực quan và các thao tác đơn giản giúp người dùng nhanh chóng nắm bắt cách quản lý website Việc cài đặt WordPress cũng rất dễ dàng; bạn có thể tự cài đặt trên máy chủ riêng chỉ với vài cú click chuột.
2.4.2 Cộng đồng hỗ trợ đông đảo
Là một trong những mã nguồn CMS mở phổ biến nhất thế giới, WordPress mang đến cho bạn một cộng đồng người dùng rộng lớn Nếu bạn có khả năng tiếng Anh tốt, bạn sẽ dễ dàng tìm thấy câu trả lời cho các vấn đề của mình thông qua Google chỉ với vài từ khóa tìm kiếm Hãy truy cập vào trang hỗ trợ của WordPress tại https://wordpress.org/support/ để nhận được sự trợ giúp cần thiết.
2.4.3 Nhiều gói giao diện có sẵn
Khi sử dụng WordPress, giao diện website được gọi là theme Hiện có nhiều theme miễn phí giúp bạn dễ dàng thay đổi giao diện chỉ với vài cú click mà không cần thiết kế riêng Nếu bạn muốn một website đẹp và chuyên nghiệp hơn, có thể mua theme trả phí với giá từ $30 đến $65 Tuy nhiên, nếu bạn là người mới làm quen với WordPress, nên tạm quên theme trả phí vì cách cài đặt có thể khó khăn cho người bắt đầu.
Plugin nghĩa là một trình cắm thêm vào website để bổ sung các chức năng mà bạn cần
Sau khi cài đặt website WordPress, mặc định không có chức năng hiển thị bài viết liên quan dưới mỗi bài viết Tuy nhiên, bạn có thể dễ dàng thêm tính năng này bằng cách cài đặt các plugin miễn phí Ngoài ra, cũng có nhiều plugin trả phí với những tính năng độc đáo và hữu ích cho website, có giá từ $10 đến $80 tùy thuộc vào độ phức tạp.
2.4.5 Dễ phát triển cho lập trình viên
Nếu bạn thành thạo HTML, CSS, và PHP, việc mở rộng website WordPress với nhiều tính năng hữu ích sẽ trở nên dễ dàng WordPress là mã nguồn mở, cho phép bạn dễ dàng hiểu và phát triển các tính năng mới Với hàng nghìn hàm có sẵn, bạn có thể thoải mái sử dụng và tùy chỉnh chúng thông qua filter hook, giúp quy trình làm việc của lập trình viên chuyên nghiệp trở nên thuận tiện hơn khi ứng dụng vào WordPress.
2.4.6 Hỗ trợ nhiều ngôn ngữ
Mã nguồn WordPress hiện nay hỗ trợ nhiều gói ngôn ngữ, bao gồm cả Tiếng Việt Mặc dù mỗi giao diện và plugin đều có ngôn ngữ riêng, bạn vẫn có thể dễ dàng tự dịch chúng bằng các phần mềm hỗ trợ.
2.4.7 Có thể làm nhiều loại website
Mã nguồn WordPress hiện nay hỗ trợ nhiều gói ngôn ngữ, bao gồm cả tiếng Việt Mặc dù mỗi giao diện và plugin có ngôn ngữ riêng, bạn vẫn có thể dễ dàng tự dịch chúng bằng các phần mềm hỗ trợ.
Các tính năng cơ bản của WordPress
Khi bạn quyết định tạo một blog cá nhân, có nhiều lý do khác nhau dẫn đến sự lựa chọn này Tuy nhiên, so với các script và dịch vụ blog khác, WordPress nổi bật với những tính năng ưu việt mà bạn có thể sẽ yêu thích.
- Dễ cài đặt, chỉ cần khởi tạo database, upload và thiết lập tham số trong file wpconfig.php, sau 1, 2 lần click chuột, bạn đã sẵn sàng để viết blog
Bạn có thể tạo không giới hạn số lượng chuyên mục và chuyên mục con, giúp tổ chức nội dung một cách linh hoạt và hiệu quả Hệ thống tự động xuất RSS và Atom sẽ đảm bảo rằng thông tin trên blog của bạn được cập nhật ngay lập tức, mang lại trải nghiệm tốt nhất cho người đọc.
- Sử dụng giao diện XML RPC để trackback và viết bài từ xa
- Có thể đăng bài trên blog từ email
WordPress nổi bật với khả năng hỗ trợ plugin và theme, cho phép hàng nghìn nhà phát triển tham gia vào việc tạo ra các tính năng và giao diện phong phú Điều này không chỉ làm tăng tính đa dạng mà còn cải thiện trải nghiệm người dùng, giúp WordPress trở thành nền tảng phát triển web linh hoạt và mạnh mẽ.
You can import data from various platforms such as Blogger, Blogware, Bunny’s Technorati Tags, DotClear, GreyMatter, Jorome’s Keyword, LiveJournal, Movable Type, TypePad, RSS, Simple Tagging, and Textpattern, among others This feature is excellent for those looking to migrate from another blog to WordPress, as it allows you to retrieve all your posts from different blogs and seamlessly transfer them to WordPress.
- Rất nhiều tài liệu hướng dẫn để giúp phát triển thêm tính năng, và nhiều bộ API để mở rộng
- Dễ quản lý và duy trì mà chẳng cần phải có nhiều kĩ năng hay kinh nghiệm
- Khả năng tìm kiếm trên blog rất tốt
- Xuất bản nội dung ngay lập tức bất kể chiều dài của bài viết là bao nhiêu
- Hỗ trợ viết blog đa ngôn ngữ
- Administration Panel được tổ chức rất tốt với rất nhiều tính năng nhưng lại dễ hiểu và dễ sử dụng
Quản lý liên kết trở nên đơn giản với WordPress nhờ vào sự hỗ trợ của nhiều plugin và bộ API, cho phép bạn tùy chỉnh theo nhu cầu cá nhân WordPress không chỉ giúp bạn tạo ra một website hoàn chỉnh mà còn cung cấp hàng ngàn plugin và theme đa dạng Với một cộng đồng người dùng đông đảo luôn sẵn sàng hỗ trợ phát triển, WordPress khẳng định vị thế số 1 trong lĩnh vực này Một trong những lợi ích khi mua theme cao cấp cho WordPress là khả năng nâng cao tính năng và giao diện cho website của bạn.
- Hỗ trợ kỹ thuật sẵn có
- Hoàn toàn tùy biến trang web
- Chức năng và kỹ thuật nâng cao hơn
- Chủ đề của bạn sẽ được liên tục cập nhật
- Có thể được sử dụng cho các trang web lớn như Tổng công ty và các tạp chí tin tức trực tuyến…
Những hiểu lầm về WordPress
2.6.1 WordPress chỉ là một phần mềm
WordPress là phần mềm mã nguồn mở được phát triển bằng PHP và MySQL, giúp bạn tạo website nhanh chóng Tuy nhiên, việc tạo ra một website hoàn chỉnh không chỉ dựa vào các thao tác đơn giản Mặc dù có nhiều giao diện (Theme) và Plugin có sẵn, để tùy biến và tối ưu hóa website trên nền tảng WordPress, bạn cần có kiến thức vững về PHP, HTML, CSS, Javascript và các kỹ thuật liên quan khác.
2.6.2 WordPress chỉ dành cho người không biết code
WordPress không chỉ dành cho những người không chuyên lập trình, mà còn là nền tảng mạnh mẽ cho các lập trình viên Người dùng không biết lập trình có thể dễ dàng tạo website thông qua các tính năng có sẵn, thư viện giao diện phong phú và plugin hỗ trợ Tuy nhiên, nếu bạn có kỹ năng lập trình, WordPress cung cấp mã nguồn mạnh mẽ cho phép bạn tùy chỉnh và mở rộng khả năng của website một cách không giới hạn.
PHÂN TÍCH THIẾT KẾ HỆ THỐNG
Xác định các Actor và Use case tổng quát của hệ thống
1 Bộ phận quản trị - Đăng nhập
- Chức năng quản lý sản phẩm
- Chức năng giỏ hàng và thanh toán
STT Tên Use-Case Ý Nghĩa
1 Admin đăng nhập Cho phép admin đăng nhập để kiểm soát toàn bộ chức năng hệ thống
2 Xem sản phẩm Cho phép người dùng xem sản phẩm trên các màn hình khác nhau trong hệ thống
3 Xem chi tiết sản phẩm Cho phép người dùng xem chi tiết sản phẩm khi người dùng nhấp vào bất kỳ sản phẩm nào có trên hệ thống
4 Quản lý sản phẩm Cho phép admin có thể thêm, sửa, xóa được những sản phẩm cũng như thông tin sản phẩm trên hệ thống
5 Xem tin tức Cho phép người dùng xem các tin tức, sự kiện liên quan đến dòng sản phẩm được admin đăng tải
6 Quản lý tin tức Cho phép admin có thể thêm, sửa, xóa được những tin tức trên hệ thống
7 Quản lý giỏ hàng Cho phép người dùng thêm hoặc xóa sản phẩm ở giỏ hàng
8 Đặt Hàng Cho phép người dùng đặt hàng trực tiếp trên website của cửa hàng
9 Thanh Toán Cho phép người dùng thanh toán qua chuyển khoản trực tiếp hoặc nhận hàng rồi thanh toán
Người dùng có thể liên hệ với admin hoặc các cá nhân liên quan thông qua 10 phương thức khác nhau, tạo điều kiện thuận lợi cho việc giao tiếp và hỗ trợ Hình 2 hiển thị danh sách các Use-Case liên quan.
3.1.3 Biểu đồ Use Case Tổng Quát
Biểu đồ 1: Use Case Tổng Quát
Chức năng đăng nhập
3.2.1 Biểu đồ Use Case đăng nhập
Biểu đồ 2: Biểu đồ đăng nhập
- Mô tả: Tác nhân sử dụng Use Case để thực hiện chức năng đăng nhập
1 Truy cập vào hệ quản trị của trang web
2 Tác nhân nhập thông tin đăng nhập
3 Tác nhân nhấn vào nút đăng nhập
4 Hệ thống kiểm tra tính hợp lệ của thông tin
- Trạng thái hệ thống sau khi sử dụng Use Case
- Hệ thống sẽ đưa vào trang chủ
3.2.2 Biểu đồ đổi mật khẩu
Biểu đồ 3: Biểu đồ đổi mật khẩu
Biểu đồ 4: Biểu đồ đăng xuất
3.2.4 Đặc Tả Use-Case Liên Hệ
Biểu đồ 5: Use-case Liên Hệ
- Tác nhân: Admin, Khách Hàng
- Mô tả: Tác nhân sử dụng Use Case để thực hiện chức năng liên hệ Dòng sự kiện chính:
1 Truy cập vào trang web
2 Tác nhân nhập thông tin liên hệ
- Dòng sự kiện kết thúc:
- Tác nhân liên hệ trực tiếp qua những thông tin được gắn ở trang
- Trạng thái hệ thống sau khi sử dụng Use Case
- Thành công: Hệ thống hiển thị trang liên hệ
- Thất bại: Hệ thống báo lỗi
3.2.5 Đặc Tả Use-Case Đặt Hàng
Biểu đồ 6:Use-Case Đặt Hàng
- Mô tả: Tác nhân sử dụng Use Case để thực hiện chức năng đặt hàng
2 Tác nhân chọn giỏ hàng
3 Tác nhân chọn thanh toán
4 Tác nhân nhập đầy đủ thông tin yêu cầu
5 Tác nhân chọn đặt hàng
6 Thông tin đặt hàng gửi email Admin
- Khách hàng nhập thông tin còn thiếu hoặc không hợp lệ với định dạng và những trường hợp bắt buộc
- Hệ thống kiểm tra và không cho khách hàng gửi thông tin đặt hàng
- Kho hàng không đủ số lượng sản phẩm
- Trạng thái hệ thống sau khi sử dụng Use Case
- Thành công: Hệ thống hiển thị đặt hàng thành công
- Thất bại: Hệ thống báo lỗi
3.3.1 Biểu đồ trình tự chức năng đăng ký
Biểu đồ 7: Biểu đồ chức năng đăng kí
Chức năng quản lý giỏ hàng, thanh toán
3.4.1 Biểu đồ Use Case chức năng quản lý giỏ hàng, thanh toán
Biểu đồ 8: Phân rã Use Case Đặt Hàng
Khách hàng truy cập trang web để thực hiện chức năng đặt hàng, bắt đầu bằng việc tìm kiếm sản phẩm và thêm vào giỏ Sau khi thêm hàng, sản phẩm sẽ được cập nhật và hiển thị trong giỏ hàng Khi đã chọn xong sản phẩm, khách hàng có thể cập nhật giỏ hàng để điều chỉnh số lượng của từng mặt hàng Nếu không muốn mua một sản phẩm nào đó, khách hàng có thể dễ dàng xóa khỏi giỏ hàng.
Khách hàng sẽ hoàn tất quá trình bằng cách gửi đơn hàng, trong đó cần điền thông tin cá nhân để người quản trị có thể liên lạc lại Thông tin giỏ hàng sẽ được gửi đến email của người quản trị và được lưu trữ trong cơ sở dữ liệu Hệ thống sẽ tạo đơn hàng mới nếu khách hàng tiếp tục thực hiện các đơn đặt hàng.
3.4.2 Phân rã Use case cập nhật sản phẩm
Biểu đồ 9: Phân rã Use Case cập nhật sản phẩm
Mô tả Use case Cập nhật sản phẩm: Người quản trị thực hiện chức năng cập nhật sản phẩm trong trang quản trị
Chức năng quản lý sản phẩm bao gồm Thêm Hàng, Sửa thông tin sản phẩm và Xóa sản phẩm Thông tin chi tiết của từng sản phẩm sẽ được hiển thị trên trang người dùng để khách hàng dễ dàng tham khảo Trong quá trình cập nhật sản phẩm, chức năng Tìm kiếm sản phẩm sẽ hỗ trợ thực hiện các thao tác này một cách hiệu quả.
3.4.3 Phân rã Use case Cập nhật
Biểu đồ 10: Use Case Cập nhật 3.4.4 Biểu đồ phân rã quản lý Admin
Biểu đồ 11: Biểu Đồ Use Case phân rã quản lý Admin
XÂY DỰNG WEBSITE ĐẶT RAU MẦM
Những phần mềm sử dụng khi thiết kế website
4.1.1 Phần mềm sử dụng XamPP
Hình 3: Chạy “Apache” và “MySql”
XAMPP là phần mềm phổ biến được lập trình viên sử dụng để phát triển dự án website WordPress trên nền tảng PHP Nó cho phép cài đặt và chạy trực tiếp trên Windows, giúp bạn xây dựng trang web mà không cần tên miền và hosting.
XAMPP được xem là một bộ công cụ hoàn chỉnh dành cho lập trình viên PHP, có tích hợp các thành phần quan trọng và tương thích nhau:
- PHP (tạo môi trường chạy các tập tin script *.php)
- MySql (hệ quản trị dữ liệu mysql)
XamPP là phần mềm giúp bạn mô phỏng môi trường server hosting, cho phép chạy thử nghiệm website ngay trên máy tính mà không cần mua hosting hay VPS Phần mềm này rất tiện lợi cho việc phát triển và kiểm tra các dự án web.
4.1.2 Tạo Database MySQL cho Wordpress với PhpMyAdmin
Mở trình duyệt, truy cập vào đường dẫn: http://localhost/phpmyadmin/ Ở mục ôCreate new databaseằ, gừ vào tờn CSDL cho Wordpress sử dụng
Hình 4: Tạo Database 4.1.3 Download và cài đặt Wordpress
• Truy cập vào trang web:
• Hoặc download trực tiếp tại:
Hình 5: Tải WordPress về 4.1.4 Cài đặt Wordpress
Mở thư mục cài đặt XAMPP ra, tiến hành giải nén Wordpress vào ”htdocs\athena”
Hình 6: Giải nén rồi thêm vào “htdocs”
Mở trình duyệt, truy cập vào trang ”http://localhost/athena” và tiến hành cài đặt wordpress như hướng dẫn ở hình bên dưới
Hình 7: Tạo cấu hình phù hợp
Hình 8: Ấn để ra trang tạo thông tin WordPress
Hình 9: Tạo thông tin wordpress kết nối với Database mà đã tạo trên MySQL
Hình 10: Ấn để ra trang tạo thông tin web
Hình 11: Ta điền tiêu đề trang web và thông tin tài khoản quản trị
Hình 12: Ấn để ra trang đăng nhập WordPress
Hình 13: Đăng nhập vào WordPress
Hình 14: Là giao diện trang quản trị của WordPress
Giao Diện Website Cửa Hàng Rau Mầm Hải Phòng
Hình 15: Giao diện trang chủ
Trang này tổng hợp toàn bộ nội dung chính của website, cho phép bạn thực hiện mọi công việc mong muốn Bằng cách nhấp vào các mục tương ứng, bạn sẽ được liên kết đến các trang phù hợp với yêu cầu của mình.
4.2.2 Header Đây là phần đầu của trang website, là nơi thể hiện tiêu đề website, hoặc có thể là logo trang website Kèm theo là các thanh menu, trên thanh thể hiện các chuyên mục của các bài viết Với một website lớn trong chuyên mục còn có các chuyên mục con Tùy thuộc vào theme wordpress mà phần header có thể khác nhau Trang chủ của website liệt kê tất cả các bài viết của các chuyên mục
Trong website Rau mầm Hải Phòng header bao gồm các thanh menu như sau:
Hình 16: Thanh Menu Website Rau mầm Hải Phòng
Trang chủ của một website bán hàng đóng vai trò quan trọng trong việc tạo ấn tượng ban đầu và thu hút khách hàng Đây là điểm đến đầu tiên của người dùng khi truy cập vào website, vì vậy nó cần phải hấp dẫn và dễ sử dụng để giữ chân khách hàng.
Hình 17: Rau mầm được ưa chuộng tại cửa hàng
Cửa Hàng Rau Mầm Hải Phòng không chỉ là điểm đến để chiêm ngưỡng sự sinh trưởng của các mầm rau, mà còn là biểu tượng của đam mê và tình yêu dành cho những người yêu thích chất xơ tự nhiên Chúng tôi bắt đầu từ một ước mơ nhỏ, với mong muốn mang đến cho khách hàng những trải nghiệm tuyệt vời về rau sạch và chất lượng từ khắp nơi trên thế giới.
Chất lượng là yếu tố then chốt để tạo ra mầm rau tuyệt vời, vì vậy chúng tôi luôn tìm kiếm nguồn cung cấp hạt giống tốt nhất từ các vùng miền xa xôi và địa phương Chúng tôi thiết lập mối quan hệ đáng tin cậy với các nhà cung cấp để đảm bảo sử dụng những mầm rau xanh tươi và giàu chất dinh dưỡng nhất.
Tại cửa hàng của chúng tôi, mỗi mầm rau được chăm sóc tỉ mỉ bởi những người làm vườn tài ba Với sự sáng tạo và tâm huyết, chúng tôi biến những nguyên liệu đơn giản thành những mầm rau xanh tươi, giàu dinh dưỡng Chúng tôi cung cấp thông tin về giá trị dinh dưỡng và công dụng của từng loại rau, nhằm mang đến cho bạn những thực phẩm tốt nhất cho sức khỏe.
Cửa hàng Rau mầm Hải Phòng không chỉ là một địa điểm mua sắm, mà còn mang đến một không gian thân thiện và ấm cúng Chúng tôi tự hào với thiết kế trang trí đẹp mắt, tạo cảm giác thoải mái cho khách hàng khi đến thăm.
Chúng tôi mong muốn tạo ra một không gian thư giãn, nơi bạn có thể tận hưởng bầu không khí đáng nhớ bên gia đình và bạn bè.
Khám phá câu chuyện độc đáo tại Cửa Hàng Rau Mầm Hải Phòng, nơi chúng tôi cung cấp những cây rau mầm tươi ngon và giàu dinh dưỡng Chúng tôi cam kết mang đến cho bạn những sản phẩm tốt nhất để nâng cao chất lượng cuộc sống của bạn.
Hình 18: Giá trị dinh dưỡng của rau mầm
Dưới đây là thông tin về địa chỉ và thời gian hoạt động của một cửa hàng rau mầm :
Hình 19: Thông tin địa chỉ và thời gian của quán
Trang giỏ hàng trên website bán hàng đóng vai trò quan trọng trong việc hướng dẫn và nâng cao trải nghiệm người dùng Nó giúp người mua dễ dàng theo dõi sản phẩm đã chọn, điều chỉnh số lượng và tính toán tổng chi phí trước khi quyết định thanh toán Trang giỏ hàng cũng cung cấp thông tin rõ ràng về chính sách vận chuyển và hoàn trả, từ đó tạo sự tin tưởng và khuyến khích khách hàng hoàn tất giao dịch.
Giỏ hàng trên website giúp người dùng kiểm tra và tổ chức sản phẩm một cách rõ ràng, từ đó tạo điều kiện thuận lợi cho việc thanh toán sản phẩm đã chọn.
Giỏ hàng trên website giúp tăng doanh thu nhanh chóng bằng cách phân loại các danh mục sản phẩm, tạo điều kiện thuận lợi cho người dùng trong việc thanh toán và tìm kiếm sản phẩm mà họ mong muốn.
Một giỏ hàng được thiết kế tốt sẽ nâng cao trải nghiệm người dùng trên website, đảm bảo tính thân thiện, dễ sử dụng và dễ hiểu, từ đó giúp người dùng cảm thấy thoải mái hơn khi mua sắm trực tuyến.
Trang giới thiệu trên website bán hàng đóng vai trò quan trọng cho cả doanh nghiệp và khách hàng Nó giúp doanh nghiệp xây dựng thương hiệu, tạo niềm tin và kết nối với khách hàng Đồng thời, trang này cung cấp thông tin cần thiết về sản phẩm, dịch vụ và giá trị cốt lõi của doanh nghiệp, từ đó hỗ trợ khách hàng đưa ra quyết định mua sắm thông minh.
Trang giới thiệu đóng vai trò quan trọng trong việc xây dựng niềm tin và lòng tin của khách hàng đối với doanh nghiệp Nó xác định danh tính của doanh nghiệp bằng cách cung cấp thông tin về lịch sử, sứ mệnh, giá trị cốt lõi và đội ngũ nhân viên Những thông tin này giúp khách hàng cảm thấy an tâm hơn khi quyết định mua sắm.