PENGENALAN KOMPONEN UI (PickerView & ListView) DAN PENGGUNAAN APPLICATION RESOURCE PADA ANDROID STUDIO

Assalammualaikum

Application Resource

Aplikasi yang bagus adalah aplikasi yang mengakses sumber daya secara programatikal dari pada menggunakannya secara hardcoding ke dalam source code. Ada beberapa alasan Menyimpan resource di suatu merupakan pengembangan yang lebih terorganisasi. Mengeksternalisasikan sumber daya seperti string akan memudahkan untuk menglokalisasikan aplikasi untuk bahasa-bahasa yang berbeda berdasarkan daerah geografis.

 

Apa itu Application Resource ?

Semua aplikasi android dibuat dengan dua hal : fungsionalitas (instruksi kode) dan data (sumber daya). Fungsionalitas adalah kode yang menentukan bagiamana aplikasi akan bekerja, di dalamnya terdapat algoritma yang membuat aplikasi berjalan.

 

Lokasi Application Resource

File sumber daya Android disimpan secara terpisah dari file kelas .java di project Android. Pada umumnya sumber daya disimpan dalam XML. Di bawah ini merupakan nama-nama sub-direktori /res :

·         /res/drawable-*/      : Berisi sumber daya grafis

·         /res/layout/                 : Berisi sumberdaya layout dan UI

·         /res/menu/              : Berisi sumberdaya untuk menampilkan option atau action di activity

·         /res/values/                 : Berisi sumberdaya string, style & theme, color, dimension.

 

Resource digunakan pada komponen UI seperti textView, imageView, Button, dan lain-lain. Application Resource dapat ditulis dalam kode xml ataupun dalam kode java.

 

Sekian penjelasan singkat dan selanjutnya kita lanjutkan ke contoh prakteknya :

 

A.      TimePicker

TimePicker berfungsi untuk membantu user memilih waktu yang diinginkan untuk diinputkan pada aplikasi Android. Dalam penerapannya, TimePicker banyak digunakan pada aplikasi Alarm, calendar, reminder, to-do list, ticket reservation dan aplikasi lainnya yang membutuhkan user untuk menginputkan waktu (jam dan menit) di aplikasi tersebut.

1.      Pertama jalankan aplikasi IDE Android Studio, caranya :

a.       Pilih Start → Android Studio

b.      Pilih → Start a new Android Studio Project

c.       Pilih → Empty Activity → Next

Configure Your Project

·         Name                         : Modul5TimePicker

·         Package Name           : Diubah menjadi nama blog masing – masing, disini saya akan menggunakan url blog saya gustidjafiralasdialbar.blogspot.com lalu diikuti nama project modul5timepicker

·         Save Location            : D:\2021\semester6\ti1\14518489_GustiDjafiralAsdiAlbar\Modul5TimePicker

·         Language                   : Java

·         Minimum SDK          : API 16: Android 4.1 (Jelly Bean)

 

2.      Maka akan Tampil IDE Android Studio, setelah itu Ketikan script pada file activity_main.xml seperti text di bawah ini :

3.      Untuk Menjalankan fungsi Time Picker Lanjut ketik script pada file MainActivity.java seperti pada gambar di bawah ini

4.      Kemudian buka Vysor dan jalankan scriptnya, maka akan muncul tampilan seperti ini

 

B.      DatePicker

DatePicker berfungsi untuk membantu user memilih tanggal yang diinginkan di aplikasi Android. Pada penerapannya, DatePicker banyak digunakan pada aplikasi yang membutuhkan penginputan tanggal. Seperti aplikasi pemesanan tiket, aplikasi reminder, to do list dan sebagainya.

1.      Pertama jalankan aplikasi IDE Android Studio, caranya :

a.       Pilih Start → Android Studio

b.      Pilih → Start a new Android Studio Project

c.       Pilih → Empty Activity → Next

Configure Your Project

·         Name                         : Modul5DatePicker

·         Package Name           : Diubah menjadi nama blog masing – masing, disini saya akan menggunakan url blog saya gustidjafiralasdialbar.blogspot.com lalu diikuti nama project modul5datepicker

·         Save Location            : D:\2021\semester6\ti1\14518489_GustiDjafiralAsdiAlbar\Modul5DatePicker

·         Language                   : Java

·         Minimum SDK          : API 16: Android 4.1 (Jelly Bean)

 

2.      Maka akan Tampil IDE Android Studio, setelah itu Ketikan script pada file activity_main.xml seperti text di bawah ini :

3.      Untuk Menjalankan fungsi Date Picker Lanjut ketik script pada file MainActivity.java seperti pada gambar di bawah ini

4.      Kemudian buka Vysor dan jalankan scriptnya, maka akan muncul tampilan seperti ini

 

C.     ListView

ListView adalah salah satu widget yang digunakan untuk menampilkan data atau nilai dalam bentuk daftar/list, nilai atau data yang ditampilkan pada ListView tersebut didapat dari sebuah Array atau Database yang sudah ditentukan. ListView pada saat ini sudah tergantikan dengan RecyclerView yang memiliki konsep Material Design, karena lebih custom dan juga dapat mengatur tampilan layoutnya.

1.      Pertama jalankan aplikasi IDE Android Studio, caranya :

a.       Pilih Start → Android Studio

b.      Pilih → Start a new Android Studio Project

c.       Pilih → Empty Activity → Next

Configure Your Project

·         Name                         : Modul5ListView

·         Package Name           : Diubah menjadi nama blog masing – masing, disini saya akan menggunakan url blog saya gustidjafiralasdialbar.blogspot.com lalu diikuti nama project modul5listview

·         Save Location            : D:\2021\semester6\ti1\14518489_GustiDjafiralAsdiAlbar\Modul5ListView

·         Language                   : Java

·         Minimum SDK          : API 16: Android 4.1 (Jelly Bean)

 

2.      Maka akan Tampil IDE Android Studio, setelah itu Ketikan script pada file activity_main.xml seperti text di bawah ini :

3.      Untuk Menjalankan fungsi List View Lanjut ketik script pada file MainActivity.java seperti pada gambar di bawah ini

4.      Kemudian buka Vysor dan jalankan scriptnya, maka akan muncul tampilan seperti ini

 

D.      Application Resource

Resource dapat dipakai untuk mendefinisikan color (warna), image (gambar), layout (tata letak), menu, dan nilai string. Nilai-nilai di dalam resource ini mencegah kita dari menuliskannya secara langsung (hardcoded). Semua yang didefinisikan dapat dipanggil dari manapun didalam project yang dibuat. Contoh yang paling umum dan paling sederhana adalah penggunaan string resource untuk lokalisasi teks yang fleksibel.

 

Berikut ini jenis resource yang paling umum dipakai di aplikasi Android:

 

Di bawah ini merupakan berkas-berkas yang tersimpan di folder values:

 

1.       Pertama jalankan aplikasi IDE Android Studio, caranya :

a.       Pilih Start → Android Studio

b.      Pilih → Start a new Android Studio Project

c.       Pilih → Empty Activity → Next

Configure Your Project

·         Name                         : Modul5AppResource

·         Package Name           : Diubah menjadi nama blog masing – masing, disini saya akan menggunakan url blog saya gustidjafiralasdialbar.blogspot.com lalu diikuti nama project modul5appresource

·         Save Location            : D:\2021\semester6\ti1\14518489_GustiDjafiralAsdiAlbar\Modul5AppResource

·         Language                   : Java

·         Minimum SDK          : API 16: Android 4.1 (Jelly Bean)

 

2.       Maka akan Tampil IDE Android Studio, setelah itu Ketikan script pada file activity_main.xml seperti text di bawah ini :

3.       Untuk Menjalankan fungsi App Resource Lanjut ketik script pada file MainActivity.java seperti pada gambar di bawah ini

4.       Kemudian klik file res => values => colors.xml, dan ketikan script seperti ini :

5.       Kemudian klik file res => values => strings.xml, dan ketikan script seperti ini :

6.       Selanjutnya membuat resource baru yaitu dimens, dengan cara klik file res, lalu klik kanan pada values => new => values resource

7.       Lalu buat file dengan nama “dimens” => country code => OK

8.       Lalu ketikan script berikut ini pada file dimens.xml

9.       Kemudian buka Vysor dan jalankan scriptnya, maka akan muncul tampilan seperti ini

 

E.      Tugas Modul 5

Tugas kali ini dibuat untuk mengetahui keadaan seseorang dengan memasukan nama dan perasaan saat ini. Berikut langkah – langkahnya :

1.      Pertama jalankan aplikasi IDE Android Studio, caranya :

a.       Pilih Start → Android Studio

b.      Pilih → Start a new Android Studio Project

c.       Pilih → Empty Activity → Next

Configure Your Project

·         Name                         : AppResourceHappiness

·         Package Name           : Diubah menjadi nama blog masing – masing, disini saya akan menggunakan url blog saya gustidjafiralasdialbar.blogspot.com lalu diikuti nama project appresourcehappiness

·  Save Location            : D:\2021\semester6\ti1\14518489_GustiDjafiralAsdiAlbar\AppResourceHappiness

·         Language                   : Java

·         Minimum SDK          : API 16: Android 4.1 (Jelly Bean)

 

2.      Maka akan Tampil IDE Android Studio, setelah itu Ketikan script pada file activity_main.xml seperti text di bawah ini :

3.      Kemudian klik file res => values => colors.xml, dan ketikan script seperti ini :

4.      Kemudian klik file res => values => strings.xml, dan ketikan script seperti ini :

5.      Selanjutnya membuat resource baru yaitu dimens, dengan cara klik file res, lalu klik kanan pada values => new => values resource

6.      Lalu buat file dengan nama “dimens” => country code => OK

7.      Lalu ketikan script berikut ini pada file dimens.xml

8.      Kemudian buka Vysor dan jalankan scriptnya, maka akan muncul tampilan seperti ini

 

 TERIMAKASIH.