CRUD Firebase Realtime Database (5): Membuat Fungsi Update Data


Assalamualaikum Warahmatullahi Wabawarakatuh.

Hallo sobat developer, kembali lagi dengan saya, sebelumnya kita sudah belajar mengenai cara penerapan fungsi Read untuk membaca data dan menampilkannya pada RecyclerView, selanjutnya kita akan menembahkan fungsi update untuk mengubah data yang sudah dimasukan, dan mengubahnya menjadi data yang baru.

CRUD Firebase Realtime Database (5): Membuat Fungsi Update Data

Disini saya akan menjelsakan sedikit cara kerja proses update tersebut, pertama kita menentukan item/data mana yang akan dipilih berdasarkan posisi tertentu dari ReyclerView, setiap data didalam list tersebut mempunyai kode uniknya masing-masing, kode unik inilah yang digunakan untuk mengambil data yang akan di update oleh user, lalu menyimpannya kembali kedalam database.

CRUD Firebase Realtime Database (5): Membuat Fungsi Update Data

1) Pertama kita akan membuat class dan activity baru, bernama "updateData" activity ini digunakan untuk memproses data yang ingin kita ubah.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_margin="8dp"
    android:orientation="vertical"
    tools:context="com.wildan.firebasecrud.ui.updateData">

    <EditText
        android:id="@+id/new_nim"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:ems="10"
        android:hint="NIM Baru"
        android:inputType="textPersonName" />

    <EditText
        android:id="@+id/new_nama"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:ems="10"
        android:hint="Nama Baru"
        android:inputType="textPersonName" />

    <EditText
        android:id="@+id/new_jurusan"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:ems="10"
        android:hint="Jurusan Baru"
        android:inputType="textPersonName" />

    <Button
        android:id="@+id/update"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Update" />

</LinearLayout>

View:

update data layout activity

2) Setelah kita membuat activity tersebut, selanjutnya kita beralih pada class RacyclerViewAdapter, didalam method onLongClickListener(), kita tambahkan baris kode berikut ini.

//Menampilkan Menu Update dan Delete saat user melakukan long klik pada salah satu item
holder.ListItem.setOnLongClickListener(new View.OnLongClickListener() {
    @Override
    public boolean onLongClick(final View view) {
        final String[] action = {"Update", "Delete"};
        AlertDialog.Builder alert = new AlertDialog.Builder(view.getContext());
        alert.setItems(action,  new DialogInterface.OnClickListener() {
            @Override
            public void onClick(DialogInterface dialog, int i) {
                switch (i){
                    case 0:
                        /*
                          Berpindah Activity pada halaman layout updateData
                          dan mengambil data pada listMahasiswa, berdasarkan posisinya
                          untuk dikirim pada activity selanjutnya
                        */
                        Bundle bundle = new Bundle();
                        bundle.putString("dataNIM", listMahasiswa.get(position).getNim());
                        bundle.putString("dataNama", listMahasiswa.get(position).getNama());
                        bundle.putString("dataJurusan", listMahasiswa.get(position).getJurusan());
                        bundle.putString("getPrimaryKey", listMahasiswa.get(position).getKey());
                        Intent intent = new Intent(view.getContext(), updateData.class);
                        intent.putExtras(bundle);
                        context.startActivity(intent);
                        break;
                    case 1:
                        //Pembahasan selanjutnya mengenai fungsi Delete
                        break;
                }
            }
        });
        alert.create();
        alert.show();
        return true;
    }
});

Saat user menekan salah satu item dari list, maka akan muncul menu Update dan Delete, untuk menu delete akan dibahas pada tutorial berikutnya. Saat user memilih menu Update, maka disana kita menggunakan Class Bundle untuk mengambil dan meyimpan data dari mahasiswa yang kita pilih.

Data yang disimpan pada Bundle berupa NIM, Nama, Jurusan dan Key (kode unik yang dihasilkan Push), key ini digunakan untuk menentukan data mana yang akan diubah didalam database, karena setiap data yang tampil didalam ReyclerView, mempunyai PrimaryKeynya masing-masing, yang dihasilkan oleh push() pada saat user mengCreate data.

3) Buka class updateData.java, disini kita akan menambahkan source code untuk memproses update, berdasarkan data yang telah ditentukan.

package com.wildan.firebasecrud.ui;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.text.TextUtils;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.Toast;

import com.google.android.gms.tasks.OnSuccessListener;
import com.google.firebase.auth.FirebaseAuth;
import com.google.firebase.database.DatabaseReference;
import com.google.firebase.database.FirebaseDatabase;
import com.wildan.firebasecrud.R;
import com.wildan.firebasecrud.models.data_mahasiswa;

public class updateData extends AppCompatActivity {

    //Deklarasi Variable
    private EditText nimBaru, namaBaru, jurusanBaru;
    private Button update;
    private DatabaseReference database;
    private FirebaseAuth auth;
    private String cekNIM, cekNama, cekJurusan;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_update_data);
        getSupportActionBar().setTitle("Update Data");
        nimBaru = findViewById(R.id.new_nim);
        namaBaru = findViewById(R.id.new_nama);
        jurusanBaru = findViewById(R.id.new_jurusan);
        update = findViewById(R.id.update);

        //Mendapatkan Instance autentikasi dan Referensi dari Database
        auth = FirebaseAuth.getInstance();
        database = FirebaseDatabase.getInstance().getReference();
        getData();
        update.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {

                //Mendapatkan Data Mahasiswa yang akan dicek
                cekNIM = nimBaru.getText().toString();
                cekNama = namaBaru.getText().toString();
                cekJurusan = jurusanBaru.getText().toString();

                //Mengecek agar tidak ada data yang kosong, saat proses update
                if(isEmpty(cekNIM) || isEmpty(cekNama) || isEmpty(cekJurusan)){
                    Toast.makeText(updateData.this, "Data tidak boleh ada yang kosong", Toast.LENGTH_SHORT).show();
                }else {
                    /*
                      Menjalankan proses update data.
                      Method Setter digunakan untuk mendapakan data baru yang diinputkan User.
                    */
                    data_mahasiswa setMahasiswa = new data_mahasiswa();
                    setMahasiswa.setNim(nimBaru.getText().toString());
                    setMahasiswa.setNama(namaBaru.getText().toString());
                    setMahasiswa.setJurusan(jurusanBaru.getText().toString());
                    updateMahasiswa(setMahasiswa);
                }
            }
        });
    }

    // Mengecek apakah ada data yang kosong, sebelum diupdate
    private boolean isEmpty(String s){
        return TextUtils.isEmpty(s);
    }

    //Menampilkan data yang akan di update
    private void getData(){
        //Menampilkan data dari item yang dipilih sebelumnya
        final String getNIM = getIntent().getExtras().getString("dataNIM");
        final String getNama = getIntent().getExtras().getString("dataNama");
        final String getJurusan = getIntent().getExtras().getString("dataJurusan");
        nimBaru.setText(getNIM);
        namaBaru.setText(getNama);
        jurusanBaru.setText(getJurusan);
    }

    //Proses Update data yang sudah ditentukan
    private void updateMahasiswa(data_mahasiswa mahasiswa){
        String userID = auth.getUid();
        String getKey = getIntent().getExtras().getString("getPrimaryKey");
        database.child("Admin") 
                .child(userID)
                .child("Mahasiswa")
                .child(getKey)
                .setValue(mahasiswa)
                .addOnSuccessListener(new OnSuccessListener<Void>() {
                    @Override
                    public void onSuccess(Void aVoid) {
                        nimBaru.setText("");
                        namaBaru.setText("");
                        jurusanBaru.setText("");
                        Toast.makeText(updateData.this, "Data Berhasil diubah", Toast.LENGTH_SHORT).show();
                        finish();
                    }
                });
    }
}

Untuk penjelasan singkatnya, bisa kalian baca pada komentar diatas, mengenai update data, coba kalian perhatikan method updateMahasiswa(), dialam method tersebut, pertama kita mengambil UserID, yang didapat dari akun pengguna, dan PrimaryKey, yaitu kode unik yang dihasilkan push() pada saat mengCreate data.

Didalam database, pertama kita masuk kedalam lokasi Admin, lalu masuk pada lokasi userID dari pengguna, setelah itu lokasi dari chid mahasiswa, didalamnya terdapat kumpulan data mahasiswa yang sudah dimasukan oleh user, untuk menetukan data mana yang akan dipilih, kita menggunakan PrimaryKey. Dan yang terakhir kita memasukan data mahasiswa baru.

Demo:

Screenshot_Menampilkan Menu Update dan Delete Screenshot_activity untuk memproses update data

Terimakasih atas kunjungannya, semoga tutorial yang saya berikan bisa bermanfaat. Terakhir kita akan membuat fungsi Delete data pada Aplikasi CRUD Firebase tersebut.

Wassalamualaikum Warahmatullahi Wabarakatuh.

Berlangganan update artikel terbaru via email:

0 Response to "CRUD Firebase Realtime Database (5): Membuat Fungsi Update Data"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel