Pada tutorial kali ini akan membahas tentang tutorial dalam membuat aplikasi sistem login Multiuser yang dimana terdapat beberapa libatan dalam hak akses terhadap sistem aplikasi yang berdasarkan wewenang dan tugas masing-masing dalam mengelola data pada sistem aplikasi Android. Hal ini bisa dibuatkan dengan menggunakan bahasa pemrograman PHP sebagai backend, MySQL sebagai database server, dan JSON sebagai REST API di Kodular.
Nah, untuk membuat sistem backend dan MySQL bisa menggunakan VPS, hosting, atau server lokal (localhost). Untuk membuat sistem login multiuser ini bergantung jumlah banyaknya tipe pengguna yang berbeda di satu sistem aplikasi.
Penulis akan membuat login multiuser aplikasi Android dengan menggunakan PHP, MySQL, dan JSON pada Kodular dengan berbagai tahap-tahapan yang harus melewati dengan sebagai berikut:
Daftar Isi
MEMBUAT DATABASE, TABEL, dan ISI DATA
Pada poin ini, penulis akan memberikan database, tabel, beserta isi data dengan menggunakan PHPMyAdmin, MySQL Workbench, CMD / Terminal, dan sebagainya dengan sesuai kemampuan kamu. Penulis telah memberikan beberapa data yang akan dibuat sistem database MySQL dengan sebagai berikut:
Nama Database : dbase_member
Nama Tabel : tbl_login
Isi dari field pada tabel :
Isi data di dalam tabel “tbl_login” :
- insert into tbl_login values (‘deidara’, ‘Deni Anggara’, ‘321’, ‘Anggota’, 0);
- insert into tbl_login values (‘dwia’, ‘Dwi Ayu’, ‘123’, ‘Admin’, 1);
- insert into tbl_login values (‘regi’, ‘Wibowo Regi’, ‘789’, ‘Penjual’, 1);
- insert into tbl_login values (‘syad’, ‘Robi Syada’, ‘456’, ‘Supervisor’, 1);
- insert into tbl_login values (‘widya1’, ‘Dwi Widya’, ‘654’, ‘Anggota’, 1);
Berikut hasil dari pengisian data ke dalam tabel login (tbl_login) dengan sebagai berikut:
Setelah kamu telah membuat sistem database seperti yang diatas, maka kamu bisa mulai ngoding dengan menggunakan bahasa pemrograman PHP untuk membuat login multiuser yang diambil dari MySQL.
MEMBUAT PROGRAM BACKEND UNTUK LOGIN MULTIUSER DENGAN PHP DAN JSON
Pada poin ini, kamu bisa memulai dalam melakukan ngoding untuk membuat login multiuser yang diambil dari tabel login yang terdapat pada database member dengan menggunakan bahasa pemrograman PHP sebagai backend dan JSON sebagai bentuk tampilan isi seluruh data yang berdasarkan input login dengan gaya REST API. Penulis akan membuat semua itu dengan menggunakan server lokal dari XAMPP dan Text Editor yang menggunakan Visual Studio Code atau kamu bisa menggunakan Text Editor dan server yang berasal dari Control Panel yang terdapat di hosting atau VPS.
Kode perintah untuk membuat login multiuser dengan PHP dan JSON:
<?php
//Koneksi database MySQL - PHP
$host = "localhost"; //Nama Host Server (localhost sebagai default)
$user = "root"; // Nama Pengguna
$pass = ""; // Kata Sandi
$dbase = "dbase_member"; // Nama Database
$koneksi = mysqli_connect($host,$user,$pass,$dbase);
//Mengirim input data dari Client (Pengguna Android) dengan menggunakan metode POST.
$username = $_POST['username'];
$password = $_POST['password'];
//Menampilkan data dari tabel login dalam bentuk REST API
$query = "SELECT * FROM tbl_login where username = '$username' AND password = '$password'";
$data = mysqli_query($koneksi, $query) or die(mysqli_error($koneksi));
$ResultData = mysqli_num_rows($data);
//Jika data login ditemukan.
if ($ResultData > 0) {
$getdata = array();
while($row =mysqli_fetch_assoc($data))
{
$getdata[] = $row;
}
echo json_encode($getdata);
//Jika data login tidak ditemukan atau tidak sesuai.
} else {
echo "0";
}
mysqli_close($koneksi);
?>Setelah dibuat program backend untuk menampilkan data hasil login ke dalam bentuk REST API (JSON), maka kamu bisa menyimpan file dengan memberikan nama “login_backend1.php” di Text Editor. Misalkan, server lokal XAMPP, maka simpanlah file tersebut ke dalam folder “htdocs” pada XAMPP atau mengikuti aturan hosting dalam menyimpan file teks.
MEMBUAT APLIKASI ANDROID UNTUK LOGIN MULTIUSER DI KODULAR
Pada poin ini, kamu bisa mulai dalam membuat aplikasi Android yang dikhususkan untuk membuat login yang diambil dari MySQL sebelum memasuki ke halaman atau screen berikutnya yang berdasarkan tipe pengguna di Kodular.
1. Bukalah kembali web browser di laptop atau PC kamu.
2. Kunjungi situs Kodular App Creator (c.kodular.io).
3. Buatlah project baru yang dikhususkan untuk membuat login multiuser yang diambil dari database MySQL.
4. Rancanglah tampilan aplikasi seperti untuk membuat login.
5. Klik Add Screen.
6. Berikan nama screen yaitu “Admin” (tanpa tanda kutip), klik Create.
7. Rancanglah tampilan aplikasi seperti untuk menampilkan pengguna yang telah berhasil login.
8. Klik Copy Screen untuk menyalin screen Admin sebanyak 3 kali (tergantung jumlah tipe pengguna).
Nama Screen 1 : Supervisor
Nama Screen 2 : Penjual
Nama Screen 3 : Anggota.
Setelah itu, klik Copy pada masing-masing Copy Screen sampai tuntas.
9. Kembali ke bagian Screen login yaitu Screen1.
10. Klik Blocks.
11. Buatlah blok program untuk alamat IP atau situs web yang mengakses login secara backend.
12. Buatlah blok program untuk menampung data yang telah dikonversi dari JSON menjadi list.
13. Buatlah blok program untuk Function khusus input login.
14. Buatlah blok program untuk melakukan proses login.
15. Buatlah blok program untuk hasil proses login.
Part 1
Part 2
16. Sekarang fokus ke screen lain. Pilihlah Screen Admin.
17. Buatlah blok program untuk menampilkan teks pengguna yang telah berhasil login.
18. Buatlah blok program untuk log out dari sistem atau dashboard.
19. Lakukan dengan cara yang sama pada Screen Supervisor, Penjual, dan Anggota seperti langkah ke-17 – 18.
20. Klik Test >>> Connect to Companion.
21. Masukkan kode Companion ke dalam Aplikasi Kodular Companion yang terpasang di Android.
TESTING APLIKASI ANDROID
Pada poin ini, penulis memberikan tampilan gambar dari hasil pengujian aplikasi Android yang dikhususkan untuk membuat login yang diambil dari MySQL atau database server di Kodular dengan sebagai berikut:
1. Tampilan Awal.
2. Validasi data login ketika kolom teks username dan / atau password masih kosong.
3. Validasi data login ketika proses login data tidak ditemukan atau tidak sesuai dari database.
4. Tampilan hasil login ke Screen berikutnya yang berdasarkan tipe pengguna.
Selesai.
CATATAN
Untuk membuat jumlah screen khusus setelah login itu tergantung dari jumlah tipe pengguna yang ada di dalam tabel atau database. Ini tidak hanya berlaku untuk screen dan juga berlaku untuk validasi data login terhadap pengguna komponen atau object yang sesuai peran dari tipe pengguna yang biasanya terjadi pada fitur menu.
PENUTUP
Kamu bisa membuat aplikasi Android khusus login multiuser dari Kodular melalui proses backend dengan menggunakan PHP dan JSON sebagai REST API yang diambil dari MySQL. Proses login ini biasanya tergantung peran dari tipe pengguna itu sendiri.
Dari hasil tutorial ini, kamu bisa mengembangkan aplikasi login multiuser dengan lebih baik dan sesuai kebutuhan kamu dalam membuat aplikasi Android yang menggunakan fitur login seperti portal berita, sistem informasi, data laporan, dsb dengan menggunakan Kodular, PHP sebagai backend, MySQL sebagai database engine, dan JSON sebagai penampilan data yang akan diperlukan ke dalam aplikasi Android.
