Android #1: Konversi Suhu

Photo by Tyler Franta on Unsplash

Pada tutorial kali ini, saya akan membagikan cara untuk membuat Aplikasi Android untuk pemula.

Kita akan membuat Aplikasi sederhana Konversi Suhu.

Note : Kalau ada temen-temen yang udah expert mampir dimari, silahkan tetap melanjutkan untuk baca, lalu di tunggu kritik dan sarannya, dan maafkeun jika tutorial ini masih banyak kurangnya 😅✌🏻.

Sebelumnya, pastikan teman-teman sudah menginstall peralatan perang untuk koding Aplikasi Android.

Pada tutorial kali ini, saya menggunakan beberapa alat tempur, di antaranya:

1. IDE Android Studio
2. Emulator Android (optional, untuk running aplikasi teman-teman bisa langsung menjalankan pada device langsung).
3. Niat & kesabaran saat belajar ngoding, hehe✌🏻

Tanpa berlama-lama, langsung saja kita mulai, yuk ngoding …

1. Buka Android Studio, lalu pilih Start a new Android Studio project , lalu akan muncul tampilan seperti ini:

2. Pilih Empty Activity, lalu next. Setelahnya, akan muncul tampilan seperti dibawah:

Jika sudah di sesuaikan Nama Project, package, serta locationnya, lalu silahkan klik Finish.

3. Jika tidak ada masalah maka tampilan awal akan seperti ini :

Jika dijalankan, emulator Androidnya, maka akan muncul seperti ini:

Okaii.. Sampai sini, kamu sudah berhasil membuat Aplikasi dengan tampilan **“Hello World!”**.

Tapi, jangan puas dulu. Ini baru awal. Sekarang, baru nih kita mulai ngoding, hehe..😅

4. Buka file xml dengan nama activity_main.xml, file tersebut ada di app->res->layout. Setelah ketemu, langsung ubah kodingannya kayak gini:

[embed]

Pasti terdapat error di bagian value padding. Jangan khawatir, error itu terjadi , karena kamu belum menambahkan value pada file dimens.

5. Okey, untuk mengatasi nya, kamu bisa klik kanan di package values (ini di dalam res). Lalu, pilih New->Values Resources File.

Sesuaikan seperti gambar, lalu klik OK.

6. Sesuaikan kodingan file dimens.xml, agar seperti dibawah:

[embed]

Penjelasan kode pada file, dimens.xml:

File ini dibuat agar, kita tidak perlu mengulang kodingan untuk menentukan value yang sama. Pada activity_main.xml, saya menggunakan “activity_max_margin” & “activity_half_margin” untuk mengisikan value padding / margin. Hal tersebut memudahkan kita dalam proses pengembangan aplikasi.

7. Lanjut ubah kodingan pada MainActivity.java

[embed]

8. Jika tidak ada masalah, seharusnya kita sudah bisa menjalankan Aplikasinya. Dan tampilannya, seperti dibawah:

Penjelasan kode pada file MainActivity.java:

Pada class java ini, saya implements View.OnClickListener berfungsi untuk memberikan aksi pada button yang sebelumnya sudah saya buat (pada activity_main.xml).

Lalu, setelah nya saya deklarasikan semua attribute yang ada di file activity_main.xml, seperti dibawah:

MainActvity.java sebenarnya, harus dikenalin juga sama attribut yang sudah kita deklarasikan. Cara kenalannya begini nih:

MainActivity.java, dikasih tau melalui id yang sudah di tetapkan pada activity_main.xml. Dengan begitu, MainActivity.java sudah kenal dengan setiap attribut.

Kalau kodingan diatas itu, fungsinya untuk memberitahukan, bahwa button yang sudah dibuat mempunyai fungsi onclick.

Nah, method onClick di atas itulah yang proses , kira-kira aksi apa nih yang harus dilakuin kalau buttonnya di klik.

Lalu, disini kita menggunakan kondisi switch-case. Karena, nanti kita menggunakan beberapa button, maka saya disini memanfaatkan kondisi switch-case.

Alasan saya menggunakan try-catch pada method ini adalah, untuk handle error jika user klik button, tapi tanpa mengisi value celcius terlebih dahulu.

Sebenarnya banyak cara lain untuk handle error tersebut, namun karena ini untuk pemula, jadi saya pakai try-catch saja yang mudah dipahami hehe..

Fungsi dari 1 baris kodingan di atas yaitu untuk mengambil value yang diinput oleh user untuk derajat celcius yang akan di hitung. Karena, celcius bertipe data integer, maka saya konversikan String.value dengan cara parseInt.

3 Baris kodingan di atas berfungsi sebagai formula/rumus dari perhitungan konversi suhu itu sendiri.

Karena pada activity_main.xml saya setting visibility nya itu GONE, maka saat saya ingin memunculkan hasil dari perhitungan, di MainActivity.java saya keluarkan lagi(setVisibility = VISIBLE).

Yang terakhir, setText berfungsi untuk mengisikan textView pada activity_main.xml sesuai dengan hasil yang sudah di proses pada perhitungan konversi suhu.

Terimakasih, semoga bermanfaat 🤗