Bài 02: Khám phá “xưởng sản xuất” Google AI Studio
Giai đoạn 1: LÀM QUEN 👋 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ẽ biết cách đăng nhập và điều hướng giao diện Google AI Studio
- Sau bài này, bạn sẽ nhận biết được các khu vực chính: ô nhập mô tả, cửa sổ xem trước, tab code, nút chia sẻ và nút deploy
- Sau bài này, bạn sẽ hiểu chế độ chế độ Chat prompt là gì và cách chuyển sang chế độ này
💡 Ví Dụ Thực Tế
Anh Tuấn chạy một agency marketing nhỏ, muốn tạo nhanh các landing page cho khách hàng. Anh mở Google AI Studio lần đầu và thấy hơi “choáng” vì nhiều nút bấm. Nhưng thực tế, anh chỉ cần biết 4 chỗ: chỗ để gõ mô tả (giống khung chat), chỗ xem kết quả (giống cửa sổ xem trước), chỗ bấm chia sẻ, và chỗ bấm đưa lên mạng. Giống như lần đầu vào bếp nhà hàng — nhìn nhiều dụng cụ nhưng thực ra bạn chỉ cần biết bếp ở đâu, tủ lạnh ở đâu, và chỗ bày đồ ăn ra ở đâu.
📚 Kiến Thức Cần Biết
Google AI Studio là “xưởng sản xuất” miễn phí của Google, nơi bạn và AI cùng làm việc. Khi bạn vào đây, bạn sẽ thấy vài khu vực chính.
Khu vực thứ nhất là chế độ Chat prompt (chế độ xây dựng) — đây là “phòng làm việc” chính. Bạn truy cập bằng link https://aistudio.google.com/apps. Ở đây có ô nhập liệu (input box) giống như khung chat Zalo/Messenger — bạn gõ mô tả vào đây.
Khu vực thứ hai là khung kết quả chat (cửa sổ xem trước) — xuất hiện bên phải màn hình sau khi AI tạo code. Đây giống như “gương soi” cho sản phẩm của bạn — bạn thấy sản phẩm trông như thế nào trước khi đưa ra ngoài.
Khu vực thứ ba là Code Tab (tab công thức) — nơi hiển thị code mà AI viết ra. Bạn không cần đọc hiểu phần này, nhưng biết nó ở đó để tham khảo.
Khu vực thứ tư là thanh công cụ phía trên gồm các nút: Share (chia sẻ), GitHub (lưu trữ — giống như Google Drive dành riêng cho code), Deploy (đưa lên mạng — giống “mở cửa hàng”), và Download (tải về máy).
Bạn cũng sẽ thấy Settings (cài đặt — biểu tượng bánh răng) — nơi bạn có thể chọn framework (khung xây dựng — hiểu đơn giản là “phong cách xây nhà”: React, Angular, hay Next.js — bạn không cần hiểu chi tiết, cứ để mặc định React), quản lý Secrets (mật khẩu và khóa bí mật để kết nối với dịch vụ khác), và các tùy chọn khác.
Cuối cùng, nút “I’m Feeling Lucky” (Tôi đang may mắn) — bấm nút này, AI sẽ tự nghĩ ra một ý tưởng app cho bạn. Giống như “xổ số ý tưởng” — thú vị để khám phá.
🧪 Thực Hành Từng Bước
- Mở trình duyệt Chrome
- Truy cập: https://aistudio.google.com
- Đăng nhập bằng tài khoản Google (Gmail) của bạn — nếu đã đăng nhập Gmail thì thường tự động nhận
- Nhìn vào thanh bên trái hoặc menu trên cùng, tìm và click vào “Build” hoặc truy cập thẳng https://aistudio.google.com/apps
- Bạn sẽ thấy giao diện chế độ Chat prompt hiện ra — có ô nhập mô tả ở giữa hoặc bên trái
- Đừng gõ gì vội. Hãy nhìn quanh: tìm nút Settings (biểu tượng bánh răng), nút Share, nút GitHub (biểu tượng con mèo), nút Deploy
- Click vào Settings — xem qua các tùy chọn. Bạn sẽ thấy phần chọn Model (chọn Gemini mới nhất), phần Framework (để nguyên React), phần Secrets (để trống — sẽ học sau)
- Đóng Settings, quay lại màn hình chính
- Bấm nút “I’m Feeling Lucky” — quan sát AI tự đề xuất một ý tưởng app và tạo code. Đây chỉ để bạn xem quy trình hoạt động
- Khi code được tạo xong, nhìn sang bên phải — đó là khung kết quả chat, nơi hiển thị sản phẩm
- Click vào tab “Code” trong cửa sổ Preview — bạn sẽ thấy code. Không cần đọc hiểu, chỉ cần biết nó ở đây
- Dưới cửa sổ Preview, thử phần khung chat (ghi chú yêu cầu chỉnh sửa bằng prompt) (chế độ ghi chú) — click vào biểu tượng bút vẽ. Bạn có thể vẽ/khoanh vùng lên giao diện và ghi chú yêu cầu thay đổi. Đây là tính năng rất hay mà bạn sẽ dùng nhiều sau này
✅ Kết Quả Đầu Ra
Bạn sẽ có khả năng tự tin điều hướng giao diện Google AI Studio, biết chỗ nào để gõ mô tả, chỗ nào xem kết quả, chỗ nào bấm chia sẻ. Bạn cũng đã thấy AI tạo ra một app mẫu qua nút “I’m Feeling Lucky”.
💡 Mẹo & Lưu Ý
- Nên dùng Chrome để trải nghiệm tốt nhất — các trình duyệt khác cũng hoạt động nhưng Google tối ưu cho Chrome
- Nếu giao diện hiện bằng tiếng Anh và bạn không quen, đừng lo — bạn hoàn toàn gõ tiếng Việt vào ô nhập mô tả, AI hiểu tiếng Việt rất tốt
- ⚠️ Lỗi thường gặp: Nếu trang báo lỗi hoặc không load được, hãy thử: (a) tải lại trang (Ctrl+R), (b) xóa cache trình duyệt, © thử bằng cửa sổ ẩn danh (Ctrl+Shift+N). Đôi khi do tiện ích mở rộng (extension) chặn trang
📝 Bài Tập Về Nhà
Truy cập App Gallery tại https://aistudio.google.com/apps?source=showcase. Duyệt qua ít nhất 5 ứng dụng mẫu. Với mỗi ứng dụng, ghi lại: (1) Ứng dụng này làm gì? (2) Bạn thấy điểm nào hay, điểm nào chưa hay? (3) Ý tưởng nào trong danh sách 3 ý tưởng của bạn (từ Bài 1) có thể làm tương tự? Mang ghi chú này sang bài 3.
🏆 Achievement Bài 02
- [ ] 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: Lần đầu nói chuyện với AI 🚀