FORM LOGIN DENGAN BASIC4ANDROID

Hooooaaaaaammmm.....!!!

Ngantuk Euy, Ngerjain Project Website... Jadi ga keburu ngepost nerusin tutorial basic4android..

Nyok, Lanjut ah....!! 

Kali ini kita akan membahas bagaimana cara membuat FORM LOGIN di Basic4Android. 

Dalam sebuah aplikasi sistem proses login adalah sangat penting untuk hak akses ke aplikasi sistem kita. tidak harus sistem juga sih tapi banyak juga game yang perlu login untuk bermain.

Apa yang harus dipersiapkan untuk latihan kita kali ini, 

1. Niat dan Bismillah, Hehehehe....

    Niat adalah modal utama untuk kita belajar dengan sungguh-sungguh. dengan niat dan bismillah insyaAllah kita akan cepat mengerti.

2. Jalankan aplikasi B4A dan emulatornya.

3. Cemilan dan Kopi atau Air Putih biar tidak bengong, kaya iklan aja... (Ada AQUA).

Bismillahirohmaanirrohim, Kita mulai..

Buka B4A/dijalankan, terus langsung kita save aja dulu deh, biar nanti langsung bisa desain karena biasanya kalau kita buka designer ttapi belum disimpan, B4A akan minta simpan project dahulu.

Simpan di folder baru, biar filenya tidak berceceran. kita seragamkan foldernya dikasih nama login, dah simpan project dengan nama login juga.

Pilih Menubar Designer seperti gambar dibawah ini:

Buatlah tampilan layaknya form login yang seperti biasa kita lihat...

atributnya :

- 2 Label       

- 2 EditText 

- 1 Button

Seperti contoh pada penampakan dibawah ini : 

kemudian simpan dengan nama form_login .

Supaya pendeklarasian variable langsung otomatis terinput di halaman kodingan, langkah yang harus dilakukan adalah : menubar(Tools) > Generate Members > ceklis yang dibutuhkan > generate members > close.

Nah Supaya Setelah Login Pindah/masuk ke layout baru, kita perlu membuat Activity baru. 

Caranya menubar > Project > Add New Module > Activity Module.

Buatlah Layout dengan label "SELAMAT DATANG". Langkah sama dengan step sebelumnya. simpan activity dengan nama beranda. 

Sekarang berarti kita punya 2 activity dan 2 layout.

SCRIPT LENGKAP 

1. Main

#Region  Project Attributes
#ApplicationLabel: B4A Example
#VersionCode: 1
#VersionName:
'SupportedOrientations possible values: unspecified, landscape or portrait.
#SupportedOrientations: unspecified
#CanInstallToExternalStorage: False
#End Region
#Region  Activity Attributes
#FullScreen: False
#IncludeTitle: True
#End Region
Sub Process_Globals
'These global variables will be declared once when the application starts.
'These variables can be accessed from all modules.
End Sub
Sub Globals
'These global variables will be redeclared each time the activity is created.
'These variables can only be accessed from this module.
Private btnLogin As Button
Private txtPassword As EditText
Private txtUsername As EditText
End Sub
Sub Activity_Create(FirstTime As Boolean)
'Do not forget to load the layout file created with the visual designer. For example:
Activity.LoadLayout("form_login")  'Memanggil layout from_login
End Sub
Sub Activity_Resume
End Sub
Sub Activity_Pause (UserClosed As Boolean)
End Sub


Sub btnLogin_Click
If txtUsername="shevrie" AND txtPassword="1234" Then
ToastMessageShow("LOGIN BERHASIL",False) 

                          StartActivity("Beranda") 
                  Else 

ToastMessageShow("Login Belum Benar",False)
End If End Sub

2. Beranda

#Region  Activity Attributes
#FullScreen: False
#IncludeTitle: True
#End Region
Sub Process_Globals
'These global variables will be declared once when the application starts.
'These variables can be accessed from all modules.
End Sub
Sub Globals
'These global variables will be redeclared each time the activity is created.
'These variables can only be accessed from this module.
End Sub
Sub Activity_Create(FirstTime As Boolean)
'Do not forget to load the layout file created with the visual designer. For example:
Activity.LoadLayout("beranda")
End Sub
Sub Activity_Resume
End Sub
Sub Activity_Pause (UserClosed As Boolean)
End Sub

Selesai deh,,,,

Jangan Lupa Sebelum Running, emulatornya jalankan dulu...

Sekian,

semoga dapat membantu...