Implementasi Desain dan Pembuatan Interaktif Rancang Bangun Opening Interaktif

47

BAB IV DESAIN DAN IMPLEMENTASI

Laporan Tugas Akhir pada BAB IV ini, menjelaskan latar belakang pembuatan desain yang digunakan serta implementasi system yang diterapkan dalam proses pembuatan Interaktif dari “Lily’s Pie”. Desain dan berbagai fitur yang diterapkan, dirancang serta didesain bedasarkan keyword dan analisa warna yang sebelumnya telah ditentukan di BAB III. Keyword yang digunakan adalah Pretty dan Casual. Dimana warna-warna dasar yang akan digunakan adalah mudaterang. Proses analisa keyword tersebut dapat dihubungkan dengan diagram warna chart Shigenobu Kobayashi dalam penentuan warna yang diterapkan dalam pembuatan Interaktif “Lily’s Pie”. Bedasarkan diagram warna chart Kobayashi, warna yang digunakan adalah warna yang memiliki sifat sesuai dengan keyword yang telah dihasilkan. Langkah yang dilakukan setelah melakukan tahapan perencanaan system, analisa audien dan system, serta perancangan desain, ide, serta konsep, adalah melakukan tahapan proses desain implementasi dan system yang meliputi penentuan elemen- elemen yang ada dalam interaktif “Lily’s Pie”.

4.1 Implementasi Desain dan Pembuatan Interaktif

Implementasi desain ini akan menjelaskan mengenai latar belakang desain yang diterapkan pada interaktif “Lily’s Pie”. Desain yang dihasilkan sesuai dengan keyword dan analisa yang telah dilakukan sebelumnya. Sehingga, desain STIKOM SURABAYA yang dihasilkan sesuai dengan target audien dan juga sesuai dengan yang diharapkan oleh pemilik perusahaan. Implementasi desain interaktif “Lily’s Pie” ini meliputi rancangan pembukaan interaktif opening, rancangan menu utama, rancangan penutup ending, audio, serta pembuatannya.

4.2 Rancang Bangun Opening Interaktif

Pembukaan dalam interaktif ini dimulai dari gambaran karakter Lily yang dengan animasi yang riang berjalan menuju depan toko dan menunggu respon audien sesuai dengan petunjuk yang ada yaitu menekan tombol yang berada dipintu supaya terbuka dan Lily masuk kedalam toko. Gambar pembuatan opening scene dapat dilihat pada gambar 4.2. Bentuk toko yang digunakan sesuai dengan perancangannya yaitu dengan menyesuaikan tata letak atau eksterior dari toko yang telah ada untuk menciptakan sebuah gambaran vector yang terlihat lebih hidup. Preview interaktif opening scene dapat dilihat pada gambar 4.3 Tabel 4.1 Tabel Parameter Eksterior Salzberg Café Braun  Jendela dan Pintu toko ditaruh bersebelahan  Memiliki kanopi yang ada diatas pintu dan jendela  Nama toko berada diatas kanopi STIKOM SURABAYA Lanes Patisserie  Jendela dan Pintu toko yang bersebelahan  Warna gedung dominan merah muda  Tulisan nama dari toko berada diatas pintu dan jendela  Ada tangga atau perbedaan lantai dari jalan A Laa Bolee  Jendela dan pintu bersebelahan  Menggunakan Gordyn di jendela  Warna gedung dominan merah muda  Ada perbedaan tinggi lantai dari jalan Tidak lupa juga sebelum opening ada scene loading yang digambarkan dari potongan pie yang terkumpul perlahan-lahan sesuai dengan waktu yang digunakan untuk loading isi Interaktif. gambar pembuatan dapat dilihat pada gambar 4.1 Pie yang digunakan untuk loading scene adalah pie bluberi yang merupakan pie favorit. STIKOM SURABAYA Gambar 4.1 Pembuatan Loading Scene Gambar 4.2 Pembuatan Opening Untuk pembuatan opening ini digunakan beberapa campuran action script seperti: On press : Fungsi yang digunakan untuk menjalankan sebuah perintah saat tombol ditekan. STIKOM SURABAYA On release : Tidak jauh berbeda dengan On press, fungsi On release ini juga untuk menjalankan sebuah perintah saat tekanan pada tombol dilepas. gotoAndPlay; : Perintah ini digunakan untuk melompat ke frame lain atau scene lain. stop ; : Perintah untuk menghentikan operasi . Gambar 4.3 Preview Opening Scene “Lily’s Pie”

4.3 Rancang Bangun Menu Utama Interaktif