PEMBUATAN APLIKASI MEDIA PEMBELAJARAN

MENGGUNAKAN APP INVENTOR

MAKALAH
Diajukan untuk memenuhi salah satu tugas terstruktur matakuliah
Teknologi Informasi dan Komunikasi Pendidikan

Dosen Pengampu:
Diah Mulhayatiah, S.Si., M.Pd.
Winda Setya, S.Si., M. Sc.

Oleh:
M Rifki Aldiansyah 1152070046
Nurul Zannah 1152070054
Kelas/Semester: B/VI

PROGRAM STUDI PENDIDIKAN FISIKA

JURUSAN PENDIDIKAN MIPA
FAKULTAS TARBIYAH DAN KEGURUAN
UNIVERSITAS ISLAM NEGERI SUNAN GUNUNG DJATI
BANDUNG
2018
 KATA PENGANTAR
Puji dan syukur penulis panjatkan ke hadirat Allah SWT, karena atas
rahmat dan karunia-Nya penulis dapat menyelesaikan makalah ini. Shalawat dan
salam kita curahkan kepada jungjungan kita semua yakni Nabi Muhammad SAW,
beserta keluarganya, sahabatnya, dan mudah-mudahan sampai kepada kita selaku
umatnya.

Penulis menyadari bahwa tanpa adanya bantuan dan peran dari pihak lain,
makalah ini tidak akan terwujud sesuai dengan harapan. Untuk itu, penulis
mengucapkan terimakasih kepada semua pihak yang telah membantu dalam
penyelesaian makalah ini.

Semoga makalah ini dapat memberikan wawasan dan manfaat khususnya

bagi penulis dan umumnya bagi semua pihak yang telah membaca makalah ini.
Saya sadar dalam pembuatan makalah ini jauh dari kata sempurna dikarenakan
keterbatasan kemampuan yang dimiliki, oleh karena itu mohon kritik dan saran
yang sifatnya membangun dari pembaca.

Bandung, Mei 2018

Penulis

i
 DAFTAR ISI

KATA PENGANTAR ............................................................................................. i

DAFTAR ISI ........................................................................................................... ii
BAB I ...................................................................................................................... 1
PENDAHULUAN .................................................................................................. 1
A. Latar Belakang ......................................................................................... 1
B. Rumusan Masalah .................................................................................... 1
C. Tujuan ....................................................................................................... 2
BAB II ..................................................................................................................... 3
PEMBAHASAN ..................................................................................................... 3
A. Pengertian App Inventor .......................................................................... 3
B. Cara Menggunakan App Inventor ............................................................ 5
C. Cara Membuat Aplikasi Sederhana Menggunakan App Inventor ............ 6
BAB III ................................................................................................................. 13
SIMPULAN .......................................................................................................... 13
DAFTAR PUSTAKA ........................................................................................... 14

ii
 BAB I

PENDAHULUAN

A. Latar Belakang
Pesatnya arus globalisasi tidak terlepas dari semakin cepatnya
perkembangan teknologi. Perkembangan teknologi yang sangat pesat juga
berpengaruh besar terhadap dunia pendidikan yang membuat kebutuhan
terhadap suatu konsep dan mekanisme belajar mengajar berbasis TI tidak
terelakkan lagi. Salah satunya yaitu penggunaan smartphone android
sebagai media pembelajaran.
Aplikasi merupakan salah satu aspek yang sangat penting dalam
penggunaan smartphone android. Aplikasi dibuat untuk digunakan bahkan
dapat diperjualbelikan. Aplikasi yang sering kita temui yang dapat diakses
dengan mudah dengan menggunakan Google Play atau yang lainnya.
Namun pada umumnya penggunan ini hanya mengetahui cara
menggunakan dari aplikasi ini saj, tanpa mengetahui cara untuk membuat
atau menghasilkan sebuah aplikasi.
Dari latar belakang di atas, makalah ini akan akan membahas
mengenai program atau software yang dapat digunakan untuk membuat
atau menghasilkan aplikasi android yaitu App Inventor. Khususnya
apliaksi android sebagai media pembelajaran atau mobile learning.

B. Rumusan Masalah
Berdasarkan latar belakang di atas maka penulis merumuskan
masalah sebagai berikut:
1. Apa yang dimaksud dengan App Inventor?
2. Apa saja fitur yang terdapat pada App Inventor?
3. Bagaimana cara menggunakan App Inventor?
4. Bagaimana cara membuat aplikasi sederhana pada App Inventor?

1
C. Tujuan
Berdasarkan rumusan masalah di atas maka penulis merumuskan
masalah sebagai berikut:
1. Menjelaskan yang dimaksud dengan App Inventor.
2. Menjelaskan fitur-fitur yang terdapat pada App Inventor.
3. Menjelaskan cara menggunakan App Inventor.
4. Menjelaskan cara membuat aplikasi sederhana menggunakan App
Inventor.

2
 BAB II

PEMBAHASAN

A. Pengertian App Inventor

App Inventor merupakan sebuah aplikasi yang digunakan untuk
membuat ataupun mengembangkan aplikasi android tanpa harus
mengetahui bahasa pemrograman secara keseluruhan dan juga tanpa
coding yang sulit, karena paa prinsipnya App Inventror ini hanya drag and
drop (Purnomo, 2014). Jadi, dengan menggunakan App Inventor ini kita
dapat menggunakannya tanpa koding.

App Inventor ini menggunakan teknik visual programming,

berbentuk seperti susunan puzzle-puzzle yang memiliki logika tertentu.
App Inventor ini terdiri dari beberapa fitur yang terdiri dari:

Gambar 1. Fitur-fitur App Inventor

Sumber: http://bit.ly/2LCmiEY

1. Menu
Berisikan menu-menu seperti Build aplikasi yang telah dibuat ke
dalam bentuk apk, export project ke dalam file berextensi *.aia, Import
Project, dan Save Project.

3
2. Design
Berfungsi untuk mendesain komponen yang akan kita gunakan, atau
mendesain User Interface aplikasi yang kita buat.
3. Block
Berfungsi untuk memprogram jalannya aplikasi yang kita buat,
berisikan block-block yang dapat di drag and drop.
4. Palette Column
Berisi semua komponen yang akan digunakan pada project. Komponen
pada bagian palette ini dikelompokkan berdasarkan jenisnya, Palette
column tidak hanya berisi komponen UI saja tetapi ada layout,
drawing and animation, media, social, dan data.

5. Components Column
Berisi daftar semua komponen yang kita gunakan pada project/viewer.
Saat kita menambahkan sebuah komponen pada viewer/project, maka
daftar isi components akan bertambah sesuai dengan jenis komponen
yang disisipkan.
6. Viewer Column
Berfungsi untuk menampilkan/meletakkan komponen yang telah
dipilih. Semua yang ada pada bagian viewer ini yang nantinya akan
terlihat saat project dijalankan.
7. Media Column
Berisi daftar media (gambar, clip art, suara, musik, atau film) yang kita
sisipkan pada project.
8. Properties Column
Berfungsi untuk mengatur properti dari komponen yang kita gunakan,
setiap komponen memiliki properti tersendiri yang dapat kita atur pada
bagian properti ini, sesuai dengan kebutuhan kita.

4
B. Cara Menggunakan App Inventor
Pembuatan aplikasi android menggunakan App Inventor dapat
dilakukan dengan menggunakan dua cara, yaitu secara online dan offline.
Dalam makalah ini penulis akan lebih membahas pada penggunaan App
Inventor secara online.
Untuk membuat aplikasi android secara online, dibutuhkan sebuah
akun email berbasisis Gmail. Jadi diaharapkan kita harus memiliki akun
Gmail terlebih dahulu. Berikut ini langkah-langkah memulai penggunaan
App Inventor secara online:
1. Bukalah browser dan masukan alamat pada address bar
http://ai2.appinventor.mit.edu/.
2. Jika kita belum login ke akun gmail, maka akan tampil halaman Login
Gmail. Lalu isikan Uname dan password akun gmai, dan pilih Sign In /
masuk.
3. Selanjutnya, google akan menghubungan akun kita dengan aplikasi
MIT Appinventor

Klik tombol allow, dan pada halaman “Terms of Service-MIT App

Inventor Privacy Policy and Terms of Use”, pilih tombol Accept the
terms of service. Setelah itu kita akan berhasil masuk ke halaman MIT
App Inventor 2.

5
 4. Pilih Take Survey Later, supaya kita bisa langsung memulai mebuat
aplikasi melalui App Inventor ini.

5. Selanjutnya pilih Continue pada kotak dialog “Welcome to App

Inventor”

6. Maka halaman dashboard Inventor 2 siap menerima perintah anda.

C. Cara Membuat Aplikasi Sederhana Menggunakan App Inventor

Pada pemanfaatan App Inventror untuk membuat aplikasi
sederhana sebagai media pembelajaran, disini kita dapat membuat aplikasi
berisi materi yang terdapat latihan soal berupa multiple choice. Adapun

6
langkah-langkah cara membuat aplikasi sederhana ini yaitu sebagai
berikut:

1. Sebelum mendesain user interface pada aplikasi yang akan dibuat,

baiknya kita menyiapkan terlebih dahulu file-file yang akan
dimasukkan dalam aplikasi. Misalnya file-file gambar yang berisi
materi atau file gambar yang akan digunakan untuk memperinah
aplikasi.
2. Buka program App Inventor dan buat project baru dengan nama yang
akan dibuat pada navigasi my project. Misal klik My Project => New
Project => input name => AplikasiQuiz ( tanpa spasi )

3. Langkah selanjutnya kita masukan komponen-koponen di bawah ini ke

desain program seperti button, label dan yang lainnya seperti gambar
di bawah ini

7
 Dari komponen-komponen yang dimasukkan tersebut, berikut merupakan
penjelasan dari properti-properti yang digunakan:

a. Layout Property(Name=Kolom_Pertanyaan)
b. Label Property(Name=L_Pertanyaan, Text=Pertanyaan)
c. Image
d. Button Property(Name=BTN_Jawaban1,Text=Jawaban1)
e. Button Property(Name=BTN_Jawaban2,Text=Jawaban2)
f. Button Property(Name=BTN_Jawaban3,Text=Jawaban3)
g. Button Property(Name=BTN_Jawaban4,Text=Jawaban4)
h. Layout Property(Name=Kolom_Hasil)
i. Label Property(Name=L_Hasil)
j. Button Property(Name=BTN_Ulangi, Text=Ulangi)
4. Setelah semua komponen terpasang pas User Interface. Lalu buatlah
logika fungsi atau perintah agar aplikasi quiz multiple choice yang akan
dibuat dapat dijalankan. Klik “Block” paada sudut kanan atas App
Inventor, maka akan muncul tampilan seperti ini

5. Selanjutnya masukan ke block program susunan variable seperti

gambar di bawah ini

8
6. Setelah menyusun variable seperti contoh di atas, selanjutnya kita
menyusun block untuk prosedur pertanyaan seperti gambar dibawah
ini

7. Selanjutnya kita buat program atau menyusun block untuk fungsi

Button seperti gambar di bawah ini

9
 8. Prosedur selesai, dengan menyusun prosedur seperti dibawah ini

9. Setelah semua logika fungsi selesai dibuat, selanjutnya kita jalankan

dengan mengKlik “New Emulator”, tunggu sampai proses runing
selesaidan secara otomatis Aplikasi quiz yang kita buat akan tampil
dan siap untuk dijalankan.
10. Lalu save project untuk menyimpan project yang telah dibuat

Agar aplikasi ini dapat dibuka pada smartphone android, kita harus
mendownload dan menginstal aplikasi yang telah kita buat tentunya. Caranya
yaitu sebagai berikut:

10
1. Untuk menyimpan file sumber: Pilih Project > Export selected project
(.aia) to my computer. Maka file sumber project aplikasi tersebut akan
disimpan pada komputer.

2. Untuk mengunduh file aplikasi (.apk) adalah dengan cara: Pilih menu
Build > App (Save .apk to My Computer)

3. Tunggu sebentar, server sedang melakukan prosses build pada project

yang telah dibuat dan muncul tampilan seperti ini

11
4. Setelah itu browser akan menampilkan unduhan file apk pada halaman
downloads
5. Setelah file apk diunduh, kita dapat menginstalnya pada smartphone kita.
6. Aplikasi siap dijalankan.

12
 BAB III

SIMPULAN

App Inventor adalah sebuah tool untuk membuat aplikasi android yang
berbasis visual block programming. App Inventor dapat dibuka atau digunakan
dengan 2 cara yaitu online (dengan menggunakan koneksi internet) dan offline
(yang tidak menggunakan koneksi internet). Pembuatan aplikasi dengan
menggunakan App Inventor ini dapat digunakan untuk media pembelajaran yang
dapat lebih dikembangakan lagi.

13
 DAFTAR PUSTAKA
Ahmad,Rijal.2013.Kemampuan App Inventor dalam
(https://rijalahmad.wordpress.com/2013/07/29/kemampuan-app-inventor/) dikases
pada 28 Mei 2018

Saifurrachman.2013.Cara Instalasi Aoo Inventor) dalam

(https://muchsaifurrachman01.wordpress.com/2013/12/11/cara-instalasi-app-
inventor/) diakses pada 28 Mei 2018

Waryantho.2013.membuat aplikasi sederhana disadur dalam

(http://waryantosite.blogspot.com/2013/03/membuat-aplikasi-sederhana-
denganapphtml) diakses pada 28 Mei 2018

Purnomo, H. (2014). App Inventor. Ciputat.

14