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
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.
- Membuat database di MySQL
- Membuat Folder Web Service di dalam web server yang didalamnya terdapat file-file PHP yang akan memproses request dari android
- Membuat aplikasi android
- 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
- Download
- Download file PHP dan
- Download
- Download
Setelah semua file tersebut di download, langkah selanjutnya adalah sebagai berikut
EXPORT DATABASE DAN FILE
- Export database tersebut ke MySQL. (bisa menggunakan phpmyadmin atau DBMS yang lainnya)
- Buatlah sebuah folder di root webserver dengan nama latihan_volley (ex: di folder htdocs jika anda menggunaan webserver apache )
- Pindahkan semua file PHP yang sudah di download tadi ke dalam forder latihan_volley
Lokasi htdocs
- 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
- 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
- Selanjutnya copy paste library tersebut ke folder libs project anda.
Lokasi Volley Library
- 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
- Pada package com.theheran.volleyinsertdata.volley buatlah class sesuai dengan gambar dibawah ini
list_android_volley_code
- 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)
- AppController.java atau
- LruBitmap.java atau
- NetworkImageView.java atau
- VolleyHelper.java atau
- 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 atau .
Desain Interface
- 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; }
- Bukan class InsertKontakActivity.java dan sesuaikan isinya dengan baris kode secara keseluruhan yang ada disini
- 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>
- 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 | Pemilihan Tanggal |
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