Tugas 2 PPB - Membuat Aplikasi Hello Android

 ILHAM INSAN WAFI

5025211255 - Kelas PPB (D)

Tugas 2 - Membuat Aplikasi Hello Android

Instalasi Android Studio

  • Unduh Android Studio dari situs resmi: developer.android.com.

  • Lakukan instalasi Android Studio hingga selesai.

  • Buka Android Studio setelah proses instalasi selesai.

  • Buat proyek baru dengan memilih template "Empty Activity".

  • Pilih bahasa pemrograman Kotlin saat konfigurasi proyek.

  • Klik Finish dan tunggu hingga proyek berhasil di-build.

  • Pada pertemuan ketiga ini, kita akan membuat aplikasi sederhana yang menampilkan ucapan ulang tahun menggunakan Jetpack Compose.

Source Code 

Kode lengkap dapat dilihat di link github berikut : Link Github

Penjelasan Code

MainActivity :

  • Fungsi: Entry point aplikasi saat dijalankan di perangkat Android.

  • enableEdgeToEdge() digunakan untuk membuat aplikasi bisa menggunakan seluruh layar (termasuk area di sekitar status bar dan navigation bar).

  • setContent { ... } menampilkan UI berbasis Jetpack Compose.

setContent() :

  • HelloAndroidTheme: Menerapkan tema aplikasi.

  • Scaffold: Struktur dasar untuk UI Compose yang menyediakan padding otomatis dan slot untuk elemen seperti top bar, bottom bar, dll.

  • innerPadding: Padding dari scaffold agar isi tidak tertutup UI sistem.

  • Column:

    • Menyusun elemen secara vertikal.

    • Menampilkan teks "Hello Android!" dan kotak kecil (SmallBox).

    • Semua konten dipusatkan secara horizontal dan vertikal.

SmallBox() :

  • Fungsi: Membuat kotak berukuran 160x50 dp dengan latar putih dan sudut membulat.

  • Di dalamnya terdapat Text() yang dipusatkan.

  • Reusable: bisa digunakan berkali-kali dengan teks yang berbeda.

GreetingPreview() :

  • Fungsi: Menampilkan preview tampilan UI di Android Studio.

  • Meniru struktur yang sama seperti di MainActivity, tapi dengan background hitam dan warna teks putih agar kontras saat preview.

  • Menampilkan Text() dan SmallBox() seperti versi aplikasi.

Screenshots Aplikasi



Video Penjelasan :


Referensi
  • https://developer.android.com/codelabs/jetpack-compose-basics?hl=id#0

Komentar

Postingan populer dari blog ini

TUGAS 4 APSI : Seleksi dan Manajemen Proyek

Tugas 13 PBKK - CodeIgniter MVC Toko Online

Tugas 1 (Infografis Perkembangan Teknologi Perangkat Bergerak)