Konsep dasar multimedia pembelajaran interaktif 4 JP

Pengenalan Kodular 4 jp
Membuat Menu splash screen 6 jp
Membuat tombol mulai dan keluar 6jp
Menambahkan audio background 6jp
Memasukkan video dari youtube 6JP
Berkenalan dengan Kodular
Kodular adalah salah suatu aplikasi atau tools IDE open source seperti App Inventor.
Kodular ini memiliki fitur-fitur widget yang paling banyak dari tools IDE sejenisnya. Situs
Kodular ini tidak hanya bisa membuat aplikasi Android saja, tapi juga bisa mengunggah hasil
pembuatan aplikasi tersebut ke dalam Kodular Store dan/atau bisa membuat ekstensi sendiri
untuk menjadikan widget yang belum ada dari bawaan. Pada sebelum ada perubahan nama
Kodular, situs ini diberi nama Makeroid.
Saat ini, Situs Kodular ini terus berkembang dalam pembuatan aplikasi tools untuk
memudahkan si developer dalam membuat aplikasi Android tanpa coding (ketik program).
Untuk pembuatan aplikasi Android, hanya mengandalkan drap dan drop saja dan menyusun
puzzle blok program agar program aplikasi tersebut bisa berjalan dengan baik.
Anda bisa menambahkan beberapa media iklan di dalam aplikasi Android buatan anda
sebagai penghasilan uang. Situs Kodular ini sering terjadi error dalam pembuatan aplikasi
Android yang dikarenakan melewati batas kuota hosting. Project-project app yang hasil
ekspor dari Kodular seringkali error ketika melakukan impor atau migrasi project-nya ke
dalam tools IDE seperti Thunkable, AppyBuilder, bahkan App Inventor, karena perbedaan
kriteria pada android:minSdkVersion dalam setiap IDE tools. 
Kelebihan
o Banyak fitur media iklan sebagai penghasilan uang.
o Tampilan dashboard lebih ke Design UI/UX.
o Fitur-fitur widget lebih banyak.
o Tidak perlu instal software tambahan.
o Hanya menggunakan web browser saja,
o Hanya mengetik isi parameter dari program blocks tanpa mengetik coding dari nol.
o Bisa menciptakan aplikasi Android lebih efektif dan efisien.
o Membuat program, tinggal lakukan "drag dan drop" pada program blocks yang ada.
o Bisa custom nilai versi dari android:minSdkVersion sesuai dengan keinginan.
o Bisa membuat database lokal dengan SQLite atau TinyDB.
o Bisa mempublish aplikasi atau extension buatan anda ke Kodular Store.

Memulai Kodular
Untuk menggunakan kodular ada beberapa hal yang harus di siapkan yaitu:
1. Memiliki akun gmail dan login ke http://www.kodular.io
2. Kemudian pilih MODUL  Account
3. Kemudian silahkan daftar membuat akun kodular atau login dengan akun g mail/
twitter
4. Anda akan di bawa kehalaman KODULAR

5. Cara membuat aplikasi pembelajaran berbasis android dengan Kodular

Pertama login ke situs web kodular.io, masuk dengan email google kemudian buatlah
project baru dan berikan nama projectnya sesuai dengan keinginanmu.

6. Kemudian akan muncul menu create project dan import project

 7. Buat projek baru
kemudian klik “create project” untuk membuat projek baru, lalu masukan nama projeknya
dan klik ok. Secara otomatis kita akan langsung masuk ke halaman utama untuk membuat
apllikasi androidnya. Tampilannya akan seperti ini

8. Klik Next, silahkan konfigurasi project anda

9. Anda akan di bawa ke bagian utama dari kodular, silahkan setting bagian screen
Untuk desain aplikasi, kamu dapat membuatnya lebih bagus dari contoh yang saya berikan
karena contoh desain ini cukup sederhana. Pada tahap desain, saya menggunakan 3 screen
yaitu Screen1, Screen Home dan Screen Mulai.
Pada Screen1 saya membuat halaman splash screen yang hanya menampilkan logo dan
penjelasan dari aplikasi pembelajaran android. Adapun komponen yang digunakan yaitu klik
pada palette layout  general  Vertical Arrangement . kemudian setting sesuai
gambar berikut.

Kemudian beri jarak dengan cara klik palette layout  general  space .

Setelah membuat jarak masukkanlah logo sekolah melalu palette user interface  image
dimana logo juga bisa di upload pada bagian asset.

Setelah itu buatlah jarak dengan memasukkan label melalui palette user interface  label
dimana penulisan label sesuai yang kita inginkan bisa dilakukan pada properties text.
Untuk memasukkan animasi loading cari saja di lottie, download yang gratis dan pilih json
ketika download. Nantinya file json akan kita upload di asset.

Silahkan lakukan setting pada common properties, sedangkan komponen Clock dapat
ditemukan di bagian menu pallet “sensor”.
Kemudian klik pada blocks dan buat puzzle seperti berikut

Langkah-langkah sebagai berikut

Klik clock1 kemudian pilih dan drag n drop blok warna oranye “When Clock times” setelah
itu klik pada logic (bergambar mahkota warna hijau) dan pilih dan drag n drop blok blok
warna Hijau “Set clock...”. setelah itu klik pada blok control warna kuning dan pilih blok
“open another screen” kemudian klik text dan pilih blok warna merah muda paling atas dan
isikan screen yang dituju misal screen2.
Buatlah Judul Media dan tombol masuk serta keluar. Langkah langkah mirip dengan
pembuatan pada screen 1. Lakukan setting seperlunya.

Untuk rumus blok tombol mulai perhatikan blok berikut di bawah ini. Pilih blok  button 1.
Kemudian pilih “When button1 click do” setelah itu pilih blok control warna kuning dan blok
text warna merah muda.

Untuk rumus blok tombol close/akhiri perhatikan blok berikut di bawah ini. Pilih blok 
button 2. Kemudian pilih “When button2 click do” setelah itu pilih blok control warna kuning
close application.