BAB 5 Pengenalan Komponen UI (PickerView & ListView) dan Penggunaan Aplication Resource pada Android Studio

 Assalamu'alaikum.. sobat, pada kesempatan minggu ini di artikel Pemrograman Android saya akan menjelaskan bagaimana menampilkan TimePicker, DatePicker, ListView,  dan tentunya Latihan Praktikum dengan menggunakan Android Studio.

Jenis - jenis resources

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

Yang pertama kita akan membahas tentang TimePicker. 

1. TimePicker

TimePicker merupakan Widget yang telah disediakan oleh Android Studio.Dalam Android itu sangat mudah untuk user memilih jam, menit dan detik menggunakan TimePicker. 

Langkah pertama jalankan aplikasi IDE Android Studio, caranya :

 a. PilihStart -> Android Studio

 b. Pilih -> Start a new Android Studio Project

 c. Pilih -> Empty Activity -> Next

    Configure Your Project

• Name -> TimePicker
• Package Name -> Ubah menjadi nama blog kalian, atau scara otomatis akan muncul 'com.example.timepicker'
• Language -> Java
• Minimum API Level -> API 16 -> klik Finish

d. Maka akan tampil IDE Android Studio, setelah itu ketikan script pada file activity_main.xml seperti dibawah ini :

e.  Untuk Menjalankan fungsi TimePicker lanjut ketik script pada file MainActivity.java seperti gambar dibawah ini

f.  Klik RUN, Jalankan di emulator Maka akan tampil seperti gambar dibawah ini  :

kemudian klik TOMBOL maka akan tampil notif sebagai berikut

 

Yang kedua kita akan membahas tentang DatePicker.

2. DatePicker

Datepicker merupakan salah satu teknik Jquery yang paling populer dan sering digunakan untuk membuat aplikasi berbasis web. 

Datepicker merupakan sebuah pop-up kalender yang digunakan untuk menginputkan tanggal, bulan dan tahun secara keseluruhan melalui sebuah textbox. Pada intinya jika textbox tersebut terseleksi, maka aka ditampilkan pop-up kalender sehingga membatu sekali bagi pengguna.

Langkah pertama jalankan aplikasi IDE Android Studio, caranya :

 a. PilihStart -> Android Studio

b. Pilih -> Start a new Android Studio Project

c. Pilih -> Empty Activity -> Next

Configure Your Project

• Name -> DatePicker
• Package Name -> Ubah menjadi nama blog kalian, atau scara otomatis akan muncul 'com.example.datepicker'
• Language -> Java
• Minimum API Level -> API 16 -> klik Finish

d. Maka akan tampil IDE Android Studio, setelah itu ketikan script pada file activity_main.xml seperti dibawah ini : 

e.  Untuk Menjalankan fungsi DatePicker lanjut ketik script pada file MainActivity.java seperti gambar dibawah ini

f.  Klik RUN, Jalankan di emulator Maka akan tampil seperti gambar dibawah ini  :

Ketika kita mengklik TOMBOL maka akan muncul notif atau pemberitahuan seperti yang ada di bawah ini

3. ListView

ListView adalah salah satu cara menampilkan data di dalam aplikasi android. Biasanya digunakan untuk menampilkan sekumpulan data.

Pada materi ke tiga ini, kita akan belajar cara menggunakan ListView di Anrdoid dengan data bersumber dari sebuah  Array atau database yang telah ditentukan.

Langkah pertama jalankan aplikasi IDE Android Studio, caranya :

 a. PilihStart -> Android Studio

b. Pilih -> Start a new Android Studio Project

c. Pilih -> Empty Activity -> Next

Configure Your Project

• Name -> listView
• Package Name -> Ubah menjadi nama blog kalian, atau scara otomatis akan muncul 'com.example.listview'
• Language -> Java
• Minimum API Level -> API 16 -> klik Finish

d. Maka akan tampil IDE Android Studio, setelah itu ketikan script pada file activity_main.xml seperti dibawah ini : 

e.  Untuk Menjalankan fungsi ListView lanjut ketik script pada file MainActivity.java seperti gambar dibawah ini

f.  Klik RUN, Jalankan di emulator Maka akan tampil seperti gambar dibawah ini  :

Yang terakhir kita akan Latihan Praktikum di modul 5, buatlah sebuah project App AppResourceHappiness App ini dapat menginputkan Nama dan Opsi perasaan user saat ini. 

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 -> Latihan5
• Package Name -> Ubah menjadi nama blog kalian, atau scara otomatis akan muncul 'com.example.latihan5'
• Language -> Java
• Minimum API Level -> API 16 -> klik Finish

d. Maka akan tampil IDE Android Studio, setelah itu ketikan script pada file activity_main.xml seperti dibawah ini : 

Setelah itu kita buat values reseource file baru, cara ny seperti gambar dibawah ini

Kemudian isi File name : dimens.xml

dimens.xml

colors.xml

String.xml

Sehingga akan menghasilkan tampilan seperti dibawah ini :

kemudian kita inputkan nama dan pilih 'bagaimana perasaan kita'