21 April 2025
0 0
Read Time:4 Minute, 12 Second

Kali ini membahas tentang tutorial dalam membuat fitur Login dan Sign Up dengan database SQLite di Kodular terhadap pembuatan aplikasi Android sendiri. Ada beberapa aplikasi yang membutuhkan database offline untuk menyimpan data dan kelola langsung seperti aplikasi kuis atau game. Database Offline ini gratis!

SQLite ini bisa diakses pada setiap perangkat atau smartphone Android tanpa harus koneksi internet. Sayangnya, SQLite ini hanya berlaku di perangkat lokal saja sehingga tidak bisa melakukan import data dari smartphone lain.

Login ini akan digunakan pada saat pengguna ingin memasuki ke dalam halaman home atau dashboard dengan kepentingan tertentu. Login ini bisa menjaga keamanan dari kebobolan data secara luas.

Sign Up akan digunakan pada saat menambahkan data akun baru agar bisa memasuki ke dalam halaman atau dashboard melalui sistem login.

Disini, kamu akan memberikan tutorial langkah-langkah dalam membuat fitur Login dan Sign Up dengan menggunakan SQLite di Kodular. Kamu tidak perlu menggunakan extension SQLite tambahan karena Kodular sudah menyediakan itu semua.

LANGKAH-LANGKAH

1. Kunjungi situs Kodular App Creator.

2. Lakukan login seperti biasanya.

3. Buatlah project aplikasi baru dengan klik New Project.

4. Masukkan nama project aplikasi tanpa spasi yang berhubungan dengan fitur Login dan Sign Up SQLite, klik Next.

5. Aturlah tampilan UI aplikasi, custom nama package, dsb dengan sesuai kebutuhan, klik Finish.

6. Rancangkan tampilan aplikasi untuk form pengisian data Login yang tertera di bawah ini.

7. Hilangkan centangkan “Visible” pada Card_View1 (Card View khusus Form Login).

8. Rancangkan tampilan aplikasi untuk form pengisian data Sign Up yang tertera di bawah ini.

Baca juga artikel :  Cara Menampilkan Ukuran File dari Image Picker di Kodular

9. Tambahkan Pallete SQLite sebanyak 4 unit ke dalam tampilan aplikasi pada lembaran kerja dan ubahlah nama component SQLite masing-masing yang sesuai yang tertera di bawah ini.

Nama Component / VariabelFungsi / Kegunaan
SQLiteCreateSQLite yang digunakan untuk membuat tabel yang khusus login seperti tabel pengguna dkk.
SQLiteLoginSQLite yang digunakan untuk melakukan cek validasi login yang sesuai dengan data di dalam tabel atau tidak.
SQLiteAddSQLite yang digunakan untuk menambahkan akun pengguna atau login baru.

10. Klik Blocks.

11. Buatlah blok program untuk awal aplikasi dengan membuat tabel baru. Untuk database, telah dibuatkan secara otomatis ya.

Kode Perintah SQLite untuk membuat tabel baru:

CREATE TABLE IF NOT EXISTS 'tbl_pengguna' ('id' INTEGER PRIMARY KEY AUTOINCREMENT, 'nama_lengkap' VARCHAR (50), 'nama_pengguna' VARCHAR (50), 'kata_sandi' VARCHAR (50));

Pada saat menambahkan data baru ke dalam tabel pengguna, maka pengisian data pada kolom id itu akan bertambah otomatis karena menggunakan AUTOINCREMENT.

12. Buatlah blok program untuk menekan tombol navigasi back pada smartphone / tablet dengan mengembalikan ke tampilan form login.

KETERANGAN :

if get.idopsi() == 1 Then
menampilkan tampilan form login dan menyembunyikan tampilan form register.
nilai idopsi menjadi 0. 
else
menutup aplikasi.

13. Buatlah blok program untuk membuat variabel yang bernama idopsi. Variabel ini dipakai untuk memberikan kode nilai pada saat terjadi perubahan tampilan form pengisian data baik itu form login maupun form register.

14. Buatlah blok program untuk membuat procedure yang bernama bersihdata yang digunakan untuk membersihkan seluruh data yang terdapat pada teks input data.

15. Buatlah blok program untuk menampilkan pesan error atau kesalahan pada saat proses membuat tabel baru dengan SQLite.

Baca juga artikel :  Cara Validasi Password jika Ada Persamaan karakter dari Input Data di Kodular

16. Buatlah blok program untuk menampilkan pesan error atau kesalahan pada saat proses menambahkan data akun baru dengan SQLite.

17. Buatlah blok program untuk menampilkan pesan error atau kesalahan pada saat proses login dari tabel dengan SQLite.

18. Buatlah blok program untuk menampilkan form register ke dalam bentuk Card View.

KETERANGAN:

idopsi itu diberikan kode nilai 1 yang akan berguna pada saat menekan tombol navigasi back dari smartphone.

19. Buatlah blok program untuk membuat tombol dalam menambahkan data akun baru ke dalam suatu tabel.

20. Buatlah blok program untuk membuat tombol dalam melakukan proses login yang diambil dari suatu tabel.

21. Buatlah blok program untuk menampilkan data dari hasil proses login.

KETERANGAN:

Apabila cek validasi proses login itu sesuai dengan input data yang ada di dalam suatu tabel, maka akan muncul tampilan beberapa data di dalam Snackbar.

Kamu bisa menambahkan blok program baru dengan menggunakan open anotherScreen() untuk membuka Screen lain.

22. Setelah itu, melakukan ujicoba untuk melakukan Login dan Sign Up dengan database SQLite.

HASIL AKHIR

Berikut hasil akhir dari pembuatan fitur Login dan Sign Up denagn database SQLite di Kodular dengan sebagai berikut.

1. Tampilan aplikasi awal login.

2. Tampilan aplikasi pada form register akun.

3. Tampilan aplikasi pada saat salah satu input data kosong.

4. Tampilan aplikasi pada saat berhasil tambah akun baru.

5. Tampilan aplikasi pada saat proses login yang tidak sesuai dengan data yang terdaftar di dalam tabel.

6. Tampilan aplikasi pada saat proses login dengan sukses.

Selesai.

PENUTUP

Kamu bisa membuat fitur untuk melakukan login yang diambil data dari tabel dan Sign Up untuk daftar data akun baru ke dalam tabel terhadap aplikasi Android dengan database SQLite dan Kodular. Hal ini coock kamu yang ingin membuat aplikasi kuis atau media pembelajaran yang membutuhkan database offline dan tidak perlu keluarkan biaya lagi alias gratis.

Baca juga artikel :  Penjelasan Bagian User Interface pada Kodular

Sebelum itu, kamu harus mempelajari tentang pengetahuan dan kode perintah dan Query dari SQLite yang dimana hampir sama dengan MySQL atau PostgreSQL agar paham dalam membuat aplikasi Android sendiri dengan SQLite pada Kodular.

About Post Author

Dwi Lestari

Saya bukanlah penulis handal dan hanya menyampaikan sesuatu yang bisa disampaikan.
Happy
Happy
0 %
Sad
Sad
0 %
Excited
Excited
0 %
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 *