Skip to main content
cara tampilkan data android mysql

Cara Tampilkan Data Android Mysql Operasi CRUD

Pendahuluan Cara Tampilkan Data Android Mysql Operasi CRUD

Salam Sejahtera, kali ini kita akan membahas salah satu materi utama tentang Cara Tampilkan Data Android Mysql Operasi CRUD. Maksudnya kita akan membahas tentang proses pembuatan aplikasi secara klien server yaitu Android koneksi dengan Mysql menggunakan bahasa Pemrograman PHP atau menggunakan layanan web. Aplikasi jenis ini sering dibangun untuk jenis aplikasi menggunakan tempat penyimpanan yang besar yaitu Mysql. Proses kedua yang akan kita bahas yaitu read (Tampil) Data dari Database Mysql ke Aplikasi Android.

Sebelum kita bahas tentang cara tampilkan data android mysql, Untuk bisa melanjutkan ke pembahasan materi tentang Cara Tampilkan Data Android Mysql Operasi CRUD sebaiknya materi sebelumnya dipahami terlebih dahulu. Materi ini merupakan lanjutan dari materi-materi sebelumnya.

Baca :

Sekilas Tentang Tampilkan Data Android Mysql (Read)

Pemahaman tentang proses cara tampilkan data android mysql yaitu kita akan mengambil data yang telah diinputkan sebelumnya untuk ditampilkan pada Aplikasi Android. Masih sama untuk proses Create sebelumnya, kita masih menggunakan Layanan Web PHP dalam hal mengambil datanya. Script PHP nya pastikan telah diletakkan di PC server yaitu dengan nama file : read.php

Perancangan Layout Tampil Data

Untuk membuat project tentang cara tampilkan data android mysql, Aplikasi kita masih gunakan project sebelumnya, jadi kita tinggal menambahkan sebuah Layout baru dan Class Java nya untuk menampilkan data. Untuk Layoutnya kita gunakan List View, agar lebih menarik tampilan nya. Lansung saja kita masuk ketahap pembuatan Layout nya terlebih dahulu dengan List View.

Layout List View

Buat sebuah File di Layout->res, kemudian klik kanan pilih Layout Resource File, kemudian beri nama nya : list, lihat gambar berikut :

cara tampilkan data android mysql
Create Layout File
cara tampilkan data android mysql
Create Layout

Akan terbuat sebuah Layout baru dengan nama : list.xml, kemudian ubah kode menjadi sebagai berikut :

Source Code : list.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
android:orientation="vertical" 
android:layout_height="match_parent" 
android:layout_width="match_parent" 
android:paddingLeft="@dimen/activity_horizontal_margin" 
android:paddingRight="@dimen/activity_horizontal_margin" 
android:paddingTop="@dimen/activity_vertical_margin" 
android:paddingBottom="@dimen/activity_vertical_margin">

    <ListView 
android:layout_width="match_parent" 
android:layout_height="wrap_content" 
android:id="@+id/listView" />

</LinearLayout>

Tampilan yang sederhana hanya gunakan ListView, jika mau ubah lagi, silahkan. Berikut Tampilan nya :

cara tampilkan data android mysql
ListView

Berikutnya, cara tampilkan data android mysql, karena kita menggunakan ListView untuk menampilkan datanya, maka akan kita buat sebuah Layout baru lagi untuk bisa menampilkan datanya dalam bentuk List. Disini kita hanya akan menampilkan data nya ID dan Nama Mahasiswa. Buat Sebuah Layou Baru seperti langkah sebelumnya, kemudian beri nama : lihatdata.xml

Kemudian edit source code nya menjadi sebagai berikut:

Source Code : lihatdata.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
android:orientation="vertical" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
android:weightSum="1">

    <TextView 
android:layout_width="wrap_content" 
android:layout_height="wrap_content" 
android:id="@+id/id" />
    <TextView 
android:layout_width="wrap_content" 
android:layout_height="wrap_content" 
android:id="@+id/name" />

</LinearLayout>

Kita menggunakan LinearLayout dan dua buah ListView yaitu “id” dan “name”.  Tampilan nya jadinya seperti ini:

cara tampilkan data android mysql
List Layout

Class Java Untuk Tampil Data

Setelah pembuatan layout telah selesai kita buat, kini kita akan membuat class di Java sebagai cara tampilkan data android mysql dan menampilkan data dari Database Mysql. Kita masih menggunakan Class : config.java dan requestHandle.java. Pertama kali Tambahkan baris code di Config.java yaitu sebuah Variabel link untuk terhubung dengan script PHP diserver yaitu : read.php. Tambahkan baris berikut :

// Link untuk Tampilkan data
public static final String URL_GET_ALL = "http://192.168.100.175/crud/read.php";</pre>
<pre>

Note : Untuk catatan, script baris ini bukan kita buat di class baru namun kita tambahkan di class Config.java. Kemudian lagi seperti saya katakan sebelumnya, karena kita gunakan alamat IP, maka tentunya alamat IP ini akan berubah-ubah, cek lagi lewat Command Prompt alamat IP komputernya.

Lengkapnya class config.java akan menjadi seperti berikut:

Source Code : Config.java

package com.example.ciqwan.app_crud;

/**
 * Created by Windows10 on 20/03/2016.
 */
public class Config {

    //Alamat URL tempat kita meletakkan script PHP di PC Server
    // Link untuk INSERT Data
    public static final String URL_ADD="http://192.168.100.175/crud/create.php";
    // Link Untuk Tampil Data
    public static final String URL_GET_ALL = "http://192.168.100.175/crud/read.php";</pre>
<pre>// Filed yang digunakan untuk dikirimkan ke Database, sesuaikan saja dengan Field di Tabel Mahasiswa 
public static final String KEY_EMP_ID = "id"; 
public static final String KEY_EMP_NPM = "npm"; 
public static final String KEY_EMP_NAMA = "nama"; 
public static final String KEY_EMP_JURUSAN = "jurusan"; 

// Tags Format JSON 
public static final String TAG_JSON_ARRAY="result"; 
public static final String TAG_ID = "id"; 
public static final String TAG_NPM = "npm"; 
public static final String TAG_NAME = "nama"; 
public static final String TAG_JURUSAN = "jurusan"; 

//employee id to pass with intent 
// Mahasiswa ID 
public static final String EMP_ID = "emp_id"; } 

Class Lihat Data

Selanjutnya, setelah penambahan di class Config.java selesai kita lakukan, kini kita akan buat sebuah class baru untuk menampilkan data nya, class ini hubungan nya dengan Layout List. Buat Class baru dengan cara Klik Kanan Nama Package=>New Class ,kemudian beri nama : LihatData, sekilas gambaran nya:

 

cara tampilkan data android mysql
Create Layout
cara tampilkan data android mysql
Create New Layout

Jika tidak ada kendala, akan terbuat sebuah Class baru dengan nama LihatData.java, kemudian ketikkan code berikut, penjelasan kode ada di Bagian Komentar.

Source Code : LihatData.java

package com.example.ciqwan.app_crud;

import android.app.ProgressDialog;
import android.content.Intent;
import android.os.AsyncTask;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ListAdapter;
import android.widget.ListView;
import android.widget.SimpleAdapter;

import org.json.JSONArray;
import org.json.JSONException;
import org.json.JSONObject;

import java.util.ArrayList;
import java.util.HashMap;

/**
 * Created by Windows10 on 20/03/2016.
 */

public class LihatData extends AppCompatActivity {
    // Definisikan ListView
    private ListView listView;
    // Variabel untuk format String JSON
    private String JSON_STRING;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.list);
        // Inisialiasi ListView
        listView = (ListView) findViewById(R.id.listView);
     //   Method GetJSON
        getJSON();

    }
    // Buat Methode untuk ambil data dari Server
    private void TampilData(){
        // Data dalam bentuk Array kemudian akan kita ubah menjadi JSON Object
        JSONObject jsonObject = null;
        ArrayList<HashMap<String,String>> list = new ArrayList<HashMap<String, String>>();
        try {
            jsonObject = new JSONObject(JSON_STRING);
            JSONArray result = jsonObject.getJSONArray(Config.TAG_JSON_ARRAY);
            // FOR untuk ambil data
            for(int i = 0; i<result.length(); i++){
                JSONObject jo = result.getJSONObject(i);
                // TAG_ID dan TAG_NAME adalah variabel yang ada di Class Config.java,
                String id = jo.getString(Config.TAG_ID);
                String nama = jo.getString(Config.TAG_NAME);

                HashMap<String,String> mahasiswa = new HashMap<>();
                mahasiswa.put(Config.TAG_ID,id);
                mahasiswa.put(Config.TAG_NAME,nama);
                list.add(mahasiswa);
            }

        } catch (JSONException e) {
            e.printStackTrace();
        }
        // Tampilkan datanya dalam Layout Lihat Data
        ListAdapter adapter = new SimpleAdapter(
                LihatData.this, list, R.layout.lihatdata,
                new String[]{Config.TAG_ID,Config.TAG_NAME},
                new int[]{R.id.id, R.id.name});
        // Tampilkan dalam bentuk ListView
        listView.setAdapter(adapter);
    }

    // Methode ambil data JSON yang kita definisikan dalam bentuk AsyncTask
    private void getJSON(){
        class GetJSON extends AsyncTask<Void,Void,String> {

            ProgressDialog loading;
            @Override
            protected void onPreExecute() {
                super.onPreExecute();
                loading = ProgressDialog.show(LihatData.this,"Pengambilan Data","Wait...",false,false);
            }

            @Override
            protected void onPostExecute(String s) {
                super.onPostExecute(s);
                loading.dismiss();
                JSON_STRING = s;
                // Panggil method tampil data
                TampilData();
            }

            @Override
            protected String doInBackground(Void... params) {
                RequestHandler rh = new RequestHandler();
                // Proses nya sesuai alamat URL letak script PHP yang kita set di Class Config.java
                String s = rh.sendGetRequest(Config.URL_GET_ALL);
                return s;
            }
        }
        GetJSON gj = new GetJSON();
        gj.execute();
    }


}

Terakhir dalam cara tampilkan data android mysql, pembuatan Script Untuk Ambil data dari Server untuk ditampilkan dalam bentuk ListView selesai, jangan lupa karena kita telah buat sebuah layout baru, untuk dapat memanggilnya, daftarkan dulu di AndroidManifest.xml, berikut tampilan edit nya :

cara tampilkan data android mysql
Android Manifest.xml

Yang paling penting, jangan lupa pemanggilan class LihatData.java kita panggil menggunaan “Intent” di Class : Main.java , tambahkan kode berikut di bagian Methode OnClick() :


        if(v == buttonView){
            startActivity(new Intent(this,LihatData.class));
        }

Lihat Gambar saja bagian mana di Class : Main.java yang perlu ditambahkan event click nya.

cara tampilkan data android mysql
Event Click Tampil Data

Tahapan akhir cara tampilkan data android mysql, Source Code untuk menampilkan data telah selesai, kita akan coba lakukan test nya, Saya Ujicoba melalui Emulator Geny Motion. Dan Pastikan Web Server XAMPP telah diaktifkan bagian Apache dan Mysql. Coba tambahkan beberapa buah data terlebih dahulu melalui input, berikut gambaran nya:

cara tampilkan data android mysql
Run Aplikasi Awal

Kemudian Coba Klik Button Lihat Data, jika tidak ada kendala akan muncul Data dalam bentuk list View

cara tampilkan data android mysql
Tampilan Data Aplikasi Android

Semoga dengan adanya materi lanjutan ini tentang cara tampilkan data android mysql akan menjadi suatu pembelajaran untuk pengembangan aplikasi Android dan database Mysql.

Kesimpulan Cara Tampilkan Data Android Mysql Operasi CRUD

  • Materi ini tentang cara tampilkan data android mysql, Untuk Menampilkan data dari Database Mysql ke Aplikasi Android, pertama kita definisikan dulu alamat URL letak script php nya di Class Config.java
  • Kita perlu 2 buah layout untuk tampilkan datanya dalam bentuk ListView yaitu list.xml dan lihatdata.xml
  • Class untuk menampilkan datanya kita buat disini dengan nama : LihatData.java
  • Terakhir jangan lupa daftarkan Classnya di AndroidManifest.xml dan penambahan di Main.java untuk event Click button Tampil Data

BERSAMBUNG KE TAMPIL DETAIL DATA.

Facebook Comments

Ridwan, SST

Seorang Tenaga Pengajar Yang Kebetulan Suka Menulis Dan Membuat Tulisan Melalui Blog Web. CP : 0852 7747 2958 E-mail : awanpijay@rocketmail.com

More Posts - Website

Follow Me:
TwitterFacebookYouTube

Ridwan, SST

Seorang Tenaga Pengajar Yang Kebetulan Suka Menulis Dan Membuat Tulisan Melalui Blog Web. CP : 0852 7747 2958 E-mail : awanpijay@rocketmail.com

  • Muhammad Yana Mulyana

    maap pak itu untuk import android.content.Intent di lihatdata.java tidak terpakai. jadi pas di klik buttonya tidak bisa muncul. itu dipake di mana ya.? terima kasih

    • Dalam method OnCreate() tambahkan baris kode :
      buttonView.setOnclickListener.this;

  • Yedi Dya Alfill

    pak ridwan,sst kenapa saat saya tambahkan
    if(v == buttonView){
    startActivity(new Intent(this,LihatData.class));
    }
    menjadi error ya?#masihbarubelajar
    pdhl semua sudah saya tulis codingnya sampe selesai??

    • class LihatData dibuat dulu, kalau kamu langsung copyPaste koding nya, lakukan Import untuk Intent, labih baik ketik ulang koding nya. penjelasan ini kalau di baris : startActivity(new Intent(this,LihatData.class)); error nya.

      • Yedi Dya Alfill

        itu caranya gimana ya pak?

  • Yedi Dya Alfill

    sudah gk error pak..udh jalan…tapi saat saya mau edit data…data yg saya klik knp gk bisa keluar from edit nya ya pak?

  • ara koswara

    maaf pak saya mencoba tutorialnya utnuk menampilkan data tetapi datanya g ke load ada error disini : jsonObject = new JSONObject(JSON_STRING);
    pesan errornya : Value com.ara.root.app_mahasiswa.RequestHandler@238a38a2 of type java.lang.String cannot be converted to JSONObject

    sudah saya coba cari-cari di google tapi masih belum bisa. mohon bantuannya terimakasih

  • Adnan Debulz

    maaf pak, saya sudah mencoba kodingan input, hasilnya memuaskan. ketika saya mencoba selanjutnya yaitu tentang lihat data, hasilnya nihil pak, ketika saya menjalankan aplikasinya tapi malah stopped, mohon pencerahannya pak.

  • nita hidayati

    maaf pak saya sudah mencoba kodingan input dan hasilnya memuaskan dan masuk ke databasenya tapi ketika saya mencoba lihat data hasilnya nihil pak. ketika saya menjalankan aplikasinya hanya keluar layar kosongan saya databasenya tidak kebaca. mohon pencerahannya pak terima kasih

  • Mengikuti materi ke-2 , view data, berhasil 100% ^_^
    Terimakasih pak.,

    Btw, jika asal copas dari sini sepertinya ada beberapa sintaks yang salah untuk view XML nya,,
    Mungkin maksud bapak Ridwan ini untuk pembelajaran siswanya supaya teliti mungkin ya hehehe..

    Butuh sedikit teliti saja sih dibenarkan dikit,, hehehe
    overall, great job pak.,
    mau lanjut materi selanjutnya.,eheheh