Tutorial ListView Dengan Menggunakan Android Volley Library [part 2]

Pagi Readers! Semoga sehat jasmani dan rohani. Svaha:)

Edisi kali ini merupakan edisi lanjutan pada artikel sebelumnya, dan saya rekomendasikan untuk menyimak artikel sebelumnya yang membahas tentang Tutorial Insert Data Menggunakan Android Volley Library yang bisa dilihat pada link berikut. Klik disini

Setelah berhasil menginputkan data kedalam Database Mysql menggunakan Webservice tentunya data tersebut akan ambil dan digunakan sesuai dengan kebutuhan. Karena simulasi artikel sebelumnya adalah menginputkan data kontak maka kali ini kita akan menampilkan data hasil inputan tersebut kedalam sebuah ListView [advance] menggunakan Android Volley Library.

Baca juga artikel yang berkaitan dengan ListView

• Tutorial Membuat ListView Sederhana
• Tutorial Membuat ListView Dengan Kombinasi Icon dan Text
• Tutorial Menampilkan Data JSON ke ListView

Selanjutnya adalah ikuti tahap demi tahap dibawah ini. (Sangat disarankan untuk mencoba tutorial sebelumnya karena pada tutorial kali ini ada beberapa tahap yang tidak dijelaskan secara rinci. Lihat Artikel Sebelumnya disini)

DATABASE

2. Membuat Database
3. Export Database

WEBSERVICE

1. Membuat folder di htdoc
2. Download file – file PHP dan letakkan di dalam folder htdoc yang sudah dibuat
3. Ubah Konfigurasi database

DOWNLOAD FILE PHP

1. Download file dan
2. Download
3. Download

(*) Lebih detail Tentang Pengaturan DATABASE & WEBSERVICE baca artikel sebelumnya disini

ANDROID CODE

1. Buat project baru di Eclipse dengan cara File ⇒ New Project ⇒ Application Project dan beri nama main classnya InsertKontakActivity   dan beri nama package com.theheran.volleyselectdata. Yang belum jelas bisa klik disni

2. Download library volley.jar . Selanjutnya copy paste library tersebut ke folder libs project anda.

 

3. Buat 3 buah package sesuai dengan gambar dibawah ini . Cara menambahkan Package adalah klik kanan pada src ->New->Package. 

 

4.  Buka package com.theheran.volleyModel dan buat class baru dan beri nama ModelKontak.java yang isi  source code-nya adalah sebagai berikut (ringkasan,  ):

public class ModelKontak {
	String 	id_kontak,
			 nama_depan,
			 nama_belakang,
			 tgl_lahir,
			 alamat,
			 no_hp,
			 no_telp,
			 email,
			 tgl_input,
			 tgl_update,
			 status_data;

	public ModelKontak() {

	}

5. Buka com.theheran.volleyselectdata dan buat 2 class baru sesuai dengan gambar dibawah ini. Masing – masing dari kedua class tersebut sudah ada penjelasannya didalam sourcodenya.

• Download 
• Download

 

6. Buka com.theheran.volleyselectdata.volley dan buat 4 class baru sesuai dengan gambar dibawah ini. Keempat class tersebut merupakan class untuk menghandle Android Volley

• Download  
• Download  
• Download  
• Download  

 

 

Maka secara keseluruhan struktur file yang ada di folder src/ adalah sebagai berikut

 

7. Selanjutnya adalah fokus ke folder – folder dibawah ini

•  res/drawable-hdpi didalam folder tersebut ada beberapa file xml dan gambar yang digunakan oleh aplikasi.
• res/layout ada 3 file xml yang yang digunakan pada desain aplikasi meliputi desain ListView, Home dan Top Header. 
• res/menu terdapat file yang digunakan untuk menghandle pop up. 

8. Buka AndroidManifest.xml dan sesuaikan dengan kode dibawah ini. AndroidManifest berfungsi untuk inisialisasi class dan mengatur permission yang digunakan oleh aplikasi.

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
 package="com.theheran.volleyselectdata"
 android:versionCode="1"
 android:versionName="1.0" >

 <uses-sdk
 android:minSdkVersion="11"
 android:targetSdkVersion="17" />
 <uses-permission android:name="android.permission.INTERNET" />

 <application
 android:name="com.theheran.volleyselectdata.volley.AppController" 
 android:allowBackup="true"
 android:icon="@drawable/ic_launcher"
 android:label="@string/app_name"
 android:theme="@android:style/Theme.Black.NoTitleBar"
 >
 
 <activity
 android:name="com.theheran.volleyselectdata.ListKontakActivity"
 android:label="@string/app_name" >
 <intent-filter>
 <action android:name="android.intent.action.MAIN" />

 <category android:name="android.intent.category.LAUNCHER" />
 </intent-filter>
 </activity>
 
 </application>
 
</manifest>

9. Finally jalankan project dengan cara Klik kanan pada project⇒ Run As ⇒ 1 Android Application

note: jika ada yang error baik di layout atau di class javanya coba cek errornya. Biasanya Error tersebut timbul karena ada bebera variabel atau class atau file yang dibutuhkan belum include. Oleh karena itu ikuti tahap demi tahap.

Tekan CTRL + SHIFT + O untuk memperbaiki library – library yang belum inluce didalamnya (Fix Import)

 

Screen Shoot 1	Screen Shoot 2

Password file.zip : theheran_select

Sekian dulu readers pembahasan Tutorial ListView Dengan Menggunakan Android Volley Library . Sampai jumpa pada tutorial selanjutnya 🙂

Salam Hangat

@the_heran