Langsung ke konten utama

[Review Activity Android Studio] Membuat Aplikasi Sederhana Pemesanan Kopi

Setelah paham bagaimana cara memulai membuat aplikasi Android Studio dalam postingan sebelum ini, kita akan belajar membuat aplikasi sederhana yang mengulas tentang fungsi Activty di Android Studio. Activity sendiri adalah komponen yang dapat dilihat oleh pengguna, sehingga mereka dapat berinteraksi dengan aplikasi.
Bila dibandingkan dengan aplikasi web dan desktop, Activity sama seperti halaman dan form. Nah, untuk mereview bagaimana Activity tersebut, kali ini kita akan membuat aplikasi seperti kalkulator yang ada fungsi penambahan dan pengurangan. Dalam aplikasi sederhana kali ini akan kita kemas seperti pemesanan kopi, latihan ini didapat setelah belajar dari udacity.com. Mari kita mulai langkah-langkahnya.

1. Pertama kita akan membuat Layoutnya di bagian activity.xml. Layout yang akan dibuat kurang lebih seperti gambar di bawah ini
Masuk ke activity.xml lalu ketikkan kode seperti di bawah ini




Keterangan:
  • Layout yang pertama yaitu TextView sebagai layout yang menampilkan tulisan "Quantity"
  • Layout yang kedua yaitu Button. Button ini untuk membuat tombol dengan tulisan "+" atau increment. Pada button ini diberikan status android:OnClik agar bisa di klik. Untuk methodnya akan dibahas nanti pada MainActivity.java. Terdapat id pemanggil juga untuk button ini yaitu next_button yang berarti tombol akan memanggil angka selanjutnya
  • Layout yang ketiga yaitu tampilan angka atau quantity untuk menampilkan angka. pada layout ini diberikan id sebagai pemanggil. 
  • Layout yang keempat yaitu Button. Button ini untuk membuat tombol dengan tulisan "-" atau decrement. Pada button ini diberikan status android:OnClik agar bisa di klik. . Terdapat id pemanggil juga untuk button ini yaitu next_button
  • Layout yang kelima yaitu TextView sebagai layout yang menampilkan tulisan "Price" atau harga yang akan dibayarkan
  • Layout yang keenam yaitu tampilan angka atau quantity untuk menampilkan harga yang harus dibayarkan setelah menekan tombol price. pada layout ini diberikan id sebagai pemanggil. 
  • Layout yang ketujuh yaitu Button. Button ini untuk membuat tombol dengan tulisan "ORDER". Pada button ini diberikan status android:OnClik agar bisa di klik. Terdapat id pemanggil juga untuk button ini yaitu next_button


2. Setelah selesai membuat semua layout, saatnya kita masuk ke MainActivity.java

Keterangan:

  • pertama kita masukkan nilai quantity yang akan tampil pertama, kali ini kita tuliskan int quantity=2
  • pada MainActivity.java otomatis selalu ada pemanggil layout home yaitu pada bagian kode setContentView(R.layout.activity_main)
Keterangan:
  • Method yang pertama kita lakukan pemanggilan untuk button plus (+). Kemudian memasukkan rumus penambahan. Karena yang akan kita tampilkan nanti penambahan satu angka di Quantity, maka masukkan quantity= quantity + 1. Kemudian display quantity akan menampilkan hasil penambahan ketika button plus(+) diklik.
  • Method yang kedua kita lakukan pemanggilan untuk button minus (-). Kemudian memasukkan rumus pengurangan. Karena yang akan kita tampilkan nanti pengurangan satu angka di Quantity, maka masukkan quantity= quantity - 1. Kemudian display quantity akan menampilkan hasil pengurangan ketika button minus(-) diklik.
  • Method yang ketiga yaitu untuk menampilkan total harga yang dibayar. Masukkan harga satuan atau segelas kopi kemudian kalikan dengan variabel quantitty


Keterangan:

  • Method yang  keempat yaitu untuk menampilkan hasil harga, dipanggil dengan urutan quantity terlebih dahulu dengan id pemanggil sesuai dengan id quantity yaitu txt_mainactivity_quantity. data yang akan ditampilkan berupa angka, maka dari itu tipe data variabel berupa integer.
  • Kemudian method yang terakhir berupa hasil kalkulasi harga yang telah dikalikan dengan tipe data variabel yaitu integer. Hasil kalkulasi dipanggil dengan id pemanggil yaitu price_text_view

Hasil dari aplikasi ini kurang lebih seperti video di bawah ini:





Sekian review dari Activity Android Studio kali ini, aplikasi yang sudah dibuat ini pastinya masih ada kesalahan ataupun kekurangan. Kritik dan saran silakan mampir ke kotak komentar :)

Sumber belajar:
udacity.com
petanikode.com


Komentar