Bài 1: AI Web App là gì và vì sao nó quan trọng ngay bây giờ

imgimgimgimgimg

Giới thiệu

AI web app là một trang web không chỉ hiển thị thông tin — mà còn có khả năng tạo sinh, suy luận hoặc hành động thay mặt bạn nhờ một mô hình trí tuệ nhân tạo chạy phía sau. Hãy hình dung một website thông thường như một cây máy bán hàng tự động: bạn bấm nút, bạn nhận được một món cố định. AI web app thì giống như một đầu bếp — đọc yêu cầu của bạn, suy nghĩ về nó, và nấu một món theo yêu cầu ngay tại chỗ.

Ý tưởng cốt lõi rất đơn giản: người dùng nhập hoặc tải lên một nội dung, nội dung đó được gửi đến một mô hình AI (ví dụ như một mô hình ngôn ngữ lớn), và phản hồi của mô hình sẽ được hiển thị ngay trong trang. Phần "web app" nghĩa là nó chạy trên trình duyệt, có giao diện, và có cảm giác như một công cụ bạn có thể dùng được — chứ không chỉ là một bài viết tĩnh để đọc.

Điều gì khiến nó khác biệt so với website truyền thống

Một website truyền thống được xây dựng xoay quanh nội dung cố định. Một bài blog, một trang sản phẩm, hay trang chủ của một công ty đều được viết sẵn một lần bởi con người và hiển thị cho mọi khách truy cập theo cùng một cách. Ngay cả khi trang đó dùng JavaScript để cập nhật một phần nội dung, nguồn gốc của output vẫn là một file do con người tạo ra nằm trên server.

AI web app có một nguồn dữ liệu luôn chuyển động. Nội dung trên trang được tạo ra vào đúng thời điểm người dùng tương tác với nó. Nếu mười người dùng cùng một AI web app, rất có thể họ sẽ thấy mười phản hồi khác nhau. Sự chuyển dịch từ "lưu trữ rồi hiển thị" sang "tạo sinh rồi phản hồi" chính là thay đổi lớn nhất trong cách xây dựng phần mềm web trong hai mươi năm trở lại đây.

🖼️ [Gợi ý chèn ảnh minh họa ở đây: sơ đồ so sánh một website truyền thống (request trả về HTML cố định từ database) với một AI web app (request được chuyển tiếp đến mô hình AI và phản hồi của mô hình được trả về trình duyệt)]

Vì sao thời điểm này lại quan trọng

Ba yếu tố đã hội tụ trong vài năm qua. Thứ nhất, các mô hình AI đã đủ tốt để xử lý những tác vụ thực tế như viết bài, tóm tắt, phân loại và dịch thuật. Thứ hai, chi phí gọi các mô hình đó đã giảm xuống mức mà một dự án nhỏ cũng có thể chi trả cho hàng nghìn request mỗi tháng. Thứ ba, các công cụ xây dựng web app — bao gồm cả nền tảng no-code và low-code — đã trưởng thành đến mức một người không có nền tảng lập trình cũng có thể ra mắt một sản phẩm hoạt động được trong vài ngày thay vì vài tháng.

Điều này có nghĩa là rào cản giữa việc có một ý tưởng và việc sở hữu một AI web app thực thụ mà người dùng thật có thể trải nghiệm hiện đang thấp nhất từ trước đến nay. Những ai học kỹ năng này ngay hôm nay đang đi sớm trên một đường cong vẫn còn dốc lên phía trước.

Một ví dụ đơn giản

Hãy tưởng tượng một trang nhỏ với một ô nhập liệu và một nút bấm có nhãn "Rewrite politely". Người dùng dán một email thô lỗ, bấm nút, và một phiên bản mềm mại hơn của email sẽ hiện ra bên dưới. Phía sau, trang sẽ gửi đoạn văn bản đến một mô hình AI kèm theo một chỉ dẫn ngắn, chờ phản hồi, rồi hiển thị nó. Toàn bộ app có thể chỉ là một file HTML duy nhất cộng thêm một đoạn script nhỏ.

html
<!DOCTYPE html>
<html>
<head><title>Polite Rewriter</title></head>
<body>
<h1>Rewrite my email politely</h1>
<textarea id="input" rows="6" cols="50"></textarea>
<br>
<button onclick="rewrite()">Rewrite politely</button>
<p id="output"></p>
<script>
function rewrite() {
  const text = document.getElementById("input").value;
  document.getElementById("output").innerText = "Pretend AI replied: a softer version of — " + text;
}
</script>
</body>
</html>

Đoạn snippet ở trên là một placeholder minh họa hình dạng của giao diện. Trong một app thật, phần được đánh dấu là "Pretend AI replied" sẽ được thay bằng một lời gọi đến dịch vụ AI thực sự để trả về phiên bản viết lại của văn bản người dùng.

Những hiểu lầm phổ biến

Một sai lầm thường gặp là cho rằng AI web app phải trông thật "tương lai" hoặc phải phức tạp về mặt kỹ thuật. Thực tế thì nhiều AI web app thành công lại có giao diện rất đơn giản — một ô nhập, một nút bấm, và một vùng hiển thị kết quả. Một sai lầm khác là tin rằng bạn cần tự huấn luyện một mô hình AI. Hầu như lúc nào bạn cũng chỉ cần gọi một mô hình đã có sẵn thông qua API và tập trung nỗ lực vào giao diện, prompt và trải nghiệm người dùng xung quanh nó.

Tóm tắt

AI web app là một trang web có output được tạo ra bởi một mô hình AI tại thời điểm request, chứ không được lưu trữ sẵn. Nó khác với website truyền thống ở chỗ mỗi phản hồi có thể là duy nhất. Thời điểm hiện tại thuận lợi vì năng lực AI, chi phí và công cụ no-code đều đã đạt đến mức có thể ứng dụng thực tế. Với những ai không biết code, đây là một trong những con đường dễ tiếp cận nhất để xây dựng một sản phẩm thực sự trên web mở.

Bài tiếp theo sẽ tìm hiểu ba khối xây dựng cốt lõi xuất hiện trong hầu hết mọi AI web app: giao diện front-end, logic back-end và lời gọi mô hình AI.

Bài kiểm tra cuối bài

1. Điểm khác biệt chính giữa AI web app và website truyền thống là gì?

2. Lựa chọn nào sau đây mô tả đúng nhất vai trò của mô hình AI bên trong một web app?

3. Vì sao thời điểm hiện tại được xem là thời điểm tốt để bắt đầu xây dựng AI web app?

4. Trong ví dụ trình viết lại email lịch sự, back-end thường làm gì?

5. Phát biểu nào sau đây là một hiểu lầm phổ biến về AI web app?

6. Nếu mười người dùng cùng một AI web app với cùng một prompt, điều gì có khả năng xảy ra nhất?

7. Theo bài học, trọng tâm thường gặp khi xây dựng AI web app với tư cách người không biết code là gì?

8. Ba yếu tố nào đã hội tụ để khiến AI web app trở nên dễ tiếp cận ngay bây giờ?