Jumat, 27 April 2018

App Inventor 2 Ultimate Offline

CARA INSTALL DAN PEMBUATAN FORM LOGIN APP INVENTOR 2 ULTIMATE OFFLINE



     1.Cara Menginstall App Inventor 2 Ultimate Offline

1.     Download MIT App Inventor 2 ultimate,sesuaikai dengan bit komputer yang kita gunakan.
2.     Klik 2 kali  App inventornya yang sudah kita download.
3.     Pilih bahasa yang akan kita gunakan yaitu English.
4.     Akan muncul tampilan klik next.
5.     Akan muncul tampilan Additional Icons,jika kita ingin lebih mudah membuka aplikasi tersebut yaitu supaya icon aplikasi itu langsung muncul di desktop yaitu dengan cara ceklis yang ada tulisan Create a desktop icon.
6.     Lalu Next dan klik Install.
7.     Tunggu beberapa menit untuk memsang aplikasi tersebut.
   Jika sudah selesai memasangnya akan muncul tampilan finish.



2. Cara menjalankan dan Membuat Aplikasi di  MIT APP Inventor 2 Ultimate

  1. Buka aplikasi MIT App inventor.
  2. Lalu akan muncul 3 CMD,3 CMD tersebut jangan diclose selama kita menggunakan aplikasi tersebut
  3. Buka Web Browser yaitu Google Chrome atau Mozila Firefox.
  4. Pada Browser tersebut langsung buka Localhost:8888
  5. Selanjutnya,akan muncul tampilan seperti dibawah ini,lalu untuk login ke aplikasi tersebut kita masukkan Email yang akan kita gunakan,jika sudah masukkan email langsung klik login.
  6. Lalu akan muncul  tampilan Terms of  Service klik I accept the terms of service

  7. Muncullah tampilan utama MIT app Inventor,untuk pertama kali kita membuat project,kita langsung klik Start new project.
  8. Lalu  akan muncul tampilan untuk nama project,kita masukkan nama projectnya Login,klik OK.

  9. Selanjutnya  muncul tampilan untuk Desain aplikasi yang akan kita buat,seperti gambar dibawah ini

  10. Di tampilan desain, kita disediakan Pallete yaitu untuk memasukan desain menu ataupun tombol di aplikasi tersebut,dengan cara tekan pallete yang kita pilih lalu geserkan ke Screen 1.dan juga sebelah kanannya terdapat properties untuk desain tampilan tersebut,seperti gambar dibawah ini.
  11. Selanjunya, kita Desain Screen1 untuk form Login,seperti gambar dibawah ini
  12. Lalu kita tambahkan lagi form untuk jika kita berhasil masuk,caranya kita klik Add Screen lalu kita berinama Screen2 supaya mudah,lalu muncul Screen untuk mendesain Screen jika berhasil masuk.contohnya gambar di bawah ini.
  13. Kita tambahkan lagi form untuk jika kita tidak berhasil masuk,caranya sama seperti yang no 12,kita berinama Screen3.
  14. Jika kita sudah selesai mendesain Aplikasi yang kita inginkan,selanjutnya kita pindah ke blocks agar aplikasi itu bisa berjalan,seperti gambar dibawah ini
  15. Untuk mengisikan kode block,kita tinggal cari saja kode block di Block sebelah kanan tinggal klik saja kode yang akan digunakan,da isi dari kode block tersebut harus sesuai dengan nama-nama properties desain yang kita buat seperti gambar dibawah ini.

  16. Terakhir, kita build aplikasi dengan cara klik build ti tool atas lalu pilih App(Save .apk to my computer)seperti gambar dibawah ini
  17. Jika selesai di build kita tunggu beberapa saat untuk menjadikan file tersebut menjadi apk.
  18.   Terakhir kita salin file apk tersebut ke handphone kita lalu pasang/install.
  19. Selesailah pembuatan Form Login di App Inventor 2 Ultimate

Terima Kasih Semoga Bermanfaat :)









Tidak ada komentar:

Posting Komentar