PPB G - Pertemuan 5

Nama: Moh rosy haqqy aminy

NRP: 5025211012

Kelas: PPB G

Membuat kalkulator sederhana

link github: https://github.com/rosyhaqqy/Tugas_Tugas_PPB/tree/main/calculator

---

Penjelasan Kode Kotlin Jetpack Compose: Kalkulator Sederhana dengan Toast

Kode berikut adalah implementasi aplikasi Android sederhana menggunakan Jetpack Compose yang dapat melakukan operasi matematika seperti penjumlahan, pengurangan, perkalian, dan pembagian pada dua angka input dari pengguna. Hasilnya ditampilkan menggunakan Toast.

---

🔍 MainActivity – Titik Masuk Aplikasi

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        enableEdgeToEdge()
        setContent {
            ...
        }
    }
}

• MainActivity adalah entry point aplikasi.

• enableEdgeToEdge() digunakan untuk membuat tampilan aplikasi memanfaatkan seluruh layar (fit ke layar penuh).

• setContent { ... } digunakan untuk mendefinisikan UI menggunakan Jetpack Compose.

---

📥 Input dan State

var num1 by remember { mutableStateOf("23") }
var num2 by remember { mutableStateOf("17") }
var result by remember { mutableStateOf("") }

• Ketiga variabel di atas menyimpan state untuk dua input angka (num1, num2) dan hasil (result).

• remember dan mutableStateOf digunakan untuk menyimpan dan melacak perubahan nilai agar UI otomatis diperbarui saat terjadi perubahan data.

---

🖼️ UI Layout: Column dan TextField

Column {
    Spacer(modifier = Modifier.height(100.dp))
    TextField(value = num1, onValueChange = { num1 = it })
    TextField(value = num2, onValueChange = { num2 = it })
    ...
}

• Menggunakan Column untuk menata elemen secara vertikal.

• TextField digunakan untuk menerima input angka dari pengguna.

• Spacer berfungsi memberi jarak antar elemen agar tampilan tidak menumpuk.

---

➕ Tombol Operasi Matematika

Row {
    Button(onClick = {
        result = (num1.toInt() + num2.toInt()).toString()
        Toast.makeText(applicationContext,"Result is $result",Toast.LENGTH_SHORT).show()
    }) {
        Text(text = "add")
    }

    // Tombol lainnya: Substract, Mult, Div
}

• Masing-masing tombol (Button) mewakili operasi matematika:

  • Add: Penjumlahan

  • Substract: Pengurangan

  • Mult: Perkalian

  • Div: Pembagian

• Saat tombol ditekan:

  • Nilai input (num1 dan num2) dikonversi ke integer menggunakan .toInt().

  • Operasi dilakukan, lalu hasilnya dikonversi kembali ke string dengan .toString().

  • Toast.makeText(...) digunakan untuk menampilkan hasil ke layar sementara.

---