Tutorial ListView Dengan Menggunakan Android Volley Library [part 2]

TheHeran.com/ January 24, 2016/ ListView, Volley/ 0 comments

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

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

  1. Download Database disini
  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 PHP koneksi.php dan conn.php
  2. Download kontakManager.php
  3. Download kontakModel.php

(*) 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 disini. 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. 

package_android_tutorial_volley_jar

 

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

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.

package_android_tutorial_volley_jar_class_utama

 

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

package_android_tutorial_volley_jar_class_volley

 

 

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

package_android_tutorial_volley_jar_struktur_src

package_android_tutorial_volley_jar_struktur_src

 

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. Download File
  • res/layout ada 3 file xml yang yang digunakan pada desain aplikasi meliputi desain ListView, Home dan Top Header. Download File
  • res/menu terdapat file yang digunakan untuk menghandle pop up. Download File
package_android_tutorial_volley_jar_struktur_res_drawable

package_android_tutorial_volley_jar_struktur_res_drawable

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
android_tutorial_volley_jar android_tutorial_volley_jar
android_tutorial_volley_jar android_tutorial_volley_jar

Download FULL SOURCE CODE Project Android

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

Comments

comments