.png)
Membuat Aplikasi CRUD Data Mahasiswa Menggunakan RESTful API di Android Studio
Pada
postingan sebelumnya kita telah membuat API CRUD sederhana menggunakan PHP danMYSQL sekarang kita akan mengkonsumsi API yang sudah kita buat tersebut Pada
kasus ini saya akan menggunakan API tadi di Projek Android dengan menggunakan
library retrofit
Pertama-tama buat projek baru di Android
Studio, kemudian tambahkan library retrofit pada build.gradle(module:app) di bagian despendencies, kemudian klik sync now
implementation 'com.squareup.retrofit:retrofit:1.9.0'
lalu tambahkan network permission pada AndroidManifest
android:name="android.permission.INTERNET" />
android:name="android.permission.ACCESS_NETWORK_STATE" />  |
| Susunan Folder Projek di Android Studio |
Kemudian buat Class BaseApp, kelas ini berfungsi untuk kumpulan
perintah yang sering digunakan dalam pembuatan program, sehingga nanti dapat
digunakan pada class lain. Berikut kode programnya: untuk ROOT_URL karena saya
sudah menguploadnya pada web hosting jadi saya menggunakan url yang ada di web
hosting saya, jika anda menyimpanya di localhost dan ingin mengaksesnya dari HP
ganti url nya menjadi alamat IP komputer anda, dan pastikan HP dan komputer
anda menggunakan jaringan wifi yang sama.
public class BaseApp extends AppCompatActivity { public static Context c; public static final String ROOT_URL = "http://giviews.000webhostapp.com"; private static final int DEBUG = 1; public SessionManager sessionManager; AlphaAnimation btnAnimasi = new AlphaAnimation(1F,0.5F); public BaseApp() { sessionManager = new SessionManager(c); } @Override protected void onCreate(@Nullable Bundle savedInstanceState) { super.onCreate(savedInstanceState); c = this; } public void pesan(String a){ Toast.makeText(c, a, Toast.LENGTH_LONG).show(); } //method untuk menghilangkan action bar public void fullScreen(){ requestWindowFeature(Window.FEATURE_NO_TITLE); getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams.FLAG_FULLSCREEN); } private class SessionManager { public SessionManager(Context c) { } } }
selanjutnya membuat class Model Mahasiswa, Class ini berisi geter dan seter
yang nanti akan digunakan ketika get data dan set data mahasiswa, berikut kode
programnya:
public class DataMahasiswa { private String nim; private String nama; private String alamat; private String jurusan; public String getNim() { return nim; } public void setNim(String nim) { this.nim = nim; } public String getNama() { return nama; } public void setNama(String nama) { this.nama = nama; } public String getAlamat() { return alamat; } public void setAlamat(String alamat) { this.alamat = alamat; } public String getJurusan() { return jurusan; } public void setJurusan(String jurusan) { this.jurusan = jurusan; } }
kemudian buat Class CDataMahasiswa, berikut kode programnya:
public class CDataMahasiswa { private ListDataMahasiswa = new ArrayList () ; public ListgetDataMahasiswa() { return DataMahasiswa; } public void setDataMahasiswa(List DataMahasiswa) { this.DataMahasiswa = DataMahasiswa; } }
selanjutnya membuat interface ModuleApi.java berikut kode programnya: Class ini
berfungsi untuk mengakses API nya
interface ModuleAPI { //getdata @GET("/server_api/view.php") public void getDataMahasiswa(Callbackcallback) ; //update @FormUrlEncoded @POST("/server_api/update.php") public void updateData( @Field("vsnim") String vsnim, @Field("vsnama") String vsnama, @Field("vsalamat") String vsalamat, @Field("vsjurusan") String vsjurusan, Callbackcallback) ; //insert @FormUrlEncoded @POST("/server_api/create.php") public void insertData( @Field("vsnim") String vsnim, @Field("vsnama") String vsnama, @Field("vsalamat") String vsalamat, @Field("vsjurusan") String vsjurusan, Callbackcallback) ; //delete @FormUrlEncoded @POST("/server_api/delete.php") public void deleteData( @Field("vsnim") String vsnim, Callbackcallback) ; }
Selanjutnya
Membuat DataMahasiswaActivity.java berikut kode programnya:
public class DataMahasiswaActivity extends AppCompatActivity implements SwipeRefreshLayout.OnRefreshListener { ProgressDialog progressDialog; Dialog dialog, dialog2; Listlistdatamahasiswa; String strnim, strnama, strjurusan, stralamat; ListView listmahasiswa; Button update, delete, reset, insert; SwipeRefreshLayout swipeRefreshLayout; EditText nimmhs, namamhs, alamatmhs, jurusanmhs; AdapterCariMahasiswa cariMahasiswa; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_data_mahasiswa); Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar); setSupportActionBar(toolbar); FloatingActionButton fab = (FloatingActionButton) findViewById(R.id.fab); fab.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { dialog2 = new Dialog(DataMahasiswaActivity.this); dialog2.setTitle("data mahasiswa"); dialog2.setCanceledOnTouchOutside(false); dialog2.setContentView(R.layout.tampilaninsertdata); nimmhs = (EditText) dialog2.findViewById(R.id.edtnim); namamhs = (EditText) dialog2.findViewById(R.id.edtnama); jurusanmhs = (EditText) dialog2.findViewById(R.id.edtjurusan); alamatmhs = (EditText) dialog2.findViewById(R.id.edtalamat); insert = (Button) dialog2.findViewById(R.id.btninsert); reset = (Button) dialog2.findViewById(R.id.btnreset); reset.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { nimmhs.setText(""); namamhs.setText(""); alamatmhs.setText(""); jurusanmhs.setText(""); } }); insert.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { strnim = nimmhs.getText().toString(); strnama = namamhs.getText().toString(); strjurusan = jurusanmhs.getText().toString(); stralamat = alamatmhs.getText().toString(); insertDataMahasiswa(); getDataMahasiswa(); } }); dialog2.show(); } }); //inisialisasi listmahasiswa = (ListView) findViewById(R.id.listmahasiswa); swipeRefreshLayout = (SwipeRefreshLayout) findViewById(R.id.swipe_refresh_layout); swipeRefreshLayout.setOnRefreshListener(this); swipeRefreshLayout.post(new Runnable() { @Override public void run() { getDataMahasiswa(); } } ); } private void getDataMahasiswa() { overridePendingTransition(0, 0); progressDialog = ProgressDialog.show(DataMahasiswaActivity.this, "", " Proses..."); RestAdapter adapter = new RestAdapter.Builder() .setEndpoint(ROOT_URL) //Setting the Root URL .build(); //Finally building the adapter //Creating object for our interface ModuleAPI api = adapter.create(ModuleAPI.class); //Calling method to get whether report api.getDataMahasiswa( new Callback () { @Override public void success(CDataMahasiswa cdataMahasiswa, Response response) { listdatamahasiswa = new ArrayList() ; listdatamahasiswa = cdataMahasiswa.getDataMahasiswa(); final String[] nim = new String[listdatamahasiswa.size()]; final String[] nama = new String[listdatamahasiswa.size()]; final String[] alamat = new String[listdatamahasiswa.size()]; final String[] jurusan = new String[listdatamahasiswa.size()]; for (int i = 0; i < listdatamahasiswa.size(); i++) { nim[i] = listdatamahasiswa.get(i).getNim().toString(); nama[i] = listdatamahasiswa.get(i).getNama().toString(); alamat[i] = listdatamahasiswa.get(i).getAlamat().toString(); jurusan[i] = listdatamahasiswa.get(i).getJurusan().toString(); } cariMahasiswa = new AdapterCariMahasiswa(DataMahasiswaActivity.this, nim, nama, alamat, jurusan); listmahasiswa.setAdapter(cariMahasiswa); listmahasiswa.setOnItemClickListener(new AdapterView.OnItemClickListener() { @Override public void onItemClick(AdapterView parent, View view, int position, long id) { dialog = new Dialog(DataMahasiswaActivity.this); dialog.setTitle("data mahasiswa"); dialog.setCanceledOnTouchOutside(false); dialog.setContentView(R.layout.tampilaneditdata); nimmhs = (EditText) dialog.findViewById(R.id.edtnim); namamhs = (EditText) dialog.findViewById(R.id.edtnama); jurusanmhs = (EditText) dialog.findViewById(R.id.edtjurusan); alamatmhs = (EditText) dialog.findViewById(R.id.edtalamat); nimmhs.setEnabled(false); nimmhs.setText(nim[position]); namamhs.setText(nama[position]); jurusanmhs.setText(jurusan[position]); alamatmhs.setText(alamat[position]); update = (Button) dialog.findViewById(R.id.btnupdate); delete = (Button) dialog.findViewById(R.id.btnhapus); reset = (Button) dialog.findViewById(R.id.btnreset); reset.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { nimmhs.setText(""); namamhs.setText(""); alamatmhs.setText(""); jurusanmhs.setText(""); } }); update.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { updateDataMahasiswa(); getDataMahasiswa(); } }); delete.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { strnim = nimmhs.getText().toString(); hapusDataMahasiswa(); getDataMahasiswa(); } }); dialog.show(); } }); progressDialog.dismiss(); } @Override public void failure(RetrofitError error) { String merror = error.getMessage(); progressDialog.dismiss(); Toast.makeText(DataMahasiswaActivity.this, "err " + merror.toString(), Toast.LENGTH_LONG).show(); } } ); } private void hapusDataMahasiswa() { RestAdapter adapter = new RestAdapter.Builder() .setEndpoint(ROOT_URL) //Setting the Root URL .build(); //Finally building the adapter //Creating object for our interface ModuleAPI api = adapter.create(ModuleAPI.class); //Defining the method insertuser of our interface api.deleteData( //Passing the values by getting it from editTexts strnim.toString(), //Creating an anonymous callback new Callback() { @Override public void success(Response result, Response response) { Toast.makeText(DataMahasiswaActivity.this, "informasi \n", Toast.LENGTH_SHORT).show(); dialog.dismiss(); } @Override public void failure(RetrofitError error) { //If any error occured displaying the error as toast Toast.makeText(DataMahasiswaActivity.this, "Kesalahan Koneksi Data", Toast.LENGTH_LONG).show(); dialog.setCancelable(false); } } ); } private void insertDataMahasiswa() { RestAdapter adapter = new RestAdapter.Builder() .setEndpoint(ROOT_URL) //Setting the Root URL .build(); //Finally building the adapter //Creating object for our interface ModuleAPI api = adapter.create(ModuleAPI.class); //Defining the method insertuser of our interface api.insertData( //Passing the values by getting it from editTexts strnim.toString(), strnama.toString(), stralamat.toString(), strjurusan.toString(), //Creating an anonymous callback new Callback() { @Override public void success(Response result, Response response) { //On success we will read the server's output using bufferedreader //Creating a bufferedreader object BufferedReader reader = null; //An string to store output from the server String output = ""; try { //Initializing buffered reader reader = new BufferedReader(new InputStreamReader(result.getBody().in())); //Reading the output in the string output = reader.readLine(); } catch (IOException e) { e.printStackTrace(); } // btncall.setEnabled(true); Toast.makeText(DataMahasiswaActivity.this, "informasi \n" + output, Toast.LENGTH_SHORT).show(); overridePendingTransition(0, 0); dialog2.dismiss(); } @Override public void failure(RetrofitError error) { //If any error occured displaying the error as toast Toast.makeText(DataMahasiswaActivity.this, "Kesalahan Koneksi Data", Toast.LENGTH_LONG).show(); dialog2.setCancelable(false); // btncall.setEnabled(true); } } ); } private void updateDataMahasiswa() { //Here we will handle the http request to insert user to mysql db //Creating a RestAdapter strnim = nimmhs.getText().toString(); strnama = namamhs.getText().toString(); strjurusan = jurusanmhs.getText().toString(); stralamat = alamatmhs.getText().toString(); RestAdapter adapter = new RestAdapter.Builder() .setEndpoint(ROOT_URL) //Setting the Root URL .build(); //Finally building the adapter //Creating object for our interface ModuleAPI api = adapter.create(ModuleAPI.class); //Defining the method insertuser of our interface api.updateData( //Passing the values by getting it from editTexts strnim.toString(), strnama.toString(), stralamat.toString(), strjurusan.toString(), //Creating an anonymous callback new Callback() { @Override public void success(Response result, Response response) { //On success we will read the server's output using bufferedreader //Creating a bufferedreader object BufferedReader reader = null; //An string to store output from the server String output = ""; try { //Initializing buffered reader reader = new BufferedReader(new InputStreamReader(result.getBody().in())); //Reading the output in the string output = reader.readLine(); Toast.makeText(DataMahasiswaActivity.this, "informasi \n" + output, Toast.LENGTH_SHORT).show(); } catch (IOException e) { e.printStackTrace(); } dialog.dismiss(); } @Override public void failure(RetrofitError error) { //If any error occured displaying the error as toast Toast.makeText(DataMahasiswaActivity.this, "Kesalahan Koneksi Data", Toast.LENGTH_LONG).show(); dialog.setCancelable(false); // btncall.setEnabled(true); } } ); } @Override public void onRefresh() { getDataMahasiswa(); swipeRefreshLayout.setRefreshing(false); overridePendingTransition(0, 0); overridePendingTransition(0, 0); } }
Membuat activity_data_mahasiswa.xml, tambahkan kode berikut:
xml version="1.0" encoding="utf-8"?>
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="giviews.id.crud_mahasiswa.DataMahasiswaActivity">
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:theme="@style/AppTheme.AppBarOverlay">
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:background="?attr/colorPrimary"
app:popupTheme="@style/AppTheme.PopupOverlay" />
layout="@layout/data_mahasiswa" />
android:id="@+id/fab"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="bottom|end"
android:layout_margin="@dimen/fab_margin"
app:srcCompat="@android:drawable/ic_dialog_email" />
Kemudian data_mahasiswa.xml
disini untuk memasukan listviewnya, berikut ini kode nya:
xml version="1.0" encoding="utf-8"?>
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:id="@+id/swipe_refresh_layout"
android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior"
tools:showIn="@layout/data_mahasiswa">
android:layout_width="match_parent"
android:layout_height="match_parent"
android:id="@+id/listmahasiswa">
Membuat AdapterCari Mahasiswa.java, berikut kode programnya:
public class AdapterCariMahasiswa extends BaseAdapter { public Context activity; private String[] nim, nama, alamat, jurusan; public TextView tvnamamahasiswa, tvnim, tvjurusan, tvalamat; private static LayoutInflater inflater = null; public AdapterCariMahasiswa(DataMahasiswaActivity dataMahasiswaActivity, String[] nim, String[] nama, String[] alamat, String[] jurusan) { activity = dataMahasiswaActivity; this.nim = nim; this.nama = nama; this.alamat = alamat; this.jurusan = jurusan; } @Override public int getCount() { return nama.length; } @Override public Object getItem(int position) { return position; } @Override public long getItemId(int position) { return position; } @Override public View getView(int position, View convertView, ViewGroup parent) { LayoutInflater inflater = (LayoutInflater) activity.getSystemService(Context.LAYOUT_INFLATER_SERVICE); convertView = inflater.inflate(R.layout.layoutlistcarimahasiswa, null); tvnamamahasiswa = (TextView) convertView.findViewById(R.id.tvnamamahasiswa); tvnim = (TextView) convertView.findViewById(R.id.tvnim); tvjurusan = (TextView) convertView.findViewById(R.id.tvjurusan); tvalamat = (TextView) convertView.findViewById(R.id.tvalamat); tvnamamahasiswa.setText(nama[position].toString()); tvnim.setText(nim[position].toString()); tvjurusan.setText(jurusan[position].toString()); tvalamat.setText(alamat[position].toString()); return convertView; } }
selanjutnya
tambhkan kode berikut pada layoutcarimahasiswa.xml:
xml version="1.0" encoding="utf-8"?>
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:background="#ffffff"
android:orientation="horizontal">
android:id="@+id/layoutkanan"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
android:layout_width="70dp"
android:layout_height="wrap_content"
android:orientation="vertical">
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="2dp"
android:text="nim"
android:textColor="#000000"
android:textSize="12sp" />
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="2dp"
android:text="nama"
android:textColor="#000000"
android:textSize="12sp" />
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="2dp"
android:text="jurusan"
android:textColor="#000000"
android:textSize="15sp" />
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="2dp"
android:text="alamat"
android:textColor="#000000"
android:textSize="12sp" />
android:layout_width="10dp"
android:layout_height="wrap_content"
android:orientation="vertical">
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="2dp"
android:text=":"
android:textColor="#000000"
android:textSize="12sp" />
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="2dp"
android:text=":"
android:textColor="#000000"
android:textSize="12sp" />
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="2dp"
android:text=":"
android:textColor="#000000"
android:textSize="15sp" />
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="2dp"
android:text=":"
android:textColor="#000000"
android:textSize="12sp" />
android:layout_height="wrap_content"
android:orientation="vertical">
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="2dp"
android:hint="nim"
android:textColor="#000000"
android:textColorHint="#000000"
android:textSize="12sp" />
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="2dp"
android:hint="nama"
android:textColor="#000000"
android:textColorHint="#000000"
android:textSize="12sp" />
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="2dp"
android:hint="jurusan"
android:textColor="#000000"
android:textColorHint="#000000"
android:textSize="15sp" />
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="2dp"
android:hint="alamat"
android:textColor="#000000"
android:textColorHint="#000000"
android:textSize="12sp" />
Kemudian tambahkan
kode berikut pada layout tampilaneditdata.xml:
xml version="1.0" encoding="utf-8"?>
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
android:id="@+id/edtnim"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="nim"
android:inputType="text"
android:textSize="25sp" />
android:id="@+id/edtnama"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="nama"
android:inputType="text"
android:textSize="25sp" />
android:id="@+id/edtjurusan"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="jurusan"
android:inputType="text"
android:textSize="25sp" />
android:id="@+id/edtalamat"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="alamat"
android:inputType="text"
android:textSize="25sp" />
android:layout_width="match_parent"
android:layout_height="wrap_content">
android:id="@+id/btnupdate"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="update"
android:layout_weight="1"/>
android:layout_weight="1"
android:id="@+id/btnhapus"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="hapus" />
android:layout_weight="1"
android:id="@+id/btnreset"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="reset" />
Kemudian tambahkan
kode berikut pada layout
tampilaninserdata.xml :
xml version="1.0" encoding="utf-8"?>
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
android:id="@+id/edtnim"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="nim"
android:inputType="text"
android:textSize="25sp" />
android:id="@+id/edtnama"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="nama"
android:inputType="text"
android:textSize="25sp" />
android:id="@+id/edtjurusan"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="jurusan"
android:inputType="text"
android:textSize="25sp" />
android:id="@+id/edtalamat"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="alamat"
android:inputType="text"
android:textSize="25sp" />
android:layout_width="match_parent"
android:layout_height="wrap_content">
android:id="@+id/btninsert"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="insert"
android:layout_weight="1"/>
android:layout_weight="1"
android:id="@+id/btnreset"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="reset" />
Selanjutnya
jalankan programnya, jika tampil data nya berarti anda telah berhasil membuat
program dengan menggunakan Restful Api di android, sekianlah tutorial kali ini
semoga bermanfaat, jika ada yang ingin ditanyakan silakan tuliskan pertanyaan
anda pada kolom komentar di bawah.
 |
| tampilan view Data Mahasiswa |
 |
| tampilan insert data Mahasiswa |
 |
| tampilan edit Data Mahasiswa |
