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

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.

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.

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

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

Biểu đồ phục vụ báo cáo xem Excel và phân tích dữ liệu; lập trình trong repository xem Codex.

Nguồn đối chiếu

Đối chiếu ngày 04/10/2026: Visualizations, Sites. Giới hạn và khả năng hỗ trợ có thể thay đổi.