MEMBUAT CRUD DENGAN LIBRARY FAN

(Fast Android Networking)

Membuat Simpan.
Fast Android Networking adalah sebuah library yang dapat memudahkan kita untuk melakukan
HttpConnectionRequest.
Langkah 1
Untuk melakukan CRUD dengan FAN, hal pertama yang harus dilakukan adalah membuat
database. Saya membuat database di localhost menggunakan PhpMyAdmin. sebagai berikut :

2. Lalu buka localhost/phpmyadmin , pada browser masing-masing, tampilannya akan seperti ini
3. Lalu pilih new untuk membuat database baru

4. Lalu akan muncul sepert ini, dan masukkan nama database yang akan di bikin pada kolom
sebelah kiri, disitu saya menamakan database saya dengan nama database_mahasiswa , untuk
Collation nya tidak perlu diganti. lalu klik Create.

5. Jika berhasil, database yang dibuat akan muncul disisi kiri

6. Selanjutnya membuat tabel, masukkan nama tabel dan jumlah kolom yang diinginkan. disini
kita menggunakan nama tbl_mahasiswa dan 4 kolom. setelah itu klik Go

7. lalu buat kolom seperti berikut dan jangan lupa ceklis Auto_Increment pada id_mahasiswa dan
jadikan id_mahasiswa menjadi primary_key

8. Setelah itu pilih save

9. Setelah berhasil struktur database akan seperti ini. Dan Database telah selesai dibuat.

10. Lanjut langkah ke 2

Langkah 2
Setelah membuat database, kita akan membuat file connect.php yang bertujuan untuk melakukan
koneksi dengan database yang telah kita buat. sebagai berikut :

<?php
$host = "localhost"; // Nama hostnya
$username = "root"; // Username
$password = ""; // Password (Isi jika menggunakan password)
$database = "database_mahasiswa"; // Nama databasenya
$connect = mysqli_connect($host, $username, $password, $database); // Koneksi ke MySQL
?>

Langkah 3
Setelah itu kita membuat file create.php sebagai API yang berfungsi untuk melakukan operasi
Create atau tambah data ke database. sebagai berikut :

<?php
if($_SERVER['REQUEST_METHOD']=='POST'){
//include file connect.php untuk menyambungkan file create.php dengan database
 include "connect.php";
//inisialisasi variabel yang akan ditampung dan diolah dengan query
$id = $_POST['id_mahasiswa'];
$nama = $_POST['nama_mahasiswa'];
$nim = $_POST['nim_mahasiswa'];
$kelas = $_POST['kelas_mahasiswa'];
//inisialiasi query INSERT
$query = "INSERT INTO
tbl_mahasiswa(id_mahasiswa,nama_mahasiswa,nim_mahasiswa,kelas_mahasiswa)
VALUES(NULL,'$nama','$nim','$kelas')";
//pemanggilan fungsi mysqli_query untuk mengirimkan perintah sesuai parameter yang diisi
$sql = mysqli_query($connect, $query);

//pengkondisian saat fungsi mysqli_query berhasil atau gagal dieksekusi

if($sql){
$response["value"] = 1;
$response["message"] = "Sukses tambah data";
echo json_encode($response); //merubah respone menjadi JsonObject
}else{
$response["value"] = 0;
$response["message"] = "Gagal tambah data";
echo json_encode($response); //merubah respone menjadi JsonObject
}
//tutup koneksi
mysqli_close($connect);
}
?>
pindahkan file connect.php dan create.php pada C:\xampp\htdocs\crud_fan , jika tidak ada folder
crud_fan silahkan buat terlebih dahulu, pastikan file connect.php dan create.php berada dalam satu
folder yaitu crud_fan.
Jika sudah coba akses localhost/crud_fan pada browser, maka tampilannya akan seperti ini :
Lalu coba buka file connect.php dan create.php (klik saja). dan pastikan hasilnya blank putih
kosong yang menandakan tidak ada error.

Langkah 5
Sebelum masuk ke Androidnya, kita rubah akses localhost menggunakan ip agar dapat tersambung
dengan Android.
1. Buka CMD / command prompt
2. Ketik ipconfig lalu tekan enter

Lalu copy Ip berikut (lihat lingkaran merah)

4. Setelah itu akses ip tersebut untuk menggantikan localhost, seperti berikut, jika berhasil akan
muncul yang sama saat kita mengakses localhost/crud_fan dan 192.168.100.10/crud_fan
Langkah 6
Setelah membuat semua file tersebut saatnya kita membuat form untuk input data pada android.
1. Buka android studio
2. New Project
3. Nama project terserah kalian
4. Next>next
5. Pilih empty Activty
Setelah loading selesai, buka Activity_main.xml lalu buat Layout seperti berikut :
<?xml
version="1.0"
encoding="utf-
8"?>
<LinearLayout 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"
android:orientation="vertical"
tools:context=".MainActivity"
android:padding="10dp">

<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Tambah data mahasiswa"
android:textAlignment="center"
android:textSize="20sp"/>
 <EditText
android:id="@+id/editTextMainNim"
android:hint="NIM"
android:inputType="number"
android:layout_width="match_parent"
android:layout_height="wrap_content" />

<EditText
android:id="@+id/editTextMainNama"
android:hint="Nama Mahasiswa"
android:inputType="text"
android:layout_width="match_parent"
android:layout_height="wrap_content" />

<EditText
android:id="@+id/editTextMainKelas"
android:hint="Kelas Mahasiswa"
android:inputType="text"
android:layout_width="match_parent"
android:layout_height="wrap_content" />
<Button
android:id="@+id/buttonMainTambah"
android:text="Tambah Data"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"/>

<Button
android:id="@+id/buttonMainLihat"
android:text="Lihat Data"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"/>

</LinearLayout>
Langkah 7
Tambahkan library FAN pada gradle dan internet permission pada Android Manifest
Library FAN

//Gunakan compile jika menggunakan Android studio 3.0 kebawah

compile 'com.amitshekhar.android:android-networking:1.0.1'

//Gunakan implementation jika menggunakan Android studio 3.1 keatas

implementation 'com.amitshekhar.android:android-networking:1.0.1'

//PILIH SALAH SATU SESUAI VERSI ANDROID STUDIOMU!

Internet Permission

<uses-permission android:name="android.permission.INTERNET" />

Setelah selesai tekan sync now , lalu tunggu loading sampai selesai.
Langkah 8
Buka MainActivity.java lalu tambahkan kodingan seperti ini, penjelasan ada pada kodingan
Langkah 9
Setelah semuanya selesai coba run aplikasi tersebut kedevice kalian, pastikan handphone kalian
menggunakan koneksi yang sama dengan komputer/laptop kalian.
saat berhasil dirun, tampilan akan seperti ini
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.Toast;

import androidx.appcompat.app.AppCompatActivity;

import com.androidnetworking.AndroidNetworking;
import com.androidnetworking.common.Priority;
import com.androidnetworking.error.ANError;
import com.androidnetworking.interfaces.JSONObjectRequestListener;

import org.json.JSONObject;

public class MainActivity extends AppCompatActivity {

private static final String TAG = "MainActivity"; //untuk melihat log

private EditText etNim, etNama, etKelas; //pembuatan variabel edittext
private Button btnTambah, btnLihat; //pembuatan variabel button

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
 setContentView(R.layout.activity_main);

Log.d(TAG, "onCreate: inisialisasi"); //untuk log pada oncreate

etNim = findViewById(R.id.editTextMainNim); //inisialisasi value etNim

etNama = findViewById(R.id.editTextMainNama); //inisialisasi value etNama
etKelas = findViewById(R.id.editTextMainKelas); //inisialisasi value etKelas
btnTambah = findViewById(R.id.buttonMainTambah); //inisialisasi value
btnTambah
btnLihat = findViewById(R.id.buttonMainLihat); //inisialisasi value btnLihat

AndroidNetworking.initialize(getApplicationContext()); //inisialisasi library

FAN
aksiButton();//memanggil fungsi aksiButton()
}
public void aksiButton(){
btnTambah.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
String nim = etNim.getText().toString(); //mengambil Value etNim
menjadi string
String nama = etNama.getText().toString(); //mengambil Value etNim
menjadi string
String kelas = etKelas.getText().toString(); //mengambil Value etNim
menjadi string
if (nim.equals("")||nama.equals("")||kelas.equals("")){
Toast.makeText(getApplicationContext(),"Semua data harus diisi" ,
Toast.LENGTH_SHORT).show();
//memunculkan toast saat form masih ada yang kosong
} else {
tambahData(nim,nama,kelas); //memanggil fungsi tambahData()

etNim.setText(""); //mengosongkan form setelah data berhasil

ditambahkan
etNama.setText(""); //mengosongkan form setelah data berhasil
ditambahkan
etKelas.setText(""); //mengosongkan form setelah data berhasil
ditambahkan
}
}
});
btnLihat.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
//tutorial selanjutnya
Toast.makeText(getApplicationContext(),"Next Tutorial ya !" ,
Toast.LENGTH_SHORT).show();
}
});
}
 public void tambahData(String nim, String nama, String kelas){
//koneksi ke file create.php, jika menggunakan localhost gunakan ip sesuai
dengan ip kamu
AndroidNetworking.post("http://192.168.100.10/crud_fan/create.php")
.addBodyParameter("id_mahasiswa", "") //id bersifat Auto_Increment
tidak perlu diisi/(diisi NULL) cek create.php
.addBodyParameter("nim_mahasiswa",nim) //mengirimkan data
nim_mahasiswa yang akan diisi dengan varibel nim
.addBodyParameter("nama_mahasiswa", nama) //mengirimkan data
nama_mahasiswa yang akan diisi dengan varibel nama
.addBodyParameter("kelas_mahasiswa", kelas) //mengirimkan data
kelas_mahasiswa yang akan diisi dengan varibel kelas
.setPriority(Priority.MEDIUM)
.build()
.getAsJSONObject(new JSONObjectRequestListener() {
@Override
public void onResponse(JSONObject response) {
//Handle Response
Log.d(TAG, "onResponse: " + response); //untuk log pada
onresponse
Toast.makeText(getApplicationContext(),"Data berhasil
ditambahkan" , Toast.LENGTH_SHORT).show();
//memunculkan Toast saat data berhasil ditambahkan

}
@Override
public void onError(ANError error) {
//Handle Error
Log.d(TAG, "onError: Failed" + error); //untuk log pada
onerror
Toast.makeText(getApplicationContext(),"Data gagal
ditambahkan", Toast.LENGTH_SHORT).show();
//memunculkan Toast saat data gagal ditambahkan
}
});
}
}
Setelah itu isi form tersbut lalu tekan tombol tambah data.
Jika berhasil akan form kembali kosong dan muncul toast seperti berikut
Lalu cek di database > localhost/phpmyadmin , apakah data sudah masuk, apa belum, jika sudah
masuk, Selamat ! anda telah berhasil melakukan Create data menggunakan FAN !