OpenAI
Halaman ini diterjemahkan oleh mesin. Lihat artikel asli dalam bahasa Inggris.

Apa itu fitur Canvas di ChatGPT dan bagaimana cara menggunakannya?

Pertanyaan umum tentang penggunaan fitur Canvas di ChatGPT

Diperbarui: 5 days ago

Harap perhatikan bahwa Canvas tersedia di Web, Windows, dan MacOS. Segera hadir di platform seluler (iOS, Android, web seluler).

Canvas adalah antarmuka baru untuk bekerja dengan ChatGPT pada proyek penulisan dan pengodean yang memerlukan pengeditan dan revisi.

Dengan Canvas, ChatGPT dapat lebih memahami konteks dari apa yang ingin Anda capai. Anda dapat menyoroti bagian tertentu untuk menunjukkan dengan tepat hal yang ingin Anda minta agar ChatGPT fokuskan. ChatGPT juga dapat memberikan masukan dan saran langsung dalam teks dengan mempertimbangkan keseluruhan proyek.

Anda mengendalikan proyek di Canvas. Anda dapat langsung mengedit teks atau kode. Anda dapat menggunakan pintasan agar ChatGPT menyesuaikan panjang tulisan, men-debug kode Anda, dan dengan cepat melakukan tindakan berguna lainnya. Anda juga dapat memulihkan versi sebelumnya dari pekerjaan Anda dengan menggunakan tombol kembali di Canvas.

Harap perhatikan bahwa Canvas tidak tersedia dengan model seri pro.

Bagaimana cara kerja rendering React/HTML?

Kode React/HTML dirender dalam lingkungan sandbox, sehingga Anda dapat melihat output kode tersebut. Banyak paket npm dan pustaka JavaScript akan berfungsi, tetapi pratinjau yang perlu memuat paket eksternal atau sumber daya web mungkin bergantung pada pengaturan akses jaringan Canvas workspace Anda.

Eksekusi kode Canvas dan tombol akses jaringan

Harap perhatikan bahwa eksekusi kode dan rendering React/HTML dapat mengakibatkan permintaan jaringan eksternal dibuat. Admin workspace Enterprise dapat mengontrol apakah eksekusi kode Canvas tersedia bagi pengguna di workspace beserta perilaku akses jaringan default. Secara default, eksekusi kode Canvas diaktifkan sementara Izinkan kode Canvas mengakses jaringan dinonaktifkan untuk workspace enterprise, tetapi tombol ini dapat dikonfigurasi di Pengaturan admin workspace Anda.

Image

Mengakses Canvas di ChatGPT

ChatGPT dapat membuka Canvas saat memahami apa yang ingin Anda capai. Misalnya, Anda dapat meminta ChatGPT membuat sebuah tulisan (mis. “mari tulis esai panjang tentang mengapa stroberi adalah pseudokarp”) atau membuat draf kode untuk Anda (mis. “tulis server web dalam python”) dan ChatGPT akan merespons dengan Canvas. Biasanya Anda dapat mengharapkan ChatGPT membuka Canvas secara otomatis saat ChatGPT menghasilkan konten lebih dari 10 baris atau mendeteksi skenario yang akan terbantu oleh antarmuka untuk menulis atau kode. Selain itu, Anda dapat menyertakan “gunakan Canvas…” dalam prompt Anda untuk meminta ChatGPT membuka Canvas.

Respons dengan Canvas akan otomatis membuka jendela di sisi kanan yang berisi konten yang Anda minta.

Anda juga dapat memulai dengan Canvas kosong bersama ChatGPT di web dengan mengatakan hal seperti, “buka Canvas”, atau “buka Canvas pengodean”. Dengan Canvas kosong, Anda dapat mengerjakan proyek yang sudah ada dengan menempelkannya ke Canvas kosong, atau cukup mengetik di Canvas.

Anda juga dapat menempelkan konten ke ChatGPT dan langsung membukanya di Canvas melalui pintasan di sudut kanan atas composer.

ChatGPT composer with the Open in canvas button highlighted

Selain itu, toolbox di composer prompt juga memungkinkan Anda meminta ChatGPT membuat Canvas baru dalam prompt Anda. Ini juga dapat dipicu dengan mengetik garis miring terbalik (“/”) lalu menggunakan perintah “canvas”.

ChatGPT composer with the tools menu open, including the Canvas option

Mengedit proyek Anda dengan Canvas

Anda dapat melakukan edit dengan Canvas cukup dengan memintanya di chat. Selain itu, Anda dapat memilih sebagian konten dengan menyoroti teks atau menggunakan ikon komentar blok untuk memilih seluruh blok paragraf. Ini akan membuka input tempat Anda dapat memberikan arahan tentang apa yang perlu dijelaskan atau diedit di bagian yang dipilih.

Canvas text selected with a comment icon to add feedback

Anda juga dapat langsung mengedit konten Canvas dengan mengeklik Canvas dan mengetik. Harap perhatikan bahwa hanya opsi pemformatan markdown dasar yang didukung, termasuk tebal, miring, header, poin bullet, dan daftar bernomor. Saat ini kami belum menawarkan opsi pemformatan yang lebih canggih di Canvas.

Anda dapat memperoleh saran komentar yang tertarget dari ChatGPT cukup dengan memilih pintasan Sarankan edit atau Tinjau kode. Dengan mengeklik gelembung komentar, Anda dapat melihat saran spesifik yang diberikan oleh ChatGPT. Anda dapat langsung mengedit item yang ditandai dan menutup komentar, atau memilih Terapkan agar ChatGPT otomatis menghasilkan konten untuk menanggapi komentar tersebut.

Canvas suggestion card in ChatGPT offering an edit and Apply button beside highlighted text

Saat mengerjakan tugas menulis, Anda juga memiliki opsi untuk menyoroti bagian tertentu dari teks atau kode Anda dan meminta ChatGPT untuk meminta edit pada bagian tersebut atau mengajukan pertanyaan tentangnya. Opsi pemformatan juga dapat diakses dengan menyoroti sebagian teks. Pemformatan markdown dasar didukung, termasuk tebal, miring, header, poin bullet, dan daftar bernomor. Saat ini kami belum menawarkan opsi pemformatan yang lebih canggih di Canvas.

ChatGPT canvas text selected with inline tools for Ask ChatGPT, bold, italic, and formatting

Pintasan di Canvas untuk menulis dan mengode

Canvas dengan ChatGPT menyediakan akses ke serangkaian pintasan penulisan yang memungkinkan Anda meminta saran edit, menyesuaikan panjang output, memperbarui tingkat bacaan yang dituju, serta menambahkan emoji atau polesan akhir pada tulisan Anda. Untuk menemukan pintasan ini, arahkan kursor ke menu pintasan di kanan bawah halaman.

ChatGPT canvas toolbar with Suggest edits selected

Untuk menulis dokumen, Anda dapat menggunakan pintasan berikut:

  • Sarankan edit: ChatGPT akan menambahkan saran inline untuk meningkatkan tulisan Anda.

  • Sesuaikan panjang: memperpendek atau memperpanjang dokumen Anda.

  • Ubah tingkat bacaan: menyesuaikan tingkat bacaan dari Taman Kanak-kanak hingga Pascasarjana.

  • Tambahkan polesan akhir: memeriksa tata bahasa, kejelasan, dan konsistensi.

  • Tambahkan emoji: mengganti kata dengan emoji atau menambahkannya untuk penekanan dan warna ekstra.

Untuk pengodean, Anda dapat menggunakan pintasan berikut:

  • Tambahkan log: menyisipkan pernyataan print untuk membantu debugging dan melacak eksekusi.

  • Tambahkan komentar: menambahkan komentar untuk menjelaskan kode dan meningkatkan keterbacaan.

  • Perbaiki bug: mendeteksi dan menulis ulang kode bermasalah untuk mengatasi error.

  • Porting ke bahasa: menerjemahkan kode Anda ke bahasa seperti JavaScript, Python, Java, TypeScript, C++, atau PHP.

  • Tinjauan kode: memberikan saran inline untuk mengoptimalkan dan meningkatkan kode Anda.

Beberapa pintasan akan segera memperbarui isi proyek Anda, seperti Tambahkan emoji, Tambahkan polesan akhir, Perbaiki bug, dan Porting ke bahasa.

ChatGPT canvas open to a draft titled Strawberry Pseudocarp with editing controls in the header

Pintasan lain dapat disesuaikan dengan slider. Misalnya, pintasan Sesuaikan panjang memberi Anda fleksibilitas untuk memilih opsi dari panjang Terpendek hingga Terpanjang. Pintasan Tingkat bacaan memungkinkan Anda menyesuaikan tingkat bacaan dari Taman Kanak-kanak hingga Pascasarjana.

Image

Riwayat versi dan tampilkan perubahan

Anda dapat menelusuri versi dokumen atau kode Canvas Anda menggunakan riwayat versi melalui panah di toolbar atas. Ini memungkinkan Anda melihat versi sebelumnya serta memulihkan versi tersebut jika Anda mau. Anda juga dapat menyalin isi proyek dengan memilih tombol salin.

Canvas toolbar undo button tooltip labeled Previous version

Selain itu, Anda dapat melihat perubahan antarversi Canvas dengan menggunakan tombol Tampilkan perubahan di toolbar atas. Ini akan menampilkan penambahan dan penghapusan untuk dokumen maupun kode.

Canvas editing an email draft with suggested text replacing a selected paragraph

Menjalankan kode Python dengan Canvas

Anda dapat menjalankan file kode Canvas untuk Python langsung di browser saat menggunakan Canvas dengan memilih tombol Jalankan di Canvas Anda. Saat menjalankan kode Python, output akan muncul di konsol di bagian bawah layar. Saat ada error yang muncul di konsol, ChatGPT akan memberikan saran tentang error tersebut – klik tombol Perbaiki bug agar ChatGPT mencoba memperbaikinya untuk Anda!

Canvas code editor with ChatGPT suggesting a fix for a Fibonacci function exception

Fitur ini saat ini hanya tersedia untuk kode Python, tetapi kami berencana memperluas akses ke bahasa pemrograman lain di masa mendatang.

Mengaktifkan Canvas untuk GPT Anda

Canvas kini berfungsi dengan GPT. Anda dapat mengaktifkan akses Canvas ke GPT dengan mengaktifkan kemampuan Canvas di GPT Builder. Ini memungkinkan pengguna akhir GPT Anda membuka Canvas saat mengobrol dengan GPT Anda.

Capabilities menu with Canvas selected

Harap perhatikan bahwa kemampuan ini nonaktif untuk semua GPT yang sudah ada dan aktif secara default untuk GPT yang baru dibuat. Anda dapat mengubahnya kapan saja di GPT Builder.


Pelajari selengkapnya tentang GPT Builder.

Membagikan Canvas kepada orang lain

Berbagi Canvas tersedia untuk semua paket, termasuk Free, Plus, Pro, Team, Enterprise, dan Edu.

Pengguna kini dapat membagikan aset Canvas seperti kode React/HTML yang dirender, dokumen, atau kode kepada pengguna lain, mirip dengan cara Anda membagikan percakapan. Anda dapat melakukannya dari toolbar Canvas saat Canvas terbuka.

ChatGPT canvas open with a coding project preview reading SHARING NOW AVAILABLE

Mengunduh file Canvas Anda

Kini Anda dapat mengekspor dokumen Canvas dalam beberapa format, tergantung jenis kontennya. Cari tombol Unduh di sudut kanan atas Canvas Anda untuk mencobanya.

Untuk dokumen umum (seperti esai atau postingan blog), Canvas mendukung ekspor ke format PDF, Markdown (.md) dan Word (.docx).

Untuk Canvas berbasis kode, Canvas secara cerdas mendeteksi bahasa dan mengekspornya dengan ekstensi file yang sesuai (mis., .py, .js, .sql, dll.), sambil mempertahankan pemformatan dan sintaks.

Fitur ini memudahkan Anda mengarsipkan pekerjaan, membagikan draf, atau melanjutkan pengeditan di alat eksternal.

Pratinjau Canvas tidak selesai dimuat saat “Menginstal Paket”?

Beberapa pratinjau JS/HTML Canvas memerlukan browser pengguna untuk memuat paket eksternal atau sumber daya web lain sebelum dapat dirender. Jika Izinkan kode Canvas mengakses jaringan dinonaktifkan, atau jika kontrol jaringan browser atau organisasi memblokir domain eksternal yang diperlukan, pratinjau mungkin tidak selesai dimuat.

Periksa konsol browser untuk menemukan error seperti Failed to fetch, Refused to connect, atau error Content Security Policy. Jika akses jaringan kode Canvas sudah diaktifkan, periksa apakah kontrol browser, proxy, firewall, atau endpoint memblokir domain yang diperlukan.

Canvas dan keamanan web

Canvas dapat mempratinjau situs web dan konten web lainnya. Konten web pada dasarnya online dan memiliki kemampuan untuk berkomunikasi dengan pihak ketiga yang bukan OpenAI.

Komunikasi yang dilakukan pratinjau web bisa sesederhana menggunakan internet untuk mengakses gambar — tetapi juga bisa berbahaya seperti mengirim informasi yang telah Anda masukkan atau bagikan dengan ChatGPT kepada pihak ketiga.

ChatGPT mengambil informasi yang Anda berikan saat berbicara dan menggunakannya untuk membuat respons yang lebih tepat. Dalam beberapa kasus, seperti jika Anda menempelkan informasi dari internet, atau saat berita atau hasil pencarian diambil, ChatGPT akan menggunakan informasi lain untuk responsnya, termasuk dalam pembuatan kode dengan Canvas.

Saat Anda berinteraksi dengan pratinjau web Canvas, ChatGPT akan meminta Anda mengonfirmasi komunikasi dengan pihak ketiga yang tidak diketahui OpenAI. Jika Anda mengonfirmasi komunikasi ini, kami mengizinkan pratinjau untuk berkomunikasi dengan pihak ketiga tersebut.

Apakah artikel ini membantu?