Tugas 5 (Membuat Aplikasi Kalkulator dengan Menggunakan Kotlin)

 Membuat Aplikasi Kalkulator dengan Menggunakan Kotlin

Pada pertemuan kali ini, diberikan sebuah tugas untuk membuat sebuah aplikasi kalkulator sederhana menggunakan kotlin. Tugas ini, dapat membantu saya dalam memahami lebih dalam tentang bahasa kotlin.

Akan saya lampirkan hasil pembuatan aplikasi kalkulator sederhadana, Readable Source Code, Hasil modifikasi, video presentasi, source code utuh dari hasil pengerjaan saya, dan referensi yang saya gunakan.

Hasil Pembuatan Aplikasi Sederhana

Readable Source Code

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

MainActivity adalah activity utama yang mewarisi ComponentActivity. Fungsi onCreate() digunakan untuk memulai activity dan menampilkan UI menggunakan Jetpack Compose dengan setContent.

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

• num1 dan num2 adalah state untuk menyimpan input angka dari TextField.

• remember { mutableStateOf("0") } artinya nilai tersebut akan diingat selama recomposition UI, dan bisa berubah secara reaktif.

Column {
    TextField(...) // Input pertama
    TextField(...) // Input kedua
    Spacer(...)    // Jarak vertikal

    Row {
        Button(...) // Tambah
        Button(...) // Kurang
        Button(...) // Kali
        Button(...) // Bagi
    }
}

• Column digunakan untuk menyusun elemen secara vertikal.

• Row menyusun tombol operasi secara horizontal.

• TextField digunakan untuk memasukkan angka pertama dan kedua.

• Spacer digunakan untuk memberi jarak antar elemen.

Button(onClick = {
    var result = num1.toInt() / num2.toInt()
    Toast.makeText(applicationContext, "Result is $result", Toast.LENGTH_SHORT).show()
})

Setiap tombol operasi (Add, Sub, Mul, Div) akan:

1. Mengambil nilai dari num1 dan num2.

2. Mengonversi string menjadi Int (toInt()).

3. Melakukan perhitungan.

4. Menampilkan hasilnya menggunakan Toast.

Saya melakukan modifikasi terhadap aplikasi kalkulator sederhana yang saya miliki. Berikut merupakan hasil modifikasi yang saya lakukan 

Hasil Modifikasi

Beberapa hal yang saya lakukan modifikasi adalah sebagai berikut :

• Mengubah kalkulator dengan tema black mode

• Angka-angka dan operator tersusun dalam grid seperti kalkulator fisik

• Tombol operator (+, -, ×, ÷) berwarna hijau

• Terdapat  tombol C untuk Clear

• Terdapat tombol =  di bawah untuk menghitung

• Desain tombol bulat agar lebih menarik dan sesuai dengan perkembangan zaman

Video Presentasi

Source Code

Source Code Kalkulator

Referensi

https://www.youtube.com/watch?v=HlE8MEtKBr0&t=5s

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