BAB IV KONSEP PERANCANGAN

Ukuran: px

Mulai penontonan dengan halaman:

Download "BAB IV KONSEP PERANCANGAN"

Bambang Cahyadi
6 tahun lalu
Tontonan:

BAB IV KONSEP PERANCANGAN Konsep produksi

dan yang terakhir Postproduction. Gambar 4.

tahapan dimana dimulainya ide, perencanaan

Ada beberapa langkah Preproduction dalam

pembentukan ide gagasan, pembuatan sketsa

1 BAB IV KONSEP PERANCANGAN Konsep produksi dimulai dari Preproduction lalu Production dan yang terakhir Postproduction. Gambar 4.1. Bagan KPM (Konsep Produksi Media) Animasi 4.1. Preproduction Untuk Preproduction adalah tahapan dimana dimulainya ide, perencanaan dan persiapan dari Konsep Produksi. Ada beberapa langkah Preproduction dalam Konsep Produksi ini, dimulai dari pembentukan ide gagasan, pembuatan sketsa kasar, lalu diikuti dengan pembuatan Storyboard, dan menentukan kerangka isi dari animasi. Semua tahapan yang ada harus sesuai Time Schedule yang ditetapkan seperti yang ada pada bagan ini : 35

2 Tahapan Juni 2012 Juli 2012 Agustus 2012 September Time Schedule Preproduction Mencari Referensi Membuat Sketsa Kasar Pembuatan Storyboard Penentuan layout Persiapan Fasilitas Produksi Production Konsep Visual Tujuan Visual Proses Kreatif Pengembangan Desain Publikasi CD Postproduction Tabel 4.1. Time Schedule 36

3 Ide Gagasan Dalam perancangan animasi pembelajaran ini penulis berusaha membuat sebuah animasi interaktif yang tidak hanya menyampaikan informasi melalui tulisan, namun animasi tersebut dapat memberikan sebuah informasi atas ilustrasi yang dibuat sehingga animasi tersebut tidak terasa membosankan. Hal ini didasari survey yang penulis lakukan terhadap beberapa animasi yang sangan monoton dan terkesan membosankan. Maka dari itu hal pertama yang penulis lakukan adalah pencarian referensi melalui media internet. Animasi yang menjadi referensi merupakan animasi dari animasi interaktif belajar flash. Referensi tersebut dipilih untuk menjadi acuan dalam menentukan informasi yang akan diberikan. Namun dalam hal perancangan animasi tersebut penulis juga mengacu terhadap referensi lainnya guna mampu memberikan variasi terhadap hasil desain yang akan ditampilkan. Berikut adalah referensi animasi yang penulis gunakan guna menunjang perancangan animasi ini: 37

4 - indi-smart.com/ Gambar 4.2. Tampilan dari Gambar 4.3. Tampilan dari www. tarbiyahhome.blogspot.com 38

5 Sketsa Kasar Gambar 4.4. Tampilan Sketsa Kasar 39

6 Story Board Main Display px JUDUL APLIKASI tombol tombol px tombol tombol Copyright Gambar 4.5. Rough layout dari main display Pada bagian atas terdapat judul aplikasi Pada tampilan awal terdapat 3 tombol menu ( ulasan, baca, ilustrasi ) Dan tombol exit. Copyright 40

7 tombol tombol tombol PENJELASAN MATERI Gambar 4.6. Rough layout dari menu ulasan 3 tombol navigasi yang terdiri dari home next dan prev Penjelasan dari materi sesuai dengan judul aplikasi BACAAN SURAH tombol tombol tombol tombol Gambar 4.7. Rough layout dari menu baca 41

8 Isi bacaan dan arti dari surah al ma un 4 tombol navigasi yang terdiri atas play, stop, next/prev, dan home Bacaan surah al ma un 4 tombol navigasi tombol tombol tombol GAMBAR ILUSTRASI Gambar 4.8. Rough layout dari menu Ilustrasi 3 tombol navigasi yang terdiri dari home, next dam prev Ilustrsi yang berupa gambar beserta keterangannya atau berupa vidio 42

9 Kerangka Animasi a. Main Display Isi dari halaman ini adalah menu utama, yang akan terhubung dengan submenu yang berisi konten pembelajaran. b. Ulasan Isi dari sub menu ini adalah pembahasan mengenai surah al ma un dan keterangan secara luas mengenai kandungan dari surah al ma un itu sendiri. c. Baca Isi dari sub menu ini adalah berupa tampilan ayat-ayat dan artinya yang di barengi dengan suara sesuai dengan halaman yang di buka. d. Ilustrasi Isi dari sub menu ini adalah ilustrasi berupa gambaran ataupun vidio yang menerangkan tentang kandungan surah al ma un Production Fasilitas Produksi Dalam merancang desain animasi ini fasilitas utama yang digunakan adalah seperangkat computer dengan spesifikasi sebagai berikut : 43

10 Perangkat Keras Pendukung : Operating System : Microsoft Windows 7 Ultimate System Manufacture : TOSHIBA System Model System Type Processor Memory : Satellite M200 : X86-based PC : Intel(R) Core(TM)2 duo CPU 1.67 GHz : 1,50 GB of RAM Perangkat Lunak Pendukung : Adobe Flash Adobe Photoshop Windows 7 Sound Recorder Audacity Total Video Converter AVI MPEG RM WMV Splitter Konsep Audio Konsep audio yang digunakan dalam pembuatan aplikasi ini adalah seorang anak perempun yang sedang membaca alquran dan pengertiannya yang nanti suaranya akan ditinggikan dengan program audacity sehingga menghasilkan efek suara seperti chipmunk yang berkesan lucu dan menggemaskan. 44

11 Tujuan Audio Tujuan dari konsep audio yang dibuat adalah untuk memberikan kesan yang lucu dan menarik sehingga siswa didik yang menggunakan aplkasi ini semakin ingin menggunakan dan menyelesaikan aplikasi pembelajaran ini Konsep Visual Konsep visual yang digunakan dalam pembuatan aplikasi ini adalah color full dan kartunis. Maksudnya dalam setiap perancangan layout halaman animasi dikemas sehingga dapat menimbulkan kesan yang menarik dan berwarna. Disertai dengan beberapa effect animasi shingga terlihat tidak monoton Tujuan Visual Tujuan dari konsep visual yang dibuat adalah untuk memberikan kesan yang menarik dan tidak membosankan. Segala informasi yang disampaikan harus sesuai dengan tema dan harus searah dengan pembahasan awal. Oleh karena itu mulai dari konsep hingga perancangan visual dibuat sebaik mungkin sehingga dapat menimbulkan kesan positif dan memiliki daya tarik bagi yang melihat. 45

12 Proses Kreatif a. Perancangan Animasi pada Macromedia Flash - Buat stage berukuran x Gambar 4.9. New document properties - pemilihan warna latar judul Gambar Pemilihan Warna 46

13 Buat lagi shape yg sama namun lebih kecil dan beri gradasi yeng lebih terang, lalu di tumpuk. - Setelah di tumpuk Gambar Tumpukan shape - Tampilan menu utama pada saat pertama kali aplikasi di jalankan Gambar Menu Utama 47

14 - Tampilan menu ulasan Gambar Menu Ulasan - Tampilan menu baca Gambar Menu Baca 48

15 - Tampilan menu ilustrasi Gambar Menu lustrasi 49

16 b. Action Scrip Menu utama Tombol Ulasan gotoandstop("1a"); Tombol Baca gotoandstop("1a"); Tombol Iustrasi gotoandstop("3a"); Tombol Exit on(release) { fscommand("quit", true); Menu Ulasan Tombol Home gotoandstop("00"); Tombol Next gotoandstop("1b"); 50

17 Tombol Prev gotoandstop("1a"); Menu Baca Tombol Play gotoandplay(1); Tombol Stop stopallsounds(); Tombol Next gotoandstop("2b"); stopallsounds(); Tombol Home gotoandstop("00"); stopallsounds(); 51

18 52

dokumen-dokumen yang mirip

BAB IV IMPLEMENTASI DAN PENGUJIAN

BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Aplikasi Pada tahap selanjutnya setelah penulis melakukan analisis dan merancang aplikasi simulasi pembelajaran pengaturan kemacetan jaringan dengan mekanisme