Ikuti Langkah-langkah di bawah ini.
- Buka App Inventor 2 Ultimate.
- Lalu Buka project yang Form Login dan Register yang sudah kita buat sebelumnya.
- Lalu kita buat lagi Screen5 dan kita desain dan set Backgroundnya.
- Kita tambahkan Textbox untuk memasukkan username yang akan didaftarkan.
- Masukkan Passwordtextbox untuk memasukkan Password yang didaftarkan.
- Selanjutnya kita masukkan 2 button.
- button1 kita namakan SignUp dan button2 kita namakan Back To Login.
- Terakhir masukkan Tinywebdb yang ada pada pada menu pallete-storage,klik drag dan masukkan viewer.
- Kita Desain sehingga tampilan seperti gambar yang dibawah ini.
- Jika sudah selesai kita kembali ke Screen1 kita tambahkan tinywebdb pada Screen1.
- Lalu kita masuk ke kode blocks.
- Kita isikan kode blocks sesuai dengan gambar dibawah ini.
- Setelah selesai kita build appnya dan install aplikasinya di handphone android kita.
- Setelah diinstall lalu kita coba daftarkan Akun kita masing-masing dengan klik tombol Register.
- Lalu isi username dan password yang akan kita gunakan dan kita daftarkan.
- Lalu klik sign Up.
- Setelah selesai kita klik Back to login.
- Tunggu beberapa saat atau kita bisa cek apakah username dan password kita telah masuk database atau tidak di http://appinvtinywebdb.appspot.com
- Cara cek nya kita masuk ke alamat webnya,lalu isi tag nya denan users,klik get value.
- Cari dan perhatikan username dan password yang kalian masukkan tadi sudah ada atau belum.
- Jika ada,kita tinggal mencoba untuk login di app androidnya.
- Tutorial Register and Login app with Tiny Web Database telah selesai
Tidak ada komentar:
Posting Komentar