Pertemuan 3 PPB (A) - Mengenal Composable Aplikasi Selamat Ulang Tahun

Pertemuan 3 PPB (A) - Mengenal Composable

Aplikasi Selamat Ulang Tahun

 Nama  : Muhammad rafi budi purnama

NRP    : 5025221307

Kelas  : PPB (A)

package com.example.pertemuan_3

import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.foundation.layout.padding
import androidx.compose.material3.Text
import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier
import androidx.compose.ui.tooling.preview.Preview
import androidx.compose.foundation.layout.Arrangement
import androidx.compose.foundation.layout.Column
import androidx.compose.material3.MaterialTheme
import androidx.compose.material3.Surface
import androidx.compose.ui.Alignment
import androidx.compose.ui.unit.dp
import androidx.compose.ui.unit.sp
import androidx.compose.ui.text.style.TextAlign
import com.example.pertemuan_3.ui.theme.Pertemuan_3Theme


class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            Pertemuan_3Theme  {
                // A surface container using the 'background' color from the theme
                Surface(
                    modifier = Modifier.fillMaxSize(),
                    color = MaterialTheme.colorScheme.background
                ) {
                    GreetingText(
                        message = "Happy Birthday Budi!",
                        from = "From Farhan",
                        modifier = Modifier.padding(8.dp)
                    )
                }
            }
        }
    }
}

@Composable
fun GreetingText(message: String, from: String, modifier: Modifier = Modifier) {
    Column(
        verticalArrangement = Arrangement.Center,
        modifier = modifier
    ) {
        Text(
            text = message,
            fontSize = 100.sp,
            lineHeight = 116.sp,
            textAlign = TextAlign.Center
        )
        Text(
            text = from,
            fontSize = 36.sp,
            modifier = Modifier
                .padding(16.dp)
                .align(alignment = Alignment.End)
        )
    }
}

@Preview(showBackground = true)
@Composable
fun BirthdayCardPreview() {
    Pertemuan_3Theme {
        GreetingText(message = "Happy Birthday budi!", from = "From Rafi")
    }
}

Deskripsi Aplikasi Ucapan Ulang Tahun dengan Jetpack Compose

Aplikasi ini dibuat menggunakan Jetpack Compose untuk menampilkan kartu ucapan ulang tahun secara sederhana dan modern.

1️⃣ Struktur Aplikasi

Aplikasi ini memiliki satu aktivitas utama (MainActivity) yang akan menampilkan teks ucapan ulang tahun menggunakan komponen Composable.

2️⃣ Fungsi Utama

• MainActivity

  • Mengatur UI menggunakan Jetpack Compose.
  • Menampilkan teks ucapan dengan tema Material Design 3.

• GreetingText(message: String, from: String)

  • Menampilkan teks utama (pesan ulang tahun) dalam ukuran besar.
  • Menampilkan nama pengirim dalam ukuran lebih kecil dan sejajar di kanan bawah.

• BirthdayCardPreview()

  • Menyediakan tampilan pratinjau di Android Studio.

3️⃣ Tampilan & Tata Letak

• Teks utama berukuran 100sp, dengan tinggi baris 116sp, dan berada di tengah layar.
• Nama pengirim berukuran 36sp, diposisikan di bagian kanan bawah.
• Menggunakan MaterialTheme untuk latar belakang dan gaya teks.

4️⃣ Cara Kerja Aplikasi

1. Saat aplikasi dijalankan, MainActivity akan memanggil fungsi GreetingText.
2. Pesan ucapan ulang tahun akan ditampilkan di tengah layar.
3. Nama pengirim ditampilkan di bagian bawah dengan tata letak yang rapi.
4. Pratinjau desain dapat dilihat di Android Studio dengan fungsi BirthdayCardPreview().

5️⃣ Penggunaan & Kustomisasi

• Pesan dan nama pengirim dapat diubah dengan mengganti parameter message dan from.
• Dapat ditambahkan gambar atau animasi untuk tampilan yang lebih menarik.

Aplikasi ini cocok untuk membuat kartu ucapan ulang tahun digital yang sederhana dan mudah dikembangkan. 🎉🎂