Search Header Logo
​Pengantar MIT App Inventor

​Pengantar MIT App Inventor

Assessment

Presentation

Information Technology (IT)

11th Grade

Practice Problem

Hard

Created by

DONY SATRIO WIBOWO

FREE Resource

7 Slides • 0 Questions

1

​Pengantar MIT App Inventor

By DONY SATRIO WIBOWO

2

Pengantar MIT App Inventor

MIT App Inventor adalah sebuah aplikasi web sumber terbuka yang awalnya dikembangkan oleh Google dan sekarang dikelola oleh Massachusetts Institute of Technology (MIT). Platform ini menggunakan pendekatan pemrograman berbasis blok visual, di mana pengguna dapat menyusun logika aplikasi dengan metode drag-and-drop blok-blok perintah, mirip dengan menyusun puzzle.

3

Mengapa Menggunakan App Inventor?

  • Aksesibilitas: Sangat cocok untuk pemula, siswa SMP/SMA, atau siapa saja yang ingin mempelajari dasar-dasar pengembangan aplikasi tanpa harus menguasai sintaksis bahasa pemrograman yang rumit.

  • Pengembangan Cepat: Antarmuka visual mempercepat proses pembuatan prototipe dan aplikasi sederhana.

  • Fokus pada Logika: Membantu penggunanya untuk mengembangkan cara berpikir komputasional (computational thinking).

4

​Komponen Utama Antarmuka

Antarmuka App Inventor dibagi menjadi dua bagian utama:

  • Designer: Area ini digunakan untuk merancang tampilan antarmuka pengguna (UI) aplikasi Anda, seperti menambahkan tombol (button), label, kotak teks (textbox), dan komponen lainnya ke layar aplikasi.

  • Blocks Editor: Area ini digunakan untuk menentukan perilaku (logika) aplikasi. Di sinilah Anda menyusun blok-blok kode untuk menangani kejadian (event handling), seperti apa yang terjadi ketika sebuah tombol diklik.

5

Langkah-langkah Dasar Membuat Aplikasi

  1. Akses App Inventor: Buka peramban web dan navigasikan ke situs resmi MIT App Inventor dan masuk menggunakan akun Google Anda.

  2. Buat Proyek Baru: Mulai proyek baru dari halaman beranda.

  3. Rancang Tampilan (Designer): Tambahkan komponen yang dibutuhkan (misalnya, Button, Label, TextBox, Image) ke layar aplikasi Anda dan atur propertinya.

  4. Susun Logika (Blocks Editor): Pindah ke mode Blocks Editor dan susun blok-blok kode yang menentukan interaksi antar komponen.

6

Langkah-langkah Dasar Membuat Aplikasi

  1. Uji Aplikasi: Uji aplikasi Anda secara langsung. Anda dapat menggunakan emulator di komputer atau menghubungkan perangkat Android fisik dengan memindai kode QR menggunakan aplikasi pendamping MIT AI Companion yang tersedia di Google Play Store.

  2. Publikasikan (Opsional): Setelah selesai, Anda dapat mengemas aplikasi menjadi file APK untuk dibagikan atau diterbitkan ke Google Play Store.

7

web page not embeddable

Sign in - Google Accounts

You can open this webpage in a new tab.

http://ai2.appinventor.mit.edu/

​Pengantar MIT App Inventor

By DONY SATRIO WIBOWO

Show answer

Auto Play

Slide 1 / 7

SLIDE