21 April 2025
0 0
Read Time:5 Minute, 20 Second

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:

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);
Baca juga artikel tentang  Cara Memasukkan Item Data dari MySQL ke Spinner dengan PHP dan JSON di Kodular

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.

Baca juga artikel tentang  Cara Membuat Waktu Berjalan atau Realtime di Kodular

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.

Baca juga artikel tentang  Cara Membuat Sign Up dan Login dengan TinyDB di Kodular

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.

About Post Author

DwiAY

Saya bukan orang ahli apapun. Saya hanya ingin berbagi saja dengan ilmu yang saya telah pelajari sebelumnya. Semoga bermanfaat. 🙂
Happy
Happy
0 %
Sad
Sad
0 %
Excited
Excited
100 %
Sleepy
Sleepy
0 %
Angry
Angry
0 %
Surprise
Surprise
0 %

Average Rating

5 Star
0%
4 Star
0%
3 Star
0%
2 Star
0%
1 Star
0%

Leave a Reply

Your email address will not be published. Required fields are marked *