Catatan Tutorial Aplikasi Kalkulator Berbicara

Pendahuluan

• Salam pembuka: Assalamualaikum warahmatullahi wabarakatuh.
• Tujuan: Membuat tutorial aplikasi kalkulator berbicara menggunakan AI App Inventor.

Persiapan

1. Login: Masuk ke akun Gmail.
2. Website: Kunjungi AI App Inventor.
3. Membuat Proyek Baru: Pilih ‘Create Apps’ dan buat proyek baru.

Desain Aplikasi

Layout

• Menggunakan Horizontal Arrangement dari menu layout.
• Atur ukuran layout sesuai kebutuhan.

Gambar Robot

• Masukkan gambar robot kalkulator.
  • Upload Gambar: Pilih gambar dan sesuaikan ukuran ke 100x100 (misalnya).
• Atur posisi gambar di tengah.

Label dan Button

• Label:
  • Tambahkan label untuk kalkulator dengan ukuran 30.
• Button:
  • Tambahkan tombol dengan tulisan ‘Bicara’. Ubah warna menjadi hitam dan teks menjadi kuning.
  • Perpanjang ukuran tombol untuk memenuhi layar.
  • Tambahkan label untuk hasil kalkulasi.

Blok Kode

Menyiapkan Variabel

• Buat variabel global untuk daftar angka.
• Siapkan list untuk operasi (penjumlahan, pengurangan, perkalian, pembagian).

Mengisi Blok Operasi

1. Perkalian: Buat blok untuk perkalian dengan menambahkan item.
2. Pembagian: Buat blok untuk pembagian dengan cara yang sama.
3. Penjumlahan dan Pengurangan: Lakukan duplikasi blok untuk kedua operasi ini.

Ekstrak Angka

• Gunakan prosedur untuk mengekstrak angka dari teks input.
• Gunakan kontrol untuk menangani kondisi (if, else).

Pesan Suara

• Gunakan fungsi Text to Speech untuk memberikan hasil suara dari kalkulasi.

Pengujian Aplikasi

1. Connect ke AI Companion: Gunakan aplikasi AI2 Companion di HP.
2. Scan QR Code: Jalankan aplikasi yang telah dibuat.
3. Coba Fungsi: Uji coba fungsi kalkulator dengan berbagai operasi:
   • Perkalian: Contoh 5 * 5 = 25.
   • Pembagian: Contoh 20 / 5 = 4.
   • Penjumlahan: Contoh 10 + 100 = 110.
   • Pengurangan: Contoh 200 - 75 = 125.*

Penutup

• Terima kasih atas perhatian.
• Mohon maaf jika ada kekurangan.