Mengeksplorasi Struktur Flowchart
Flowchart
adalah adalah suatu bagan dengan simbol-simbol tertentu yang menggambarkan
urutan proses secara mendetail dan hubungan antara suatu proses (instruksi)
dengan proses lainnya dalam suatu program. Secara garis besar setiap
perancangan flowchart selalu terdiri dari tiga bagian, yaitu input, proses dan
output.
Pengertian storyboard
Storyboard adalah sebuah sebuah desain sketsa gambar yang
disusun secara berurutan sesuai dengan naskah cerita yang telah dibuat. Dengan
pembuatan storyboard sendiri, maka pembuat cerita atau naskah dapat
menyampaikan pesan atau ide dengan lebih mudah kepada orang lain.
Dengan membuat cerita yang tersusun rapi, maka penonton
dapat menangkap maksud dan tujuan dari cerita tersebut. Sehingga pesan dan
dari content creator tersebut dapat tersampaikan dan dapat
mempengaruhi orang tersebut sesuai dengan naskah yang dibuat.
Tujuan
membuat storyboard
Sejarah singkat dari pembuatan storyboard sendiri dimulai
pada tahun 1930. Dimana, untuk pertama kali dibuat oleh Studio Walt Disney
dengan mulai berkembangnya revolusi buku komik yang terbentuk sketsa
cerita.
Tujuan sebenarnya dari pembuatan sebuah storyboard adalah
sebagai berikut:
Sebagai sebuah panduan untuk pihak yang terlibat dalam
penyusunan naskah. Mulai dari sutradara, produser, penulis cerita, kameramen,
hingga lighting.
Untuk dapat memvisualisasikan ide yang dirancang oleh
pembuat film.
Sebagai alat untuk dapat mengkomunikasikan ide atau gagasan
dalam suatu film.
Untuk dapat menjelaskan alur atau jalannya narasi cerita.
Untuk menjelaskan proses pergantian, perpindahan setiap
frame atau elemen, serta berperan dalam pengaturan waktu atau timing pada
setiap sequence.
Fungsi
storyboard
Di dalam pembuatan alur naskah, juga tersusun atas beberapa
ide dan konsep kreatif yang dituangkan ke dalam sebuah gambar. Berikut ini
merupakan beberapa fungsi yang dimiliki oleh storyboard.
Digunakan untuk menggambarkan alur cerita secara garis besar
mulai dari awal, pertengahan, hingga akhir.
Kemudian, berguna juga untuk proses perencanaan awal
pembuatan sebuah film.
Dan yang terakhir, digunakan untuk memudahkan dalam membuat
dan memahami alur cerita atau naskah dalam suatu film.
Komponen
yang digunakan
Setelah memahami tujuan dan fungsi yang dimiliki oleh
storyboard, selanjutnya kita akan membahas mengenai beberapa komponen penyusun
dari storyboard. Berikut ini merupakan beberapa komponen yang terdapat dalam
sebuah template desain sketsa:
1. Judul
Komponen pertama adalah judul, yang mana didalamnya berisi
tentang judul, adegan, episode, dan halaman. Komponen judul sangatlah penting
sebagai konsep dasar pemahaman penonton untuk mengetahui tema atau topik dalam
suatu film atau naskah.
2. Sub judul
Komponen kedua berisi tentang penjelasan setiap adegan,
lokasi, waktu, urutan, serta panel desain. Fungsi dari sub judul ini untuk
memudahkan dalam menjabarkan topik judul, sehingga penonton dapat lebih mudah
untuk mengetahui setiap bagian film dengan lebih detail.
3. Visual
Komponen ketiga berisi tentang gambaran setiap adegan yang
memuat elemen seperti gambar, teks, foto, grafis, dan elemen visual yang lain.
Setiap elemen tersebut merupakan penyusun dalam bagian visual sketsa.
4. Audio
Komponen keempat berisi mengenai uraian audio untuk
melengkapi nama dari file musik atau rekaman. Serta, efek suara (SFX) yang akan
dimainkan di layar masing – masing.
5. Dialog
Komponen yang kelima, berisi detail pergerakan dari kamera (angle),
serta beberapa adegan dialog yang dilakukan. Untuk dialog sendiri, bersifat
opsional dan menyesuaikan dengan kondisi dari topik bahasa yang dirancang.
6. Properti
Komponen yang keenam, berisi tentang penjelasan terkait
artistik, durasi / timing, perlengkapan tambahan, serta properti pendukung
pembuatan desain.
Manfaat yang dimiliki
Berikut ini beberapa penjelasan dari manfaat storyboard
adalah sebagai berikut:
Untuk mempermudah dan mempercepat dalam proses pembuatan
sebuah film. Baik film pendek, animasi, video pendek, dan lain sebagainya.
Menunjukkan segi artistik dan estetika dari pembuatan film
atau video.
Dapat digunakan sebagai pengingat mengenai alur cerita
apabila animator mengalami permasalahan teknis.
Mempermudah orang lain dalam memahami alur cerita dengan
lebih jelas dan cepat.
Memperlihatkan mengenai beberapa tata letak visual dalam
setiap adegan yang dijalankan.
Prosedur Pembuatan Media Interaktif
Dalam mengembangakan Multimedia Interaktif terdapat 6
tahapan yaitu tahap konsep (concept), perencanaan
(design), pengumpulan bahan (material collecting), pembuatan (assmbly), uji
coba (testing) dan distribusi (distribution)
Tahapan Multimedia Interaktif
Prinsip Desain User Beberapa prinsip desain user interface :
1. User
Compatibility
2. Work Flow Compatibility
3. Task Compatibility
4. Product Compatibility
5. Cosistency
6. Familiarity
7. Smplicity
8. Control
9. Direct Manipulation
10. What You See Is What You Get (WYSIWYG)
11. Flexibility
12. Responsiveness
13. Robustness
14. Invicible Technology
15. Protection
16. Ease of Learning & Ease Of User Interface
TAHAPAN PERANCANGAN ANTARMUKA
Proses yang secara rinci menggambarkan bagaimana perancangan dan pengembangan antarmuka terlihat pada gambar di atas. Empat tahap utama dalam proses tersebut adalah:
Mengumpulkan atau menganalisa
informasi dari pengguna.
Merancang Antarmuka.
Mengembangkan Antarmuka.
Memvalidasi Antarmuka.
Proses-proses tersebut independen dari hardware dan software, sistem
operasi dan peralatan yang digunakan untuk merancang dan mengembangakan produk.
IBM Common User Access (CUA) interface design guide adalah yang
pertama kali mendeskripsikan proses perancangan antarmuka secara iteratif.
Definisi Multimedia Interaktif
Dilihat dari bahasanya, kata multimedia berasal
dari bahasa Latin, yaitu pada kata multi yang memilliki arti banyak atau
bermacam-macam, medium yang memiliki arti sesuatu yang dapat digunakan untuk
bisa menyampaikan maupun membawa sesuatu.
Sedangkan pengertian dari Multimedia Interaktif
yaitu merupakan suatu
multimedia yang sudah dilengkapi dengan alat pengontrol yang bisa
dioperasikan oleh para penggunanya, yang mana pengguna tersebut sudah bisa
memilih apa yang ingin di lakukannya untuk menuju ke proses selanjutnya.
Multimedia interaktif adalah media yang menggabungkan teks, grafik,
video, animasi dan suara. untuk menyampaikan suatu pesan dan informasi, melalui
media elektronik seperti komputer dan perangkat elektronik lainnya. Multimedia
sendiri terbagi menjadi dua kategori yaitu:
Multimedia linear adalah suatu multimedia yang tidak dilengkapi
dengan alat pengontrol apapun yang dapat dioperasikan oleh pengguna.
Adapun pendapat dari beberapa ahli mengenai
pengertian dari multimedia interaktif :
Munir berpendapat, multimedia interaktif
merupakan sebuah tampilan multimedia yang sudah dirancang oleh perancang atau
designer, hal tersebut dilakukan agar tampilannya dapat memenuhi fungsinya
yaitu untuk dapat menginformasikan pesan dan juga mempunyai interaktifitas ke
para penggunanya.
Philips pada tahun 1997 berpendapat bahwa
multimedia interaktif merupakan suatu frase yang dapat menggambarkan gelombang
baru dari perangkat lunak pada komputer. Terkhusus yang memiliki kaitan dengan
bagian suatu informasi.
Elsom Cook pada tahun 2001, berpendapat
pengertian dari multimedia interaktif yaitu suatu kombinasi dari segala
komunikasi saluran yang dapat menjadikan pengalaman kounikatif dengan lebih
terkoordinasi yang dapat bahasa lintas-channel dan sudah terintegrasi
penafsirannya pun tidak ada.
Berdasarkan uraian di atas dapat disimpulkan, apabila pengguna mendapatkan keleluasaan dalam mengontrol multimedia tersebut, maka hal ini disebut multimedia interaktif. Karakteristik terpenting dari multimedia interaktif adalah siswa tidak hanya memperhatikan media atau objek saja, melainkan juga dituntut untuk berinteraksi selama mengikuti pembelajaran. Multimedia interaktif menggabungkan dan mensinergikan semua media yang terdiri dari: a) teks; b) grafik; c) audio; dan d) interaktivitas.
Jenis-Jenis Bentuk Media Multimedia Interaktif
1.
Multimedia Hiperaktif
Multimedia jenis ini mempunyai struktur dengan
elemen elemen terkait yang dapat diarahkan oleh pengguna melalui tautan(link)
dengan elemen elemen multimedia yang ada. Isitilah Richmedia juga dipakai untuk
menyebut Multimedia Hiperaktif. Contoh: world wide web, web site, mobile
banking, Game on line, dll
2.
Multimedia Interaktif
Pengguna/ user dapat mengontrol secara penuh
mengenai apa dan kapan elemen multimedia akan ditampilkan atau dikirimkan.
Contoh: Game, CD interaktif, apilkasi program, virtual reality,dll
3.
Multimedia Linear / Squential
Multimedia Liner adalah jenis multimedia yang
berjalan lurus. Multimedia jenis ini bisa dilihat pada semua jenis film,
tutorial video, dll. sedangkan Multimedia Interaktif adalah jenis multimedia
interaksi, artinya ada interaksi antara media dengan pengguna media melalui bantuan
komputer, mouse, keyboard dan sebagainya. Multimedia linear berlangsung tanpa
kontrol navigasi dari pengguna. Penyajian multimedia liner harus berurutan atau
sekuensial dari awal sampai akhir. Contoh: Movie/film, e-book, musik, siaran TV
4. Multimedia
presentasi pembelajaran .
Multimedia presentasi pembelajaran adalah alat
bantu guru dalam proses pembelajaran dikelas dan tidak menggantikan guru secara
keseluruhan. Contohnya Microsoft Power Point.
5.
Multimedia pembelajaran mandiri.
Multimedia pembelajaran mandiri adalah sofware
pembalajaran yang dapat dimanfaatkan oleh siswa secara mandiri tanpa bantuan
guru. Multimedia pembelajaran mandiri harus dapat memadukan explicit knowledge
dan tacit knowledge , mengandung fitur assemen untuk latihan,ujian dan simulasi
termasuk tahapan pemecahan masalah. Contohnya Macromedia Authorware atau Adobe
Flash.
6.
Multimedia kits
Multimedia kits adalah kumpulan pengajaran? bahan
pembelajaran yang melibatkan lebih dari satu jenis media dan diorganisir
sekitar topik tunggal. Yang termasuk diantaranya yaitu: CD-ROM, slide, kaset,
audio, Gambar diam, study cetak ,Transparasi overhead. Keunggulan : multimedia
kits membakitkan minat karena mereka multi sensorik, kits menjadi mekanisme ideal untuk merangsang
kerja kelompok proyek kecil, kitys memiliki keunggulan yaitu dapat diangkut dan
digunakan di luar kelas(logiostik).
7.
Hypermedia
dokumen berurut non terdiri dari teks, audio,
informsi visual disampan dalam komputer. contohnya adalah dengan pembelajaran
menggunakan link pada sebuah web.
8. Media
Interaktif
Sistem ini merupakan sistem pengiriman
pembelajaran yang direkam visual,suara,dan bahan video disajikan di bawah
kontrol komputer untuk tinjauan yang tidak tidak hanya melihat dan mendengar
gambar dan suara tetapi juga membuat tanggapan aktif. Keunggulan: beberapa
media. teks, audio, grafik, gambar diam,dan semua gerak gambar dapat
dikombinasikan dalam satu system yang mudah digunakan.
9. Virtual
Realitas
Adalah media yang dapat disulasiakn tempat di
dunia nyata. Keunggulan: untuk digunakan menggambarkan berbagaqi jenis aplikasi
umumnya terkait dengan mendalam,sangat visual,3D lingkungan.
Manfaat Multimedia Interaktif
Manfaat Multimedia Interaktif dalam bidang
Pendidikan / Khususnya Pembelajaran
Proses pembelajaran
lebih menarik,
lebih interaktif,
jumlah waktu
mengajar dapat dikurangi,
kualitas belajar
dapat ditingkatkan, dan proses belajar mengajar dapat dilakukan dimana dan
kapan saja, serta sikap belajar siswa dapat ditingkatkan.
Keunggunal Multimedia Interaktif
Memperbesar benda yang sangat kecil dan tidak
tampak oleh mata, seperti kuman, bakteri, elektron, dan lain-lain.
Memperkecil benda yang sangat besar, yang tidak
mungkin dihadirkan di sekolah, seperti gajah, rumah, gunung dan lain-lain.
Menyajikan benda atau peristiwa yang kompleks,
rumit dan berlangsung cepat atau lambat, seperti sistem tubuh manusia,
bekerjanya suatu mesin, beredarnya planet Mars, berkembangnya bunga dan
lain-lain.
Menyajikan benda atau peristiwa yang jauh,
seperti bulan, bintang, salju dan lain-lain.
Menyajikan benda atau peristiwa yang berbahaya,
seperti letusan gunung berapi, harimau, racun dan lain-lain.
Meningkatkan daya tarik dan perhatian siswa.
Secara umum manfaat Multimedia Interaktif dapat
dijadikan media :
Promosi (Company Profile,Iklan)
Tutorial (Panduan penggunaan alat)
Hiburan (Game)
dll
Langkah
Kerja :
1. Tema yang diangkat sebagai Judul Tugas antara lain
tentang (pilih
salah satu):
a. Siswa SMK peduli Bahaya Narkoba
b. Siswa SMK peduli Pernikahan Dini
c. Siswa SMK peduli Sekolah Sehat
2. Buatlah
sketsa kasar poster dikertas gambar yang didalamnya sudah termasuk typografi,
warna dan layout
3. Buatlah
sketsa logo beserta konsepnya
4. Gambar
yang diintegrasikan dalam desain adalah hasil pengambilan gambar menggunakan
kamera digital
5. Tambahkan
teks dalam desain poster sesuai tema dengan diberi efek
6. Buatlah
Logo sesuai dengan tema yang dipilih menggunakan aplikasi pengolah vector atau
bitmap.
7. Lembar
kerja desain menggunakan ukuran A3 atau A4 sesuai dengan ketersediaan jenis
printer
8. Tempatkan
logo yang telah dibuat dalam area desain yang mencerminkan keserasian.
9. Cetaklah
hasil desain dengan menyertakan bleed
10. Tempatkan
hasil desain poster dalam sebuah frame/pigura.
11. Keseluruhan produk yang Anda buat harus
memperhatikan:
a.Durasi
waktu yang disediakan
b. Keselamatan
kerja
c. Kesesuaian
tema
d. Keindahan
e. Keaslian
Materi Kerja klik disini
Soal dan Instrumen UKK 2020-2021 klik disini
Kompetensi Dasar
|
IPK
|
Indikator Soal
|
Jenis Soal
|
Tingkat kesukaran
|
KD 3.1 Memahami konsep multimedia interaktif
berbasis halaman web dan media interaktif
|
3.1.1 memahami penggunaan tag html
|
1. Peserta didik mamampu menempatkan tag link html
2. peserta didik mampu membuat form html
3. peserta didik mampu membuat listing dalam html
4. peserta didik mampu menerapkan penggunaan media
interaktif
5. peserta didik mampu membuat tabel menggunakan tag
html
|
essai
|
1.Sedang (C4)
2.Sulit (c3)
3.Mudah (c4)
4.Mudah (c3)
5.Sedang(c3)
|
