cara menghubungkan database MySQL dengan android studio

Bagaimanakah menghubungkan database mysql dengan android studio ?

---

Banyak cara yang dapat dilakukan untuk menghubungkan aplikasi client (android) dengan sebuah server seperti: MySQL, firebase, mongoDB, postgreSQL dll. Disini kita akan bahas cara untuk menghubungkan aplikasi client (android) dengan database MySQL. Mari kita mulai !!!!

Untuk langkah pertama mari kita siapkan dulu database nya, buat database dengan nama tutorial_1 dan table dengan nama mahasiswa. Dengan field-field sebagai berikut:

Setelah selesai dibuat, insert database dengan data sebagai berikut:

Selanjutnya kita masuk ke directori xampp, kalo di windows biasanya ada di C:/Program Files/XAMPP/htdocs. Untuk pengguna OS lain silahkan menyesuaikan. Lalu kita buat sebuah folder dengan nama apiClient.

Jika sudah, kita buat sebuah file di dalam folder /apiClient dengan nama koneksi.php. lalu isi file tersebut dengan kode dibawah ini:

<?php // mengkoneksikan ke database$host = "localhost"; //sesuaikan$username = "root"; //sesuaikan$password = ""; //sesuaikan$database_name = "tutorial_1"; //sesuaikan$conn = new Mysqli($host, $username, $password, $database_name);????><br />

Selanjutnya kita buat satu file lagi di dalam folder /apiClient dengan nama mahasiswa.php. dan isikan kode dibawah ini:
<?php // include file koneksirequire 'koneksi.php';// buat qUery perintah untuk menampilkan semua data// Secara Descending berdasarkan ID$sql = "SELECT * FROM mahasiswa ORDER BY id DESC";$query = $conn-???>query($sql);</p><p>// Variable penampung array sementara<br />$response_data = null;</p><p>while ($data = $query->fetch_assoc()) {<br /> // tambahkan data yg di seleksi ke dalam array<br /> $response_data[] = $data;<br />}</p><p>// Cek apakah datanya null ?<br />if (is_null($response_data)) {<br /> // jika ya, buat status untuk response jadi false<br /> $status = false;<br />} else {<br /> // jika tidak, buat status untuk response jadi true<br /> $status = true;<br />}<br />// Set type header response ke Json<br />header(‘Content-Type: application/json’);<br />// Bungkus data dalam array<br />$response = [‘status’ => $status, ‘mahasiswa’ => $response_data];<br />// tampilkan dan convert ke format json<br />echo json_encode($response);</p><p>

Selanjutnya kita buat folder images di dalam folder /apiClient lalu masukan foto dengan nama sesuai dengan data didatabase. Sehingga seluruh isi folder menjadi seperti: 

---

Selanjutnya kita masuk ke project android nya, pertama buka android studio lalu pilih new project, pilih empty activity lalu muncul seperti gambar dibawah ini, scroll kebawah lalu klik finish.

Next buka file build.gradle (module app) dan tambahkan :
implementation ‘com.squareup.retrofit2:retrofit:2.3.0’<br />implementation ‘com.squareup.retrofit2:converter-gson:2.3.0’<br />implementation ‘com.squareup.picasso:picasso:2.5.2’<br />implementation ‘androidx.recyclerview:recyclerview:1.1.0’<br />
Ubah file activity_main.xml yang berada di package res/layout menjadi:

<?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"> <androidx.recyclerview.widget.recyclerview android:id="@+id/ListMahasiswa" android:layout_width="match_parent" android:layout_height="match_parent"/></linearlayout>

Next, buat file xml baru di package res/layout dengan nama mahasiswa_item.xml lalu isikan:
<?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" android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical" android:weightsum="10"><linearlayout android:layout_width="match_parent" android:layout_height="match_parent" android:layout_margintop="20dp"><p> <imageview android:id="@+id/fotoMhs" android:layout_width="match_parent" android:layout_height="360dp" android:layout_marginhorizontal="10dp" android:scaletype="fitXY" android:src="https://pendakingoding.blogspot.com/2020/04/@mipmap/ic_launcher"/> </linearlayout><p> <textview android:id="@+id/namaMhs" android:layout_margintop="15dp" android:fontfamily="monospace" android:textsize="18sp" android:text="Juned" android:textcolor="@color/colorPrimaryDark" android:layout_width="match_parent" android:layout_height="wrap_content"/><br /> <textview android:id="@+id/nimMhs" android:layout_margintop="15dp" android:fontfamily="monospace" android:textsize="18sp" android:text="12474574" android:textcolor="@color/colorPrimaryDark" android:layout_width="match_parent" android:layout_height="wrap_content"/></p></linearlayout>

Next, buat package baru di folder project java dengan nama network, lalu buat file java dengan nama Init.java sehingga menjadi seperti:

Isi file Init.java dengan kode:
package com.example.mahasiswa.network;</p><p>import retrofit2.Retrofit;<br />import retrofit2.converter.gson.GsonConverterFactory;</p><p>public class Init {<br /> // URL Server API<br /> public static String API_URL = “http://192.168.20.157/apiClient/”; //samakan api address dengan komputer anda</p><p> public static Retrofit setInit() {<br /> return new Retrofit.Builder().baseUrl(API_URL)<br /> .addConverterFactory(GsonConverterFactory.create())<br /> .build();<br /> }</p><p> public static ApiServices getInstance() {<br /> return setInit().create(ApiServices.class);<br /> }<br />}<br />

Next, buat file interface didalam package network dengan nama ApiServices dan isikan kode:
package com.example.mahasiswa.network;</p><p>import com.example.mahasiswa.response.ResponseMahasiswa;</p><p>import retrofit2.Call;<br />import retrofit2.http.GET;</p><p>public interface ApiServices {</p><p> //@TIPEMETHOD(“API_END_POINT”)<br /> @GET(“mahasiswa.php”)<br /> Call<responsemahasiswa> request_show_all_mahasiswa();<br /> // <modeldata> nama_method()</p><p>}<br /></modeldata></responsemahasiswa>

Next, buat package baru dengan nama response dan didalam nya buat file ResponseMahasiswa.java lalu isikan kode:
package com.example.mahasiswa.response;</p><p>import com.google.gson.annotations.SerializedName;</p><p>import java.util.List;</p><p>public class ResponseMahasiswa {<br /> @SerializedName(“mahasiswa”)<br /> private List<mahasiswaitem> mahasiswa;</p><p> @SerializedName(“status”)<br /> private boolean status;</p><p> public void setMahasiswa(List<mahasiswaitem> mahasiswa){<br /> this.mahasiswa = mahasiswa;<br /> }</p><p> public List<mahasiswaitem> getMahasiswa(){<br /> return mahasiswa;<br /> }</p><p> public void setStatus(boolean status){<br /> this.status = status;<br /> }</p><p> public boolean isStatus(){<br /> return status;<br /> }</p><p> @Override<br /> public String toString(){<br /> return<br /> “ResponseMahasiswa{” +<br /> “mahasiswa=”” + mahasiswa + “\” +<br /> “,status=”” + status + “\” +<br /> “}”;<br /> }<br />}</mahasiswaitem></mahasiswaitem></mahasiswaitem>

Next, buat file MahasiswaItem.java di dalam package response, lalu isikan kode:
package com.example.mahasiswa.response;</p><p>import com.google.gson.annotations.SerializedName;</p><p>public class MahasiswaItem {<br /> @SerializedName(“foto”)<br /> private String foto;</p><p> @SerializedName(“id”)<br /> private String id;</p><p> @SerializedName(“nama_mahasiswa”)<br /> private String nama_mahasiswa;</p><p> @SerializedName(“nim_mahasiswa”)<br /> private String nim_mahasiswa;</p><p> public String getFoto() {<br /> return foto;<br /> }</p><p> public void setFoto(String foto) {<br /> this.foto = foto;<br /> }</p><p> public String getId() {<br /> return id;<br /> }</p><p> public void setId(String id) {<br /> this.id = id;<br /> }</p><p> public String getNama_mahasiswa() {<br /> return nama_mahasiswa;<br /> }</p><p> public void setNama_mahasiswa(String nama_mahasiswa) {<br /> this.nama_mahasiswa = nama_mahasiswa;<br /> }</p><p> public String getNim_mahasiswa() {<br /> return nim_mahasiswa;<br /> }</p><p> public void setNim_mahasiswa(String nim_mahasiswa) {<br /> this.nim_mahasiswa = nim_mahasiswa;<br /> }</p><p> @Override<br /> public String toString(){<br /> return<br /> “MahasiswaItem{” +<br /> “foto = ‘” + foto + ‘\” +<br /> “,id = ‘” + id + ‘\” +<br /> “,nama_mahasiswa=”” + nama_mahasiswa + “\” +<br /> “,nim_mahasiswa=”” + nim_mahasiswa + “\” +<br /> “}”;<br /> }<br />}<br />

Next, buat file java dengan nama AdapterMahasiswa.java lalu isikan kode:
package com.example.mahasiswa;</p><p>import android.content.Context;<br />import android.view.LayoutInflater;<br />import android.view.View;<br />import android.view.ViewGroup;<br />import android.widget.ImageView;<br />import android.widget.TextView;</p><p>import androidx.recyclerview.widget.RecyclerView;</p><p>import com.example.mahasiswa.response.MahasiswaItem;<br />import com.squareup.picasso.Picasso;</p><p>import java.util.List;</p><p>public class AdapterMahasiswa extends RecyclerView.Adapter<adaptermahasiswa.myviewholder> {</p><p> Context context;<br /> List<mahasiswaitem> mahasiswa;</p><p> public AdapterMahasiswa(Context context, List<mahasiswaitem> data_mahasiswa) {<br /> // Inisialisasi<br /> this.context = context;<br /> this.mahasiswa = data_mahasiswa;<br /> }</p><p> @Override<br /> public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {<br /> // Layout inflater<br /> View view = LayoutInflater.from(context).inflate(R.layout.mahasiswa_item, parent, false);</p><p> // Hubungkan dengan MyViewHolder<br /> MyViewHolder holder = new MyViewHolder(view);<br /> return holder;<br /> }</p><p> @Override<br /> public void onBindViewHolder(MyViewHolder holder, final int position) {<br /> // Set widget<br /> holder.namaMhs.setText(mahasiswa.get(position).getNama_mahasiswa());<br /> holder.nimMhs.setText(mahasiswa.get(position).getNim_mahasiswa());<br /> //holder.wvKontenAbout.getSettings().setJavaScriptEnabled(true);<br /> //holder.wvKontenAbout.loadData(about.get(position).getDeskripsi(), “text/html; charset=utf-8”, “UTF-8”);</p><p> // Dapatkan url gambar<br /> final String urlGambarAbout = “http://192.168.20.157/apiClient/images/” + mahasiswa.get(position).getFoto();<br /> // Set image ke widget dengna menggunakan Library Piccasso<br /> // krena imagenya dari internet<br /> Picasso.with(context).load(urlGambarAbout).into(holder.fotoMhs);<br /> }</p><p> // Menentukan Jumlah item yang tampil<br /> @Override<br /> public int getItemCount() {<br /> return mahasiswa.size();<br /> }</p><p> public class MyViewHolder extends RecyclerView.ViewHolder {<br /> // Deklarasi widget<br /> ImageView fotoMhs;<br /> TextView namaMhs, nimMhs;</p><p> public MyViewHolder(View itemView) {<br /> super(itemView);<br /> // inisialisasi widget<br /> fotoMhs = (ImageView) itemView.findViewById(R.id.fotoMhs);<br /> namaMhs = (TextView) itemView.findViewById(R.id.namaMhs);<br /> nimMhs = (TextView) itemView.findViewById(R.id.nimMhs);<br /> }<br /> }<br />}<br /></mahasiswaitem></mahasiswaitem></adaptermahasiswa.myviewholder>
Next, ubah MainActivity.java menjadi seperti:
package com.example.mahasiswa;</p><p>import androidx.appcompat.app.AppCompatActivity;<br />import androidx.recyclerview.widget.LinearLayoutManager;<br />import androidx.recyclerview.widget.RecyclerView;</p><p>import android.os.Bundle;<br />import android.util.Log;<br />import android.widget.Toast;</p><p>import com.example.mahasiswa.network.ApiServices;<br />import com.example.mahasiswa.network.Init;<br />import com.example.mahasiswa.response.MahasiswaItem;<br />import com.example.mahasiswa.response.ResponseMahasiswa;</p><p>import java.util.List;</p><p>import retrofit2.Call;<br />import retrofit2.Callback;<br />import retrofit2.Response;</p><p>public class MainActivity extends AppCompatActivity {</p><p> private RecyclerView recyclerView;</p><p> @Override<br /> protected void onCreate(Bundle savedInstanceState) {<br /> super.onCreate(savedInstanceState);<br /> setContentView(R.layout.activity_main);</p><p> recyclerView = (RecyclerView) findViewById(R.id.ListMahasiswa);<br /> // RecyclerView harus pakai Layout manager<br /> recyclerView.setLayoutManager(new LinearLayoutManager(this));<br /> // Eksekusi method<br /> tampilMahasiswa();<br /> }</p><p> private void tampilMahasiswa() {<br /> ApiServices api = Init.getInstance();<br /> // Siapkan request<br /> Call<responsemahasiswa> aboutCall = api.request_show_all_mahasiswa();<br /> // Kirim request<br /> aboutCall.enqueue(new Callback<responsemahasiswa>() {<br /> @Override<br /> public void onResponse(Call<responsemahasiswa> call, Response<responsemahasiswa> response) {<br /> // Pasikan response Sukses<br /> if (response.isSuccessful()) {<br /> Log.d(“response api”, response.body().toString());<br /> // tampung data response body ke variable<br /> List<mahasiswaitem> data_mahasiswa = response.body().getMahasiswa();<br /> boolean status = response.body().isStatus();<br /> // Kalau response status nya = true<br /> if (status) {<br /> // Buat Adapter untuk recycler view<br /> AdapterMahasiswa adapter = new AdapterMahasiswa(MainActivity.this, data_mahasiswa);<br /> recyclerView.setAdapter(adapter);<br /> } else {<br /> // kalau tidak true<br /> Toast.makeText(MainActivity.this, “Tidak ada Data”, Toast.LENGTH_SHORT).show();<br /> }<br /> }<br /> }</p><p> @Override<br /> public void onFailure(Call<responsemahasiswa> call, Throwable t) {<br /> // print ke log jika Error<br /> t.printStackTrace();<br /> }<br /> });<br /> }</p><p>}<br /></responsemahasiswa></mahasiswaitem></responsemahasiswa></responsemahasiswa></responsemahasiswa></responsemahasiswa>
Terakhir tambahkan kode berikut di file AndroidManifest.xml :
<uses-permission android:name="android.permission.INTERNET"/><br />

Sehingga tampilan seluruh folder menjadi seperti:

Ya, itulah cara menghubungkan database MySQL dengan android studio semoga bermanfaat, kalo ada yang ingin ditanyakan silahkan komentar dibawah ya 🙂

Happy Coding 🙂