Website AgriJapan

Thiết kế và phát triển toàn diện website chính thức cho CÔNG TY CỔ PHẦN AGRIJAPAN. Dự án là một nền tảng phần mềm cốt lõi phục vụ chuyển đổi số của công ty, tích hợp module thương mại (hỗ trợ ảnh 3D), tiện ích nông nghiệp theo thời gian thực (Thời tiết, Thủy triều, Nhắc hẹn), theo dõi giá lúa và diễn đàn cộng đồng.

Hình 1: Giao diện trang chủ website AGRIJAPAN

1. Vai trò và Quản trị hạ tầng hệ thống

Tại công ty, tôi đảm nhiệm vai trò nòng cốt với trách nhiệm bao quát từ khâu phát triển mã nguồn đến vận hành máy chủ:

Phát triển bộ giải pháp phần mềm: Trực tiếp lập trình và vận hành toàn bộ các nền tảng chuyển đổi số nông nghiệp của công ty, bao gồm Website AGRIJAPAN, Zalo Mini App và hệ thống ERP quản trị nội bộ.

Quản trị môi trường Production: Trực tiếp thiết lập và quản lý hạ tầng mạng, bao gồm quản lý Server/Hosting, cấu hình Domain và triển khai chứng chỉ bảo mật SSL, đảm bảo các hệ thống luôn hoạt động ổn định, bảo mật và thông suốt.

2. Nền tảng công nghệ và Kiến trúc mã nguồn

Frontend: HTML, CSS, JavaScript, Bootstrap, trình hiển thị 3D.

Backend: PHP, Laravel, Livewire.

Cơ sở dữ liệu & Giao tiếp: MySQL, RESTful API.

Kiến trúc phần mềm: Dự án được xây dựng theo chuẩn MVC kết hợp Repository Pattern.

Việc áp dụng Repository Pattern giúp tôi tách biệt logic truy xuất cơ sở dữ liệu khỏi Controller, giúp source code dễ bảo trì và mở rộng. Đặc biệt, tôi tận dụng sức mạnh của Laravel Livewire để xây dựng các giao diện tương tác động (dynamic UI) mượt mà như một ứng dụng SPA (Single Page Application) mà không cần viết quá nhiều mã JavaScript thuần.

3. Các chức năng cốt lõi và Luồng xử lý nghiệp vụ

3.1. Theo dõi Giá Lúa Thị Trường với Livewire

Đây là tính năng thu hút lượng lớn người dùng truy cập lại (Retention rate) cho website.

Xử lý dữ liệu: Xây dựng module CRUD cho phép Admin cập nhật dữ liệu hàng ngày. Cơ sở dữ liệu hiện đang quản lý 419 bản ghi giá thị trường theo từng khu vực và giống lúa.

Trực quan hóa bằng Livewire: Thay vì dùng AJAX truyền thống, tôi sử dụng Livewire để xử lý bộ lọc động (lọc theo ngày, khu vực) ở phía Client. Khi người dùng thay đổi bộ lọc, dữ liệu và biểu đồ thống kê xu hướng giá lúa sẽ tự động render lại ngay lập tức cực kỳ mượt mà, không xảy ra hiện tượng tải lại trang (page reload).

Hình 2: Giao diện màn hình biểu đồ thống kê giá lúa thị trường và bộ lọc tìm kiếm bằng

3.2. Hệ thống Diễn đàn Nông nghiệp (Forum) tương tác thời gian thực

Biến website từ một trang giới thiệu tĩnh thành một nền tảng tương tác hai chiều.

Xác thực & Phân quyền an toàn: Thiết lập luồng đăng nhập, phân quyền chặt chẽ giữa Admin, Nhân viên và Người dùng. Hiện hệ thống ghi nhận 25 tài khoản đăng nhập sử dụng hệ thống.

Tương tác động với Livewire: Các chức năng cộng đồng như đăng bài viết, bấm theo dõi chủ đề và gửi bình luận đều được tôi viết bằng Livewire. Người dùng có thể bình luận và thấy phản hồi ngay lập tức trên màn hình.

Tính năng ẩn danh: Đặc biệt phát triển tính năng "Bình luận ẩn danh" giúp bà con nông dân thoải mái chia sẻ hình ảnh sâu bệnh, ruộng lúa để nhờ tư vấn mà không e ngại lộ thông tin cá nhân.

Hình 3: Giao diện tính năng đăng bài

Hình 4: Giao diện xem bài diễn đàn

Hình 5: Giao diện xem chi tiết và bình luận diễn đàn

3.3. Nhóm Tiện ích Nông nghiệp và Quản lý Nhắc hẹn

Dự báo Thời tiết & Lịch thủy triều: Tích hợp API bên thứ ba để kéo dữ liệu khí tượng, thủy văn theo thời gian thực, hỗ trợ bà con nông dân tra cứu nhanh để ra quyết định xuống giống, bơm nước hay phun thuốc.

Nhắc hẹn nông dân: Dựa trên dữ liệu ngày sạ hoặc lịch sử mua hàng, hệ thống tính toán và tự động tạo các lịch nhắc hẹn tương ứng cho từng giai đoạn sinh trưởng của cây trồng, giúp nông dân theo dõi sát sao tiến độ mùa vụ.

Hình 6: Giao diện dự báo thời tiết

Hình 7: Giao diện lịch thủy triều

Hình 8: Giao diện nhắc hẹn lịch trồng

Hình 9: Giao diện tính toán năng suất

3.4. Quản trị CMS và Sản phẩm hiển thị 3D

Sản phẩm đa định dạng: Hoàn thiện module CRUD quản lý 59 sản phẩm (bao gồm lẻ và bộ). Để tăng trải nghiệm trực quan, tôi tích hợp module hiển thị sản phẩm dưới dạng mô hình 3D có thể xoay, phóng to/thu nhỏ trực tiếp trên trình duyệt.

Bài viết chuẩn SEO: Quản trị 32 bài viết tin tức, kiến thức nông nghiệp được tối ưu hóa cấu trúc kỹ thuật (Technical SEO, URL thân thiện, thẻ Meta).

4. Kết quả thực tế và Hiệu suất chuẩn SEO

Dự án đã được tôi đóng gói và triển khai thành công lên môi trường Production. Việc áp dụng các chuẩn mực tối ưu hóa mã nguồn ngay từ đầu đã mang lại hiệu quả đo lường được rất rõ ràng trên các công cụ tìm kiếm.

Số liệu ghi nhận thực tế từ Google Search Console:

Lượt hiển thị (Impressions): 4.690 lượt.

Lượt nhấp chuột (Clicks): 954 lượt.

Tỷ lệ nhấp (CTR - Click Through Rate): Đạt mức ấn tượng 20,3%.