Tugas Makalah Appinventor

MAKALAH APP INVENTOR

BY HADI PURNOMO 1

APP INVENTOR

DI SUSUN OLEH

NAMA : HADI PURNOMO

NIM : 11113178

KELAS : 2 A / PEMDA


BY HADI PURNOMO 2

KATA PENGANTAR

Assalamualaikum warahmatullahi wabarakatuh.

Alhamdulillahirabbilalamin. Dengan memanjatkan puji syukur kepada Tuhan Yang Maha Esa, kami

dapat menyelesaikan tugas pembuatan makalah yang berjudul APP INVENTOR dengan lancar.

Pada kesempatan ini kami mengucapkan terima kasih yang sebesar-besarnya kepada : Bapak

Firmansah,S.Kom selaku Dosen pembimbing Sistem Operasi, yang telah memberikan bimbingan

pengajaran sehingga tugas ini dapat selesai dengan lancar. Mama dan Bapak dirumah yang telah

memberikan bantuan materil maupun doanya, sehingga pembuatan makalah ini dapat terselesaikan.

Dan semua pihak yang tidak dapat kami sebutkan satu persatu yang membantu pembuatan makalah

ini.

Akhir kata semoga makalah ini bisa bermanfaat bagi pembaca pada umumnya dan penulis

pada khususnya, kami menyadari bahwa dalam pembuatan makalah ini masih jauh dari sempurna

untuk itu kami menerima saran dan kritik yang bersifat membangun demi perbaikan kearah

kesempurnaan. Atas kesempatan dan perhatiannya kami ucapkan banyak terimakasih.

Wasalam.

Ciputat, 01 Maret 2014 Penulis

HADI PURNOMO


BY HADI PURNOMO 3

D A F T A R I S I KATA PENGANTAR . . . . . . . . . i

DAFTAR ISI . . . . . . . . . . ii

BAB 1 PENDAHULUAN . . . . . . . . 1

A. LATAR BELAKANG . . . . . . . . 1

B. IDENTIFIKASI MASALAH . . . . . . . 1

C. RUMUSAN MASALAH . . . . . . . 1

1. APAKAH YANG DI MAKSUD DENGAN APP INVENTOR ? . . . 1

2. APA SAJAKAH KEMAMPUAN YANG DIMILIKI APP INVENTOR ? . . 1

3. BAGAIMANA CARA MENGGUNAKAN APP INVENTOR VERSI OFFLINE ? . 1

4. BAGAIMANA CARA MENGGUNAKAN APP INVENTOR TRUE OFFLINE ? . 1

5. BAGAIMANA CARA MEMBUAT APLIKASI PADA APP INVENTOR ? . . 1

6. BAGAIMANA POSFEK KEDEPAN DARI GOOGLE APP INVENTOR DI INDONESIA ? 1

D. TUJUAN PENULISAN MAKALAH . . . . . . 1

E. MANFAAT PENULISAN MAKALAH . . . . . . 1

BAB 2 PEMBAHASAN . . . . . . . . . 2

A. APP INVENTOR . . . . . . . . 2

B. KEMAMPUAN YANG DIMILIKI APP INVENTOR . . . . . 4

C. MENGGUNAKAN APP INVENTOR VERSI OFFLINE . . . . 5

D. MENGGUNAKAN APP INVENTOR TRUE OFFLINE . . . . 9

E. MEMBUAT APLIKASI PADA APP INVENTOR . . . . . 11

F. POSFEK KEDEPAN DARI GOOGLE APP INVENTOR DI INDONESIA . . 16

BAB 3 PENUTUP . . . . . . . . . 18

A. KESIMPULAN . . . . . . . . 18

B. SARAN . . . . . . . . . 18

DAFTAR PUSTAKA . . . . . . . . . 19


BY HADI PURNOMO 4

BAB 1 PENDAHULUAN

A. LATAR BELAKANG MASALAH Di era teknologi saat ini, gadget sudah menjadi salah satu kebutuhan primer yang wajib dimiliki masyarakat perkotaan atau metropolitan saat ini. Tidak dipungkiri satiap tahunnya industri samrtphone selalu meluncurkan inovasi-inovasi baru guna mempermudah dan membantu akitivitas masyarakat pada umumnya untuk mencapai tujuan yang dicapai, tentunya smartphone yang di produksi selalu menarik minat masyarakat banyak. Salah satu yang mendukung semakin majunya teknologi dan inovasi adalah munculnya OS Android yang tentunya menarik banyak perhatian akhir-akhir ini. Semakin banyaknya perusahaan perusahaan gadget yang bergerak dibidang telphone pintar berbasis Andorid, menjadi semakin bervariasi masyarakat dalam memilih gadget untuk kepentingan pribadinya. Google juga kini menyediakan layanan App Inventor. App Inventor ini merupakan tool yang bisa diakses di Google Lab, namun kini Google menambah invitation bagi pengguna publik yang lebih luas. App Inventor menyasar para pengguna Android dengan menjanjikan kemudahan dalam membuat aplikasi bagi siapa saja, termasuk mereka, pengguna non-developer. Layanan ini, seperti yang disebutkan di situs resminya tidak memerlukan pengetahuan programming tertentu yang menjadikan siapa pun bisa membuat aplikasi untuk ponsel Android mereka.

Inilah yang menjadi latar belakang saya dalam membuat makalah, lifestyle masyarakat yang selalu haus dengan gedget terbaru dan industri smartphone berbasis Android yang selalu memperbaruhi temuan-temuannya menjadi sesuatu yang selalu digemari dan diidamkan banyak orang menjadi salah satu faktornya.

B. INDENTIFIKASI MASALAH Semakin banyaknya para peindustri smartphone yang berlalih ke OS Android dan banyak diantaranya yang sampai meninggalkan OS yang lamanya dan lebih memilih ke Android.

C. RUMUSAN MASALAH 7. Apakah Yang Di Maksud Dengan App Inventor ? 8. Apa Sajakah Kemampuan Yang Dimiliki App Inventor ? 9. Bagaimana Cara Menggunakan App Inventor Versi Offline ? 10. Bagaimana Cara Menggunakan App Inventor True Offline ? 11. Bagaimana Cara Membuat Aplikasi Pada App Inventor ? 12. Bagaimana Posfek Kedepan Dari Google App Inventor Di Indonesia ?

D. TUJUAN MAKALAH Mengetahui perkembangan pengunaan OS Android khususnya APP INVENTOR.

E. KEGUNAAN MAKALAH Untuk menginformasikan sudah sejauh mana OS Android berkembang, serta berpartisipasi dalam mengembangkan smartphone dan aplikasinya yang berbasis Android untuk kepentingan masyarakat dunia pada umumnya dan di Indonesia pada khususnya.


BY HADI PURNOMO 5

BAB II PEMBAHASAN

A. APP INVENTOR

App Inventor adalah sebuah Web Applikasi yang di kembangkan oleh Google . dan di rilis pada 15 Desember 2010 , pada awalnya sih penelitian ini dilakukan oleh goole dengan tujuan sebagai kompetensi pendidikan pada lingkungan pengembangan online , App Inventor berbentuk Web Aplikasi yang di gunakan untuk mengembangkan atau membuat aplikasi android phone tanpa harus tau bahasa pemrograman secara keseluruhan dan tanpa coding sama sekali , karena App Inventor ini hanya drag and drop saja , kita hanya perlu memainkan logika kita !

APP Inventor adalah sebuah aplikasi builder untuk membuat aplikasi yang berjalan di sistem

operasi Android yang disediakan oleh googlelabs dan untuk membuat Aplikasi android haruslah bermodalkan koneksi internet dan browser. Proyek yang di buat akan di simpan secara online yang membantu kita untuk mengerjakan proyek ini secara bertahap. Meskipun App Inventor ini terbatas tapi banyak banget aplikasi yang powerfull , misall game dengan Grafis 2D dan Animasi , utility , Aplikasi Multimedia , GPS , Navigasi dan masih banyak lagi.

Jadi kalian harus punya account google dulu untuk bisa masuk ke home app inventor. App Inventor ini sedikit berbeda dengan app builder lain seperti (sebut saja e**ipse). Dengan App Inventor kita tidak pernah menemui kasus para developer uring-uringan gara-gara aplikasi yang dibuat nggak jalan, dan ternyata itu hanya karena kesalahan sintak kurang tanda semicolon (;). App Inventor ini menggunakan teknik visual programming, berbentuk seperti susunan puzzle-puzzle yang memiliki logika tertentu. Kalian bisa baca-baca tutorial dan contoh-contoh apilkasi nya di page Explore. a. Pada lingkungan kerja App Inventor ini terdapat beberapa komponen yang terdiri dari :

1. Komponen Desainer Komponen desainer berjalan pada browser yang digunakan untuk memilih komponen

yang dibutuhkan dan mengatur property nya. Pada komponen desainer sendiri terdapat 5 bagian, yaitu palette, viewer, component, media dan properties, seperti terlihat pada gambar di atas.

Palette : list komponen yang bisa digunakan Viewer : untuk menempatkan komponen dan mengaturnya sesuai tampilan

yang diinginkan Component : tempat list komponen yang dipakai pada project kita Media : mengambil media audi atau gambar untuk project kita Properties : mengatur properties komponen yang digunakan, seperti width,

height, name, dll

2. Block Editor Block Editor berjalan di luar browser dan digunakan untuk membuat dan mengatur

behaviour dari komponen-komponen yang kita pilih dari komponen desainer. Nah, berhubung block editor ini basisnya java, jadi lepi kalian sebelumnya harus uda ada jdk sama jre nya ya. Contoh tampilan Block Editor terlihat seperti gambar di bawah ini :


BY HADI PURNOMO 6

3. Emulator Emulator digunakan untuk menjalankan dan mengetest project yang telah kita buat.

Jadi yang blom punya android pun tetep bisa belajar karna app inventor menyediakan emulatornya juga.

b. Instalasi App Inventor Pengaturan untuk Windows

Instalasi Setup App Inventor untuk Windows memiliki dua bagian: 1. Instalasi App Inventor Setup paket software

Langkah ini adalah sama untuk semua perangkat Android, dan sama untuk Windows XP, Vista, dan 7. Kami menyarankan Anda melakukan instalasi dari account yang memiliki hak administrator. Ini akan menginstal perangkat lunak untuk semua pengguna dari mesin. Jika Anda tidak memiliki hak administrator, instalasi masih harus bekerja, tapi App Inventor akan digunakan hanya dari akun yang Anda gunakan saat Anda menginstal.

1. Unduh installer 2. Cari file AppInventor_Setup_Installer_v_1_2.exe (~ 92 MB) dalam file Download atau

Desktop Anda. Lokasi download pada komputer Anda tergantung pada bagaimana browser Anda dikonfigurasi.

3. Buka file tersebut. 4. Klik melalui langkah-langkah dari installer. Jangan mengubah lokasi instalasi tetapi

merekam direktori instalasi, karena Anda mungkin perlu untuk memeriksa pengemudi. Direktori akan berbeda tergantung pada versi Windows dan apakah atau tidak Anda login sebagai administrator.

Mencari perangkat lunak Pengaturan

Dalam kebanyakan kasus, App Inventor harus dapat menemukan software setup sendiri. Tetapi jika meminta lokasi perangkat lunak, jalan masuk adalah C: \ Program Files \ Appinventor \ perintah-untuk-Appinventor . Jika Anda menggunakan mesin 64-bit, Anda harus mengetik Program Files (x86) bukan Program Files. Juga, jika Anda tidak menginstal perangkat lunak sebagai administrator, itu dipasang di direktori lokal Anda daripada di C: \ Program Files. Anda harus mencarinya untuk menemukan pathname yang benar.

2. Menginstal driver Windows untuk ponsel Android Anda

App Inventor pengaturan perangkat lunak termasuk driver untuk ponsel ini Android yang umum: T-Mobile G1 * / ADP1 T-Mobile myTouch 3G * / Google Ion / ADP2 Verizon Droid (tidak Droid X) Nexus One Nexus S

Telepon tidak tercantum di sini akan meminta Anda untuk mendapatkan dan menginstal driver secara manual . Dalam beberapa kasus, driver Windows tidak selalu menginstal otomatis, dalam hal ini Anda harus melakukan instalasi driver pengguna .


BY HADI PURNOMO 7

B. KEMAMPUAN YANG DIMILIKI APP INVENTOR

Banyak hal yang menyenangkan yang Anda dapat jika belajar menggunakan APP Inventor. Kesenangan tersebut adalah sebagai berikut.

1. Just For Fun. Membuat aplikasipada perangkat mobile sangatlah menyenangkan dan APP Inventor menawarkan proses eksplorasi dan discovery. Anda dapat membuat App Inventor pada sebuah web browser, hubungan ponsel Anda mulailah meletakan block. Anda dapat secara cepat melihat dan berinteraksi dengan aplikasi yang sedang Anda bangun pada ponsel Anda.

2. Prototype. Apakah saat ini Anda mempunyai ide untuk membuat aplikasi ? Tuangkan ide Anda menggunakan APP Inventor. Prototype adalah sebuah model kasar dan belum lengkap, akan tetapi telah mewakili ide dasar Anda.

3. Membangun aplikasi sesuai dengan keperibadian. Pada suatu keadaan di dunia aplikasi mobile, mungkin Anda anak berhenti pada suatu keadaan dengan aplikasi yang telah digunakan. Siapa yang tidak akan mengkomplain mengenai sebuah aplikasi yang diharapkan dapat dipersonalisasi atau disesuaikan dengan seadanya? App Inventor dapat membangun sebuah aplikasi seperti yang Anda inginkan.

4. Mengembangkan aplikasi secara lengkap. App Inventor tidak hanya digunakan untuk membuat prototype system atau mendesain tampilan luar. Anda dapat membangun secara utuh aplikasi tersebut menjadi sebuah aplikasi yang bersifat general purpose. Bahasa block menyediakan semua block pemrograman fundamental seperti perulangan dengan kondisi dalam bentuk form block.

5. Teach and learn. Tidak peduli Anda dari sekolah menengah, sekolah tinggi atau universitas, App Inventor adalah sebuah guru dan peralatan belajar yang paling efektif. Hal ini sangat baik untuk Anda yang ingin belajar tentang sains komputer. Kuncinya, Anda dapat belajar pada saat membuat aplikasi.

Kebanyakan orang berpikir, banyak App Inventor sangat mudah untuk digunakan, karena bersifat visual dan mempunyai fitur drag and drop interface. Adapun kelebihan dari APp Inventor adalah sebagai berikut.

1. Anda tidak perlu mengingat dan menulis instruksi. Salaj satu sumber terbesar dari kekesalan para programmer pemula adalah menulis kode program dan muncul pesan error pada jendela pesan. App Inventor membuat Anda sebagai pemula tidak akan menjadi frustrasi dalam mengembangkan aplikasi.

2. Anda hanya seperti memilih pilihan. App Inventor membuat komponen-komponen dan blok diorganisasikan pada sebuah drawer yang siap sedia untuk Anda. Anda dapat dengan mudah memprogram hanya dengan mencari blok-blok program yang sesuai. Anda tidak perlu menginat instruksi atau harus membuka menual program.

3. Hanya seperti block yang dipasangkan satu sama lain. Pemrogram dengan App inventor tidak menampilkan pesan error, akan tetapi bahasa block App inventor akan mencegah Anda untuk melakukan kesalahan di tempat pertama. Sebagai contoh, dapat memasukkan teks. Hal ini tidak dapat mencegah semua error, akan tetapi sangat membantu.

4. Anda dapat menangani event secara langsung. Bahasa pemrograman tradisional telah didesain bahwa pemrograman seperti bekerja dengan resep atau beberapa istruksi. Akan tetapi, dengan interface grafis dan khususnya untuk aplikasi mobile, event dapat terjadi kapan saja. Sebuah event handler ibarat seperti berkata Ketika ini terjadi, aplikasi melakukan ini. Dalam sebuah bahasa tradisional seperti Java, Anda harus memahami class, object dan objek khusus yang sering disebut listener untuk mengekspresikan sebuah event sederhana.


BY HADI PURNOMO 8

C. MENGGUNAKAN APP INVENTOR VERSI OFFLINE I. Untuk menggunakan App Inventor ada beberapa hal yang harus di siapkan terlebih dahulu,

yaitu 1. Memiliki Account Gmail terlebih dahulu, dan masuk Log In

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.

Untuk memulai App Inventor :

Miliki Account gmail, http://www.gmail.com Masuk ke http://beta.appinventor.mit.edu/ Download & Install Java 6 (1.6) dari http://www.java.com Download & Install AppInventor_Setup_Installer_v_1_2.exe http://beta.appinventor.mit.edu/learn/setup/setupwindows.html Install & Setting driver HP Android apabila ada

selanjutnya 3. anda akan dibawa ke halaman App Inventor Setup, dimana terdapat dua tahapan dasar

pada setup yaitu : a. Pada platform windows, - apabila anda menggunakan Linux anda bisa download App

Inventor setup untuk Linux : Setup Komputer, yaitu memiliki komputer PC dgn syarat untuk Windows. Sistem

Operasi Windows yang didukung Windows XP, Windows Vista, Windows 7 Telah menginstall Browser minimal Google Chrome 4.0 rekomendasi , Apple

Safari 5.0 , Microsoft Internet Explorer 7, Mozilla Firefox 3.6 Menginstall Java 6 java 1.6, bisa juga java 1.7 yg bisa download di

http://www.java.com, Kemudian install AppInventor_Setup_Installer_v_1_2.exe yg bisa di download di

http://beta.appinventor.mit.edu/learn/setup/setupwindows.html

Gb. App Inventor Setup

b. Setup lingkungan Developing, yaitu :

Menggunakan Emulator,: pada penggunaan emulator tidak memerlukan setup diawal, karena tinggal diaktifkan dari blok editor.

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


BY HADI PURNOMO 9

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 : Masuk pada home screen Pilih Setting > applications Pada Unkown sources di ceklist

Gb. Setting

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 :

USB Connected, yang berarti handset telah terhubung ke komputer. 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. c. Setelah semua konfigurasi dan setting selesai, anda bisa langsung masuk ke lingkungan

developing dengan melalui http://beta.appinventor.mit.edu/ - apabila tadi masih login anda langsung akan dibawa ke jendela developing :


BY HADI PURNOMO 10

Gb. 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

II. 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.


BY HADI PURNOMO 11

Gb. Komponen desainer

Komponen desainer , terdiri dari :

Viewer : untuk menempatkan komponen dan mengaturnya sesuai tampilan yang diinginkan.

Pallete : 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

2. 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

3. 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


BY HADI PURNOMO 12

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

D. MENGGUNAKAN APP INVENTOR TRUE OFFLINE

Setelah beberapa waktu kita mengenal App Inventor versi offline, sekarang ada versi App Inventor true offline. Perbedaan dari keduanya secara singkat padat dan jelas adalah untuk yang versi offline apabila ingin mengcompile alias mempaket aplikasi maka masih harus terkoneksi internet.

Sedangkan dengan menggunakan App inventor true offline, maka tanpa terkoneksi ke internetpun kita bisa membuat aplikasi android secara mandiri sekaligus bisa mempaket atau mengcompile-nya langsung. Itulah sebabnya disebut juga App Inventor Personal Server, karena sudah include server compilernya, benar-benar sangat menyenangkan buat yang ingin belajar App Inventor tetapi terhambat dengan koneksi internetnya, dan pastinya lebih cepet dari yg versi onlinenya di Beta App Inventor.

App Inventor true offline ini dipackage oleh Gary Frederick ( Jefferson Software) dari source yang di rilis oleh MIT. Disini kita akan memakai versi windows, masih versi test tetapi sudah bagus dan sebanding dengan versi online-nya. OK sekarang waktunya untuk mencobanya : 1. Download file Personal.zip dari

http://sourceforge.net/projects/ai4aconfigs/files/Personal%20server/ 2. Menurut keterangan sudah di test pada Windows 7, 3. Saat dicoba pada Windows XP SP3 dengan JDK 1.6, Block Editor tidak bisa terkoneksi ke

Emulator. Dan ketika memakai Java JDK 1.7 bisa lancar, jadi pastikan apabila tidak bisa lancar menggunakan java JDK 1.6 maka pakailah Java JDK 1.7 download dari http://www.oracle.com/technetwork/java/javase/downloads/jdk7-downloads-1637583.html

4. Install terlebih dulu JDK 1.7 5. Ekstrak file Personal.zip , bebas di tempatkan difolder mana, maka kita akan mendapatkan

empat (4) buah folder yaitu : a. appengine-java-sdk-1.6.4 b. AppInventor c. BuildServer d. java

6. Untuk mencobanya, jalankan BuildServer AppInventor terlebih dulu, yaitu klik duakali pada Personal\BuildServer\launch-buildserver.cmd Sehingga akan muncul jendela command line, tunggu hingga selesai


BY HADI PURNOMO 13

7. Jalankan Sever AppInventor, yaitu dari folder AppInventor klik duakali pada Personal\AppInventor\startAI.cmd , ini juga akan membuka jendela command line

8. Buka browser, dan masukkan alamat localhost:8888 , maka akan terbuka jendela desainer dan

kita sudah bisa memulai membuat aplikasi android dengan App Inventor

9. Alamat lain yang bisa dicoba adalah halaman admin yaitu pada localhost:8888/_ah/admin , silahkan diexplore halaman admin ini.

Diskusi mengenai App Inventor True Offline atau App Inventor Personal Server ada di

https://groups.google.com/forum/?hl=en#!forum/usgsuacwai ,silahkan bergabung disana untuk mendapatkan update informasi, berbagi informasi ataupun bertanya tentang App Inventor. Well, perkembangan terjadi di App Inventor sampai saat ini seperti yang diharapkan, tinggal kreatifitas kita saja untuk menggunakannya, and remember this still test version, use at your own risk. Dan untuk versi online masih tetap di Beta App Inventor.


BY HADI PURNOMO 14

E. MEMBUAT APLIKASI PADA APP INVENTOR

Emulator android sudah punya.., App Inventor sebagai tools untuk membuat aplikasi android pun sudah pernah dikenalkan, nah sekarang waktunya untuk praktek membuat aplikasi android sendiri dengan App Inventor yang katanya mudah itu hehe.., sebagai contoh saya akan membuat aplikasi katalog sederhana 7 keajaiban dunia.

Halaman depan AppInventor sebelum memulai membuat aplikasi, ada prerequisite program yang dibutuhkan untuk menjalankan App Inventor ini untuk membuka block editornya. block editor ini adalah serangkaian alur perintah pemrograman pada App Inventor, jadi yang biasanya kita membuat program dengan coding, kali ini kita membuat program berdasarkan alur perintah (block editor ini bentuknya seperti puzzle loh). bisa di-download di http://appinventor.mit.edu/explore/install-app-inventor-software.html sesuaikan dengan operating system kalian, download, install ikuti petunjuknya. dan JAVA JDK bisa di-download di sini http://www.oracle.com/technetwork/java/javase/downloads/index.html setelah selesai meng-install program tersebut, hal pertama yang selanjutnya dilakukan adalah membuka halaman App Inventor http://appinventor.mit.edu/ pilih invent untuk langsung membuat aplikasi android (untuk mengaksesnya kita harus memiliki akun google). ikuti petunjuknya sampai nanti kita ketemu editor App Inventor.

Editor pada AppInventor


BY HADI PURNOMO 15

saya upload beberapa gambar sebagian untuk sebagai display awalnya atau yang biasa kita sebut welcome screen atau splash screen. lalu sebagian lagi untuk gambar katalognya.

lalu buat beberapa screen baru (klik add screen) sebagai halaman baru untuk memunculkan katalognya (di pemrograman desktop biasa kita sebut form). saya menamakannya sesuai dengan nama negara-negaranya. disebelah kanan screen terdapat properties untuk mengatur tampilan dari screen tersebut.

setelah itu drag drop satu button dan dua label pada pallete di group basic ke viewer di screen1, lalu pada button edit properties dengan memasukan gambar logo pada properties image, hapus text button-nya. pada label, sesuaikan tulisannya dengan yang kita inginkan. sehingga jadi seperti ini

pada screen lainnya (sebagai contoh screen italy) kita bisa memasukan webviewer dari pallete agar konten dari screen tersebut dapat mengambil konten dari internet (kontennya sendiri saya


BY HADI PURNOMO 16

masukan dari wikipedia). klik component-nya lalu masukan url sumber konten yang akan ditampilkan tersebut di properties. jangan lupa untuk memberi title pada properties screen, beri nama yang sesuai.

lakukan hal yang sama pada screen negara yang lainnya. kecuali pada screen MainMenu terdapat perbedaan. pada screen MainMenu, gunakan screenArrangement sesuaikan dengan kebutuhan lalu masukan beberapa button pada screenArrangement tersebut. ubah kembali button-button tersebut seperti pada screen1 (masukan image pada tiap button, lalu hapus textnya).

lalu hal berikutnya yang harus dilakukan adalah memberi alur perintah di block editor. buka block editor pada kanan atas App Inventor. nanti akan ada aplikasi yang langsung di-download dan di-running oleh java. block editor ini adalah program terpisah tapi terintegrasi dengan App Inventor. buka screen1 pada App Inventor di browser, maka block editor akan membuka block editor untuk screen1. pada block editor screen1, buka tab My Block lalu nanti akan terbuka component apasaja yang ada pada screen1 yang kita buat tadi. pilih button lalu button.click (ini adalah event ketika button tersebut di klik oleh user), drag drop pada editornya. lalu pada tab built-in group control cari call open another screen. drag drop lalu tempelkan pada event button.click (seperti puzzle). masih


BY HADI PURNOMO 17

pada tab built-in, pada group text cari text text lalu drag drop pada call open another screen lalu pada text-nya isikan nama screen yang akan kita buka apabila user klik button tersebut (disini saya MainMenu). sehingga bila user klik button tersebut, maka keluar screen MainMenu. sehingga puzzle yang tadi kita buat menjadi seperti ini

apabila kita ingin mencoba hasil dari block editor, klik new emulator, tunggu sampai emulator android keluar, lalu connect to device dan pilih device emulator yang sedang jalan. tetapi kita tidak bisa mencoba keseluruhan eventnya seperti pindah screen, tapi hal tersebut bisa kita lakukan dengan membuat package dari aplikasi yang kita buat lalu menjalankannya pada emulator dari AVD manager. pada App Inventor di browser, buka screen MainMenu, sehingga block editor berganti jadi block editor MainMenu. lakukan alur perintah ganti screen seperti pada screen1. lakukan untuk semua screen yang tersisa sebagai katalog.

jadi, alur program yang kita buat adalah Splash screen (screen1) > screen main menu (pilih salah satu keajaiban dunia) > screen katalog yang menampilkan konten dari webviewer wikipedia. selesai membuat aplikasinya, kita harus mencobanya. kembali pada App Inventor di browser, pada kanan atas terdapat package for phone, klik lalu pilih download to this computer untuk kita mencobanya pada emulator android AVD manager. setelah selesai download, install hasilnya pada


BY HADI PURNOMO 18

emulator (bagi yang belum tahu, cara install-nya bisa dilihat disini). lalu jalankan aplikasinya pada emulator android AVD manager. setelah dijalankan, hasilnya sebagai berikut.

demikian aplikasi android sederhana sudah kita buat, semoga bermanfaat dan semoga kita bisa membuat aplikasi yang lebih baik lagi


BY HADI PURNOMO 19

F. POSFEK KEDEPAN DARI GOOGLE APP INVENTOR DI INDONESIA

Masih ingat dengan layanan dari Nokia yang bisa membuat anda menjadi developer dadakan? OviAppWizard menyediakan langkah praktis dan instan bagi anda yang ingin membuat aplikasi di ponsel Nokia dan juga bisa langsung menjualnya di Ovi Store. Meski tidak sama persis, Google juga kini menyediakan layanan App Inventor. App Inventor ini merupakan tool yang bisa diakses di Google Lab, namun kini Google menambah invitation bagi pengguna publik yang lebih luas. Pengguna harus mengisi formulir tertentu untuk meminta undangan agar bisa menggunakan App Inventor dari Google ini.

App Inventor menyasar para pengguna Android dengan menjanjikan kemudahan dalam membuat aplikasi bagi siapa saja, termasuk mereka, pengguna non-developer. Layanan ini, seperti yang disebutkan di situs resminya tidak memerlukan pengetahuan programming tertentu yang menjadikan siapa pun bisa membuat aplikasi untuk ponsel Android mereka.

Sayangnya undangan saya masih belum disetujui jadi saya belum bisa mencoba layanan dari App Inventor ini. Tapi dari penjelasan yang diberikan Google, dalam membuat aplikasi, pengguna nantinya tidak perlu menyusun kode-kode tertentu, tetapi cukup melakukan desain secara visual dengan menggunakan blocks untuk menyusun berbagai langkah yang ada di aplikasi nantinya. App dan App Store akan menjadi hal lumrah yang mungkin saja dikeluarkan oleh semua produsen, baik itu vendor mobile device maupun perusahaan yang bergerak di aplikasi itu sendiri. Developer menjadi titik sentral, bahkan kini trend-nya bergeser, seperti Nokia dan Google yang mengarahkan pengguna umum untuk menjadi developer bagi gadget mereka sendiri.

Seperti yang saya bayangkan, Android akan menjadi the next big thing, tanda-tanda akan hal itu sudah nampak, juga bagi pengguna di Indonesia. Saya pikir Android bisa menjadi pilihan OS yang sebentar lagi akan tertanam di berbagai ponsel, termasuk ponsel menengah ke bawah.

Memang App Inventor ini masih dalam versi beta dan belum teruji untuk user kebanyakan,

meski Google telah menguji layanan ini di berbagai sekolah di U.S. dan mengajak para pengajar serta siswa untuk membuat aplikasi mereka sendiri, tapi pengguna umum punya karakter lain, dan jika Google ingin menyasar pengguna seperti ini, kita harus menunggu bagaimana respon mereka. Namun, perkembangan App Inventor ini layak untuk dicermati, terutama perkembangan yang ada di belakang layar, seperti penambahan CDK dari pengembang pihak ketiga, yang aplikasinya telah banyak digunakan, seperti Twitter (yang menurut TechCrunch telah menyediakan Components bagi pengguna untuk bermain-main membuat aplikasi di App Inventor) dan aplikasi lain yang sedang trend.

Untuk Indonesia, jelas ini akan berpengaruh, kita memang masih belum melihat perkembangan yang besar dari Google setelah mereka menyatakan resmi masuk Indonesia beberapa waktu yang lalu. Apakah Google menunggu berbagai ponsel berbasis Android menengah ke bawah yang kabarnya akan segera menyerbu Indonesia, atau Google masih meraba perilaku pengguna di sini sebelum meluncurkan layanan mereka untuk merebut pangsa pasar, setidaknya dari Yahoo! yang sudah cukup mapan menikmati pangsa pasar lokal.

Pengguna Indonesia yang ramah teknologi bisa jadi adalah pangsa pasar yang cukup besar dari

App Inventor, bayangkan saja jika nanti ponsel berbasis Android dengan harga terjangkau atau murah masuk ke pasar Indonesia, dan mereka membuat berbagai macam aplikasi di App Inventor, berapa pengguna yang bisa di raih oleh Google? Tentunya dengan asumsi bahwa semua aplikasi di App Inventor bisa digunakan di semua ponsel apapun berbasis Android. Belum lagi pendekatan ke


BY HADI PURNOMO 20

dunia pendidikan dari App Inventor ini (terlihat dari form pendaftaran) yang bisa lebih dikembangkan di tingkat lokal.

Banyak peluang yang bisa dikembangkan oleh Google di pangsa pasar Indonesia, lewat App Inventor yang secara tidak langsung akan menarik brand Android untuk lebih dikenal lagi di pangsa pasar Indonesia. Saya sendiri terus terang tidak sabar untuk melihat ekspansi lebih besar lagi dari Google terutama Android dan melihat bagaimana dampaknya bagi penguna ponsel di Indonesia. Well, mari kita lihat perkembangan selajutnya, sementara itu, apakah anda sudah mencoba App Inventor dari Google ini? Anda bisa share pengalaman anda membuat aplikasi di kolom komentar, atau anda juga bisa share pendapat lain tentang perkembangan Google dan Android, atau komentar lain tentang pendekatan ala developer yang dilakukan para giant seperti Google.


BY HADI PURNOMO 21

BAB III PENUTUP

A. KESIMPULAN

Dalam mencipta App Inventor for Android, Google telah melakukan menyelidikan mendalam terlebih dahulu dalam pembelajaran perkomputeran, yang dilaksanakan dalam persekitaran pembangunan Google online.Para menyunting blok menggunakan (Blocks Java library) untuk mencipta bahasa pengatucara visual blok.

B. SARAN Untuk penyempurnaan pembuatan makalah kedepannya, saya mengharapkan

adanya saran dari semua pihak baik dosen maupun seluruh mahasiswa yang membaca makalah APP INVENTOR ini terhadap kekurangan yang terdapat pada makalah ini.


BY HADI PURNOMO 22

http://kuliahitsingkat.blogspot.com/2013/04/app-inventor.html

http://rijalahmad.wordpress.com/2013/07/29/kemampuan-app-inventor/ http://yuniarprasetyo.wordpress.com/2013/03/28/uniknya-app-inventor/

http://indo-android.blogspot.com/2011/09/memulai-app-inventor.html

http://goo-android.blogspot.com/2012/01/membuat-app-inventor-berjalan-tanpa.html http://indo-android.blogspot.com/2012/01/membuat-app-inventor-berjalan-tanpa.html http://indo-android.blogspot.com/2012/07/app-inventor-true-offline-app-inventor.html

http://hafizbudi.blog.ugm.ac.id/2011/12/04/membuat-aplikasi-android-menggunakan-app-

inventor/ http://farninuramalia.blogspot.com/2013/06/membuat-aplikasi-android-dengan-mit-app.html

http://hadigunawan.net/berita-social-media/android-punya-masa-depan-yang-cerah

http://toyamilindo.blogspot.com/2010/07/akankah-google-app-inventor-diminati-di.html

Documents

Tugas Makalah Appinventor