FAQ Mengenai Transisi App Inventor ke MIT











Seperti yang telah konfirmasikan oleh google mengenai App Inventor bahwa  App Inventor akan di jadikan Open Source, dan dimanage oleh MIT (Massachusetts Institute of Technology - Mobile Learning Center Departemen), maka mulai tgl 1 Januari 2012 situs http://www.appinventorbeta.com  akan dishutdown oleh google. 

Salah satu alasan mengapa App Inventor di jadikan open source dan dihandle oleh MIT adalah Google berharap App Inventor lebih bisa didaya gunakan untuk pendidikan. Dan tentunya kapasitas MIT dalam hal ini tidak diragukan lagi, selain itu tentunya dengan menjadikan open source maka perkembangan App Inventor akan semakin cepat.


Dan FAQ mengenai hal itu bisa dilihat di  http://appinventoredu.mit.edu  seperti yang telah di copy dibawah ini, dan beberapa hal penting yang perlu diketahui adalah :

  1. 1. MIT merencakan untuk membuka kembali layanan seperti pada http://www.appinventorbeta.com  sekitar antara quarter pertama 2012, yang update beritanya bisa diakses di MIT App Inventor Developer's Blog.
  2. 2. Pada masa periode sebelum layanan itu siap, MIT menyediakan semacam aplikasi (JAR) kita bisa setup server sendiri di Google App Enggine bisa dilihat disini http://appinventoredu.mit.edu/ (Semoga ada waktu untuk mencobanya, dan berbagi pengalaman)
  3. 3. Mengenai hal-hal lain, untuk mendapatkan update beritanya bisa mengikuti App Inventor Forums

Semoga layanan App Inventor di MIT tidak lama lagi siap, karena banyak informasi yang menyenangkan dari  Forum App Inventor , seperti misalnya sudah dibuatnya fitur multiple page ( Yg berarti App Inventor sudah mendukung lebih dari satu halaman aplikasi layaknya aplikasi yg dibuat dengan native coding ). Juga fitur-fitur lainnya, yang akan menjadikan App Inventor semakin menarik untuk dipelajari.



Welcome 2012, Selamat datang harapan-harapan baru, dan semangat baru untuk lebih kreatif dan inovatif. 



OK, .. Happy Inventing, .... Apabila ada berita penting lainya, InsyaAllah akan di Up-Date


UPDATE 1 : Bagaimana Membuat App Inventor Berjalan Tanpa Koneksi Internet 
UPDATE 2 : Akses App Inventor Beta MIT http://beta.appinventor.mit.edu (24 Maret 2012)



FAQ for App Inventor Transition to MIT


Please check the Google App Inventor Announcement Forum and the MIT App Inventor Developer's Blog for the latest developments on App Inventor’s transition to MIT.
Current as of: 12/1/2011

When will the Google App Inventor service shut down?

Google support of App Inventor will end on December 31, 2011.

When will the public MIT App Inventor service be available?

We MIT anticipate the public instance of App Inventor will be available for the general public to access some time in the first quarter of 2012.

How can I learn about progress on the MIT public service?

We will provide periodic updates on the MIT service at the MIT App Inventor Developer's Blog.

Will my current App Inventor projects transfer automatically to the MIT service?

No, legally Google is not allowed to give your project data to MIT. You will need to download your projects to your computer and upload them to the MIT service when it becomes available.

What do I need to do to preserve my projects when the Google service shuts down?

You will need to download your projects to your computer. The "Download all projects" button will create a zip
file of all your projects. Unzipping that will produce a folder with all your projects (each project itself
is a zip file) and you can upload them individually to a new App Inventor service when it becomes available.

Will my current Google projects run on the MIT public service?

Yes. The MIT instance of App Inventor will run almost exactly like the Google version.

How can I use App Inventor before the public MIT service becomes available?

MIT recognizes that many people would like to use App Inventor in the interim period between the end of 2011 until
the MIT public App Inventor becomes available. To help during this interim period, we are providing experimental Java Archive (JAR) files that experienced programmers can use to set up a private instance of App Inventor on Google App Engine, for use by small groups. Details on how to take advantage of this are posted on the MIT App Inventor Developer's Blog. Additionally, a JAR file users group has been set up to help people get started with the files.

How can I teach a course using App Inventor before the MIT service becomes available if I am unable to run my own App Engine service?

You’ll need to get help from someone who can run an App Engine service and deploy the MIT JAR code for you. Until the public instance of App Inventor is running at MIT, the only way to use App Inventor will be to run an individual instance of App Inventor on App Engine or find someone who can run one for you. The JAR file users group would be a good place to ask for this kind of help.

I’d like to help test the new service. What can I do?

MIT will start running an experimental App Inventor service before the end of 2011, and we’ll gradually invite increasing numbers of people as testers. Please stay tuned to the App Inventor Forums as well as the MIT App Inventor Developer's Blog for more details on when that system will be launched. We will make an announcement there when we’re ready to accept volunteers.

When will Google make the open source code of App Inventor available publicly?

Google will share the open source code for App Inventor with the world before the end of 2011. Please stay tuned to the App Inventor Forums to learn more.

Does MIT plan on establishing an open source project around App Inventor?

Yes, but our highest priority is to get an instance of App Inventor running for general public use. Once we have a stable version of App Inventor running, we’ll begin the process of setting up an open source project that people can contribute to. We expect this to happen in the spring of 2012.http://appinventoredu.mit.edu
Diposting oleh indo-android

Buku Android App Inventor : Membuat Aplikasi Android tanpa Kode Program


Untuk mempelajari atau sekedar ingin membuat Aplikasi Android, App Inventor merupakan tool yang sangat mudah dipelajari dan digunakan. Ini tidak lain karena dengan App Inventor siapapun tidak perlu punya latar belakang programmer atau IT. Tidak ada kode-kode progam yang sulit dipahami oleh orang awam di App Inventor, semua sudah dibungkus menjadi objek-objek visual seperti Puzzle.

Kita tinggal memasukkan komponen-komponen yang sudah tersedia kemudian menggabungkan, memasukkan, atau mengkonfigurasi potongan-potongan "Puzzle" tersebut dan viola akan jadi sebuah aplikasi Android yang sama fungsinya dengan yang dibuat dengan programming rumit.

Untuk yang sedang atau baru masuk ke Fakultas Matematika, Komputer, Informatika dll, App Inventor juga akan menjadi panduan yang luarbiasa untuk mengasah logika. Dan bagi yang masuk ke jurusan Informatika, App Inventor akan membuat anda lebih memahami bagaimana OOP atau Object Oriented Programming, karena  "Puzzle" itu bisa dilihat sebagai sebuah objek yang pada kebanyakan bahasa pemrograman dibangun dari kode-kode baris demi baris, dan pada App Inventor kita tinggal menggunakannya atau merangkainya dengan objek lain.

Apalagi yang ingin mempelajari bagaimana mobile developing, apabila kita telah terbiasa membuat aplikasi desktop atau web, ada beberapa yang berbeda yang akan kita temukan pada mobile developing. Karena disini kita akan menemukan bagaimana menghandle touch screen, koneksi data, akses kamera,  juga berbagai sensor misal GPS, Accelerometer dll, dan ini tidak ditemukan pada Desktop dan Webbased Programming.

Bagi pendidik App Inventor juga bisa digunakan untuk mengasah logika matematika, kreatifitas dan juga seni. Ini sudah dibuktikan di US, beberapa sekolah sudah menggunakan App Inventor dalam mengasah kreatifitas siswa. Dan sekarang setelah oleh Google di jadikan Open Source, App Inventor akan semakin dikembangkan lebih jauh, dan bertambah keren karena sepertinya akan dikawal oleh MIT University dan komunitas Open Source dunia. 

Dan selain itu semua, apabila anda ingin bermain-main dengan handset Android anda, sekedar membuat aplikasi lucu-lucuan, misal ucapan selamat untuk pacar anda, teman-teman anda, ... merekam suara anda, memaket foto-foto anda dan kemudian membaginya, anda akan benar-benar jatuh cinta pada App Inventor ini, ...Well ..... lets dive into creativity & innovation world ...




isi dari buku antara lain :

Bagian I Projek Latihan
# Berkenalan dengan App Inventor 
# Memulai App Inventor 
# Hello World 
# PaintPot 
# Paintpot dengan Kamera 
# Whac Kecoa 
# Super SMS 
# Jogja Map Tour 
# Android Parkir 
# Remote Control Robot Lego NXT 
# Quiz Kita 
# Take Quiz 

Bagian II Konsep Dasar
# Memahami Arsitektur 
# Rekayasa dan Debugging Aplikasi 
# Properti dan Variabel 
# Blok Kondisi Bersyarat 
# List Data 
# Blok Pengulangan 
# Database 
# Sensor


Update 10 Oct 2011 : 
# Buku sebagian sudah dicetak, bbrp pre-order sudah dikirim, semoga bermanfaat
# Halaman Block Lengkap berwarna, sehingga akan memudahkan dalam memahami dan mempelajari

Update November 2011 : 
# Buku sudah tersedia di toko-buku Togamas, Gramedia
# Apabila habis atau anda tidak menemukan di toko buku, silahkan order online (Akan kami kirim apabila masih tersedia)









Diposting oleh indo-android

App Inventor : Hello World


Hello World
  
Pada bab awal ini kita akan memperlajari beberapa hal mendasar pada App Inventor, terutama bagaimana bekerja menggunakan Komponen Desainer – Component Designer , Blok Editor –Block Editor juga menggunakan Emulator untuk menguji aplikasi. Dan projek pertama kita adalah membuat projek ritual, yang juga dibuat pada semua awal belajar membuat aplikasi, yaitu membuat aplikasi dengan nama Helloworld. Ok kita langsung mulai :

  1. Aplikasi ini adalah sebuah aplikasi sederhana, ketika kita menyentuh layar –Click button akan terdengar dering jam wekker dan juga bergetar -Vibrate, dan kemudian setelah itu kita akan mengembangkannya dengan sebuah fitur ketika menggoyangkan handset –Accelerometer sensor akan langsung terdengar suara dering wekker otomatis seperti ketika kita menyentuh layar. Aplikasi ini akan menggunakan gambar jpg dengan dimensi sekitar 300x300px yang akan ditempatkan pada sebuah button – tombol dan juga suara dering dengan format mp3.
  1. Buat projek baru dari New > Helloworld


Gb. Membuat Projek Baru

  1. Maka akan terbuka jendela Blok Editor berisi Viewer, Components dan Properties yang merupakan kanvas kerja kita. Kemudian masukkan Label dari Pallete > Label , seperti pada gambar


Gb. Memberi Label


  1. Set properti nya pada Text = My Hello World , Font = Bold, Background = Orange
  2. Masukkan Button dari Pallete, dan klik button yang telah dimasukkan pada viewer sehingga terlihat propertinya, dan kemudian masukkan image untuk button dengan cara : klik button dan pada jendela properti image > add sehingga muncul jendela upload file, pilih browse untuk mencari file gambar anda, kemudian klik OK.


 Gb. Mengeset image Button

  1. Maka gambar akan diupload dan masuk menjadi image pada tombol button1.


 Gb. Image pada Button1

  1. Setelah itu kita akan menambahkan suara, dari jendela Pallete > Media kemudian drag drop komponen Sound kedalam viewer.  Komponen Sound adalah Non-Visible sehingga dimanapun dia diletakkan akan berada dibawah viewer.
  2. Klik pada Sound sehingga terlihat propertinya di jendela Properties, set source dengan suara yang kita miliki. Ini akan membuat source suara diupload, dengan cara seperti file gambar pada button tadi -browse.


Gb. Menambahkan Suara

  1. Kita telah selesai pada tahap ini, selanjutnya adalah bagaimana membuat komponen-komponen yang ada ini bisa berfungsi sesuai dengan yang kita inginkan
  2. Klik pada Open the Block Editor, sehingga muncul jendela Opening …. Pilih Run langsung, atau Pilih simpan atau save file .jnlp tersebut. Apabila disimpan Setelah tersimpan di komputer kita, jalankan dengan meng-kliknya dua kali file tersebut –RUN  , pastikan ketika membuka file ini adalah menggunakan javaw \ javaws – Java Webstart. Cara setingnya adalah klik kanan pada file, Open With > Choose Default Program > kemudian cari pada C:\Program Files\Java\jre6\bin\javaw atau C:\Program Files\Java\jdk\jre6\bin\javaws dan kemudian cheklist pada Always use the selected progam .....  abaikan peringatan security warning


 Gb. Save Aplikasi

  1. Akan terbuka, jendela Downloading application biarkan sampai selesai,


Gb. Seting javaw – Java Webstart untuk membuka file yg didownload


  1. Pilih OK pada pertanyaaan starting Block Editor, hingga muncul Editor seperti dibawah ini yang berarti jendela kerja Blocks Editor kita sudah terbuka dan siap untuk digunakan
  
Gb. Jendela Blocks Editor

  1. Klik pada MyBlok > Button1 kemudian pilih event Button1.Click sehingga muncul di viewer



Gb. Memasukkan Event untuk Komponen Button1

  1. Kemudian pilih Sound1 > Sound1.Play tarik dan tempatkan pada Button1.Click


Gb. Memasukkan Event Button1 & Suara

  1. Untuk mencobanya kita set terlebih dahulu emulatornya, klik pada new emulator, OK pada starting the emulator hingga muncul emulatornya, buka key lock dengan menggeser tanda kunci disebelah kiri

Gb. Emulator


  1. Kemudian kembali ke Block Editor, klik pada Connect to Device > pilih emulator tunggu hingga proses download selesai dan aplikasi akan tampil di emulator. Coba klik pada layar emulator apakah aplikasi yang kita bikin berfungsi, yaitu akan mengeluarkan suara dering weker ketika di klik. Apabila kita mencobanya pada Handset Android, kita bisa menyentuh layarnya.






Gb. Aplikasi pada Emulator

  1. Kemudian kita akan tambahkan fungsi lainnya, yaitu fungsi getar. Dari My Block > Sound1 tambahkan event Sound1.Vibrate , kita akan melihat event ini memiliki text bertuliskan millisecs ini berarti kita bisa mengeset waktu getarnya –variabel ini disebut juga argument. Caranya klik pada layar block editor diluar block event, yang akan membuat munculnya deretan menu tombol Text, List, Math dan yang lainya,  untuk memberikan nilai vibrasi-nya yaitu pada tombol Math > 123


Gb. Event Sound1.Vibrate

  1. Hingga muncul block number, klik pada block number dan ubah angkanya -dalam satuan milisecond . Cuma sayangnya dengan emulator kita tidak bisa mencobanya, karena getaran hanya bisa dirasakan di Handset.


Gb. Event Sound1.Vibrate & Set waktu

  1. Kita akan belajar lebih jauh dan mengembangkan aplikasi yaitu dengan menambahkan sensor accelerometer, caranya kembali ke Komponen Desainer di Browser, pilih Pallete > Sensor kemudian drag-drops AccelerometerSensor1. Sekali lagi mengingatkan dia adalah komponen yang Non-Visible, sehingga akan langsung berada diluar layar.


 Gb. Komponen AccelerometerSensor1

  1. Kembali ke Block Editor, dan pada MyBlock sudah terdapat komponen AccelerometerSensor1 tarik keluar blok event AccelerometerSensor1.Shaking , juga komponen Sound1.play . Ini berarti kita membuat event ketika handset di goyangkan maka akan langsung terdengar suara dering wekker. Kemudian bisa kita coba di handset kita.


 Gb. Event AccelerometerSensor1


  1. Untuk membuat aplikasi kita menjadi aplikasi yang mandiri, bisa kita memaket -Packaging dan download aplikasi yang kita buat ini dengan cara dari Komponen Desainer kemudian menu Package For Phone pada sebelah kanan. Terdapat dua pilihan yaitu disimpan pada komputer atau langsung di Handset kita.




Gb. Packaging Aplikasi


  1. Apabila kita pilih disimpan di komputer, maka akan dipaket dan didownload ke komputer, sedangkan apabila di download ke Handset maka akan langsung terinstall.

Worktoon



Learning Point
Dari yang telah kita praktekkan kita telah belajar beberapa hal dasar tentang :

  1. Mengenal Lingkungan kerja yaitu Komponen Desainer, Blok Editor, juga Emulator
  2. Kita melihat adanya komponen yang terlihat pada Interface aplikasi kita  -Visible dan komponen yang tidak terlihat –Non-Visible
  3. Mengenal beberapa komponen dan bagaimana mensetting properti dari komponen tersebut, memberikan event dan juga mengatur fungsionalitas –Behavior dari event
  4. Memaket – Packaging aplikasi dengan extention .apk , hingga bisa kita bagikan aplikasi ke pengguna selain kita dan diinstall di handsetnya, entah itu nantinya kita bagikan secara gratis atau dijual di market.


WhacKecoa di Market

Buku App Inventor  Klik disini

Download di Slideshare : App Inventor Hello World
Diposting oleh indo-android
Label: , , , ,

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
Diposting oleh indo-android
Label: , , ,
Langganan: Postingan (Atom)
Return top