Hướng dẫn tạo công cụ quản lý tài chính với ChatGPT Intelligent UI

Việc tích hợp Intelligent UI vào ChatGPT-6 đã mở ra cách tiếp cận mới trong việc xây dựng ứng dụng, khi người dùng không chỉ tương tác với AI thông qua văn bản mà còn có thể tự tạo giao diện tương tác thông minh.

Thay vì phải tự tay thiết kế giao diện tương tác, người dùng dễ dàng tạo ra nhiều ứng dụng tương tác trực quan, chẳng hạn công cụ quản lý tài chính. Bài viết dưới đây sẽ hướng dẫn bạn xây dựng công cụ quản lý tài chính cá nhân với ChatGPT Intelligent UI.

Cách tạo công cụ quản lý tài chính với ChatGPT Intelligent UI

Bước 1:

Đầu tiên bạn cần nội dung cho ứng dụng quản lý tài chính cá nhân của mình sẽ bao gồm những mục gì, muốn xuất hiện phần quản lý cho tiêu chí nào trên giao diện.

Chẳng hạn, bạn có thể xây dựng ứng dụng theo dõi thu nhập, chi tiêu, số dư tài khoản, phân loại các khoản chi, lập ngân sách hàng tháng và thống kê tình hình tài chính bằng biểu đồ.

Sau khi đã xác định được mục tài chính thì ChatGPT dễ dàng trong việc tạo công cụ theo nhu cầu của bạn.

Bước 2:

Tiếp đến bạn sẽ nhập prompt với các thông tin cần hiển thị và cách người dùng có thể thao tác với giao diện. Bạn tham khảo prompt dưới đây.

Tôi có thu nhập 15 triệu đồng/tháng và muốn tiết kiệm để mua một chiếc laptop trị giá 20 triệu đồng.

Hãy tự tạo một công cụ tính toán tài chính tương tác bằng Intelligent UI ngay trong đoạn chat, bao gồm:

Thanh trượt điều chỉnh số tiền tiết kiệm mỗi tháng.

Ô nhập số tiền chi tiêu hàng tháng.

Hiển thị số tiền còn lại sau chi tiêu và tiết kiệm.

Tự động tính số tháng cần thiết để đạt mục tiêu mua laptop.

Thanh tiến trình thể hiện số tiền đã tiết kiệm so với mục tiêu 20 triệu đồng.

Khi thay đổi số tiền tiết kiệm hoặc chi tiêu, các kết quả và biểu đồ liên quan phải tự động cập nhật ngay trên giao diện.

Hãy tạo các thành phần tương tác thực sự để mình có thể trực tiếp kéo thanh trượt và nhập số liệu, không chỉ trình bày kết quả dưới dạng văn bản hoặc bảng tĩnh.

Chúng ta sẽ thấy nội dung trả về là giao diện quản lý tiền với thanh trượt.

Mỗi khi bạn thay đổi số tiền theo thanh trượt thì kết quả trả về sẽ thay đổi theo. Nội dung được biểu thị với thanh biểu đồ phân tích để bạn dễ hình dung về nguồn tài chính cá nhân của mình.

Bước 3:

Sau khi ChatGPT tạo công cụ tính toán tài chính tương tác ở bước đầu, chúng ta sẽ tiếp tục yêu cầu điều chỉnh giao diện để theo dõi tiến độ tiết kiệm trực quan hơn, hoặc thêm mục chi tiêu nào đó. Chẳng hạn:

Hãy bổ sung tính năng so sánh các phương án tiết kiệm vào công cụ hiện tại. Tạo giao diện tương tác cho phép mình lựa chọn các mức tiết kiệm 2 triệu, 3 triệu, 5 triệu đồng mỗi tháng và so sánh thời gian cần thiết để đạt mục tiêu mua laptop 20 triệu đồng. Khi chọn một phương án, hãy cập nhật kết quả tương ứng ngay trên giao diện. Giữ nguyên thanh trượt và các thành phần hiện có.

Tùy theo người dùng muốn thay đổi nội dung như nào mà chúng ta nhập câu lệnh để nâng cấp giao diện quản lý tài chính cá nhân theo ý mình.