LAPORAN AKHIR
Mata Praktikum : Interaksi Manusia & Komputer (IMK)
Kelas : 3IA08
Praktikum Ke - : 7 (Tujuh)
Tanggal : 29 April 2017
Materi : ListView & ViewPager pada Android Studio
NPM : 57414194
Nama : Muhammad Fahreza
Ketua Asisten : Triswanto
Nama Asisten :
Paraf Asisten :
Jumlah Lembar : 8 (Delapan Lembar)
LABORATORIUM TEKNIK INFORMATIKA
UNIVERSITAS GUNADARMA
2017
Pertemuan ketujuh ini, praktikan mempelajari apa itu ListView dan
ViewPager pada Android Studio. ListView adalah salah satu komponen user
interface pada Android yang digunakan untuk menampilkan beberapa item
dalam bentuk list/daftar yang dapat di-scroll atau digulir secara vertikal.
ViewPager adalah view yang digunakan untuk suatu activity yang terdiri
dari beberapa halaman. Dengan ViewPager pengguna dapat beralih antar
halaman dengan cara mengusap layar ke kanan atau ke kiri. Agar lebih
memahami penggunaan komponen ini, praktikan latihan membuat sebuah
project yang di dalamnya terdapat ListView dan ViewPager.
Oleh karena itu, untuk mengingat kembali apa yang telah dipelajari di
lab, laporan akhir ketujuh ini praktikan diminta untuk membuat kembali
project seperti yang sudah dipelajari di lab. Berikut laporannya:
1. Output
Tampilan ListView & Toast
Tampilan ViewPager (Layout1, Layout2 dan Layout3)
2. Listing Program & Logika (Penjelasan)
Pembuatan ListView
1. Buat project baru dengan Empty Activity.
2. Tambahkan komponen ListView pada file XML (activity_main.xml)
seperti Listing Program di bawah :
Logika : Membuat ListView dengan ID yang diberikan adalah “listview1”.
Lebar dan tingginya disesuaikan dengan ukuran layar.
3. Deklarasikan item dalam bentuk array untuk isi ListView dan Toast untuk
menampilkan text ketika item di pilih. Penulisannya dilakukan di dalam
file [Link] seperti Listing Program di bawah :
Logika : File ini mengimplementasikan method onItemClickListener milik
AdapterView di mana jika item diklik, maka akan menampilkan teks “Nama
yang Anda Pilih Adalah” + item yang dipilih dalam bentuk Toast. Sintaks
ArrayAdapter berperan sebagai penghubung antara item pada ListView
dengan method onClickItem. Method onClickItem ini diberikan parameter
int i yang akan membaca posisi array ke-i ketika user klik item. int i
mengambil pada indeks array yang ada pada String Nama. Misalnya user
mengklik nama Muhammad Fahreza, maka method onClickItem akan
menangkap variabel i=4 (indeks array dimulai dari 0) dan akan mengambil
String pada Array tersebut untuk dikirim ke blok Toast untuk ditampilkan.
Pembuatan ViewPager
1. Buat project baru lagi dengan Empty Activity.
2. Tambahkan komponen ViewPager dan PagerTabStrip pada file XML
(activity_main.xml) seperti Listing Program di bawah :
Logika : Membuat ViewPager dengan ID yang diberikan adalah “pager”
dan membuat PagerTabStrip dengan ID yang diberikan adalah “pts”.
PagerTabStrip ini merupakan komponen yang digunakan untuk dapat
menggeser halaman ke kiri atau ke kanan ketika layar diusap atau diklik.
3. Deklarasikan komponen ViewPager, FragmentManager, dan Adapter
pada file [Link] seperti Listing Program di bawah :
Logika : File ini mengambil sifat atau atribut yang ada pada kelas
FragmentActivity. Kelas FragmentActivity adalah kelas yang sudah
disediakan oleh Android untuk keperluan pindah halaman ke layout XML
lain di dalam layout XML utama (layout di dalam layout). Sedangkan
Adapter berfungsi sebagai penghubung antara Fragment dengan file XML-
nya.
4. Selanjutnya buat 3 file XML baru dengan nama masing-masing Layout1,
Layout2 dan Layout3.
5. Setelah itu, buat 2 file Java baru dengan nama masing-masing
LembarAdapter dan Lembar.
[Link]
Logika : File ini mengambil sifat atau atribut yang ada pada kelas
FragmentPagerAdapter. Kelas FragmentPagerAdapter adalah kelas yang
sudah disediakan oleh Android yang bertugas untuk memindahkan
halaman dari halaman yang satu ke halaman yang lain.
[Link]
Logika : File ini mengambil sifat atau atribut yang ada pada kelas
Fragment. Kelas Fragment adalah kelas yang sudah disediakan oleh
Android yang bertugas untuk menerima hasil perpindahan halaman yang
dilakukan oleh FragmentPagerAdapter. Di dalam file ini diberikan kondisi
yaitu ketika layar digeser dan ditemukan halaman(page) = 1, maka akan
menampilkan [Link], sedangkan ketika digeser dan PagerAdapter
menemukan page = 2, maka akan menampilkan [Link], selain itu
(else) berarti yang ditampilkan adalah [Link].
