Posted by : Dendi Abdul Rohim


Meskipun App Inventor kadang-kadang digambarkan sebagai mainan pendidikan yang dapat digunakan buat menarik perhatian anak-anak tertarik dalam pemrograman, jangan biarkan hal ini justru menipu pemikiran kita bahwa kita gak bisa melakukan hal-hal fantastis dengan tools ini. App Inventor membuat fasilitas prototyping yang sangat baik.
MIT App Inventor adalah cara mudah membuat aplikasi Android. Kita tidak perlu bisa ngoding (seperti membuat aplikasi absensi pegawai) tapi kalau kita bisa ngoding memang jadi lebih baik nantinya. Walaupun tools ini masih versi beta tetapi untuk pemula ini bisa jadi kesenangan tersendiri.

Persiapan

Bagian terburuk dari mencoba lingkungan pemrograman apapun baru harus men-download dan menginstal sesuatu. Untuk App Inventor ini hanya sedikit masalahnya karena tools ini dirancang sebagai aplikasi web. Untuk menggunakannya kita memerlukan akun Google, jika kita tidak memilikinya sebaiknya mendaftar terlebih dahulu.
Namun, ada beberapa software yang harus berjalan di komputer kita yaitu Android Emulator dan Desainer. Keduanya adalah aplikasi Java dan hal pertama yang harus kita lakukan adalah memastikan bahwa kita telah menginstall Java terbaru. Kita dapat memeriksanya dengan cara melihat di Java test Page. 
Setelah memastikan bahwa Java terbaru sudah terinstall, kita perlu men-download windows installernya di sini (101 MB).
Setelah instalasi selesai kita siap untuk memulai menggunakan App Inventor.
Kita akan menggunakan simulator smartphone android untuk menguji aplikasinya. 
Untuk memulainya, buka http://ai2.appinventor.mit.edu/
Kalau sudah sign in ke akun Google kita, kita dapat langsung ke My Projects. Kalau belum, singn in terlebih dahulu dan lanjut ke My Projects. Bagian My Projects menyimpan semua aplikasi yang Anda buat untuk pengunaan lebih lanjut. 
Ketika kita belajar sistem baru, banyak yang bisa dikatakan, lebih sederhana lebih baik. Jadi mari kita membuat sebuah aplikasi Hello World.

Memulai membuat aplikasi

MIT App Inventor
Membuat project baru di MIT App Inventor

Pindah ke My Projects dan klik tombol New Project. Masukkan nama aplikasi yang diinginkan dan klik tombol OK. Setelah beberapa saat, kita akan melihat App Inventor Designer terbuka. Aplikasi apapun yang kita buat menggunakan App Inventor dakan disimpan secara permanen di account kita.

Sebelum memulai, kita perlu tahu bahwa Designer, sesuai dengan namanya, digunakan untuk merancang dan membuat antarmuka / interface pengguna aplikasi kita.
Jika diperhatikan, Designer tidak menyediakan behaviour untuk user interface yang kita buat. Untuk membuatnya, kita harus menggunakan Blocks Editor.

Designer

Designer dibagi menjadi empat region.
MIT App Inventor
Tampilan Designer MIT App Inventor 2
# Pallete menyedikanan komponen yang ingin kita gunakan untuk membangun UI. Palet ini dibagi menjadi beberapa section sesuai dengan jenis komponen.
# Viewer yang merepresentasikan layar smartphone dan digunakan untk tata letak komponen UI.
# Components pane memperlihatkan pandangan berbeda yang telah kita tempatkan di Viewer. Kita bisa mengatur pandangan agar tumpukan komponen tersusun secara teratur.
# Properties pane berisi daftar semua pengaturan untuk komponen yang saat itu kita pilih. Kita akan menggunakan ini untuk menyesuaikan setiap komponen.

Dibawah ini adalah beberapa tutorial dasar yang dapat kita pelajari untuk membuat aplikasi android sederhana, diantaranya :

1. TalkToMe : Text-to-Speech App (Download tutorial versi teks dan gambar / PDF)



2. Extended TalkToMe App: Shake! (Download tutorial versi teks dan gambar / PDF)





4. DigitalDoodle Drawing AppDownload tutorial versi teks dan gambar / PDF )




Selain App Inventor, ada beberapa situs lain yang menyediakan layanan pembuatan aplikasi android dengan mudah dan gratis seperti AppsGeyser dan MIPPIN.

Selamat membuat aplikasi android
dan
Jangan sungkan tinggalkan jejak :)

{ 28 komentar... read them below or Comment }

  1. wah sptx mudah ya mas, tapi sulit dkerjain

    ReplyDelete
    Replies
    1. lebih baik lagi jika belajarnya secara bertahap mas..

      Delete
  2. Aku coba pake yang versi online, cm untuk yang free ada gangguan ads nya . :D
    Thx ... ane cobain gan.

    ReplyDelete
  3. ijin share
    Waktunya berburu dollar pakai android, sehari $2
    Cari aplikasi WHAFF di playstore -> instal -> register -> masukan kode AE39968, supaya lgsg dpt bonus $ dollar pertama

    ReplyDelete
  4. mas ada tutorial membuat aplikasi android yang lain nggak ?

    ReplyDelete
  5. Mantap nih gan ,, cobak dulu moga berhasil

    www.sebarbrosursurabaya.com dan www.jasaseowebprofessional.com
    #sebarbrosur #sebarbrosursurabaya #jasasebarbrosursurabaya #jasasebarbrosur

    ReplyDelete
  6. artikelnya menarik gan makasih,, izin share :D #sone,, gan juga suka GG :3 hehhh

    ReplyDelete
  7. wah yang bikin anak2 MIT ya haha. langkah berikutnya setelah design user interface apa lagi ya? maklum saya masih newbie nih.. mungkin bisa dishare berupa tulisan selain video. terima kasih

    ReplyDelete
  8. manfaat nich gan, ane langsung oraktek buat aplikasi android pertama ane :-) syiiieeep

    ReplyDelete
  9. berguna banget gan ,,, trima kasih postingan nya ,, ijin praktek ya .. hehehe

    ReplyDelete
  10. kunjungi blog saya yach teman2 di http://chaniaj.blogspot.com
    banyak artikel yang bisa anda baca,kunjungi juga situs kami http://www.oliviaclub.com
    poker indonesia, poker terpercaya, situs poker, poker terbesar, dewa poker, texas poker, poker club,poker online indonesia,
    poker online, turnover poker.
    https://www.facebook.com/oliviaclubpk?ref=hl
    https://www.youtube.com/watch?v=nZeVknRm8fQ&feature=youtu.be ( OLIVIA)
    https://www.youtube.com/watch?v=4O3DiOiiOf8


    diharapkan kunjungan baliknya yach,,makacih...

    ReplyDelete
  11. syarat untuk membuaat aplikasi android sndri, hrus bis pemrograman apa aja ya gan?

    ReplyDelete
    Replies
    1. Aplikasi android dibuat menggunakan bahasa pemrograman Java. Aplikasi android bisa dibuat pake software Eclipse dibantu dengan plugin Android Development Tools ( ADT) atau pakai software Android Studio.
      Bahasa pemrograman lain kuasai PHP, yang biasanya pada tahap pembelajaran digunakan untuk menghubungkan aplikasi Android dengan database di Server. terakhir. bahasa struktural kueri ( SQL ) untuk meyortir data yang akan diambil dari database.

      Delete
  12. ane masih bingung cara awal,, untuk membuat program androi

    ReplyDelete
  13. Terimakasih tutorialnya bermanfaat banget, aku juga punya nih Tutorial Gratis

    ReplyDelete
  14. Maz mau tanya, punya prgrm webbase java g ? Klau punya blh minta g ?

    ReplyDelete
  15. bingung mass hehehe... klau saya lagsung app yang disediin online cman hasilx memang sih ndak sesuai kelinginan kita :( ada ndk yah yg lbh mudah

    jgn lupa mampir yah tempat nongrongnya anak2 kost berbagi informasi tempat kost mulai dari yang campur sampai yang bebas murah lagi. Tak hanya itu lho ada info lowongan kerja, beasiswa kampus, Serba serbi kampus selengkapnya ada disini
    Camp Anak Kost

    ReplyDelete
  16. Keren bang, ijin share :D

    Gabung di grup <a herf="https://www.facebook.com/groups/233323856999881>App Inventor Indonesia</a>

    ReplyDelete
  17. Lumayan gan. Nambah wawasan saya. Terimakasih

    ReplyDelete
  18. sip bang. ini juga lagi belajar java tuk andro. moga bisa masuk ilmunya. kunjungi lapak ane juga ya. avicennawebdesain.com

    ReplyDelete
  19. terimakasih bos infonya dan sangat menarik

    ReplyDelete
  20. mantap mas artikelnya dan sangat bermanfaat

    ReplyDelete
  21. makasih gan buat infonya dan salam sukses

    ReplyDelete

- Copyright © 2014 Dendicious Blog - Yui-Lovers V2 - Powered by Blogger - Designed by Johanes Djogan -