Tugas 3 - Membuat Aplikasi Ulang Tahun

Nama : Aida Fitrania Prabasati

Kelas : PPB D

Pada tugas ini diminta untuk membuat aplikasi sederhana berdasarkan referensi berikut Aplikasi Ulang Tahun Sederhana

Aplikasi Sederhana:

Hasil Modifikasi:

Kode Lengkap:

( Di MainActivity.kt )

package com.example.happybirthday

import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.foundation.background
import androidx.compose.foundation.layout.*
import androidx.compose.foundation.shape.RoundedCornerShape
import androidx.compose.material3.Surface
import androidx.compose.material3.Text
import androidx.compose.runtime.Composable
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.text.style.TextAlign
import androidx.compose.ui.tooling.preview.Preview
import androidx.compose.ui.unit.dp
import androidx.compose.ui.unit.sp
import com.example.happybirthday.ui.theme.HappyBirthdayTheme

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            HappyBirthdayTheme {
                Surface(
                    modifier = Modifier.fillMaxSize(),
                    color = Color(0xFFE9E1D9) // Beige muda
                ) {
                    GreetingText(
                        message = "Happy Birthday Aida!",
                        from = "From Reshad",
                        modifier = Modifier.padding(16.dp)
                    )
                }
            }
        }
    }
}

@Composable
fun GreetingText(message: String, from: String, modifier: Modifier = Modifier) {
    Column(
        verticalArrangement = Arrangement.Center,
        horizontalAlignment = Alignment.CenterHorizontally,
        modifier = modifier.fillMaxSize()
    ) {
        // Kotak untuk ucapan ulang tahun
        Box(
            modifier = Modifier
                .background(Color(0xFFC8D4B9), shape = RoundedCornerShape(16.dp)) // Hijau pastel
                .padding(32.dp)
                .width(280.dp)
        ) {
            Text(
                text = message,
                fontSize = 35.sp,
                color = Color(0xFF8EB182), // Hijau tua untuk teks
                textAlign = TextAlign.Center,
                lineHeight = 45.sp, 
                modifier = Modifier.padding(10.dp),
                maxLines = 2
            )
        }

        Spacer(modifier = Modifier.height(16.dp)) // Jarak antar kotak

        // Kotak untuk teks pengirim
        Box(
            modifier = Modifier
                .background(Color(0xFFC8D4B9), shape = RoundedCornerShape(16.dp)) // Hijau pastel
                .padding(16.dp)
                .width(170.dp)
        ) {
            Text(
                text = from,
                fontSize = 24.sp,
                color = Color(0xFF4D6C47), // Hijau lebih gelap 
                textAlign = TextAlign.Center,
                modifier = Modifier.padding(8.dp)
            )
        }
    }
}

@Preview(showBackground = true)
@Composable
fun BirthdayCardPreview() {
    HappyBirthdayTheme {
        GreetingText(message = "Happy Birthday Aida!", from = "From Reshad")
    }
}

Kode Github : Aplikasi Ulang Tahun

Video Presentasi : Demo Aplikasi Ulang Tahun