ETS Pemrograman Perangkat Bergerak

Nama:     Nabila A'idah Diani

NRP:      5025211032 

Kelas:     PPB A

Tugas 3 Pemrograman Perangkat Bergerak A

Pada pertemuan 3 ini, diberikan tugas untuk membuat aplikasi sederhana ucapan selamat ulang tahun.

Kode:

@Composable
fun Greeting(name: String, from: String, modifier: Modifier = Modifier) {
    Column(
        modifier = modifier.padding(24.dp).
                            fillMaxWidth().
                            fillMaxHeight(),
        horizontalAlignment = Alignment.CenterHorizontally,
        verticalArrangement = Arrangement.Center
    ) {
        Text(
            text = "Happy Birthday $name!",
            fontWeight = FontWeight.Bold,
            color = Color(0xFFE91E63),
            textAlign = TextAlign.Center,
            fontSize = 82.sp,
            lineHeight = 80.sp,
            style = MaterialTheme.typography.headlineLarge.copy(
                shadow = Shadow(
                    color = Color.Black.copy(alpha = 0.2f),
                    offset = Offset(2f,2f),
                    blurRadius = 4f
                )
            )
        )

        Spacer(modifier = Modifier.height(16.dp))

        Text(
            text = "Wishing you a happy life ahead 🎉",
            fontWeight = FontWeight.Medium,
            color = Color(0xFF9C27B0),
            textAlign = TextAlign.Center,
            fontSize = 20.sp,
            letterSpacing = 0.5.sp,
            style = MaterialTheme.typography.bodyLarge
        )

        Spacer(modifier = Modifier.height(16.dp))

        Text(
            text = "- $from",
            modifier = Modifier.padding(16.dp).align(Alignment.End),
            fontWeight = FontWeight.Bold,
            color = Color(0xFF9C27B0),
            fontSize = 20.sp,
            letterSpacing = 0.5.sp,
            style = MaterialTheme.typography.bodyLarge,
            textAlign = TextAlign.End
        )
    }
}

Penjelasan:

Pada file MainActivity.kt, ditambahkan kode yang telah dicantumkan di atas. Di mana digunakan @composable yang merupakan annotation dalam Jetpack Compose yang digunakan untuk menandai fungsi yang dapat membangun UI di Android dengan deklaratif. Dalam kode yang dicantumkan, teks ucapan selamat ulang tahun ditampilkan dalam tiga bagian utama dengan gaya yang berbeda-beda untuk memberikan tampilan yang lebih menarik dan jelas.  

1. Heading (Ucapan Selamat Ulang Tahun) 

   Bagian pertama merupakan teks utama yang berisi ucapan "Happy Birthday Alice!". Teks ini dibuat bold, menggunakan ukuran font 82sp, serta terdapat efek shadow. Warna teks yang digunakan adalah #E91E63 agar terlihat mencolok sebagai heading.  

2. Subheading (Harapan Ulang Tahun)  

   Setelah ucapan utama, terdapat teks kedua yang berisi pesan harapan, yaitu "Wishing you a happy life ahead 🎉". Bagian ini memiliki ukuran font lebih kecil, 20sp dibandingkan heading utama, menggunakan warna #9C27B0, serta ditulis dalam medium-weight agar tetap terlihat jelas namun tidak mendominasi tampilan.  

3. Subheading (Nama Pengirim Ucapan)  

   Bagian terakhir adalah teks yang menampilkan nama pengirim ucapan dalam format "- Nabila". Teks ini diposisikan di pojok kanan bawah, menggunakan ukuran 20sp, dengan warna yang sama seperti harapan ulang tahun, yaitu #9C27B0.  

Dengan pemisahan ini, setiap bagian memiliki fungsi yang jelas, serta kombinasi warna dan ukuran font yang memberikan tampilan harmonis dan mudah dibaca.

Link github: https://github.com/nabilaaidah/birthdaywish-app