» » Memulai App Inventor

Memulai App Inventor


Memulai App Inventor

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

  1. > Memiliki Account Gmail terlebih dahulu, dan masuk –Log In  ke  http://www.appinventorbeta.com  , 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 memulaiApp Inventor :
1.     Miliki Account gmail, http://www.gmail.com
2.     Masuk ke http://www.appinventorbeta.com
  1. Download & Install Java 6 (1.6) dari http://www.java.com
  2. Download & Install AppInventor_Setup_Installer_v_1_2.exe http://www.appinventorbeta.com/learn/setup/setupwindows.html
  3. Install & Setting driver HP Android apabila ada
  4. 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    SetupKomputer, yaitu memiliki komputer PC dgn syarat untuk Windows. SistemOperasi Windows yang didukung Windows XP, Windows Vista, Windows 7
v    Telah menginstall Browser minimal Google Chrome4.0 – rekomendasi  , Apple Safari 5.0 , Microsoft InternetExplorer 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.exeyg bisa di download di http://www.appinventorbeta.com/learn/setup/setupwindows.html


Gb.App Inventor Setup


    1. Setup lingkungan Developing, yaitu :
v    Menggunakan Emulator,: pada penggunaan emulatortidak memerlukan setup diawal, karena tinggal diaktifkan dari blok editor.
v    Menggunakan Handset Android. - Kalau tidak ingin mengesetnya kita bisalangsung melakukan developing.
Setup Handset Android
Tahap ini dilakukan apabilaanda ingin langsung mencoba hasil develop anda ke handset android. Pertama andaharus memiliki kabel data USB, dan menginstalldriver handset Android anda. Hampir semua handset android di dukung oleh AppInventor, dan pastikan juga anda telah memiliki memory SD Card yang terpasang.
Setelah itu setting padahandset kita :
1.     Masuk pada home screen
2.      PilihSetting > applications
3.     Pada Unkownsources di ceklist

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

Gb. Setting
Setelah itu koneksikan Handset anda dgnkabel USB Data ke komputer – dalamkeadaan screen unlock, hingga akan muncul dua pesan notifikasi pada ataslayar yaitu :
v    USB Connected, yang berarti handset telahterhubung ke komputer.
v    USB Debugging Connected, yang membuat AppInventor di komputer mengontrol handset.
Sampai disini berarti handset androidkita telah siap untuk digunakan untuk mencoba aplikasi yang kita buat denganApp Inventor.

     Catatan:
Perlu diingat apabila andamenggunakan browser Mozila firefox agar semua berjalan lancar, apabila kitamenggunakan fasilitas script  - NoScript extension , dan juga apabila ada firewall yang aktif, silahkan dikonfigurasikan apabila mengganggu atau menghalangi koneksi developing. App Inventorakan mencari Setup secara otomatis, tapi apabila ada pertanyaan path lokasi AppInventor biasanya ada pada C:\ProgramFiles\AppInventor\commands-for-Appinventor.

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


 Gb. JendelaDeveloping


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


Gb. Membuat ProjekBaru


  1. Maka akan terlihat langsung projek kita



Gb. Projek Baru


Lingkungan Kerja App Inventor
Sebelum kita melanjutkan untukmemulai developing, kita mengenal terlebih dahulu lingkungan kerja pada AppInventor 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 kitaakan 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
Tag : Android
Komentar Facebook
0 Komentar untuk "Memulai App Inventor"

Back To Top