Pengembangan Aplikasi Mobile dengan App Inventor

Pembukaan

• Assalamualaikum, selamat berjumpa anak-anak.
• Doa untuk kesehatan dan kesembuhan bagi yang sakit.

Tujuan Pembelajaran

• Memahami pengembangan aplikasi mobile berbasis kecerdasan buatan.
• Mengembangkan aplikasi dengan langkah:
  • Analisis
  • Identifikasi masalah
  • Perancangan
  • Implementasi
  • Pengujian
  • Penyempurnaan
• Kemampuan mengkomunikasikan produk aplikasi secara lisan dan tertulis.

Konsep Kecerdasan Buatan

• Manusia dapat berpikir dan meningkatkan kecerdasan.
• Pertanyaan: Dapatkah mesin buatan berpikir dan meningkatkan kecerdasan?

Aplikasi Mobile

• Aplikasi mobile sebagai artefak komputasional penting dalam kehidupan digital.
• Kategori aplikasi:
  • Desktop Apps: Aplikasi untuk komputer desktop.
  • Web Apps: Aplikasi yang diakses melalui internet.
  • Mobile Apps: Aplikasi untuk perangkat mobile (ponsel, tablet).

App Inventor

• App Inventor sebagai IDE untuk pengembangan aplikasi mobile:
  • Dikembangkan oleh Google, sekarang dikelola oleh MIT.
  • Memungkinkan pemrogram pemula membuat aplikasi untuk Android dan iOS.
  • Antarmuka berbasis grafis, mirip dengan Scratch.
  • Mendukung penggunaan cloud data dengan Firebase.

Komponen di App Inventor

• Terdapat beberapa komponen:
  • User Interface Components: Button, Checkbox, Text Box, dll.
  • Layout Components: Mengatur tata letak.
  • Media Components: Audio, gambar, dll.
  • Drawing and Animation Components: Untuk animasi.

Properties, Methods, dan Events

• Properties: Atribut yang mendeskripsikan komponen (misal: warna, ukuran).
• Methods: Fungsi untuk memanipulasi komponen.
• Events: Kejadian yang terjadi karena interaksi pengguna (misal: klik tombol).

Contoh Komponen

• Button: Memiliki properties seperti background color, enable, dll.
• Text Box: Digunakan untuk input teks.
• Label: Menampilkan teks.

Aktivitas Praktek

Membuat Aplikasi "Halo Dunia" dengan Text to Speech

1. Aktifkan browser (misal: Google Chrome).
2. Akses App Inventor di appinventor.meet.edu.
3. Login dan buat projek baru.
4. Tambahkan komponen:
   • Text Box: Untuk input teks.
   • Button: Untuk trigger suara.
   • Text to Speech: Untuk mengubah teks menjadi suara.
5. Atur komponen di Designer dan Blocks Editor:
   • Di Blocks Editor, atur aksi ketika tombol diklik untuk memanggil fungsi text to speech dengan teks dari text box.
6. Hubungkan dengan handphone untuk pengujian.

Penutup

• Selamat belajar dan beraktivitas.
• Semoga sukses.
• Wassalamualaikum.