Cara membuat simulasi fisika atau sains dengan AI dan membagikannya ke siswa lewat tautan

Minggu depan materinya gerak parabola. PhET punya simulasinya, tetapi angkanya tidak sama dengan soal di LKS. Anda lalu meminta Claude atau ChatGPT membuat simulasi sendiri, dan di laptop Anda simulasinya berjalan. Masalahnya muncul setelah itu: 32 siswa harus membukanya di Chromebook atau ponsel masing-masing, padahal di iPhone, file .html yang dibuka dari app File tampil sebagai pratinjau yang tidak menjalankan JavaScript (uji Convika di iOS 26.3).

Panduan ini membahas kapan cukup memakai PhET, cara meminta AI membuat simulasi yang tetap berjalan di luar chat, pustaka mana yang berjalan dalam uji Convika, apa yang perlu diperiksa sebelum kelas, dan cara membagikan tautan atau kode QR ke siswa. Kalau simulasinya dari ChatGPT dan Anda ingin tahu pilihan hosting lain, baca cara mengunggah HTML buatan ChatGPT ke hosting gratis.

Kalau PhET sudah punya, pakai PhET

PhET dari University of Colorado Boulder menyediakan simulasi sains dan matematika interaktif secara gratis. Simulasinya ditulis dengan HTML5, jadi berjalan di browser. Menurut halaman lisensinya, siswa dan guru boleh memakai simulasi PhET secara gratis untuk keperluan nonkomersial, termasuk pelajaran di kelas, PR, dan proyek siswa, asalkan mencantumkan atribusi. Situs PhET juga bisa dibuka dengan pilihan bahasa Indonesia.

Simulasi buatan AI layak dibuat kalau:

• PhET tidak punya topiknya, atau tidak sesuai dengan jenjang siswa Anda.
• Anda ingin angka dari soal Anda sendiri, misalnya kecepatan awal dari LKS atau sudut dari soal ulangan.
• Anda ingin satu hal saja di layar, tanpa tombol dan pilihan lain yang membingungkan siswa.

Contoh simulasi yang bisa dibuat

Simulasi yang paling mudah diminta dari AI adalah satu gejala dengan dua atau tiga nilai yang bisa diubah:

• Gerak parabola. Kecepatan awal dan sudut lempar diubah dengan slider, lintasan dan jangkauannya tergambar.
• Penjumlahan vektor. Dua vektor kecepatan digambar sebagai panah, lengkap dengan resultannya.
• GLBB. Troli yang dipercepat, dengan grafik v–t yang tergambar saat troli bergerak.
• Hukum II Newton. Kotak didorong gaya di lantai licin, dengan F = m·a di layar.
• Superposisi gelombang. Amplitudo dan panjang gelombang dua gelombang diubah, gelombang gabungannya ikut berubah.
• Bidang miring. Sudut bidang diubah, percepatan sepanjang bidang ikut berubah.

Cara meminta AI membuat satu file HTML

Tempel teks ini ke ChatGPT, Claude, atau Gemini, lalu ganti baris pertama dengan topik Anda:

Buatkan simulasi fisika untuk kelas saya: bola yang dilempar dengan sudut tertentu (gerak parabola).
Syarat:
- Satu file HTML, semua CSS dan JavaScript ada di dalamnya.
- Gambar di canvas. Kalau memakai pustaka seperti p5.js, Matter.js, atau three.js, muat dari cdnjs atau jsDelivr lewat https.
- Slider untuk kecepatan awal (5 sampai 30 m/s) dan sudut (10 sampai 80 derajat), serta tombol Mulai dan Ulang.
- Tampilkan rumus dan nilai saat ini di layar, lengkap dengan satuan. Pakai g = 9,8 m/s².
- Tulis angka desimal dengan koma, seperti 9,8.
- Gerakkan benda berdasarkan waktu yang berlalu sejak frame sebelumnya, bukan langkah tetap per frame.
- Muat di layar ponsel dan bisa dipakai dengan jari, tidak hanya dengan mouse.
- Jangan memuat data dari situs lain, dan jangan memakai eval atau new Function.
- Jangan menyimpan atau mengirim data apa pun.

Untuk topik lain, ganti baris pertamanya saja, misalnya:

• "Penjumlahan dua vektor kecepatan, dengan panah untuk tiap vektor dan resultannya."
• "GLBB: troli yang dipercepat, dengan grafik v–t yang tergambar saat troli bergerak."
• "Hukum II Newton: kotak didorong gaya di lantai licin, dengan F = m·a di layar."

Jangan hapus baris tentang waktu. Simulasi yang bergerak satu langkah tetap setiap frame akan berjalan lebih cepat di layar yang menggambar ulang lebih sering. Di layar 120 Hz, gerakannya dua kali lebih cepat daripada di layar 60 Hz, sehingga dua siswa melihat gerak yang berbeda untuk angka yang sama.

Hasil uji Convika: pustaka yang berjalan

Pada 17 Oktober 2026, Convika menguji delapan simulasi yang ditulis Claude dari permintaan seperti di atas (versi bahasa Inggris dan Jepang). Simulasi itu dijalankan dari server lokal dengan pengaturan keamanan yang sama seperti halaman Convika yang sudah diterbitkan, lalu dibuka di Chromium (layar komputer dan profil ponsel Pixel 7) serta di WebKit, mesin Safari (profil iPad). Dalam tabel di bawah, berjalan artinya animasinya bergerak dan angka di layar berubah saat slider digeser. Tidak ada halaman yang diterbitkan untuk uji ini, dan simulasi buatan ChatGPT atau Gemini tidak ikut diuji.

• Diblokir: permintaan ke situs lain (fetch), eval, dan new Function. Di paket Free, skrip halaman Convika yang sudah terbit hanya bisa mengirim permintaan ke alamatnya sendiri; Pro, MAX, dan Pass Pro 1 tahun hanya menambahkan alamat alat analitik dan jaringan iklan. Simulasi yang memuat data terkini dari situs lain, misalnya data cuaca atau gempa, tidak akan berjalan di paket mana pun.
• 3D perlu WebGL: Chromium dalam uji ini berjalan tanpa kartu grafis, dan three.js tidak menampilkan apa pun sampai rendering perangkat lunak dinyalakan. Kalau simulasi 3D tampil kosong di perangkat lama, minta versi 2D dengan p5.js atau canvas biasa.
• Belum diuji: halaman yang benar-benar diterbitkan, Chromebook dan iPad asli, serta filter internet sekolah.

Memeriksa di ponsel sebelum kelas

Sebelum mengunggah apa pun, buka Penampil HTML di browser laptop atau ponsel. Ketuk “Pilih file .html”, atau buka “Tempel kode” lalu tempel kodenya dan tekan “Tampilkan halaman”. Browser Anda yang membaca file itu, dan file tidak diunggah. Ganti lebarnya ke “Ponsel” untuk melihat apakah slider masih muat di layar dan bisa digeser dengan jari.

Lalu periksa fisikanya. AI menulis kode yang berjalan, tetapi fisikanya belum tentu benar:

• Hitung satu nilai sendiri. Untuk gerak parabola dengan kecepatan awal 20 m/s dan sudut 45°, jangkauannya R = v₀² sin 2θ / g = 20² × sin 90° ÷ 9,8 ≈ 40,8 m. Cocokkan dengan angka di layar dan dengan rumus di buku paket.
• Geser setiap slider sampai ujung. Sudut 0°, massa 0, atau percepatan negatif sering membuat simulasi berhenti atau bergerak mundur.
• Periksa tanda dan satuan. Pastikan arah ke atas selalu bertanda sama, positif atau negatif, dan setiap angka di layar punya satuan.
• Coba dengan jari. Slider yang mudah digeser dengan mouse bisa terlalu kecil untuk jari.

Kalau ada yang salah, tulis apa yang Anda lihat dan angka yang benar, misalnya "jangkauan pada 45° tertulis 81,6 m, seharusnya 40,8 m", lalu minta AI memberikan ulang seluruh file.

Gambar yang tampil rusak biasanya menunjuk ke file di laptop Anda, seperti gambar.png. Minta AI memakai alamat gambar yang diawali https://, atau menggambarnya langsung di canvas.

Menerbitkan simulasi dalam 4 langkah

1. Masukkan file ke kotak unggah

Seret file .html ke kotak unggah di bagian atas halaman ini, atau pilih “Tempel kode” lalu tempel kodenya, kemudian tekan “Dapatkan tautan pratinjau saya”. Tanpa akun, Anda bisa mengunggah satu file .html atau .htm hingga 2 MB. Saat muncul “Pratinjau Anda sudah siap”, buka pratinjaunya untuk melihat tampilan halaman. Tautan ini hanya aktif 3 menit, dan skrip serta formulirnya mati, jadi simulasinya belum bergerak. Tautan ini hanya untuk memeriksa tampilan, jangan dibagikan ke siswa.

2. Simpan halaman dan jalankan

Tekan “Simpan halaman ini — gratis, tanpa kartu”, lalu daftar. Halaman pindah ke akun Anda persis seperti saat diunggah, dan sejak itu skripnya berjalan. Di layar halaman di dasbor, tekan “Buka pratinjau” dan coba setiap slider. Akun Convika untuk pengguna berusia 13 tahun ke atas, dan pengguna di bawah 18 tahun memerlukan persetujuan orang tua atau wali, sesuai Ketentuan Layanan (bahasa Inggris).

3. Terbitkan

Tekan “Terbitkan”. Saat pertama kali menerbitkan, Convika menanyakan siapa yang bisa membuka halaman, lalu meminta Anda memilih paket. Untuk memakai gratis, pilih Free dan tekan “Terbitkan gratis”. Halaman di paket Free memiliki bilah kecil Convika di bagian bawah.

Halaman yang diterbitkan gratis menjadi Publik: siapa saja yang punya tautannya bisa membukanya, dan halaman bisa muncul di hasil pencarian serta galeri Convika. Tautan pribadi (Pro atau pass) membuat halaman tidak muncul di hasil pencarian dan galeri, tetapi siapa pun yang menerima tautannya tetap bisa membuka dan meneruskannya.

Setelah terbit, alamat halaman tidak berubah sampai Anda membatalkan penerbitannya.

4. Bagikan tautan atau kode QR

Di layar halaman, cari alamat di bawah “URL aktif” lalu tekan “Salin”. Tekan “Tampilkan kode QR” untuk membuka jendela berisi kodenya, lalu tampilkan di layar kelas supaya siswa memindainya dengan kamera ponsel atau tablet. Di jendela yang sama, tekan “Unduh PNG” untuk memasang kodenya di slide atau LKS. Siswa tidak perlu akun.

File, tautan pratinjau, atau tautan halaman yang terbit

Kode QR hanya berisi alamat. File tidak bisa langsung dijadikan kode QR, jadi halamannya harus diterbitkan dulu.

Membagikan ke siswa

• Google Classroom. Menurut Bantuan Classroom, buka kelasnya, klik “Tugas kelas”, lalu “Buat” → “Tugas”. Lampirkan alamat halaman dengan pilihan “Link”.
• Kode QR di layar kelas. Tampilkan kodenya di proyektor. Siswa memindainya dan simulasi langsung terbuka di browser.
• Grup kelas. Kirim alamatnya, bukan filenya. Halaman yang terbit adalah halaman web biasa yang dibuka di browser.
• Tidak bisa disematkan. Halaman Convika tidak bisa ditanam dengan iframe di halaman lain, seperti blog sekolah atau LMS. Pasang tautannya saja.
• Coba di satu perangkat siswa dulu. Filter internet sekolah bisa memblokir situs yang belum dikenalnya. Kalau halaman tidak terbuka, minta pengelola jaringan sekolah mengizinkan alamatnya.

Simulasi ini untuk mencoba dan memeriksa jawaban. Simulasi dari permintaan di atas tidak mengirim hasil siswa ke Anda. Kalau Anda perlu jawaban tiap siswa, kumpulkan dengan kuis Google Formulir di sampingnya.

Data siswa

• Jangan tulis nama siswa di file. Siapa saja yang punya alamatnya bisa membuka halaman dan membaca kodenya.
• Jangan pakai nama sebagai teks tombol atau tautan. Di halaman yang terbit, teks setiap tombol dan tautan yang ditekan dicatat Convika sebagai klik, bersama jenis perangkat dan negara pengunjung. Convika tidak tahu siswa mana yang menekannya.
• Jangan kirim daftar nama ke AI. Cukup sebutkan jumlahnya, misalnya "32 siswa".
• Ikuti aturan sekolah. Data apa yang boleh dipakai di layanan mana, setiap sekolah punya aturannya sendiri. Kalau ragu, tanyakan ke pengelola TIK sekolah.

Kalau halaman hanya boleh dibuka oleh satu kelas, pasang kata sandi saat menerbitkan. Kata sandi adalah fitur Pro.

Memperbaiki di tautan yang sama

Siswa menemukan satuan yang salah di grafik. Perbaiki di AI, lalu buka layar halaman yang sama di dasbor dan unggah file barunya sebagai versi baru halaman itu. Periksa pratinjau versi baru, lalu terbitkan di tautan yang sama. Alamat dan kode QR tetap sama, jadi tautan yang sudah dibagikan dan kode QR yang sudah dicetak langsung membuka versi baru.

Jangan memakai “Unggah file HTML” di dasbor untuk perbaikan. Tombol itu membuat halaman baru dengan alamat baru, sehingga tautan yang sudah dibagikan tidak membuka perbaikannya.

Pertanyaan umum

Apakah AI bisa membuat simulasi fisika?

Bisa. Minta ChatGPT, Claude, atau Gemini membuat satu file HTML berisi animasi di canvas, slider, serta rumus dan angka di layar. Periksa fisikanya dengan menghitung satu nilai sendiri sebelum dipakai di kelas. Setelah file diterbitkan, siswa membuka tautannya di browser tanpa akun.

Bagaimana cara membagikan simulasi HTML ke siswa?

Unggah file HTML-nya ke Convika, simpan halaman dengan akun gratis, lalu terbitkan. Bagikan alamat halaman lewat Google Classroom atau grup kelas, atau tampilkan kode QR-nya di layar kelas. Tautan pratinjau dari kotak unggah hanya aktif 3 menit dan skripnya mati, jadi jangan bagikan tautan itu.

Apakah siswa harus membuat akun?

Tidak. Halaman yang sudah terbit adalah halaman web biasa, jadi siswa cukup membuka tautan atau memindai kode QR di Chromebook, iPad, atau ponsel. Akun hanya diperlukan oleh guru yang menyimpan dan menerbitkan halaman. Menurut Ketentuan Layanan (bahasa Inggris), akun Convika untuk pengguna berusia 13 tahun ke atas, dan pengguna di bawah 18 tahun memerlukan persetujuan orang tua atau wali.

Apakah simulasinya bisa dipakai di ponsel?

Bisa, kalau Anda memintanya sejak awal: tata letak yang muat di layar ponsel dan slider yang bisa digeser dengan jari. Dalam uji Convika, simulasi dengan p5.js, Matter.js, three.js, dan Chart.js berjalan di Chromium dengan profil ponsel Pixel 7 dan di WebKit dengan profil iPad. Perangkat asli belum diuji, jadi buka tautannya di satu ponsel siswa sebelum kelas.

Apakah gratis?

Ya. Kotak unggah dan Penampil HTML tidak memerlukan pendaftaran. Paket Free tidak memerlukan kartu kredit dan bisa menerbitkan 1 halaman sekaligus, dengan bilah kecil Convika di bagian bawah halaman. Paket Free juga punya batas tayangan halaman per bulan; angka dan aturannya ada di halaman harga (bahasa Inggris).

Bisakah simulasi menyimpan hasil siswa?

Tidak dengan permintaan di atas: simulasinya tidak menyimpan atau mengirim apa pun, jadi hasil tiap siswa tidak sampai ke Anda. Untuk jawaban tiap siswa, pakai kuis Google Formulir di samping simulasinya.

Sumber

• About PhET (PhET Interactive Simulations) (diperiksa 23 Oktober 2026)
• Licensing (PhET Interactive Simulations) (diperiksa 23 Oktober 2026)
• PhET dalam bahasa Indonesia (diperiksa 23 Oktober 2026)
• Membuat tugas (Bantuan Classroom) (diperiksa 23 Oktober 2026)
• Membuat & memberi nilai kuis dengan Google Formulir (Bantuan Google) (diperiksa 23 Oktober 2026)