LAPORAN PENGGANTI PRESENTASI

TUTORIAL MEMBUAT APLIKASI MENGGUNAKAN MIT APP INVENTOR 2

Disusun Oleh:

MUH. NURUL HIKMA ACHMAD 321 18 072

NURSALIM ANCONG 321 18 072

2C D3 TEKNIK LISTRIK

PROGRAM STUDI TEKNIK LISTRIK

JURUSAN TEKNIK ELEKTRO
POLITEKNIK NEGERI UJUNG PANDANG
MAKASSAR
2020
 TUTORIAL MEMBUAT APLIKASI MENGGUNAKAN MIT APP
INVENTOR

1. MEMBUKA APLIKASI MIT APP INVENTOR

Buka app inventor menggunakan web browser dengan alamat link https://appinventor.mit.edu/ .

2. LOG IN MENGGUNAKAN AKUN GOOGLE

Tentukan akun yang akan digunakan untuk menyimpan project.

3. MULAI MEMBUAT PROJECT BARU

Klik “Start New Project”, setelah itu beri nama pada project yang ingin dibuat.

4. MEMBUAT LAYOUT
 Langkah berikutnya yaitu membuat layout untuk aplikasi yang dibuat, layout ini
berfungsi untuk menata komponen komponen yang akan dibutuhkan untuk aplikasi, cara
menambahkan layout yaitu dengan mengklik “layout” pada palette, dan setelah itu ada
beberapa pilihan layout yang akan digunakan tergantung kebutuhan kita nantinya, pada
gambar diatas kamai menggunakan horizontal arangment dan vertical arrengment,
horizantol arrangement berfungsi untuk mengatur letak posisi komponen dari kiri ke
kanan, sedangkan vertical arrangement mengatur dari atas ke bawah

5. MENAMBAHKAN KOMPONEN

Pada gambar diatas saya memasukkan label,list picker,dan button untuk visible
components serta clock,dan blutoothclient untuk non-visibel components . label, list
picker, dan button dapat ditemukan dengan mengklik “User Interface” pada bagian
palette. Clock dapat ditemukan dengan mengklik “Sensors”pada bagian
palette.bluetoothclient dapat ditemukan dengan mengklik “Conectivity”pada palette.
Fungsi label disini buat memberi informasi, list picker berfungsi untuk membuka screen
lain tanpa menggunakan button pada kasus ini list picker untuk membuka list Bluetooth
apa saja yang aktif, dan yang terakhir button disini terdapat button on dan off berfungsi
untuk mematikan dan menyalakan ketik button di klik, Bluetoothclient dan clock
berfungsi nantinya pada blocks.
6. MENEMBAHKAN IMAGE DAN TEXT

Menambahkan image dan mengisi text berguna untuk memperjelas dan memperindah aplikasi.

7. MENGATUR BLOCKS EDITOR

Disini saya akan menjelaskan fungsi fungsi block diatas:

Pada block ini merupakan list picker before picking dan after picking, jadi pada before
picking ini akan menampilkan bluetooth apa saja yang tersedia ketika kita mengklik gambar
bluetooth pada project, dan after picking jika kita telah mengkoneksikan bluetooth maka
otomatis akan memunculkan alamat serta nama dari bluetooth.
 Maksud penggunaan timer disini yaitu ia akan mengupadate data tiap detik, jadi ketika
itu apabila bluetooth terkoneksi maka text1 atau pada design tetulis “Hubungkan” akan berubah
menjadi “Ta’Sambung” dan berwarna hijau, apa bila bluetooth terputus maka text1 akan
berubah menjadi “Ta’Putus” dan berwarna merah.

Pada block button, apabila button di click maka bluetooth akan mengrimkan text ke
arduino dan akan di proses sesuai dengan coding pada arduino, contohnya button1 merupakan
tombol on lampu kamar, apabila button satu di tekan maka bluetooth akan mengrimakan text
“1” kepada arduino dan pada codingan kami apabila terdapat input “1” maka lampu kamar
akan menyala.

Dan yang terakhir butto7 atau home, jadi apabila di click maka screen3 atau home akan
terbuka.
8. BUILD APLIKASI

Cara untuk membuild project yaitu mengklik “Build” pada maintab, terdapat 2 opsi untuk
membuild apalikasi ini,yang pertama menggunakan QR code, dan yang kedua dengan langsung
menyimpannya ke computer.