Langsung ke konten utama

Memulai App Inventor


Memulai App Inventor

 Untuk menggunakan App Inventor ada beberapa hal yang harus di siapkan terlebih dahulu, yaitu :

  1. > Memiliki Account Gmail terlebih dahulu, dan masuk –Log In  ke  http://www.appinventorbeta.com http://beta.appinventor.mit.edu/ , apabila anda belum memiliki Account Gmail maka terlebih dahulu mendaftar pada http://www.gmail.com
  2. > Setelah masuk anda akan diminta untuk membaca & menyetujui term of service dari google, klik pada tombol I accept the terms of service.



Gb. Term Of  Service

  

Untuk memulai App Inventor :
1.      Miliki Account gmail, http://www.gmail.com
2.      Masuk ke http://www.appinventorbeta.com http://beta.appinventor.mit.edu/
  1. 3. Download & Install Java 6 (1.6) dari http://www.java.com
  2. 4. Download & Install AppInventor_Setup_Installer_v_1_2.exe http://www.appinventorbeta.com/learn/setup/setupwindows.html 

  4. http://beta.appinventor.mit.edu/learn/setup/setupwindows.html
  5. 5. Install & Setting driver HP Android apabila ada
  6. 6. Have fun with App Inventor .. :D



  1. > anda akan dibawa ke halaman App Inventor Setup, dimana terdapat dua tahapan dasar pada setup yaitu :
    1. Pada platform windows, - apabila anda menggunakan Linux anda bisa download App Inventor setup untuk Linux :
v     Setup Komputer, yaitu memiliki komputer PC dgn syarat untuk Windows. Sistem Operasi Windows yang didukung Windows XP, Windows Vista, Windows 7
v     Telah menginstall Browser minimal Google Chrome 4.0 – rekomendasi  , Apple Safari 5.0 , Microsoft Internet Explorer 7, Mozilla Firefox 3.6
v     Menginstall Java 6– java 1.6, bisa juga java 1.7 yg bisa download di http://www.java.com,
v     Kemudian install AppInventor_Setup_Installer_v_1_2.exe yg bisa di download di http://www.appinventorbeta.com/learn/setup/setupwindows.html
http://beta.appinventor.mit.edu/learn/setup/setupwindows.html


Gb. App Inventor Setup


    1. Setup lingkungan Developing, yaitu :
v     Menggunakan Emulator,: pada penggunaan emulator tidak memerlukan setup diawal, karena tinggal diaktifkan dari blok editor.
v     Menggunakan Handset Android. - Kalau tidak ingin mengesetnya kita bisa langsung melakukan developing.
Setup Handset Android
Tahap ini dilakukan apabila anda ingin langsung mencoba hasil develop anda ke handset android. Pertama anda harus memiliki kabel data USB, dan menginstall driver handset Android anda. Hampir semua handset android di dukung oleh App Inventor, dan pastikan juga anda telah memiliki memory SD Card yang terpasang.
Setelah itu setting pada handset kita :
1.      Masuk pada home screen
2.      Pilih Setting > applications
3.      Pada Unkown sources di ceklist

Gb. Setting
4.      Pilih Development, ceklist pada USB Debugging dan Stay Awake 

Gb. Setting
Setelah itu koneksikan Handset anda dgn kabel USB Data ke komputer – dalam keadaan screen unlock, hingga akan muncul dua pesan notifikasi pada atas layar yaitu :
v     USB Connected, yang berarti handset telah terhubung ke komputer.
v     USB Debugging Connected, yang membuat App Inventor di komputer mengontrol handset.
Sampai disini berarti handset android kita telah siap untuk digunakan untuk mencoba aplikasi yang kita buat dengan App Inventor.

     Catatan :
Perlu diingat apabila anda menggunakan browser Mozila firefox agar semua berjalan lancar, apabila kita menggunakan fasilitas script  - NoScript extension , dan juga apabila ada firewall yang aktif, silahkan di konfigurasikan apabila mengganggu atau menghalangi koneksi developing. App Inventor akan mencari Setup secara otomatis, tapi apabila ada pertanyaan path lokasi App Inventor biasanya ada pada C:\Program Files\AppInventor\commands-for-Appinventor.

  1. > Setelah semua konfigurasi dan setting selesai, anda bisa langsung masuk ke lingkungan developing dengan melalui http://www.appinventorbeta.com http://beta.appinventor.mit.edu/ - apabila tadi masih login anda langsung akan dibawa ke jendela developing :


 Gb. Jendela Developing


  1. Klik pada New, dan mulai projek baru misal dengan nama Helloworld, kemudian klik pada tombol OK
  


Gb. Membuat Projek Baru


  1. Maka akan terlihat langsung projek kita



Gb. Projek Baru


Lingkungan Kerja App Inventor
Sebelum kita melanjutkan untuk memulai developing, kita mengenal terlebih dahulu lingkungan kerja pada App Inventor yang terdiri dari :
  1. Komponen Desainer – Component Designer yang berjalan pada Browser, digunakan untuk memilih komponen dan mengatur property.





Gb. Komponen desainer
Komponen desainer , terdiri dari :
    1. Viewer             : untuk menempatkan komponen dan mengaturnya sesuai tampilan yang diinginkan.
    2. Pallete              : adalah list dari komponen yang bisa dipakai
    3. Component list : merupakan tempat list komponen dari projek yang kita pakai
    4. Media              : mengambil media audio dan gambar untuk projek kita
    5. Properties         : ketika anda klik komponen pada viewer maka propertiesnya akan terlihat pada panel ini


  1. Blok Editor – Blocks Editor berjalan diluar browser, dimana digunakan untuk membuat dan mengatur behaviour dari komponen yang kita pilih pada komponen desainer.



Gb. Blocks Editor

  1. Emulator , digunakan untuk menjalankan dan mengetest aplikasi yang kita bangun. Ini sangat bermanfaat apabila kita belum menggunakan handset langsung, karena Emulator Android ini telah terintegrasi dengan baik.




Gb. Emulator

Ketiga Lingkungan kerja diatas, akan bisa tampil secara bersamaan dan secara bergantian juga berpindah kita akan menggunakannya dalam membuat aplikasi android dengan App Android.

Contoh Aplikasi yg mimin bikin pake App Inventor di market : WhacKecoa ,silahkan dicoba



Cek ttg Buku App Inventor disini 

Artikel selanjutnya : Hello World

Download di Slideshare : Memulai App Inventor
Label:

Komentar

Posting Komentar

Postingan populer dari blog ini

Motorola Devour specs: 3.1-inch screen, Android 1.6, MotorBLUR

Posted on Tuesday, Feb 2, 2010 by Phil Nickinson We brought you the promotional packaging for the Motorola Devour . But how would you like some specs? Here we go with the phone formerly known as the Calgary, which we're expecting on Verizon anytime now. (Yes, that's a Droid in the picture above. We're told that's just a placeholder.) The biggies: Android 1.6 ( Donut ) with MotoBLUR . A 3.1-inch touchscreen (320x480). 3MP camera. Verizon is requiring a data plan, and the $350 early termination fee is in effect. It comes with an 8GB microSD card. Still no word on price or when it will go on sale, but we're told it could be anytime now. There's a better breakdown and more screenies after the break. 3.1-inch touchscreen at 320x480. Dimensions: 4.55x2.4x0.61 inches. Weight: 6.35 ounces Talk time: Up to 340 minutes Standby time: Up to 440 hours Horizontal slider keyboard. 3-megapixel camera. EVDO Rev. A. WiFi b/g aGPS Audio formats: AAC, AAC+, ...
Posting Komentar
Baca selengkapnya

Tablet Android Pesaing iPad Hanya Rp2 Juta

Archos 7 Home Tablet ( IST ) INILAH.COM, Jakarta – Apple akan mendapat saingan baru di pasar tablet PC selain Dell dan Samsung. Tablet versi Android dipasarkan dengan harga sangat murah Rp 2 juta. Archos mengeluarkan produk yang disebut tablet layar lebar pertama berbasis Android, Archos 7 Home Tablet. Produsen lain memang juga memiliki produk tablet Android. Dell dilaporkan merilis tahun ini dan Samsung juga dirumorkan tengah mengerjakan tablet Android miliknya. Semua produk tersebut menarik hati, tetapi konsumen harus menunggu beberapa bulan ke depan untuk versi Dell dan Samsung hadir di pasaran. Sementara Archos 7 Home Tablet akan ada di toko pada bulan Juni. Amazon dilaporkan telah melakukan pre-order dan berjanji akan memasarkan produk tersebut pada bulan Mei. Archos telah mengeluarkan perangkat Android berukuran 5 inci musim gugur lalu, tetapi konsumen masih mengharapkan datangnya gelombang serangan versi 7 inc...
Posting Komentar
Baca selengkapnya

Andy Rubin Shows Off Android 3.0 On Prototype Motorola Tablet

Devin Coldewey 8 hours ago Andy Rubin is, as I type this, in the middle of a demo of Android 3.0 (AKA Honeycomb) at Dive Into Mobile. The rest of his talk I’ve got written up elsewhere, but this was too cool to pass up. The software is running on a prototype MOTOPAD that looks really slick, though it was only out for a moment and there are but few pictures at the moment. I’ll be updating this post as more information breaks. First thing he showed off was a new lock screen and then what appeared to be a brand new “desktop” with widgets and buttons in the corners. Different UI aesthetic than earlier versions of Android. He then launched the new, 3D-and-vector-based version of Google Maps that should be coming to your phone in just a couple days. Honeycomb will be out “next year,” which is a pretty vague deadline, but if I remember correctly, we’ve heard Q2 for the Moto tablet. Another improvement he notes is the ability to spli...
Posting Komentar
Baca selengkapnya