@yefri_haryanto: Cara Membuat Aplikasi Buku Tamu dengan Appscript di Gemini AI. ​Tutorial Membuat Web App Buku Tamu Online dengan AI ​Langkah 1: Inisiasi Prompt di Gemini ​Buka Gemini dan pastikan Anda menggunakan fitur Canvas (jika tersedia) untuk mempermudah preview kode. ​Masukkan prompt awal untuk membangun struktur dasar. Anda bisa menggunakan prompt berikut: ​"Buatkan Web App untuk Buku Tamu Online. Laporannya juga bisa di cetak ke pdf. Tampilan responsif dan bootstrap 5." ​Tunggu hingga Gemini menghasilkan draf awal. Biasanya, AI akan menggabungkan HTML, CSS, dan JavaScript dalam satu file terlebih dahulu. ​Langkah 2: Review dan Kustomisasi Antarmuka ​Periksa tampilan awal aplikasi melalui jendela preview (Canvas). ​Lakukan kustomisasi teks atau judul agar lebih spesifik sesuai kebutuhan instansi. Berikan prompt lanjutan, misalnya: ​"Ubah semua tulisan judul menjadi Buku Tamu SMP Negeri 3 Kerinci." ​Pastikan kolom-kolom yang dibutuhkan sudah sesuai (misal: Nama Lengkap, Instansi/Asal, No. Telepon/WhatsApp, Tujuan Kunjungan). ​Langkah 3: Pemisahan Kode (Backend & Frontend) Untuk diimplementasikan ke Google Apps Script, struktur kode yang digabung harus dipisah. ​Berikan perintah kepada Gemini: ​"Pisahkan gs dan html." ​Gemini akan merestrukturisasi kode dan membaginya menjadi dua bagian utama: ​Backend Apps Script: Kode logika server (Code.gs) untuk mengelola koneksi database ke Google Sheets. ​Frontend Web App: Kode antarmuka (Index.html) yang berisi kerangka UI Bootstrap 5. ​Langkah 4: Implementasi di Google Apps Script ​Buka Google Sheets baru, lalu klik Ekstensi > Apps Script. ​Salin kode Backend dari Gemini dan tempelkan ke file Code.gs di editor Apps Script Anda. ​Buat file baru di Apps Script dengan memilih File > HTML, beri nama Index.html (atau sesuai arahan AI). ​Salin kode Frontend dari Gemini dan tempelkan ke file Index.html tersebut. ​Simpan proyek Anda. ​Langkah 5: Deployment dan Pengujian ​Klik tombol Terapkan (Deploy) > Deployment baru di pojok kanan atas editor Apps Script. ​Pilih jenis Aplikasi Web (Web App). ​Atur hak akses agar bisa digunakan oleh siapa saja yang memiliki tautan, lalu selesaikan proses deployment. ​Buka URL Web App yang dihasilkan. ​Lakukan pengujian dengan mengisi form buku tamu, menekan tombol Simpan Data, dan mencoba fitur Cetak PDF untuk memastikan laporan kunjungan terunduh dengan format tabel yang rapi. #carabuataplikasiappscriptdigemini #carabuataplikasibukutamudenganappscript #aplikasiappscript #aplikasiappscriptdengangeminiai #geminiai

Guru Kito

Open In TikTok:

Region: ID

Wednesday 25 February 2026 02:30:26 GMT