Tugas 2 - Hello Android App

Nama : Christoforus Indra Bagus Pratama

NRP : 5025231124

Mata Kuliah : Pemrograman Perangkat Bergerak (C)

Tanggal : 5 Maret 2026

Pertemuan : 2

Tutorial Membuat Project Hello Android! di Android Studio (Jetpack Compose)

1. Buka Aplikasi Android Studio

Langkah pertama adalah membuka aplikasi Android Studio. Pastikan koneksi internet stabil karena pada saat pertama kali dijalankan, program akan melakukan sinkronisasi Gradle yang cukup berat.

2. Pilih Template Project

Pilih kategori "Phone and Tablet" pada menu sebelah kiri. Kemudian, pilih template "Empty Activity". Template ini adalah standar terbaru untuk pengembangan aplikasi modern yang menggunakan sistem deklaratif Jetpack Compose, bukan lagi sistem XML lama.

Klik tombol Next untuk melanjutkan ke tahap konfigurasi.

3. Isi Detail New Project

Pada tahap ini, isi beberapa informasi penting:

• Name: Judul aplikasi kamu.
• Package Name: Identitas unik aplikasi (misal: com.its.tugas2).
• Save Location: Folder tempat menyimpan project.

Setelah semua terisi, klik tombol Finish. Tunggu proses indexing dan syncing selesai hingga struktur folder muncul di sisi kiri.

4. Kerjakan Project (Memahami MainActivity.kt)

Di dalam folder java > package.name, terdapat file MainActivity.kt. Ini adalah pusat kendali aplikasi.

File MainActivity.kt ini menggunakan Jetpack Compose, yaitu toolkit modern dari Google untuk membangun antarmuka (UI) secara deklaratif (menulis kode untuk mendeskripsikan tampilan, bukan mengatur elemen satu per satu secara manual).

Berikut penjelasan masing-masing bagian dalam file MainActivity.kt :

• Package dan Import

Baris pertama menentukan identitas file dalam struktur proyek. Bagian import memanggil kelas-kelas spesifik yang dibutuhkan. Tanpa import, kode di bawahnya tidak akan dikenali oleh sistem.

package com.example.tugas2_helloandroidapp

import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent

• Class MainActivity dan Inheritance

Di sini kita mendefinisikan sebuah kelas bernama MainActivity yang mewarisi (inheritance) sifat dari ComponentActivity. Ini artinya, kelas memiliki semua kemampuan dasar sebuah layar Android (seperti bisa mendeteksi tombol back atau rotasi layar).

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        enableEdgeToEdge()
        // ...
    }
}

• MainActivity : Nama class utama yang dibuat
• ComponentActivity() : Ini adalah parent class (induk). Dengan melakukan inheritance (pewarisan) dari ComponentActivity, class MainActivity secara otomatis mendapatkan kemampuan dasar yang dibutuhkan untuk menjalankan aplikasi di perangkat Android, seperti menangani siklus hidup (lifecycle) aplikasi.
• override : Menandakan bahwa kita mendefinisikan ulang fungsi onCreate yang aslinya berasal dari class induk.
• onCreate : Fungsi ini adalah "pintu masuk" pertama. Sistem Android memanggil fungsi ini saat aplikasi pertama kali dijalankan untuk melakukan persiapan awal.
• savedInstanceState : Sebuah objek Bundle yang menyimpan data state aplikasi sebelumnya (misalnya, jika layar diputar, data lama bisa dipulihkan dari sini).
• super.onCreate : Baris ini wajib dipanggil untuk menjalankan kode persiapan standar yang ada di class induk sebelum kita menambahkan kode kita sendiri.
• enableEdgeToEdge() : Sebuah fitur modern yang memungkinkan tampilan aplikasi "memenuhi layar" hingga ke bawah status bar dan navigation bar, memberikan kesan tampilan yang luas dan tanpa bingkai.

• Jembatan UI : setContent

setContent {
    Tugas2HelloAndroidAppTheme {
        Scaffold(modifier = Modifier.fillMaxSize()) { innerPadding ->
            Greeting(
                name = "Android",
                modifier = Modifier.padding(innerPadding)
            )
        }
    }
}

• setContent { ... } : Fungsi ini adalah titik di mana Jetpack Compose mengambil alih. Semua kode di dalam blok kurung kurawal { } ini akan menentukan apa yang akan digambar oleh sistem di layar perangkatmu.
• Tugas2HelloAndroidAppTheme { ... } : Membungkus seluruh elemen UI agar memiliki gaya yang konsisten, mulai dari skema warna, jenis huruf (font), hingga bentuk sudut komponen.
• Scaffold(modifier = Modifier.fillMaxSize()) : Scaffold (yang berarti "perancah" atau "steger") menyediakan struktur dasar Material Design untuk sebuah layar. modifier = Modifier.fillMaxSize() : Perintah ini memberi tahu sistem agar Scaffold menggunakan seluruh ruang layar yang tersedia. innerPadding: Scaffold secara otomatis menghitung jarak aman (safe area) agar konten kita tidak tertutup oleh status bar atau tombol navigasi di bagian bawah.
• Greeting(...) : Di sinilah fungsi UI yang kamu buat dipanggil untuk ditampilkan. name = "Android" : Kita mengirimkan data string "Android" ke dalam fungsi Greeting. modifier = Modifier.padding(innerPadding) : Kita menerapkan jarak aman yang sudah dihitung oleh Scaffold tadi ke fungsi Greeting agar teks tidak terpotong di pinggir layar.

• Komponen UI (Composable Function)

Fungsi yang memiliki anotasi @Composable adalah blok bangunan UI. Fungsi ini bisa dipanggil berulang kali dengan data yang berbeda.

@Composable
fun Greeting(name: String, modifier: Modifier = Modifier) {
    Text(
        text = "Hello $name!",
        modifier = modifier
    )
}

Fungsi Greeting di atas menerima parameter name dan menampilkannya melalui komponen Text. Inilah yang membuat tulisan "Hello Android!" muncul di layarmu.

• Preview untuk Developer

Anotasi @Preview murni digunakan untuk mempermudah kita sebagai pengembang. Dengan ini, kita bisa melihat perubahan tampilan di samping editor kode tanpa harus menunggu proses instalasi yang lama ke HP asli atau emulator.

@Preview(showBackground = true)
@Composable
fun GreetingPreview() {
    Tugas2HelloAndroidAppTheme {
        Greeting("Android")
    }
}

5. Tes Hasil Project

Langkah terakhir adalah menjalankan aplikasi. Gunakan Emulator bawaan Android Studio atau menghubungkan perangkat fisik (HP) melalui kabel USB. Klik ikon "Run" (segitiga hijau) di toolbar atas.