Beranda
Android

Belajar Android : Membuat Aplikasi Android - Hello Toast

Tutorial membuat aplikasi Android pertama Hello Toast dengan Kotlin dan ConstraintLayout di Android Studio. Lengkap dengan kode XML dan Kotlin.
Ilustrasi robot koki menekan tombol di layar HP dan memunculkan notifikasi toast

Kenapa Aplikasi Pertamamu Harus yang Sesederhana Ini

Setiap programmer Android punya satu aplikasi pertama yang sama: sebuah tombol yang kalau ditekan, memunculkan pesan kecil melayang di layar. Pesan kecil itu namanya toast. Tidak ada tampilan mewah, tidak ada database, tidak ada koneksi internet. Tapi di balik kesederhanaannya, aplikasi ini mengajarkan tiga fondasi terpenting Android: membuat layout dengan XML, menulis logika dengan Kotlin, dan menghubungkan keduanya supaya tombol benar-benar bisa ditekan.

Tutorial aslinya ditulis tahun 2018 dan memakai Android Studio versi lama dengan target API 15 yang sekarang sudah mati total. Artikel ini adalah versi yang ditulis ulang total mengikuti keadaan tahun 2026: wizard Android Studio yang baru, Kotlin sebagai bahasa utama, dan minSdk yang realistis.

Yang Perlu Kamu Siapkan

  • Android Studio versi stabil terbaru, yaitu seri Quail (2026.1). Unduh dari situs resmi developer.android.com.
  • Laptop atau PC dengan RAM minimal 8 GB (16 GB jauh lebih nyaman, apalagi kalau mau menjalankan emulator).
  • HP Android fisik atau emulator untuk mencoba hasilnya.
  • Koneksi internet untuk unduhan pertama Android SDK dan Gradle, yang ukurannya cukup besar.

Langkah 1: Buat Project Baru

Buka Android Studio, lalu pilih New Project. Kamu akan melihat daftar template. Pilih Empty Views Activity. Jangan pilih yang ada tulisan Compose-nya dulu, karena di tutorial ini kita belajar tampilan berbasis XML seperti judul artikelnya.

Isi formulirnya seperti ini:

  • Name: Hello Toast
  • Package name: com.namakamu.hellotoast (ganti namakamu dengan nama atau domain milikmu)
  • Language: Kotlin
  • Minimum SDK: API 26 (Android 8.0, Oreo)
  • Build configuration language: biarkan bawaan (Kotlin DSL)

Klik Finish, lalu tunggu sampai proses Gradle sync selesai. Tampilannya memang terlihat diam cukup lama saat pertama kali, itu normal karena Android Studio sedang mengunduh komponen yang dibutuhkan.

Kenapa minSdk 26, Bukan yang Lebih Rendah?

Versi lama tutorial ini menyarankan API 15 (Android 4.0.3 Ice Cream Sandwich). Itu sudah mati total: tidak ada lagi perangkat aktif yang relevan di level itu, dan Google Play pun tidak lagi mendukung target serendah itu. API 26 (Android 8.0 Oreo, rilis 2017) adalah titik aman untuk tahun 2026 karena mencakup lebih dari 95 persen perangkat aktif, sekaligus membuka fitur modern seperti notification channel dan API waktu java.time tanpa trik tambahan.

Soal bahasa: Google menjadikan Kotlin bahasa utama Android sejak lama, dan wizard Android Studio pun menawarkannya sebagai pilihan bawaan. Kalau kamu lebih nyaman dengan Java, silakan ganti Language menjadi Java saat membuat project, langkah-langkahnya tetap sama, hanya sintaks kodenya yang berbeda. Tutorial ini memakai Kotlin supaya kamu terbiasa dengan standar industri saat ini.

Langkah 2: Kenalan dengan Struktur Project

Ilustrasi robot menyusun blok tampilan aplikasi di atas meja kerja

Sebelum menulis kode, kenalan dulu dengan isi project yang baru saja dibuat. Buka panel Project di kiri (pastikan tampilannya Android, bukan Project Files):

  • app/src/main/java adalah rumahnya kode Kotlin. Di sini ada MainActivity.kt, otak dari aplikasi kita.
  • app/src/main/res/layout adalah rumahnya file XML tampilan. Di sini ada activity_main.xml, wajah dari aplikasi kita.
  • app/src/main/res/values berisi strings.xml dan colors.xml, tempat menyimpan teks dan warna supaya rapi.
  • AndroidManifest.xml adalah kartu identitas aplikasi: nama package, activity yang boleh dibuka, dan izin-izin khusus.

Pola pikirnya sederhana: XML mengatur apa yang terlihat, Kotlin mengatur apa yang terjadi.

Langkah 3: Desain Tampilan dengan Satu TextView dan Satu Button

Buka activity_main.xml. Template Empty Views Activity memakai ConstraintLayout sebagai layout utama. Ini layout modern bawaan Android Studio: fleksibel, tidak butuh layout bersarang, dan tampilannya konsisten di semua ukuran layar. Kita tidak perlu menggantinya seperti tutorial lama yang masih memakai LinearLayout.

Hapus TextView bawaan berisi tulisan "Hello World", lalu ganti seluruh isi file dengan kode berikut:

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:id="@+id/tvHasil"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:text="@string/belum_ditekan"
        android:textSize="18sp"
        app:layout_constraintBottom_toTopOf="@+id/btnTampilkan"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_chainStyle="packed" />

    <Button
        android:id="@+id/btnTampilkan"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="16dp"
        android:text="@string/tekan_aku"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/tvHasil" />

</androidx.constraintlayout.widget.ConstraintLayout>

Perhatikan dua hal penting. Pertama, setiap komponen yang mau kita sentuh dari kode wajib punya id, di sini tvHasil untuk TextView dan btnTampilkan untuk Button. Tanpa id, Kotlin tidak bisa menemukan mereka. Kedua, atribut app:layout_constraint... adalah cara ConstraintLayout mengatur posisi: TextView dan Button dirantai vertikal dan dipusatkan di tengah layar.

Langkah 4: Simpan Teks di strings.xml

Di XML tadi kita menulis @string/belum_ditekan dan @string/tekan_aku, bukan teks langsung. Ini kebiasaan baik: semua teks disimpan di res/values/strings.xml supaya gampang diubah dan gampang diterjemahkan nanti. Buka file itu dan tambahkan:

<resources>
    <string name="app_name">Hello Toast</string>
    <string name="belum_ditekan">Belum ada yang ditekan</string>
    <string name="tekan_aku">Tekan Aku</string>
</resources>

Langkah 5: Bikin Tombolnya Hidup dengan Kotlin

Ilustrasi jari robot menekan tombol yang memicu reaksi berantai notifikasi

Sekarang bagian paling seru. Buka MainActivity.kt dan ganti isinya dengan kode berikut:

package com.namakamu.hellotoast

import android.os.Bundle
import android.widget.Button
import android.widget.TextView
import android.widget.Toast
import androidx.appcompat.app.AppCompatActivity

class MainActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        val tvHasil = findViewById<TextView>(R.id.tvHasil)
        val btnTampilkan = findViewById<Button>(R.id.btnTampilkan)

        btnTampilkan.setOnClickListener {
            Toast.makeText(
                this,
                "Halo! Kamu berhasil bikin aplikasi Android!",
                Toast.LENGTH_SHORT
            ).show()
            tvHasil.text = "Tombol sudah ditekan"
        }
    }
}

Mari bedah baris per baris supaya tidak sekadar salin tempel:

  • setContentView(R.layout.activity_main) memasang file XML tadi sebagai wajah activity.
  • findViewById mencari komponen di XML berdasarkan id-nya, persis seperti mencari barang berdasarkan nomor rak.
  • setOnClickListener mendaftarkan perintah yang dijalankan setiap tombol ditekan.
  • Toast.makeText(...).show() menampilkan pesan melayang. Parameter pertamanya adalah context (di sini this yang merujuk ke activity), parameter keduanya isi pesannya, parameter ketiganya durasinya.

Toast punya dua durasi bawaan: LENGTH_SHORT (sekitar 2 detik) dan LENGTH_LONG (sekitar 3,5 detik). Untuk pesan singkat seperti ini, LENGTH_SHORT sudah cukup dan tidak mengganggu.

Langkah 6: Jalankan di HP atau Emulator

Ada dua cara mencoba hasilnya. Cara pertama, pakai HP Android fisik: colokkan HP ke laptop dengan kabel USB, aktifkan USB debugging di menu Opsi Pengembang, lalu HP-mu akan muncul di daftar perangkat Android Studio. Cara kedua, pakai emulator: buka Device Manager di Android Studio, buat perangkat virtual (misalnya Pixel dengan API 34 ke atas), lalu jalankan.

Klik tombol Run berwarna hijau (ikon segitiga). Tunggu proses build dan instalasi selesai. Kalau aplikasinya terbuka dan ada tombol "Tekan Aku" di tengah layar, tekan tombol itu. Kalau muncul pesan melayang "Halo! Kamu berhasil bikin aplikasi Android!" dan teks di atas tombol berubah, selamat, aplikasi pertamamu sudah jalan.

Kalau Ada yang Error, Cek Ini Dulu

  • Gradle sync gagal: hampir selalu karena koneksi internet terputus atau proxy kantor yang memblokir. Coba lagi dengan koneksi yang stabil.
  • Emulator sangat lambat: pastikan virtualisasi (Intel VT-x atau AMD-V) aktif di BIOS, dan pakai system image x86_64.
  • Tombol ditekan tapi tidak terjadi apa-apa: pastikan id di XML (btnTampilkan) sama persis dengan yang dipakai di findViewById, termasuk huruf besar kecilnya.
  • Aplikasi crash saat dibuka: baca tab Logcat di bawah Android Studio, baris merah pertamanya biasanya langsung menunjuk baris kode yang bermasalah.

Tantangan Buat Kamu

Jangan berhenti di toast yang itu-itu saja. Coba tiga variasi ini supaya pemahamanmu makin dalam:

  1. Tambahkan EditText di atas tombol, lalu tampilkan isi ketikan pengguna di dalam toast. Kamu perlu membaca properti text dari EditText.
  2. Ubah durasi toast menjadi LENGTH_LONG dan rasakan bedanya.
  3. Ubah warna tombol lewat atribut android:backgroundTint di XML, atau sekalian ganti teks tombolnya dari strings.xml.

Selamat, kamu resmi membuat aplikasi Android pertamamu dengan cara yang benar di tahun 2026: Kotlin, ConstraintLayout, dan minSdk yang masih didukung. Di artikel berikutnya kita akan belajar menampilkan teks panjang yang bisa di-scroll, fondasi untuk membuat aplikasi artikel atau pembaca berita sederhana.