ARREZAMP · AI TUTORIAL · SOFTWARE DEVELOPMENT

Tutorial Google Antigravity 2026: Dari Nol Sampai Bisa Coding dan Membuat Aplikasi dengan AI

Belum bisa coding? Ikuti praktik membuat Mini Task Board menggunakan HTML, CSS, JavaScript, dan bantuan AI agent—dengan persetujuan dan pengujian yang terkontrol.

Oleh Arreza MP · 19 Oktober 2026 · Panduan Windows untuk pemula

Google Antigravity untuk AI-assisted software development · Ilustrasi editorial ArrezaMP; bukan tangkapan layar antarmuka asli.

Pernah ingin membuat aplikasi tetapi bingung harus mulai dari mana? Google Antigravity membantu pengembangan perangkat lunak melalui AI agent. Namun hasil yang baik tetap membutuhkan instruksi jelas, verifikasi kode, dan pengujian.

Daftar Isi

1. Apa itu Google Antigravity?
2. Persiapan
3. Instalasi dan login
4. Membuat workspace
5. Prompt dan persetujuan
6. Membuat aplikasi
7. Pengujian
8. CLI di PowerShell
9. Keamanan
10. FAQ dan penutup

01 · Apa itu Google Antigravity?

Google Antigravity menyediakan beberapa cara bekerja: App untuk proyek berbasis AI agent, CLI bernama agy untuk terminal, IDE dan extensions untuk editor, serta SDK untuk integrasi programatik. Panduan ini memprioritaskan aplikasi desktop, dengan pengenalan CLI di bagian akhir.

Buka dokumentasi resmi Google Antigravity.

02 · Persiapan komputer dan akun

Siapkan Windows 10 64-bit atau Windows 11, koneksi internet, akun Google, browser, dan folder latihan. Jangan gunakan proyek produksi untuk percobaan pertama. Periksa kuota, paket, dan ketersediaan model melalui situs resmi karena dapat berubah.

03 · Download, instal, dan login

Alur aman memasang Google Antigravity · Ilustrasi editorial ArrezaMP; bukan tangkapan layar antarmuka asli.

1. Buka antigravity.google/download.
2. Pilih Windows x64 atau ARM64 sesuai perangkat.
3. Unduh installer dan verifikasi asal unduhan.
4. Jalankan installer .exe, ikuti wizard, lalu buka Antigravity App.
5. Masuk dengan akun Google dan ikuti autentikasi yang ditampilkan.

Nama tombol, halaman awal, dan alur sign-in dapat berubah antarversi. Ikuti instruksi layar dan dokumentasi resmi yang berlaku.

04 · Buat workspace latihan terpisah

Workspace terbatas pada satu folder latihan · Ilustrasi editorial ArrezaMP; bukan tangkapan layar antarmuka asli.

Buat folder baru, misalnya C:\Coding-Lab\mini-task-board. Di Antigravity buka pilihan membuat proyek atau memilih folder, kemudian arahkan ke folder tersebut. Nama menu bisa berbeda sesuai versi aplikasi.

Hindari memberikan izin agent ke seluruh drive atau folder kerja yang berisi data penting. Gunakan data dummy.

05 · Tulis prompt yang jelas, minta rencana dahulu

Tahapan prompt, perencanaan, tinjauan, dan persetujuan · Ilustrasi editorial ArrezaMP; bukan tangkapan layar antarmuka asli.

Salin prompt berikut ke agent dalam workspace latihan:

Saya pemula. Buat rencana aplikasi Mini Task Board.
Teknologi: HTML, CSS, JavaScript murni.
Fitur: tambah tugas, tandai selesai, hapus, simpan di localStorage.
Tampilan: responsif desktop dan ponsel.
File: index.html, styles.css, app.js, README.md.
Tidak boleh memakai database, framework, API, dependency, atau file di luar proyek.
Jangan menjalankan perintah terminal, test, atau mengubah file dahulu.
Tampilkan rencana, daftar file, risiko, dan acceptance criteria.
TUNGGU PERSETUJUAN saya sebelum menulis file.

Periksa apakah rencana sudah mencakup empat file dan fitur di atas tanpa menambahkan teknologi lain. Jika sudah, berikan izin terbatas:

Saya menyetujui pembuatan empat file yang disebutkan,
hanya di folder Mini Task Board.
Jangan menjalankan program atau test dahulu.
Tampilkan ringkasan perubahan dan tunggu review.

06 · Pahami hasil coding dan jalankan aplikasi

Empat file aplikasi sederhana berbasis web · Ilustrasi editorial ArrezaMP; bukan tangkapan layar antarmuka asli.

index.html adalah struktur halaman, styles.css untuk tampilan, app.js untuk interaksi dan penyimpanan, sedangkan README.md menjelaskan cara menjalankan serta batasan aplikasi.

Periksa isi file setelah agent selesai. Untuk web statis tanpa dependensi, buka index.html melalui browser. Bila fitur tertentu tidak bekerja dengan protokol file://, gunakan server lokal hanya setelah memberikan izin menjalankannya.

Output yang diharapkan adalah form input tugas, tombol Tambah, daftar tugas, status selesai, dan tombol Hapus.

Jika aplikasi error

Tombol Tambah belum bekerja. Analisis akar penyebab.
Periksa ID elemen HTML, event listener, validasi input,
dan error Console pada browser.
Jangan tulis ulang seluruh aplikasi.
Usulkan perubahan minimal dan tunggu persetujuan.

07 · Lakukan pengujian, jangan hanya melihat tampilannya

Checklist pengujian fungsi dasar Mini Task Board · Ilustrasi editorial ArrezaMP; bukan tangkapan layar antarmuka asli.

Skenario	Hasil yang diharapkan
Tambah tugas valid	Muncul satu tugas baru
Input kosong	Ditolak tanpa membuat tugas
Tandai selesai	Status berubah dan tersimpan
Hapus tugas	Tugas terhapus
Muat ulang halaman	Tugas yang tersimpan tetap ada
Input <script>	Ditampilkan sebagai teks, bukan dieksekusi
Layar ponsel	Tampilan tidak terpotong

Buka Developer Tools browser (umumnya F12) dan lihat tab Console jika ada kesalahan. Jangan menyalin token atau data pribadi saat melaporkan error kepada agent.

08 · Opsional: mencoba Antigravity CLI di PowerShell

Memeriksa Antigravity CLI dan ruang lingkup proyek · Ilustrasi editorial ArrezaMP; bukan tangkapan layar antarmuka asli.

CLI memakai perintah agy. Instalasinya terpisah dari latihan App. Google menyediakan installer Windows PowerShell, tetapi jangan langsung mengeksekusi skrip unduhan tanpa meninjau isinya terlebih dahulu.

# Periksa CLI setelah installer resmi selesai
agy --version

# Masuk hanya ke workspace latihan
Set-Location 'C:\Coding-Lab\mini-task-board'

# Mulai CLI dengan prompt interaktif
agy

Jika agy tidak dikenali, periksa kembali proses instalasi/PATH menurut panduan resmi. Pada sesi pertama, tinjau pengaturan terminal dan konfirmasi workspace trust secara sadar.

Baca struktur empat file proyek ini saja.
Jelaskan setiap fungsi dan potensi masalah.
MODE READ-ONLY: jangan mengubah atau menjalankan apa pun.

09 · Keamanan, backup, dan tata kelola coding AI

Pisahkan izin desain, mengubah file, menjalankan test, dan deployment. Simpan backup versi yang berhasil. Jangan berikan password, API key, dokumen rahasia, atau akses produksi. Periksa diff dan hasil test sebelum mengadopsi perubahan.

Prinsip ArrezaMP: Rencanakan → Review → Setujui → Implementasikan → Uji → Dokumentasikan. AI membantu coding; keputusan dan validasi tetap dilakukan manusia.

10 · FAQ dan kesimpulan

Apakah harus sudah bisa programming?

Tidak untuk memulai latihan ini. Namun memahami HTML, CSS, JavaScript, dan logika pengujian tetap penting jika aplikasi hendak dikembangkan lebih jauh.

Apakah aplikasinya otomatis online?

Tidak. Membuka index.html di komputer hanya menjalankan aplikasi lokal. Publikasi ke hosting memerlukan proses terpisah dengan otorisasi dan pengujian keamanan.

Apakah localStorage cocok untuk data pelanggan?

Tidak direkomendasikan untuk data rahasia atau data pelanggan sensitif. Contoh ini khusus latihan dengan data dummy.

Apakah coding AI selalu benar?

Tidak. Hasil harus diperiksa dan diuji, terutama keamanan, kompatibilitas, dan konsistensi perubahan.

Kesimpulan: Mulai dari aplikasi kecil yang benar-benar selesai dan berfungsi. Dengan Antigravity, kita dapat belajar coding sambil membangun sesuatu yang konkret, tetapi bukan melewati proses review dan pengujian.

Baca juga: Tutorial NotebookLM · ArrezaMP Demo & AI Evaluation · ArrezaMP Professional Services.

Referensi: Google Antigravity · Getting Started · Download.

Catatan editorial: seluruh diagram tahap merupakan ilustrasi, bukan screenshot asli UI. Langkah pemasangan belum diuji langsung pada perangkat penulis. Fitur, nama menu, model, dan paket dapat berubah.

Jelajahi ArrezaMP Professional Services →

© 2026 ARREZA MP · YOUR DIGITAL SOLUTION · info@arrezamp.com