TUGAS PERTEMUAN 2 PPB (A) - APLIKASI HELLO ANDROID!

Nama: Arif Nugraha Santosa
NRP: 5025211048
Kelas: Pemrograman Perangkat Bergerak (A)
Tahun Ajaran: 2024 (Genap)

Membuat Aplikasi Hello Android!

Latihan pada pertemuan kedua ini akan mereview untuk membuat aplikasi hello android dari tutorial youtube berikut: Creating Your First Jetpack Compose App - Android Jetpack Compose - Part 1.

Cara untuk membuat aplikasi ini sangatlah sederhana, hal yang diperlukan hanyalah membuat project baru, dan menjalankan preview dari kode yang sudah ada. Kesimpulannya, tugas ini hanya melatih kita untuk memahami komponen yang diperlukan untuk membuat sebuah project.

Berikut adalah langkahnya:

1. Jalankan Android Studio setelah proses instalasi selesai.
2. Pilih opsi "Start a new Android Studio project".
3. Pada layar pemilihan template, pilih "Empty Compose Activity", lalu klik Next.
4. Masukkan nama aplikasi sesuai keinginan, misalnya "HelloAndroid".
5. Tentukan lokasi penyimpanan proyek di komputer Anda.
6. Pada halaman pemilihan minimum SDK, pilih API Level 21: Android 5.0 (Lollipop) sebagai batas minimum.
7. Klik Finish untuk melanjutkan.
8. Android Studio akan mulai membangun proyek. Tunggu hingga proses selesai.
9. Setelah proyek berhasil dibuat, Anda akan melihat struktur file default yang siap digunakan.
10. Buka file MainActivity.kt dan tambahkan kode yang diperlukan.
11. Klik tombol "Run" (ikon hijau di toolbar) untuk menjalankan aplikasi.
12. Pilih emulator yang telah disiapkan atau hubungkan perangkat Android fisik Anda.
13. Aplikasi akan dikompilasi dan dijalankan pada perangkat atau emulator yang dipilih.

Berikut adalah source code yang digunakan:

package com.example.tugas2_aplikasihelloandroid

import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.activity.enableEdgeToEdge
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.foundation.layout.padding
import androidx.compose.material3.Scaffold
import androidx.compose.material3.Text
import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier
import androidx.compose.ui.tooling.preview.Preview
import com.example.tugas2_aplikasihelloandroid.ui.theme.Tugas2AplikasiHelloAndroidTheme

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        enableEdgeToEdge()
        setContent {
            Tugas2AplikasiHelloAndroidTheme {
                Scaffold(modifier = Modifier.fillMaxSize()) { innerPadding ->
                    Greeting(
                        name = "Android",
                        modifier = Modifier.padding(innerPadding)
                    )
                }
            }
        }
    }
}

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

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

1. Package dan Import

package com.example.tugas2_aplikasihelloandroid → Menentukan package tempat file ini berada.
Import yang digunakan:
ComponentActivity → Kelas utama untuk Activity berbasis Jetpack Compose.
setContent → Menentukan isi UI menggunakan Jetpack Compose.
enableEdgeToEdge → Mengaktifkan tampilan layar penuh.
Scaffold → Layout Material 3 untuk mengelola tata letak.
Text → Komponen untuk menampilkan teks.
Modifier → Digunakan untuk styling dan tata letak.
Preview → Digunakan untuk melihat tampilan UI sebelum menjalankan aplikasi.
2. Kelas MainActivity (Activity Utama)
MainActivity : ComponentActivity() → Kelas utama aplikasi yang mewarisi ComponentActivity.
onCreate → Dipanggil saat Activity pertama kali dibuat.
enableEdgeToEdge() → Mengaktifkan tampilan layar penuh.
setContent { ... } → Menentukan tampilan UI dengan Jetpack Compose.
Tugas2AplikasiHelloAndroidTheme { ... } → Menerapkan tema aplikasi.
Scaffold(modifier = Modifier.fillMaxSize()) { innerPadding -> ... }
Menggunakan Scaffold sebagai kerangka UI.
Memanggil fungsi Greeting("Android") untuk menampilkan teks "Hello Android!".
3. Fungsi Greeting (Fungsi Composable untuk Menampilkan Teks)
Dideklarasikan dengan @Composable → Menunjukkan bahwa ini adalah fungsi UI berbasis Jetpack Compose.
fun Greeting(name: String, modifier: Modifier = Modifier)
Parameter name digunakan untuk menampilkan nama dalam teks.
Text(text = "Hello $name!") → Menampilkan teks Hello [name]!.
4. Fungsi GreetingPreview (Preview UI di Android Studio)
@Preview(showBackground = true) → Memungkinkan tampilan UI bisa dilihat langsung di Android Studio.
fun GreetingPreview()
Menggunakan tema aplikasi (Tugas2AplikasiHelloAndroidTheme).
Memanggil fungsi Greeting("Android").