Tutorial Membuat Aplikasi Quiz Menggunakan App Inventor

       Assalamualaikum sobat, apa kabar ??? .... 

     sebelumnya kita sudah pernah membahas tentang Installasi App Inventor dan pembuatan Aplikasi pemutar musik yang amat sederhana, kali ini saya akan berbagi ilmu tentang pembuatan Aplikasi Quiz menggunakan App inventor. Cekidottt ...

1. Sebelum mendesign user interface pada aplikasi yang akan dibuat, anda perlu menyiapkan file yang akan di masukan dalam aplikasi tersebut. Misalnya audio/video atau file gambar untuk memperindah aplikasi, sehingga pada designer aplikasi anda tinggal memasukan semua komponen tersebut.

File gambar :

                

   

 2.    Buka program App Inventor dan buat project baru pada navigasi my project. Klik My Project => New Project =>  input name => AplikasiQuiz ( tanpa spasi ).

3.     Langkah selanjutnya yang perlu dilakukan yaitu drag komponen HorizontalArrangment kemudian drop pada viewer, selanjutnya atur properties komponen HorizontalArrangment seperti berikut :

4.  Drag komponen Image kemudian drop pada viever ( letakan di dalam HorizontalArrangement ),

kemudian atur propertis dan upload gambar yang diperlukan :

5.   Drag komponen Label kemudian drop pada viever dan atur propertis

6.    Drag komponen HorizontalArrangment letakan pada viewer, kemudian drag komponen TextBox dan Button letakan didalam HorizontalArrangment.

7.   Drag komponen HorizontalArrangment letakan pada viewer, kemudian drag komponen Button letakan didalam HorizontalArrangment.

8.      Untuk komponen yang terakhir  kita drag Label letakan pada viewer dan atur propertis , Text dihapus atau jangan diisi .

Berikut adalah tampilan layar dari aplikasi Quiz,

9.     Nahh,,,  Setelah semua komponen terpasang, saatnya untuk membuat logika fungsi atau perintah agar aplikasi quis yang akan dibuat bisa dijalankan. Klik “ Open Blocks Editor “ pada sudut kanan atas App Inventor.

10.    Buat Logika fungsi atau perintah pada Blocks Editor seperti ini :

  

 

11.  Setelah semua logika fungsi selesai selanjutnya kita jalankan dengan mengKlik “ New Emulator “ , tunggu sampai proses runing selesai dan secara otomatis Aplikasi Quiz yang kita buat akan tampil dan siap untuk dijalankan .

 Alhamdulilah ... Selesai juga, semoga bermanfaat :D .