TUGAS AKHIR
Nama : Achmad Ibnu Aqil
NIM : 08.51016.0042
Program Studi : DIV Komputer Multimedia
SEKOLAH TINGGI
MANAJEMEN INFORMATIKA & TEKNIK KOMPUTER SURABAYA
2012
STIKOM
viii
ABSTRAK
Multimedia Interaktif adalah media yang terdiri dari banyak komponen atau media yang terhubung satu sama lain dan mampu berinteraksi (Wirasamodra, 2008). Pengajaran media dalam bentuk multimedia interaktif memiliki kemampuan untuk menyimpan audio visual data, membuat multimedia interaktif sebagai media promosi dan pencitraan, karena perusahaan baru sangat membutuhkan hal tersebut. perusahaan baru itu adalah CV. First Aid Kit yang ingin membuat interaktif company profile dengan inovasi baru. Inovasi baru yang dimaksud disini adalah inovasi pengembangan karena mengembangkan dari suatu ide, konsep, atau kreatifitas yang ada. Inovasi tersebut menggunakan teknik stop motion, Pengertian stop motion adalah animasi yang memanipulasi gambar agar suatu benda mati dapat bergerak sendiri dan tergantung dalam perhitungan frame (Pharosproduction, 2006, chap. I). Cara kerja stop motion yaitu mengharuskan animator mengubah scene secara fisik, memfoto satu per satu frame, mengubah scene lagi dan memfoto satu frame lagi, dan seterusnya. apabila stop motion digabungkan dengan interaktif maka akan terbentuk suatu hal yang baru untuk company profile. Company profile itu sendiri bergerak pada bidang multimedia seperti animation, brand building, concept art, editorial and publishing, interactive, photography, videography, dan website. Oleh karena itu, media interaktif dengan menggunakan teknik stopmotion ini sesuai dengan konsep yang dipikirkan dari awal.
Kata kunci: Interactive Company Profile, Stop Motion.
STIKOM
xi
DAFTAR ISI
KATA PENGANTAR ... ix
DAFTAR ISI ... xi
DAFTAR GAMBAR ... xiii
DAFTAR TABEL ... xvi
DAFTAR LAMPIRAN ... . xvii
BAB I PENDAHULUAN ... 1
1.1 Latar Belakang Masalah ... 1
1.2 Perumusan Masalah ... 3
1.3 Pembatasan Masalah ... 3
1.4 Tujuan ... 3
1.5 Manfaat ... 4
BAB II KAJIAN PUSTAKA ... 5
2.1 Company Profile ... 5
2.2 Pencitraan ... 7
2.3 Inovasi ... 8
2.4 Teori Desain Grafis ... 10
2.5 Penerapan Komposisi dan Desain ... 15
2.6 Sistem yang Interaktif ... 17 Halaman
STIKOM
xii
2.7 XML ... 23
2.8 Stop Motion ... 24
2.9 Tipografi ... 33
BAB III Metodologi dan Perancangan Karya ... 36
3.1 Tahap Perencanaan Karya/Planning ... 36
3.2 Tahap Analisis Karya/Analysis ... 40
3.3 Tahap Perancangan Karya/Design ... 51
BAB IV Implementasi dan Evaluasi ... 71
4.1 Implementasi Karya ... 71
4.2 Publikasi Karya ... 80
BAB V PENUTUP ... 83
5.1 Kesimpulan ... 83
5.2 Saran ... 83
DAFTAR PUSTAKA ... 84
LAMPIRAN ... 85
STIKOM
1
BAB I
PENDAHULUAN
1.1 Latar Belakang Masalah
CV. First Aid Kit adalah perusahaan baru yang bergerak pada bidang
multimedia seperti animation, brand building, concept art, editorial and publishing, interactive, photography, videography, dan website. Mereka ingin melakukan suatu pencitraan, pencitraan menurut (Kotler dan Amstrong 2006 :
299) sangatlah penting karena menyangkut keyakinan, ide, dan kesan yang
dimiliki oleh suatu objek. Salah satu bentuk pencitraan pada perusahaan ini dibuat
dalam bentuk interaktif yang berisikan latar belakang atau seluk beluk dari
perusahaan, kumpulan karya, klien yang ditangani, serta tempat dan info dari
perusahaan. CV. First Aid Kit membuat interaktif untuk media promosi atau
presentasi agar masyarakat mengetahui bahwa CV. First Aid Kit ini bergerak di
bidang multimedia dan mempunyai kualitas dalam pengerjaan project yang bisa dilihat dari karyanya.
Pada hal ini CV. First Aid Kit membutuhkan interaktif yang tidak hanya
bermain-main pada grafis atau animasi saja serta inovasi yang baru. Menurut
(Clark dan Guy, 1997) Inovasi adalah aplikasi komersial yang pertama kali dari
suatu produk atau proses yang baru. Dan pada waktunya telah ditemukan suatu
konsep pembuatan interaktif dengan menggunakan teknik Stop Motion. Animasi yang menggunakan beberapa potongan-potongan foto atau video yang
STIKOM
digabungkan dalam interaktif. Dari pihak CV. First Aid Kit setuju dengan
interaktif stop motion.
Menurut (yoga permana wijaya, 2010), pada dasarnya pemanfaatan
multimedia sangatlah banyak diantaranya untuk media pembelajaran, game, film,
medis, militer, bisnis, desain, arsitektur, olahraga, hobi, iklan atau promosi, dsb.
Menurut (Suyanto dari Hoffstetter, 2003:21), bila pengguna mendapatkan
keleluasaan dalam mengontrol multimedia tersebut, maka hal itu disebut
Multimedia Interaktif. Sedangkan pengertian Stop Motion adalah teknik dimana sebuah objek digerakkan oleh animator dengan memindahkan posisi secara
perlahan-lahan dan direkam dengan kamera foto. Sehingga hasil rekaman tersebut
seolah-olah objek bergerak, (Pharosproduction, 2006, chap. I).
Apabila dari interaktif dan stop motion digabungkan maka akan menghasilkan sesuatu yang baru, Karena merupakan suatu inovasi dan jarang
sekali para pembuat interaktif menggunakan teknik ini.
Oleh karena itu, yang harus diperhatikan dalam pembuatan interaktif ini
adalah bagaimana cara menggabungkan antara interaktif dengan teknik Stop Motion dan CV. First Aid Kit agar terlihat proporsi atau kesebandingan dan menyatu dengan konsep tersebut.
STIKOM
1.2 Perumusan Masalah
Berdasarkan latar belakang yang telah dibuat, maka rumusan masalah yang
akan dikaji, yaitu:
1. Bagaimana membuat interaktif Company Profile CV. First Aid Kit dengan suatu inovasi yang baru?
2. Bagaimana cara menggabungkan antara interaktif dengan teknik Stop Motion?
1.3 Pembatasan Masalah
Adapun bastasan masalah dalam pembuatan interaktif CV. First Aid Kit
antara lain:
1. Pembuatan CD Interaktif Company Profile dengan teknik Stop Motion. 2. Pembuatan teknik Stop Motion ini menggunakan media kamera DSLR yang
berupa potongan – potongan gambar atau foto.
3. Hanya dalam bentuk CD.
4. Memiliki audio pada animasinya.
1.4 Tujuan
Tujuan pembuatan interaktif ini sebagai berikut:
1. Membuat interaktif Company Profile CV. First Aid Kit dengan inovasi baru. 2. Menggabungkan antara interaktif Company Profile CV. First Aid Kit dengan
teknik Stop Motion.
STIKOM
1.5 Manfaat
Manfaat pembuatan interaktif ini antara lain:
1. Masyarakat atau calon klien akan mengetahui perusahaan tersebut bergerak di
bidang multimedia seperti halnya animation, brand building, concept art, editorial and publishing, interactive, photography, videography, dan website. 2. Masyarakat atau calon klien mengetahui kualitas perusahaan tersebut, bahwa
perusahaan tersebut layak untuk diberi suatu projek atau suatu pekerjaan yang
bergerak dibidangnya.
3. Sebagai ajang kompetisi.
STIKOM
5
BAB II
LANDASAN TEORI
Pada BAB II ini dibahas mengenai pembuatan interaktif Company Profile CV First Aid Kit Dengan Teknik Stop Motion, disini akan dijelaskan suatu literatur atau referensi yang menjadi dasar suatu landasan teori.
2.1 Company Profile
Menurut kamus Bahasa Inggris-Indonesia (John M. Echols dan Hassan
Shadily), Company Profile berasal dari dua kata yang mempunyai pengertian berbeda tetapi saling terkait, yakni kata “Company” dan “Profile”, dimana kata
tersebut diartikan berdasarkan kamus.
Arti dari Company, menurut kamus Bahasa Inggris-Indonesia, Company adalah:
1. Perusahaan, maskapai, dan firma
2. Perseroan
3. Persekutuan
4. Kompi
5. Rombongan
Arti dari Profile, menurut kamus Bahasa Inggris-Indonesia, Profile adalah:
1. Tampang atau raut muka
2. Penampang
3. Riwayat
STIKOM
Istilah Company Profile merupakan gambaran umum mengenai suatu media
jati diri untuk menyampaikan dan menginformasikan nilai-nilai positif tentang
suatu perusahaan, lembaga atau instansi baik pemerintah maupun swasta, agar
mendapatkan suatu tanggapan yang positif, sehingga keberadaan perusahaan bisa
diterima oleh masyarakat.
Tujuan atau fungsi Company Profile menurut Muh. Akbar bidang akademik
dan kemahasiswaan Company Profile memiliki berbagai macam fungsi dan tujuan, antara lain:
1. Memberikan informasi tentang jati diri perusahaan atau organisasi.
2. Dapat mengkomunikasikan perusahaan atau organisasi pada khalayak umum,
sehingga masyarakat memiliki pandangan dan mengerti akan keberadaan
perusahaan atau organisasi.
3. Dapat memperkenalkan profile perusahaan pada khalayak umum dengan
mudah.
4. Untuk memudahkan audience, dalam memahami dan mengenal lebih jauh tentang profile perusahaan atau organisasi.
5. Membangun citra perusahaan.
Dari penjelasan tersebut bisa disimpulkan bahwa ada keterkaitan bahwa
perusahaan CV. First Aid Kit adalah perusahaan yang baru berupa company profile. CV. First Aid Kit sangat membutuhkan suatu media untuk dapat memperkenalkan kepada khalayak umum dan dapat membangun citra perusahaan,
agar mendapat suatu nilai yang positif terhadap perusahaan.
STIKOM
2.2 Pencitraan
Menurut Jackie Ambadar, Miranty Abidin dan Yanti Isa, dalam buku serial
delapan (8) membangun citra perusahaan, dijelaskan bahwa citra adalah kesan,
perasaan, gambaran dari publik terhadap perusahaan, kesan yang dengan sengaja
diciptakan dari suatu obyek, orang atau organisasi. Teori citra diatas digunakan
karena memiliki hubungan yang erat dengan iklan korporat itu sendiri. Telah
diketahui bahwa iklan korporat memiliki tujuan untuk menciptakan citra yang
positif bagi khalayak umum.
Citra timbul dari persepsi masyarakat, persepsi dinyatakan sebagai proses
penafsiran dalam memberikan sebuah arti. Persepsi terbentuk dari serangkaian
informasi dan atribut yang dikaitkan dengan produk atau jasa tersebut. Informasi
ini biasa bersifat intrinsik (unsur yang mempengaruhi dari dalam) dan berkaitan
langsung dengan produk itu seperti warna, ukuran, rasa, aroma. Biasa pula
bersifat ekstrinsik (unsur yang mempengaruhi dari luar) dan tidak langsung
berkaitan dengan produk seperti positioning, harga, kemasan, dan citra took yag
menjual, pelayanan yang diberikan, pesan-pesan promosi atau periklanannya.
Menurut Jackie Ambadar, Miranty Abidin dan Yanti Isa, citra perusahaan
adalah salah satu aspek penting dalam pemasaran secara langsung ataupun tidak
langsung. Untuk menciptakan atau memperbaiki citra perusahaan dalam rangka
meningkatkan atau memperbaiki citra positif perusahaan dimata masyarakat atau
stakeholder.
Tujuan atau fungsi pencitraan adalah untuk mencapai suatu tujuan, yakni
menciptakan citra yang positif bagi khalayak umum dan menciptakan atau
STIKOM
memperbaiki citra perusahaan dalam rangka meningkatkan atau memperbaiki
citra positif perusahaan dimata masyarakat.
Kesimpulan dari pencitraan tersebut sangat berkaitan dengan CV. First Aid
Kit dan bisa dibilang suatu company profile yang baru. Bahwa perusahaan baru sangat membutuhkan pencitraan yang positif, agar bisa dipercaya oleh masyarakat
luas.
2.3 Inovasi
Kata Inovasi dapat diartikan sebagai “proses” atau “hasil” pengembangan
dan pemanfaatan atau mobilisasi pengetahuan, keterampilan dan pengalaman
untuk menciptakan atau memperbaiki produk, barang atau jasa dengan sistem
baru. Inovasi merupakan gabungan dari kreatifitas dan dengan komersialisasi
(stamm, 2008). Kreatifitas adalah unsur penting untuk sebuah inovasi, karena
tanpa kreatifitas, inovasi tidak berarti. Tanpa inovasi, ide-ide kreatifitas tidak
pernah diterapkan. Kreatifitas menciptakan solusi untuk masalah dan inovasi
melibatkan pelaksanaan. Kreatifitas juga merupakan sebuah proses dimana
inovasi adalah hasilnya, tapi kreatifitas dan inovasi sangat saling terkait, menurut
(Gupta 2007).
Menurut (Clark dan Guy 1997), Inovasi adalah aplikasi komersial yang
pertama kali dari suatu produk atau proses yang baru.
STIKOM
Jenis-jenis inovasi antara lain:
1. Penemuan :
kreasi suatu produk, jasa, atau proses baru yang belum pernah
dilakukan sebelumnya. Konsep ini cenderung disebut revolisioner. Contohnya
penemuan pesawat oleh Wright bersaudara, telepon oleh Alexander Graham
Bell
2. Pengembangan:
Pengembangan suatu produk, jasa, atau proses yang sudah ada.
Konsep seperti ini menjadi aplikasi ide yang telah ada. Contohnya
pengembangan Mcd oleh Ray Kroc.
3. Duplikasi :
Peniruan suatu Produk, jasa, atau proses yang telah ada. Meskipun
demikian duplikasi bukan semata meniru melainkan menambah sentuhan
kreatif untuk memperbaiki konsep agar lebih mampu memenangkan
persaingan. Misalnya duplikasi perawatan gigi oleh Dentaland.
4. Sintesis :
Perpaduan konsep dan faktor-faktor yang sudah ada menjadi
formulasi baru. Proses ini meliputi pengambilan sejumlah ide atau produk yang
sudah ditemukan dan dibentuk sehingga menjadi produk yang dapat
diaplikasikan dengan cara baru. Misalnya sintesis pada arloji oleh Casio.
Berdasarkan berbagai teori diatas, dapat disimpulkan bahwa inovasi adalah
bentuk praktek pengembangan dan aplikasi ide dalam bentuk yang dapat
menimbulkan efek menguntungkan bagi konsumen. Sedangkan bentuk inovasi
STIKOM
bermacam-macam sesuai aplikasi dan jenis pengembangan yang dilakukan.
Dari penjelasan tersebut sangat berkaitan dengan perusahaan CV. First Aid
Kit. Bahwa CV. First Aid Kit sangat menginginkan suatu interaktif dengan
memunculkan suatu inovasi, jenis inovasi tersebut adalah inovasi pengembangan.
2.4 Teori Desain Grafis
Dalam www.escaeva.com, Suyanto mendefinisikan desain grafis adalah
sebagai aplikasi dari keterampilan seni dan komunikasi untuk kebutuhan bisnis
dan industri. Aplikasi-aplikasi ini dapat meliputi periklanan dan penjualan produk,
menciptakan identitas visual untuk institusi, produk perusahaan, lingkungan
grafis, desain informasi, dan secara visual menyempurnakan pesan dalam
publikasi. Sedangkan untuk pengaplikasian desain interaktif company profile CV
First Aid Kit sangat dibutuhkan sekali desain grafis tersebut, agar mampu
memunculkan indentitas visual. Jadi dalam membuat suatu desain harus
mengetahui elemen-elemen desain grafis.
1. Elemen-elemen Desain Grafis
a. Titik
Titik merupakan bagian terkecil dari garis, karena pada dasarnya
suatu garis dibentuk oleh adanya hubungan titik-titik yang sangat dekat.
Hal ini bisa dilihat pada gambar 2.1.
Gambar 2.1 Contoh Gambar Titik
.
STIKOM
b. Garis
Garis merupakan dasar yang dapat dibentuk untuk membuat huruf,
grafik dan elemen desain grafis lainnya. Garis mempunyai fungsi tertentu
yang pada dasarnya digunakan untuk mengarahkan arah dari gerakan
mata yang melihat elemen dalam suatu karya desain grafis. Dapat dilihat
pada gambar 2.2.
Garis terdiri dari 4 macam bentuk, yaitu:
1) Garis Vertikal: Digunakan untuk mengarahkan mata dan sekelompok
informasi ke informasi lainnya.
2) Garis Horizontal: Digunakan untuk mengarahkan mata agar bergerak
mendatar.
3) Garis Diagonal: Merupakan suatu ekspresi yang menggambarkan
keadaan tak menentu.
4) Garis yang berbentuk gelombang: Merupakan adanya suatu irama.
Gambar 2.2 Macam – Macam Garis c. Bentuk
Bentuk merupakan suatu wujud yang menempati ruang dan
biasanya memiliki dimensi dua atau tiga, yang biasanya disebut 2
STIKOM
dimensi (dwimatra) dan 3 dimensi (trimatra). Hal ini dijelaskan pada
gambar 2.3.
a.
b.
Gambar 2.3 Bidang 2 Dimensi dan 3 Dimensi (a. Gambar 2D, b. Gambar 3D)
d. Tekstur
Tekstur merupakan keadaan, atau gambaran dari suatu permukaan
benda atau bagian darinya. Pada hal ini dijelaskan pada gambar 2.4.
Ada beberapa jenis tekstur, diantaranya adalah:
1) Tekstur Semu: tekstur dengan kualitas permukaan datar yang
memiliki kesan keras, menonjol dan memiliki kesan dalam.
2) Tekstur Nyata: tekstur dengan kualitas permukaan bidang yang
menonjol atau memiliki nilai raba kuat di atas permukaan bidang
datar, seperti relief.
STIKOM
3) Tekstur Halus: tekstur dengan kualitas datar yang berkarakter
halus, seperti kain, logam, dan plat.
a. Gambar semu b. Gambar nyata c. Gambar Halus
Gambar 2.4 Macam-Macam Tekstur Sumber: (www.escaeva.com)
e. Warna
Warna merupakan elemen desain yang sangat berpengaruh dalam
membantu menjadi komposisi desain menjadi menarik. Menurut Russel
dan Verrill (1986, 416) warna dapat digunakan untuk beberapa alasan,
khususnya dalam periklanan, diantaranya:
1) Warna merupakan alat untuk menarik perhatian.
2) Beberapa produk akan menjadi realistis, jika ditampilkan dengan
menggunakan warna.
3) Dapat memperlihatkan atau memberikan suatu penekanan pada elemen
tertentu dalam karya desain.
4) Warna dapat memperlihatkan suatu mood tertentu yang menunjukan akan adanya kesan psikologis tersendiri.
STIKOM
2.4.1 Desain Modern
Menurut arsitek Probo Hindarto, smart design dihasilkan dari
prosespemikiran yang luas dan berkualitas, dengan hasil yang sederhana,
fungsional serta indah. Dalam perkembangannya, paham modernisme menerima
banyak kritik, juga mengalami penyempurnaan bertahap. Sebab, modernisme
dianggap terlalu terlalu “sibuk“ dengan prinsip-prinsip perhitungan matematis,
analisis struktur, teknik produksi, standardisasi, efisiensi, dan hal-hal yang bersifat
rasional lainnya.
“Desain modern yang seharusnya mampu menjadi media pengungkapan
budaya, kemanusiaan, moral, fantasi, selera, dan nilai-nilai keindahan justru
menjadi tersingkir. Sebab, citra desain modern hanyalah desain yang bebas
ornament serta mengekspresikan kepresisian bahasa mesin, serba polos,
bentuknya kotak-kotak, sederhana dan serius“, tutur Probo
Menurut konsep Modernisme, desain yang baik adalah yang memperhatikan
kesederhanaan bentuk, fungsional dan estetis. Atas dasar ini, maka smart desain
sebenarnya tidak harus bergaya mewah atau berteknologi canggih.
Apabila kita kaitkan dengan perusahaan interaktif CV.First Aid Kit akan
terlihat cocok dengan desain modern, karena perusahaan CV. First Aid Kit
tersebut menggunakan suatu interaktif dengan inovasi baru.
STIKOM
2.5 Penerapan Komposisi dalam Desain
Setiap kali kita memperhatikan sesuatu bentuk yang pertama-tama timbul
dalam pikiran kita adalah wujudnya kemudian ekspresi dan sebab kehadirannya.
Secara sadar, komposisi diterapkan setiap desain untuk mencapai keindahan,
sehingga dalam setiap komposisi desain yang baik akan ditemukan, menurut
(Nirmana Dwimatra (Desain Dasar Dwimatra), Drs. Arfial Arsad Hakim, 1984): 1. Kesatuan (Unity)
Kesatuan merupakan paduan unsur-unsur rupa yang antara unsur satu
dengan yang lain saling menunjukkan adanya hubungan atau keterkaitan, dengan
kata lain tidak terpisah-pisah atau berdiri sendiri. Agar sebuah karya seni menjadi
enak dipandang maka syarat utamanya adalah memiliki kesatuan. Dalam prinsip
kesatuan inilah sebenarnya memuat pula prinsip-prinsip yang lain. Kesatuan akan
terwujud jika terdapat keserasian, keseimbangan, irama, dan fokus perhatian.
2. Keseimbangan (Balance)
Keseimbangan merupakan prinsip pengaturan unsur rupa dengan
memperhatikan bobot visual yang tidak berat sebelah atau timpang. Pengaturan
unsur yang timpang mengakibatkan perasaan tidak nyaman bagi orang yang
melihatnya. Terdapat dua macam keseimbangan, yaitu simetris dan asimetris.
Keseimbangan simetris adalah pengaturan unsur yang sama bentuk dan
jumlahnya. Sedangkan keseimbangan asimetris adalah pengaturan unsur yang
antar bagiannya tidak sama bentuk dan jumlahnya tetapi menunjukkan kesan
bobot visual yang sama.
STIKOM
3. Keserasian (Harmony)
Keserasian merupakan perpaduan unsur rupa yang selaras atau hubungan
yang tidak bertentangan antara bagian satu dengan bagian lainnya. Keserasian
dapat terbentuk karena pengaturan unsur yang memiliki kedekatan bentuk
(kemiripan), perpaduan warna, maupun unsur peran (fungsi).
4. Irama (Rhytm)
Pengulangan unsur-unsur rupa dalam sebuah tatanan akan menimbulkan
kesan gerak bagi orang yang melihatnya. Kesan gerak inilah yang disebut irama.
Terdapat beberapa jenis irama, diantaranya; irama repetitif, yaitu kesan gerak
yang ditimbulkan dari pengaturan unsur yang monoton (sama) baik ukuran, warna
maupun jaraknya. Iramaalternatif merupakan kesan gerak yang muncul karena
pengaturan unsur yang berselang seling baik bentuk, ukuran, maupun warnanya.
Irama yang lain adalah irama progresif, yakni kesan gerak yang menunjukkan
adanya perubahan dari unsur-unsurnya, misalnya perubahan dari besar menuju
kecil, pendek menuju ke panjang, tebal ke tipis, atau bisa juga perubahan dari satu
warna ke warna lain.
5. Kesebandingan (Proportion)
Kesebandingan atau lebih dikenal dengan sebutan proporsi. Proporsi adalah
perbandingan ukuran pada unsur-unsurnya, baik perbandingan antar bagian
maupun antara bagian terhadap keseluruhan. Pengaturan besar kecilnya bagian
merupakan prinsip yang erat kaitannya dengan keseimbangan. Orang-orang pada
STIKOM
zaman Yunani meyakini sebuah pendekatan menggunakan proporsi dikenal
sebagai Golden Ratio atau Golden section.
6. Fokus Perhatian (Centre of interest)
Fokus perhatian sering disebut pula dengan dominasi. Dalam tatanan sebuah
karya seni rupa selalu diupayakan terdapat satu bagian yang lebih menonjol dari
bagian lainnya artinya terdapat satu bagian yang mencuri perhatian pengamat.
Fungsinya adalah agar tema utama sebuah karya menjadi jelas terlihat. Fokus
perhatian dapat dibuat dengan berbagai cara, misalnya membuat aksentuasi
(pengecualian) atas bentuk yang seragam, perbedaan ukuran, perbedaan warna,
dan lain sebagainya.
Penjelasan tersebut sangat berkaitan dengan CV. First Aid Kit yang
menginginkan desain yang modern, dan inovasi baru. Dari sini kita bisa
menyimpulkan bahwa komposisi sangat diperlukan untuk pembuatan interaktif
company profile CV. First Aid Kit.
2.6 Sistem yang Interaktif
Sistem yang interaktif dibentuk oleh teknik penyajian halaman-halaman
pada layar monitor yang akan diakses oleh pemakai. Dalam pembuatan CD
interaktif CV. First Aid Kit sangat diperlukan sekali sistem seperti ini. Dan untuk
membuat halaman Multimedia interaktif yang interaktif harus diperhatikan
faktor-faktor berikut, seperti yang dikemukaan I.T. Hawryszkiews dalam (Oetomo,
2001:164) yaitu:
STIKOM
1. Ruang atau Workspace
Tampilan pada layar monitor harus ditata dengan baik dan proporsional,
dimana tidak seluruh ruang yang ada dipenuhi dengan tulisan, gambar atau
fasilitas menu. Hal ini mempertimbangkan kemampuan dan kenyamanan mata
dari si pengguna dalam melakukan scanning. Pembuat halaman Multimedia
Interaktif juga harus mempertimbangkan sudut yang dibentuk ketika mata
bergerak ke kiri terjauh dan kanan terjauh
2. Mudah digunakan atau User Friendly
Pembangunan sistem harus memperhatikan derajat di mana pemakai dapat
menggunakan sistem secara mudah karena sistem yang mudah bisa
membangkitkan sikap positif setelah berinteraksi.
3. Ergonomis
Sistem yang baik juga harus mempertimbangkan faktor kenyamanan dan
keamanan dalam penggunaan antar halaman Multimedia Interaktif.
4. Pemahaman berpikir atau Cognitive Psychology
menurut Sternberg, R.J. (2006) cognitive psychology adalah pemahaman terhadap cara manusia berpikir. Agar sistem dapat berinteraksi dengan user secara
baik, maka perancang harus mempertimbangkan faktor psikologis, karena
pemahaman seseorang terhadap sesuatu yang ditatapnya dipengaruhi oleh
pengetahuan dan pemahaman yang telah dimiliki seseorang sebelumnya. Oleh
karena itu penggunaan simbol, bentuk, ataupun gambar tertentu harus
mempertimbangkan faktor cognitive psychology tersebut antara lain:
STIKOM
1) Jumlah warna: Jumlah warna yang berlebihan akan mengaburkan penekanan
informasi-informsi tertentu.
2) Simbol standar: Gunakan simbol-simbol yang standar dan secara umum telah
diterima oleh komunitas TI, seperti OK, exit, close, gambar printer, gambar
disket, dan sebagainya. Simbol-simbol itu akan mempermudah pengguna
memahami halaman yang tersaji.
2.6.1 Struktur Navigasi
Struktur navigasi adalah struktur atau alur dari suatu program. Ada empat
macam bentuk dasar dari struktur navigasi yang biasa dilakukan dalam proses
pembuatan aplikasi multimedia. Yaitu : (Ariesto Hadi Sutopo, Multimedia
Interaktif Dengan Flash, (Yogyakarta, Graha Ilmu 2003.) hal .37).
1. Linear navigation model
Linear navigation model banyak digunakan oleh sebagian besar multimedia linier. Informasi diberikan secara sekuensial dimulai dari satu halaman. Beberapa
desainer menggunakan satu halaman untuk masuk atau keluar dari aplikasi. Dan
bisa dilihat contohnya di gambar 2.5.
STIKOM
Linear navigation model banyak digunakan dan berhasil dengan baik pada beberapa macam aplikasi seperti:
a. presentasi
b. aplikasi computer based – training
c. aplikasi yang memerlukan informasi berurutan
Gambar 2.5 Struktur Navigasi Linier
2. Hierarchical model
Pada gambar 2.6. Hierarchical model diadaptasi dari top – down design. Konsep navigasi ini dimulai dari satu node yan menjadi halaman utama atau
halaman awal. Dari halaman tersebut dapat dibuat beberapa cabang ke halaman –
halaman level 1. halaman tersebut adalah isi atau halaman penunjang dari sebuah
halaman utama, dari tiap halaman level 1 dapat juga dikembangkan menjadi
beberapa cabang lagi.
STIKOM
Hierarchical model baik bagi aplikasi untuk menemukan lokasi halaman dengan mudah. Untuk menggambarkan model tersebut dapat digunakan ilustrasi
dengan tree.
Gambar 2.6 Struktur Navigasi Hirarki
3. Spoke and hub model
Pada gambar 2.7. Untuk membuat struktur hyperlink yang fleksibel, spoke and hub model dapat bekerja dengan baik. Hub dengan halaman utama yang mempunyai hubungan dengan setiap node. Setiap node dapat berhubungan
kembali ke halaman utama. Pada model ini hanya terdapat dua macam link yaitu
dari halaman utama ke halaman tertentu, dan dari halaman tersebut kembali ke
halaman utama.
Gambar 2.7 Struktur Navigasi Spoke and Hub
STIKOM
4. Full web model
Full web model memberikan kemampuan hyperlink yang banyak. Full web model banyak digunakan untuk menyediakan user supaya dapat mengakses semua topik dengan sub topik dengan cepat. Namun kelemahan dari model ini, yaitu
dapat berakibat user kehilangan cara untuk dapat kembali ke topik sebelumnya.
Bisa dilihat pada gambar 2.8.
Gambar 2.8 Struktur Navigasi Full Web
Struktur yang akan digunakan pada aplikasi ini adalah struktur navigasi
Hierarchical model Karena pada aplikasi ini terdapat halaman utama serta halaman pendukung yang merupakan percabangan dari halaman utama.
Struktur interaktif yang sesuai dengan CV. First Aid Kit adalah Struktur
model hirarki, karena model ini baik bagi aplikasi untuk menemukan lokasi
halaman dengan mudah.
STIKOM
2.7 XML
XML (eXtended Markup Language) adalah bahasa markup yang digunakan
untuk menyimpan data (tidak ada program).
XML adalah merupakan suatu bahasa Markup. Markup yaitu bahasa yang berisikan kode-kode berupa tanda-tanda tertentu dengan aturan tertentu untuk
memformat dokumen teks dengan tag sendiri agar dapat dimengerti.
Perbedaan antara XML dan HTML:
1. XML bukan merupakan pengganti HTML.
2. XML dan HTML yang dirancang dengan tujuan yang berbeda.
3. XML dirancang untuk transportasi dan menyimpan data, dengan fokus pada
data.
4. HTML dirancang untuk menampilkan data, dengan fokus pada bagaimana data
terlihat.
5. HTML adalah tentang menampilkan informasi, sedangkan XML adalah
membawa informasi tentang.
Keuntungan XML adalah sebagai berikut:
1. Ekstensibilitas : dapat ditukar/digabung dengan dokumen XML lain
2. Memungkinkan pemrograman yang lebih baik maka dibuat suatu software
pengolah XML
3. Memisahkan data dan presentasi.
4.Pencarian data cepat karena XML merupakan data dalam format yang
terstruktur.
5. Untuk pertukaran data.
STIKOM
2.8 Stop Motion
Pengertian stop motion adalah animasi yang memanipulasi gambar agar suatu benda mati dapat bergerak sendiri dan tergantung dalam perhitungan frame
(Pharosproduction, 2006, chap. I). Cara kerja stop motion yaitu mengharuskan animator mengubah scene secara fisik, memfoto satu per satu frame, mengubah
scene lagi dan memfoto satu frame lagi, dan seterusnya.
Stop motion animation sering pula disebut claymation karena dalam perkembangannya, jenis animasi ini sering menggunakan clay (tanah liat) sebagai
obyek yang digerakkan. Jenis animasi ini menggabungkan unsur fotografi dan
gerak. Bagi orang yang tidak bisa menggambar namun memahami prinsip animasi
maka bisa membuat animasi dengan teknik stopmotion karena yang diperlukan
hanya memotret obyek secara berurutan dan teratur.
Dari penjelasan tersebut teknik ini sangat bagus untuk dikaitkan dengan
perusahan CV. First Aid Kit yang akan membuat suatu interaktif dengan inovasi
yang baru. Oleh sebab itu, beberapa referensi dimasukkan seperti halnya
pembuatan shaun the sheep. Dan beberapa film animasi menggunakan teknik stop
motion salah satunya adalah Shaun The Sheep. Shaun The Sheep muncul pertama kali di televisi pada tahun 1995 dalam film A Close Shave dengan karakter Wallace dan Gromit anjing. Durasinya hanya empat menit tetapi membuat orang
banyak menyukainya. Dan sejak itu, Shaun memiliki acara TV sendiri di BBC yg
dibuat oleh studio produksi Aardman.
Berikut beberapa hal menarik dari proses pembuatan ‘Behind The Scene’
animasi Shaun The Sheep :
STIKOM
1. Pembuatan Storytime
Gambar 2.9 Pembuat Storytime
Pada gambar 2.9, sebuah episode bermula dari ide cerita yang sederhana.
Ide tersebut diserahkan kepada tim Scriptwritter untuk diolah menjadi cerita yang
bagus. Kemudian diserahkan pada storyboard artist untuk membuat story linenya,
tahap ini juga membantu set dressers, prop-makers, model-makers, riggers dan cameramen untuk mempersiapkan pengambilan gambar dan apa saja yang diperlukan.
STIKOM
2. Persiapan Scene
Gambar 2.10 Persiapan scene
Rumput di pertanian dibeli dari hobby center, dicat hijau untuk mendapatkan corak rumput yang pas, ditambah dengan rumput ilalang dan bunga
aster. Gumpalan kecil hitam juga disebar untuk mendapatkan efek kotoran
domba. Rumput ini kemudian dibentangkan di atas baja berlubang untuk
mendapatkan pondasi yang bagus. Animator kemudian dapat menggunakan magnet untuk menjaga karakter di tempat, dan menggunakan baja untuk
memasang pohon, rumah pertanian, gudang dan bagian lainnya dari set tersebut
tetap pada tempatnya. Hal ini bisa dilihat pada gambar 2.10 diatas.
STIKOM
3. Pembuatan Model
Gambar 2.11 Pembuatan Model
Pada gambar 2.11, Model-makers membuat domba dengan terlebih membentuk badan, kemudian membungkus tubuh mereka dengan wool putih.
Bulu tersebut kemudian dikotori sedikit dan kaki yang terbuat dari silikon
ditambahakan. akhir kepala yg dapat dipasang-lepas dipasang dibadan. “Kami
memiliki sejumlah badan, beberapa mempunyai empat kaki, dan beberapa hanya
dua, tergantung pada scene,” kata Chris.
STIKOM
4. Propping Up
Gambar 2.12 Propping up
Pada gambar 2.12 ini, Property maker dipanggil untuk membuat segalanya
dari handuk pantai berukuran domba, untuk mainan mandi untuk Timmy, dan
bahkan meja untuk adegan sihir. Prop maker Helen Javes berkata: “Semuanya dibuat manual, sehingga sangat rumit. “Bahkan kaki meja dibuat manual untuk
mendapatkan bentuk yang tepat.” Tetapi pekerjaan prop maker bukan tanpa risiko. Jari teriris pisau tajam, dan terbakar akibat panas dari lem adalah resiko
pekerjaan sehari-hari.
STIKOM
5. Ekspresi Mata
Gambar 2.13 Ekspresi Mata
Pada gambar 2.13 ini mata domba memiliki lubang kecil sehingga mereka
dapat dimanipulasi untuk membuat mereka melihat ke kiri, kanan, atas, bawah.
Setiap animator juga memiliki puluhan kelopak mata khusus buatan potongan
kecil dari plastisin berbentuk kubah ungu yang dapat ditambahkan ke bola mata
membuat berkedip domba, atau terlihat mengantuk. Karena domba-domba itu
tidak berbicara, mereka menggunakan ekspresi untuk menceritakan kisah atau
memberikan momen komedi . “kelopak mata meraka adalah siksaan bagi
animator mata”.
STIKOM
6. Penyimpanan
Gambar 2.14 Penyimpanan pertama
Gambar 2.15 Penyimpanan kedua
Bila tidak digunakan, domba dan potongan domba dapat ditemukan disimpan
dalam di rak di antara ruangan studio di Aardman. Ada di sini bahwa animator dapat menemukan kaki cadang untuk Shaun, sedikit bulu ekstra, atau satu atau
dua domba yg rusak. Bisa dilihat pada gambar 2.14 dan 2.15.
STIKOM
7. Komedi Slapstik
Gambar 2.16 Komedi Slapstik
Terlepas dari beberapa embikan dari Shaun dan teman-temannya,
gongongan dari Bitzer dan dengusan dari Petani, Shaun and the sheep adalah serial TV diam. Tetapi sementara Gromit memiliki suara Wallace untuk menjaga
cerita terjadi dalam film-film mereka, Shaun tidak memiliki kemewahan itu.
“Lebih mudah untuk menganimasikannya karena lip-sync adalah salah satu aspek
yang paling memakan waktu untuk animator,” ujar Chris. Uraian tersebut bisa dilihat pada gambar 2.16.
STIKOM
8. Sabar dan Teliti
Gambar 2.17 Animator
Pada gambar 2.17, Karakter dalam Shaun and the sheep bergerak 25 kali per
detik, berarti animator harus mengatur ulang adegan 1.500 kali hanya satu menit
dari rekaman. Mereka rata-rata menyelesaikan tujuh detik rekaman/harinya.
sepertinya tidak begitu banyak, tetapi bila dibandingkan dengan Wallace and Gromit, The Curse of The Were-Rabbit and Chicken Run, mereka bekerja dengan kecepatan sangat tinggi. Wallace dan Gromit rata-rata menghasilkan sekitar tiga
detik rekaman/harinya.
STIKOM
2.9 Tipografi
Tipografi adalah suatu ilmu dalam memilih dan menata huruf dengan
pengaturan penyebarannya pada ruang-ruang yang tersedia, untuk menciptakan
kesan tertentu, sehingga dapat menolong pembaca untuk mendapatkan
kenyamanan membaca semaksimal mungkin. Menurut (Kusrianto, 2010)
“Tipografi adalah seni dan teknik dalam merancang maupun menata aksara dalam
kaitannya untuk menyusun publikasi visual, baik cetak maupun non-cetak”. Font
adalah nama sebuah jenis huruf. Font memiliki gaya seperti miring, tebal,
miring-tebal. Font juga memiliki dua jenis, yaitu Serif dan Sans Serif.
Serif jenis huruf yang memiliki garis-garis kecilyang berdiri horizontal pada
badan huruf. Garis-garis kecil ini disebut counterstroke atau Serif Bracketed.
Ciri-ciri utama jenis huruf serif yaitu:
1. Kurva poros yang miring ke kiri.
2. Lengkungan Serif atau counterstroke.
3. Ada kontras antara tebal dan tipis garis font.
4. Ada palang atau garis horizontal pada font.
Sans Serif adalah jenis huruf yang memiliki garis-garis kecil dan bersifat solid. Jenis huruf sans serif lebih tegas, bersifat fungsional dan lebih modern.
Ciri-ciri utama jenis huruf san serif yaitu:
1. Garis melengkung berbentuk square atau persegi.
2. Ada perbedaan kontras yang halus.
3. Bentuk mendekati penekanan kearah garis vertical.
STIKOM
Dan menurut kutipan dari buku karya danton sihombing MFA, yang perlu
diperhatikan adalah Clarity (suatu jenis huruf yang bisa dilihat secara jelas),
Readibility (keterbacaan dari jenis huruf tersebut), Legibility (lebih menekankan apakah kita bisa membacanya atau tidak), Visibility (lebih menekankan pada
keindahan jenis huruf).
Dalam pembuatan interaktif suatu perusahaan seperti halnya pembuatan
interaktif CV. First Aid Kit yang sangat diperlukan sekali adalah font yang aka
digunakan. Oleh sebab itu, untuk memilih font atau tipografi harus sangat selektif
STIKOM
36
BAB III
METODOLOGI DAN PERANCANGAN KARYA
Metode penelitian yang digunakan dalam proses pembuatan interaktif Company Profile ini dilakukan berdasarkan SDLC (System Development Life Cycle) dimana SDLC didefinisikan oleh Dewan Perwakilan Rakyat AS sebagai proses pengembangan software yang digunakan oleh analis sistem, untuk mengembangkan sebuah sistem informasi.
Tahapan-tahapan yang digunakan dalam SDLC diantaranya adalah planning atau perencanaan, analisa, desain, implementasi, Testing atau pengujian, dan maintenance atau pemeliharaan.
3.1 Tahap Perencanaan Karya/Planning
Untuk menghasilkan sebuah interaktif company profile diperlukan perencanaan matang yaitu dengan melakukan studi kelayakan tentang metode yang digunakan dalam proses pengumpulan data. Studi kelayakan yang dilakukan diantaranya adalah metode pengumpulan data, sumber data, teknik pengumpulan data, dan teknik analisa data, dan juga mengidentifikasi audien.
1. Metode Pengumpulan Data
Metode pengumpulan data dilakukan dengan mengidentifikasi dan membuat alur perancangan yang akan dilaksanakan, agar dalam proses pencarian data tidak terjadi penyimpangan dalam mengemukakan tujuan yang ingin dicapai. Dalam
STIKOM
tahap ini, rancangan perencanaan yang dilakukan dalam pembuatan proyek multimedia ini dapat dilihat pada gambar 3.1 diagram metodelogi perancangan berdasarkan metode SDLC berikut ini:
Gambar 3.1 Diagram Metodologi Perancangan Menggunakan Sistem SDLC
STIKOM
2. Sumber Data
Setelah melakukan identifikasi dan membuat alur perancangan dalam proses pengumpulan data, langkah selanjutnya yang dilakukan dalam proses pembuatan CD interaktif company profile ini yaitu menentukan sumber data. Sumber data yang digunakan dalam penelitian ini, sebagian besar merupakan data sekunder yaitu data matang atau data yang sudah diolah, data diperoleh dengan mengambil data-data laporan, catatan-catatan, dan hasil penelitian atau kajian terdahulu yang berhubungan langsung dengan masalah yang dibahas. Sumber data tersebut diantaranya bersumber dari buku literasi dan juga wawancara.
3. Teknik Pengumpulan Data
Teknik pengumpulan data dalam pembuatan CD interaktif company profile ini dilakukan dengan 3 (tiga) cara yaitu: studi pustaka, wawancara, dan observasi. a. Studi pustaka, yaitu pengumpulan data dari perpustakaan yang dilakukan
dengan membaca dan mempelajari buku literatur, majalah, artikel internet, dan informasi lainnya sebagai bahan tinjauan pustaka yang berkaitan penelitian ini.
b. Wawancara, mencari data dengan cara melakukan tanya jawab pada pihak terkait, yang mempunyai wewenang atas data-data yang berhubungan dengan objek penelitian.
c. Observasi, pada tahap ini diadakan kegiatan pengamatan mengenai alur dan navigasi CD interaktif company profile yang akan dibangun, agar dapat menjadi CD interaktif company profile yang user friendly.
STIKOM
4. Teknik Analisis Data
Teknik analisis data pada proses pembuatan CD interaktif company profile ini menggunakan metode kualitatif yang langsung wawancara kepada Bapak Muhammad Yusuf selaku praktisi interaktif di bidang multimedia pada hari selasa tanggal 28 Februari 2012 jam 19.00 WIB. “CD interaktif company profile dalam bentuk stop motion bisa dibilang baru karena belum sama sekali mendapati project seperti itu, hal ini bisa dipertimbangkan antara lain suatu project yang tidak mungkin, biaya dalam pembuatan interaktif stop motion, dan sebagian besar calon klien belum mengerti teknik ini.” ujar Bapak Muhammad Yusuf.
Menggunakan metode kualitatif karena data kualitatif bersifat induktif. Artinya, suatu analisis berdasarkan data yang diperoleh, kemudian dikembangkan sesuai dengan pola tertentu untuk menjadi hipotesis. Teknik analisis data penelitian kualitatif dilakukan dalam tiga tahap berikut, diantaranya adalah analisis data sebelum di lapangan, analisis data di lapangan, dan analisis data selesai di lapangan.
a. Analisis Data Sebelum di Lapangan
Dalam tahap ini dilakukan analisa terhadap data hasil studi pendahuluan, atau data sekunder yang akan digunakan untuk menentukan fokus penelitian. Fokus penelitian pada tahap ini masih bersifat sementara, dan akan berkembang setelah melakukan penelitian di lapangan.
STIKOM
b. Analisis Selama di Lapangan
Pada tahap ini, analisis data dilakukan dengan mengumpulkan data secara langsung melalui wawancara dengan praktisi interaktif di bidang multimedia. Pada tahap ini, wawancara dilakukan sampai memperoleh data yang valid.
c. Analisis Data Selesai di Lapangan
Tahap analisis data selesai di lapangan, merupakan tahap kajian-kajian atas data yang telah diperoleh untuk memperoleh gambaran umum dan menyeluruh dari objek penelitian atau situasi. Proses selanjutnya adalah menyusun dan menentukan hipotesa ataupun kesimpulan hingga dapat menentukan tema yang akan dihasilkan.
3.2 Tahap Analisa
Tujuan dari analisa sistem adalah untuk menentukan masalah dalam upaya memperbaiki sistem. Sehingga diharapkan dengan dilakukannya analisa sistem, maka permasalahan yang ada akan dapat teratasi dan menghasilkan suatu sistem yang sempurna.
1. Studi Eksisting
Dalam pembuatan suatu CD interaktif company profile dibutuhkan Studi Eksisting yang berfungsi untuk mengamati sebuah karya yang sudah ada. Objek atau karya yang mejadi sampel studi eksisting akan dikaji untuk mempelajari
STIKOM
kelebihan dan kekurangan dari sampel yang akan dikaji. Kajian ini dilakukan terhadap beberapa karya yang serupa, diantaranya:
a. Her Morning Elegance
Gambar 3.2 Screen shot Her Morning Elegance by Oren Lavie Sumber: (www.hmegallery.com)
Analisa SWOT pada gambar 3.2 adalah kekuatan pada video stop motion ini bagus mulai dari animasinya serta transisi yang mendukung. Kelemahan dari video ini adalah bukan interaktif, melainkan hanya video stop motion. Serta kesempatan yang didapat dari video ini bisa digunakan sebagai portfolio atau self promotion. Sedangkan ancaman dari video ini adalah kesulitan untuk menikmat video stop motion karena video ini sedikit berpikir.
STIKOM
b. Model Agency
Gambar 3.3 Screen shot Model Agency Sumber: (interaktif the model agency)
Analisa SWOT pada gambar 3.3 adalah kekuatan content foto yang bagus serta audio yang mendukung suasana. Dari situ terdapat kelemahan mulai warna, desain, dan transisi sangat biasa sekali, serta membuat bosan. Kesempatan yang didapat bisa digunakan sebagai portfolio atau self promotion. Sedangkan ancaman dari interaktif ini adalah membuat orang menjadi bosan untuk mengeksplorasi interaktif tersebut.
STIKOM
c. Nature
Gambar 3.4 Screen shot Nature Sumber: (interaktif nature)
Analisa SWOT pada gambar 3.4 adalah kekuatan pada animasi dan transisi perpindahan halaman sangat bagus. Interaktif ini mempunyai kelemahan pada desain layout, content dan terlalu monoton. Kesempatan yang didapat bisa digunakan sebagai portfolio atau self promotion. Sedangkan ancamannya adalah pesan yang ingin disampaikan tidak tersampaikan pada calon klien.
STIKOM
d. Architectural Co.
Gambar 3.5 Screen shot Architectural Co. Sumber: (interaktif architecture.co)
Analisa SWOT pada gambar 3.5 adalah kekuatan pada animasi dan transisi perpindahan halaman sangat bagus. Kelemahan interaktif ini terdapat pada animasi yang sangat membingungkan. Kesempatan yang didapat bisa digunakan sebagai portfolio atau self promotion. Sedangkan ancamannya adalah bisa ditiru para kompetitor dengan interaktif yang lebih sederhana.
STIKOM
Kesimpulan hasil analisa studi eksisting ke 4 (empat) contoh kompetitor interaktif dan video stop motion tersebut, yaitu:
a. Desain yang digunakan sesuai dengan perusahaan b. Animasinya tidak terlalu berlebihan
c. Mulai dari desain layout dan animasinya hampir sama d. Membuat orang bosan kalau berlama-lama
2. SWOT (Strength, Weakness, Oppurtunity, Threat)
Hasil analisa SWOT dari kompetitor terhadap kegiatan pembuatan interaktif company profile CV. First Aid Kit ini dapat dilihat pada tabel 3.1.
Tabel 3.1 Analisa SWOT pembuatan interaktif company profile CV. First Aid Kit
STIKOM
Dari tabel 3.1, dapat disimpulkan bahwa pembuatan interaktif company profile CV. First Aid Kit tersebut dapat memberikan sebuah media interaktif dengan desain yang modern dan inovasi baru dalam teknik stop motion. Sehingga, dengan aplikasi yang masih jarang digunakan, membuat mangsa pasar yang baru mengenal penggabungan teknik ini menjadi menarik minat user, serta proyek yang bernilai tinggi.
3. STP (Segmenting, Targeting, Positioning)
Pembagian segmentasi, target audien dan posisi interaktif sangat diperhatikan agar interaktif yang akan dihasilkan bisa sesuai dengan kondisi masyarakat sekitar, yang secara tidak langsung dapat membuat interaktif company profile lebih efisien dalam proses distribusi.
a. Segmenting
Suatu proses membagi pasar ke dalam sekelompok pelanggan yang memiliki perilaku yang sama atau memiliki kebutuhan yang serupa. Segmentasi adalah melihat pasar secara kreatif, segmentasi merupakan seni mengidentifikasi dan memanfaatkan peluang-peluang yang muncul di pasar. Pada saat yang sama segmentasi merupakan ilmu (science) untuk memandang pasar berdasarkan variabel demografis, geografis.
i. Demografis
a) Usia : 20-55 Tahun
b) Jenis kelamin : Laki-laki, Perempuan
c) Kelas sosial : Menengah, Menengah ke atas
STIKOM
ii. Geografis
a) Negara : Indonesia
b) Daerah : Perkotaan
b. Targeting
Target audien interaktif ini yaitu untuk perusahan yang baru berdiri ataupun sudah lama berdiri.
c. Positioning
Interaktif ini dibuat untuk Memberikan informasi tentang jati diri perusahaan, dapat memperkenalkan profile perusahaan pada khalayak umum dengan mudah, untuk memudahkan audience dalam memahami dan mengenal lebih jauh tentang profile perusahaan, membangun citra perusahaan.
STIKOM
4. Keyword
Keyword/kata kunci, pada gambar 3.6 ini merupakan hal terpenting dalam mencari point utama proyek penelitian, dan dengan meninjau kembali hasil dari STP dan SWOT.
Gambar 3.6 Diagram alur keyword yang digunakan
STIKOM
Berdasarkan bagan di atas, hasil analisis dalam pencarian keyword adalah kata modern. Keyword modern ini jika dilambangkan dengan warna dapat diartikan netral. Nuansa warna-warna inilah yang akan diterapkan pada nuansa didalam interaktif Company Profile.
5. Analisis Warna
[image:52.595.43.537.170.700.2]Dalam tahap penelitian ini adalah kelanjutan dari seleksi kata kunci pada tahap sebelumya, berbedanya pada tahap ini adalah mengambil dan menentukan warna yang digunakan dalam proses produksi nantinya.
Gambar 3.7 Diagram seleksi warna keywords Sumber: (Kobayashi, 1999)
STIKOM
Gambar 3.7.1 Warna yang diambil sebagai analisa
Dari gambar 3.7.1 warna modern ini cocok untuk interaktif CV. First Aid Kit menurut forum group discussion, dan hasil analisa sebagai berikut:
Fungsi
Perpaduan
Tipografi Background Tipografi
Jumlah
warna 1 4 3 7
warna 2 2 3 5
warna 3 0 2 2
warna 4 1 2 3
Gambar 3.7.2 Warna yang diambil sebagai analisa
STIKOM
Kesimpulan dari gambar 3.7.2, warna 1 pada analisa warna interaktif CV First Aid Kit ini telah ditemukan sebuah keyword yang terdapat di teori warna kobayashi yaitu modern. Dan warna modern yang akan digunakan adalah putih, abu-abu, hitam. Warna-warna ini hanya digunakan untuk tipografi dan background dari tipografi tersebut. “Kemampuan warna menciptakan impresi, mampu menimbulkan efek-efek tertentu” Secara psikologis diuraikan oleh J. Linschoten dan Drs. Mansyur tentang warna.
Kalau pada warna tipografi dan backgroundnya yang harus ditekankan adalah Clarity (suatu jenis huruf yang bisa dilihat secara jelas), Readibility (keterbacaan dari jenis huruf tersebut), Legibility (lebih menekankan apakah kita bisa membacanya atau tidak), Visibility (lebih menekankan pada keindahan jenis huruf).
3.3 Tahap Perancangan Karya/Design
Tahap perancangan merupakan salah satu tahapan yang penting dalam pembuatan sebuah interaktif. Pada tahap ini, terdapat beberapa teknis perancangan yang diperlukan untuk menerjemahkan metode perancangan yang telah dibuat. Teknis perancangan yang diperlukan, diantaranya adalah ide, konsep, struktur navigasi, alur sistem interaktif, tipografi, karakter, animasi, warna, komposisi dan angle, dan audio yang digunakan.
STIKOM
1. Ide
Ide awal pembuatan interaktif untuk company profile ini lahir berkat melejitnya perusahaan baru yang masih belum mempunyai suatu media promosi atau media untuk memperkenalkan perusahaannya terhadap masyarakat luas dan media untuk presentasi terhadap klien. Salah satunya dengan cara membuatkan interaktif company profile.
Melihat fenomena tersebut, banyak perusahaan yang bingung tentang hal tersebut. Oleh karena itu, banyak orang yang membuatkan sebuah interaktif company profile dengan animasi atau konsep yang berbeda.
Konsep yang berbeda ini berawal dari film atau video animasi dalam bentuk stop motion, disamping itu masih jarang sekali para pembuat interaktif dalam bentuk company profile ini menggunakan teknik stop motion dengan menggunakan beberapa gabungan dari foto.
2. Konsep
Pada dasarnya konsep dari interaktif ini adalah berawal dari video stop motion yang sering kita lihat dalam bentuk gambar atau foto dan bisa juga menggunakan plug in untuk membuat suatu gerakan yang patah – patah atau stop motion. Dan pada akhirnya terpikirkan cara untuk menggabungkan antara interaktif dan stop motion.
STIKOM
3. Struktur Navigasi
Hierarchical model baik bagi aplikasi untuk menemukan lokasi halaman dengan mudah. Untuk menggambarkan model tersebut dapat digunakan ilustrasi dengan tree. Menurut (Ariesto Hadi Sutopo, Multimedia Interaktif Dengan Flash, (Yogyakarta, Graha Ilmu 2003.) hal .37). Maka dari itu struktur dari interaktif company profile ini menggunakan model hirarki yang bertujuan agar user friendly.
Gambar 3.8 Struktur Navigasi
STIKOM
4. Alur Sistem Interaktif
Gambar 3.9 Alur Sistem Interaktif
STIKOM
5. Typography
Tipografi yang dipakai dalam interaktif ini adalah Sans Serif karena jenis huruf ini memiliki garis-garis kecil dan bersifat solid. Jenis huruf sans serif lebih tegas, bersifat fungsional dan lebih modern. Berikut pada tabel 3.2 adalah analisa untuk menentukan font yang akan dipakai.
Tabel 3.2 Pemilihan untuk font Fungsi
Font
Clarity Legibility Mudah
diingat
Sesuai
Keyword
Jumlah
Arial 1 1 2 2 6
Calibri 1 1 1 2 5
Andale Mono 1 1 0 1 3
Century Gothic 1 1 4 4 10
Kesimpulan dari tabel 3.2 menurut forum group discussion, interaktif CV. First Aid Kit menggunakan font berjenis modern, menyesuaikan dari keyword warna dan tipe fontnya adalah Century Gothic, yang melambangkan sifat keseriusan dan rapi. Sehingga, tampak konsep atau suatu inovasi baru.
STIKOM
6. Karakter
Gambar 3.9.1 karakter
Tabel 3.3 Pemilihan untuk Karakter Kesan
Objek utama
Santai Serius Pemimpin Tegas Jumlah
Orang (laki-laki) 3 2 2 3 10
Orang (perempuan) 2 2 1 2 7
Kesimpulan dari tabel 3.3 menurut forum group discussion adalah karakter pada gambar 3.9.1 yang digunakan dalam interaktif ini adalah seorang laki-laki, alasan menggunakan orang adalah untuk memberikan kesan yang sebenarnya atau real dan kenapa karakter tersebut laki-laki, dikarenakan pada perusahaan First Aid Kit ini anggota yang lebih banyak adalah laki-laki. Penampilan karakter ini menggunakan pakaian santai, tidak formal tetapi sopan yang disesuaikan dengan latar belakang perusahaan tersebut.
STIKOM
7. Animasi
Animasi dibagi menjadi 2, yaitu animasi tweening dan animasi frame by frame. Animasi tweening adalah animasi yang dibuat mulai dari frame awal dan frame akhir, sedangkan flash membuat frame diantaranya (in between). Animasi frame by frame yaitu membuat sebuah pergerakan dari sebuah gambar atau objek yang diam (still image) frame demi frame-nya, menurut (Aldwin Handriana, mahasiswa Univ. Gunadarma). Oleh sebab itu, animasi yang akan digunakan pada interaktif ini adalah animasi frame by frame. Karena interaktif pada CV First Aid Kit ini menggunakan banyak kumpulan foto dan menggunakan teknik stop motion. Mulai dari pintu awal intro, bubble chat pada keterangan suatu objek, pada saat meng-klik menu gallery, services, info dan client.
8. Audio
Atau disebut juga medium berbasis suara adalah segala sesuatu yang bisa didengar dengan menggunakan indera pendengaran. Contoh: narasi, lagu, sound effect, back sound. Pada interaktif CV First Aid Kit ini dimasukkan beberapa audio yang bisa mendukung suasana terutama pada animasinya. Dan lagu yang dipakai adalah Instrumental Jazz The Beatles – Ticket to Ride.
Alasan mengambil musik instrumental beraliran jazz karena musik jazz sangat santai, serius, pintar, ringan, terkesan eksklusif. Penjabaran ini diambil menurut forum group discussion dan bisa dilihat di tabel 3.4.
STIKOM
Tabel 3.4 Pemilihan untuk genre music Kesan
Genre
Santai Serius Ringan Eksklusif Jumlah
Jazz 5 4 3 5 17
Rock 2 4 2 2 10
Grunge 2 4 1 1 8
Death Metal 1 4 1 1 7
9. Komposisi dan Angle
Interaktif company profile CV. First Aid Kit ini menggunakan teknik stop motion, yang berarti melakukan suatu pemotretan secara berturut-turut dan yang harus diperhatikan adalah komposisi, angle, dan perspektif. Secara sadar, komposisi diterapkan setiap desain untuk mencapai keindahan, sehingga dalam setiap komposisi desain yang baik akan ditemukan, menurut (Nirmana Dwimatra (Desain Dasar Dwimatra), Drs. Arfial Arsad Hakim, 1984):
Oleh karena itu, komposisi yang akan diambil adalah Kesebandingan atau lebih dikenal dengan sebutan proporsi. Proporsi adalah perbandingan ukuran pada unsur-unsurnya, baik perbandingan antar bagian maupun antara bagian terhadap keseluruhan. Pengaturan besar kecilnya bagian merupakan prinsip yang erat kaitannya dengan keseimbangan.
STIKOM
Sedangkan angle adalah sudut pengambilan gambar atau foto pada kamera, dan angle yang akan dipakai adalah angle eye level dikarenakan sudut standar atau normal. Efek yang ditimbulkan dari sudut pandang ini adalah seperti kita melihat langsung ke objek dengan mata kita, menurut (Chandler, Daniel. Grammar of television and film). Komposisi dan angle yang akan dipakai sesuai dengan teori adalah nomor satu. Karena tidak terlalu melelahkan mata, dan workspace yang didapat menjadi seimbang. Tidak terlalu ke kanan jauh ataupun ke kiri jauh.
a. Angle
Gambar 3.10 Angle
STIKOM
b. Komposisi Info
Gambar 3.11 Komposisi info
Alasan memilih nomor satu adalah karena tidak terlalu membuat mata kita lelah, dan dekat dengan objek yang dituju. Sedangkan angle eye level membuat mata kita tidak terlalu repot melihat terlalu atas maupun bawah.
STIKOM
c. Audio
Gambar 3.12 penempatan audio
Alasan memilih nomor empat adalah karena pemahaman pemikiran orang terhadap pengaturan audio selalu diposisi sudut atas kanan. Apabila ditaruh bagian bawah maka orang tersebut kesulita untuk mencarinya.
STIKOM
d. Button Back Services
Gambar 3.13 penempatan button back
Alasan memilih nomor empat adalah karena focus of interest dari back to home tepat ditengah, jadi secara tidak sadar mata kita akan terarah ke button tersebut.
STIKOM
e. Content Info
Gambar 3.14 penempatan content info
Alasan memilih nomor empat adalah karena bagian kiri dari papan sudah terisi logo dan foreground, sehingga bagian kanan kosong. Oleh karena itu, bagian sisi kanan diisi agar memiliki keseimbangan.
STIKOM
f. Logo
Gambar 3.15 penempatan logo
Alasan memilih nomor tiga adalah karena bagian atas disebelah kiri tempat yang kosong dan tidak mengganggu jalannya animasi ataupun transisi dan logo tersebut menetap di sebelah kiri.
STIKOM
g. Sketsa Intro
Gambar 3.16 Sketsa intro
h. Sketsa home
Gambar 3.17 Sketsa home
STIKOM
i. Sketsa gallery
Gambar 3.18 Sketsa gallery
j. Sketsa client
Gambar 3.19 Sketsa client
STIKOM
k. Sketsa info
Gambar 3.20 Sketsa info
l. Sketsa services
Gambar 3.21 Sketsa services
STIKOM
3.6 Rancangan Publikasi Karya
Pada rancangan publikasi karya berisi media publikasi seperti poster, cover CD, sampul CD yang berisi konsep dan sketsa dari media publikasi.
1. Poster a. Konsep
Konsep poster menggunakan header dari desain interaktif, judul berada di header, supaya judul interaktif menjadi pandangan pertama untuk ditampilkan, dan pada content tengah merupakan background bernuansa kantor CV. First Aid Kit, dengan tambahan bubble chat. Point interest terdapat pada gambaran objek yang disajikan di tengah. Keterangan dari poster dan logo terletak di bagian bawah, sehingga komposisi poster menjadi seimbang dan unsur yang satu dengan yang lain tidak saling menganggu.
b. Sketsa
Gambar 3.22 Sketsa Poster
Judul
Content Background
About FAKKeterangan
Logo
Nama
STIKOM
2. Cover CD a. Konsep
CD sebagai media penampung data website, dengan desain cover yang modern dan minimalis, menyederhanakan sebuah visi misi dari perusahaan penjualan barang-barang IT. Sehingga, sisi streamline dan kubis yang ditonjolkan.
b. Sketsa
Gambar 3.23 Sketsa Cover CD bagian dalam
3. Sampul a. Konsep
Sampul CD adalah tempat untuk menyimpan CD dan melindungi CD, dengan desain terbagi menjadi 2 bagian, tampak depan dan tampak belakang. Pada sampul depan, Judul berada pada bagian atas, dan logo
STIKOM
berada di bagian bawah, dengan mengambil desain yang sama dengan media promosi poster. Hanya berbeda pada bagian belakang, bagian sampul belakang terdapat keterangan singkat dan jelas mengenai isi di dalam CD, dan beberapa thumbnail kecil sebagai gambaran isi dalam CD.
b. Sketsa
1
2
Gambar 3.24 Sketsa Sampul 1(depan), 2(belakang)
Abstrak
Footer
JudulContent Background
About FAK
Keterangan
Footer (logo)
Keterangan
Perusahaan
Gambaran
Interaktif
STIKOM
71
BAB IV
DESAIN DAN IMPLEMENTASI
Pada bab ini membahas tentang proses produksi dan post produksi CD Interaktif Company Profile yang meliputi pemotretan background, penataan cahaya, pemotretan karakter dan Suasana, pengambilan gambar, komposisi, editing.
4.1 Implementasi Karya
1. Pemotretan Background
Pemotretan background harus dimulai terlebih dahulu karena digunakan sebagai acuan dalam animasi interaktif. Seperti pada gambar 4.1.
Gambar 4.1 backgroud
STIKOM
2. Penataan Cahaya
Pada gambar 4.3 ini yang paling penting dalam pemotretan adalah pencahayaan atau lighting agar memperoleh suasana serta objek dapat terlihat dengan jelas. Lampu yang digunakan adalah flash eksternal, ada tiga macam pengaturan pada lampu yang digunakan dalam pemotretan ini yaitu main light, fill light, dan backlight.
Untuk mendapatkan cahaya yang pas pada saat memotret scene ini adalah: 1. Siapkan kamera, 1 softbox for flash, dan 3 flash eksternal
2. Siapkan objek utama dan objek pendukung, posisikan objek dibagian
tengah.
3. Atur sudut atau angle dan posisi objek utama
4. Atur power flash menjadi 3 macam, yaitu main light, fill light, dan backlight.
5. Flash yang berperan sebagai main light diberi softbox for flash, bertujuan agar cahaya yang didapat lebih halus. Ditaruh dibagian kiri objek, posisi flash 1.5 meter dari tanah menggunakan tripod lalu arahkan flash 45 derajat
dari atas menghadap ke bawah.
6. Flash yang berperan sebagai fill light, bertujuan agar mengisi cahaya dibeberapa sudut yang gelap agar menjadi sedikit terang supaya terlihat alami. Ditaruh dibagian kanan objek, posisi flash 1.5 meter dari tanah menggunakan tripod lalu arahkan flash 45 derajat dari atas menghadap ke bawah.
STIKOM
7. Flash yang berperan sebagai back light, bertujuan agar memperkuat objek pendukung supaya tidak hilang karena kurangnya cahaya. Ditaruh didepan
agak kanan objek, posisi flash menggunakan ditaruh ditanah menggunakan
kaki bebek lalu arahkan flash 45 derajat dari bawah diarahkan ke atas.
8. Kamera tepat diatas objek, posisi kamera 1.5 meter dari tanah menggunakan
tripod lalu diarahkan 45derajat menghadap bawah pada objek yaitu buku.
9. Dan pemotretan sudah siap.
[image:76.595.45.550.146.73
