Interaksi Manusia dan Komputer

senantiasa dijaga. Ada beberapa ikon yang sudah umum yang dapat digunakan untuk mempermudah user. Seperti contohnya, penggunaan gambar tong sampah untuk menghapus, gambar tangan untuk memindahkan sesuatu, ataupun sebuah jam atau jam pasir untuk proses menunggu [3]. Dalam proyek multimedia, pemegang kendali yang terutama adalah user. Oleh karena itu, pemakaian kombinasi shortcut dengan keyboard sebaiknya dibuat sewajar mungkin, agar tidak diperlukan instruksi manual ataupun latihan khusus untuk dapat menggunakan proyek multimedia tersebut. Antarmuka harus dijaga agar senantiasa sederhana dan bersahabat.

2.2.1.2.3 Pendekatan Grafis

a. Dalam mendesain layar komputer yang andal, dibutuhkan satu set keterampilan fine art. Warna, bentuk huruf, dan tombol harus diperhatikan agar tidak salah mengomunikasikan maksud dari proyek multimedia tersebut. Berikut ini adalah beberapa pendekatan grafis yang memberikan hasil yang baik [3]: b. Kontras gambar yang rapi: besarkecil, beratringan, teranggelap, tipistebal. c. Layar yang sederhana dengan banyak bagian kosong. d. Bayangan untuk mempertegas objek. Penggunaan gradient agar menarik perhatian. a. Sedangkan, berikut ini adalah kesalahan yang perlu dihindari saat akan membuat tampilan grafis komputer: b. Ketidakserasian warna. c. Layar sibuk terlalu banyak objek. d. Menggunakan gambar dengan banyak kontras dalam warna dan ketajaman sebagai latar belakang. e. Humor yang membosankan dan animasi yang berulang-ulang. f. Bel yang keras ketika sebuah tombol di-klik. g. Pola pembatas border yang berjumbai-jumbai. h. Memotong satu bagian dari film terkenal. i. Membutuhkan lebih dari dua tombol untuk berhenti. j. Terlalu banyak angka. k. Terlalu banyak kata-kata. Terlalu banyak elemen yang ditampilkan terlalu cepat.

2.3 Interaksi Manusia dan Komputer

Dalam dunia programming, sering terdengar istilah ‘User Friendly’ atau istilah WYSIWYG ‘What you see is what you get’. Istilah ini digunakan untuk menunjuk kepada kemampuan yang dimiliki oleh perangkat lunak atau program aplikasi yang mudah dioperasikan dan mempunyai sejumlah kemampuan lain sehingga Universitas Sumatera utara pengguna merasa betah dalam mengoperasikan program tersebut. Bahkan, bagi seorang pemula sekalipun, ia tidak akan merasakan adanya kesulitan dalam mengoperasikan aplikasi tersebut [3]. Prinsip kerja suatu komputer adalah input, proses, dan output. Tetapi, sebagian besar user tidak tahu atau bahkan tidak ingin tahu mengenai proses. User hanya ingin mengetahui input yang mereka masukkan dan output yang dikeluarkan sesuai dengan harapan. Kepuasan user merupakan hal yang paling penting dalam mengukur keberhasilan suatu programaplikasi. Oleh karena itu, Interaksi Manusia dan Komputer adalah bagian yang harus diperhatikan. Interaksi Manusia dan Komputer mencakup beberapa bagian, di antaranya pemilihan warna, ragam dialog, tampilan, dan pemilihan peranti. Pemilihan warna, Penggunaan warna dalam tampilan informasi pada layar tampilan merupakan satu isu yang sangat menarik untuk diamati. Penggunaan warna yang sesuai dengan kegunaan aplikasi akan mempertinggi efektivitas tampilan grafis. Tetapi, jika digunakan dengan tidak mengindahkan aspek kesesuaian user, maka user justru akan menerima informasi yang salah. a. Ragam dialog, Ragam dialog yang akan dibahas di sini adalah ragam dialog interaktif. Ragam dialog interaktif dikelompokkan menjadi beberapa kategori. Pengelompokan ini tidak menutup kemungkinan adanya saling tumpang tindih antara kategori satu dengan kategori lain. Secara umum, ragam dialog interaktif dapat dikelompokkan menjadi 9 kategori, yaitu: b. Dialog berbasis perintah tunggal command line dialogue c. Dialog berbasis bahasa pemrograman programming language dialogue d. Antarmuka berbasis bahasa alami natural language interface e. Sistem menu f. Dialog berbasis pengisian borong form filling dialogue g. Antarmuka berbasis ikon h. Sistem penjendelaan windowing system i. Manipulasi langsung Antarmuka berbasis interaksi grafis Karakteristik dari suatu ragam dialog adalah keinisiatifan, keluwesan, kompleksitas, kekuatan, beban informasi, konsistensi , umpan balik, observabilitas, kontrolabilitas, efisiensi, dan keseimbangan. Tampilan, merupakan salah satu kriteria penting dari sebuah antarmuka. Seorang pengguna, apalagi pengguna baru, biasanya tertarik untuk mencoba suatu program aplikasi karena terlebih dahulu tertarik pada tampilan di hadapan matanya. Oleh karena itu, suatu CAI harus disajikan dengan tampilan yang menarik. Pemilihan piranti interaktif, selain tampilan, pemilihan piranti interaktif juga perlu diperhatikan karena secanggih dan selengkap apapun program aplikasi yang dibuat, tidak akan berguna sama sekali apabila program tersebut tidak dapat dioperasikan pada komputer. Oleh karena itu, piranti interaktif, seperti contohnya keyboard atau mouse sangat diperlukan. Universitas Sumatera utara 2.4 Macromedia Flash Macromedia Flash adalah sebuah program animasi yang telah banyak digunakan oleh designer untuk menghasilkan rancangan yang profesional [1]. Di antara program-program animasi, program Macromedia Flash merupakan program yang paling fleksibel untuk membuat animasi sehingga banyak yang menggunakan program tersebut. Fungsi Macromedia Flash adalah membuat animasi, baik animasi interaktif maupan animasi non interaktif. Program Macromedia Flash sangat bermanfaat bagi pasa seniman desain untuk menuangkan ide- idenya ke dalam sebuah animasi gerak yang visual. Macromedia Flash biasanya digunakan untuk membuat animasi web yang akan ditampilkan dalam sebuah situs internet, pembuatan animasi-animasi film, animasi iklan, dan lain lain. Saat membuat sebuah desain yang akan ditampilkan dalam situs internet maupun televisi, designer sering menggabungkan program Macromedia Flash dengan program-program lain, seperti: Macromedia Dreamweaver, Frontpage, Adobe Photoshop, CorelDraw, dan lain lain, untuk menghasilkan sebuah desain yang menarik. a. Keunggulan program Macromedia Flash dibandingkan program lain yang sejenis antara lain [1]: b. Dapat membuat tombol interaktif dengan sebuah movie atau objek yang lain. c. Dapat membuat perubahan transparansi warna dalam movie. d. Dapat membuat perubahan animasi dari satu bentuk ke bentuk lain. e. Dapat membuat gerakan animasi dengan mengikuti alur yang ditetapkan. Dibandingkan dengan versi sebelumnya yaitu versi 4.0, 5.0, 6.0 macromedia Flash MX, 7.0 macromedia Flash MX 2004, macromedia Flash Dapat dikonversi dan dipublikasikan publish ke dalam beberapa tipe, diantaranya adalah: .swf, .html, .gif, .jpg, .png, .exe, .mov Professional 8 Dalam menggunakan Flash Professional 8, komputer harus mempunyai spesifikasi sebagai berikut: Sistem operasi komputer minimal Windows 2000 dengan Service Pack 6, ini mempunyai beberapa kemampuan tambahan di antaranya mampu menjalankan audio dalam bentuk file MP3, maupun video dalam bentuk MPG [1]. Universitas Sumatera utara atau menggunakan Windows XP Home Edition atau Professional Edition dengan Service Pack 2. Memory RAM yang digunakan minimal 256 dengan kecepatan prosesor minimal Pentium III 1,2 GHz.

2.4.1 Graphical User Interface GUI

Karena Macromedia Flash Professional 8 merupakan program berbasis Windows, maka pemakai dapat menggunakan program ini dengan lebih mudah karena dapat mendesain secara visual. Berikut tampilan antarmuka dari program Macromedia Professional 8 [1]. Gambar 2.3 Interface Flash Professional 8 Keterangan: 1. Main Bar Main bar merupakan menu barispulldown menu yang digunakan untuk mengakses beberapa perintah yang ada di Flash. Menu ini berisi sub menu yang disertai dengan shortcut. Universitas Sumatera utara

2. Toolbar

Menu ini ditandai dengan icon-icon yang fungsinya sama seperti menu bar.

3. Toolbox

Toolbox merupakan bagian yang digunakan untuk menggambar dan memformat gambar. Seperti contohnya untuk memilih objek, menggambar garis lurus, mengetikkan teks, dan lain-lain.

4. Layer

Layer merupakan lapisan-lapisan yang digunakan untuk menampilkan kumpulan- kumpulan objek atau komponen, baik gambar, animasi maupun video. Layer dapat dijalankan secara bersamaan.

5. Panel

Panel merupakan jendela tambahan yang digunakan untuk mengeditmengatur performa dari suatu objek. Flash memiliki beberapa panel sesuai dengan fungsinya.

6. Controller

Controller merupakan tombol-tombol yang digunakan untuk menjalankan movie yang berisi tombol play, pause, stop dan lain-lain.

7. Time Line

Time line merupakan tempat dimana animasi objek akan dijalankan. Time line juga berfungsi untuk menentukan kapan suatu objek dimunculkan atau dihilangkan berdasarkan satuan waktu. Pada time line terdapat frame, layer dan playhead.

8. Frame

Frame merupakan bagian-bagian dari movie yang dijalankan bergantian dari kiri ke kanan. Masing-masing frame terdiri dari satu gambar.

9. Play Head

Play head digunakan untuk menunjuk posisi dari frame yang sedang dijalankan. Universitas Sumatera utara

10. Ruler

Ruler merupakan penggaria bantuan yang terletak di sebelah atas dan kiri dari stage yang berfungsi untuk mengukur ketepatan penggambaran maupun peletakan suatu objek.

11. Stage

Stage digunakan sebagai daerah tempat meletakkan objek. Objek-objek yang terletak di dalam stage akan ditampilkan dalam movie, sedangkan yang berada di luar stage, tidak.

2.4.2 Konsep Dasar Animasi dan Istilah-Istilah dalam Macromedia Flash

2.4.2.1 Properties

Yang dimaksud dengan istilah Properties dalam Program Flash adalah bagian yang digunakan untuk memberikan perintah tambahan dari objek yang sedang dipilih. Tampilan dari Properties tidak sama, tergantung dari objek yang dipilih.

2.4.2.2 Animasi

Animasi adalah sebuah gerakan objek maupun teks yang diatur sedemikian rupa agar terlihat menarik.

2.4.2.3 Frame

Frame merupakan suatu bagian dari layer yang digunakan untuk mengatur pembuat animasi agar objek dapat bergerak seiring dengan waktu eksekusinya.

2.4.2.4 Scene

Universitas Sumatera utara Scene jika di program Powerpoint sering disebut dengan slide, yaitu layar yang digunakan untuk menyusun objek-objek baik tulisan maupun gambar.

2.4.2.5 Time Line

Time Line dapat diterjemahkan menjadi garis waktu, yaitu bagian dalam program Macromedia Flash yang berfungsi untuk menampung layer.

2.4.2.6 Masking

Masking adalah suatu perintah yang digunakan untuk menghilangkan isi dari suatu layer dengan melapisinya dengan layer lain sehingga isi layer tersebut akan tampak saat movie dijalankan.

2.4.2.7 Layer

Layer adalah tempat yang digunakan untuk menampung suatu gerakan objek sehingga masing-masing objek mempunyai tempat-tempat tersendiri agar lebih mudah untuk dimodifikasi tanpa mengganggu objek lainnya.

2.4.2.8 Movie

Animasi yang dibuat dalam Flash secara umum disebut dengan movie. Dalam membuat animasi, maka seseorang akan mengatur jalan cerita dari animasi tersebut, membuat beberapa objek dan merangkainya menjadi suatu bagian yang bermakna tertentu. Suatu movie terkadang terdiri dari beberapa animasi yang biasa disebut movie clip. Clip-clip movie tersebut dapat dirangkai kembali menjadi movie baru. Suatu animasimovie clip akan dijalankan dalam suatu scene yang dapat dianalogikan sebagai satu episode. Universitas Sumatera utara

2.4.2.9 Objek

Animasi adalah suatu objek yang dapat bergerak. Oleh karena itu, Macromedia Flash menyediakan tool, seperti tool untuk menggambar garis, lingkaran, ataupun persegi empat yang dapat dikombinasikan sedemikian rupa oleh user agar dapat menghasilkan objek yang menarik.

2.4.2.10 Teks

Pada toolbox tersedia fasilitas untuk menulis teks. Pesanteks dapat dibuat dalam bentuk animasi agar terlihat lebih menarik. Teks dalam Macromedia Flash terdiri dari tiga tipe, yaitu static text, dynamic text, dan input text.

2.4.2.11 Sound

Animasi yang dibuat dapat ditambah dengan sound agar tampak lebih menarik. Penambahan sound pada suatu movie akan memperbesar ukuran file. Format sound yang dapat digunakan dalam Macromedia Flash diantaranya adalah WAV dan MP3. Sound dapat diimport dari luar, tetapi Macromedia Flash juga menyediakan beberapa jenis sound.

2.4.2.12 Simbol

Universitas Sumatera utara Sebuah objek dapat dijadikan simbol agar dapat digunakan dengan efektif. Simbol yang disediakan dalam Macromedia Flash adalah movie clip, button, dan graphic. Masing- masing simbol mempunyai fungsi yang berbeda-beda. User dapat memilih sesuai dengan kebutuhan masing-masing.

2.4.2.13 Library

Library atau pustaka di dalam Macromedia Flash berfungsi untuk menyimpan gambar, suara, tombol, movie clip, maupun teks yang digunakan dalam dokumen Flash yang sedang aktif. Isi dari library dapat di-import dari tempat lain dengan cara memilih FileImport to library.

2.4.2.14 Control Panel

Control panel berfungsi sebagai pengendali dalam menjalankan animasi. Dengan menggunakan control panel, user dapat menjalankan animasi, mengulang animasi ataupun menghentikan animasi yang sedang berlangsung. Untuk mengakses menu Control Panel dapat dilakukan prosedur klik Window Toolbar Controller, maka akan muncul panel controller pada bagian atas toolbar yaitu Library panel simbol yang terekam di Library.

2.4.2.15 Action Script

Action Script adalah bahasa pemrograman yang ada di dalam Macromedia Flash. Bahasa pemrograman Action Script ini mirip dengan bahasa pemrograman Java Script atau C++ [5]. Mempelajari animasi di Flash terasa belum lengkap tanpa mempelajari bahasa pemrograman Action Script. Berikut ini beberapa teori dasar untuk mempelajari bahasa pemrograman ini. Universitas Sumatera utara Dalam membuat suatu interaktifitas anda harus memahami tiga hal dalam action script: a. Event Kejadian: merupakan peristiwa yang terjadi untuk memicu suatu aksi pada suatu objek b. Action: merupakan suatu aksi atau kerja yang diberikan pada suatu objek c. Target: merupakan objek yang dikenai oleh aksi.

2.4.2.15.1 Mouse Event

Mouse Event terjadi bila user menggunakan tombol instant button pada suatu movie. Contoh mouse event adalah: a. On press, suatu aksi akan terjadi pada saat tombol ditekan. b. On release, suatu aksi akan terjadi pada saat tombol ditekan, lalu dilepaskan. c. On Release Outside, suatu aksi terjadi pada saat tombol ditekan dan dilepas di luar area tombol. d. On roll over, suatu aksi terjadi pada saat pointer melewati area tombol. e. On roll out, suatu aksi terjadi ketika pointer digerakkan keluar dari area tombol. f. On drag over, suatu aksi terjadi pada saat pointer diletakkan pada area tombol, tombol ditekan, lalu digerakkan ke luar area tombol, dan pointer dimasukkan kembali ke dalam area tombol. g. On drag out, suatu aksi terjadi pada saat pointer diletakkan pada area tombol, tombol ditekan, lalu pointer digerakkan ke luar tombol. Untuk memilih mouse event dapat dilakukan dengan mengaktifkan pilihan pada panel action dan memilih tipe mouse event yang akan digunakan.

2.4.2.15.2 Keyboard Event

Universitas Sumatera utara Keyboard event akan terjadi jika salah satu tombol pada keyboard ditekan. Cara mengaktifkan perintah ini hampir sama dengan mengaktifkan mouse event. Pada pilihan on letakkan, aktifkan pilihan on keyPress Home sebagai contoh. Berikut salah satu contoh action script menggunakan keyboard: on keyPress Home { gotoAndStop5; } Pada contoh di atas tombol akan bereaksi jika tombol keyboard “HOME” ditekan dan program akan lompat ke frame 5.

2.4.2.16 Mengenal File Audio

Dengan adanya suara, maka lengkaplah Macromedia sebagai suatu software animator yang mengombinasikan animasi teks, grafik, dan suara sehingga program yang dihasilkan menjadi lebih menarik dan interaktif. Pemakai tidak hanya melihat animasi yang berjalan pada program yang dibuat tetapi disertai dengan penjelasan-penjelasan dari program yang dibuat dalam bentuk suara. Ada beberapa tipe file audio yang dapat dijalankan dalam program Macromedia Flash Professional 8, yaitu file dengan extension .WAV, .mp3, dan AIFF. Cara memasukkan file ini ke dalam program yang dibuat adalah dengan terlebih dahulu mengimport file-file tersebut ke dalam library yang aktif. Adapun prosedurnya adalah: 1. Klik File Import Import to Library..., maka akan tampil kotak dialog yaitu Pilih file yang berekstension .WAV . Sebagai contoh pilih file Beep1.wav. 2. Tekan tombol Open. 3. Klik Windows Library, maka pada library tercantum file tersebut.

2.4.2.17 Memasukkan Suara ke Frame

Universitas Sumatera utara Terlebih dahulu arahkan play head ke frame 1 sebagai contoh, selanjutnya seret simbol suara Beep1.wav ke stage, maka pada bagian time line frame 1 telah berubah tandanya yaitu simbol sound yang dapat didrag ke stage.