Skip to content Skip to sidebar Skip to footer

Membuat Aplikasi Android dengan MIT App Inventor

Pada kesempatan ini saya ingin berbagi cara pembuatan Aplikasi Android (Android App) dengan menggunakan MIT App Inventor  secara mudah dan gratis. Saya bukanlah expert dibidang aplikasi/software, namun saya berbagi informasi pengalaman saya dalam membuat apilikasi Android untuk keperluan projek Remote Control pada video berikut.


Langkah pembuatan

  1. Buka website MIT App Inventor http://appinventor.mit.edu/explore/, kemudian Create Apps
    Create Apps!
  2. Sign in menggunakan akun Google
    Sign in
  3. Pilih Monitor Size (karena HP jaman sekarang layarnya lebar)
    Pilih Monitor Size
  4. Pada menu User Interface, pilih Button, kemudian drag ke layar
    Drag Button
  5. Atur warna Button, ukuran, posisi melalui menu Properties
    Properties
  6. Selain tombol Button, di sini kita juga menggunakan beberapa komponen lain yang bisa dilihat pada menu Components (dapat dilihat ada Horizontal Arrangement dll yang meyusun sebuah pengaturan layar)
    Components
  7. Lanjutkan penyusunan layout layar hingga kurang lebih seperti ini (tips: warna tombol dapat diganti dengan sebuah gambar)
    Atur Tampilan Layar
  8. Tarik ListPicker ke lembar kerja, kemudian ganti tampilan dengan logo Bluetooth
    ListPicker

  9. Selain komponen yang tampak (visible), ada juga komponen yang tak tampak (non-visible component). Pada menu Pallete pilih Connectivity, kemudian drag ke layar: Activity Starter, Bluetooth Client, dan Web
    Non-Visible Components

    Connectivity
  10. Bila penyusunan desain layout layar sudah selesai, pilih menu Blocks 
    Lanjut ke Bagian Blocks
  11. Tampilan layar blocks code seperti ini
    Tampilan Blocks Code
  12. Pilih menu ListPicker1, kemudian akan muncul pop up list, kemudian pilih ListPicker1 .BeforePicking tarik ke lembar kerja
    ListPicker1.BeforePicking
  13. Klik lagi ListPicker1, kemudian akan muncul pop up list lagi, kemudian pilih ListPicker1 .Elements
    ListPicker1.Elements
  14. Kemudian pilih Blocks BluetoothClient1 kemudian pilih BluetoothClient1 .AddressesAndNames
    BluetoothClient1.AddressesAndNames
  15. Ulangi langkah mirip di atas sehingga terbentuk Blocks program seperti berikut
    Buat Blocks Bawahnya
  16. Kemudian program blocks penekanan tombol sebagai berikut (mirip langkah sebelumnya)
    Blocks Button red
  17. Ulangi langkah di atas untuk semua tombol (Button)
    Semua Tombol
  18. Atur penekanan tombol Logo Light Tubes (button1) sebagai berikut. Program berikut memungkinkan saat tombol Logo Light Tubes ditekan, maka akan mengarahkan Mobile Browser ke alamat https://poncolhijau.blogspot.com/
    Tombol Logo Light Tubes
  19. Pemrograman sudah selesai. Kini saatnya untuk mendownload program (.apk) ke komputer dan siap untuk diinstal di HP
    Save .apk to my computer
  20. Selesai

Uji Coba

  1. Download Android App (link ada di video/deskripsi)
  2. Install di Android

Pengembangan

  1. Remote control mainan
  2. Aplikasi game
  3. dan masih banyak lagi

Penutup

  • Semoga bermanfaat
  • Bila ada pertanyaan silakan tulis di kolom komentar atau melalui kontek yang tertera pada halaman Kontak

2 comments for "Membuat Aplikasi Android dengan MIT App Inventor"

Hamdan November 7, 2020 at 12:32 AM Delete Comment
Halo...bisa kah anda membantu sy dalam proyek arduino yg sy kerjakan.....
Saya membuat rangakain led rgb dengan sensor jarak dan menggunakan bluetooth untuk merubah warna lampu...aplikasi yg saya gunakan mit app invertor....tapi yg jadi pertanyaan saya.. kenapa setiap kali saya merubah warna led memalui aplikasi mit app di android saya nyala lampu nya tidak berubah...
Saya tidah ahli dalam program it....
Aplikasi dan program mit serta code arduino yang saya gunakan saya dapet dari tutorial yang di youtube.....
Tolong pengarahan nya....
Salam hormat
Light November 7, 2020 at 8:41 PM Delete Comment
inbox ke pesan facebook/ig aja pak. sertakan foto2 yang menjelaskan permasalahan