Membuat Kalkulator Sederhana Dengan Kotlin

-

Nama : Rafaela Shyra Ashma' Ramadhani

NRP : 5025231217

Kelas : Pemrograman Perangkat Bergerak 

Tugas 5 - Pertemuan 5

Pada tugas ini saya mengembangkan sebuah aplikasi kalkulator sederhana menggunakan bahasa pemrograman Kotlin berbasis Android dengan memanfaatkan Jetpack Compose sebagai framework modern untuk membangun antarmuka pengguna. Aplikasi ini dirancang untuk melakukan operasi aritmatika dasar seperti penjumlahan, pengurangan, perkalian, dan pembagian. Selain berfungsi sebagai alat bantu perhitungan, proyek ini juga menjadi sarana pembelajaran dalam memahami konsep dasar pengembangan aplikasi Android, khususnya dalam hal pengelolaan state dan pembuatan UI secara deklaratif.

Kode: GitHub

Penjelasan Kode:

Kode program dimulai dari class MainActivity yang berperan sebagai entry point dalam aplikasi Android. Pada method onCreate(), digunakan setContent {} untuk menampilkan antarmuka aplikasi dengan menerapkan tema Material Design melalui MaterialTheme dan Surface. Di dalamnya, dipanggil fungsi SimpleCalculator() yang menjadi komponen utama dalam membangun tampilan sekaligus logika aplikasi.

Fungsi SimpleCalculator() merupakan composable function yang bertanggung jawab dalam menyusun UI dan mengatur alur interaksi pengguna. Di dalam fungsi ini, terdapat tiga variabel state yaitu num1, num2, dan result yang digunakan untuk menyimpan input angka pertama, angka kedua, serta hasil perhitungan. State tersebut dikelola menggunakan remember dan mutableStateOf, sehingga setiap perubahan nilai akan langsung memicu pembaruan tampilan secara otomatis melalui mekanisme recomposition.

Untuk proses perhitungan, dibuat sebuah fungsi calculate(operator: String) yang menerima parameter berupa operator matematika. Input dari pengguna yang awalnya berupa string dikonversi menjadi tipe data Double menggunakan toDoubleOrNull() guna memastikan bahwa data yang diproses valid. Jika input tidak valid, aplikasi akan menampilkan pesan kesalahan. Selanjutnya, proses perhitungan dilakukan menggunakan struktur kontrol when untuk menangani operasi penjumlahan, pengurangan, perkalian, dan pembagian. Pada operasi pembagian, ditambahkan validasi untuk mencegah pembagian dengan nol agar aplikasi tetap berjalan dengan aman.

Dari sisi antarmuka, komponen disusun menggunakan layout Column sehingga elemen ditampilkan secara vertikal dan terstruktur. Dua buah TextField digunakan sebagai input angka, sedangkan satu TextField lainnya digunakan untuk menampilkan hasil dalam kondisi read-only. Untuk menjaga kerapian tampilan, digunakan Spacer sebagai pengatur jarak antar komponen. Selain itu, tombol-tombol operasi ditempatkan dalam Row agar tersusun secara horizontal dan mudah diakses oleh pengguna. Setiap tombol memiliki aksi onClick yang akan memanggil fungsi calculate() sesuai dengan operator yang dipilih, serta terdapat tombol "Clear" yang berfungsi untuk menghapus seluruh input dan hasil perhitungan.

Secara keseluruhan, kode ini berhasil mengintegrasikan logika perhitungan dengan tampilan antarmuka yang interaktif, sehingga menghasilkan aplikasi kalkulator sederhana yang responsif dan mudah digunakan.

Hasilnya:

Penjumlahan 7 + 8

 

Pengurangan 10 - 8

 

Perkalian 10 * 5

 

Pembagian 10 / 5

 

Komentar

Posting Komentar

Postingan populer dari blog ini

Final Project PBO - G

-
Gambar
Rafaela Shyra Ashma' Ramadhani - 5025231217 Triana Velia Hutabalian - 5025231190 Final Project PBO G 1. Tuliskan judul dan deskripsi final project yang akan dikerjakan  2. Buatlah desain user interface dan diagram class dari aplikasi final project Jawaban! 1. Judul : InvestSmart: Aplikasi Manajemen Investasi Pribadi Deskripsi : InvestSmart adalah aplikasi berbasis Java yang dirancang untuk membantu pengguna mengelola portofolio investasi mereka. Aplikasi ini memungkinkan pengguna untuk menambahkan investasi baru, melihat total keuntungan/kerugian, dan menampilkan rincian investasi dalam berbagai kategori seperti saham, obligasi, atau reksa dana. Kegunaan: Melacak investasi berdasarkan kategori. Menghitung total investasi dan keuntungan/kerugian. Memberikan antarmuka sederhana untuk input dan pengelolaan data investasi.   2. Desain UI : Untuk aplikasi berbasis BlueJ, antarmuka pengguna akan berbentuk Command Line Interface (CLI) dengan menu seperti: Tambah Investasi Lihat Total...
Baca selengkapnya

Membuat Aplikasi Hello Android

-
Gambar
Nama : Rafaela Shyra Ashma' Ramadhani NRP : 5025231217  Kelas : Pemrograman Perangkat Bergerak (B) Tugas 2 - Pertemuan 2  Pada pertemuan kedua mata kuliah Pemrograman Perangkat Bergerak (PPB), kami mempelajari dasar pengembangan aplikasi Android menggunakan Android Studio. Pada tugas ini, kami diminta untuk membuat aplikasi Android sederhana yang menampilkan teks “Hello Android!” di layar perangkat. Aplikasi ini dibuat menggunakan bahasa pemrograman Kotlin serta framework Jetpack Compose yang digunakan untuk membangun tampilan antarmuka aplikasi secara lebih modern dan sederhana. Langkah Pengerjaan  1. Mengunduh dan Menginstal Android Studio Langkah pertama adalah mengunduh dan menginstal Android Studio melalui situs resmi developer Android. Android Studio digunakan sebagai lingkungan pengembangan untuk membuat, menulis, dan menjalankan aplikasi Android. 2. Membuat Project Baru Setelah Android Studio berhasil diinstal, langkah selanjutnya adalah membuat project baru denga...
Baca selengkapnya

Komponen Button (Aplikasi Dice Roller)

-
Gambar
Nama : Rafaela Shyra Ashma' Ramadhani NRP : 5025231217 Kelas : Pemrograman Perangkat Bergerak (B) Tugas  4 - Pertemuan 4 Pada pertemuan keempat ini, dilakukan pengerjaan tugas berdasarkan CodeLab Android Basics with Compose , yaitu membuat aplikasi sederhana bernama Dice Roller . Aplikasi ini berfungsi untuk mensimulasikan pelemparan dadu secara digital, di mana pengguna dapat menekan tombol untuk menghasilkan angka acak dari 1 hingga 6. Hasil dari proses tersebut kemudian ditampilkan dalam bentuk gambar dadu serta nilai angka yang sesuai. Melalui tugas ini, dipelajari penggunaan komponen Button pada Jetpack Compose sebagai sarana interaksi pengguna, serta penerapan state management menggunakan remember dan mutableIntStateOf . Dengan konsep state tersebut, setiap perubahan nilai akan secara otomatis memperbarui tampilan melalui mekanisme recomposition tanpa perlu melakukan pembaruan UI secara manual. Selain itu, tugas ini juga membantu memahami bagaimana membangun antarmuka ap...
Baca selengkapnya