Professional Documents
Culture Documents
APP INVENTOR
DI SUSUN OLEH
NAMA NIM KELAS : : : HADI PURNOMO 11113178 2 A / PEMDA
BY HADI PURNOMO
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.
HADI PURNOMO
BY HADI PURNOMO
DAFTAR ISI
. .
. . . .
. . . . . .
. . . . . .
. . . . . .
. . . . . .
. . . . . . .
. . . . . . . .
. . . . . . . . . . .
i ii 1 1 1 1 1 1 1 1 1 1 1 1
3. BAGAIMANA CARA MENGGUNAKAN APP INVENTOR VERSI OFFLINE ? 4. BAGAIMANA CARA MENGGUNAKAN APP INVENTOR TRUE OFFLINE ? 5. BAGAIMANA CARA MEMBUAT APLIKASI PADA APP INVENTOR ? .
6. BAGAIMANA POSFEK KEDEPAN DARI GOOGLE APP INVENTOR DI INDONESIA ? D. TUJUAN PENULISAN MAKALAH E. MANFAAT PENULISAN MAKALAH . . . . . . . . . . . .
. .
. .
. .
. .
. . . . . .
. . . . . .
. . . . . . .
. . . . . . .
2 2 4 5 9 11 16
B. KEMAMPUAN YANG DIMILIKI APP INVENTOR . C. MENGGUNAKAN APP INVENTOR VERSI OFFLINE D. MENGGUNAKAN APP INVENTOR TRUE OFFLINE E. MEMBUAT APLIKASI PADA APP INVENTOR .
BAB 3 PENUTUP
. . .
. . .
. . .
. . .
. . .
. . .
. . .
. . .
18 18 18
A. KESIMPULAN B. SARAN .
DAFTAR PUSTAKA
19
BY HADI PURNOMO
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
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 Viewer Component Media Properties : list komponen yang bisa digunakan : untuk menempatkan komponen dan mengaturnya sesuai tampilan yang diinginkan : tempat list komponen yang dipakai pada project kita : mengambil media audi atau gambar untuk project kita : 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
MAKALAH APP INVENTOR 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
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 8
MAKALAH APP INVENTOR 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 9
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
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
10
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.
MAKALAH APP INVENTOR Ketiga Lingkungan kerja diatas, akan bisa tampil secara bersamaan dan secara bergantian juga berpindah kita akan menggunakannya dalam membuat aplikasi android dengan App Android.
BY HADI PURNOMO
12
MAKALAH APP INVENTOR 7. Jalankan Sever AppInventor, yaitu dari folder AppInventor klik duakali Personal\AppInventor\startAI.cmd , ini juga akan membuka jendela command line pada
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
13
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-inventorsoftware.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.
MAKALAH APP INVENTOR 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 15
MAKALAH APP INVENTOR 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 dirunning 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 16
MAKALAH APP INVENTOR 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 17
MAKALAH APP INVENTOR 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 18
BY HADI PURNOMO
19
MAKALAH APP INVENTOR 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
20
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
21
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-appinventor/ 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
BY HADI PURNOMO
22