Android Kotlin #2: Hello World di Android – Membuat Project Pertama

Halo lagi, calon developer aplikasi Android! 👋

Di artikel sebelumnya kita sudah berhasil menginstal Android Studio dan membuat emulator (HP palsu). Sekarang saatnya kita membuat project pertama dan menjalankan aplikasi "Hello World" di emulator. Ibarat kita baru beli kompor, sekarang kita mau masak air dulu—sederhana tapi bikin semangat!

🤣 Kenapa aplikasi pertama selalu "Hello World"? Karena programmer mau dunia tahu bahwa dia bisa menyapa! 😆

Langkah 1: Buka Android Studio dan Buat Project Baru

Buka Android Studio seperti biasa. Setelah loading, kamu akan melihat jendela Welcome to Android Studio. Di sini ada beberapa pilihan. Klik New Project.

(Kalau kamu sudah membuka project sebelumnya, bisa pilih File → New → New Project.)

Langkah 2: Memilih Template

Android Studio menyediakan banyak template (cetakan) aplikasi. Untuk belajar, kita pilih yang paling sederhana: Empty Views Activity (dulu namanya Empty Activity). Template ini cuma menyediakan satu layar kosong dengan teks "Hello Android!".

Scroll ke bawah atau cari di tab Phone and Tablet. Pilih Empty Views Activity lalu klik Next.

Langkah 3: Mengisi Detail Project

Sekarang kita isi formulir data diri project. Ini seperti kita kasih nama anak pertama kita.

• Name: WisataApp (atau terserah, misal HelloWorldApp). Nama ini akan menjadi judul aplikasi.
• Package name: Biarkan default, biasanya com.example.wisataapp. Ini seperti alamat unik aplikasi di Play Store.
• Save location: Pilih folder di luar C: (misal D:\AndroidProjects\WisataApp). Jangan lupa klik Browse untuk memilih folder.
• Language: Pilih Kotlin. Karena kita akan pakai Kotlin (bahasa resmi Android modern).
• Minimum SDK: Pilih API 24: Android 7.0 (Nougat). Ini artinya aplikasi kita bisa jalan di HP dengan Android versi 7 ke atas (cakupannya sudah luas).

Perhatikan tulisan di bawah: "Your app will run on approximately 94.1% of devices." Artinya aplikasi kita bisa jalan di 94% HP Android. Keren kan?

Pastikan Use legacy android.support libraries tidak dicentang. Kita pakai library modern (AndroidX).

Klik Finish.

💡 Proses ini akan membuat project dan mengunduh beberapa komponen tambahan (gradle). Bisa agak lama pertama kali. Sabar ya, sambil ngopi atau main kelereng.

Langkah 4: Tunggu Proses Gradle Sync

Setelah klik Finish, Android Studio akan bekerja di belakang layar. Di pojok kanan bawah ada indikator progress. Dia sedang membangun project dan menyinkronkan file konfigurasi (Gradle).

Gradle itu kayak asisten pribadi yang mengurus library, kompilasi, dan segala ribet-ribetnya. Biarkan dia bekerja sampai muncul pesan "Gradle sync finished" di bagian bawah.

Kalau ada error, jangan panik. Biasanya karena koneksi internet putus atau perlu download ulang. Coba klik Try Again atau File → Sync Project with Gradle Files.

Langkah 5: Jalankan Aplikasi di Emulator

Setelah semuanya beres, sekarang saat yang ditunggu-tunggu: menjalankan aplikasi!

1. Pastikan emulator sudah berjalan (dari artikel sebelumnya). Kalau belum, buka Device Manager (ikon ponsel dengan tanda play di toolbar kanan) dan klik tombol play di emulator yang sudah dibuat.
2. Di toolbar Android Studio, pastikan konfigurasi run-nya memilih app dan emulator yang aktif (misal Pixel 6 API 34).
3. Klik tombol Run (ikon segitiga hijau) atau tekan Shift + F10.

Android Studio akan mengkompilasi kode, mengemasnya menjadi APK, dan mengirimkannya ke emulator. Di emulator, aplikasi akan terinstall dan langsung terbuka.

Kalau berhasil, di layar emulator akan muncul tulisan "Hello Android!" (atau "Hello World!") di tengah layar. Selamat! 🎉 Kamu baru saja membuat aplikasi Android pertamamu!

😎 Sekarang kamu resmi bisa bilang: "Aku bisa bikin aplikasi Android!" (meskipun baru bisa nampilin teks).

Langkah 6: Mengenal Struktur Folder Project

Sekarang kita lihat-lihat dapur aplikasi kita. Di sebelah kiri Android Studio ada jendela Project (biasanya dalam tampilan Android). Ini tampilan yang memudahkan kita fokus ke file penting.

Mari kita jelajahi satu per satu (seperti menjelajahi rumah baru):

1. manifests

Folder ini berisi AndroidManifest.xml. File ini seperti kartu identitas aplikasi. Di sini kita daftarin semua layar (activity), izin yang dibutuhkan (misal akses internet), dan informasi penting lainnya. Buka file itu dan lihat isinya. Ada baris yang menunjukkan activity utama: <activity android:name=".MainActivity">.

2. java (atau kotlin)

Ini adalah otak aplikasi. Di sini kita menulis kode Kotlin. Perhatikan ada folder sesuai package name (misal com.example.wisataapp). Di dalamnya ada file MainActivity.kt. Ini adalah layar utama yang muncul pertama kali. Nanti kita akan sering bermain di sini.

Klik dua kali MainActivity.kt. Isinya kurang lebih seperti ini:

package com.example.wisataapp

import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle

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

Penjelasan singkat (sederhana):

• class MainActivity : AppCompatActivity() – mendefinisikan layar utama.
• onCreate – fungsi yang dipanggil saat layar pertama kali dibuat.
• setContentView(R.layout.activity_main) – memasang tampilan dari file XML.

3. res (resources)

Folder ini berisi semua barang mentah tampilan: gambar, tata letak, teks, warna. Ada beberapa subfolder penting:

• drawable: tempat gambar (png, jpg) atau file bentuk.
• layout: tempat file XML yang mengatur tata letak layar. Buka activity_main.xml. Di sinilah desain "Hello Android!" dibuat.
• values: tempat file XML berisi nilai-nilai seperti warna (colors.xml), teks (strings.xml), dan gaya (themes.xml).

Klik activity_main.xml. Kamu akan melihat dua tab di bawah: Design (visual) dan Code (XML). Coba klik tab Code. Isinya seperti ini:

<?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"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello Android!"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

Perhatikan TextView dengan atribut android:text="Hello Android!". Itulah teks yang muncul di layar.

4. Gradle Scripts

Ini adalah file konfigurasi untuk asisten Gradle. Ada build.gradle (Module: app) yang paling sering diutak-atik untuk menambah library.

Langkah 7: Ubah Teks Hello World

Sebagai latihan, coba ubah teksnya menjadi sesuatu yang lebih personal. Buka activity_main.xml (tab Code), ganti android:text="Hello Android!" menjadi, misal, android:text="Halo, saya suka wisata!". Simpan (Ctrl+S).

Jalankan lagi aplikasi dengan klik Run. Maka di emulator akan muncul teks baru. Mudah, kan?

💡 Sebenarnya teks sebaiknya disimpan di strings.xml agar mudah diterjemahkan. Tapi untuk sekarang, langsung di XML tidak apa-apa.

Membersihkan Project (Opsional)

Tidak ada yang perlu dibersihkan. Tapi kalau nanti ada error aneh, coba Build → Clean Project lalu Build → Rebuild Project. Seperti mengelap debu di dapur.

Apa yang Sudah Kita Pelajari?

• Membuat project Android baru dengan template Empty Views Activity.
• Menjalankan aplikasi di emulator.
• Mengenal struktur folder: manifests, java, res, dan Gradle Scripts.
• Mengedit teks di XML dan melihat perubahannya.

Langkah Selanjutnya

Di artikel selanjutnya (Android Kotlin #3: Dasar Kotlin Cepat), kita akan belajar bahasa Kotlin yang akan kita pakai untuk menulis logika aplikasi. Ini penting banget karena tanpa Kotlin, kita cuma bisa bikin tampilan doang. Siapkan cemilan dan semangat!

😴 Istirahat dulu, jangan lupa minum susu biar tambah pinter ngoding. Sampai jumpa di artikel selanjutnya!

---

Ditulis oleh Kakak programmer yang dulu juga bingung bedain folder res dan src. Kalau ada kendala, tulis di komentar ya!

📘 Blog ini akan terus diupdate. Pantengin terus!