Nurul_hida-app_inventor.pdf

MUDAHNYA MEMBUAT APLIKASI SEDERHANA DENGAN APP INVENTOR Nurul Hidayahtul [email protected]

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