Memulai App Inventor
- > Memiliki Account Gmail terlebih dahulu, dan masuk –Log In ke
http://www.appinventorbeta.comhttp://beta.appinventor.mit.edu/ , apabila anda belum memiliki Account Gmail maka terlebih dahulu mendaftar pada http://www.gmail.com - > 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
- 3. Download & Install Java 6 (1.6) dari http://www.java.com
- 4. Download & Install AppInventor_Setup_Installer_v_1_2.exe
http://www.appinventorbeta.com/learn/setup/setupwindows.html http://beta.appinventor.mit.edu/learn/setup/setupwindows.html- 5. Install & Setting driver HP Android apabila ada
- 6. Have fun with App Inventor .. :D
- > anda akan dibawa ke halaman App Inventor Setup, dimana terdapat dua tahapan dasar pada setup yaitu :
- 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
http://beta.appinventor.mit.edu/learn/setup/setupwindows.html
Gb.
App Inventor Setup
- 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
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.
- > Setelah semua konfigurasi dan setting selesai, anda
bisa langsung masuk ke lingkungan developing dengan melalui
http://www.appinventorbeta.comhttp://beta.appinventor.mit.edu/ - apabila tadi masih login anda langsung akan dibawa ke jendela developing :
- Klik pada New, dan mulai projek baru misal dengan nama Helloworld, kemudian klik pada tombol OK
Gb. Membuat Projek
Baru
- 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 :
- Komponen Desainer – Component Designer yang berjalan pada Browser, digunakan untuk memilih komponen dan mengatur property.
Gb.
Komponen desainer
Komponen desainer , terdiri dari :
- Viewer : untuk menempatkan komponen dan mengaturnya sesuai tampilan yang diinginkan.
- Pallete : adalah list dari komponen yang bisa dipakai
- Component list : merupakan tempat list komponen dari projek yang kita pakai
- Media : mengambil media audio dan gambar untuk projek kita
- Properties : ketika anda klik komponen pada viewer maka propertiesnya akan terlihat pada panel ini
- 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
- 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
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
0 komentar:
Posting Komentar