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
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 bên liên quan thông qua 10 phương thức khác nhau Hình 2 minh họa danh sách các trường hợp sử dụng.
2.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
2.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ủ
2.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
2.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
2.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
2.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
2.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ỏ hàng Sau khi sản phẩm được thêm, giỏ hàng sẽ tự động cập nhật và hiển thị các mặt hàng đã chọn Khi đã hoàn tất việc chọn sản phẩm, khách hàng có thể cập nhật số lượng hàng trong giỏ hoặc xóa những sản phẩm không còn muốn mua.
Khách hàng sẽ hoàn tất việc gửi đơn hàng bằng cách điền thông tin cá nhân để quản trị viên có thể liên lạc Thông tin giỏ hàng sẽ được gửi đến email của quản trị viên và lưu trữ trong cơ sở dữ liệu Nếu khách hàng muốn tiếp tục đặt hàng, hệ thống sẽ tạo đơn hàng mới.
2.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ị
Bài viết này đề cập đến các 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 Tất cả thông tin sản phẩm sẽ được hiển thị trên trang người dùng để khách hàng dễ dàng theo dõi và xem xét.
Trong quá trình cập nhật sản phẩm, chức năng Tìm kiếm sản phẩm được sử dụng trong quá trình thực hiện các chức năng trên
2.4.3 Phân rã Use case Cập nhật
Biểu đồ 10: Use Case Cập nhật
2.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 BÁN MÁY IN
Những phần mềm sử dụng khi thiết kế website
3.1.1 Phần mềm sử dụng XamPP
Hình 3: Chạy Module ”Apache” và ”MySql”
XAMPP là phần mềm phổ biến cho lập trình viên, hỗ trợ xây dựng và phát triển dự án website WordPress trên nền tảng PHP Ứng dụng này có thể cài đặt và chạy trực tiếp trên hệ điều hành Windows, cho phép người dùng tạo website 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 tạo môi trường server hosting, cho phép bạn thử nghiệm và chạy demo một website ngay trên máy tính mà không cần mua hosting hay VPS.
3.1.2 Tạo Database MySQL cho Wordpress với PhpMyAdmin
Mở trình duyệt, truy cập vào đường dẫn:
31 http://localhost/phpmyadmin/ Ở mục ôCreate new databaseằ, gừ vào tờn CSDL cho Wordpress sử dụng
3.1.3 Download và cài đặt Wordpress
• Truy cập vào trang web:
• Hoặc download trực tiếp tại:
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 Bán máy in & phụ kiện máy in
Hình 15: Giao diện trang chủ
Trang này tổng hợp tất cả 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, chương trình sẽ dẫn bạn đến các trang liên quan để đáp ứng nhu cầu của bạn.
3.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 Bán máy in & phụ kiện máy in header bao gồm các thanh menu như sau:
Hình 16: Thanh Menu Website Bán máy in & phụ kiện máy in
Trang chủ của một website bán hàng là yếu tố quyết định trong việc tạo ấn tượng ban đầu và thu hút khách hàng Đây là điểm dừng chân đầu tiên của người dùng khi truy cập vào website, do đó, nó cần phải được thiết kế hấp dẫn và dễ sử dụng để giữ chân khách hàng.
Hình 17: Sản phẩm được ưa chuộng tại cửa hàng
Website bán máy in và phụ kiện máy in của chúng tôi không chỉ cung cấp thông tin về các sản phẩm công nghệ in mới mà còn giúp khách hàng khám phá và tìm hiểu những sản phẩm máy in tốt nhất Với ước mơ mang đến trải nghiệm sản phẩm chất lượng hàng đầu, chúng tôi cam kết phục vụ nhu cầu của khách hàng một cách tốt nhất trên thị trường.
Chúng tôi cam kết mang đến sản phẩm máy in chất lượng cao nhất bằng cách hợp tác với các nhà cung cấp uy tín và nổi tiếng Chất lượng là ưu tiên hàng đầu của chúng tôi, vì vậy chúng tôi chỉ cung cấp máy in chính hãng Website bán máy in và phụ kiện của chúng tôi không chỉ là một cửa hàng, mà còn là một không gian thân thiện, ấm cúng, với thiết kế đẹp mắt và dịch vụ chuyên nghiệp, nhằm mang đến trải nghiệm thư giãn và đáng nhớ cho bạn và người thân.
Hãy đến và trải nghiệm câu chuyện đặc biệt của chúng tôi tại Website Bán máy in
& phụ kiện máy in Chúng tôi mong muốn mang đến cho bạn những sản phẩm tốt nhất chất lượng nhất một cách tuyệt vời
Hình 18: Tất cả sản phẩm
Dưới đây là thông tin về địa chỉ và thời gian hoạt động của Website Bán máy in & phụ kiện máy in:
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à cải thiện trải nghiệm người dùng Nó giúp người tiêu dùng 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 hoàn tất giao dịch Một trang giỏ hàng hiệu quả không chỉ tăng cường sự hài lòng của khách hàng mà còn góp phần nâng cao tỷ lệ chuyển đổi và doanh thu cho website.
Giỏ hàng trên website cung cấp một cấu trúc rõ ràng và tổ chức cho các trang cùng danh mục sản phẩm, giúp người dùng dễ dàng kiểm tra và thanh toán sản phẩm một cách thuận tiện.
41 sản phẩm mà họ lựa chọn
Giỏ hàng là công cụ quan trọng giúp tăng doanh thu cho website bằng cách tạo điều kiện thuận lợi cho người dùng Việc phân loại các danh mục sản phẩm giúp khách hàng dễ dàng tìm kiếm và thanh toán cho những sản phẩm họ muốn mua, từ đó thúc đẩy doanh thu một cách nhanh chóng.
Để cải thiện trải nghiệm người dùng, việc thiết kế một giỏ hàng hiệu quả là rất quan trọng Một giỏ hàng tối ưu sẽ nâng cao tính thân thiện, dễ sử dụng và dễ hiểu, từ đó mang lại sự hài lòng cho người dùng khi truy cập website.
Trang giới thiệu trên website bán hàng đóng vai trò quan trọng đối với doanh nghiệp và khách hàng Nó giúp xây dựng lòng tin và uy tín cho thương hiệu, cung cấp thông tin cần thiết về sản phẩm và dịch vụ, đồng thời tạo cơ hội để khách hàng hiểu rõ hơn về giá trị và sứ mệnh của doanh nghiệp Một trang giới thiệu hiệu quả còn góp phần cải thiện SEO, thu hút lượng truy cập và tăng khả năng chuyển đổi khách hàng.
Trang giới thiệu là yếu tố quan trọng trong việc xây dựng niềm tin và lòng tin từ khách hàng, vì nó xác định danh tính doanh nghiệp thông qua việc cung cấp thông tin về lịch sử, sứ mệnh, và giá trị cốt lõi Đội ngũ nhân viên cũng được giới thiệu, giúp khách hàng cảm thấy an tâm hơn khi quyết định mua hàng.
Trang giới thiệu đóng vai trò quan trọng trong việc tạo sự kết nối và nhận diện thương hiệu, giúp khách hàng hiểu rõ triết lý kinh doanh và phương thức hoạt động của bạn Sự hiểu biết này không chỉ tạo ra mối liên hệ chặt chẽ giữa khách hàng và thương hiệu mà còn góp phần xây dựng hình ảnh mạnh mẽ cho công ty.
Hình 22: Đánh giá về cửa hàng
Trang liên hệ trên website của cửa hàng là không gian cho khách hàng gửi ý kiến đóng góp, giúp cải thiện dịch vụ Đây là yếu tố quan trọng trong trải nghiệm mua sắm trực tuyến, mang lại nhiều lợi ích cho cả khách hàng và cửa hàng.
Trang liên hệ cung cấp bản tổng hợp tất cả các đơn hàng mà khách hàng đã gửi từ khi bắt đầu đặt, giúp cửa hàng dễ dàng xem xét, kiểm tra và đưa ra giải pháp tốt nhất cho khách hàng.
Hình 24: Form Đặt Hàng Qua Chuyển Khoản Ngân Hàng
Các thành viên trong ban quản trị có quyền viết thông báo, quản lý thông tin thành viên, bao gồm nhập, xóa, sửa và thêm mới Họ cũng có khả năng tìm kiếm và thống kê, in ấn dựa trên quyền hạn được phân công Trang này chỉ dành riêng cho các thành viên trong ban quản trị để thực hiện các nhiệm vụ trên.