Skip to content

Bài 11: Tạo mini tool hữu ích — Phần 1: Máy tính & bộ đếm thông minh

Thumbnail

Giai đoạn 3: BIẾT LÀM 🔨 Thời lượng: 45-90 phút (đọc + thực hành + bài tập) Công cụ: Google AI Studio — aistudio.google.com


🎯 Mục Tiêu Bài Học

  • Sau bài này, bạn sẽ tạo được mini tool (công cụ nhỏ) có tính năng tính toán hoặc đếm
  • Sau bài này, bạn sẽ hiểu khái niệm “tương tác” trong sản phẩm số — người dùng nhập → sản phẩm tính → hiển thị kết quả
  • Sau bài này, bạn sẽ có ít nhất 1 mini tool chạy được

💡 Ví Dụ Thực Tế

Chị Lan làm tư vấn bất động sản. Khách hàng hay hỏi: “Nếu tôi vay 2 tỷ, trả trong 20 năm, mỗi tháng trả bao nhiêu?” Thay vì tính tay mỗi lần, chị tạo “Máy tính trả góp mua nhà” trên AI Studio. Khách chỉ cần nhập số tiền vay, lãi suất, thời hạn — máy tính tự ra kết quả. Chị gửi link cho khách, khách tự tính. Chị tiết kiệm hàng giờ tư vấn mỗi tuần, và khách còn thấy chị chuyên nghiệp hơn. Mini tool giống như “nhân viên ảo” làm việc 24/7 cho bạn.


📚 Kiến Thức Cần Biết

Mini tool là công cụ nhỏ trên web có chức năng cụ thể: tính toán, đếm, so sánh, hoặc chuyển đổi. Khác với landing page (chủ yếu hiển thị thông tin), mini tool có “tương tác” (interaction) — người dùng nhập dữ liệu vào, công cụ xử lý, và trả kết quả ra. Giống như máy tính cầm tay — bạn bấm số, nó tính cho bạn.

Trong Google AI Studio, bạn hoàn toàn có thể tạo mini tool bằng prompt. AI sẽ viết code xử lý logic tính toán, bạn không cần biết công thức lập trình nào cả — chỉ cần mô tả rõ: nhập cái gì, tính ra cái gì, hiển thị thế nào.

Các mini tool phổ biến cho kinh doanh: máy tính ROI (Return on Investment — tính lợi nhuận đầu tư), bộ đếm ngược khuyến mãi, máy tính chi phí/báo giá, bảng so sánh sản phẩm, bộ chuyển đổi đơn vị, máy tính BMI cho spa/gym, máy tính phí ship cho shop online.


🧪 Thực Hành Từng Bước

  1. Mở Google AI Studio
  2. Chọn 1 trong các mini tool sau (hoặc nghĩ ra tool phù hợp với ngành bạn), rồi copy prompt tương ứng:

Lựa chọn A — Máy tính trả góp (cho bất động sản, bán xe, bán điện thoại):

Tạo một công cụ "Máy Tính Trả Góp" bằng tiếng Việt với thiết kế đẹp:

CHỨC NĂNG:
- Người dùng nhập: Giá sản phẩm (VNĐ), Số tiền trả trước (VNĐ), Lãi suất/năm (%), Thời hạn vay (tháng)
- Công cụ tự tính và hiển thị: Số tiền cần vay, Số tiền trả mỗi tháng, Tổng tiền phải trả, Tổng tiền lãi
- Hiển thị thêm bảng chi tiết từng tháng: tháng, gốc, lãi, tổng trả, dư nợ còn lại

THIẾT KẾ:
- Phong cách hiện đại, chuyên nghiệp
- Màu xanh dương đậm + trắng
- Form nhập liệu bên trái, kết quả bên phải (trên desktop)
- Kết quả có viền nổi bật, số tiền hiển thị to, đậm, định dạng VNĐ
- Nút "Tính ngay" lớn, nổi bật
- Responsive cho mobile
- Có logo/tên thương hiệu: [TÊN DOANH NGHIỆP CỦA BẠN]

Lựa chọn B — Bộ đếm ngược khuyến mãi (cho shop online, quán ăn):

Tạo một trang "Countdown Sale" (đếm ngược khuyến mãi) bằng tiếng Việt:

CHỨC NĂNG:
- Bộ đếm ngược từ ngày hiện tại đến ngày kết thúc khuyến mãi: [NGÀY KẾT THÚC]
- Hiển thị: ngày, giờ, phút, giây — đếm realtime
- Bên dưới là danh sách 4-6 sản phẩm khuyến mãi, mỗi sản phẩm có: ảnh, tên, giá gốc (gạch ngang), giá sale (đỏ nổi bật), % giảm
- Khi hết giờ, hiển thị "Khuyến mãi đã kết thúc!"

THIẾT KẾ:
- Phong cách sale/khuyến mãi: nền đỏ gradient, chữ trắng/vàng
- Bộ đếm số lớn, phong cách digital
- Có hiệu ứng nhấp nháy nhẹ cho phần giảm giá
- Nút "Mua ngay" nổi bật cho mỗi sản phẩm
- Logo: [TÊN SHOP]
- Responsive

Lựa chọn C — Máy tính ROI quảng cáo (cho marketer, agency):

Tạo công cụ "Máy Tính ROI Quảng Cáo" bằng tiếng Việt:

CHỨC NĂNG:
- Người dùng nhập: Chi phí quảng cáo (VNĐ), Số đơn hàng từ quảng cáo, Giá trị trung bình mỗi đơn (VNĐ), Chi phí vận hành/sản phẩm (VNĐ)
- Công cụ tính và hiển thị: Doanh thu tổng, Lợi nhuận gộp, ROI (%), Chi phí mỗi đơn hàng (CPA), Biểu đồ so sánh chi phí vs doanh thu

THIẾT KẾ:
- Dashboard style (kiểu bảng điều khiển), nền tối
- Kết quả hiển thị trong card, số liệu lớn, có icon
- Biểu đồ cột hoặc donut chart
- ROI dương: hiển thị xanh lá. ROI âm: hiển thị đỏ
- Logo: [TÊN AGENCY]
- Responsive
  1. Chọn 1 prompt, thay thông tin của bạn vào, nhấn Run (nút tam giác)
  2. Chờ kết quả — thử nhập số liệu vào form trên khung kết quả chat và bấm nút tính
  3. Kiểm tra kết quả tính toán có đúng không (dùng máy tính tay hoặc Excel kiểm tra lại)
  4. Nếu kết quả sai, gõ:
Kết quả tính toán chưa đúng. Khi tôi nhập [SỐ LIỆU BẠN NHẬP], kết quả phải là [KẾT QUẢ ĐÚNG] nhưng tool hiện ra [KẾT QUẢ SAI]. Hãy kiểm tra lại công thức tính và sửa cho đúng.
  1. Tiếp tục chỉnh sửa giao diện nếu cần

✅ Kết Quả Đầu Ra

Bạn sẽ có 1 mini tool chạy được: người dùng nhập số liệu → tool tính toán → hiển thị kết quả. Tool này có thể dùng ngay cho công việc kinh doanh thực tế.


💡 Mẹo & Lưu Ý

  • Luôn kiểm tra kết quả tính toán bằng cách thủ công! AI viết code rất nhanh nhưng đôi khi công thức bị sai. Thử 2-3 bộ số liệu khác nhau để chắc chắn
  • Nếu bạn cần biểu đồ phức tạp, AI có thể dùng các thư viện như Recharts hoặc Chart.js — bạn không cần biết tên, chỉ cần yêu cầu “thêm biểu đồ cột so sánh”
  • ⚠️ Lỗi thường gặp: Tool đôi khi không hoạt động trên khung kết quả chat (bấm nút không có phản ứng). Gõ: “Nút [tên nút] không hoạt động khi click. Hãy kiểm tra và sửa lỗi JavaScript cho tất cả sự kiện click.”

📝 Bài Tập Về Nhà

Tạo 1 mini tool khác phù hợp với ngành nghề của bạn (chọn từ danh sách gợi ý hoặc tự nghĩ ra). Kiểm tra kết quả tính toán cẩn thận. Chia sẻ link cho 1 người trong ngành để họ thử dùng và góp ý.


🏆 Achievement Bài 11

  • [ ] Hoàn thành đọc phần kiến thức
  • [ ] Làm xong các bước thực hành
  • [ ] Nộp bài tập về nhà
  • [ ] Ghi chú những điều học được

Bài tiếp theo: Mini tool hữu ích — Phần 2 🚀

Powered by CodyMaster × VitePress