MUDAHNYA MEMBUAT APLIKASI SEDERHANA

DENGAN APP INVENTOR

Nurul Hidayahtul
nurul.hida@raharja.info

Abstrak
Beberapa orang mungkin sudah mengenal App Inventor. Apa sih App Inventor itu? App
Inventor adalah sebuah tool untuk membuat aplikasi android, yang tentu saja sangat
menyenangkan karena tool ini berbasis visual block programming sehingga kita bisa
membuat aplikasi tanpa kode sedikitpun. Mengapa disebut visual block programming?
Karena kita akan melihat, menggunakan, menyusun dan drag-drops “blok” yang
merupakan simbol simbol perintah dan fungsi event handler tertentu dalam membuat
aplikasi dan biasanya kita menyebutnya tanpa menuliskan kode program (coding less).

Kata Kunci: App Inventor, android, blocks

Pendahuluan
App Inventor ini awalnya dikembangkan oleh Google dan sekarang di kelola oleh
Massachuset Institute of Technology (MIT). App Inventor memungkinkan para pengguna
baru agar dapat memprogram komputer dan dapat menciptakan aplikasi untuk perangkat
lunak terutama bagi sistem berbasis Android. App Inventor menggunakan antarmuka
grafis, serupa dengan antarmuka pengguna pada Scratch dan StarLogo TNG, yang
memungkinkan pengguna untuk drag & drop objek visual untuk menciptakan aplikasi
yang bisa dijalankan pada perangkat Android. Dalam menciptakan App Inventor, Google
telah melakukan beberapa riset yang berkaitan dengan komputasi edukasional dan
menyelesaikan lingkungan pengembangan online Google.

Lisensi Dokumen:
Copyright © 2008-2017 ilmuti.org
Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit),
dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak
diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org
Pembahasan
Untuk membuat aplikasi sederhana pada App Inventor tidaklah susah, hanya seperti
bermain puzzle warna dan mengasyikan, apalagi bagi yang baru mengenalnya dan
mencoba menggunakannya. Ikuti langkah-langkah berikut untuk mengetahui lebih lanjut:

1. Membuka MIT App Inventor

Untuk membuka MIT App Inventor online, maka harus mengunjungi website

appinventor.mit.edu. Ini adalah halaman MIT App Inventor yang digunakan untuk

membuat aplikasi. Di sini Kita akan dihadapkan pada berbagai informasi seputar App

Inventor, termasuk program-program pendidikan yang terkait dengannya. Sebelum

menjalankan MIT App Inventor, pilih menu get started untuk mempelajari lebih jauh

tentang tata cara memulai menggunakan aplikasi ini.

Lisensi Dokumen:
Copyright © 2008-2017 ilmuti.org
Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit),
dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak
diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org
2. Login menggunakan Akun Google

Masukkan username dan password akun Google, setelah itu kita akan diarahkan ke

halaman permission request yang berisi permintaan izin untuk mengakses beberapa

informasi akun Google Anda. Di sini cukup pilih Allow, setujui terms of service yang

muncul setelahnya dan aplikasi MIT App Inventor akan terbuka.

3. Membuat Project Baru

Kita bisa mulai membuat aplikasi baru dengan mengklik tombol Start New Project atau

melalui menu Projects->Start New Project. Selanjutnya beri nama project yang ingin kita

buat.

4. Tambahkan Komponen Yang Dibutuhkan

Lisensi Dokumen:
Copyright © 2008-2017 ilmuti.org
Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit),
dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak
diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org
- Untuk membuat seperti diatas kita terlebih dahulu masuk ke bagian layout dan memilih

Horizontal Arrangement, gunanya untuk membuat Button 1 dan Button 2 sejajar. Pada

gambar diatas saya memasukkan Button 1 dan Button 2, komponen ini dapat kita temukan

pada bagian Palette yaitu di User Interface tinggal tarik saja pada screen. selanjutnya

untuk mengubah nama Text for Button 1 menjadi nama yang kita inginkan kita masuk ke

bagian properties terdapat kolom text dan silahkan mengubahnya sesuai dengan yang kita

inginkan.

- Selanjutnya masuk ke bagian Media untuk memasukkan suara dan untuk

mengoutputkannya melalui android yanmg akan digunakan. cara untuk memasukkannnya

dengan mengklik bagian yang diinginkan dan tahan hingga masuk ke bagian button.

Lisensi Dokumen:
Copyright © 2008-2017 ilmuti.org
Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit),
dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak
diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org
5. Mengatur Block Editor

Desain tampilan utama aplikasi telah selesai dibuat. Kini waktunya masuk ke

halaman Blocks untuk mulai menyusun sisi backend aplikasi yang ingin dibuat. Untuk

melakukannya, klik tombol Blocks yang ada pada bagian kanan atas interface MIT App

Inventor. Setelah mengklik tombol tersebut, maka akan berpindah dari

jendela designer ke jendela blocks.

Lisensi Dokumen:
Copyright © 2008-2017 ilmuti.org
Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit),
dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak
diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org
6. Memulai Coding Dengan Menggunakan Blocks

Lisensi Dokumen:
Copyright © 2008-2017 ilmuti.org
Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit),
dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak
diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org
- Gambar di atas merupakan tampilan dari block yang telah saya buat, dari block tersebut

bertujuan untuk mengeluarkan suara pada saat tombol di tekan. yang mana pada saat

tombol 1 ditekan akan mengeluarkan suara “My Name is Iqbal Kurniawan” dan pada saat

tombol 2 di tekan akan mengeluarkan suara “Hobi Bermain Sepakbola”.

- Untuk membuat seperti gambar diatas pertama kita dapat mengklik component Button1

kemudian klik component TextToSpeech kemudian pilih call TextToSpeech dan taik ke

puzzel Button1 (yang berwarna coklat) dan menambahkan componen Text untuk

memberi kata “My Name is Iqbal Kurniawan”. Begitu juga untuk Button2

7. Test Aplikasi Yang Telah Dibuat

Setelah semua proses di atas selesai dilakukan, kini tiba saatnya melakukan test aplikasi.

Untuk melakukan test, Anda membutuhkan smartphone yang terhubung ke internet.

Selanjutnya download MIT AI2 Companion melalui Play Store

Lisensi Dokumen:
Copyright © 2008-2017 ilmuti.org
Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit),
dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak
diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org
masukkan kode unik yang muncul saat Anda memilih menu Connect->All

Companion pada halaman utama MIT App Inventor. Kita juga bisa memasukkan dengan

menggunakan barcode yang tersedia. Pastikan untuk memasukkan kode tersebut saat MIT

AI2 Companion telah terinstal pada perangkat Anda. Jika sudah selesai, Anda bisa mulai

mencoba aplikasi yang baru saja dibuat melalui smartphone Anda.

Lisensi Dokumen:
Copyright © 2008-2017 ilmuti.org
Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit),
dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak
diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org
Penutup
Segalanya jadi lebih mudah jika kita mau berusaha dan mewujudkan setiap keinginan
tersebut dengan baik. Membuat aplikasi tidaklah sesulit yang dipikirkan. Google
membuatnya lebih mudah dengan mengembangkan App Inventor ini. Semoga ilmu yang
saya bagi bermanfaat bagi orang banyak.

Referensi
indo-android.blogspot.co.id/2011/09/apa-itu-app-inventor.html
indo-android.blogspot.co.id/2011/09/apa-itu-app-inventor.html
wikipedia.org/wiki/App_Inventor
codepolitan.com/membuat-aplikasi-android-lebih-mudah-dengan-google-app-inventor
panduanappinventor.com/pengertian-app-inventor-2/

Lisensi Dokumen:
Copyright © 2008-2017 ilmuti.org
Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit),
dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak
diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org
Biografi
Hai, Saya Nurul Hidayahtul. Saya Mahasiswa di salah satu Perguruan Tinggi Swasta
di Tangerang. Terimakasih sudah membaca artikel Saya.

Lisensi Dokumen:
Copyright © 2008-2017 ilmuti.org
Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit),
dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak
diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org