ELECTRONIC PHYSICH EDUCATION

TUTORIAL APP INVENTOR 2

Mempersembahkan

Disusun Oleh :

YUSUP SETIAWAN

1162070079

PROGRAM STUDI PENDIDIKAN FISIKA

JURUSAN PENDIDIKAN MIPA

FAKULTAS TARBIYAH DAN KEGURUAN

UNIVERSITAS ISLAM NEGERI SUNAN GUNUNG DJATI

BANDUNG

2019
 TUTORIAL APP INVENTOR 2

Disini saya akan mencoba membuat aplikasi EPHYE yang dimana pada aplikasi ini saya
akan menampilkan 5 pertanyaan saja. Dan nanti pengguna bisa menjawab pertanyaan
tersebut dan akan mendapatkan skor. Untuk membuat aplikasi EPHYE, berikut ini langkah-
langkahnya:

1. Login ke aplikasi App Inventor http://ai2.appinventor.mit.edu/

2. Buat project baru dengan cara mengklik start new project, kemudian ketikkan nama
projectnya. Terus klik OK

3.  Langkah berikutnya adalah membuat layout aplikasi yang akan kita buat. Saya
akan membuat background gambar. Langkahnya yaitu klik tombol upload file
pada sisi sebelah kanan bawah. Kemudian pilih gambarnya
4. Kemudian klik component screen pada sisi sebelah kanan layar. Kemudian
ubahlah BackgroundImage dan pilihlah gambar yang baru saja anda upload
5. Lalu saya akan membuat layout seperti gambar dibawah ini. Layoutnya terdiri
dari 3 Text Label dan 4 Button. Kalian tinggal drag and drop saja ya

6. Kemudian kalian harus mengubah layout tersebut sesuai keinginan kalian.

Sesuaikan layout seperti gambar diatas.
7.  Selanjutnya kita akan membuat layout kedua yang nantinya akan digunakan
untuk menampilkan skor kuisnya. Untuk membuat layout atau screen baru
caranya yaitu klik tombol add screen lalu klik ok seperti pada gambar
dibawah ini

8. Kemudian ubahlah dan sesuaikan layout “Screen2”. Sesuaikan dengan kreasi

kalian.
9. Setelah semua layout selesai dibuat. Kita akan masuk ke menu block
disamping kanan. Saya akan membuat sebuah blocks sehingga aplikasi yang
kita buat berjalan sesuai dengan yang kita inginkan.
10. Kita akan mendeklarasikan variabel di “Screen1”. Kita pilih Screen1.
Selanjutnya kita klik “Blocks”. Pertama-tama saya akan mendeklarasikan
sebuah variabel pertanyaan. Caranya cukup mudah yaitu klik “variables” yang
berada disamping kiri, kemudian drag and drop “initialize global” ke area
sebelah kanan
11. Kemudian lakukan hal yang sama dan silahkan di eksplor sehingga
membentuk “blocks”seperti pada gambar dibawah ini

12. Selanjutnya kita akan membuat 2 variabel yaitu variabel skor dan variabel
index. Kemudian saya akan membuat sebuah prosedure yang kita namanakan
“soal”. Procedure “soal” ini berfungsi untuk menampilkan sebuah soal.
13. Kemudian saya akan membuat OnClick Handler. Yaitu kita akan membuat
tugas yang akan dilakukan oleh aplikasi jika pengguna memencet tombol
pilihan Jawaban. Silahkan lihat gambar di bawah ini

14.  Selanjut kita tinggal men-copy paste blocks kode “when Button1.Click”. Dan
lalu diedit sehingga jadi seperti gambar diatas.
15. Lalu kita pindah ke Screen selanjutnya. kita akan membuat hasil ujian pada
Screen selanjutnya. Ubahlah seperti gambar di bawah ini
 16. Kemudian klik connect >> Al companion untuk mencoba pada Hp Android
kalian, maka akan terlihat seperti pada gambar di bawah ini.

17. Bila sudah sesuai dengan keinginan klik Build >> App (Save .apk to my
computer). Lihat gambar di bawah
18. Instal aplikasi Hp Android kalian, jika terjadi error maka matikan data internet
terlebih dahulu saat menginstal. Jika masih tidak bisa HP kalian harus diganti
ke yang baru…

Catatan:

Ini hanya projek sederhana nantik kalian akan harus berinovasi lagi supaya
aplikasinya terpakai. Untuk pembuatan media pembelajaran yang harus dipikirkan
oleh kalian adalah kebutuhan peserta didik saat ini. Maka butuh study literature
terlebih dahulu sebelum membuat aplikasi, disarankan banyak melamun saat
memikirkan konsep aplikasi yang kalian buat. Pembuatan aplikasi tidak hanya
menggunakan App Inventor saja kalian boleh menggunakan Flash. Dari dua itu sama
saja konsepnya dari AI (Artivicial Intelejent). Selamat mencoba….