IMPLEMENTASI MULTIMEDIA INTERAKTIF PADA PERANCANGAN WEBSITE PROGRAM STUDI TEKNIK INFORMATIKA UNIVERSITAS TANJUNGPURA Ernita Maulidia Program Studi Teknik Informatika Jurusan Teknik Elektro Fakultas Teknik Universitas Tanjungpura
[email protected] ABSTRACT Information of an educational institution is a need for the general public, in order to improve and broaden their horizons. nowadays, the developments in technology interactive multimedia is often utilizing the delivery of information. the creating of interactive multimedia presentations are dynamic, presentable and attractive. Implementation of interactive multimedia courses on the website is an advance techniques to deliver information by visual communications so people can easily understand the contain of information. To describe the design of interactive multimedia , it requires response experts through expert judgment test and some user feedback through User Acceptance Test (UAT). 3 validation sheet are performed by experts that consists of content, technical , and presentation with the aim of improving the application while the UAT is done by 10 users by testing the effectiveness of interactive multimedia . Expert validation results showed that the average scores of the content, technical and presentation are 88.82 % (from the ideal score very valid criteria). the response to the interactive multimedia profile Informatics Engineering are 90.54 % of the ideal score . It can be concluded from this study that the interactive multimedia profile of Informatics Engineering UNTAN are very practical and feasible to implement on the UNTAN website. Keyword : interactive multiemdia, expert judgement, user acceptance test, Informatic Engineering UNTAN
1. PENDAHULUAN Pada saat ini sektor informasi memegang peranan penting bagi masyarakat umum dalam kehidupan sehari-hari. Sejalan dengan perkembangan teknologi, informasi sering memanfaatkan teknologi multimedia untuk mengolah data menjadi suatu informasi yang menarik dan berguna bagi masyarakat umum. Besarnya kebutuhan informasi dalam internet menyebabkan teknologi multimedia berkembang pesat seiring dengan perkembangan teknologi dan informasi. Contohnya game online, virtual online tour, video conference, media pembelajaran, dan lain-lain. Multimedia terdiri dari dua jenis, yaitu multimedia non-interaktif (linear) dan multimedia interaktif. Pada multimedia noninteraktif, pengguna bertindak pasif dan menyaksikan adegan demi adegan secara berurutan. Sementara pada multimedia interaktif ditambah satu elemen lagi yaitu aspek interaktif sehingga pengguna dapat memilih secara aktif adegan yang diinginkan dan juga dapat berperan pada fitur yang disediakan. Perlunya interaksi antara manusia dan komputer agar manusia dapat mengontrol
suatu tindakan yang dilakukan oleh komputer. Multimedia yang interaktif menciptakan presentasi yang dinamis, interaktif dan interface yang menarik mampu memberikan nilai tambah bagi user dalam mengeksplorasi informasi yang ada didalamnya. Dalam perkembangannya multimedia interaktif sudah banyak dimanfaatkan dari berbagai bidang yaitu di dunia pendidikan, hiburan, periklanan, company profile dan lain-lain untuk berbagai tujuan. Begitu pula jika teknologi multimedia interaktif ini diimplementasikan pada sebuah website institusi pendidikan. Informasi yang dikemas dari perpaduan aspek multimedia akan menghasilkan komunikasi visual yang menarik, membantu menyampaikan dan menggambarkan informasi yang mudah dimengerti. Dengan adanya website Program Studi Teknik Informatika Universitas Tanjungpura berbasis multimedia interaktif dapat mempresentasikan profil dan keunggulan Program Studi Teknik Informatika dengan halaman yang tampak menarik, aktraktif dan mudah dimengerti oleh pengunjung website. Perancangan Multimedia Interaktif ini menggunakan metode
Multimedia Development Life Cycle (MDLC) yang terdiri dari 6 tahap yaitu concept, design, material collecting, assembly, testing, dan distribution. 2. TEORI DASAR 2.1 Multimedia Multimedia adalah penggunaan komputer untuk menampilkan dan mengkombinasikan teks, grafik, audio, dan video dengan links dan tools sehingga pengguna dapat bernavigasi, berinteraksi, menciptakan, dan berkomunikasi ( Fred T. Hofstetter, 2001). Beberapa pengertian lain dari multimdia menurut para ahli : 1. Multimedia adalah kombinasi dari dua atau lebih media yang dapat dijabarkan pada satu komputer untuk menyalurkan informasi sesuai keinginan pengguna 2. Multimedia adalah kombinasi dari teks dengan dokumen image. 3. Multimedia adalah kombinasi dari berbagai bentuk channel komunikasi menjadi sebuah pengalaman komunikatif yang terkoordinasi. Jadi, dapat disimpulkan multimedia adalah penggunaan komputer untuk menyajikan dan menggabungkan teks, grafik, audio, gambar bergerak (video dan animasi ). 2.2 Interaktif Interaktif adalah proses komunikasi yang melibatkan dua komponen yang terdiri dari komunikator yang dapat dikenal sebagai nara sumber informasi dan komunikan yaitu penerima informasi (Sardiman A.M, 2004). Sebuah media yang interaktif dapat mempermudah penyerapan informasi dari sumber pesan dengan penerima pesan. Maka dari itu interaktif juga dipilih untuk lebih memudahkan penyampaian informasi kepada masyarakat. 2.3 Multimedia Interaktif Multimedia Interaktif merupakan sebuah aplikasi dalam proses penyampaian informasi yang bersifat memberikan kemudahan umpan balik, kebebasan menentukan topik informasi dan kontrol yang sistematis dalam proses
eksplorasi informasi. Multimedia interaktif mengintegrasikan media digital termasuk kombinasi teks, grafik, gambar bergerak, video dan suara, menjadi terstruktur memungkinkan orang untuk berinteraksi dengan data untuk tujuan tertentu (Elaine England dan Andy Finney, 2002). 2.4 Metodologi Multimedia Development Life Cycle (MDLC) Metode yang digunakan dalam pengembangan multimedia Interaktif ini adalah Multimedia Development Life Cycle (Sutopo, 2003) yang memiliki 6 tahap yaitu, concept, design, collecting content material, assembly, testing dan distribution.
Gambar 2.1 Multimedia Development Life Cycle Sumber : Sutopo, 2003 2.5 UML UML yang merupakan singkatan dari Unified Modelling Language adalah bahasa pemodelan umum yang digunaan untuk melakukan spesifikasi, visualisasi, konstruksi dan dokumentasi artifak dari software system (Jeffrey Whitten, 2004). UML dapat juga diartikan sebuah bahasa grafik standar yang digunakan untuk memodelkan perangkat lunak berbasis objek. 3. PERANCANGAN SISTEM 3.1 Perancangan Arsitektur Sistem Arsitektur sistem secara umum dapat dilihat pada gambar 3.1
3.3 Perancangan Sequence Diagram Proses manajemen website secara umum dapat dilihat pada gambar 3.4.
Gambar 3.1 Arsitektur Sistem Sistem yang dibangun adalah sebuah sistem yang dapat membuat, mengatur, mendistribusikan, mempublikasikan, dan menjaga informasi perusahaan atau institusi, dimana admin tidak harus mengetahui tag HTML untuk menjalankannya. 3.2 Perancangan Diagram UseCase Pada perancangan diagram use case Terdapat front end system dan back end system. Super admin dan admin merupakan user yang memiliki akses dengan tingkat akses yang berbeda yaitu dapat mengakses front end system dan back end system, Super admin memiliki hak akses paling tinggi yaitu dapat mengakses semua sistem yang ada dan admin dapat mengakses semua sistem terkecuali pada manajemen admin. sementara pengunjung website merupakan semua pengguna yang hanya memiliki hak untuk mengakses bagian front end system yaitu mendapatkan informasi terbatas dan mengisi buku tamu, sehingga tidak perlu melakukan pendaftaran atau login untuk mengakses aplikasi.
Gambar 3.3 Sequence Diagram Manajemen Admin Pada gambar 3.4 menunjukkan sequence diagram ketika super admin melakukan proses manajemen admin. 3.5 Perancangan Struktur Antarmuka Antarmuka aplikasi dirancang dalam bentuk halaman yang memiliki fungsi yang berbeda sesuai dengan proses yang ada. Struktur antarmuka sistem dapat dilihat pada gambar 3.5
Gambar 3.4 Struktur Antarmuka website Gambar 3.2 Diagram Use Case
4. HASIL DAN PENGUJIAN 4.1 Hasil Perancangan Website Program Studi Teknik Informatika merupakan website yang menampilkan informasi Program Studi Teknik Informatika dengan implementasi multimedia interaktif. Multimedia interaktif dibangun dengan software Adobe Flash sehingga menghasilkan aplikasi bereksentsi .swf yang kemudian diimplementasikan ke halaman profil website Program Studi Teknik Informatika. Halaman Profil merupakan halaman utama website Prodi Teknik Informatika. Halaman ini dirancang terdiri konten Flash yang menyajikan informasi profil Program Studi Teknik Informatika dalam bentuk multimedia Interaktif. Halaman utama dari halaman profil adalah halaman home
Bidang keahlian terdiri Pemrograman, Komputasi, Multimedia, Sistem Informasi Geografis (SIG/GIS), dan Jaringan Komputer. Dari masing-masing bidang keahlian ini dijadikan sebuah tombol navigasi dimana setiap tombolnya digunakan untuk menampilkan keterangan yang mempresentasikan bidang keahlian yang dipilih oleh user.
Gambar 4.3 Halaman Bidang Keahlian Halaman Infomatics Club terdiri dari komponen teks, animasi, audio dan tombol navigasi. Informatics Club yang ditampilkan terdiri dari AndroidClub, Animation Club, Graphic DesignClub dan Research Group. Antarmuka Informatics Club dapat dilihat pada Gambar 4.4
Gambar 4.1 Halaman Home Halaman Tentang Teknik Informatika menampilkan informasi tentang sejarah dan prospek lulusan dari Teknik Informatika UNTAN. Komponen yang digunakan pada halaman ini yaitu berupa audio, teks dan video profile. Halaman Tentang Teknik Informatika dapat dilihat pada gambar 4.2
Gambar 4.4 Halaman Informatics Club Halaman Lokasi menampilkan lokasi gedung Program Studi Teknik Informatika berupa Google APIS. Antarmuka halaman lokasi dapat dilihat pada gambar 4.5
Gambar 4.2 Halaman Tentang TI
menggunakan tabel penilaian. Penilaian terbagi menjadi 3 ( tiga ) aspek yaitu isi, teknis dan penyajian. Penilaian Hasil uji validitas dapat dilihat pada tabel penilaian berikut: Table 4.1 Penilaian Multimedia Interaktif No
Gambar 4.5 Halaman Lokasi Halaman Virtual Campus Tour menampilkan suasana di sekitar baik di dalam dan di luar gedung Teknik Informatika UNTAN berbasis virtual tour. Antarmuka halaman lokasi dapat dilihat pada gambar 4.7
Aspek
1
Isi
2
Teknis
3
Penyajian
Kritreria
Kesesuaian konsep Keluasan konsep Struktur penyajian Aliran penyajian Kebahasaan tulis Tautan (link) menu dan sub-menu Bantuan Elemen media Keinteraktifan Keadaptifan Kemudahan Kejelasan Relevansi Kemenarikan Keyakinan Kepuasan Tindak Lanjut Jumlah Rata-rata nilai
Gambar 4.6 Halaman Virtual Campus Tour 4.2 Pengujian Sistem Pengujian sistem akan dilakukan dengan menggunakan metode black box, Uji Validitas dan metode UAT (User Acceptance Test). Pemilihan cara pengujian dilakukan dengan menggunakan data yang kosong, data sebagian kosong, data yang salah dan data yang benar. Teknik yang akan digunakan dalam pengujian adalah teknik Robustness testing. Robustness testing bertujuan untuk menguji kekuatan sistem yang ada (menjamin sistem dengan memasukan data-data yang abnormal). Uji Validitas multimedia interaktif profil Program Studi Teknik Informatika dilakukan dengan uji validasi dengan bantuan dari dosen Universitas Tanjungpura, CEO Multiple Intelligence Product dan guru multimedia SMK N 6 Pontianak. Instrumen pengumpul data untuk uji validitas oleh pakar ini
% dari skor ideal 95 80 100 95 100 90 90 95 95 90 95 80 82 75 79 80 89 1510 88,82
Metode UAT yaitu pengujian dilakukan oleh pengguna secara langsung untuk memeriksa apakah sistem dapat berjalan dengan benar sesuai dengan yang diharapkan oleh pengguna. Pengujian ini melibatkan data real yang didapat secara langsung melalui kuesioner tanpa memperhatikan detail internal dari sistem. Kuesioner disebarkan kepada 10 orang responden yang merupakan pengguna sistem. Hasil UAT dapat dilihat pada tabel berikut: Table 4.2 Penilaian Multimedia Interaktif No. 1
Aspek
2
Petunjuk mudah dipahami Tombol navigasi berfungsi dengan baik
3
Kemudahan dalam mengakses fitur
Ratarata 88 93,2 89
4 5 6 7 8
Penggunaan bahasa Informasi yang ditampilkan mudah dipahami Tampilan (antarmuka) aplikasi ini menarik icon/gambar yang digunakan sesuai dengan informasi ditampilkan Fitur yang disediakan pada aplikasi ini sangat membantu
88,6 87,3 94,6
88,7 93,7
9
jenis dan ukuran huruf yang digunakan mudah dibaca
88,5
10
kombinasi warna pada tampilan aplikasi enak dilihat
93,7
11
Audio dapat didengar dengan jelas
88,7
12
Kemudahan dalam mengoperasikan multimedia interaktif Jumlah Rata-rata
92,5 1086,5 90,54
5. Kesimpulan Berdasarkan hasil penelitian dan pembahasan yang telah dilakukan dapat dikemukakan beberapa kesimpulan sebagai berikut : 1. Validitas desain multimedia interaktif dianalisis oleh ahli multimedia melalui uji validasi dengan 3 aspek yaitu isi, teknis, dan penyajian. Nilai validitas rata-rata 88,82% dengan kriteria multimedia interaktif sangat valid. Namun perlu dilakukan revisi sesuai dengan saran dan masukkan dari validator tersebut. 2. Multimedia interaktif yang dihasilkan terdiri dari komponen text, gambar, animasi, video, audio, Google Maps dan tombol navigasi. sehingga menciptakan kesatuan media yang menarik dan sangat praktis dalam penyampaian informasi profil Program Studi Teknik Informatika UNTAN. Kesimpulan ini berdasarkan hasil UAT (User Acceptance Test) dengan penilaian rata-rata 90,54% dan kriteria penilaian sangat praktis. 3. Hasil pengujian menunjukkan bahwa saat dilakukan input data dengan menggunakan metode Robustness Testing, input data dengan keseluruhan data kosong akan
menimbulkan kesalahan pada program dan saat dilakukan input data dengan salah satu data yang bernilai kosong akan menyebabkan kesalahan apabila data tersebut tidak diperbolehkan kosong di dalam basis data. Pada sistem ini, kesalahan sudah ditangani pada kode program sehingga hanya akan muncul pesan kesalahan atau instruksi pengisian data. Dengan kata lain, sistem dapat menangani data tersebut sesuai dengan apa yang diharapkan. Referensi [1] Hofstetter, Fred T.2001. Multimedia Literacy. Third Edition. New York : McGraw-Hill International Edition. [2] A. M, Sardiman, 2004. Interaksi dan Motivasi Belajar Mengajar. Jakarta : Rajawali Pers. [3] England, Elaine dan Andy Finney. 2002. Managing Multimedia Third Edition. England : Addison Wesley. [4] Ariesto Hadi, Sutopo. 2003. Multimedia Interaktif dan Flash. Yogyakarta: PT Graha Ilmu. [5] Whitten, Jeffrey, L, etc, 2004, System Analysis and Design Methods, The McGraw-Hill Companies, Inc. Biografi Ernita Maulidia, lahir di Pontianak, Kalimantan Barat, Indonesia, 27 September 1991. Mahasiswa Program Studi Teknik Informatika Universitas Tanjungpura Pontianak. Telah menerima gelar ST pada 02 Juni 2014