Langsung ke konten utama

TUTORIAL MEMBUAT APLIKASI LOGIN dan REGISTER MENGGUNAKAN MIT APP INVRNTOR 2


TUTORIAL MEMBUAT APLIKASI LOGIN dan REGISTER MENGGUNAKAN MIT APP INVRNTOR 2



  1. Start New Project , Lalu beri nama LOGIN pada project tersebut.
  2. Masukan 2 label  untuk judul di atas dan atur propertiesnya seperti pada gambar berikut:
  3. Lalu beri background pada screen sesuai keinginan anda:
  4. Kemudian drag table arrangement pada layout lalu atur rows dan columns menjadi 2
  5. Lalu masukan 2 label sebagai id dan password ,1 textbox, dan 1 password textbox ke dalam table arrangement.
  6. Drag Horizontal layout dan Tambahkan 2 button kedalamnya dan ganti nama menjadi login dan register . Jika sudah akan sesuai seperti gambar berikut:
  7. Jika sudah lanjut ke screen 2,add screen 
  8. Screen 2 untuk yang berhasil login
  9. Tambahkan background image sesuai keinginan anda
  10. Lalu tambahkan 1 label dan ganti textnya sesuai keinginan anda,Hasilnya akan seperti berikut:
  11. Lalu buat Screen 3 untuk yang gagal login,untuk tampilan atur sesuai keinginan sendiri. 
  12. add Screen5 untuk membuat screen register.
  13. Kemudian set background di Screen5.
  14. Lalu tambahkan textbox untuk memasukkan username yang akan didaftarkan
  15. Masukkan passwordtextbox untuk memasukkan password yang akan didaftarkan
  16.  Masukkan juga tombol signup dan tombol back to login.
  17. Lalu yang terakhir masukkan tinywebdb yang ada pada menu palette – storage, klik drag dan masukkan ke Screen 1 dan 5.
  18. Sehingga tampilannya seperti berikut ini :
  19. Kemudian kita masuk ke menu Blocks 
  20. Masukkan code Blocks ini di Screen1 
  21. Masukkan code bloks ini di Screen5
  22. Setelah selesai, kalian bisa build appnya dan install aplikasinya di handphone android kalian     masing masing
  23.  Setelah di install, silahkan kalian coba daftarkan akun kalian dengan klik tombol REGISTER
  24. Lalu isi username dan password yang akan kamu daftarkan . Lalu klik sign up
  25. Setelah selesai, klik back to login
  26. Tunggu beberapa saat atau bisa kalian cek apakah username dan password kalian telah masuk   data base.
  27. atau tidak di http://appinvtinywebdb.appspot.com. Cara cek nya kalian masuk ke alamat     webnya, lalu isi tag nya dengan users, klik get value
  28. Cari dan perhatikan username dan password yang kalian masukkan tadi sudah ada atau belum.
  29. Tutorial Register and Login app with Tiny Web Data Base telah selesai.

Komentar

  1. Harun6 Agustus 2018 pukul 12.15

    kok keluar tulisan
    bad arguments to add items to list

    BalasHapus
  2. bayhaqirpl11 September 2019 pukul 20.36

    tutor salah disebar .... goblok amat orang ni

    BalasHapus
  3. Belle_nindia 11 Oktober 2019 pukul 18.21

    Code blok nya gak keliatan alias gak jelas nih kak

    BalasHapus
  4. Unknown30 Oktober 2019 pukul 20.15

    salah anjg... argument gak diterima

    BalasHapus
  5. Unknown14 November 2019 pukul 19.56

    kntl

    BalasHapus
  6. Abah DekaRania26 Januari 2020 pukul 19.15

    Block Scriptnya masih kosong, sehingga tidak bisa memanggil username dan password yg sudah kita buat

    BalasHapus

Posting Komentar

Postingan populer dari blog ini

MEMBUAT GAME TANGKAP SAMPAH DENGAN MENGGUNAKAN MIT APP INVENTOR 2

MEMBUAT GAME TANGKAP SAMPAH DENGAN MENGGUNAKAN   MIT APP INVENTOR 2 Meneruskan project login sebelumnya. pertama kita buka Screen 3 dan tambahkan button lalu beri nama game tangkap sampah. Add Screen, jadi Screen4. Pada Screen4 ini adalah untuk menampilkan gamenya. Tambahkan background. Pada layout drag vertical Arrangement, pada propertiesnya ganti align horizontal dan vertical menjadi center. Lalu tambahkan 1 label ke dalam vertical arrangement dan beri nama score serta centang fontbold. Pada Drawing and Animation , pilih canvas lalu drag , atur di bagian propertiesnya width dan height  menjadi fill parent, Lalu background pilih “NONE” Tambahakan image sprite 2 di atas 1 di bawah. Image sprite 1 dan 2 menjadi sampah lalu masukan gambar sampah, kemudian atur bagian propertiesnya :widht dan height = 30;Heading = 270;Interval = 100;Speed = 10;Hilangkan centang pada rotates.   Image sprite 3 untuk menjadi Tempat sampah lalu masukan gambar tong sampah, kemudian atur width
Posting Komentar
Baca selengkapnya

TUTORIAL MEMBUAT APLIKASI CALCULATOR DENGAN MENGGUNAKAN MIT APP INVENTOR 2

TUTORIAL MEMBUAT APLIKASI CALCULATOR DENGAN MENGGUNAKAN MIT APP INVENTOR 2 Buka aplikasi MIT APP INVENTOR 2. Klik start new Project,dan beri nama project seperti gambar berikut: Lalu klik ok.     Masukan satu buah label dan atur pada bagian properties screen1 atur AlignHorizontal menjadi center seperti gambar berikut: Kemudian kosongkan text pada label. Masukan TableArrangement dan atur columns “3” dan rows “5” pada bagian properties. Lalu masukan button sebanyak 15 pada TableArrangement dan 1 di luar TableArrangement. Atur nama text button dan nama button seperti gambar berikut: Pada properties screen ubah backgroundcolor menjadi dark gray. Dan pada label ubah backgroundcolor menjadi black kemudian text menjadi green lalu ubah     height menjadi 60 pixels,width “fill parent”,font size “45”. Ubah size pada button 1-16 menjadi “30”. Lalu pada button 1,2 dan 3 ubah width menjadi “60” pixels. Jika sudah tampilannya akan seperti gambar berikut ini: Sekarang
Posting Komentar
Baca selengkapnya