Membuat
Aplikasi dengan AI
Dari ide sederhana menjadi aplikasi web yang dapat digunakan sekolah — langsung dari browser.
Masdiyono Oget
Operator Dapodik & Pengembang Website dan Aplikasi Sekolah
Pengembang website dan aplikasi yang berfokus pada digitalisasi administrasi dan kebutuhan sistem informasi sekolah sejak 2020.
Ringkasan ini disusun dari Curriculum Vitae Masdiyono Oget.
Berangkat dari kebutuhan nyata sekolah
Mengembangkan website dan aplikasi pendidikan berdasarkan kebutuhan pengguna.
Mengelola data dan administrasi pendidikan, website sekolah, serta membantu digitalisasi kebutuhan sekolah.
“Aplikasi yang baik bukan yang paling rumit, tetapi yang menyelesaikan masalah penggunanya.”
Beberapa proyek unggulan
Teknologi yang digunakan
apakah saya tetap bisa membuat aplikasi?”
Hari ini kita tidak sekadar belajar teori
Menentukan masalah yang ingin diselesaikan.
Menyusun prompt yang jelas untuk AI.
Menghubungkan AI, GAS, dan Spreadsheet.
Menghasilkan Web App yang dapat dibuka.
Yang dibutuhkan: cukup browser
Apa itu Google Apps Script?
Platform berbasis JavaScript milik Google untuk mengotomatisasi layanan Google dan membangun aplikasi web.
Satu ekosistem, beberapa komponen
AI menjadi coding assistant
Struktur aplikasi, HTML, CSS, JS, dan Apps Script.
Membaca error dan membantu mencari penyebab.
Menambahkan fitur tanpa selalu mulai dari nol.
AI membantu menulis kode. Kita tetap menentukan kebutuhan, menguji, dan memvalidasi.
Inilah perjalanan aplikasi kita
Jangan mulai dari kode. Mulai dari masalah.
Rahasia utama: jangan biarkan AI menebak
Buat aplikasi data siswa.AI harus menebak kebutuhan kita.
Buat Web App GAS untuk admin sekolah dengan Spreadsheet sebagai database, CRUD siswa, pencarian, pagination, dan tampilan mobile-first.AI mendapat konteks yang jelas.
Gunakan formula sederhana
Kita akan membuat Aplikasi Data Siswa
Total Siswa12
Rombel164
Laki-laki164
Perempuan
0054 Andi Pratama X-A L
0055 Siti Rahma X-A P
0056 Budi Santoso X-B L
Sebelum coding, tentukan kebutuhan
Rancang struktur data
| Kolom | Fungsi | Contoh |
|---|---|---|
| ID | Identitas unik | STU-0001 |
| NIS / NISN | Nomor siswa | 1001 / 00... |
| Nama | Nama lengkap | Andi Pratama |
| JK / Kelas | Profil | L / X-A |
| CreatedAt / UpdatedAt | Jejak perubahan | 2026-08-31 |
Buat folder di Google Drive
Buat Google Spreadsheet
STU-001 | 1001 | 123... | Andi | L | X-A | Sintang | 08... | ...
Buat Sheet bernama Siswa dan siapkan header database.
Buat project Apps Script
Pisahkan tanggung jawab file
Berikan instruksi secara lengkap
Anda adalah developer Google Apps Script berpengalaman. Buat aplikasi “Manajemen Data Siswa” untuk admin sekolah. Gunakan Google Spreadsheet sebagai database. Teknologi: • Google Apps Script • HTML, CSS, JavaScript Fitur: • Dashboard • CRUD siswa • Pencarian & pagination • Responsive mobile-first Sheet “Siswa”: ID, NIS, NISN, Nama, Jenis Kelamin, Kelas, Alamat, No HP, CreatedAt, UpdatedAt. Pisahkan kode: Code.gs | Index.html | CSS.html | JavaScript.html Sebelum coding, analisis struktur aplikasi dan alurnya.
Dari AI ke Apps Script
Generate
Sesuai file
Paste
Hubungkan aplikasi ke database
const SPREADSHEET_ID = 'ID_SPREADSHEET_ANDA'; const SHEET_NAME = 'Siswa';
Sebelum deploy, uji semuanya
Error bukan akhir. Jadikan bahan belajar.
Saya mendapat error berikut: [PASTE ERROR] Tolong analisis penyebabnya. Pertahankan fitur lain yang sudah berjalan. Berikan perbaikan kode yang lengkap.
Tambahkan fitur secara bertahap
Ubah project menjadi Web App
Execute as: Me
Who has access: Sesuaikan kebutuhan
Dan sekarang… aplikasi online!
Sekarang giliran Anda
Minimal: dashboard, database Spreadsheet, form input, tabel data, CRUD, pencarian, responsive, dan Web App.
Jangan mulai dari kode.
Mulai dari masalah.
Ide → Prompt → AI → Kode → Test → Deploy