Tugas Week 5 - PPB G - 5025221005

    

Tugas 5 - Kotlin Calculator 


     

NAMA        : Nabilah Atika Rahma

NRP            : 5025221005

KELAS         : Pemrograman Perangkat Bergerak - PPB G

TAHUN       : 2025

BASIC CALC & CALCULATOR


Aplikasi Kalkulator Sederhana dengan Jetpack Compose

Aplikasi kalkulator sederhana ini dibangun menggunakan Jetpack Compose untuk Android dengan fokus pada desain modern dan fungsionalitas dasar.

Fitur Utama

Aplikasi kalkulator ini menawarkan berbagai fungsi yang cukup lengkap, mulai dari operasi dasar hingga beberapa fitur tambahan yang meningkatkan pengalaman pengguna:

Operasi Matematika Dasar:

  • Penjumlahan (+)

  • Pengurangan (-)

  • Perkalian (×)

  • Pembagian (÷)

  • Modulo (%)

Fitur Lanjutan:

  • Tombol Clear (C): Untuk menghapus semua input.

  • Tombol Backspace (⌫): Untuk menghapus input terakhir.

  • Input Titik Desimal: Memungkinkan pengguna untuk memasukkan angka desimal.

  • Penanganan Kesalahan: Aplikasi menangani kesalahan seperti pembagian dengan nol dan operasi yang tidak valid.

Antarmuka Pengguna (UI) Modern:

  • Menggunakan Material Design 3 untuk desain yang bersih dan intuitif.

  • Tampilan ganda untuk input dan hasil perhitungan.

  • Tombol operasi yang diberi warna agar lebih mudah dikenali.

  • Pesan kesalahan yang muncul secara otomatis dan menghilang setelah beberapa detik.

Penggunaan Aplikasi Kalkulator

Cara menggunakan aplikasi kalkulator ini sangat mudah dan intuitif. Berikut adalah langkah-langkah sederhananya:

  1. Masukkan Angka: Ketik angka pertama di field "Number 1" dan angka kedua di "Number 2".

  2. Pilih Operasi: Pilih tombol operasi sesuai yang Anda inginkan:

    • + untuk penjumlahan

    • - untuk pengurangan

    • × untuk perkalian

    • ÷ untuk pembagian

    • % untuk modulo

  3. Tekan "=": Untuk menghitung hasil dari operasi yang Anda pilih.

  4. Lihat Hasilnya: Hasil perhitungan akan tampil di bagian atas layar.

  5. Penghapusan Input: Jika Anda ingin memulai ulang perhitungan, tekan tombol C untuk menghapus semua input atau tombol ⌫ untuk menghapus satu per satu angka yang terakhir dimasukkan.

Teknologi yang Digunakan

Aplikasi kalkulator ini dibangun menggunakan beberapa teknologi canggih untuk memastikan performa dan pengalaman pengguna yang optimal:

  • Kotlin: Bahasa pemrograman utama untuk aplikasi Android.

  • Jetpack Compose: Digunakan untuk membangun UI aplikasi secara deklaratif.

  • Material Design 3: Membantu merancang antarmuka yang modern dan responsif.

  • State Management: Menggunakan remember dan mutableState dari Jetpack Compose untuk menangani perubahan state aplikasi.

Link Penting

  • Video Tutorial YouTube:
    Demo YT

  • Kode Sumber GitHub untuk Kalkulator Dasar:
    Basic Calculator di sini.

  • Kode Sumber GitHub untuk Kalkulator Lengkap:
    Calculator di sini.

Kesimpulan

Aplikasi kalkulator yang dibangun dengan Jetpack Compose ini bukan hanya menawarkan fungsi dasar kalkulasi, tetapi juga dilengkapi dengan fitur-fitur canggih seperti penanganan kesalahan, tombol clear dan backspace, serta tampilan yang ramah pengguna. Dengan memanfaatkan teknologi modern seperti Material Design 3 dan Kotlin, aplikasi ini dirancang untuk memberikan pengalaman pengguna yang menyenangkan dan efisien.

Jangan lupa untuk mencoba aplikasi ini dan menggali lebih dalam melalui video tutorial serta kode sumber yang telah disediakan. Happy coding! ✨



Comments

Post a Comment

Popular posts from this blog

Tugas Week 2 - PPB G - 5025221005

Image
  Tugas 2 - Membuat aplikasi Hello Android        NAMA           : Nabilah Atika Rahma NRP                : 5025221005 KELAS             :  Pemrograman Perangkat Bergerak - PPB G TAHUN          : 2025 JetPack Compose Guide  GitHub                :  https://github.com/ranabel/Android-1-JetPack-Compose-5025221005.git Starting a new Compose project Project Compose baru dimulai dengan memilih Empty Activity dari template. Getting started with Compose Jetpack Compose adalah framework deklaratif untuk membangun UI di Android menggunakan Kotlin ditandai dengan anotasi @Composable yang berguna untuk menyusun tampilan secara hierarkis.  Dalam aplikasi Android berbasis Compose, Activity tetap menjadi entry point, di mana layout didefinisikan menggunakan setContent...
Read more

Tugas 11 - PPB G - 5025221005

Image
Laporan Tugas 11: Starbucks Mobile App dengan Kotlin Compose ☕ Laporan Tugas 11 Starbucks Mobile App dengan Kotlin Compose Nama: Nabilah Atika Rahma NRP: 5025221005 Mata Kuliah: Pemrograman Perangkat Bergerak G Tahun: 2025 Android Studio Kotlin Jetpack Compose Material Design 3 State Management 📱 View on GitHub 📱 Pendahuluan Dalam tugas akhir ini, saya mengembangkan aplikasi mobile Starbucks yang menampilkan pengalaman berbelanja kopi yang premium dan us...
Read more

Tugas 9 - PPB G - 5025221005

Image
  Tugas 9 - Membuat Aplikasi Woof NAMA           : Nabilah Atika Rahma NRP                : 5025221005 KELAS             :  Pemrograman Perangkat Bergerak - PPB G TAHUN          : 2025 📱   Woof App - Material Theming dengan Jetpack Compose  📌 Github 🔗 github.com/ranabel/Woof-App-5025221005  ✨ About Project Dokumentasi ini mengajarkan untuk mengembangkan aplikasi Woof — daftar anjing yang ditampilkan dengan gaya visual yang elegan menggunakan prinsip Material Design. Membuat aplikasi Android yang konsisten, menarik, dan modern dengan Material Theming menggunakan Jetpack Compose! Codelab ini menunjukkan bagaimana mengatur warna, tipografi, dan bentuk kustom sesuai dengan Material Design 3. Disini kita juga bisa untuk merubah tema sesuai dengan preferensi masing-masing. 📁 Struktur Proyek 🧩 Fitur Utama ✅ Skema war...
Read more