Jumpa lagi dengan Agus Haryanto dalam seri Tutorial Android. Sebelumnya terimakasih kepada para pembaca yang sudah merekomendasikan blog ini sebagai salah satu blog favorit untuk tutorial android. Tutorial Kali ini akan membahas tentang Android PHP dan MySQL.
Android oh android kau membuatku semakin ingin memaksimalkan kemampuanmu. Ku bertanya dalam hati apakah engkau dapat mengakses database yang ada diserver, kalau bisa alangkah indahnya, mungkin seindah pergi kepulau komodo walaupun aku sendiri belum pernah kesana :), tetapi aku dapat merasakan keindahannya melalui gambar-gambar diinternet. Wah maaf jadi ngelanturnih.
Antara Jakarta dan Pulau Komodo terbentang jarak yang luas, kita harus melewati daratan dan menyeberangi lautan. Tapi tenang sekarang sudah ada Pesawat Terbang, kita bisa cepat tiba disana
Begitu juga dengan Handset android dengan database server terbentang jarak yang luas bergantung dari letak server kita. Untuk yang satu ini juga tidak perlu khawatir karena ada jaringan internet yang bisa menghubungkan handset android dengan database diserver.
Yang pernah bergaul dengan Aplikasi web database. Tentunya tidak asing dengan PHP dan MySQL.
Yang suka ngeblog tahukan wordpress. WordPress dibangun dengan menggunakan PHP dan MySQL.
Mungkin ada yang tidak sadar dengan Browser yang ada dilaptop kita dapat terhubung ke database MySQL yang tersimpan pada server yang jaraknya jauh dengan kita, semua itu dapat terwujud karena adanya jaringan Internet.
Laptop dengan Handset Android adalah sama, yaitu client dari suatu server, yang berarti dari handset android kita bisa mengakses file PHP yang ada diserver.
Oke untuk praktek kita kali ini kita akan membuat daftar harga menu makanan, yang datanya diinputkan dari aplikasi android dan ditampilkan juga diaplikasi android tersebut.
Langkah pertama adalah siapkan database beserta tablenya.
CREATE DATABASE db_makanan; CREATE TABLE tbl_makanan ( id INT(4) NOT NULL AUTO_INCREMENT, nama_makanan VARCHAR(32) NOT NULL, harga INT(10) NOT NULL, PRIMARY KEY (id) ) ENGINE=MyISAM; insert into tbl_makanan values(null,'ayam bakar',12000); insert into tbl_makanan values(null,'ayam goreng',11000); insert into tbl_makanan values( null,'ikan bakar',12000);
Oke karena aplikasi android kita ini nantinya bisa memiliki fitur :
- Tambah data makanan
- Menampilkan data makanan yang telah diinputkan.
Untuk itu kita perlu membuat file PHP untuk menerima data dari android untuk dimasukkan ke dalam database, simpan dengan nama addmakanan.php
<?php $nama = $_GET['nama']; $harga = $_GET['harga']; $link = mysql_connect('localhost', 'user', 'password') or die('Cannot connect to the DB'); mysql_select_db('db_makanan', $link) or die('Cannot select the DB'); /* grab the posts from the db */ $query = "insert into tbl_makanan (nama_makanan,harga) values('".$nama."',".$harga.")"; $result = mysql_query($query, $link) or die('Error query: '.$query); echo "SUCCESS"; ?>
Buat juga file php untuk menampilkan daftar makanan yang telah kita inputkan, simpan dengan nama daftarmakanan.php
<?php $link = mysql_connect('localhost', 'user', 'password') or die('Cannot connect to the DB'); mysql_select_db('db_makanan', $link) or die('Cannot select the DB'); /* grab the posts from the db */ $query = "SELECT nama_makanan, harga FROM tbl_makanan"; $result = mysql_query($query, $link) or die('Errorquery: '.$query); $rows = array(); while ($r = mysql_fetch_assoc($result)) { $rows[] = $r; } $data = "{makanan:".json_encode($rows)."}"; echo $data; ?>
Dari file di atas dapat dilihat bahwa server akan mengirimkan data ke client dalam bentuk JSON.
Untuk membuktikannya, mari kita coba dibrowser, dengan memasukkan address
http://localhost/android/daftarmakanan.php
Sekarang android time
1. Buat Project Baru dengan nama AndroidJSON
2. Mari kita Buat layout untuk Tambah Data, simpan dengan nama tambah.xml
<?xml version="1.0" encoding="utf-8"?> <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent"> <TextView android:text="Nama Makanan :" android:id="@+id/TextView01" android:layout_width="wrap_content" android:layout_height="wrap_content"></TextView> <EditText android:text="" android:id="@+id/txtNama" android:layout_width="fill_parent" android:layout_height="wrap_content"></EditText> <TextView android:text="Harga :" android:id="@+id/TextView02" android:layout_width="wrap_content" android:layout_height="wrap_content"></TextView> <EditText android:text="" android:id="@+id/txtHarga" android:layout_width="fill_parent" android:layout_height="wrap_content"></EditText> <Button android:text="Simpan" android:id="@+id/btnSimpan" android:layout_width="fill_parent" android:layout_height="wrap_content"></Button> </LinearLayout>
3.Buat juga Layout untuk menampilkan daftar harga makanan, simpan dengan nama daftarmakanan.xml
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent"> <TextView android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="Baca Data Dari server dengan JSON" /> <TextView android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="Daftar Makanan" /> <TextView android:layout_width="fill_parent" android:id="@+id/TextViewResult" android:layout_height="wrap_content" android:text="Hasil JSON" /> </LinearLayout>
4. Sekararang Mari kita buat Menu dari aplikasi ini, yang didalamnya terdapat navigasi
untuk masuk ke Form Tambah,
ke Daftar Makanan dan keluar Aplikasi. Edit File MainActivity.java
package com.agus.android.php; /** * Class InsertActivity * @version 1.0 Dec 18, 2011 * @author Agus Haryanto (agus.superwriter@gmail.com) * @website http://agusharyanto.net */ import android.app.ListActivity; import android.content.Intent; import android.os.Bundle; import android.view.View; import android.widget.ArrayAdapter; import android.widget.ListView; import android.widget.Toast; public class MainActivity extends ListActivity { /** Called when the activity is first created. */ @Override public void onCreate(Bundle icicle) { super.onCreate(icicle); // Create an array of Strings, that will be put to our ListActivity String[] menu = new String[] { "Tambah Data", "Tampilkan Data", "Exit" }; // Create an ArrayAdapter, that will actually make the Strings above // appear in the ListView // Menset nilai array ke dalam list adapater sehingga data pada array // akan dimunculkan dalam list this.setListAdapter(new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, menu)); } @Override /**method ini akan mengoveride method onListItemClick * yang ada pada class List Activity * method ini akan dipanggil apabilai ada salah satu item * dari list menu yang dipilih */ protected void onListItemClick(ListView l, View v, int position, long id) { super.onListItemClick(l, v, position, id); // Get the item that was clicked Object o = this.getListAdapter().getItem(position); String pilihan = o.toString(); tampilkanPilihan(pilihan); } protected void tampilkanPilihan(String pilihan) { try { Intent i = null; if (pilihan.equals("Tambah Data")) { i = new Intent(this, InsertActivity.class); } else if (pilihan.equals("Tampilkan Data")) { i = new Intent(this, JSONActivity.class); } else if (pilihan.equals("Exit")) { finish(); } else { Toast.makeText(this,"Anda Memilih: " + pilihan + " , " + "Actionnya belum dibuat", Toast.LENGTH_LONG).show(); } startActivity(i); } catch (Exception e) { e.printStackTrace(); } } }
5. Sekarang Bagian Form Tambah Datanya, Buat Class baru dengan nama InsertActivity.java.
package com.agus.android.php; /** * Class InsertActivity * @version 1.0 Dec 18, 2011 * @author Agus Haryanto (agus.superwriter@gmail.com) * @website http://agusharyanto.net */ import java.io.BufferedReader; import java.io.InputStream; import java.io.InputStreamReader; import java.io.UnsupportedEncodingException; import java.net.URLEncoder; import org.apache.http.HttpResponse; import org.apache.http.client.HttpClient; import org.apache.http.client.methods.HttpGet; import org.apache.http.impl.client.DefaultHttpClient; import android.app.Activity; import android.os.Bundle; import android.view.View; import android.widget.Button; import android.widget.EditText; import android.widget.Toast; public class InsertActivity extends Activity { private EditText txtNama; private EditText txtHarga; private Button btnSimpan; // Seusuaikan url dengan nama domain yang anda gunakan private String url = "http://10.0.2.2/android/addmakanan.php"; /** * Method yang dipanggil pada saat aplikaasi dijalankan * */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.tambah); txtNama = (EditText) findViewById(R.id.txtNama); txtHarga = (EditText) findViewById(R.id.txtHarga); btnSimpan = (Button) findViewById(R.id.btnSimpan); // daftarkan even onClick pada btnSimpan btnSimpan.setOnClickListener(new Button.OnClickListener() { @Override public void onClick(View v) { try { // setiap parameter yang akan dikirim melalui http // harus encode agar // dapat terbaca dengan baik oleh server String nama = URLEncoder.encode(txtNama.getText() .toString(), "utf-8"); String harga = URLEncoder.encode(txtHarga.getText() .toString(), "utf-8"); url += "?nama=" + nama + "&harga=" + harga; getRequest(url); } catch (UnsupportedEncodingException e) { // TODO Auto-generated catch block e.printStackTrace(); } } }); } /** * Method untuk Mengirimkan data kes erver event by button login diklik * * @param view */ public void getRequest(String Url) { Toast.makeText(this, "Tambah Data " + Url + " ", Toast.LENGTH_SHORT) .show(); HttpClient client = new DefaultHttpClient(); HttpGet request = new HttpGet(url); try { HttpResponse response = client.execute(request); Toast.makeText(this, "Tambah Data " + request(response) + " ", Toast.LENGTH_SHORT).show(); } catch (Exception ex) { Toast.makeText(this, "Tambah Data Gagal !", Toast.LENGTH_SHORT) .show(); } } /** * Method untuk Menenrima data dari server * * @param response * @return */ public static String request(HttpResponse response) { String result = ""; try { InputStream in = response.getEntity().getContent(); BufferedReader reader = new BufferedReader( new InputStreamReader(in)); StringBuilder str = new StringBuilder(); String line = null; while ((line = reader.readLine()) != null) { str.append(line + "\n"); } in.close(); result = str.toString(); } catch (Exception ex) { result = "Error"; } return result; } }
6. Waktunya kita buat Class untuk menampilkan data dari server dalam bentuk JSON,
buat class baru dengan nama JSONActivity.java
package com.agus.android.php; /** * Class JSONActivity * @version 1.0 Dec 18, 2011 * @author Agus Haryanto (agus.superwriter@gmail.com) * @website http://agusharyanto.net */ import java.io.BufferedReader; import java.io.InputStream; import java.io.InputStreamReader; import org.apache.http.HttpResponse; import org.apache.http.client.HttpClient; import org.apache.http.client.methods.HttpGet; import org.apache.http.impl.client.DefaultHttpClient; import org.json.JSONArray; import org.json.JSONObject; import android.app.Activity; import android.os.Bundle; import android.widget.TextView; import android.widget.Toast; public class JSONActivity extends Activity { private JSONObject jObject; private String xResult =""; //Seusuaikan url dengan nama domain yang anda gunakan private String url = "http://10.0.2.2/android/daftarmakanan.php"; @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.daftarmakanan); TextView txtResult = (TextView)findViewById(R.id.TextViewResult); xResult = getRequest(url); try { parse(txtResult); } catch (Exception e) { e.printStackTrace(); } } private void parse(TextView txtResult) throws Exception { jObject = new JSONObject(xResult); JSONArray menuitemArray = jObject.getJSONArray("makanan"); String sret=""; for (int i = 0; i < menuitemArray.length(); i++) { sret +=menuitemArray.getJSONObject(i) .getString("nama_makanan").toString()+" : "; System.out.println(menuitemArray.getJSONObject(i) .getString("nama_makanan").toString()); System.out.println(menuitemArray.getJSONObject(i).getString( "harga").toString()); sret +=menuitemArray.getJSONObject(i).getString( "harga").toString()+"\n"; } txtResult.setText(sret); } /** * Method untuk Mengirimkan data kes erver * event by button login diklik * * @param view */ public String getRequest(String Url){ String sret=""; HttpClient client = new DefaultHttpClient(); HttpGet request = new HttpGet(Url); try{ HttpResponse response = client.execute(request); sret =request(response); }catch(Exception ex){ Toast.makeText(this,"Gagal "+sret, Toast.LENGTH_SHORT).show(); } return sret; } /** * Method untuk Menenrima data dari server * @param response * @return */ public static String request(HttpResponse response){ String result = ""; try{ InputStream in = response.getEntity().getContent(); BufferedReader reader = new BufferedReader(new InputStreamReader(in)); StringBuilder str = new StringBuilder(); String line = null; while((line = reader.readLine()) != null){ str.append(line + "\n"); } in.close(); result = str.toString(); }catch(Exception ex){ result = "Error"; } return result; } }
7. Edit file AndroidMainifest.xml
<?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.agus.android.php" android:versionCode="1" android:versionName="1.0"> <uses-sdk android:minSdkVersion="8" /> <application android:icon="@drawable/icon" android:label="@string/app_name"> <activity android:name=".MainActivity" android:label="@string/app_name"> <intent-filter> <action android:name="android.intent.action.MAIN" /> <category android:name="android.intent.category.LAUNCHER" /> </intent-filter> </activity> <activity android:name=".InsertActivity" android:label="Tambah Data"> </activity> <activity android:name="JSONActivity" android:label="Daftar Makanan"> </activity> </application> <uses-permission android:name="android.permission.INTERNET"> </uses-permission> </manifest>
8. Semua pekerjaan koding sudah kita lakukan sekarang saatnya Running Time
Sentuh Tampilkan data, Wow amazing data yang ada didatabase MySQL dapat tampil diandroid. Android memang joss.
Sentuh Tambah Data, Lalu isikan data sebagai beriku
Untuk Menyimpan Data Sentuk Tombol Simpan, Jika data yang disimpan berhasil
akan muncul Toast “Tambah Data SUCCESS”
Kembali ke menu lalu Sentuh Tampilkan Data
Alhamdulillah, Data yang kusimpan ternyata berhasil tersimpan di database MySQL
Tutorial ini khusus saya buat untuk para pembaca blog agusharyanto.net yang banyak menanyakan
bagaimana mengakses atau membaca data yang berada diserver dalam hal ini MySQL.
Tetaplah semangat adik-adik mahasiswaku, untuk belajar pemrograman janganlah mudah menyerah,
terus coba dan coba. Dengan sendirinya nanti engkau akan merasa bahwa koding itu nikmat.
Bahkan lebih nikmat dari main Game. Masak sih kak, Coba mari berfikir sejenak.
Pada saat kita koding dan saat bermain game sama-sama enaknya.
Perbedaanya adalah hasil dari kegiatan tersebut, mari kita renungkan beberapa pertanyaan dibawah ini :
- Apa hasil dari main game ?
- Apa hasil dari koding ?
- Kira-kira kalau melamar pekerjaan yang akan diterima yang jago main game atau yang jago koding,
atau yang jago bikin game ? - Bunda kita tercinta lebih bahagia mana, melihat anaknya menghabiskan waktu untuk main game atau
melihat anaknya menghabiskan waktu untuk koding ?. Jadi ingat waktu ngisi Seminar Android di
Universitas Budi Luhur, saya sampaikan tunjukkanlah pada orang tua kita, bahwa pengorbanan mereka
membiayai kita kuliah tidaklah sia-sia. Coba deh kita buat aplikasi sederhana dengan Android,
lalu kita tunjukkan kepada orang tua kita, perhatikanlah Expresi Wajah mereka. - Tidakkah kau ingin menjadi seorang sumber informasi, dimana jika ada tugs kuliah
yang ada hubungannya dengan koding, maka teman-temanmu akan bertanya kepadamu ?
Saya sendiri bukanlah orang yang anti game. Sesekali juga main game :).
Tapi hendaklah gunakanlah waktu dengan sebaik-baiknya. Yang sedang duduk dibangku kuliah,
bayangkan saat kita lulus, siapkah kita masuk kedunia kerja atau siapkah kita menjadi entrepreneur.
Boleh jadi jawabannya akan bergantung pada yang kita lakukan saat ini
Semoga Bermanfaat
Salam hangat
Agus Haryanto
referensi:
http://developer.andorid.com
http://about-android.blogspot.com/2010/03/androind-json-parser.html
cara edit dan hapus bagaimana mas?
berarti ini android skarang bisa buat gantikan buku catatan harian toko ya pak? dari pada susah2 beli buku
Pak saya mau tanya, untuk input nama user agar tidak bisa menggunakan angka caranya gimana ya pak?saya coba dengan inputType textPersonName tapi masih bisa dimasukan angka.
yang kedua saya ingin tanya kalau list data berdasarkan nilai tertinggi ke terendah, listingnya gimana ya pak?
sebelumnya saya ucapkan terima kasih atas penjelasannya…
pa bisa minta referensi , bagai mana cara buat notifikasi di android ketika data di sql bertambah . terima kasih pa 🙂
boleh tuh pak, 🙂 hehe
saya sudah melakukan tahap seperti tutorial diatas tp klo masih ndk bisa koneksi ke database mysql
pesan errornya
Tambah data http://10.0.0.2/Connect/simpan.php
$NOmeja=NM002&makan=makan…….
file php yang saya gunakan( tersimpan di htdocs/Connect/simpan.php)
saya sudah lakukan tahap seperti yang dijelaskan tutorial diatas tp masih tidak bisa koneksi ke database
pesan yang muncul :
tambah data http://10.0.0.2/Connect/simpan.php
&Nomeja=NM001&makan=makan@Tmakan=1
ket: alamat file php http://10.0.0.2/Connect/simpan.php(xampp/htdocs/Connect/simpan.php)
di program saya ndk bisa jalan mas
padahal saya uda tes koneki php ke mysql uda sukses
mohon bantuannya mas
@Nicko, Pakai Asynctask untuk request ke servernya
Ginama itu Mas?
Apa yang perlu saya tambahkan?
Maaf newbie 😀
gan tu ente ganti aja urlnya…
kalo ente pake xampp/wamp/appserve biasanya tu urlnya ane ganti jadi 127.0.0.1
Mas saya pakai tutor ini aplikasi udah jalan cuma tinggal di ICS ke atas masih blm bisa, bisa dibantu tambahin script asynctask nya biar bisa semua mas, ditunggu banget mas update nya terima kasih
Assalaamualaikum
Permisi Pak, saya sudah 2 hari ini mempraktekan tutorial ini, banyak kesulitan yg saya dapati, dari mulai database tidak konek, tabel tidak ditemukan, perubahan di apache mysql yg ternyata skrg menggunakan mysqli (improved) dan yg skrg blum saya selsaikan adalah Apache yg tidak bisa terkoneksi demgan devide android lewat jaringan internet, mungkin karena saya masih sangat awam, ,
Mohon bimbingan bagaimana detail cara untuk menyelesaikan masalah tersebut,, Terima Kasih sebelumnya pak.
Sebelumnya mungkin ada temen2 yg kesulitan soal perubahan mysql ke mysqli, berikut ini saya copi kan script yg sudah saya ubah sedikit, , ini berhasil saya coba, semoga berhasil buat temen2, ,
Scrip ini adalah perubahan script daftarmakanan.php
pa agus, kalau kita implementasikan di smartphone. caranya gimana?
mohon maaf, jika jaraknya jauh dari db apakah masih bisa tersimpan..?? terimakasih
import org.apache.http.HttpResponse;
import org.apache.http.client.HttpClient;
import org.apache.http.client.methods.HttpGet;
import org.apache.http.impl.client.DefaultHttpClient;
cara implement ini gimana yaa pakk ? karena codenyaa gamau baca kalo ini gabisa ke implement duluuu
ka, tampilkan data cuma bisa di textview ya? kalau tampilkan datanya sekaligus update bagaimana?
jadi tampilkan nama masih tetep di textview, tp di harga di edittext.
mas, saya udah coba cuma pas di run gagal semua.
pas saya baca comment yg lain ternyata banyak yang punya masalah sama kaya saya ya.
kenapa bisa gagal? apa script di atas gak cocok untuk android di atas 4.0 ? masa iya sih mas?
kalau emang bener trs script yang cocok kaya gimana?
Masyang menampilkan data kan pake nya textview.
untuk nama menu bolehlah pake textview, trs kalau yang harga pake edittext bisa gak mas?
biasanya kan tampilkan dulu pake listview untuk daftar menu, tapi saya mau nya gak pperlu pake listview..
tampilkan semua kaya di menu tampilkan data, tapi di daftar harga tampilkannya dalam bentuk edittext. itu bagaimana ya mas?