POLITEKNIK NEGERI PADANG

PROGRAM STUDI : DIV ELEKTRONIKA

JUDUL PRAKTEK: JARINGAN MULTIMEDIA

TOPIK KEGIATAN PRAKTEK: NOMOR

BlueTooth Dengan App Inventor 2

Jumlah Jam/Pertemuan yang dibutuhkan untuk menyelesaikan praktek ini : 2 X 4 jam /2 SKS

Tujuan Praktek (Sesuai topik dan capaian pembelajaran)

1. Mahasiswa mampu menyebutkan fungsi dan kegunaan aplikasi Android dengan App Inventor sebagai pengiriman
data dengan menggunakan bluetooth .
2. Mahasiswa mampu merancang aplikasi App Inventor menggunakan blok editor bluetooth
3. Mahasiswa mampu merancang aplikasi App Inventor menggunakan blok editor bluetooth pada sistim Elektronika.
4. Mahasiswa mampu mengkoneksikan Hand Phone aplikasi android dengan aplikasi App Inventor menggunakan blok
editor bluetooth
5. Mahasiswa mampu menguji dan meanalisa koneksi dan bentuk pengiriman data aplikasi android dengan aplikasi
App Inventor menggunakan BlueTooth

Teori Dasar
AppInventor adalah salah satu tool yang dibuat oleh Google untuk memudahkan kita dalam membuat aplikasi Android.
AppInventor memungkinkan para pengguna untuk menciptakan aplikasi tanpa harus memiliki latar belakang sebagai seorang
programmer. Sebuah tool untuk membuat aplikasi android, visual block programming. karena menggunakan, menyusun dan
drag-drops “blok” yang merupakan simbol-simbol perintah dan fungsi –event handler tertentu dalam membuat aplikasi, dan
secara sederhana tanpa menuliskan kode program–coding less. Misalnya seperti gambar 2.1, sebuah block program pada App
Inventor untuk sebuah daftar warna, tanpa kode. App Inventor tidak hanya untuk membuat aplikasi, karena bisa digunakan untuk
mengasah logika, seperti menyusun sebuah puzzle.

Gambar 2.1. Daftar Warna App Inventor

Teknologi informasi untuk membuat aplikasi

dengan App Inventor dengan Framework visual
programming ini terkait dengan bahasa pemrograman
Scratch dari MIT, yang secara spesifik merupakan
implementasi dari Open Block yang didistribusikan
oleh MIT Scheller Teacher Education Program yang diambil dari riset yang dilakukan oleh Ricarose Roque. App Inventor
menggunakan Kawa Language Framework dan Kawa’s dialect – yang di develop oleh Per Bothner dan di distribusikan sebagai
bagian dari GNU Operating System oleh Free Software Foundation sebagai Compiler yang mentraslate visual block
programming untuk diimplementasikan pada platform Android, dapat dilihat dari gambar 2.2.

Gambar 2.2. Sistim APP INVENTOR

Komponen Utama
Terdapat dua komponen utama dalam App Inventor ini, yaitu App Inventor Designer, dan App Inventor Blocks Editor. Inventor
Designer fungsinya adalah untuk merancang user interface dari program yang tengah anda kembangkan. Sedangkan Blocks Editor
digunakan untuk menyusun logika-logika pemrograman yang anda gunakan dalam aplikasi yang dibuat. Setelah program jadi
pengujian menggunakan emulator Android yang tersedia, atau langsung men-download-nya ke gadget. APP Inventor adalah sebuah
aplikasi builder untuk membuat aplikasi yang berjalan di sistem operasi Android yang disediakan oleh googlelabs. Dimana 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 App Inventor ini menggunakan
teknik visual programming, berbentuk seperti susunan puzzle-puzzle yang memiliki logika tertentu.
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 : list komponen yang bisa digunakan
Viewer : untuk menempatkan komponen dan mengaturnya sesuai tampilan yang  diinginkan
Component : tempat list komponen yang dipakai pada project.
Media : mengambil media audi atau gambar untuk project.
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, berhubung block editor ini basisnya java, jadi lepi
kalian sebelumnya harus uda ada jdk sama jre nya
3. Emulator, Emulator digunakan untuk menjalankan dan mengetest project yang telah kita buat. Instalasi App Inventor
Pengaturan untuk Windows
Instalasi Setup App Inventor untuk Windows memiliki dua bagian:
-> Instalasi App Inventor Setup paket software. Langkah ini adalah sama untuk semua perangkat Android, dan sama
untuk Windows XP, Vista,

Bahan/Peralatan yang digunakan

1. 1 buah PC ( Komputer )
2. Aplikasi APP INVENTOR
Langkah Kerja dan Gambar kerja
1. Menghidupkan PC.
2. Membuka aplikasi APP INVENTOR pada PC yang terhubung pada LAN.
3. Membuat program pada aplikasi APP INVENTOR.
4. Mengkoneksikan aplikasi APP INVENTOR dengan mobile aplikasi Android.
5.

Adapun langkah dalam pembuatan program APP inventor adalah :

1. Sebelum membuat App Inventor, download master Java di PC/Laptop, lalu instal di PC/laptop aplikasi java tersebut.
2. Koneksikan PC/Laptop ke internet untuk membuat App Inventor. Setelah dikoneksikan keinternet, ketik “app inventor”
di search engine, lalu klik pada MIT App Inventor seperti gambar dibawah ini.

3. Setelah mengklik MIT App Inventor, maka akan keluar tampilan seperti berikut, lalu klik pada pilihan “Create apps!”
4. Setelah mengklik pada pilihan “Create apps!”, maka selanjutnya kita memasukan akun email yang kita miliki.

5. Setelah mamasukan email, maka akan keluar tampilan seperti dibawah ini. Lalu klik pada pilihan “Start new project”

6. Maka akan keluar tampilan seperti berikut, pada “Project name” ketiklah nama job sesuai yang dinginkan.
7. Maka akan keluar tampilan seperti berikut, setelah itu kita bisa mulai membuat desain App Inventor.

8. Pada kolom “Palette” yang berada pada sisi kiri layar, pilih menu “User Interface”, dalam menu User Interface terdapat
beberapa pilihan desain. Untuk yang pertama klik pada “TextBox” lalu tahan dan masukan kedalam layar project.
9. Maka dalam kolom “Components” yang ada pada sebelah kanan layar project akan muncul seperti dibawah ini.

10. Untuk mengisi tulisan pada TextBox, pada kolom “Properties” ketik nama sesuai yang dinginkan dibagian “Text”.
Tampilan pada layar project seperti berikut:

11. Selanjutnya pada kolom “palette”, menu yang dipakai yaitu layout untuk variasi desain ayng digunakan, pilihlah salah
satu dari 3 pilihan yang ada pada menu layout.
12. Klik pada salah satu bagian pada menu layout, lalu tahan dan masukan kedalam layar project. Tampilannya akan seperti
berikut.

13. Pilih pada menu interface TextBox, dan isilah TextBox sesusai dengan nama yang dinginkan.
14. Begitu selanjutnya, setiap komponen yang dibutuhkan diambil dari menu “Palette”. Dan komponen yang terakhir yang
dimasukan kedalam layar project yaitu Bluetooth dan Clock 1. Seperti berikut.

15. Setelah kita mendesain App Inventor, selanjutnya kita memprogram App Inventor yaitu dengan mengklik pada bagian
atas sebelah kanan pada kotak “Blocks”. Maka akan keluar tampilan seperi barikut.
16. Pada menu “Blocks” yang terdapat pada layar sebelah kiri, klik pada setiap bagian desain yang telah kita buat lalu pada
pilihan “Built-in” yang terdapat dalam menu Blocks pilihlah kategori sesuai yang dinginkan seperti gambar berikut.
ListPicker1

ListPicker1
 Bluetooth Client1

ListPicker1

Bluetooth Client1

Logic

Control Clock1
 Button 1
Bluetooth Client1

Text

Button 2
Bluetooth Client1

Text

17. Contoh program App Inventor yang telah selesai, dan bisa disambungkan ke modul Bluetooth.
 18. Untuk memasukan hasil App Inventor yang telah dibuat di PC/Laptop ke Smartphone, pada tampilan di atas klik pilihan
Build, dalam pilihan Build itu pilih dalam bentuk APK untuk PC, lalu pindahkan software dalam bentuk APK tersebut
ke Smartphone. App Inventor Siap digunakan.
Pengujian Yang Harus Dilakukan
1. Uji Blok Editor sesui dengan contoh yang diberikan.
2. Uji mengkoneksikan Hand Phone aplikasi android dengan aplikasi App Inventor menggunakan blok editor bluetooth
3. Uji koneksi dan pengiriman data aplikasi android dengan aplikasi App Inventor menggunakan BlueTooth

Latihan/Tugas
1. Jelaskan prinsip kerja aplikasi APP INVENTOR dengan blok editor bluetoooth.
2. Buatlah rancangan menggunakan aplikasi APP INVENTOR untuk membuka dan menutup pintu miniatur pintu garase
mobil.
3. Mengkoneksikan aplikasi APP INVENTOR untuk membuka dan menutup pintu miniatur pintu garase mobil dengan
Hand phone aplikasi Android.

Keselamatan dan Kesehatan Kerja (K3)

Saat melaksanakan praktikum harus memperhatikan hal-hal berikut :
- Bahaya tegangan listrik.
- Hati-hati dalam penggunaan media penyimpan eksternal.
- Hati-hati dengan penggunaan media capture eksternal.

Lembaran Penilaian
Bobo
Item Penilaian Nilai Nilai X Bobot
t
Persiapan 5%
Proses, algoritma dan 30%
Pembuatan program
Sikap dan keselamatan kerja, 20%
Hasil compilasi dan running program 30%
Laporan praktek
Waktu 10%
Total 100%

Daftar Pustaka
1. Teguh Wahyono,2013, Komunikasi Data, Yogyakarta, edisi pertama: Graha Utama.
2. Nanang Syahroni, Komunikasi Data, Surabaya, edisi pertama: Eepis Surabaya
3. OnnoW.Purbo, TCP/IP, Jakarta, edisi kesembilan: Gramedia Jakarta.
4. Roza Susanti dan H.A Mooduto, Jaringan Komunikasin Data, edisi pertama: Politeknik Negri Padang
5. http://kuliahitsingkat.blogspot.co.id/2013/04/app-inventor.html
6. http://imadhewi.blogspot.co.id/2013/04/mengenai-appinventor.html
7. https://ncdhovi.wordpress.com/tag/pengertian-app-inventor/
8. https://id.wikipedia.org/wiki/App_Inventor
9. http://indo-android.blogspot.co.id/2011/09/apa-itu-app-inventor.