Kd 3.1 Alur perancangan Multimedia Interaktif

a.      Terminologi Multimedia

 Secara umum, kata multimedia berasal dari dua kata dalam bahasa Latin, yaitu multi dan medium. Multi memiliki arti bermacam-macam/banyak, sedangkan medium memiliki arti sesuatu yang dipakai untuk menyampaikan atau membawa sesuatu. Sedangkan secara terminologi (menurut istilah) multimedia bisa diterjemahkan sebagai pengpenggunaan berbagai media yang berbeda untuk membawa atau menyampaikan informasi dalam bentuk teks, grafik, animasi, audio, video, dan atau gabungan dari beberapa komponen tersebut. Beberapa ahli yang memberikan pengertian multimedia antara lain sebagai berikut.

1)      Heinich, Russel, Molenda, dan Smaldino

Mereka bertiga menyatakan bahwa definisi multimedia lebih merujuk kepada bermacam gabungan dari dua atau lebih susunan media yang ada di dalam bentuk informasi atau program.

2)      Hofstetter

 Hofstetter menyatakan bahwa dalam konteks komputer, multimedia adalah pemanfaatan komputer untuk membuat dan menggabungkan teks, grafik, audio, video, dengan menggunakan tool sehingga end-user dapat berinteraksi, berkreasi,dan berkomunikasi.

3)      McComik

McComik menyatakan bahwa multimedia identik dengan kombinasi dari tiga elemen yaitu suara, gambar dan teks.

4)      Rada

Rada menyatakan bahwa multimedia lebih mengacu kepada gabungan berbagai media yang ada.

5)      Rosch

Rosch menyatakan bahwa multimedia identik dengan kombinasi dari komputer dan video.

6)      Turban dan kawan-kawan

Turban menyatakan bahwa multimedia sebagai kombinasi dari paling sedikit dua media input dan output.

7)      Vaughan

Vaughan menyatakan bahwa multimedia identik dengan suatu gabungan dari suara, teks, gambar, animasi, dan juga video yang diberikan dengan memakai barang elektronik seperti komputer dan lain-lain.

b.      Klasifikasi Multimedia

 Perkembangan teknologi informasi dan komunikasi (TIK) dapat mendorong berbagai perubahan di segala aspek kehidupan. Oleh sebab itu, terjadi pergeseran paradigya di mana perkembangan pesat pada bidang TIK dapat menampilkan data dan mentransfer informasi dengan kecepatan tinggi sehingga menyebabkan ilmu pengetahuan dapat diakses secara cepat oleh pengguna akhir (end-user).

1)      Menurut Jenisnya

Secara umum, multimedia dikategorikan menjadi multimedia linear dan multimedia interrktif.

a)      Multimedia Linear

Multimedia linear bisa diterjemahkan sebagai multimedia yang berjalan tanpa menggunakan suatu alat yang dapat dikontrol secara mandiri oleh pemakai, misalnya TV dan film.

b)      Multimedia Interaktif

Multimedia jenis ini memiliki sebuah alat yang digunakan untuk mengontrol dan dapat digunakkan oleh end-user yang bersangkutan sehingga membuat

end-user  tersebut bisa memilih tujuannya.

Multimedia interaktif sendiri dikategorikan  sebagai berikut.

(1)   Hierarchyyal

Dikategorikan sebagai hierarchyal, jika end-user memiliki pilihan terhadap topik yang bisa menjadi sub topik.

(2)   Non-linear

Dikategorikan sebagai non-linear, jika end-user bebas melakukan pergerakan  untuk bisa melihat isi materi dengan cara berkomunikasi melalui perangkat tersebut.

a)      Multimedia Communication

Jenis-jenis multimedia ini banyak digunakan di antaranya cetak, ICT (internet), entertainment (hiburan), film, game, musik, radio, tutorial (panduan belajar). Dan TV.

b)      Multimedia Contet Production

Penggunaan beberapa komponen teknologi dalam ruang lingkup multimedia content production yang berbeda dapat menggabungkan berbagai media dengan metode baru dalam komunikasi. Dalam hal ini, penggunaan dan pemprosesan beberapa media yang berbeda dalam menyampaikan informasi atau menghasilkan produk multimedia, misalnya musik, video, animasik, graph/image,interactivity, dan special effect.

a)      Multimedia Online

Media jenis ini masuk ke dalam kategori lini atas dengan komunitas sasaran yang luas. Karakteristik dari multimedia online adalah metode penyampaiannya menggunakan media-media tertentu melalui jalur, kawat.saluran, atau pun jaringan tertentu, misalnya pada YM!, mIRC atau yang sejenisnya.

b)      Multimedia Offline

Metode jenis ini masuk ke dalam kategori lini bawah dengan target atau sasaran terbatas, tidak  terlalu luas, dan mencakup pada sebuah komunitas di wilayah tertentu. Karsktreristik dari multimedia offline adalah metode penyampaiannya tanpa melalui jalur, kawat, saluran, ataupun jaringan tertentu.Misalnya penggunaan CD interaktif yang berisi materi-materi pembelajaran pada bidang studi tertentu dan company profile pada sebuah perusahaan.

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.

Sedangkan keunggulan multimedia dalam hal pembelajaran antara lain  sebagai berikut :

§  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

Read More

KD 3.4 prosedur perancangan interface

Kd 3.4 menerapkan prosedur pengoperasian aplikasi multimedia interaktif berbasis web dan media interaktif

Kd 4.4 mengoperasikan aplikasi multimedia bebasis web dan media interaktif

Materi pokok

A.      Prosedur perancangan interface

Tujuan dari perancangan user interface adalah merancang interface efektif untuk sistem perangkat lunak. Efektif artinya siap digunakan , dan hasilnya sesuai dengan kebutuhan end usernya.

a.       Perancangan tombol

Jenis-jenis tombol yang dirancang ser interface diantaranya adalah sebgai berikut:

1)      Pushbutton (tombol tekan)

Beberapa pushbutton antara lain sebagai berikut.

a)      Spin box

Spin box digunakan untuk menampilkan nilai suatu peubah saat itu, dan nilai peubah tersebut selanjutnya akan berkurang jika end user menekan tombol dengan anak panah kebawah atau bertambah jika end user menekan tombol anak panah keatas.

b)      List box

Digunakan untuk menampilkan sejumlah pilihan sekaligus pada laya tampilan. Dalam hal ini, sebuah list box terdiri dari bagian yang digunakan untuk menampilkan pilihan yang tersedia.

c)       Combo box

Terdapat perbedaan mendasar antara combo box dan list box, diantaranya semua pilihan atau sebgian pada listbox  yang tersedia langsung terlihat, sedangkan pada combo box pilihan tersebut tidak akan terlihat sebelum end user menekan tombol control yang dimaksud.

2)      Label box

Penggunaan label box hanya memberikan komentar atau memberi nama pada komponen antar muka grafis yang dapat ditulis dengan posisi secara rapi kiri, tengah, kanan dan kanan kiri.

3)      Radio button

Terdiri dari 2 bagian yaitu bagian pengendali dalam bentuk lingkaran kecil dan label untuk menunjukkan atribut.

4)      Scroll button

Pada dasarnya scroll button sebgai sebuah piranti yang digunakan untuk menggulung atau menggeser layar guna memperlihatkan bagian lain dari tampilan yang semula tidak terlihat, sekaligus menghilangkan ataupun menyembunyikan bagian-bagian yang semula terlihat.

b.      Perancangan interface

Berbagai tahap atau proses secara independent dalam tahapan perancangan antarmuka dari perangkat keras (hardware), perangkat lunak (software), sistem operasi dan peralatan yang digunakan sangat berpengaruh dalam merancang dan mengembangkat produk user interface. Tahap-tahap dalam merancang interface adalah sebagai berikut;

1)      Tahap analisa informasi

Sebelum melakukan perancngan harus mengetahui berbgaai jenis masalah yang ingin diselesaikan dan berbagai prosedur dalam melakukan pekerjaan yang bersangkutan. Proses perancangan interface diawali dari memahami kebutuhan end user. Pengumpulan dan penganalisaan aktivitas-aktivitas dalam menganalisa informasi diawali dengan menentukan profil end user, melkaukan analisa terhadap task-task end user, mengumpulkan kebutuhan-kebutuhan end user, menganalisa end user environment, dan mencocokan kebutuhan tersebut dengan task.

2)      Langkahlangkah tahap dalam perancangan interface adalah sebgai berikut.

a)      Menjelaskan kegunaan dan tujuan dari interface.

b)      Menetapkan icon objek, views dan representasi visual secara mendetail.

c)       Merancang objek dan jendela menu secara cepat.

d)      Memperbaiki rancangan visual yang akan ditampilkan.

3)      Tahap pengembangan antarmuka

Prototyping (desain awal) identic dengan prosedur-prosedur dalam membuat rancangan awal dan membuat demonstrasi produk serta pengujian fungsi interface. Tujuan dalam membuat prototyping adalah mempercepat dan memudahkan dalam memvusualisasikan desain alternative dan konsep, bukan sekedar untuk membangun kode tertentuyang akan digunakan sebagai bagian dari produk.

4)      Tahap validasi

Tahp ini lebih mengarah pada evaluasi sebagi komponen pokok dari proses pengembangan yang telah dilakukan sebelumnya, sekaligus mengetahui tanggapan end user terhadap antarmuka yang telah dibuat,

B.      Prosedur pengoperasian aplikasi multimedia interaktif

1.       Persiapan mengoperasikan aplikasi

a.       Kenutuhan sistem

Sebgai contoh adobe aplikasi flash dengan spesifikasi sebagai berikut:

no	kebutuhan	Spesifikasi
1	Sistem operasi pendukung	Linux, MacOs x, ms.windows, Netbook edition, solaris, symbian, windows mobile
2	Persyaratan hardware	Seperangkat PC/laptop prosesor intel Pentium 4 3.2GHz, monitor dengan resolusi 1025x768 px, 2Gb RAM atau lebih tinggi, 1Gb Ethernet card 64bit, HD 200Gb, DVD rom drive
3	Aplikasi pendukung	Quick time 7.6.6 software, directX 9, Java Runtime Environment 1.6 (include)

b.      Tahap instalasi aplikasi

2.       Fungsi-fungsi tools aplikasi

a.       Welcome screen

Terdapat empat perintah pada welcome screen

No	Perintah	Fungsi
1	Create from template	Untuk membuka lembar kerja dengan emplate yang tesedia dalam program Adobe Flash Cs6
2	Open a recent file	Untuk membuka kembali file yang pernah anda simpan atau pernah anda buka sebelumnya.
3	Create new	Untuk membuka lembar kerja baru dengan beberapa pilihan script yang tersedia
4	Learn	Untuk membuka jendela help yang berguna untuk mempelajari suatu perintah

b.      Workspace (paste board)

Merupakan bidang yang berwarna abu-abu dilayar kerja yang dapat dimanfaatkan untuk proses pembuatan gambar ataupun teks yang akan dipergunakan untuk bahan animasi.

Beberapa komponen pada jendela utama (main windows) adobe flash cs6 diantaranya sebagai berikut:

1)      Menu bar

Menu bar identic dengan baris menu yang terdiri dari 11 elemen sub menu dan setiap submenu memiliki perintah dibawahnya.

2)      Time line

Identic dengan panel untuk menentukan jumlah layer, durasi animasi, frame, penempatan script beberapa keperluan animais lainnya.

3)      Panel overview

Digunakan untuk mengubah layout area kerja agar dapat disesuaikan berdasarkan kebutuhan  dan objek yang akan dibuat.

4)      Color panel

Digunakan untuk memberi warna pada objek dan mengatur komposisi warna pada objek yang akan dibuat.

5)      Property inspector

Properties panel dapat menampilkan informasi dengan ukuran dan posisi objekyang sedang dipilih

6)      Toolbox

Banyak digunakan untuk membuat dan memilih isi didalam timeline dan stage.

7)      Stage

Lembar kerja yang digunakan untuk mendesain objek yang akan dianimasikan. Jenis-jenis objek dalam stage antara lain sebagai berikut;

a)      Scene untuk menunjukan scene yang aktif

b)      Tanda panah digunakan untk berpindah dari lembar kerja symbol ke lembar kerja utama

c)       Edit scene digunakan untuk memilih nama scene yang akan diedit

d)      Edit symbols digunakan untuk memilih nama symbol yang akan di edit

e)      Zoom digunakan untuk mengatur besarnya tampilan stage atau lembar kerja

f)       Scrollbar digunakan untuk menggulung lembar kerja secara horizontal dan vertical.

Read More

KD 3.3 multimedia interaktif

Kd 3.3: menerapkan prinsip-prinsip desain user interface pada multimedia interaktif berbasis halaman web dan media interaktif

Kd 4.3: membuat user interface menggnakan prinsip-prinsip desain user interface pada multimedia interaktif berbasis halaman web dan media interaktif

Materi pokok

A.    Prinsip-prinsip desain user interface pada multimedia interaktif

Desain interface dapat digunakan sebagai pendukung kegiatan dengan tujuan utama membua efek secara sederhana dan efektif. User interface desain identic dengan peralatan yang berhubungan langsung dengan computer yang terarah dan pengalaman dari end user yang bersangkutan. Contoh aplikasi yang digunakan adalah adobe flash.

1.      Perkembangan user interface

Tujuan user interface diantaranya membuat tampilan lebih efisien, mampu menyesuaikan antar muka dengan tugas, memberikan arus balik yang tepat kepada end user serta memperbaiki produktifitas dan pengetahuan seseorang. Beberapa generasi user interface antara lain sebagai berikut:

a.       System berkelompok

Antarmuka system berkelompok dinyatakan sebagai generasi pertama user interface dengan tampilan yang masih sederhana. Semua perintah interface ini memerlukan perantara sebelum hasil keputusan dicetak.

b.      Baris arahan (system perkongsian)

End user berinteraksi pada penggunaan antarmuka baris arahan dengan cara menyusun arahan-arahan tertentu dengan baris demi baris. System yang awalnya menggunakan antar muka baris arahan berupa mesin yang dikenal dengan tele type (TTY) seperti pada system DOS dan UNIX.

c.       Sistem layar

Antarmuka jenis ini menggunakan penghubung berupa layar CRT dan plasma.

d.      GUI

Merupakan sebuah interaksi secara manipulasi langsung dimana end user berinteraksi dengan perwakilan-perwakilan visual obyek melalui mouse atau piranti-piranti pointer yang lain. Point and click, drag and drop dan menggerakkan objek merupakan ciri-ciri utama dalam antar muka end user bergrafik.

e.      Generasi masa depan

Interface ini lebih berorientasi ke obyek dan lebih menitik beratkan pada penambahan unsur animasi obyek dan audio, termasuk didalamnya unsur 3D pada antar muka modern dalam pembentukan diseputar dunia maya. Interaksi yang diguanakan mayoritas berbentuk Bahasa dan penggunaan input.

2.       Tujuan dan manfaat desain user interface

Tujuan penggunaan desain interface adalah membuat interaksi end user dengan cara sederhana dan seefisien mungkin dimana end user berinteraki dengan computer menggunakan tampilan antarmuka yang ada pada layar computer.

Secara mendasar, terdapat dua kategori dalam user interface yaitu sebagai berikut.

a.       GUI dalam menggunakan unsur-unsur multimedia seperti gambar, suara dan video untuk berinteraksi dengan end user akhir.

b.      Teks based yang menggunakan rumus (syntak) yang sudah ditentukan dalam memberikan perintah

3.       Prinsip desain user interface

Beberapa prinsip utama dalam pendesainan interface memiliki antara lain sebagai berikut.

a.       Prinsip compatibility

Prinsip compatibility dikategorikan menjadi sebagai berikut:

1)      Product compatibility

Tujuan utama dari prinsip product compatibility adalah aplikasi perangkat luna(software) yang dapat menjaga produk yang dihasilkan jauh lebih baik. Dalam hal ini, penggunaan interface pada sebuah aplikasi harus sesuai dengan sistem manual ataupun dengan sistem yang sudah ada.

2)      Task compatibility

Bentuk task compatibility yang paling mudah dapat dilihat pada proses instalasi suatu aplikasi perangkat lunak, dimana end user melakukan klik instal dan melanjutkan dengan cara menekan tombol next->next->finish

Tujuan utama dari task compatibility adalah membantu para end user dalam menyelesaikan tugasnya, dimana semua pekerjaan beserta tugasnya dapat diadopsi pada aplikasi melalui penggunaan interface.

3)      User compatibility

Seorang desainer multimedia harus mencari dan mengumpulkan berbgai karakteristik serta sifat dari end user karena antar muka harus disesuaikan dengan end user yang memiliki karakter yang berbeda.

Hal tersebut harus terpikirkan oleh desainer multimedia dan bukan merancang antar muka dengan didasarkan pada dirinya sendiri, misalnya sebagai berikut.

a)      Sebuah sistem yang dikemas kedalam bentuk yang snagat nyaman digunakan oleh user dan bisa terbawa suasana, meskipun hanya sebuah sistem yang berada didalam aplikasi.

b)      Diperlukan pendalaman dalam mengimplementasikan kepada user yang kemungkinan pendapatnya itu bisa berbeda.

c)       Survey sangaat dianjurkan dlaam mengambil keputusan.

4)      Workflow compatibility

Tujuan utama workflow compatibility adalah meminimalisir mengalami kesulitan end user dalam menyelesaiakan pekerjaan karena kesulitan pengurutan pekerjaan pada sistem manual yang ternyata tidak ditemukan pada perangkat lunak yang dihadapinya.

b.      Prinsip consistency

Karakteristik utama dari consistency adalah pada sebuah sistem harus sesuai dengan real sistem produk yang dihasilkan. Mislanya perusahaan Microsoft membuat keseragaman tampilan toolbar pada word, excel, powerpoint dan access yang memiliki kesamaan dalam struktur menu dan font, warna serta keseragaman format desain pada antarmuka dibeberapa bagian sehingga end user tidak mengalami kesulitan pada saat berpindah lokasi.

c.       Prinsip control

Berkenaan dnegan user yang memiliki tingkat konsentrasi yang berubah-ubah, misalnya salah entry atau salah ketik. Dengan demikian, seorang engineering harus merancang suatu kondisi yang mampu mengatasi dan menanggulangi hal-hal sederhana tersebut, misalnya mengatasi munculnya informasi bad command or file name, cant recognized input, illegal command, dll

d.      Prinsip direct manipulation

Dalam prinisp ini, aplikasi yang dihadapi seseorang end user bisa disesuaikan dengan kebutuhan, sifat, dan karaktristik dari end user yang bersangkutan. Misalnya tampilan skin VLC media player yang bisa dirubah menjadi black metallic, dsb.

e.      Prinsip ease of learning and ease of use

Kemudahan dalam memahami ikon , menu, alur data, atau yang sejenisnya meskipun cukup dengan memandnaginya atau baru belajar beberapa jam dalam mengoperasikan perangkat lunak tersebut menjadi karaktristik utama prinsip ease of learning and ease of use. Mmisalnya pada saat instalasi printer , end user cukup mengikuti alur yang sudah disediakan oleh CD installer printer trsebut.

f.        Prinsip familiarity

Prinsip familiarity adalah memberikan  tampilan yang mudah dikenali dan end user tidak kesulitan dalam pemakaiannya. ,isalnya tampilan awal gmail.com yang sangat familiar dimata end user sehingga tidak mengalami kesulitan dalam menggunakannya.

g.       Prinsip flexibility

Pada dasarnya prinsip ini bertujuan membuat berbagia solusi penyelesaian untuk satu masalah tertentu. Misalnya menggunakan menu, hotkey, atau model dialog box pada ms.excell 2016

h.      Prinsip invisible technology

Salah satu aplikasi yang menganut prinsip ini adlah speech recognized yang memiliki kemampuan menerima input berupa suara dan mampu memprosesnya sehingga computer dapat melakukan perintah end user yang bersangkutan.

i.         Prinsip protection

Bertujuan menjagga kenyamanan end user pada saat menggunakan aplikasi, terutama yang berhubungan data-data berupa file dimana end user melakukan salah memasukkan data atau salah esekusi. Misalnya saat melakukan proses menghapus data tanpa sengaja., karena memiliki prosedur recorvery tool seperti undo, recicle bin, dsb

j.        Prinsip rebotness

Pada dasarnya interaksi antara manusia dengan komputerdalam berupa frase-frase menu atau error handling dapat terjadi pada saat merancang antar muka(interface). Oleh sebab itu, penggunaan kata-kata bernuansa user friendly akan dapat dirasakan end user selama menggunakan sistem. Contoh bad commands or file names, dll

k.       Prinsip responsiveness

Setelah memasukkan data keaplikasi sistem melalui interface maka sistem yang baik akna langsung memberi tanggapan dari hasil data yang diinputkan. Factor pendukungnya adalah sifat dasar manusia yang semakin dinamis dan tidak mau menunggu. Misal pada instalasi office 2016.

l.         Prinsip simplicity

Lebih menekankan pada kesederhanaan yang harus diperhatikan pada saat membangun sebuah interface . hal penting yang perlu dipahami adalah kesederhanaan sebagai hal yang rigkas, tidak berbelit-belit.

m.    Prinsip WYSIWYG

Informasi dari prinsip WYSIWYG (what you see is what you get) sesuai dengan usaha dari end user pada saat mencari data dan sesuai dnegan data yang ada pada aplikasi sistem perangkat lunak. Tersebut dan dapat langsung terlihat pada tampilan obyek yang tampak pada layar monitor.  

Read More