Tutorial Input Data Menggunakan Android Volley Library

TheHeran.com/ October 29, 2015/ Slide, Volley/ 0 comments

Pagi Readers! Semoga sehat jasmani dan rohani. Svaha ūüôā

Tutorial Input Data Menggunakan Android Volley Library merupakan tutorial lanjutan dari beberapa artikel sebelumnya yang berkaitan dengan  penggunaan Android Volley Library. Ada baiknya anda menyimak artikel sebelumnya agar cerita ini berlanjut sesuai dengan skenarionya :). Dibawah ini adalah artikel yang terkait

  1. Berkenalan Dengan Android Volley Library Part I
  2. Android Volley Library Part II

 

Baik, sekarang berlanjut ketopik Tutorial Input Data Menggunakan Android Volley Library.  Pada tutorial ini konsepnya adalah mengirimkan data dari aplikasi android ke server dengan bantuan web service. Data hasil inputan tersebut akan di simpan kedalam database dengan enggine MySQL. Studi case yang digunakan adalah menginputkan data kontak. Berikut ini adalah tahapan Рtahapan yang harus dijalankan.

  1. Membuat database di MySQL
  2. Membuat Folder Web Service di dalam web server yang didalamnya terdapat file-file PHP yang akan memproses request dari android
  3. Membuat aplikasi android
  4. Melakukan uji coba penginputan data

Disini saya tidak akan menjelaskan secara detail baris kode – kode yang berkaitan dengan PHP atau SQL, namun jika ada yang kurang jelas bisa ditanyakan melalui kontak. Oleh karena itu download file – file dibawah ini

DOWNLOAD FILE

  1. Download Database
  2. Download file PHP koneksi.php dan conn.php
  3. Download kontakManager.php
  4. Download kontakModel.php

Setelah semua file tersebut di download, langkah selanjutnya adalah sebagai berikut

EXPORT DATABASE DAN FILE

  1. Export database tersebut ke MySQL. (bisa menggunakan phpmyadmin atau DBMS yang lainnya)
  2. Buatlah sebuah folder di root webserver dengan nama latihan_volley (ex: di folder htdocs jika anda menggunaan webserver apache )
  3. Pindahkan semua file PHP yang sudah di download tadi ke dalam forder latihan_volley

    Lokasi htdocs

    Lokasi htdocs

  4. Buka (edit) file koneksi.php dan ubah seperlunya sesuai dengan kebutuhan
<?php
 class VarConn{
 public $server = 'localhost'; //server
 public $username = 'root'; //username database (sesuaikan)
 public $password = 'joko'; //password database (sesuaikan)
 public $db='db_latihan_volley'; //nama database
 public $con;
 
 public function getConn(){
 $this->conn= mysql_connect($this->server, $this->username, $this->password);
 return $this->conn;
 }
 
 }
 $varconn =new VarConn;
 $db=$varconn->db;
 $con=$varconn->getConn();
?>

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.volleyinsertdata. Yang belum jelas bisa klik disni
    2. Download library volley.jar Selanjutnya copy paste library tersebut ke folder libs project anda.

      Lokasi Volley Library

      Lokasi Volley Library

    3. Tambahkan sebuah package baru untuk menyimpan class-class dari volley. Cara menambahkan Package adalah klik kanan pada src ->New->Package. Beri nama package dengan com.theheran.volleyinsertdata.volley. Setelah Selesai akan seperti gambar dibawah ini.

      Package

      Package

    4. Pada package com.theheran.volleyinsertdata.volley buatlah class sesuai dengan gambar dibawah ini

      list_android_volley_code

      list_android_volley_code

    5. Dari 4 class yang sudah dibuat tersebut sesuaikan baris kode dengan kode baris kode dibawah ini. Kalau terjadi error tekan tombol CTRL + SHIFT + O (Fix Import)
    6. AppController.java lihat koding atau download
    7. LruBitmap.java lihat koding   atau download
    8. NetworkImageView.java lihat koding  atau download
    9. VolleyHelper.java lihat koding  atau download
    10. Selanjutnya adalah ke layout. Layout merupakan interface sebagai penghubung user dengan sistem. Layout yang saya buat sengaja sederhana agar mudah digunakan. Untuk kode lengkap layoutnya bisa dilihat disini atau download.

      Desain Interface

      Desain Interface

    11. Pada package com.theheran.volleyinsertdata tambahkan class ModelKontak.java dan berikut adalah adalah ringkasan kodenya.
      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() {
      
      	}
      
      	public ModelKontak(
      						String id_kontak,
      						String nama_depan,
      						String nama_belakang,
      						String tgl_lahir,
      						String alamat,
      						String no_hp,
      						String no_telp,
      						String email,
      						String tgl_input,
      						String tgl_update,
      						String status_data
      					) {
      
      			this.id_kontak=id_kontak;
      			this.nama_depan=nama_depan;
      			this.nama_belakang=nama_belakang;
      			this.tgl_lahir=tgl_lahir;
      			this.alamat=alamat;
      			this.no_hp=no_hp;
      			this.no_telp=no_telp;
      			this.email=	email;
      			this.tgl_input=tgl_input;
      			this.tgl_update=tgl_update;
      			this.status_data=status_data;
      
      	}
      
    12. Bukan class InsertKontakActivity.java  dan sesuaikan isinya dengan baris kode secara keseluruhan yang ada disini
    13. 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.volleyinsertdata" android:versionCode="1" android:versionName="1.0" >
       
       <uses-sdk android:minSdkVersion="11" android:targetSdkVersion="17" />
       
       <!-- Izin Internet -->
       <uses-permission android:name="android.permission.INTERNET" />
       
       <!-- Inisialisasi class dan komponen yang lain -->
       <application android:name="com.theheran.volleyinsertdata.volley.AppController" android:allowBackup="true" android:icon="@drawable/ic_launcher" android:label="@string/app_name" android:theme="@style/AppTheme" >
       <activity android:name="com.theheran.volleyinsertdata.InsertKontakActivity" 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>
      
      
    14. 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, maka saya sarankan untuk mendownload full source codenya.

Screen Shoot 1   Screen Shoot 2

Screenshoot Awal Volley Insert Data

Screenshoot Awal Volley Insert Data

Pemilihan Tanggal

Pemilihan Tanggal

 Download Source Code Splash Screen Android  Download Source Code Splash Screen Android

Password file.zip : Silahkan mengirim pesan ke salah satu kontak di bawah ini

  • Twitter: Follow &¬†Mention Twitter:¬†@the_heran
  • IG: Follow &¬†DM: theheran
  • ID LINE : gitraline
  • PIN BBM: 571078a7

Sekian dulu readers pembahasan¬†Tutorial Input Data Menggunakan Android Volley Library . Sampai jumpa ūüôā

Salam Hangat

@the_heran

Comments

comments

Leave a Reply