Pengembangan Aplikasi Mobile Dengan App Inventor

Jul 23, 2024

Pengembangan Aplikasi Mobile Dengan App Inventor

Pendahuluan

  • Salam Pembuka: Pengucapan salam dan harapan untuk kesehatan.
  • Topik Utama: Pengembangan aplikasi mobile dengan App Inventor.

Tujuan Pembelajaran

  • Mengembangkan aplikasi berbasis mobile dengan implementasi kecerdasan buatan.
  • Langkah-langkah: analisis, identifikasi persoalan, perancangan, implementasi, pengujian, penyempurnaan.
  • Kemampuan mengkomunikasikan produk aplikasi dan manfaatnya.

Hakikat Manusia dan Kecerdasan

  • Akal untuk berpikir, menyelesaikan masalah, dan meningkatkan kecerdasan.
  • Pertanyaan tentang cara berpikir seperti manusia dalam konteks pengembangan aplikasi mobile.

Pengantar Pengembangan Aplikasi Mobile

  • Speech: Pengembangan aplikasi seperti Speech-to-Text.
  • Kalkulator Suara: Menggunakan suara dalam kalkulasi.
  • App Inventor Starter: Pendahuluan penggunaan App Inventor.

Artefak Komputasional dan Aplikasi Mobile

  • Penggunaan Gadget: Pentingnya penggunaan gadget dan aplikasi mobile di era digital.
  • Kesederhanaan Pengembangan: Pengembangan aplikasi mobile tidak sesulit yang dibayangkan.

Library Kecerdasan Artifisial

  • Definisi Library: Modul program dengan fungsi tertentu yang siap pakai.
  • Perumpamaan: Menggunakan library seperti menggunakan ponsel atau komputer tanpa mengetahui kerumitannya.

Jenis Aplikasi

  • Desktop Apps: Aplikasi lokal pada komputer desktop.
  • Web Apps: Aplikasi diakses melalui jaringan dan internet, biasanya menggunakan browser.
  • Mobile Apps: Aplikasi berjalan pada perangkat mobile seperti ponsel dan tablet; berkembang pesat.

Alat Pengembangan

  • IDE (Integrated Development Environment): Memudahkan pengembangan perangkat lunak.

App Inventor

  • Definisi: IDE berbasis web untuk pengembangan aplikasi mobile.
  • Sejarah: Dikembangkan oleh Google, sekarang dikelola oleh MIT; bersifat open source dan gratis.
  • Antarmuka: Berbasis grafis, mirip dengan Scratch atau Blockly; metode drag-and-drop.
  • Komponen Pendukung: Mendukung Cloud data dengan Firebase, akses melalui browser.
  • Kategori Komponen: User Interface, Layout, Media, dan Drawing & Animation.

User Interface Components (Contoh)

  1. Button: Menekan tombol, properties (background color, enable, font size), events (klik, got focus), methods (tidak ada).
  2. Textbox: Tempat user mengisi teks, properties (text, background color), events (got focus, lost focus), methods (hide keyboard).
  3. Label: Menampilkan teks, properties (text, background color), events (tidak ada), methods (tidak ada).
  4. Horizontal Line: Memformat elemen secara horizontal, properties (background color, image), events (tidak ada), methods (tidak ada).
  5. Speech: Mengubah teks menjadi suara, properties (language, country), events (tidak ada), methods (tidak ada).

Latihan Praktis (Aktivitas Starter App Inventor)

  1. Langkah Awal: Menggunakan Browser: Misalnya dengan Google Chrome; mengakses app inventor.
  2. Membuat Project: Login dan membuat project baru bernama "belajar".
  3. Menambahkan Komponen: Menambahkan text box, button, dan text-to-speech.
    • Ganti teks button menjadi "tekan agar bersuara".
  4. Desain Tampilan: Text box untuk mengetik teks, button untuk men-trigger suara.
  5. Blok Pemrograman: Mengatur event button klik untuk memanggil fungsi text-to-speech.
  6. Pengujian Pada Handphone: Connect ke AI2 Companion, tes aplikasi.

Penutup

  • Harapan: Semoga berhasil dan sukses dalam belajar.
  • Salam Penutup: Wasalamualaikum warahmatullahi wabarakatuh.