Langkah-Langkah Membuat Aplikasi Pembelajaran Menggunakan MIT APP Inventor

 Langkah-Langkah Membuat Aplikasi Pembelajaran Menggunakan MIT APP Inventor

  1. Masuk ke MIT App Inventor

Buka browser dan akses situs MIT App Inventor di https://appinventor.mit.edu/. Klik tombol "Create Apps" dan login menggunakan akun Google Anda.

  1. Membuat Proyek Baru

Setelah login, pilih "Start New Project" dan beri nama proyek sesuai keinginan kalian.

  1. Membuat Halaman Utama (Splash Screen)

Tambahkan komponen Image untuk logo atau gambar pembuka Tambahkan komponen Label untuk nama aplikasi dan deskripsi singkat.Gunakan komponen Timer untuk mengatur durasi tampilan Splash Screen sebelum beralih ke halaman berikutnya.

  1. Membuat Halaman Menu Utama

Tambahkan tombol-tombol navigasi untuk: Materi, Contoh Soal, Rumus, Video, Asesmen, Tentang Pembuat, dan Foto (dari perangkat atau galeri).

  1. Menambahkan Halaman Materi

Buat halaman baru dengan komponen Label dan TextBox untuk teks materi. Tambahkan ScrollArrangement untuk mengatur tampilan teks.

  1. Menambahkan Halaman Contoh Soal

Tambahkan Label untuk judul dan TextBox untuk pertanyaan. Buat beberapa pilihan jawaban dengan komponen Button.

  1. Membuat Halaman Rumus

Gunakan Label dan Image untuk menampilkan rumus atau diagram terkait materi.

  1. Membuat Halaman Video

Tambahkan komponen VideoPlayer dan atur sumber video dari YouTube dan saya menggunakan link gdrive yang telah di uplod video tersebur dan di salin link serta langsung buat menggunakan barcode . sehingga nantinya menggunakan barcode tersebut untuk mengakses video tersebut jadi tinggal di scan saja sehingga langsung tertera video tersebut.

  1. Membuat Halaman Asesmen

Buat kuis sederhana menggunakan komponen Label, TextBox, dan Button untuk soal dan jawaban. Kebetulan saya menggunakan google from jadi tinggal masukan soal assesmen tersebut di buat di google from dan nanti link tersebut dibuat barcode, sehingga nanti tinggal di scan dan langsung bisa di akses.

  1. Membuat Halaman Tentang Pembuat

Tambahkan Label untuk informasi pembuat dan Image untuk foto (dari perangkat atau galeri). Edit-edit sesuai keinginan agar lebih indah dan bagus serta tambahkan kata kata yang dapat memotivasi diri sendiri maupun orang lain.

11. Mengatur Navigasi dengan Bottom Navigation (Footer)

Gunakan komponen HorizontalArrangement dan tambahkan tombol navigasi ke setiap halaman (Home, Materi, Soal, Rumus, Video, Asesmen, Tentang).

12.  Menyelesaikan

Periksa setiap halaman dan pastikan tidak ada kesalahan. Klik "Build" dan pilih "App (Save .apk to my computer)".

  1. Mengekspor Aplikasi

Aplikasi siap diunduh dan barcode akan muncul untuk instalasi langsung.



 

Komentar