# Tạo công cụ tương tác và website nhỏ bằng ChatGPT

Tạo công cụ nhỏ, thử dữ liệu và chỉnh giao diện; phân biệt bản tương tác, phiên bản lưu và website công khai.

Canonical: https://phunamai.com/cach-dung-ai/chatgpt-cong-cu-tuong-tac-website
Tác giả: Trần Phương Nam
Ngày xuất bản: 2026-10-04T09:14:08Z
Cập nhật: 2026-10-04T09:14:08Z

## Bạn sẽ làm được gì?
Tạo công cụ tính chi phí đơn giản, thử dữ liệu và chỉnh giao diện. Khi cần dùng ngoài hội thoại, bạn sẽ biết cách chuyển yêu cầu sang Sites, lưu phiên bản và kiểm tra trước khi công khai.
| Đầu ra | Phù hợp khi | Cách kiểm tra |
| --- | --- | --- |
| Bảng hoặc biểu đồ tĩnh | Chỉ cần đọc hoặc đưa vào tài liệu | Đối chiếu số và đơn vị |
| Công cụ tương tác trong chat | Cần thay đầu vào và xem kết quả | Thử giá trị, nút và trường hợp lỗi |
| Website trên Sites | Cần liên kết để mở và dùng bên ngoài | Kiểm tra phiên bản, dữ liệu và người có thể truy cập |
Visualize và Sites phụ thuộc tài khoản, môi trường và cấu hình workspace. Không mặc định một kết quả tương tác đã có URL công khai hoặc dữ liệu tự cập nhật.
## Thực hành trong 7 bước
### Bước 1. Chốt phép tính và đơn vị
Công cụ mẫu tính chi phí văn phòng phẩm: số lượng nhân đơn giá, kết quả bằng đồng Việt Nam. Dữ liệu thử là 10 cây bút, mỗi cây 5.000 đồng; tổng đúng 50.000 đồng. Số lượng là số nguyên không âm, đơn giá không âm.
**Kết quả:** Có phép tính và kết quả mẫu để đối chiếu độc lập.
### Bước 2. Chọn Visualize khi có
Trong Chat hoặc Work hỗ trợ, gõ @, tìm Visualize và chọn mục tương ứng trong Plugins. Gửi yêu cầu dưới đây. Nếu không thấy Visualize, kiểm tra môi trường và quyền; có thể yêu cầu bảng mẫu trước rồi quay lại công cụ tương tác sau.
**Yêu cầu mẫu**
```text
Tạo công cụ tương tác tính chi phí văn phòng phẩm. Có ô số lượng, ô đơn giá VND, nút tính và kết quả VND. Mặc định 10 và 5000, kết quả 50000. Số lượng phải là số nguyên không âm; đơn giá không âm. Khi bỏ trống hoặc nhập sai, hiện thông báo dễ hiểu. Dùng nhãn tiếng Việt, chữ dễ đọc trên điện thoại. Chưa công khai thành website.
```
**Kết quả:** Có công cụ hoặc bản mẫu với đúng hai đầu vào và đơn vị rõ.
### Bước 3. Thử các trường hợp
| Số lượng | Đơn giá | Kết quả mong đợi |
| --- | --- | --- |
| 10 | 5000 | 50.000 đồng |
| 3 | 20000 | 60.000 đồng |
| 0 | 5000 | 0 đồng |
| -1 | 5000 | Báo số lượng không hợp lệ |
| 1,5 | 5000 | Báo số lượng phải là số nguyên |
| Bỏ trống | 5000 | Yêu cầu nhập số lượng |
Thay từng ô và thử nút tính. Nếu kết quả không đổi sau khi sửa đầu vào, yêu cầu sửa việc cập nhật; chạy lại các ca trong bảng. Số 1,5 là một giá trị thử, cách nhập dấu thập phân tùy giao diện.
**Kết quả:** Công cụ xử lý đúng dữ liệu hợp lệ và báo rõ dữ liệu sai.
### Bước 4. Chỉnh giao diện theo lỗi cụ thể
Ví dụ: “Kết quả đang khó đọc; tăng cỡ chữ, đặt dưới nút tính, giữ nguyên công thức. Khi lỗi, ghi ngay cạnh ô cần sửa.” Kiểm tra độ rộng trên màn hình nhỏ, nhãn VND và nút có thể bấm được. Nếu dùng tiếng Anh, yêu cầu nhãn Quantity, Unit price (VND), Calculate, Total (VND).
**Kết quả:** Dễ hiểu ở cả ngôn ngữ cần dùng, phép tính vẫn đúng sau sửa giao diện.
### Bước 5. Chuyển sang Sites nếu cần liên kết riêng
Gõ @Sites khi có hoặc nói rõ muốn tạo website. Đưa yêu cầu, công thức và bộ ca thử đã chốt. Yêu cầu “Tạo website nhỏ theo công cụ này, lưu phiên bản để tôi rà, chưa deploy.” Không dùng dữ liệu cá nhân trong bản mẫu.
**Kết quả:** Có phiên bản website để kiểm tra trước khi xuất bản. Lưu phiên bản và deploy là hai việc khác nhau.
### Bước 6. Rà phiên bản website
Kiểm tra lại bảng ca thử, bố cục điện thoại và đơn vị. Ghi rõ dữ liệu chỉ nhập cho phép tính, có lưu hay gửi đi đâu không. Với công cụ mẫu, yêu cầu không đăng nhập, không lưu dữ liệu và không kết nối dịch vụ ngoài. Nếu có thêm chức năng lưu, phải kiểm tra lại hành vi và nội dung thông báo cho người dùng.
**Kết quả:** Phiên bản được rà về phép tính, giao diện và cách xử lý dữ liệu.
### Bước 7. Xuất bản khi đã sẵn sàng
Khi muốn công khai, yêu cầu deploy phiên bản đã rà, kiểm tra ai có thể mở và dùng liên kết. Tài liệu Sites hiện hành nêu URL deploy là bản production, không phải URL xem thử riêng. Mở URL, thử lại 10 × 5.000 và trường hợp bỏ trống. Vào Sites qua More → Sites trên web nếu menu này có để quản lý hoặc chỉnh tiếp.
**Kết quả:** Liên kết mở được với người dự định dùng và đúng phiên bản đã kiểm tra.
## Lỗi thường gặp
| Vấn đề | Cách xử lý |
| --- | --- |
| Chỉ có hình ảnh, không nhập được số | Yêu cầu công cụ tương tác có trường nhập và hành vi |
| Số âm vẫn cho tổng | Sửa kiểm tra đầu vào rồi chạy lại ca lỗi |
| Không rõ đơn vị | Ghi VND ở nhãn và kết quả |
| Chỉnh giao diện làm sai phép tính | Chạy lại bộ ca thử sau sửa |
| Tưởng URL deploy là bản riêng tư để thử | Kiểm tra trạng thái công khai và lưu phiên bản trước deploy |
Biểu đồ phục vụ báo cáo xem [Excel và phân tích dữ liệu](/cach-dung-ai/chatgpt-excel-phan-tich-bieu-do); lập trình trong repository xem [Codex](/cach-dung-ai/chatgpt-github-codex).
## Nguồn đối chiếu
Đối chiếu ngày 04/10/2026: [Visualizations](https://learn.chatgpt.com/docs/visualizations), [Sites](https://learn.chatgpt.com/docs/sites). Giới hạn và khả năng hỗ trợ có thể thay đổi.

---

Nguồn: PHUNAM
URL: https://phunamai.com/cach-dung-ai/chatgpt-cong-cu-tuong-tac-website