KHẢO SÁT HỆ THỐNG VÀ XÁC ĐỊNH YÊU CẦU
KHẢO SÁT HỆ THỐNG
1.1 Lý do xây dựng của hệ thống
Ngày nay, sự phát triển mạnh mẽ của công nghệ thông tin đã làm gia tăng nhu cầu mua sắm trực tuyến và thanh toán điện tử, dẫn đến sự bùng nổ của thương mại điện tử tại Việt Nam Để đáp ứng nhu cầu này, tôi đã phát triển một website thương mại điện tử mang thương hiệu HĐ STORE, giúp quản lý bán hàng và cửa hàng một cách dễ dàng và hiệu quả Website này không chỉ tiết kiệm chi phí mà còn đảm bảo các chức năng quan trọng với hiệu suất cao Công nghệ hiện nay cung cấp nhiều phương pháp để xây dựng website bán hàng thông minh, trong đó Wordpress nổi bật với các tính năng hỗ trợ người dùng trong việc quản lý và xây dựng website dễ dàng và thuận tiện.
1.2 Mục đích ý nghĩa của đề tài
- Tăng số lượng khách hàng hiện có, tiếp cận khách hàng mới và tăng chuyển đổi thành khách hàng tiềm năng
- Tăng sự tương tác với các nhà thầu và trong công ty
- Nơi giao tiếp hiệu quả với khách hàng
Khách hàng có thể mua sắm hàng hóa và sử dụng dịch vụ một cách thuận tiện ngay tại nhà nhờ vào hệ thống thanh toán điện tử.
- Quản lý các đơn hàng tới tay người dùng 1 cách nhanh và hiệu quả nhất
- Quản lý trạng thái cái đơn hàng khi người dùng đặt hàng Đỗ Đăng Hoan CNTT - K8 2
XÁC ĐỊNH YÊU CẦU
2.1 Xác định chứ năng Để giới thiệu các hàng hóa hiện tại của công ty lên mạng thì hệ thông phải quản lý được các hàng hóa của công ty hiện có Quản lý như thế nào để thông tin về hàng hóa của công ty là có hệ thống vào đầy đủ Và khi thể hiện các hàng hóa đó lên trang web, các thông tin về hàng hóa này phải có khoa học, trực quan, sinh động không dư thừa hay thiếu hụt Đây là một yêu cầu khá quan trọng đặt ra cho hệ thống
Cơ sở dữ liệu hàng hóa cần được tổ chức một cách thuận tiện để dễ dàng cập nhật, bổ sung và sửa chữa Khi khách hàng duyệt sản phẩm trong siêu thị ảo và chọn hàng để đặt, hệ thống phải có khả năng xử lý đơn hàng hiệu quả Một trong những chức năng quan trọng là ghi nhận thông tin khách hàng, bao gồm danh tính, các sản phẩm đã mua và số lượng từng mặt hàng.
2.2 Các chức năng của hệ thống
Cập nhật thông tin hàng hóa trực tuyến giúp doanh nghiệp dễ dàng thay đổi hình ảnh, thông tin chi tiết và giá cả của các sản phẩm một cách thường xuyên.
Khách hàng có thể đặt hàng trực tuyến một cách dễ dàng qua website, nơi họ có thể tìm kiếm hàng hóa, chọn lựa sản phẩm, thêm hoặc bớt mặt hàng vào giỏ hàng, và hệ thống sẽ tự động tính toán cũng như ghi nhớ đơn hàng và đơn đăng ký mua hàng một cách thuận tiện.
Quản lý đơn hàng trực tuyến cho phép lưu trữ và thống kê các hoạt động liên quan đến khách hàng, giúp doanh nghiệp thực hiện công việc từ xa mà không bị ràng buộc bởi vị trí địa lý.
2.3 Các phi chức năng của hệ thộng
- Giao diện website thân thiện dễ dàng sử dụng đối với khách hàng
- Dễ dàng mua những sản phẩm cần thiết đối với khách hàng qua chức năng tìm kiếm
- Thông tin về sản phẩm và thông số kĩ thuật đây đủ cho tưng loại sản phẩm khác nhau
- Dễ dàng nắm bắt các thông tin mới nhất về thị trường công nghệ trên toàn thế giới
- Đưa những thông tin khuyến mại cực sốc đến với khách hàng qua trang khuyến mại Đỗ Đăng Hoan CNTT - K8 3
TỔNG QUAN VỀ WORDPRESS
3.1 Giới thiệu chung về Wordpress
WordPress là phần mềm mã nguồn mở được phát triển bằng ngôn ngữ PHP và sử dụng MySQL làm hệ quản trị cơ sở dữ liệu Được ra mắt vào ngày 27/5/2003 bởi Matt Mullenweg và Mike Little, WordPress hiện nay thuộc sở hữu của công ty Automattic, có trụ sở tại San Francisco, California, Hoa Kỳ.
WordPress là một mã nguồn mở bằng ngôn ngữ PHP, nổi bật với tính dễ sử dụng và nhiều tính năng hữu ích, được nhiều người ủng hộ Sự gia tăng người dùng và sự tham gia của các lập trình viên đã giúp phát triển WordPress với nhiều tính năng tuyệt vời Đến năm 2015, WordPress đã trở thành một hệ quản trị nội dung (CMS) vượt trội, hỗ trợ người dùng tạo ra nhiều loại website khác nhau, từ blog, website tin tức, giới thiệu doanh nghiệp, đến thương mại điện tử và các website phức tạp như đặt phòng khách sạn hay đăng dự án bất động sản Hầu hết các hình thức website quy mô nhỏ và vừa đều có thể triển khai trên nền tảng WordPress.
WordPress không chỉ phù hợp với các dự án nhỏ, mà hiện nay khoảng 25% trong số 100 website lớn nhất thế giới sử dụng mã nguồn này Một số ví dụ tiêu biểu bao gồm TechCrunch, Mashable, CNN, BBC America, Variety, Sony Music, MTV News, Bata, và Quartz.
3.2 Giới thiệu về Xampp và cài đặt
XAMPP là phần mềm nguồn mở miễn phí, bao gồm 5 module: Cross-Platform (X), Apache (A), MariaDB (M), PHP (P) và Perl (P), cho phép tạo web server trên máy tính cá nhân (Localhost) Nó tương thích với các hệ điều hành phổ biến như Linux, MacOS và Windows Với mã nguồn mở và tính dễ sử dụng, XAMPP ngày càng trở nên phổ biến nhờ vào sự đơn giản và gọn nhẹ của nó.
XAMPP là công cụ phổ biến được sử dụng bởi cả người dùng thông thường và lập trình viên để phát triển và vận hành các website sử dụng ngôn ngữ lập trình PHP, bao gồm các nền tảng như WordPress, Joomla!, Magento, Drupal, OpenCart và phpBB.
Trong mã nguồn WordPress, nhiều tính năng đã được lập trình để tương tác với cơ sở dữ liệu MySQL, giúp người dùng lưu trữ dữ liệu mềm trên website Tất cả dữ liệu mềm được lưu trữ trong cơ sở dữ liệu bao gồm nội dung văn bản, các thiết lập (được lưu dưới dạng kiểu dữ liệu) và một số dữ liệu khác.
Nếu vào xem database thông qua phpMyAdmin hoặc các ứng dụng tương tự, sẽ thấy WordPress có nhiều bảng dữ liệu để chứa các dữ liệu được lưu vào
Hình 1.1: Dữ liệu Wordpress trong MySQL
WordPress làm gì mỗi khi có người truy cập vào website?
Khi một người truy cập vào website, WordPress sẽ tự động xử lý theo quy trình sau:
Bước 1 – Khởi động mã nguồn
Tập tin index.php trong mã nguồn được tải lên và sau đó truy xuất các tập tin cốt lõi khác như wp-config.php để kết nối với cơ sở dữ liệu và wp-settings.php.
Mở tập tin index.php để theo dõi thứ tự tải các tập tin được nhúng WordPress kết nối đến cơ sở dữ liệu được thiết lập trong wp-config.php và tải các tính năng từ mã nguồn như /wp-includes/functions.php và /wp-includes/options.php để chuẩn bị các chức năng cần thiết cho việc tiếp nhận dữ liệu.
Các plugin đang kích hoạt trên website sẽ được tải ngay sau khi mã nguồn WordPress khởi động Các tính năng trong WordPress Core thường được gắn vào hook init, cho phép chúng được kích hoạt ngay sau khi WordPress khởi động.
Bước 3 – Thực thi tập tin functions.php trong theme
At this point, WordPress will search for the functions.php file in the currently activated theme to load the features declared by the theme creator.
WordPress có thể hiểu được website đang dùng theme đã kết nối vào database và dựa theo khoá current_theme trong cột option_name tại bảng wp_options
Hình 1.2: Kết nối tập tin vs database
WordPress xác định thêm hiện tại thông qua database
Bước 4 – Phân tích và khởi tạo truy vấn là giai đoạn quan trọng giúp website hiển thị nội dung ra bên ngoài, vì nội dung sẽ được trả về sau khi các truy vấn được gửi vào cơ sở dữ liệu.
Truy vấn là lệnh gửi đến cơ sở dữ liệu để lấy thông tin cần thiết Trong trường hợp này, truy vấn SQL được gửi đến MySQL Server.
Initially, WordPress executes the wp() function defined in /wp-includes/functions.php, which calls the $wp->main() method to establish the query The $wp object is instantiated by the WP class located in /wp-includes/class-wp.php.
Lúc này, phương thức \$wp->parse_request()\$ được khởi động để phân tích truy vấn dựa trên đường dẫn của website WordPress tự động sinh truy vấn theo đường dẫn, ví dụ như khi truy cập vào \$http://domain.com/?p3\$.
WordPress sẽ gửi một truy vấn vào database để lấy dữ liệu của post mang số ID là
Sau khi phân tích truy vấn, WordPress thiết lập các hàm điều kiện qua phương thức \$wp_query->parse_query()\$ Tiếp theo, nó chuyển đổi các truy vấn thành lệnh SQL để gửi đến MySQL và lấy dữ liệu bài viết bằng phương thức \$wp_query->get_posts()\$ Nếu cơ sở dữ liệu có dữ liệu, các bài viết sẽ được lưu vào đối tượng \$wp_query\$ để sử dụng trong các vòng lặp hiển thị Nếu không tìm thấy dữ liệu, hệ thống sẽ phân tích và hiển thị lỗi 404 Cuối cùng, nếu có dữ liệu, biến \$post\$ sẽ được thiết lập để sử dụng trong vòng lặp, chứa các thông tin bài viết qua các thuộc tính.
Bước 5 – Thực thi các tập tin khuôn mẫu (template) trong theme
GIỚI THIỆU CHUNG, CHỨC NĂNG CỦA WOOCOMMERCE
Woocommerce là một plugin miễn phí hàng đầu cho việc tạo trang thương mại điện tử nhỏ trên nền tảng WordPress Plugin này không chỉ bổ sung chức năng cho website mà còn cung cấp hầu hết các tính năng cần thiết cho một trang bán hàng đơn giản.
Woocommerce sẽ có các chức năng chính như:
Tạo ra các sản phẩm với nhiều định dạng khác nhau, bao gồm sản phẩm thông thường, sản phẩm có thuộc tính, sản phẩm affiliate và sản phẩm kỹ thuật số có thể tải về.
Hỗ trợ một số hình thức thanh toán online như PayPal, Credit Card, CoD, Cash và sẽ càng nhiều hơn khi cài thêm plugin hỗ trợ cho riêng nó
Hỗ trợ tự tính thuế sản phẩm hoặc thuế theo đơn hàng
Hỗ trợ tính giá chuyển phát tự động với nhiều loại hình khác nhau, giá chuyển phát sẽ trở nên đa dạng hơn khi cài đặt thêm các plugin, cho phép tính toán dựa trên các yếu tố như cân nặng, kích thước và tỉnh thành.
Trang quản lý đơn hàng chuyên nghiệp, lọc đơn hàng thông qua từng trạng thái
Hỗ trợ template hiển thị riêng giúp lập trình viên dễ dàng cấu hình lại giao diện phần shop và sản phẩm, mang lại nhiều lợi ích cho việc phát triển.
Có sẵn nhiều theme và extension (plugin mở rộng) để biến thành trang shop chuyên nghiệp
Và hàng tá các chức năng hay ho khác nữa
Với các tính năng nổi bật, Woocommerce là lựa chọn lý tưởng cho những ai muốn tạo một trang shop đơn giản trên website WordPress, giúp giới thiệu sản phẩm và cho phép khách hàng đặt hàng trực tuyến một cách tiện lợi.
THEMES FLASTSOME
Flatsome là một theme bán hàng với khả năng tùy biến cao, được nhiều người dùng WordPress Việt Nam ưa chuộng Nó nổi bật nhờ vào tốc độ tải nhanh và trọng lượng nhẹ, khiến nó trở thành lựa chọn hàng đầu cho các website lớn.
Download và cài đặt themes flastsome vào wordpress Đỗ Đăng Hoan CNTT - K8 9
Hình 1.3: Cài đặt themes Flatsome vào giao diện
Giao diện các tiện ích của cửa hàng Flastsome
Hình 1.4: Flastsome Studio Đỗ Đăng Hoan CNTT - K8 10
CÁC PLUGIN KHÁC ĐƯỢC SỬ DỤNG TRONG WEBSITE
Plugin là công cụ hoặc chương trình cài cắm cho website WordPress, giúp mở rộng chức năng cần thiết Người dùng WordPress chắc chắn cần sử dụng plugin để tạo ra các trang web chuyên nghiệp Việc sử dụng plugin rất tiện lợi cho việc xây dựng website với nhiều tính năng, giúp website trở nên sinh động và mang lại trải nghiệm thú vị cho người dùng.
WooSidebar là plugin do Woocommerce phát triển, giúp tạo tiện ích trong sidebar của trang cửa hàng, từ đó hỗ trợ khách hàng trong việc kiểm soát và lựa chọn đơn hàng một cách dễ dàng hơn.
Truy cập quản trị Wordpress và chọn plugin và tìm kiếm WooSidebar cài đặt và kích hoạt
Hình 1.5: Plugin WooSidebars Đỗ Đăng Hoan CNTT - K8 11
YITH WooCommerce Wishlist là một plugin giúp khách hàng khi đăng nhập thêm những sản phẩm mình yêu thích trong tài khoản
Truy cập quản trị Wordpress và chọn plugin và tìm kiếm YITH WooCommerce cài đặt và kích hoạt
Hình 1.6: Plugin YITH WooCommerce Wishlist
6.3 Fonts Plugin | Google Fonts Typography
Plugin Google Fonts Typography cho phép người dùng dễ dàng thay đổi font chữ trên website, mang đến nhiều lựa chọn font đa dạng, giúp website trở nên bắt mắt và thu hút hơn.
Truy cập quản trị Wordpress và chọn plugin và tìm kiếm Fonts Plugin | Google Fonts Typography cài đặt và kích hoạt
Hình 1.7: Plugin Fonts Plugin | Google Fonts Typography Đỗ Đăng Hoan CNTT - K8 12
Plugin Facebook chat Plugin – live chat Plugin for Wordpress là một plugin miễn phí cho phét người quản trị chèn nút nhắn tin với khách hàng qua Facebook
Truy cập quản trị Wordpress và chọn plugin và tìm kiếm Insert Headers and Footers cài đặt và kích hoạt
Hình 1.8: Plugin Facebook chat Plugin – live chat Plugin for Wordpress
6.5 Woo Viet - WooCommerce for Vietnam
Woo Viet - WooCommerce for Vietnam là một plugin dùng để cập nhật các tỉnh thành ở Việt Nam khi khách hàng đặt sản phẩm và giao hàng tới địa chỉ
Truy cập quản trị Wordpress và chọn plugin và tìm kiếm Woo Viet - WooCommerce for Vietnam cài đặt và kích hoạt
Hình 1.9: Plugin Woo Viet - WooCommerce for Vietnam Đỗ Đăng Hoan CNTT - K8 13
6.6 Thanh Toán Quét Mã QR - Momo, Zalo Pay, Moca Grab, AirPay
Thanh Toán Quét Mã QR - Momo,Zalo Pay, AirPay là một plugin dùng để thêm các phương thức thanh toán quét mã QR như Momo, Zalo Pay, AirPay
Truy cập quản trị Wordpress và chọn plugin và tìm kiếm Thanh Toán Quét Mã QR - Momo, Zalo Pay, Moca Grab, AirPay cài đặt và kích hoạt
Hình 1.10: Plugin Thanh Toán Quét Mã QR - Momo, Zalo Pay, AirPay… Đỗ Đăng Hoan CNTT - K8 14
Call Now Button là một plugin thêm nút gọi điện khi khách hàng truy cập website bằng điện thoại di dộng
Truy cập quản trị Wordpress và chọn plugin và tìm kiếm Call Now Button cài đặt và kích hoạt
Hình 1.11: Plugin Call Now Button
Truy cập trang web https://sandbox.vnpayment.vn/devreg/ để đăng ký tài khoản thanh toán
Hình 1.12 Đăng ký tài khoản
Sau khi đăng ký tài khoản, VN sẽ gửi email chứa các thông tin như terminal ID và mã check sum Bạn cần tải plugin theo liên kết mà VN đã cung cấp và cài đặt plugin mới của Đỗ Đăng Hoan CNTT - K8 15.
Hình 1.13: Thông tin VN pay trả về
Cài mới Plugin xong kích hoạt, Truy cập woocommer -> Thanh toán -> VN pay và điền thông tin vào
Hình 1.14: Cài đặt VN Pay Đỗ Đăng Hoan CNTT - K8 16
PHÂN TÍCH THIẾT KẾ HỆ THỐNG
PHÂN TÍCH NGƯỜI DÙNG
Yêu cầu của khách hàng
- Giao diện dễ sử dụng và có tính thẩm mỹ cao
- Cho phép khách hàng đăng ký thành viên và đảm bảo bí mật thông tin
- Xem và thay đổi các thông tin về tài khoản
- Hình thức thanh toán phải đảm bảo chính xác
Việc chuyển tiền đặt cọc cần phải thực hiện một cách chính xác, đảm bảo rằng quá trình cộng và trừ tiền diễn ra đồng thời từ cả hai tài khoản: tài khoản chuyển và tài khoản nhận.
Thông tin sản phẩm phong phú và đa dạng giúp khách hàng có nhiều cơ hội lựa chọn Mỗi sản phẩm đều được giới thiệu chi tiết, giúp khách hàng nắm bắt rõ thông tin cần thiết Đặc biệt, những mặt hàng được nhiều khách hàng quan tâm luôn được cập nhật Chúng tôi cũng thường xuyên giới thiệu các thế hệ SmartPhone mới nhất.
- Thông tin về bảo hành sản phẩm phải rõ ràng
- Cho phép khách hàng tìm kiếm nhanh chóng, chính xác theo nhiều tiêu chí
- Cho phép thống kê các đơn hàng đã đặt của mình tại công ty
Yêu cầu của người quản trị
Ngoài các yêu cầu giống như của khách hàng, thì hệ thống phải đảm bảo những yêu cầu sau của ban quản trị
- Quản lí chung: liên quan tới các thông tin nhân viên, khách hàng, sản phẩm,
- Cập nhật thông tin hàng hóa trực tuyến
Dễ dàng cập nhật và thường xuyên thay đổi hình ảnh, thông tin chi tiết giá các mặt hàng bạn sẽ kinh doanh ở bất cứ đâu
Quản lí các đơn hàng trực tuyến
Quản lí, lưu trữ và báo cáo thông tin về đặt hàng và trạng thái của đơn hàng: đã giao hàng chưa, đa thanh toán chưa …
Lưu trữ các hoạt động liên quan đến khách hàng của cửa hàng là rất quan trọng Tất cả các giao dịch và tương tác giữa Đỗ Đăng Hoan CNTT - K8 17 với khách hàng và đơn hàng có thể được thực hiện từ xa, không bị giới hạn bởi vị trí địa lý.
Thống kê chi tiết, chính xác và nhanh chóng giúp doanh nghiệp nắm bắt tình hình kinh doanh hiệu quả Nó cho phép theo dõi mặt hàng bán hết, mặt hàng bán chạy, hàng tồn kho và những mặt hàng cần điều chỉnh Hệ thống cũng tổng hợp thu chi hàng ngày, hàng tuần, hàng tháng, hàng quý và hàng năm, từ đó cung cấp cái nhìn tổng quan về tài chính Bên cạnh đó, việc lưu trữ ý kiến phản ánh của khách hàng giúp doanh nghiệp trả lời nhanh chóng và chính xác, nâng cao sự hài lòng của khách hàng.
- Cho phép in các danh sách , các thông tin cần thiết Yêu cầu của nhân viên:
- Sản phẩm : Có thể thêm, sửa xóa thông tin, danh mục
- Quản lý các module : định vị, chỉnh sửa , bật –tắt các module chức năng
- Xem các báo cáo , thống kê, đơn đặt hàng
- Nhận và phản hồi các yêu cầu của khách hàng
- Quản lý các thông tin khác : khuyến mại, tin tức
PHÂN TÍCH THIẾT KẾ HỆ THỐNG
2.1 Xác định các Actor và Usecase của hệ thống
Có các Usecase chính như:
- Tìm kiếm sản phẩm: o Tìm kiếm theo tên sản phẩm o Tìm kiếm theo mức giá o Tìm kiếm theo nhà cung cấp …
- Đặt hàng, mua hàng, đăng nhập
- Thanh toán: Trực tiếp tiền mặt, chuyển khoản, tài khoản ngân lượng
Có các Usecase chính như:
- Quản lí khách hàng Đỗ Đăng Hoan CNTT - K8 18
- Quản lí các loại hàng
Có các Usecase chính như:
- Quản lí nhân viên: o Thêm nhân viên o Sửa nhân viên o Xóa nhân viên
- Quản lí phân quyền Đỗ Đăng Hoan CNTT - K8 19
2.2 Biểu đồ phân cấp chức năng
Hình 2.1: Biểu đồ phân cấp chức năng Đỗ Đăng Hoan CNTT - K8 20
2.3 Biểu đồ luồng dữ liệu ở mức đỉnh
Hình 2.2: Biểu đồ luồng dữ liệu ở mức đỉnh Đỗ Đăng Hoan CNTT - K8 21
- Biểu đồ use case chính
Hình 2.3: Biểu đồ use case chính Đỗ Đăng Hoan CNTT - K8 22
- Biểu đồ use case tra cứu thông tin
Hình 2.4: Biểu đồ use case tra cứu thông tin Đỗ Đăng Hoan CNTT - K8 23
- Biểu đồ Usecase quản lí chung
Hình 2.5: Biểu đồ Usecase quản lí chung Đỗ Đăng Hoan CNTT - K8 24
- Biểu đồ Usecase Bán hàng
Hình 2.6: Biểu đồ Usecase Bán hàng Đỗ Đăng Hoan CNTT - K8 25
- Biểu đồ Usecase Thống kê – Báo cáo
Hình 2.7: Biểu đồ Usecase Thống kê – Báo cáo Đỗ Đăng Hoan CNTT - K8 26
- Biểu đồ Usecase Thanh toán
Hình 2.8: Biểu đồ Usecase Thanh toán Đỗ Đăng Hoan CNTT - K8 27
- Biểu đồ trình tự đăng ký
Hình 2.9: Biểu đồ trình tự đăng ký Đỗ Đăng Hoan CNTT - K8 28
- Biểu đồ trình tự đăng nhập
Hình 2.10: Biểu đồ trình tự đăng nhập Đỗ Đăng Hoan CNTT - K8 29
- Biểu đồ trình tự quản lý bán hàng
Hình 2.11: Biểu đồ trình tự quản lý bán hàng Đỗ Đăng Hoan CNTT - K8 30
- Biểu đồ trình tự thanh toán
Hình 2.12: Biểu đồ trình tự thanh toán Đỗ Đăng Hoan CNTT - K8 31
CÀI ĐẶT VÀ KIỂM THỬ WEBSITE
CÀI ĐẶT CÁC QUẢN TRỊ TRONG WEBSITE
Để quản lý website WordPress, bạn cần truy cập vào trang đăng nhập bằng tài khoản admin Phần mềm quản trị trong WordPress giúp bạn quản lý các chức năng và tính năng của website, cũng như theo dõi đơn hàng, mặt hàng và thông tin khuyến mại Tóm lại, để website hoạt động hiệu quả, việc quản lý và lưu trữ dữ liệu là rất quan trọng.
Website được quản trị bởi WordPress, cung cấp nhiều tính năng và chức năng đa dạng, phong phú.
Hình 3.2: Giao diện trang quản trị
Tất cả các tài khoản gồm admin, nhân viên, khách hàng,… đều được quản lý ở mục Thành viên trong Wordpress
Tài khoản Quản lý là tài khoản có quyền cao nhất trong hệ thống quản trị, cho phép truy cập vào trang quản trị Tài khoản này có chức năng điều hành, cho phép chỉnh sửa trang web và xóa hoặc sửa thông tin của các tài khoản khác.
Tài khoản Thành viên là tài khoản dành cho nhân viên trong cửa hàng, cho phép họ truy cập vào trang quản trị để xem thống kê, doanh số và thông tin khách hàng Tuy nhiên, nhân viên không có quyền sửa đổi hay xóa các tính năng trên website.
- Tài khoản khách hàng: o Là tài khoản khách hàng dùng để truy cập trang web o Có tính năng lựa chọn và mua hàng trên website Đỗ Đăng Hoan CNTT - K8 33
Hình 3.3: Giao diện quản trị tài khoản
Các trang trong website, trang cửa hàng được tạo và thiết lập hoàn toàn ở mục
Hình 3.4: Giao diện quản trị Trang Đỗ Đăng Hoan CNTT - K8 34
Các bài viết trong website được thêm và chỉnh sửa và phân loại chuyên mục ở mục Bài viết trong Wordpress
Hình 3.5: Quản trị Bài viết
Các sản phẩm của website được thêm, chỉnh sửa, thêm danh mục và các thuộc tính cho sản phẩm, giá, … được thêm ở mục Sản phẩm trong Wordpress
Hình 3.6: Quản trị Sản phẩm
Các tính năng còn lại cần được chỉnh sửa và bổ sung nhằm làm cho website trở nên phong phú và hấp dẫn hơn, giúp khách hàng có trải nghiệm thoải mái khi truy cập.
DEMO WEBSITE
Website gồm 7 trang chính gồm:
Trang chủ là trang đầu tiên mà khách truy cập khi vào website, do đó, nó đóng vai trò rất quan trọng trong việc thu hút khách hàng Một giao diện đẹp và bắt mắt trên trang chủ sẽ tạo ra trải nghiệm tốt cho người dùng, khuyến khích họ quay lại truy cập nhiều lần.
Hình 3.7: Giao diện trang chủ Đỗ Đăng Hoan CNTT - K8 36
- Logo, Thanh tìm kiếm, Thời gian mở cửa hàng, SĐT liên hệ và các mạng xã hội
Hình 3.8:Logo thương hiện của cửa hàng HĐ STORE
- Banner đầu tiên gồm các khẩu hiệu và các chương trình đang sale
Vì là trang bán hàng nên không thể thiếu phần cửa hàng trong trong chủ: Đỗ Đăng Hoan CNTT - K8 37
- Hiển thị những sản phẩm bán chạy
Hình 3.9: Top sản phẩm bán chạy
- Sản phẩm cao cấp và đang giảm giá mạnh
Hình 3.10: Các sản phẩm cao cấp và sản phẩm đang giảm giá Đỗ Đăng Hoan CNTT - K8 38
- Chính sách vận chuyển và những tin nổi bật
Hình 3.11: Chính sách vận chuyển và những tin nổi bật
- Các chương trình đi kèm như: Đổi trả miễn phí, thời gian giao hàng, chế độ bảo hành,…
- Các đánh giá của khách hàng sẽ tăng độ tin tin cửa hàng của khách hàng mới
Hình 3.12: Đánh giá của khách hàng và những thông tin khác
- Các bài viết giúp cho khách hàng hiểu biết thêm về sản phẩm và ở lại trang website lâu hơn
- Địa chỉ cửa hàng và các danh mục khác Đỗ Đăng Hoan CNTT - K8 39
- Các phụ kiện nổi bật:
Hình 3.13: Các phụ kiện nổi bật
Trang cửa hàng cung cấp cho khách hàng cái nhìn tổng quan về tất cả các sản phẩm đang bày bán, giúp họ dễ dàng lựa chọn và thêm những sản phẩm yêu thích vào giỏ hàng Điều này không chỉ tạo thuận lợi cho việc mua sắm mà còn mang lại trải nghiệm tốt nhất cho người tiêu dùng.
Hình 3.14: Giao diện trang cửa hàng
- Các danh mục sản phẩm
- Sản phẩm khách hàng vửa xem
- Chương trình giảm giá đặc biệt
Trang tin tức sẽ cung cấp những bài viết mới nhất về thông tin sản phẩm và hướng dẫn sử dụng, giúp khách hàng dễ dàng cập nhật xu hướng và sản phẩm công nghệ mới chỉ với một cú click chuột.
Hình 3.15: Giao diện trang tin tức
Trang giới thiệu cung cấp thông tin về website, quá trình hình thành công ty, đội ngũ nhân viên, các mạng xã hội để khách hàng theo dõi, cùng với danh sách khách hàng VIP có lượng mua hàng lớn từ website.
Hình 3.16: Giao diện trang giới thiệu Đỗ Đăng Hoan CNTT - K8 42
Trang liên hệ là trang chứa những thông tin liên lạc để khách hàng liên lạc cũng như muộn hợp tác với công ty
Hình 3.17: Giao diện trang liên hệ Địa chỉ cơ sở trên Google Map
Hình 3.18: Địa chỉ cơ sở trên Google map Đỗ Đăng Hoan CNTT - K8 43
Khách hàng có thể dễ dàng tiếp cận nhiều chương trình khuyến mại hấp dẫn từ cửa hàng thông qua các mã giảm giá Những mẫu điện thoại đang hot hiện nay được bán với giá cực kỳ cạnh tranh, thấp hơn nhiều so với các sản phẩm tương tự ở những cửa hàng khác, trong khi chất lượng vẫn đảm bảo, thậm chí có thể tốt hơn.
Hình 3.19: Các trương trình khuyến mại cực HOT
2.7 Thông tin tuyển dụng Đối với những bạn sinh viên mới ra trường chưa có kinh nghiệm chỉ cân bạn có đam mê thì chúng tôi sẽ nhận và đào tạo từ A => Z giúp các bạn nhanh hòa nhập với môi trường làm việc của chúng tôi
Gửi CV cá nhân đến địa chỉ hđstore@gmail.com với tiêu đề theo định dạng HỌ_TÊN_CV_vị trí ứng tuyển, ví dụ: Nguyễn Văn A_CV_NVKD.
HĐ Store sẽ liên hệ trực tiếp với ứng viên phù hợp để thông báo thời gian cụ thể
Mọi thông tin liên hệ: Mr.Hoan 0335232983 Đỗ Đăng Hoan CNTT - K8 44
Cảm ơn bạn đã quan tâm ứng tuyển, hẹn sớm gặp lại!
HĐ Store Địa chỉ : 80 Xuân Phương – Nam Từ Liêm – Hà Nội
Hình 3.20: Thông tin tuyển dụng
Chính sách mua hàng online:
Quý khách có thể gọi qua hotline hoặc nhắn tin vào website/fanpage HĐ Store để yêu cầu đơn hàng
Quý khách chuyển trước 200.000đ hoặc toàn bộ tiền sản phẩm qua tài khoản ngân hàng của HĐ Store
– Viettinbank: 100870583141 – Chủ tài khoản Đỗ Đăng Hoan
Bước 2: XÁC NHẬN ĐƠN HÀNG
Nhân viên gọi điện xác nhận đơn hàng và thời gian nhận hàng
Các sản phẩm được đóng gói đều được trải qua 15 bước test máy kỹ lưỡng và chuyên nghiệp Đỗ Đăng Hoan CNTT - K8 45
Ngay sau khi giao dịch được xác nhận thành công, HĐ Store sẽ tiến hành chuyển phát đơn hàng qua dịch vụ của Viettel Post và cung cấp cho khách hàng Mã Vận Đơn tương ứng.
Khách hàng có thể tra cứu lộ trình đơn hàng của mình tại đây: https://viettelpost.com.vn/tra-cuu-hanh-trinh-don/
Bước 5: NHẬN HÀNG VÀ THANH TOÁN
Khách hàng kiểm tra hình thức máy và đối chiếu số IMEI trên hóa đơn với số IMEI trên máy Khi đã hài lòng với sản phẩm, khách hàng tiến hành thanh toán toàn bộ số tiền còn lại.
Hình 3.21: Chính sách mua hàng
Xin cảm ơn quý Khách hàng đã tin tưởng sử dụng sản phẩm và dịch vụ của HĐ
HĐ Store cam kết phát triển bền vững dựa trên uy tín, bảo hành và dịch vụ hậu mãi tận tâm Các sản phẩm mới được bảo hành theo chính sách của từng hãng, trong khi sản phẩm nhập khẩu và đã qua sử dụng sẽ được bảo hành 12 tháng tại HĐ Store.
Chế độ bảo hành phần cứng kéo dài 12 tháng, cho phép đổi mới trong 30 ngày mà không cần lý do Khách hàng có thể nâng cấp miễn phí chỉ cần bù thêm chênh lệch, tạo điều kiện thuận lợi cho việc đổi sản phẩm theo sở thích mà không cần phải lo lắng.
LÝ DO Hy vọng sẽ làm Quý khách hài lòng hơn trong quá trình sử dụng sản phẩm tại
Chúng tôi chỉ tiếp nhận bảo hành và đổi trả sản phẩm sau 13h hàng ngày Quý khách cần mang theo Phiếu bàn giao và sản phẩm phải còn Tem bảo hành.
– Địa chỉ tiếp nhận bảo hành:
► Cở sở 1: 80 Xuân Phương,Nam Từ Liêm, Hà Nội
Công ty sẽ từ chối bảo hành nếu máy không còn TEM BẢO HÀNH vì bất kỳ lý do nào Trong trường hợp này, công ty sẽ cung cấp hỗ trợ về giá thay thế và sửa chữa.
Không bảo hành cho các trường hợp máy có dấu hiệu ngấm nước hoặc Quỳ tím bị đổi màu vì bất kỳ lý do nào, ngay cả với các sản phẩm có tính năng Chống Nước.
– Không Bảo hành Cảm biến Vân tay trong trường hợp mất Phím home Cơ
– Không Đổi & Bảo hành bất kể chức năng gì khi máy có dấu hiệu Va chạm vật lí: Rơi vỡ, xước, cấn, móp, cong vênh
Khách hàng cần kiểm tra kỹ lưỡng hình thức máy trong quá trình thử nghiệm Công ty sẽ không chịu trách nhiệm về các hư hỏng như xước, cong vênh, móp hoặc nứt vỡ đối với sản phẩm sau khi đã rời khỏi Showroom.
CÁC TÍNH NĂNG KHÁC
3.1 Nút chát facebook trò chuyện trực tiếp với khách hàng
Khi khách hàng truy cập vào website, họ sẽ thấy một nút Messenger ở góc dưới bên trái Bằng cách nhấp vào nút này, khách hàng có thể đăng nhập bằng tài khoản Facebook để trò chuyện với cửa hàng hoặc tương tác với vai trò khách hàng.
Khách hàng sẽ nhận được sự tư vấn và giải đáp thắc mắc từ đội ngũ nhân viên chuyên nghiệp, có nhiều năm kinh nghiệm, hoạt động 24/7 trong giờ mở cửa của cửa hàng Shop cũng sẽ tự động gửi tin nhắn để hỏi về các vấn đề mà khách hàng đang gặp phải.
Hình 3.26: Chat với nhân viên tư vấn Đỗ Đăng Hoan CNTT - K8 51
3.2 Nút gọi điện khi khách hàng truy cập website bằng điện thoại
Khi khách hàng truy cập website bằng điện thoại sẽ có nút gọi điện trực tiếp với Shop thì sẽ gặp nhân viên tư vấn của Shop
Hình 3.27: Giao diện điện thoại và nút gọi với cửa hàng Đỗ Đăng Hoan CNTT - K8 52
QUY TRÌNH MUA HÀNG CỦA KHÁCH HÀNG VÀ XUẤT HÀNG CỦA CỬA HÀNG
4.1 Đăng nhập/đăng ký tài khoản
Bước 1: Truy cập website cửa hàng và chọn mục đăng nhập
Bước 2: Đăng nhập tài khoản ( nếu chưa có tài khoản thì đăng ký tài khoản sẽ tự động gửi email mật khẩu về )
Bước 2: Vào trang Cửa hàng
Bước 3: Sử dụng tìm kiếm sản phẩm ở đầu trang để mua sản phẩm dễ dàng hơn
Sau khi chọn sản phẩm, bạn cần bấm vào nút Mua hàng hoặc Lựa chọn tùy chọn Tại đây, bạn có thể chọn các tính năng của sản phẩm, bao gồm màu sắc và phiên bản.
Hình 3.29: Khách hàng chọn sản phẩm tại của hàng
Hình 3.30: Lựa chọn các tùy chọn màu và chọn phiên bản để mua hàng
Bước 4: Các sản phẩm khách hàng chọn mua sẽ được thêm vào giỏ hàng hoặc
(thanh toán trực tiếp) Sau khi chọn đủ sản phẩm khách hàng vào giỏ hàng để thanh toán
Khách hàng cần kiểm tra lại sản phẩm trong giỏ hàng để đảm bảo đúng với đơn hàng của mình, sau đó nhập mã ưu đãi (nếu có) và tiến hành thanh toán.
Hình 3.31: Kiểm tra giỏ hàng
Khách hàng cần điền địa chỉ giao hàng và ghi chú (nếu có), sau đó chọn phương thức thanh toán và đồng ý với các điều khoản, điều kiện của website trước khi nhấn nút Đặt hàng.
Hình 3.32: Điền thông tin địa chỉ nhận hàng
Bước 7: Với phương thức quét mã thì khách hàng quét mã thanh toán số tiền cho cửa hàng và nhấn Tôi đã thanh toán xong Đỗ Đăng Hoan CNTT - K8 55
Hình 3.33: Phương thức thanh toán Zalo Pay
Bước 8: Đợi cửa hàng xác nhận thanh toán và gửi hàng cho khách hàng
4.3 Cửa hàng kiểm tra đơn hàng
- Sau khi khách hang chốt đơn thì đơn hàng sẽ được cập nhật vào phần đơn hàng trong Woocommerce
Hình 3.34: Đơn hàng trong quản trị
Nhân viên kiểm tra tình trạng thanh toán của khách hàng; nếu đơn hàng đã được thanh toán, họ sẽ cập nhật trạng thái đơn hàng sang "đang xử lý" để khách hàng biết rằng việc chuyển khoản đã thành công.
Hình 3.35: Đổi trạng thái đơn hơn
- Sau khi khách hàng nhận đơn nhân viên sẽ đổi trạng thái đơn hàng sang đã hoàn thành và kết thúc đơn hàng
- Khách hàng truy cập đơn hàng trong mục tài khoản để kiểm tra trạng thái đơn hàng
Hình 3.37: Đơn hàng của khách hàng Đỗ Đăng Hoan CNTT - K8 57
Nếu khách hàng yêu thích sản phẩm nhưng chưa thể mua ngay, họ có thể thêm sản phẩm vào giỏ hàng hoặc nhấn vào biểu tượng trái tim ở góc trên bên phải để lưu vào danh sách yêu thích Điều này giúp khách hàng dễ dàng và nhanh chóng mua sản phẩm trong lần truy cập sau.
Hình 3.37: Danh mục yêu thích của khách hàng
KIỂM THỬ VÀ ĐÁNH GIÁ WEBSITE
Sau thời gian tìm hiểu và sử dụng WordPress, tôi nhận thấy đây là công cụ hữu ích cho việc tạo website tin tức, blog và bán hàng WordPress cung cấp nhiều themes và plugin, giúp người dùng xây dựng website đa dạng về chức năng và thiết kế sinh động Đặc biệt, theme Flatsome làm cho website trở nên phong phú hơn Với WordPress, chúng ta có thể tạo ra nhiều loại website khác nhau mà không cần kiến thức lập trình sâu.
WordPress có nhiều ưu điểm nổi bật, bao gồm tính dễ sử dụng và là nguồn mở miễn phí, giúp tối ưu hóa SEO hiệu quả Cộng đồng hỗ trợ đông đảo và gói giao diện phong phú của WordPress mang lại nhiều lựa chọn cho người dùng Ngoài ra, hệ thống plugin phong phú hỗ trợ tối đa cho việc phát triển website Mối quan hệ giữa WordPress và lập trình viên cũng rất chặt chẽ, với khả năng hỗ trợ nhiều ngôn ngữ, đảm bảo rằng các website được tạo ra vẫn đầy đủ chức năng Đặc biệt, WordPress rất dễ quản lý, phù hợp cho các cửa hàng vừa và nhỏ.
WordPress có một số nhược điểm đáng lưu ý Đầu tiên, tính bảo mật của nền tảng này khá yếu do sự phổ biến và đa dạng của các plugin, khiến nó dễ bị xâm nhập; vì vậy, việc cập nhật thường xuyên phần cốt lõi và các plugin là rất cần thiết Thứ hai, khả năng quản lý người dùng còn hạn chế, nhưng có thể cải thiện thông qua các plugin multisite và phân chia vai trò quản lý Thứ ba, WordPress thường có hiệu suất thấp khi xử lý dữ liệu lớn hoặc trong môi trường multisite Thứ tư, việc cài đặt template và plugin có thể phức tạp, dẫn đến xung đột nếu không thực hiện đúng cách Cuối cùng, WordPress chủ yếu phù hợp với các doanh nghiệp vừa và nhỏ.
