PEMBUATAN COMPANY PROFILE MULTIMEDIA INTERAKTIF BIMBINGAN BELAJAR SMART GALILEO BERBASIS FLASH NASKAH PUBLIKASI

Transkripsi

1 PEMBUATAN COMPANY PROFILE MULTIMEDIA INTERAKTIF BIMBINGAN BELAJAR SMART GALILEO BERBASIS FLASH NASKAH PUBLIKASI diajukan oleh Husen Amin Febriyanto kepada SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AMIKOM YOGYAKARTA YOGYAKARTA 2015 i

2 ii

3 PEMBUATAN COMPANY PROFILE MULTIMEDIA INTERAKTIF BIMBINGAN BELAJAR SMART GALILEO BERBASIS FLASH Husen Amin Febriyanto 1), Bayu Setiaji 2), 1,2) Teknik Informatika STMIK AMIKOM Yogyakarta Jl Ringroad Utara, Condongcatur, Depok, Sleman, Yogyakarta Indonesia husen.af@gmail.com 1), bayusetiaji@amikom.ac.id 2) Abstract - Company profile is one form of media to introduce an enterpris, and at the same time can be a media of information. Media of information can be static and dynamic visuals. There is even a merger between the audio and visual, so as to form an interactive multimedia. Smart Galileo is an institution that sells tutoring services for students of elementary school, junior high school and senior high school. During this time, the Smart Galileo only use brochures and other visual media are less attractive and monotonous as a media of information. Based on these issues, the authors try to create a company profile as a media of information and media promotion. Shaped flash -based interactive multimedia, the author hopes will enhance the image of the institution and expand the reach of the dissemination of information that is interesting and easily accepted by potential consumers. Key words: company profile, multimedia, Smart Galileo, flash 1. Pendahuluan 1.1 Latar Belakang Masalah Multimedia dalam hal ini berarti suatu sistem yang terdiri dari perangkat keras, perangkat lunak, dan alat-alat lain seperti televisi, monitor video dan sistem piringan optik atau sistem stereo yang di-maksudkan untuk menghasilkan sajian audio visual penuh (McLeod, 1996). Isi dari company profile multimedia interaktif ini tidak hanya sebatas program berbasis flash, melainkan juga akan disematkan video 2D motion graphic/info graphic untuk lebih meningkatkan daya tarik pada saat lembaga melakukan presentasi kepada klien potensialnya. Smart Galileo merupakan lembaga bimbingan belajar yang mengampu siswa SD, SMP, dan SMA. Dengan motto menuju generasi cerdas, selama ini Smart Galileo telah tiga kali berganti nama, dari Galileo, Galileo One, dan sekarang menjadi Smart Galileo. Selama pergantian nama tersebut, Smart Galileo harus melakukan re-branding untuk mengenalkan dan meningkatakan citra lembaga. Mulai dari perubahan logo, motto, hingga produk yang ditawarkan. 1.2 Rumusan Masalah Berdasarkan latar belakang yang telah dijelaskan, maka permasalahan yang dirumuskan adalah: Bagaimana membuat company profile untuk mengenalkan dan meningkatkan citra lembaga Smart Galileo dengan lebih menarik dan memiliki nilai estetika? 1.3 Tujuan Penelitian berikut: Adapun tujuan penulisan ilmiah ini adalah sebagai 1. Membuat company profile yang memudahkan lembaga Smart Galileo melakukan presentasi pengenalan lembaga. 2. Sebagai sarana promosi digital dengan memiliki nilai estetika yang lebih. 1.4 Manfaat Penelitian Adapun manfaat penulisan ilmiah ini adalah sebagai berikut : 1. Bagi objek penelitian a. Meningkatkan citra lembaga bimbingan belajar Smart Galileo. b. Mengenalkan lembaga bimbingan belajar Smart Galileo pada publik. 2. Bagi Masyarakat Umum dan IT 2. Pembahasan a. Referensi hasil company profile yang bisa berupa berbagai media yang ada. b. Alternatif media presentasi dan media promosi untuk pengenalan produk atau perusahaan. 2.1 Perancangan Konsep Konsep dasar dari company profile ini adalah aplikasi yang dikemas secara minimalis dengan mengedepankan flat design sebagai dasar tampilan utama dan grafis pada video 2D motion 1

4 graphic yang disematkan. Dengan konsep ini, diharapkan agar pesan yang ingin disampaikan dapat diterima dengan baik dan melekat kepada publik serta out of the box atau tidak monoton. Dalam pembuatan desain layout ini, penulis menggunakan aplikasi CorelDraw X5, tahap pertama adalah membuat sketsa digital, kemudian proses coloring atau pewarnaan. 2.2 Perancangan Design Struktur Struktur yang digunakan untuk mendesain aplikasi ini adalah struktur hierarki. Gambar 3. Layout Tampilan Menu Utama Gambar 1. Struktur Hierarki 2.3 Perancangan Halaman Interface Tahap ini adalah tahap perancangan halaman utama atau halaman interface. 2.5 Perancangan Video 2D Motion Graphic Konsep video 2D motion graphic ini secara tema masih berkaitan dengan program flash company profile yang sebelumnya telah dijelaskan. Mengambil tema flat design, secara garis besar grafik yang ada dalam pembuatan video ini juga menggunakan tema tersebut. 2.6 Perancangan Naskah Video 2D Motion Graphic Setelah perancangan konsep, maka langkah selanjutnya adalah merancang naskah video company profile 2D motion graphic, berikut ini adalah naskah video company profile 2D motion graphic Smart Galileo dengan durasi 1 menit 9 detik. Motion Graphic 01 : Logo Smart Galileo muncul dengan animasi yang menggabung bagian bagian logo dan menjadi satu kesatuan logo Smart Galileo yang utuh. Audio : Backsound. Durasi : 4 detik. Gambar 2. Perancangan Halaman Interface Keterangan: A. Logo B. Video C. Program D. E. Petunjuk F. Profil G. Galeri H. Sound I. Kontak J. 2.4 Pembuatan Layout Tampilan Menu Utama Motion Graphic 02 Audio Durasi Motion Graphic 03 : Setelah transisi menuju scene berikutnya, akan muncul 3 objek yang bertuliskan siap, dan, sukses. : Narasi ingin siap dan sukses?,backsound. : 1 detik : Muncul 4 objek yang mewakili ujian semester, ujian kenaikan kelas, ujian nasional, dan sekolah favorit, dengan background tulisan yang sama dengan objek yang muncul tersebut. 2

5 Audio : Narasi dalam menghadapi ujian semester, ujian kenaikan kelas, ujian nasional, dan masuk ke sekolah favorit, backsound. Durasi : 5 detik 2.7 Pembuatan Storyboard Maksud dari pembuatan storyboard dalam produksi video 2D motion graphic ini adalah sebagai panduan atau acuan dalam penyusunan tiap-tiap adegan dalamscene atau frame, agar alur cerita sesuai dengan ide dan konsep yang sudah ditentukan di tahap awal praproduksi. Tabel 1. Storyboard dengan resolusi 1920 x 1080 pixel dan 25 frame rate per second, hal dimaksudkan agar video yang dihasilkan akan lebih jernih dan memiliki kualitas HD. Gambar 4. Format HDTV Pembuatan Motion Graphic Final FRAME 01 Ditampilkan logo Smart Galileo. MOTION GRAPHIC AUDIO Backsound Pada komposisi ini adalah penggabungan semua komposisi yang telah dibuat sebelumnya dan setelah digabungkan, maka komposisi ini siap untuk melalui proses render, sehingga menjadi satu kesatuan video yang utuh. Format yang dipakai dalam komposisi ini masih sama seperti komposisikomposisi sebelumnya, yaitu HDTV Durasi dari keseluruhan komposisi yang telah digabungkan adalah 1 menit 10 detik. FRAME 02 Ditampilkan objek rectangle dengan tulisan SIAP, DAN, SUKSES di dalamnya. MOTION GRAPHIC 2.8 Pembuatan Motion Graphic Dalam membuat video 2D motion graphic ini, penulis menggunakan property animasi seperti position, opacity, anchor point, scale, rotation, easy ease tool dan teknik masking. 2.9 Pembuatan Motion Comp 1 AUDIO Narasi ingin siap dan sukses?,backs ound. Motion graphic comp 1 merupakan scene intro atau opening yang memuat logo Smart Galileo dengan animasi radial wipe dan positioning. Composition yang digunakan adalah format HDTV 1080 yang mengacu pada era HD (High Definition) 2.11 Pengetesan Sistem Gambar 5. Motion Graphic Final Pada pengetesan ini, akan dites semua fitur, elemen, dan konten yang ada di dalam aplikasi company profile ini. Setelah itu akan dicek apakah fitur, elemen, dan konten bisa berjalan dengan baik atau tidak. Hasil yang didapat berdasarkan uji coba di setiap fitur, elemen, dan konten pada aplikasi ini adalah sebagai berikut: Tabel 2. Pengetesan Sistem No Fitur Keterangan 1. Splash Screen 3

6 2. Menu Utama Video Petunjuk Program Profil Kontak Galeri Sound komputer yang berfungsi untuk menjalankan sistem. Adapun perangkat keras yang digunakan untuk menguji aplikasi ini adalah sebagai berikut: 1. AMD A6-6400K APU 3.90 GHz 4.00 GB of RAM (sistem yang digunakan dalam pembuatan aplikasi). 2. Intel Pentium 4 CPU 1.90 GHz 1.00 GB of RAM (sistem pembanding, yang dimiliki pihak Smart Galileo). Tabel 3. Pengetesan pada perangkat keras 3. Halaman Video 4. Halaman Textview Materi Video Sistem AMD A6-6400K Intel Pentium 4 Keterangan - Aplikasi dapat dijalankan - Tidak terdapat jeda ketika melakukan perpindahan halaman - Aplikasi dapat dijalankan - Terdapat sedikit jeda ketika melakukan perpindahan halaman 2.13 Evaluasi Video 2D Motion Graphic 5. Halaman Petunjuk Petunjuk Dari hasil angket, didapat nilai terendah yaitu 12, nilai tertinggi 15 dan interval nilai 1,5. Maka, dengan demikian dapat diperoleh kualifikasi dan interval nilai seperti pada tabel di bawah ini: Program Tabel 4. Interval Nilai Profil Kontak No. Interval Keterangan ,5 Cukup 2 13,6 15,1 Baik Galeri Tabel 5. Distribusi Frekuensi Evalusi Video Sound No. Interval Frekuensi Fr (%) ,5 8 40% 2 13,6 15, % % 2.12 Pengetesan Sistem Pada Perangkat Keras Agar aplikasi ini dapat digunakan dengan baik maka dibutuhkan perangkat keras (hardware) Dari hasil tabel distribusi frekuensi di atas, dapat diketahui nilai sebagai berikut: untuk interval 12-13,5 dengan nilai presentase 40% dan untuk nilai interval 13,6 15,1 dengan presentase 60%. 4

7 3. Kesimpulan Berdasarkan uraian penjelasan dan pembahasan pada Pembuatan Company Profile Multimedia Interaktif Bimbingan Belajar Smart Galileo Berbasis Flash, maka dapat ditarik kesimpulan: 1. Company profile berbasis flash dan video 2D motion graphic merupakan salah satu media yang tepat bagi Smart Galileo untuk menyampaikan informasi lembaga kepada publik. 2. Dengan menambahkan konten video 2D motion graphic pada company profile yang berbasis flash ini memberi nilai estetika pada Smart Galileo. 3. Informasi yang disajikan aplikasi dan video 2D motion graphic mencakup keseluruhan gambaran umum pihak lembaga Smart Galileo untuk bisa melakukan presentasi pengenalan lembaga dengan menggunakan sarana promosi digital. DAFTAR PUSTAKA [1] Amar Fatah, Agus Purwanto DIGITAL MULTIMEDIA: Animasi, Sound Editing, & Video Editing. Yogyakarta : Penerbit Andi. [2] Amar Fatah, Agus Purwanto DIGITAL MULTIMEDIA: Animasi, Sound Editing, & Video Editing. Yogyakarta : Penerbit Andi. [3] Suyanto, M MULTIMEDIA Alat untuk Meningkatkan Keunggulan Bersaing. Yogyakarta: Penerbit Andi. [4] Suyanto, M MULTIMEDIA Alat untuk Meningkatkan Keunggulan Bersaing. Yogyakarta: Penerbit Andi. [5] Suyanto, M Analisis & Desain Aplikasi Multimedia untuk Pemasaran. Yogyakarta : Penerbit Andi. [6] Suyanto, M MULTIMEDIA Alat untuk Meningkatkan Keunggulan Bersaing. Yogyakarta : Penerbit Andi. [7] Sunyoto Andi Adobe Flash+XML=Rich Multimedia Application. Yogyakarta : Penerbit Andi. Biodata Penulis Husen Amin Febriyanto, memperoleh gelar Sarjana Komputer (S.Kom), Jurusan Teknik Informatika STMIK AMIKOM Yogyakarta, lulus tahun Bayu Setiaji, memperoleh gelar Sarjana Komputer (S.Kom), Jurusan Teknik Informatika STMIK AMIKOM Yogyakarta, lulus tahun Memperoleh gelar Magister Komputer (M.Kom), Jurusan Magister Teknik Informatika STMIK AMIKOM Yogyakarta, lulus tahun