Membuat Aplikasi Kalkulator menggunakan MIT APP Inventor 2 Ultimate

Cara Pembuatan Aplikasi Sederhana di MIT App Inventor 2 Ultimate

       Hallo disini saya akan memaparkan tutorial cara pembuatan aplikasi sederhana yaitu membuat aplikasi sederhana berbasi mobile,berikut dibawah ini alat dan bahan juga langkah-langkah pembuatannya.

Alat dan Bahan:

1. PC/Laptop.
2. Aplikasi MIT App Inventor 2 Ultimate (disini saya menggunakan yang offline).
3. Google Chrome.

Langkah-langkah Pembuatannya:

1.     Buka aplikasi MIT App Inventor 2 Ultimate.

2.     selanjutnya, buka Google Chrome atau Mozila firefox dan masuk ke localhost:8888.

3.     Masukan akun yang kita gunakan di MIT APP Inventor.

4.     kita buat new project kita namakan project itu dengan nama Kalkulator  

5.     Selanjutnya kita masuk Screen 1,di Screen 1 ini kita design hingga terlihat seperti kalkulator umumnya seperti gambar dibawah ini.

     

6.     Dan dibawah ini ada gambar component-component yang digunakan di design screen 1,digambar tersebut banyak buton-button,nama text button kita rubah nama textnya sesuai dengan nomor yang akan ditampilkan.

     

7.     Selanjutnya kita masuk ke bagian kode blocksnya seperti gambar dibawah ini.

      

yang terakhir ini merupakan lanjutan dari code block kedua terakhir

8.     untuk kode blocknya hanya segitu dan mohon maaf bila gambarnya juga jika kurang dimengerti tpi coba saja ikuti gambar diatas tata letak codignya berurutan seperti yang diatas.

9.     Selanjutnya kita save dan build aplikasinya

10. Selesai ,dan selamat mencoba

Alhamdulillah cukup segitu saja pembuatan aplikasi sederhana semoga anda berhasil dan mengerti karena saya juga masih belajar itu juga saya pada saat mengerjakanya atau membuat aplikasi itu saya juga agak pusing tetapi dengan usaha insyaallah jika berhasil kita akan merasa puas :)

Terima kasih atas kunjunganya semoga bermanfaat :)

Tutorial Login dan Register With Tiny Web Database

Ikuti Langkah-langkah di bawah ini.

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

Terimakasih Semoga Bermanfaat