📱

Pengembangan Aplikasi Mobile dengan App Inventor

Aug 27, 2024

Pengembangan Aplikasi Mobile dengan App Inventor dan Kecerdasan Artifisial

Pembukaan

  • Assalamualaikum warahmatullahi wabarakatuh
  • Harapan untuk kesehatan semua anak dan kesembuhan bagi yang sakit.

Tujuan Pembelajaran

  • Mampu mengembangkan aplikasi mobile berbasis kecerdasan buatan.
  • Langkah-langkah yang diharapkan:
    • Analisis identifikasi persoalan
    • Perancangan
    • Implementasi
    • Pengujian
    • Penyempurnaan
  • Mampu mengkomunikasikan produk aplikasi dan manfaatnya.

Konsep Pemikiran Manusia dan Kecerdasan Artifisial

  • Kecerdasan sebagai kemampuan manusia untuk berpikir dan menyelesaikan masalah.

Topik Pembahasan

Pengembangan Aplikasi Mobile

  • Aplikasi mobile adalah artefak komputasional yang bermanfaat.
  • Contoh aplikasi mobile: aplikasi perkantoran, pemutar lagu, aplikasi desain.

Jenis Aplikasi

  1. Desktop Apps
    • Dikembangkan untuk komputer desktop.
    • Harus dipasang pada perangkat lokal.
  2. Web Apps
    • Diakses melalui jaringan dan internet dengan protokol HTTP.
    • Tidak terpasang pada perangkat lokal.
  3. Mobile Apps
    • Dirancang untuk perangkat mobile (ponsel, tablet, smartwatch).
    • Memudahkan penggunaan dengan integrasi sistem lain (GPS, kamera, sidik jari).

App Inventor

  • IDE berbasis web yang awalnya dikembangkan oleh Google, sekarang dikelola oleh MIT.
  • Memungkinkan pemrogram pemula untuk membuat mobile apps (Android dan iOS).
  • Fitur:
    • Open source dan gratis.
    • Antarmuka berbasis grafis (drag and drop).
    • Mendukung penggunaan Cloud data (Firebase).

Komponen App Inventor

  • Dikelompokkan menjadi:
    • User Interface Components
    • Layout Components
    • Media Components
    • Drawing and Animation Components

Contoh Komponen

  • Button: Mendeteksi penekanan.
    • Properties: background color, enable, font size.
    • Events: click, long click.
  • TextBox: Tempat pengisian teks.
    • Properties: text, background color.
    • Events: got focus, lost focus.
  • Label: Menampilkan teks.
    • Properties: text, background color.
  • Speech: Mengubah teks menjadi suara.
    • Properties: language, country.

Aktivitas Praktik

Membuat Aplikasi "Halo Dunia" dengan Text to Speech

  1. Buka browser dan akses App Inventor.
  2. Login dan buat project baru.
  3. Tambahkan komponen:
    • TextBox untuk input teks.
    • Button untuk mengaktifkan suara.
    • Text to Speech untuk mengubah teks jadi suara.
  4. Atur properties dan event untuk komponen.
  5. Hubungkan dengan handphone menggunakan AI2 Companion untuk pengujian.

Kesimpulan

  • Selamat belajar dan beraktivitas dengan aplikasi mobile.
  • Semoga sukses!
  • Wassalamualaikum warahmatullahi wabarakatuh.