Tugas 5: Membuat Aplikasi Kalkulator (PPB - A)

 

Nama  : Fathin Muhashibi Putra
NRP   : 5025211229
Kelas  : PPB - A

Tugas 5:

Membuat Aplikasi Kalkulator

     Pada tugas kali ini, saya membuat aplikasi kalkulator menggunakan bahasa Kotlin. Berikut adalah langkah-langkah yang dilakukan:

1. Buat Proyek Baru

Buka Android Studio dan buat proyek baru dengan memilih Empty Compose Activity. Beri nama proyek misalnya Calculator dan biarkan pengaturan lainnya dalam kondisi default.

2. Siapkan Struktur Dasar

Setelah proyek dibuat, buka file MainActivity.kt dan siapkan struktur dasar untuk menampilkan UI menggunakan Jetpack Compose.

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            // UI akan didefinisikan di sini
        }
    }
}

3. Desain UI Kalkulator

Buat tampilan input angka dan judul kalkulator menggunakan TextField dan Text di dalam Column.

var num1 by remember { mutableStateOf("0") }
var num2 by remember { mutableStateOf("0") }

Column(
    modifier = Modifier
        .fillMaxSize()
        .padding(16.dp),
    horizontalAlignment = Alignment.CenterHorizontally
) {
    Text(
        text = "Calculator",
        fontSize = 28.sp,
        fontWeight = FontWeight.Bold
    )

    TextField(
        value = num1,
        onValueChange = { num1 = it },
        label = { Text("First Number") }
    )

    TextField(
        value = num2,
        onValueChange = { num2 = it },
        label = { Text("Second Number") }
    )
}

4. Tambahkan Tombol Operasi

Tambahkan tombol untuk melakukan operasi penjumlahan, pengurangan, perkalian, dan pembagian menggunakan Button dan tampilkan hasilnya dengan Toast.

Row(
    modifier = Modifier.fillMaxWidth(),
    horizontalArrangement = Arrangement.SpaceBetween
) {
    Button(onClick = {
        val result = num1.toInt() + num2.toInt()
        Toast.makeText(applicationContext, "Result: $result", Toast.LENGTH_SHORT).show()
    }) {
        Text("+")
    }

    Button(onClick = {
        val result = num1.toInt() - num2.toInt()
        Toast.makeText(applicationContext, "Result: $result", Toast.LENGTH_SHORT).show()
    }) {
        Text("-")
    }

    Button(onClick = {
        val result = num1.toInt() * num2.toInt()
        Toast.makeText(applicationContext, "Result: $result", Toast.LENGTH_SHORT).show()
    }) {
        Text("×")
    }

    Button(onClick = {
        val result = num1.toInt() / num2.toInt()
        Toast.makeText(applicationContext, "Result: $result", Toast.LENGTH_SHORT).show()
    }) {
        Text("÷")
    }
}

5. Menampilkan Hasil Perhitungan

Hasil dari perhitungan akan ditampilkan menggunakan Toast dalam bentuk notifikasi singkat di bagian bawah layar.

6. Selesai

Setelah mengikuti semua langkah-langkah tersebut, maka jadilah sebuah aplikasi kalkulator sederhana yang dapat digunakan. 

• Screenshot Hasil :  

• Kode Lengkap (Github Code):  

https://github.com/fathinmputra/PPB_Tugas5_Aplikasi_Kalkulator.git

• Video Demo Compile/Run Application Calculator: 

Referensi : 

https://www.youtube.com/watch?v=HlE8MEtKBr0

https://kuliahppb.blogspot.com/2024/03/memahami-bahasa-kotlin.html