Bab III PERANCANGAN SISTEM Langkah awal, mempersiapkan karakter, gambar, design, suara, lewat software yang diperlukan sebagai penunjang perancangan animasi, meliputi; 3.1. Software Perancangan 3.1.1 Corel Draw X4 Dipergunakan untuk membuat bentuk karakter, vektor ataupun grafis yang berhubungan dengan design. Sebagaimana keharusan yang sudah ditentukan, bentuk vector ataupun karya grafis harus berasal dari hasil kreatifitas penulis, bukan berupa file unduhan, ataupun yang sejenis dan dalam perancangan ini penulis memilih file berformat Adobe Illustrator untuk memudahkan perngerjaan animasi. 3.1.2 Adobe Photoshop CS5 Dipergunakan untuk editing vector maupun menyempurnakan warna. 3.1.3 Adobe Flash CS4 Profesional Dipergunakan untuk merancang alur animasi agar berjalan, dengan baik.
3.1.4 Adobe Audition Dipergunakan untuk merekam suara voice over, editing suara, backsound, serta smash penekanan pada backsound. 3.2. Riset Melakukan riset dengan cara melihat website Diploma Teknik Informatika, melihat hal yang dititik beratkan didalamnya, diantaranya; a. Visi dan Misi Diploma Teknik Informatika[7]. b. Tujuan dari program Studi Diploma Teknik Informatika, Universitas Kristen Satya Wacana. c. Jalur Konsentrasi serta Fasilitas yang didapatkan oleh mahasiswanya. d. Kurikulum yang berlangsung, dan Prestasi yang telah diraih oleh Diploma Teknik Informatika, Universitas Kristen Satya Wacana[8]. 3.3. Konsep Konsep dasar dari rancangan ini adalah, membuat animasi yang baik, tepat, dan jelas, sehingga diharapkan promosi yang terkandung didalam animasi ini berhasil diterima dengan baik, mulai dari alur animasi yang disampaikan, karakter yang dikambarkan, objek yang
ditampilkan, hingga penegasan penegasan promosi yang diucapkan oleh voiceover. 3.4. Storyboard Gambaran alur cerita secara sederhana, dari frame satu ke frame lainnya dari layer satu ke layer dalam bentuk skate sederhana agar memudahkan perancangan animasi. 3.5. Eksekusi Tahapan pengimplementasian dari bentuk storyboard kedalam grafis dilakukan dengan software Corel Draw X4, sebagaimana menjadi ketentuan untuk membuat seluruh grafis dan objek yang ada didalamnya berdasarkan daya kreatifitas dan hasil karya sendiri. a. Pengertian Corel Draw X4 CorelDraw adalah sebuah program komputer yang melakukan editing pada garis vektor. Program ini dibuat oleh Corel, sebuah perusahaan software yang berkantor pusat di Ottawa, Kanada. CorelDraw memiliki kegunaan untuk mengolah gambar, oleh karena itu banyak digunakan pada pekerjaan dalam bidang publikasi atau percetakan ataupun pekerjaan di bidang lain yang membutuhkan proses visualisasi[9].
b. Fungsi dan Tools dari Corel Draw X4 1. Kolom berwarna merah adalah menu bar, sebagai pengelompokan barisan menu yang menampilkan perintah perintah dan mengolah objek. 2. Kolom berwarna hijau adalah Tool bar, dan Property bar didalamnya terdapat tombol tombol untuk menjalankan perintah, dan terdapat tombol pendukung untuk mengolah objek lebih lanjut, menu property bar berubah sesuai objek atau tool yang dipilih. 3. Kolom berwarna merah muda adalah Rulers, difungsikan sebagai garis penentu untuk melakukan perhitungan panjang, lebar, tinggi, atau diameter suatu objek. 4. Kolom berwarna biru adalah Toolbox, didalamnya terdapat kumpulan tombol untuk membuat dan memodifikasi objek. 5. Kolom berwarna kuning adalah Color Pallete, tentunya property ini digunakan untuk memberikan warna pada sebuah objek. 6. Kolom berwarna ungu adalah Document Navigator, difungsikan sebagai informasi/penujuk halaman kerja yang sedang aktif.
7. Kolom berwarna hitam adalah Drawing Page, tentunya digunakan untuk membentuk/mengambar sebuah objek. Gambar 3.5.1 Gambar antar muka software coreldraw x4. Sebagian besar terselesainya proyek ini sanggat terbantu dengan Software Corel Draw, interface yang mudah dipahami seperti yang ada di gambar 3.5.1 membuat penulis merasa cukup untuk menggunakan software yang resmi diluncurkan tahun 2008 ini. Dengan semakin berkembangnya teknologi, kini CorelDraw hadir dengan seri terbarunya yaitu X9, perlu diketahui sebaik apapun kehadiran sebuah program ataupun software, jika tidak didukung dengan sumber daya manusia yang dapat menggunakannya secara maksimal tentu terasa percumah.
Gambar 3.5.2 Implementasi frame pertama, dibuat dengan coreldraw. Pada frame pertama penulis mencoba menghadirkan kondisi sebuah ruangan yang ada didalam rumah, dibantu dengan objek objek pendukung yang memperjelas gambaran umum sebuah rumah, mulai dari dispenser, gallon air, dan objek pendukung lain, sedangkan pemberian warna ungu pada tembok untuk menghadirkan kesan kontenporer. Dapat dilihat pula, yang tidak kalah penting pada frame pertama ini adalah dihadirkanya objek orang (sia) yang nampak sibuk dengan sebuah tablet. Perangkat elektronik ini digunakan objek (sia) untuk mencari informasi perguruan tinggi manakah yang akan menjadi pilihan untuk melanjutkan pendidikannya, dibantu dengan ekspresi wajah yang binggung, faktor pendukug ini tentunya akan lebih memperjelas cerita animasi ini.
Gambar 3.5.3 Implementasi frame kedua, dibuat dengan coreldraw. Selanjutnya adalah frame kedua (gambar 3.5.3) pada frame ini alur cerita mulai diperjelas, perubahan ekspresi melalui mata, alis, serta bibir, mewakili kondisi bahwa sia sudah memastikan dirinya mendapatkan Perguruan Tinggi yang sesuai keinginannya. Dibantu dengan objek dibelakang yang bergerak (montion effects) membantu meghadirkan animasi agar terkesan lebih hidup, serta tulisan D3 TI UKSW yang muncul di layar tablet menjadi jembatan awal, dari tujuan animasi ini.sebagai pelengkap akhir frame kedua in. Saat tulisan D3 TI UKSW diklik maka muncul frame baru, yang berhubungan dengan fasilitas ruangan.
Gambar 3.5.4 Implementasi frame ketiga, dibuat dengan coreldraw. Gambar 3.5.5 Implementasi frame keempat, dibuat dengan coreldraw
Gambar 3.5.6 Implementasi frame kelima, dibuat dengan coreldraw x4. Gambar 3.5.7 Implementasi frame keenam, dibuat dengan coreldraw. Untuk gambar 3.5.4, 3.5.5, 3.5.6, 3.5.7 adalah kesatuan, penulis mencobaa menghadirkan gambaran kondisi ruangan yang dimiliki D3 TI UKSW, terlihat secara fisik fasilitas yang ada didalam masing masing ruangan yang dimiliki D3 TI UKSW ini dihadirkan oleh penulis, selain itu tentunya keempat frame ini menjadi salah satu
bentuk promosi, mulai dari gambaran laboratorium multimedia, yang didalamnya terdapat fasilitas komputer yang cukup banyak, kelas yang sangat nyaman, serta fasilitas lain yang medukung proses belajar.dengan pewarnaan tembok hijau, diharapkan menambah terciptanya kesan nyaman pada ruangan laboratorium ini, bukan hanya sebagai laboratorium multimedia, namun ruangan ini juga dijadikan sebagai laboratorium pemograman, dengan standard yang tidak kalah dengan perguruan tinggi lainnya. Dilanjut dengan gambaran ruangan laboratorium jaringan (gambar 3.5.4), tentu didalmanya penulis menghadirkan beberapa perangkat pendukung yang berhubungan dengan jaringan, pemilihan warna tembok kuning dimaksudkan agar menumbuhkan hasrat positif yang timbul dari tampilan frame ini. Sebagai fasilitas penunjang lain dalam kegiatan praktek D3 TI UKSW, memiliki laboratorium hardware yang digunakan untuk pengenalan dan pembelajaran lebih jauh tentang perangkat komputer.sebagai penutup D3 TI UKSW juga menyedikan fasilitas ruangan bahasa, agar tercipta mahasiswa yang berfikiran kritis, kreatif, dan inovatif, proses belajar harus diimbangi dengan teori pengetahuan lain.
Gambar 3.5.8 Implementasi frame ketujuh, dibuat dengan coreldraw. Frame tujuh (Gambar 3.5.7) menjelaskan tentang jalur konsentrasi yang dimiliki D3 TI UKSW, yaitu multimedia, pemograman, serta jaringan komputer, dibantu dengan effect slide dapat terlihat muncul mulai tulisan dari berbagai program, materi kuliah, hingga bahasa pemograman yang nantinya akan diajarkan selama perkulihan berlangsung, penjabaran ini tentunya menjadi nilai tambah dan mengundang minat bagi para penonton yang akan mendaftarkan dirinya menjadi keluarga besar D3 TI UKSW. Ini juga merupakan bentuk promosi yang diharapkan dapat menjadi daya tarik lainya.
Gambar 3.5.9 Implementasi frame kedelapan, dibuat dengan coreldraw. Frame kedelapan hadir dengan tampilan yang sederhana, dihadirkanya objek orang yang akan menjelaskan rancangan kurikulum yang diberikan D3 TI UKSW, dengan standard industry terkini yakni, 60% praktek, dan 40% untuk teori, tentunya dengan kurikulum yang dianut akan menghasilkan lulusan yang siap bekerja dengan moral yang baik. Gambar 3.5.10 Implementasi frame kesembilan, dibuat dengan coreldraw.
Dapat dilihat pada Gambar 3.5.10 ini merupakan bagian bagian promosi untuk dosen serta praktisi industry, tentunya kehadiran fasilitas harus ditunjang dengan sumber daya manusia yang bagus untuk itu dosen sangat berperan penting terhadap perkembangan belajar mahasiswanya, dengan menghadirkan dosen yang memiliki kwalifikasi Strata 2 dibidangnya, D3 TI UKSW siap membentuk mahasiswa agar memiliki standard professional yang tidak kalah dengan perguruan tinggi lainnya saat lulus nanti. Pengetahuan serta pengalaman dosen yang mumpuni diharapkan agar setiap proses pembelajaran yang diberikan berkualitas dan menjadi motivasi putra/putri didiknya. Gambar 3.5.11 Implementasi frame kesepuluh, dibuat dengan coreldraw. Frame kesepuluh hadir untuk melengkapi animasi pendukung agar para penonton menjadi tertarik, penulis berusaha menciptakan bentuk grafis animasi yang tidak
rumit, namun memiliki kualitas yang boleh diadu dengan software animasi lain yang setara. Gambar 3.5.12 Implementasi frame kesebelas, dibuat dengan coreldraw. Terlihat pada gambar Gambar 3.5.12, penulis juga menghadirkan bentuk grafis yang menjelaskan tingkat akreditasi D3 TI UKSW, grafis ini nantinya akan menjadi animasi yang hadir dengan unsur promosi, bagaimanapun akreditasi hadir agar peminat belajar mengetahui sejauh mana ilmu yang akan didapat. Perlu diketahui D3 TI UKSW sudah terakreditasi B, tentunya dengan pengakuan ini, D3 TI UKSW siap mencetak mahasiswanya untuk menjadi tenaga professional dibidang teknologi dan infomasi. Bentuk grafis yang sudah digambar diatas, berikut penjelasanya akan dirancang kedalam bentuk animasi Promosi Company profile serta narasi.
Tahapan berikutnya adalah memisahkan objek objek yang ada dalam satu frame, dan mengelompokan dalam satu folder frame, selanjutnya di simpan dengan ekstensi Adobe Illustrator Gambar 3.5.12. Gambar 3.5.13 Penyimpanan bagian bagian objek yang ada dalam satu folder frame,(export dengan ekstensi file Adobe Illustrator) Tahapan berikutnya adalah membuat backsound suara, dengan bantuan Software Adobe Audition, dan plugin yang hadir baik secara fisik maupun virtual, perekaman narasi dibuat secara baik dan benar yang diharapkan jika voice over hadir dengan suara marketable dapat menarik minat pendengar ataupun audiens sebagai penunjang animasi, dalam hal ini penulis melibatakan Bp. Agung Batoro Buwono sebagai pengisi suara.
c. Pengertian Adobe Audition Adobe Audition adalah multitrack digital audio recording, editor dan mixer yang sudah digunakan dan memiliki berbagai fasilitas pengolahan suara. Adobe audition dapat merekam suara, memperbaiki kualitas suara, menambahkan berbagai efek suara, dan menggabungkan dengan berbagai track suara menjadi satu track, serta menyimpannya dalam berbagai format. Adobe Audition banyak digunakan oleh musician recording master, demo cd, produser atau programing stasiun radio. Secara umum Adobe Audition memiliki dua lingkungan yaitu Edit View dan Multitrack View. Edit View sesuai namanya ditujukan terutama untuk menangani editing satu waveform saja pada satu saat. Sementara Multitrack View dapat menangani beberapa waveform sekaligus pada beberapa track. d. Fungsi dan Tools dari Adobe Audition Berikut adalah penjelasan tampilan antar muka dari Edit View. 1. Kolom berwarna merah adalah menu bar, yang memiliki fungsi sebagai pengelompokan barisan menu guna menampilkan perintah perintah. 2. Kolom berwarna kuning adalah toolbox, yang didalamnya terdapat kumpulan tombol untuk membuat dan memodifikasi suara.
3. Kolom berwarna hijau adalah Organizer, yang fungsinya sebagai pengelompokan, baik file, dan efek suara. 4. Kolom berwarna ungu adalah Transport Control, yang didalamnya banyak tombol yang berhubungan dengan perintah dari pemakai, diantaranya : play, record, playloop, go end and head, forward, rewaind, pause, stop, go beginning or previous cue. 5. Kolom berwarna merah muda adalah Level Meter, fungsinya sebagai indikator input dan output yang dihasilkan. 6. Kolom berwarna orange adalah Time and Selection View, fungsinya sebagai indikator waktu, baik itu detik, menit, ataupun jam yang berjalan sesuai dengan Edit View Box. 7. Kolom berwarna putih adalah Edit View Box, fungsinya dalah sebagai media antarmuka yang menjebatani antara inputan dari luar melalui media tambahan (microfone / mixer / soundcard) kebentuk grafik sebagai output.
Gambar 3.5.14 Tampilan antarmuka Edit View. Dengan tampilan interface yang mudah dipahami, software yang resmi diluncurkan tahun 2004 banyak diminati oleh user. Tampilan antarmuka yang digunakan penulis adalah seperti gambar diatas, karena tools yang penulis butuhkan tidak terlalu banyak, tampilan standard menjadi pilihan. Gambar 3.5.15 Perekaman narasi.
Proses perekaman(gambar 3.5.15) dimulai dengan mencoba melafalkan serta mencermati terlebih dahulu kalimat ataupun kata yang harus mendapatkan tekanan, notasi sangat penting dalam pembacaan sebuah narasi, karena bersifat narasi resmi penulis dibantu dengan Bp. Agung sebagai pembaca narasi(voice over). Sementara itu penulis menyelesaikan tahapan editing dan pengabungan backsound dengan mengunakan halaman multitrack view (Gambar 3.5.16). Gambar 3.5.16 Penggabungan backsound dengan voice over Tampilan pada gambar 3.5.15 merupakan antarmuka dari Multitrack View, yang membedakan Multitrack View dengan Edit View adalah bagian Edit Box, didalam Multitrack View memiliki lebih dari satu lajur Editing Sound.
Objek dan grafis yang sudah terbentuk(format Adobe Illustrator), akan di import kedalam Adobe Flash (Gambar 3.3.14), dan akan disusun sesuai dengan timing yang tepat, dan animasi yang tepat (Gambar 3.5.15). Gambar 3.3.17 Import file yang sudah dikelompokan sesuai frame, kedalam library. Gambar 3.5.18 Penulis mengatur layer, frame, backsound, dan voice sesuai timing agar animasi berjalan dengan baik.
Gambar 3.3.19 Perancangan Animasi selesai, dan di simpan dengan format.swf Format dot SWF menjadi pilihan penulis dikarenakan format ini menjadi standard animasi yang sering digunakan, dan fleksibel digunakan karena banyak program pemutar format ini, terselesainya animasi ini tentunya bukan menjadi akhir dari perancangan, tahapan selanjutnya akan dilaksanakan untuk menghasilkan hasil yang benar benar memuaskan, baik dari segi komunikasi, promosi, maupun tampilan.