TUGAS 5 - APLIKASI KALKULATOR SEDERHANA

 Nama : Dimas Aria Pujangga

NRP     : 5025211212

Kelas    : PPB (A)


Kalkulator





Source code:



Penjelasan:

Deskripsi Aplikasi

Aplikasi kalkulator sederhana yang menggunakan Jetpack Compose dengan metode input manual melalui TextField. User memasukkan dua angka pada field terpisah dan memilih operasi matematika yang diinginkan.

Komponen Utama

MainActivity: Activity utama yang menggunakan Jetpack Compose untuk membangun UI. Menggunakan enableEdgeToEdge() untuk tampilan full-screen dan setContent untuk menjalankan composable function.

State Management: Aplikasi menggunakan tiga state variables untuk mengelola data:

  • num1 dengan nilai default "0" untuk menyimpan angka pertama yang diinput user
  • num2 dengan nilai default "0" untuk menyimpan angka kedua yang diinput user
  • res dengan nilai default string kosong untuk menyimpan dan menampilkan hasil perhitungan

Layout Structure: Menggunakan Column sebagai container utama dengan pengaturan fillMaxSize(), padding 24dp, dan alignment center baik horizontal maupun vertikal. Layout disusun secara vertikal dengan spacing menggunakan Spacer.

UI Components:

  • Text Header: Menampilkan judul "Calculator App" dengan styling fontSize 24sp, warna DarkGray, dan fontWeight Bold
  • Input Fields: Dua TextField untuk input angka pertama dan kedua, dengan value binding ke state num1 dan num2, serta onValueChange callback untuk update state
  • Operation Buttons: Row yang berisi empat button (Add, Sub, Mul, Div) dengan spacing 16dp menggunakan Spacer antar button
  • Result Display: Card dengan styling elevated (6dp elevation), rounded corners (12dp), dan background menggunakan MaterialTheme.colorScheme.primaryContainer

Button Operations: Setiap button memiliki onClick listener yang melakukan:

  • Konversi string input ke integer menggunakan toInt()
  • Perhitungan matematika sesuai operasi (penjumlahan, pengurangan, perkalian, pembagian)
  • Update state res dengan hasil perhitungan yang dikonversi ke string
  • Menampilkan Toast message dengan hasil perhitungan menggunakan Toast.makeText()

Calculation Logic:

  • Add Button: Melakukan num1.toInt() + num2.toInt() untuk operasi penjumlahan
  • Sub Button: Melakukan num1.toInt() - num2.toInt() untuk operasi pengurangan
  • Mul Button: Melakukan num1.toInt() * num2.toInt() untuk operasi perkalian
  • Div Button: Melakukan num1.toInt() / num2.toInt() untuk operasi pembagian

Result Display Logic: Card result hanya menampilkan konten jika res.isNotEmpty(). Text result menggunakan fontSize 30sp, warna yang disesuaikan dengan theme container, dan textAlign center untuk posisi tengah.

Error Handling: Kode ini tidak memiliki error handling untuk input yang tidak valid (non-numeric) atau pembagian dengan nol, sehingga dapat menyebabkan crash jika user memasukkan input yang tidak sesuai.

UI Styling: Menggunakan Material Design 3 dengan CardDefaults untuk styling card, MaterialTheme untuk color scheme consistency, dan RoundedCornerShape untuk corner radius pada card.

Comments

Post a Comment

Popular posts from this blog

Menemukan Dompet

         Menemukan Dompet Sudah beberapa bulan aku menunggu panggilan kerja. Rasanya hariku pilu bingung tanpa arah. Kerjaanku hanya luntang-lantung di rumah. Aku bingung harus ngapain. Ingin usaha tapi tak punya modal. Suatu hari, kuniatkan untuk bertemu teman-temanku, sekedar berbagi tentang masalahku ini. Saat jalan menuju rumah temanku, di samping jalan sedikit ujung dari trotoar, aku melihat sebuah dompet berwarna hitam. Kuhampiri dompet itu, kubuka, dan kulihat isinya. KTP, SIM A, beberapa surat- surat penting, tabungan yang isinya fantastis, dan sebuah kartu kredit. Dalam pikiranku muncul suara agar aku menggunakan isi dalam dompet itu. Tapi tidak, aku harus mengembalikan dompet ini pada pemiliknya. Tak selang berapa lama setelah aku pulang dari rumah temanku, kukembalikan dompet itu. Bermodalkan alamat di KTP, aku menemukan rumahnya di perumahan elit dekat dengan hotel Grand Palace. Kupencet bel dan kemudian dibuka oleh tukang kebun yang bekerja d...
Read more

TUGAS PERTEMUAN 10 PBKK

Image
  Dimas Aria Pujangga 5025211212 PBKK B      TUGAS CODEIGNITER DENGAN BOOTSTRAP      Pada pertemuan ke-10, kita mempelajari tentang framework PHP yang bernama CodeIgniter. CodeIgniter adalah aplikasi open source yang menyediakan kerangka kerja PHP dengan model MVC. Kerangka kerja ini dirancang untuk memudahkan pengembang web dalam membuat aplikasi web yang dinamis.      Dalam pertemuan ini, kita diberikan tugas untuk menggunakan CodeIgniter dengan menambahkan suatu view dari template SBAdmin. Template SBAdmin adalah template Bootstrap yang populer digunakan untuk membuat tampilan web yang modern dan responsif. Link Github: link Dokumentasi:
Read more

TUGAS PERTEMUAN 13 PBKK

Image
 Dimas Aria Pujangga 5025211212 PBKK B Google Apps Script           Google Apps Script adalah platform pengembangan yang diberikan oleh Google untuk menciptakan aplikasi, otomatisasi tugas, dan menambahkan fungsionalitas ekstra ke produk-produk Google seperti Google Sheets, Google Docs, Google Forms, dan layanan Google lainnya. Platform ini menggunakan JavaScript yang terintegrasi dengan API dari produk-produk Google, memungkinkan pengguna membuat skrip yang dapat mengeksekusi berbagai tugas, termasuk pengelolaan data dan otomatisasi alur kerja. Link Github Link Deployment Link Spreadsheets
Read more