Transcript for:
Tutorial Multimedia Interaktif dengan MIT App Inventor

Halo assalamualaikum warahmatullahi wabarakatuh jumpa kembali dengan saya Amelia muhibatul Mila Pada kesempatan kali ini kita akan menampilkan video tutorial cara membuat multimedia interaktif pembelajaran interaktif salah satunya menggunakan Mit app inventor nah meet-up inventor salah satu situs web yang bisa teman-teman gunakan untuk membuat multimedia pembelajaran interaktif disini saya membuat aplikasi Medco ep snippets ini salah satu aplikasi yang membahas tentang konsep kesebangunan dua buah bangun datar diharapkan Melalui aplikasi map ini para siswa akan lebih mudah dan akan lebih the eh menarik perhatian siswa dalam mempelajari matematika kita simak saja yuk video tutorial nya yang pertama teman-teman buka browser yang biasa teman-teman guna kalau ketikan with app inventor nah lalu kita pilih yang paling atas ya lalu klik masalah itu Ini tampilan awal dari night adventurer kita klik create ad ini karena tadi sudah login jadi tandanya seperti itu Nah inilah tampilan awal dari ini TV inventor kita start new Project ya Kita kasih nama dengan misalnya medcap medc lalu klik ok Nah ini dia tampilan aplikasi yang kita buat di mana ada palet viewer Lalu ada komponen ada properties Navy word Disini yang akan menampilkan desain aplikasi kita untuk bedanya kita pilih ya disini saya sudah menyiapkan beberapa desain untuk background untuk icon-icon nah disini saya pilih nomor dua untuk background halaman utama klik ok Nah ini dia eh Drone yang saya pilih untuk ukurannya kita pilih townsite ya Nah di sini ratusan screen satu kita bisa menghilangkannya dibagian bawah diprotes ada tahitoe nah itu file-nya kita tidak usah diceklis oke nah disini saya sudah menyiapkan desainnya Nah ada empat kotak lalu untuk menggabungkan ikan yang perlu langkah pertama kita harus memasukkan Doeloe out-nya layout disini berfungsi untuk sebagai spasi atau jarak ya kita atur 100% kan kita nggak tahu eh berapa besar layar dari setiap handphonenya kan beda-beda jadi kita gunakanlah 100% untuk tingginya 25% lu kita ulangi kembali langkah yang tadi dilihat Yang kedua kita pilih lebarnya 100% dan tingginya itu 20% lalu untuk begonya itu kita non kan ya halo halo kita ambil lagi layout horizontal richma di layout yang kedua dengan tinggi lebar 15 15 cm ini untuk jarak dari pinggir ke ikan yang pertama tahun icon pertama kita pilih Batam kita simpan di pinggir layout lalu untuk ikannya ya di sini ada di bawean properties ada Imlek Hai tertinggi 20 ada image nah eh the Sheep Hai ada ini sementara bisa browser saya pilih icon-nya ini nah saya sudah mendesain ya teman-teman bisa membelinya di kanvas lu ada tulisan teks Batam kita bisa hilangkan saja dengan mendownloadnya lalu kita ulangi kembali langkah membuat jarak dengan layout horizontal ada cuma kita tarik lalu untuk oleh banyak kita Ubah menjadi 15 cm s16 persen Mohon maaf untuk begonya non color lalu Batam yang kedua ini kita akan masukkan untuk icon yang kedua dengan tinggi sama yang pertama itu 25% dan lebarnya itu 20% lalu imagenya kita eh upload kendali di file ya saya sudah mengupload nya Nah ini dia eh eh akhir-akhir yang kedua Nah untuk ikan yang ketiga dan keempat ulangi langkah seperti yang pertama nah disini sudah pukul Ya seperti desain pertama ada empat tipe yaitu materi latihan tentang dan bantuan disini teman-teman bisa mengganti nih di bagian komponen obat setiap Barton bisa diganti sesuai dengan judul materinya lalu habis krim satu kita akan menambah kirim kembali untuk scan yang kedua dengan nama Green materi nah oke tandanya ke seperti ini langkah-langkahnya sama seperti mengupload background untuk yang screen satu ya Hai nah disini saya sudah mengupload nya dengan background pembahasan materi lalu cewek-cewek saya sudah menyiapkan desain seperti ini ada tujuan pembelajaran ada substansi materi dan ada icon-home naik batik kita membutuhkan 3 Batam langkah yang pertama-tama kita memasukkan horizontal ritme untuk sebagai jarak ya lalu untuk buttonnya langkah-langkahnya sama seperti yang tadi ya teman-teman bisa diulang kembali untuk tinggi badannya itu 30% dan untuk lebarnya adalah 60% Nah untuk ini kita abad kembali beton yang air yang telah kita siapkan nah ini dia tampilan ketika Batam baterainya sudah kita Upload sesuai icon yang kita inginkan Lalu untuk yang di bawah ini teks forgotten 3oc tingginya 12 persen dan lebarnya tujuh belas persen disini saya gunakan untuk icon-home atau bak ya Nah ini dia langkah-langkahnya sama Ya seperti yang bikin satu lanjut kita akan menambah kembali ke yang ketiga yaitu kita kasih nama dengan eh tpom yaitu telepon itu tujuan pembelajaran ya untuk yang pertama gitu Jam pembelajaran sama ya langkah-langkah mengupload begonya seperti langkah yang ke display satu dan di pembahasan materi Na untuk yang pertama tujuan pembelajaran disini saya sudah menyiapkan teksnya nah di setiap baris baru saya tambahkan kurung siku dengan digelarnya br br disini merupakan bahasa pemograman untuk enter ya karena ketika this kita copy di title nanti disini jika kita tidak menggunakan bahasa pemograman akan semuanya ke baris kita klik html formatnya maka akan menjadi barisan baru ya setiap nomornya itu ke untuk Ponds Ponds size juga teman-teman sesuaikan sini saya menggunakan ukuran 15 Nah setelah itu kita lanjut ke Batam untuk baik ya di dilihat yang bawah nah tampilnya lah akan seperti ada bk.com dan ada next caranya sama seperti kita mengupload untuk BCA dan jaraknya itu menggunakan menggunakan layout lanjut disini saya menggunakan es materi disini saya memanfaatkan file yang sudah di upload ke Google Drive jadi nanti kita tidak harus mengetik secara manual tapi cukup memasukkan link-nya saja tapi filenya harus di upload ke Google Drive Sama halnya dengan video saya sudah upload di link YouTube ya jadi nanti kita tinggal klik linknya untuk tentang aplikasi Sama halnya dengan Teddy tujuan pembelajaran cara-caranya sama ya untuk uploadnya untuk serum masukkan nya untuk titelnya sama seperti yang tadi lu ada screenshot Ihan soal disini nah tuh latihan screen latihan soal kita yang pertama itu pilih layout nya tabel aracemen nah tabel aracemen halusnya keempat karena saya pilihannya ada empat ya lu untuk helmnya Hai untuk persenannya kita pilih sajak kira-kira 7065 persen lalu lebarnya itu 100% Nah setelah ini kita user lalu pilih label untuk memasukkan teks ya kita klik empat kali saja levelnya ada label1 label2 level 3 dan label 4 nah lalu kita tambahkan dikon kedua itu beton untuk text for label1 kita ganti dengan eh dengan a ya Jadi untuk pilihan outside a dengan begonya biru fun cc18 itu teman-teman sesuaikan ke bawahnya juga jadi abcd itu disesuaikan lalu untuk teks buttonnya saya ganti namanya dengan pilihan underscore ahlu untuk selanjutnya sampai pilihan underscore the weather dan masalah itu kita Tambahkan lagi screen untuk kasih nama dengan screen skor jadi skor di akhir teman-teman akan muncul di akhir layar ya ketika mengerjakan Quiz oke nah ini dia tampilannya cara memasukkannya sama seperti langkah-langkah sebelumnya Nah setelah dari sini eh kita baru mengupload bisanya saja belum ada perintah nah caranya kita alihkan ke blogs yah tas Kangen ya di sini untuk Spin 1 di sini ada batang materi kita pilih klik mati lalu pilih when materi klik do jadi ketika materi diklik lalu pilih lagi Open another screen name out week tekstil yang kosong nah di teks yang kosong ini kita eh ketika materi diklik kita akan membuka apa nih yang pertama ada materi klik screen materi ya Sesuai dengan nama nya yaitu materi Nah selanjutnya kita copy paste aja untuk langkah-langkah yang diinginkan latihan icon tentang dan icon bantuan Sama halnya ya caranya seperti Hai selanjutnya kita akan memprogram cantiknya ada di screen materi Sama halnya dengan cara diskon satu ya kita klik obat materi lalu kita pilih when klik Duh lalu kita pilih Open Adel screen Empire sesuai screen yang akan teman-teman buka ketika mengkliknya caranya itu sama seperti yang Discreet satu oke Hai tinggal ganti namanya saja Nah setelah itu kita akan di bagian PPn untuk screen TV di sini ada batembak ya Sama lagi dengan cara yang tadi kita klik back lalu pilih when klik2 nada screen name pilih materi Nah di sini untuk form juga sama untuk next juga sama kita pilih kita ganti aja nama screen yang sesuai kita inginkan ketika mengklik battery itu lanjutnya kita pilih screen smateria di sini kita tadi yang ada eh materi pembelajaran video pembelajaran ya sama caranya seperti di screen 1-click setiap Batam lalu pilih when klik dulu dan Open ada skene dikontrol lalu pilih text di bagian rek kosong Nah untuk m pembelajaran caranya pertama kita klik PPM event foto atau video pembelajaran pilih Wina When I need your list lalu klik web viewer di sini ada step eh klwp or go to your real jadi temen-temen kopidulu url-nya oleh pilih text bagian kosong lalu kita pergi ke YouTube ya untuk meng-copy link-nya kita saling lalu copy paste di bagian teks yang kosong Nah untuk materi pembelajaran pun sama caranya dengan di video pembelajaran kita mengcopy link di materinya Setelah itu kita copy linknya buka hai hai Hai nah caranya sama ya untuk obat embek Batam next bareng home itu sama caranya dengan Discreet satu-satunya kita akan Discreet tentang yang pertama itu ada batembak ada batam-pku Hai caranya sama Oh tilik baik lalu when klik dulu pilih control over nader screen lift Nah selanjutnya itu ada bantuan caranya juga sama seperti yang tadi ya lanjut ke bagian latihan bising latihan langkah pertama di bagian latihan yang harus kita lakukan adalah kita klik variabel selalu initialized Global Network kita tarik lalu lemnya kita ganti aja dengan nama soal ya soal Lalu setelah itu kita ke Blok lagi clicklist sini ada mcleish nah kita tarik kita simpan di initialized Global lalu untuk teksnya kita pilih teks yang kosong nah disini saya membuat lima soal sehingga kita tambahkan di di bagian amicoid kita tambahkan menjadi lima item Nah itu itu teksnya pun kita tinggal copy paste saja Alya untuk ikon teknik kita copy paste saja kita simpan di setiap nah lima ini kita copy initialized Global sampai 6 karena ada Kanada soalda pilihan atau pilihan by pilihan C pilihan d dan jawaban jadi kita copy paste aja caranya lalu kita namanya ganti aja dengan tuh anak pilihan by pilihan C pilihan d dan jawaban Nah untuk memasukkan setiap soal dan jawaban teman-teman siapkan dulu ya Soalnya disini saya sudah menyiapkan tinggal copy paste saja soalnya Nah untuk soal kita masukkan soal pertama untuk pilihan Anyar ada dua bawah persegi panjang kita klik ya kita ketikkan dua buah persegipanjang lalu untuk pilihan banyak ada tadi dua buah persegi Ayo kita ketikkan hai lalu untuk pilihan c-nya pun sama Dua buah segitiga Nah untuk pilihan Dedi soal pertama kita pilih teks yang di bagian pertama dipilih Ande ya tadi search jawabannya itu adalah dua buah trapesium ulangi sampai semua soal dan semua jawaban kita masukkan ok Ayo kita bisa mengcopy paste saja kalau Soalnya kita sudah ketik ya setiap jawaban ingat jawabannya a-b-c-d Nah untuk jawabannya itu sesuai dengan kunci jawaban kita punya Nah setelah selesai semuanya Setelah itu kita pilih lagi variabel selalu Initial globalnet kita Tarik kembali nah Nengnya kita ganti ini selleng an index Setelah itu kita pilih eh eh Ayo kita pilih map Nah ada yang nol ya bagaimana kita ganti dengan satu maksudnya soal pertama kita dimulai dengan nomor satu selanjutnya kita pilih produse prosedur nah lalu klik tuh prosedur Do ini untuk prosedur yang akan kita gunakan Nah kita ganti nama aja menjadi Panggil soal misalnya kita pilih di label 5 itu settleable 5tex 20 kita klik nah lalu kita pilih ke Rich ya ada di mclish kemon maaf Hai ada di bawah ya kita pilih Neng select list item list dan indeks Nah untuk lesnya kita copy aja di bagian indeks kita klik ya terus Klik Kanan kita pilih get Global indeks itu untuk diindeks Nah untuk dilist kita dari soal diet Global soal kita tarik ke bawah Wow kita gabungkan Nah setelah itu kita akan pilihan a pilihan B pilihan C pilihannya itu sama seperti langkah-langkah dilabel 5 kita pilih set pilihan a text to lu selebriti Nikita kopi aja ya untuk giat globalnya sesuaikan ada pilihan apply hanbee pilihan cek Lihan D Nah setelah selesai memuat prosedur nya lho selanjutnya kita akan klik variabel lalu initialized Global lagi nih kita ganti dengan misalnya score lalu klik matte di bagian nol ya Nah setelah itu langkah selanjutnya adalah hai teman-teman eh mengklik di bagian control Lalu ada if map.di pilihan a.pi Lee Hwan pilihan a-click do nah lalu kekontrol lalu pilih ikhtiarnya yang pertama nah lalu eh untuk logic kita klik logic pilih yang sama dengan Nah untuk kolom yang pertama nisbah kiri sama dengan kita pilih with ke sini ada di bawah select Which airterm ya please dan indeks Nah untuk listnya kita isi dengan Hai indeks global Hai pemasok warnanya kita ganti dengan jawaban nah Ayo kita jawaban get Global jawaban dengan cara Klik Kanan ya masukkan ke sel kulit item list lalu untuk indexnya kita diindeks get Global indeks kita copy paste aja yang sudah ada untuk di sebelah kanan sama dengannya kita pilih teks-teks yang kosong lalu kita isi dengan karena ini pilihan ama Kak Itachi dengan aja di programnya akan membaca ketika jawabannya tidak maka akan soalnya beda itu Nah untuk bedanya kita pilih set Global score lalu ke map yang ditambah ya Nah get Global jawaban di sebelah kiri eh tambah + terjemahan dan untuk sebelah kanannya Ayo kita ke Metro pilih yang No Naka ni lima soal jadi satu soalnya bernilai jika benar adalah 20 nah lalu di bagian is Deni kita tambahin lagi ada l snails ini jika salah ya kita copy paste aja deh atas set Global skor kita copy paste lalu kita di bagian elsyah nah jika salah ya tambahannya adalah nol itu teman-teman Lalu setelah itu kita kebagian kontrol pilih IV dan kaos lagi di bagian bawah yang kedua Nah untuk di bagian ipnya kita akan copyface dari get the global indeks hai lalu untuk Hai pemalak kalau kita masuk wajib dulu trus pilih yang sama dengan kita baru masukkan di Global Nexus sebelah kiri sama dengan Setelah itu kita pilih kemed pilih yang 00 nya kita ganti karena ada lima maka batasan soal skor muncul adalah ketika kita menjaga lima soal terpilih kontrol di sini ada Get Rich Open another screen with star values cleaning nah teks di sini eh sekolah kalau muncul ketika kita membuka Nah kita lihat ya nama screen sekali itu adalah skor ceklik kan skor setelah itu di bagian bawahnya Hai Star valuenya kita pilih get Global indeks lalu untuk dibagian atasnya adalah kita pilih set Global indeks tuh kebagian medkit Taeyang penjumlahan Nah untuk yang kiri penyembahannya adalah get Global indeks kita copy paste aja lu kebagian lagi kita ke liang Noni kita ganti dengan satu jadi setiap satu screen Ya maksudnya Nah setelah ini langkah sendiri apa kita melakukan kau panggil soal jadi ketika sudah mengklik tulisan a akan muncul soal-soal yang nanti teman-teman bisa kerjakan nah ini untuk pilihan untuk pilihan D pilihan c dan pilihan deh teman-teman tinggal copy-paste saja Hai dan ganti hanya dengan sesuai dengan objeknya b c dan d kea Nasa itu kita akan kebagian screen skor disini terpilih kontrol eh maaf-maaf kita pilih Scott lalu when skor initialized do kita pilih ke label1 label share lebar satu tekstur pilihnya karena kita join dengan yang tadi kita pilih join lalu kita pilih teks yang kosong untuk teks yang kosong kita klik kalimat apa yang akan teman-teman Munculkan saya ke itunya skor perolehan anda sama dengan lalu untuk di bagian luarnya getar pawai maka aplikasi teman-teman sudah selesai teman-teman bisa maaf mendownloadnya saya akan mendownload ke komputer tunggu sampai 1 sepersen kalau kita save nah disini karena eh video Maafkanlah laptop saya ada aplikasi Hai ada aplikasi untuk membuka aplikasi Android kita coba ya 17 Jan Oke untuk setiap battembat m-nya sudah beroperasi berarti ini tandanya ada untuk videonya pun udah jalan ini artinya aplikasi teman-teman sudah bisa digunakan di Android Cukup sekian tutorial dari ke multimedia pembelajaran interaktif dengan menggunakan Mit app inventor terima kasih wassalamualaikum warahmatullahi wabarakatuh