Android | For Beginner — Membuat aplikasi Tasbeh

Target:

Kita akan membuat aplikasi Tasbeh yang berfungsi seperti counter biasanya, yaitu untuk menghitung jumlah tasbih kita agar tidak lupa. Aplikasi ini hanya berisi TextView dan Button yang terbungkus dalam ConstraintLayout. Kurang lebih tampilannya akan seperti ini:

MyTasbih App

Prasyarat:

• Aplikasi Android Studio + SDK sudah terinstall
• Emulator (AVD, Genymotion, dll) atau device asli untuk menjalankan aplikasi sudah disiapkan

Yang akan kita pelajari:

1. Cara membuat project Android baru
2. Komponen dari Layout Editor: panel Palette, panel Component Tree, panel Design and Blueprint, serta panel Attributes.
3. Penggunaan aplikasi Vysor sebagai alternatif dari emulator
4. View: TextView, Button
5. View Group: ConstraintLayout
6. Attributes: textSize, textColor, layout_width, layout_height, background, dan id
7. wrap_content dan match_constraint
8. Penggunaan satuan sp dan dp
9. method void pada java
10. Menghubungkan komponen xml (TextView) ke dalam file java
11. method getText() dan setText()
12. Variable: int dan String
13. Konversi dari teks (String) menjadi angka (int)
14. Increment pada java
15. Memberi aksi onClick pada Button
16. Debugging error

Yang akan kita lakukan:

1. Membuat project Android baru
2. Menambahkan TextView dan Button ke dalam layout melalui Palette
3. Menata komponen dengan memberi constraint atau connection
4. Mengubah Attribute pada TextView dan Button
5. Menambahkan aksi onClick pada Button

Materi Pengantar:

Tampilan yang muncul di layar HP Android terdiri dari objek-objek yang tersusun yang disebut Views. Setiap elemen pada layar adalah View. View yang akan kita pelajari dalam sesi ini adalah TextView dan Button.

TextView adalah view yang berfungsi untuk menampung atau menampilkan teks, tanpa bisa diedit. Sedangkan Button berfungsi untuk menjalankan sebuah aksi dengan cara menekan tombol tersebut.

Jenis view yang mampu menampung beberapa view menjadi satu disebut ViewGroup. Ada beberapa jenis ViewGroup seperti LinearLayout, RelativeLayout, FrameLayout, dsb. Dan pada sesi ini ViewGroup yang akan kita bahas adalah ConstraintLayout.

File .java berisi kode atau fungsi dengan bahasa pemrograman Java yang bertujuan untuk mengendalikan view pada tampilan layar atau untuk aksi lain yang biasanya berjalan ketika kita menekan tombol (Button). Pada sesi ini kita akan mempelajari bagaimana cara membuat fungsi dan variable agar bisa dijalankan ketika menekan tombol, menghubungkan view ke dalam file .java, konversi variable dan operasi increment.

Video Tutorial:

LINK: https://youtu.be/McyF5d_906k

Source Code:

https://github.com/mustofin/Android-for-Beginner-MyTasbih-App

Tantangan:

1. Ubah warna Button dan TextView sesuai selera
2. Beri Gambar pada bagian atas TextView