Pengembangan

Aplikasi Android
Menggunakan APP INVENTOR
zudha pratama
 Apa itu Android ?
• Android  Sistem Operasi Mobile  Google.
• Diancang khusus  Perangkat Mobile
• Smartphone
• Tablet
• Smartwatch,
• dll.
• Bersifat open source  source code bebas di Akses Siapapun
• Akses  Modifikasi dan Pengembangan
 Apa itu Block Coding ?
• Block coding  Pendekatan Pemrograman  Blok visual.
• Elemen block yang dapat disusun dalam urutan tertentu untuk
membuat program
• Pemrograman pemula (anak-anak, atau baru belajar pemrograman)
• Pengguna dapat drag-drop blok-blok untuk membuat urutan logika
• Block coding memungkinkan pemula untuk belajar konsep dasar
pemrograman seperti urutan, perulangan, percabangan, dan fungsi
 mengetikkan sintaks kode yang rumit
 Apa itu App Inventor ?
• App Inventor  IDE (Integrated Development Environment)  MIT
(Massachusetts Institute of Technology)
• Antarmuka drag-and-drop, dan menggunakan blok pemrograman
• Membuat aplikasi dengan berbagai fitur sederhana hingga
kompleks
• Akses sensor ponsel, koneksi internet, dan penyimpanan data
• Ideal  pemula  menciptakan aplikasi  keterampilan mendalam
 Memulai App Inventor
• Buka halaman : https://appinventor.mit.edu/ Kemudian Klik Create App
 Memulai App Inventor
• Pendaftaran berhasil Kemudian Klik Do not show again dan Continue
 Memulai App Inventor
• Pilihan menu awal Kemudian Langsung Klik Close saja karena kita akan
benar benar membuat
projek dari awal
Project App Inventor
Klik New Project
Project App Inventor
Klik New Project
Muncul Dialog Box

Isi Project Name

Klik OK
Lembar Kerja App Inventor
Judul Project
Publish to Galery
Screen (Option)
Add/Remove Screen
Designer/Blocks
Lembar Kerja App Inventor
View Designer
Pallete
Viewer
Component
Media
Properties
Lembar Kerja App Inventor
View Blocks
Blocks
Viewer
Warning/Error
BackPack
Zoom
Trash
Project 1
Counter / Tasbih
 Counter / Tasbih
• Masukkan
 Counter / Tasbih
• Dari Palette User Interface
• Masukkan 1 Button
• Masukkan 1 Label
(diatas Button)
Counter / Tasbih
• Pilih Label1
• Pada Properties
•Sub Apperance
•FontSize = 300
• Width = Fill parent
• Text = 0
• TextAlignment = center
 Counter / Tasbih
• Pilih Button
s i l • Pada Properties
H a •Sub Apperance
•Height = Fill parent
•Width = Fill parent
• Text = Tambah
 Counter / Tasbih
• Berikutnya kita Pindah ke View Blocks

s i l
H a
Counter / Tasbih
Counter / Tasbih
Counter / Tasbih
 Counter / Tasbih
• Tugas : Buat Block Seperti dibawah ini untuk Tombol Tambah

Tips : Kenali Warna Block, warna menunjukan Jenis Block

 Counter / Tasbih

• Finishing :
Tambahkan tombol “Mulai Ulang”
yang berfungsi untuk mengembalikan
nilai counter menjadi 0
 Counter / Tasbih
Contoh Aplikasi Counter
yang sudah Selesai