Bài 04: Tạo tấm “card visit online” — sản phẩm đầu tay của bạn
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ẽ tạo được một “card visit online” (trang giới thiệu siêu ngắn gọn, chuyên nghiệp) hoàn chỉnh
- Sau bài này, bạn sẽ biết cách dùng khung chat (ghi chú yêu cầu chỉnh sửa bằng prompt) (vẽ lên giao diện để ra lệnh) và Voice Input (nói bằng giọng nói)
- Sau bài này, bạn sẽ biết cách Share (chia sẻ) sản phẩm cho người khác xem thử
💡 Ví Dụ Thực Tế
Chị Linh là freelancer thiết kế đồ họa. Chị muốn có một trang “card visit online” — khi gặp khách hàng, thay vì đưa namecard giấy, chị gửi link. Khách hàng bấm vào thấy ngay: tên chị, chuyên môn, portfolio (các dự án đã làm), và nút liên hệ qua email/Zalo/Facebook. Chị tạo trang này trên Google AI Studio, sau đó bấm Share để lấy link chia sẻ cho đồng nghiệp xem thử và góp ý trước khi gửi cho khách hàng.
📚 Kiến Thức Cần Biết
khung chat (ghi chú yêu cầu chỉnh sửa bằng prompt) (chế độ ghi chú lên giao diện) là một tính năng đặc biệt của Google AI Studio. Thay vì gõ chữ mô tả thay đổi, bạn có thể vẽ trực tiếp lên khung kết quả chat — ví dụ: vẽ một hình chữ nhật quanh tiêu đề rồi ghi “Làm to hơn, đổi font chữ”, hoặc vẽ mũi tên chỉ vào nút bấm rồi ghi “Đổi sang màu đỏ”. Giống như bạn dùng bút highlight đánh dấu trên bản in và ghi chú sửa bên lề vậy.
Voice Input (nhập bằng giọng nói) — bạn bấm biểu tượng micro trong ô nhập liệu, rồi nói bằng tiếng Việt hoặc tiếng Anh điều bạn muốn thay đổi. AI sẽ chuyển giọng nói thành chữ và thực hiện. Rất tiện khi bạn không muốn gõ phím.
Share (chia sẻ) — cho phép bạn gửi link sản phẩm cho người khác xem, mà không cần deploy (đưa lên internet chính thức). Giống như gửi file Google Docs cho đồng nghiệp review vậy — họ xem được, nhưng chưa phải bản “chính thức công bố.”
🧪 Thực Hành Từng Bước
- Mở Google AI Studio: https://aistudio.google.com/apps
- Gõ prompt sau vào ô nhập:
Tạo cho tôi một trang card visit online (digital business card) với thiết kế sang trọng:
THÔNG TIN:
- Tên: [TÊN BẠN]
- Chức vụ: [CHỨC VỤ]
- Công ty/Thương hiệu: [TÊN CÔNG TY]
- Số điện thoại: [SỐ ĐT]
- Email: [EMAIL]
- Website (nếu có): [WEBSITE]
THIẾT KẾ:
- Nền gradient tối (đen sang xám đậm)
- Chữ trắng, tiêu đề vàng gold
- Có avatar hình tròn lớn ở trên cùng
- Bên dưới có các biểu tượng liên kết: Zalo, Facebook, Email
- Có nút "Lưu liên hệ" nổi bật
- Hiệu ứng hover nhẹ khi rê chuột vào các nút
- Responsive (hiển thị đẹp cả trên điện thoại)
- Font chữ chuyên nghiệp, dễ đọc- nhấn Run (nút tam giác) và chờ kết quả
- Nhìn vào khung kết quả chat — đây là card visit online của bạn!
- Giờ hãy thử khung chat (ghi chú yêu cầu chỉnh sửa bằng prompt):
- Tìm biểu tượng bút vẽ/annotation ở dưới hoặc bên cạnh cửa sổ Preview
- Click vào biểu tượng đó để bật khung chat (ghi chú yêu cầu chỉnh sửa bằng prompt)
- Dùng công cụ hình chữ nhật, vẽ một khung quanh phần tiêu đề (tên của bạn)
- Trong ô ghi chú, gõ: “Tăng kích thước font lên 150%, thêm hiệu ứng đổ bóng chữ”
- Click “Add to chat” rồi nhấn Send
- Quan sát AI cập nhật đúng phần bạn đánh dấu
- Thử Voice Input:
- Tìm biểu tượng micro (hình micro) trong ô nhập liệu
- Click vào và nói: “Thêm phần giới thiệu ngắn khoảng 2 dòng bên dưới chức vụ, viết rằng [nói nội dung bạn muốn]”
- AI sẽ chuyển lời nói thành chữ và tạo thay đổi
- Chỉnh sửa thêm 2-3 chi tiết nữa cho đến khi bạn hài lòng
- Chia sẻ sản phẩm:
- Nhìn lên thanh công cụ trên cùng, tìm nút “Share” (chia sẻ)
- Click vào Share
- Bạn có thể thêm email người khác hoặc copy link chia sẻ
- Gửi link này cho 1 người bạn hoặc đồng nghiệp để họ xem thử
✅ Kết Quả Đầu Ra
Bạn sẽ có một trang “card visit online” chuyên nghiệp, đã dùng thông tin thật, đã chỉnh sửa bằng cả 3 cách (chat, annotation, voice), và đã chia sẻ link cho ít nhất 1 người khác xem được.
💡 Mẹo & Lưu Ý
- khung chat (ghi chú yêu cầu chỉnh sửa bằng prompt) đặc biệt hữu ích khi bạn muốn chỉnh sửa một phần cụ thể mà khó mô tả bằng lời — ví dụ: “cái nút ở góc dưới bên phải” — thay vì gõ dài dòng, bạn chỉ cần khoanh vùng nó
- Khi share, người nhận sẽ thấy được code. Nếu bạn muốn giữ code riêng, hãy chỉ share cho người tin tưởng
- ⚠️ Lỗi thường gặp: Nếu khung chat (ghi chú yêu cầu chỉnh sửa bằng prompt) không phản hồi sau khi bạn vẽ, hãy đảm bảo bạn đã click “Add to chat” và sau đó nhấn Send. Chỉ vẽ thôi thì AI chưa biết — phải gửi đi nữa
📝 Bài Tập Về Nhà
Tạo card visit online cho chính bạn hoặc cho doanh nghiệp của bạn bằng thông tin thật. Chia sẻ link cho 2-3 người và hỏi ý kiến. Ghi lại những góp ý nhận được — bạn sẽ dùng các góp ý này để học cách cải tiến sản phẩm trong các bài sau.
GIAI ĐOẠN 2: “BIẾT NGHĨ”
🏆 Achievement Bài 04
- [ ] 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: Nghiên cứu nhu cầu khách hàng 🚀