PENDAHULUAN

Banyak diantara kita yang masih menganggap bahwasanya membuat aplikasi Android itu sulit dan begitu rumit. Kebanyakan orang berfikir untuk membuat aplikasi android harus berlatar belakang programmer atau setidaknya sudah mengenal dan berpengalaman dalam pemrograman. Pola pikir seperti itu menjadi rintangan yang berat bagi mereka yang tidak berpengalaman dalam pemrograman tetapi ingin membuat aplikasi android. Anggapan seperti itu kini sudah dipatahkan dengan adanya sebuah Tools/ IDE App Inventor 2, lantas apa itu App Inventor 2? bagaimana kerja dari App Investor 2?

App Inventor 2 adalah Integrated Development Environment (IDE) atau Tool yang didapat bagi semua kalangan untuk mengembangkan aplikasi Android tanpa harus berpengalaman dalam dunia pemrograman. App Inventor mulanya dkembangkan dan dikelolah oleh Google namun sekarang sudah dikelolah oleh Massachusetts Institute of Technology (MIT), sebuah Institut/Universitas yang bergerak dibidang Teknologi dan sudah diakui dunia. App Inventor sendiri dikembangkan pada tahun 2010 dan pada tanggal 15 Desember 2010 d App Inventor dirilis ke public dan untuk tim pengembang App Inventor dipimpin oleh Mark Friedman dari Google dan Prof. Hal Abelson dari MIT serta contributor lain dari Google antara lain Sharon Perl, Liz Looney dan Ellen Spertus. Pada pertengahan tahun 2011, Google merilia source code App Inventor dan kemudian mengakhiri pengelolaan App Inventor dan menyerahkan langsung sepenuhnya kepada MIT’s Center for Mobile Learning. App inventor kemudian dikembangkan oleh MIT dipimpin oleh Prof. Hal Abelson serta diikuti oleh
Prof. Eric Klopfer dan Mitchel Resnick yang mana App Inventor versi MIT dirilis dibulan Maret 2012 dan pada tanggal 6 Desember 2013, App Inventor 2 resmi dirilis MIT

App Inventor 2 didesain dengan simple dan mudah dimengerti. Pada App Inventor kita tidak harus bersentuhan dengan dunia pemrograman komputer yang kompleks. kita tidak perlu menuliskan kode-kode pemrograman untuk membuat aplikasi. Yang uniknya dari App Inventor 2 adalah App Inventor 2 berbasi Visual Block Programming yang mampu mentrasformasikan pengkodean bahasa pemograman kedalam bentuk visual dalam bentuk kode-kode program. Pengkodean program dilakukan dengan cara Drag – Drop blok-blok kode program kedalam Block Editor yang kemudian menyusun block-block tersebut seperti halnya kita menyusun puzzle sesuai dengan alur program yang kita kehendaki.

Untuk tempailan MIT App Inventor itu sendiri terdapat 2 halaman utama, yaitu halaman designer dan halaman blocks. Untuk Halaman Designer digunakan untuk mendesai tampilan aplikasi dengan berbagai komponen serta layout yang sudah disediakan sesuai dengan keinginan kita, sedangkan untuk halaman block berfungsi untuk memprogram jalannya palikasi android sesuai dengan tujuan kita

Pada halaman designer terdapat beberapa bagian/jendela seperti Pallete, Viewer, Components, Media, dan Properties. Tools tersebut memiliki fungs masing – masing sebagai berikut:

  1. Pallete: Jendela tempat mengambil kompone-komponen yang dikelompokkan kedalam beberapa kategori untuk diinputkan kedalam aplikasi yang akan dibuat. Kategori itu sendiri diantaranya User Interface, Layout, Media, Drawing and Animation, Maps, Sensors, Social, Storage, Connectivity,Lego Mindstroms, Experimental, dan Extension.
  2. Component: Tempat untuk mengatur komponen-komponen yang telah diltakkan di Viewer, seperti misalnya mengganti nama komponen atau menghapus nama komponen
  3. Properties: Tempat yang berfungsi untuk mengatur properties layar dan komponen-komponen yang digunakan pada aplikasi yang akan dibuat misalnya seperti lebar, tinggi, warna latar, besar tulisan,dll.
  4. Media: Berfungsi untuk mengunggah gambar yang akan dugunakan pada aplikasi yang akan dibuat.

Sedangkan untuk halaman block terdapat beberapa codeblock yang berguna untuk memprogram aplikasi android sesuai dengan keinginan kita. Pada halaman block terdapat beberapa bagian seperti Control, Logic, Math, Text, List, Colors, Variables, dan Procedures.

Ada beberapa aplikasi yang dapat dikembangkan dengan menggunakan MIT App Inventor diantaranya:

  1. Aplikasi Multimedia (Multimedia Apps), contohnya : Music Player, Photo and Sharing, Recording, Shooting
  2. Aplikasi Sensor (Sensor Apps) contohnya : Aplikasi Barcode and QR Scanner, Aplikasi Sensor Lokasi (Location Sensor), Aplikasi sensor akselerometer (Accelerometer Sensor), Aplikasi Sensor Ortientasi (Orientation Sensor), Aplikasi Sensor Jarak (Proximity Sensor).
  3. Aplikasi Sosial (Social App), contohnya : Aplikasi pesan singkat, Aplikasi panggilan telepon
  4. Aplikasi Database (Database Apps), contohnya : Aplikasi Database Lokal. Berbasis Web.
  5. Aplikasi baca teka dengan suara (Text to Speech App), pada aplikasi ini komponen yang digunakan adalah TextToSpeech
  6. Aplikasi pengenal suara (Speech Recognizer)

LANGKAH-LANGKAH MEMBUAT APLIKASI SEDERHANA MENGGUNAKAN APP INVENTOR 2:

Sebelum memasuki langkah-langkah membuat aplikasi sederhana yang pada contoh kali ini akan membuat aplikasi “Kalkulator Pemangkatan” hal pertama yang dilakukan adalah menginstall appinventor online yang tersedia di http://appinventor.mit.edu/explore/ai2/windows.html dan setelah melakukan install langsung saja kita masuk ketutorial membuat aplikasi “kalkulator pemangkatan” sebagai berikut:

  1. Buka App Inventor http://appinventor.mit.edu/ kemudian pilih menu “Creats Apps!
  1. Jika anda belum login pada email anda makan akan diarahkan login menggunakan akun Google anda dan jika anda sudah login akun google maka tampilan akan seperti berikut:
  1. Pilih “Start new project” untuk membuat project baru dan beri nama project sesuai keinginan anda kemudian klik “OK” seperti tampilan berikut
  1. Setelah klik “OK” maka tampilan akan berubah dan kemudia Pada screen1 pilih Display Phone Size dan kamu bisa merubah property pada screen1 pada bagian kiri dan kanan layar dengan menambahkan layout, button, label, merubah backround dan lain-lain sesuai dengan keinginan anda, seperti contoh berikut
  1. Anda juga bisa menambahkan layar pada Add Screen dan menambahkan ikon-ikon yang di butuhkan. Sesuai dengan keinginan anda. Tergantung keinginan anda, sama seperti langkah ke 4 seperti tampilan berikut ini
  1. Setelah selesai design tampilan aplikasi, selanjutnya kita beralih ke bagian blocks pada kiri atas layar untuk memberikan inputan tindakan pada aplikasi seperti tampilan berikut
  1. Pada blocks screen1 pilih button dan control untuk menghubungkan screen1 dan screen2 seperti tampilan berikut ini
  1. Pada Blocks screen2 anda bisa memberikan rumus tindakan yang anda inginkan. Contoh Pada kalkulator Perpangkatan kita menggunakan rumus pangkat yaitu X^x atau untuk pangkat 2 X * X dan untuk pangkat 3 XXX seperti tampilan berikut ini :
  1. Setelah selesai, langkah terakhirnya adalah kita tinggal mengekspor file agar bisa di download di android anda yaitu dengan cara Build Aplikasi yang telah anda buat. Klik menu “Build” kemudia pilih “App (provide QR code for apk). Seperti berikut ini:
  1. Instal aplikasi di android anda, dan aplikasi siap di jalankan.

REFERENSI
[1]. https://antares.id/id/mitappinventor2.html diakses pada tanggal 13 Mei 2020
[2]. https://secercahilmu25.blogspot.com/2018/02/mengenal-app-inventor-2.html diakses pada tanggal 12 Mei 2020
[3]. http://appinventor.mit.edu/ diakses pada tanggal 12 Mei 2020

Original Create by: Nopi Afriani & Umairah Rizkya Gurning

Sumber Gambar