Membuat Kompas Digital Android dengan App Inventor 2

Written by Edusoft Center on August 17, 2015. Posted in Blog

MIT App Inventor merupakan aplikasi pemrograman visual yang menyederhanakan kompleksitas kode bahasa pemrograman ke dalam bentuk visual dengan hanya drag n drop susunan block. Fitur-fitur yang dimiliki oleh App Inventor cukup lengkap, mulai dari pengaksesan device seperti kamera, GPS, accelerometer sensor, proximity sensor sampai pengaksesan ke database seperti ke tinydb, web tinydb, mysql dan lain-lain.

Pada tutorial kali ini, akan dibuat Kompas Digital Android dengan App Inventor 2. Berikut ini langkah-langkah pembuatannya:

Langkah Pertama, Klik project -> start new project dan buat nama KompasDigital, lalu klik OK

ai1 Membuat Kompas Digital Android dengan App Inventor 2
Langkah Ke Dua, Ganti Title Screen1 ke Kompas Digital
ai2 Membuat Kompas Digital Android dengan App Inventor 2
Langkah Ke Tiga, Drag Canvas ke screen viewer dan atur height & width nya 300 px
ai3 Membuat Kompas Digital Android dengan App Inventor 2Langkah Ke Empat, Drag ImageSprite ke dalam Canvas di screen viewer, upload magnetic-compass.jpg, lalu atur ukuran gambar 300px x 300px
magnetic compass 300x298 Membuat Kompas Digital Android dengan App Inventor 2
ai4 Membuat Kompas Digital Android dengan App Inventor 2
Langkah Ke Lima, Drag OrientationSensor ke screen viewer
ai5 Membuat Kompas Digital Android dengan App Inventor 2Langkah Ke Enam, Masuk ke Blocks, klik OrientationSensor1 lalu pilih block
ai6 Membuat Kompas Digital Android dengan App Inventor 2
Langkah Ke Tujuh, Klik ImageSprite dan pilih 2 block berikut
ai7 Membuat Kompas Digital Android dengan App Inventor 2
Langkah Ke Delapan, Sambungkan block sehingga menjadi
ai8 Membuat Kompas Digital Android dengan App Inventor 2
Langkah Ke Sembilan, Klik Logic di Built-In dan pilih block dan pasangkan ke set ImageSprite1 Rotates to
ai9 Membuat Kompas Digital Android dengan App Inventor 2
Langkah Ke Sepuluh, Mouse over ke azimuth dan klik block dan pasangkan
ai10 Membuat Kompas Digital Android dengan App Inventor 2
Langkah Terakhir, Lakukan test pada device android. Selamat mencoba..:-)

Tutorial Lain

Tags: , , , , , , , , , ,

Trackback from your site.

Share This Post To :

Edusoft Center

Edusoft Center merupakan lembaga yang fokus pada bidang IT terutama pada Kursus Komputer Profesional. Berlokasi di Solo / Surakarta dan dengan slogan “Start Here. Go Anywhere” diharapkan ilmu yang didapat pada kursus kami dapat diterapkan untuk mempermudah dan menunjang pada semua lini kegiatan yang dilakukan. "Selamat datang di Edusoft Center, Kursus Komputer di Solo"

Leave a comment

Jika anda membutuhkan info lebih lanjut atau ingin mengetahui jadwal kursus, silakan hubungi kami,

Call / SMS :

0896 987 12224


Call / SMS / WA :

08180 4542 586


Email:
[email protected]