Your SlideShare is downloading. ×
Seri 2 mengenal app inventor lebih dalam 2012
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Seri 2 mengenal app inventor lebih dalam 2012

2,322
views

Published on

App Inventor dirancang sebagai sebuah Tool membuat aplikasi Android untuk semua orang,

App Inventor dirancang sebagai sebuah Tool membuat aplikasi Android untuk semua orang,


0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
2,322
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
237
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Seri 2 : Mengenal App In ventor lebih dalam (1)Apakah yang menarik pada App Inventor?, yang menarik dari App Inventor adalah, kita tidak lagimenemukan kode-kode program seperti halnya ketika menggunakan tools developing lain. Kode-kode itusudah dibungkus kedalam objek visual, yang dinamakan Blocks. Kita tinggal memahami fungsi dariBlocks tersebut, kemudian bagaimana dia berinteraksi dengan Blocks lain, dan terakhir merangkainyapersis seperti merangkai puzzle untuk membuat suatu bentuk atau gambar. Coba lihat pada gambar, sepertipotongan puzle bukan?, sangat mudah, dan menyenangkan, disini bisa kita anggap kita melewati fase untukbelajar mengenai bahasa pemrograman, dan berfokus pada belajar kreatifitas dan logika . Gb 1. Contoh Blocks Mengubah Warna S creenBerlatih membuat aplikasi adalah cara yang paling efektif untuk belajar membuat aplikasi dengan AppInventor. Kita tidak harus tahu dulu seluruhnya, cukup beberapa hal penting yang akan kita gunakan padaproses belajar ini. Seperti misalnya workspace apa saja yang akan kita gunakan, atau darimana kitamemperoleh komponen dan blocks yang kita butuhkan.Untuk itu kita akan melihat sebenarnya apa saja yang kita butuhkan, dan apa yang penting untuk kitapahami terlebih dahulu.M ari sekali lagi kita lihat, untuk membuat aplikasi dengan App Inventor ada tiga langkah utama yaitu : 1. Kita membuat UI dan memasukkan komponen-komponen App-Inventor yang akan kita pakai pada aplikasi dengan jendela Desainer kita 2. M embuat komponen itu berfungsi yaitu dengan mengambil Block dari komponen, dan menyusunnya di Blocks Editor 3. M encoba aplikasi pada Emulator atau handset Android.1. Desainer : M embuat UI (User Interface) dan memasukkan komponen-komponen App-Inventor yang akan kita pakai pada aplikasi dengan jendela Desainer kita. Disini terdapat bagian Palette, Viewer, Components dan Properties. Selain itu juga terdapat beberapa menu penting yang akan kita gunakan. a. Pallete : Berisi seluruh komponen yg bisa kita pakai untuk membuat aplikasi b. Viewer : Untuk menempatkan Komponen dan mendesain seperti apa tampilan atau UI dari aplikasi c. Components : Berisi komponen yg telah kita ambil dan akan gunakan pada aplikasi d. Properties : Disini kita bisa mengubah properti dari masing-masing komponen, misal warna layar. e. Add/Remove Screen : M enambahkan atau menghapus screen, ini fitur baru pada App Inventor, yaitu dukungan M ultiscreen. f. Open The Blocks Editor : untuk mengaktifkan jendela Blocks Editor, sekali diaktifkan apabila Blocks EditorIki Mazadi http://indo-android.blogspot.com 1 Dari 5
  • 2. g. Package for Phone : Ketika aplikasi selesai dibuat, dan kita ingin mencobanya di handset android, maka bisa menggunakan menu ini. Gb 2. Jendela Desainer2. Blocks Editor : adalah tempat untuk mengambil blocks (kode program yg telah dijadikan objek visual), dan menyusun Blocks-Blocks tersebut sehingga berfungsi sesuai dengan yang kita inginkan. Ada lima menu penting disini yaitu : a. Built-In : Blocks dasar dari komponen App Inventor b. My Blocks : Blocks dari komponen yang kita gunakan untuk aplikasi, yaitu yang dimasukkan pada Desainer c. Advance : Blocks pelengkap dari yang ada pada My Blocks d. New Emulator : M enu untuk mengaktifkan Emulator e. Connect To Devices : M enu untuk mengkoneksikan projek aplikasi dengan Emulator atau HP Android, yaitu ketika kita ingin mencoba Aplikasi yang sedang dibangun. Dan setelah sekali dikoneksikan maka ketika terjadi perubahan pada aplikasi yang sedang dibangun, misal komponen diganti, blocks diganti, secara otomatis akan dikomunikasikan ke Emulator atau HP Android.Iki Mazadi http://indo-android.blogspot.com 2 Dari 5
  • 3. Gb 3. Blocks Editor3. Emulator Handset AndroidApabila kita ingin mencoba aplikasi android yang telah dibuat, kita bisa memakai Emulator, hampir semuayang bisa dilakukan oleh Handset Android bisa dilakukan oleh Emulator, kecuali menelepon, berkirimSM S, dan GPS. Jadi kita tidak usah kuatir, ketika membuat aplikasi Android dengan App Inventor, makakita bisa menggunakan Emulator sebelum mencobanya di Handset atau HP Android.Iki Mazadi http://indo-android.blogspot.com 3 Dari 5
  • 4. Gb 4. EmulatorApabila kita sudah memahami workspace dari App Inventor ini, maka tinggal kita mencobanya. Adabanyak contoh dari aplikasi App Inventor ini di internet. Dengan melihat komponen yang digunakan dandipasang pada Desainer, atau melihat Blocks yang tersusun pada Blocks Editor, kita akan segera bisamembuat dan mencobanya sendiri. Jika ingin cepat menguasainya, kuncinya sekali lagi adalah berlatih danberlatih, pikirkan kita akan membuat aplikasi apa, kemudian cobalah untuk berlatih membuatnya.Buat yang belum pernah mengenal App Inventor, App Inventor adalah satu Tool webbased (Cloud) untukmembuat Aplikasi pada platform Android yang ditujukan untuk semua orang. M emakainya kita bisamembuat aplikasi android tanpa kode sama sekali.Untuk menggunakan App Inventor caranya : 1. M emiliki account gmail 2. Download & Install Java dari link ini http://www.java.com/en/download/manual.jsp pilih sesuai dengan sistem operasi anda, misal untuk windows pilih versi untuk windows 3. M asuk ke http://beta.appinventor.mit.edu dan pilih menu learn > setup > untuk PC dengan sistem operasi windows klik pada menu Instructions for Windows dan kemudian download installer atau bisa langsung diakses keIki Mazadi http://indo-android.blogspot.com 4 Dari 5
  • 5. http://dl.google.com/dl/appinventor/installers/windows/appinventor_setup_installer_v_1_2.ex e kemudian install installer ini. 4. Apabila sudah terinstall semua, untuk memulainya silahkan M asuk kembali ke http://beta.appinventor.mit.eduWell …. Silahkan menyelam dalam lautan kreatifitas dengan App Inventor, dan pada artikel selanjutnyakita akan mengupasnya lebih dalam.*Artikel ini dipublikasikan di Tabloid PC Plus 2012Iki Ma zadiadiandroid@gmail.com | @adimazadiMobile App DeveloperPenulis buku : Membuat Aplikasi Android & Android App InventorFounder Indo Android IndonesiaFounder Gobaksodor Interactive http://www.gobaksodor.comIki Mazadi http://indo-android.blogspot.com 5 Dari 5