APP INVENTOR

MAKALAH
Diajukan Untuk Memenuhi Salah Satu Tugas Terstruktur Mata Kuliah Teknologi, Informasi
dan Komunikasi
Dosen Pengampu : Diah Mulhayatiah, S.Pd., M.Pd.
: Winda Setya, S.Si., M.Sc.

Oleh Kelompok 10:

Dede Ruhimat (1152070015)
Kokom Komalasari (1152070039)
Lugina Kamalia (1152070040)

PROGRAM STUDI PENDIDIKAN FISIKA

JURUSAN PENDIDIKAN MIPA
FAKULTAS TARBIYAH DAN KEGURUAN
UNIVERSITAS ISLAM NEGERI SUNAN GUNUNG DJATI
BANDUNG
2018
 KATA PENGANTAR

Puji dan Syukur saya panjatkan kehadirat Allah SWT, atas limpahan rahmat dan ridha-
Nya penulis dapat menyelesaikan makalah ini yang berjudul ”APP INVENTOR”.
Shalawat serta salam mudah mudahan senantiasa tercurah limpahkan kepada junjunan
nabi besar kita, manusia suri tauladan bagi setiap insan, yakni Nabi Muhammad SAW. Beliau
adalah manusia sempurna yang patut kita jadikan contoh dalam kehidupan sehari-hari.
Penulis yakin bahwa makalah ini tidak akan dapat terselesaikan dengan baik tanpa
rahmat Allah SWT dan bantuan, bimbingan serta dorongan dari berbagai pihak baik secara
langsung mmaupun tidak langsung dan materil maupun spiritual.
Dari sanalah kesuksesan ini berawal, semoga ini semua dapat memberikan sebuah
kebahagiaan dan menuntun pada langkah yang lebih baik lagi. Penulis sadar bahwa makalah
ini masih jauh dari kesempurnaan. Oleh karena itu penulis mengharapkan kritik dan saran
yang membangun terhadap makalah ini. Akhir kata penulis berharap agar makalah ini
bermanfaat bagi semua pembaca dan senantiasa berada dalam naungan keridhaan-Nya. Amin.

Bandung, Mei 2018

Penulis

ii
 Daftar Isi
KATA PENGANTAR ............................................................................................................................ ii
BAB I ...................................................................................................................................................... 1
PENDAHULUAN .................................................................................................................................. 1
A. Latar Belakang ............................................................................................................................ 1
B. Rumusan Masalah ....................................................................................................................... 1
C. Tujuan ......................................................................................................................................... 1
BAB II..................................................................................................................................................... 2
ISI DAN PEMBAHASAN ..................................................................................................................... 2
A. PENGERTIAN ........................................................................................................................... 2
B. KOMPONEN-KOMPONEN ....................................................................................................... 2
C. KEMAMPUAN............................................................................................................................ 3
D. LANGKAH-LANGKAH CARA MEMBUAT BLOG............................................................... 4
E. KELEBIHAN DAN KEKURANGAN BLOG ............................................................................. 8
BAB III ................................................................................................................................................. 10
PENUTUP ............................................................................................................................................ 10
A. KESIMPULAN ......................................................................................................................... 10
B. SARAN ..................................................................................................................................... 10
Daptar Pustaka ...................................................................................................................................... 11

iii
 BAB I
PENDAHULUAN

A. Latar Belakang
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 tertentuyang 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. Rumusan Masalah
1. Apa yang dimaksud dengan App Inventor?
2. Komponen apa saja yang terdapat pada App Inventor?
3. Bagaimana sajakah kemmpuan App Inventor?
4. Bagaimana cara membuat aplikasi pada App Inventor?
5. Apa kelebihan dan kekurangan App Inventor?

C. Tujuan
1. Untuk mengetahui apa yang dimaksud dengan App Inventor.
2. Untuk mengetahui komponen yang terdapat pada App Inventor.
3. Untuk mengetahui fungsi App Inventor.
4. Untuk mrngetahui cara membuat aplikasi pada App Invetor.
5. Untuk mengrtahui kelebihan dan kekurangan App Inventor.

1
 BAB II
ISI DAN PEMBAHASAN

A. PENGERTIAN
MIT App Inventor adalah aplikasi inovatif yang dikembangan Google dan MIT untuk
mengenalkan dan mengembangkan pemrograman android dengan mentrasformasikan
bahasa pemrograman yang kompleks berbasis teks menjadi berbasis visual (drag and
drop) berbentuk blok-blok (Dwintaputri).

App Inventor adalah sebuah Web Applikasi yang di kembangkan oleh Google . dan di
rilis pada15 Desember 2010 , pada awalnya sih penelitian ini dilakukan oleh goole
dengan tujuan sebagaikompetensi pendidikan pada lingkungan pengembangan online ,
App Inventor berbentuk WebAplikasi yang di gunakan untuk mengembangkan atau
membuat aplikasi android phone tanpaharus tau bahasa pemrograman secara keseluruhan
dan tanpa coding sama sekali , karena AppInventor ini hanya drag and drop saja , kita
hanya perlu memainkan logika kita !
App Inventor adalah sebuah aplikasi untuk membuat Aplikasi android yang
bermodalkan koneksi internet dan browser , dan proyek yang di buat akan di simpan
secara online yang membantu kita untuk mengerjakan proyek ini secara bertahap
(Christiawan, 2014 ).

APP Inventor adalah sebuah aplikasi builder untuk membuat aplikasi yang berjalan di
sistemoperasi Android yang disediakan oleh googlelabs dan untuk membuat Aplikasi
android haruslahbermodalkan koneksi internet dan browser. Proyek yang di buat akan di
simpan secara online yangmembantu kita untuk mengerjakan proyek ini secara bertahap.
Meskipun App Inventor ini terbatastapi banyak banget aplikasi yang powerfull , misall
game dengan Grafis 2D dan Animasi , utility ,Aplikasi Multimedia , GPS , Navigasi dan
masih banyak lagi (Android Indonesia , 2011).

B. KOMPONEN-KOMPONEN
Berikut ini merupakan komponen-komponen yang terdapat pada lingkungan kerja App
Inventor, yaitu:
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

2
 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 :
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 (Noviandi, 2013).

C. KEMAMPUAN
Berikut ini merupakan kemampuan-kemampuan yang dimiliki oleh App Inventor,
diantaranya yaitu:
 Just For Fun. Membuat aplikasi pada perangkat mobile sangatlah menyenangkan dan
App Inventor enawarkan proses eksplorasi dan discovery. Kalian dapat membuka App
Inventor pada sebuah web browser, hubungkan ponsel kalian dan mulailah
meletakkan block seperti yang ditunjukkan pada gambar sebelumnya. Kalian dapat
secara cepat melihat dan berinteraksi dengan apliasi yang sedang kalian bangun pada
ponsel kalian.
 Membangun aplikasi sesuai dengan kepribadian. Pada suatu keadaan di dunia aplikasi
mobile, mungkin kalian akan 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 kalian inginkan.
 Apakah saat ini kalian mempunyai ide untuk membuat aplikasi? Tuangkan ide kalian
menggunakan App Inventor. Prototype adalah sebuah model kasar dan belum
lengkap, akan tetapi telah mewakili ide dasar kalian.
 Mengembangkan aplikasi secara lengkap. App Inventor tidak hanya digunakan untuk
membuat prototype system atau mendesain tampilan luar. Kalian 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.
 Teach and Learn. Tidak peduli kalian dari sekolah menengah atau universitas, App
Inventor adalah sebuah guru dan peralatan belajar yang paling efisien. Hal ini sangat
baik untuk kalian yang ingin belajar tentang sains komputer. Kuncinya, kalian dapat
belajar pada saat membuat aplikasi.

3
D. LANGKAH-LANGKAH CARA MEMBUAT BLOG
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
dihttp://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

upload beberapa gambar 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 dengannama negara-negaranya. disebelah kanan screen terdapat
properties untuk mengatur tampilan dari screen tersebut.

4
 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, hapustext button-nya. pada label, sesuaikan tulisannya dengan yang kita inginkan.
sehingga jadi seperti ini

pada screen lainnya (sebagai contoh screen italy) kita bisa memasukan web viewer
dari pallete agarkonten dari screen tersebut dapat mengambil konten dari internet
(kontennya sendiri saya 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, berinama yang sesuai.

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

5
 lalu hal berikutnya yang harus dilakukan adalah memberi alur perintah di block
editor. buka blockeditor 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 adapada screen1 yang kita buat tadi. pilih button lalu button.click (ini
adalah event ketika buttontersebut di klik oleh user), drag drop pada editornya. lalu pada
tab built-in group control cari “callopen another screen”. drag drop lalu tempelkan pada
event button.click (seperti puzzle). Masih 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 (disinisaya
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
emulatorandroid keluar, lalu connect to device dan pilih device emulator yang sedang
jalan. tetapi kita tidakbisa mencoba keseluruhan eventnya seperti pindah screen, tapi hal
tersebut bisa kita lakukandengan 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 blockeditor MainMenu. lakukan alur perintah ganti screen seperti pada screen1.
lakukan untuk semuascreen yang tersisa sebagai katalog.

6
 jadi, alur program yang kita buat adalah Splash screen (screen1) > screen main
menu (pilih salahsatu 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 emulator (bagi yang belum tahu,
cara install-nya bisa dilihat disini). lalu jalankan aplikasinya padaemulator android AVD
manager. setelah dijalankan, hasilnya sebagai berikut.

7
 demikian aplikasi android sederhana sudah kita buat, semoga bermanfaat dan semoga
kita bisamembuat aplikasi yang lebih baik lagi. s

E. KELEBIHAN DAN KEKURANGAN BLOG

Kelebihan:

 Tidak menggunakan coding/bahasa pemrograman seperti umumnya

 Menggunakan sistem drag and drop layaknya puzzle

8
 Mudah
 Tidak membutuhkan instalasi karena berbasis web
 Fitur yang cukup lengkap untuk pemula

Kekurangan:

 Tidak bisa full screen karena ada credit

 Masih ada beberapa komponen yang kurang lengkap
 Membutuhkan koneksi interne

9
 BAB III
PENUTUP

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

B. SARAN
Untuk penyempurnaan pembuatan makalah kedepannya, saya mengharapkanadanya
saran dari semua pihak baik dosen maupun seluruh mahasiswa yang membacamakalah
APP INVENTOR ini terhadap kekurangan yang terdapat pada makalah ini

10
 Daptar Pustaka
Android Indonesia . (2011, september). Retrieved from apa itu App Inventor : http://indo-
android.blogspot.co.id/2011/09/apa-itu-app-inventor.html

Christiawan. (2014 , february). pengertian App Invemtor . Retrieved from

http://ketikanpelajarbodoh.blogspot.co.id/2014/02/pengertian-app-inventor.html

Dwintaputri, K. (n.d.). App Inventor . universitas gunadarma .

Noviandi, S. (2013, april 04). Kuliat Itsingkat. Retrieved from App Inventor:
http://kuliahitsingkat.blogspot.co.id/2013/04/app-inventor.html

11