BAB IV HASIL DAN PEMBAHASAN

Ukuran: px

Mulai penontonan dengan halaman:

Download "BAB IV HASIL DAN PEMBAHASAN"

Yuliana Setiawan
6 tahun lalu
Tontonan:

BAB IV HASIL DAN PEMBAHASAN IV.1 Tampilan Hasil Pada bab ini, penulis akan menampilkan tampilan hasil perancangan yang telah dijelaskan pada bab sebelumnya. 1.

1 BAB IV HASIL DAN PEMBAHASAN IV.1 Tampilan Hasil Pada bab ini, penulis akan menampilkan tampilan hasil perancangan yang telah dijelaskan pada bab sebelumnya. 1. Tampilan Splash Screen Tampilan splash screen merupakan tampilan yang muncul ketika aplikasi pertama sekali dijalankan, berikut adalah tampilan dari splash screen ketika dijalankan. Gambar IV.1 Tampilan Splash Screen Tampilan splash screen akan berjalan secara otomatis hingga selesai prosesnya dan masuk kedalam scene utama. 37

38 2. Tampilan utama Tampilan utama merupakan tampilan yang muncul ketika splash screen telah selesai berjalan, tampilan utama biasanya berisi informasi ataupun materi yang dirancang, berikut adalah

2 38 2. Tampilan utama Tampilan utama merupakan tampilan yang muncul ketika splash screen telah selesai berjalan, tampilan utama biasanya berisi informasi ataupun materi yang dirancang, berikut adalah tampilan utama dari aplikasi yang dirancang. Gambar IV.2 Tampilan Utama Perhatikan gambar diatas, gambar diatas merupakan tampilan dari aplikasi flash yang dirancang, terdapat beberapa link label yang bisa digunakan untuk menampilkan informasi dari produk dan juga sejarah coklat serta sebuah gambar kakao yang merupakan ikon coklat dari iklan yang dibuat. History merupakan informasi dari sejarah coklat, informasi ini akan ditampilkan pada frame yang posisinya di tengah layar, perhatikan gambar dibawah ini yang menampilkan informasi history.

3 39 Gambar IV.3 Informasi History Of Coklat Tampak pada gambar IV.3 informasi history coklat ditampilkan ditengah layar, informasi yang ditampilkan dalam bentuk gambar dan teks yang menjelaskan sejarah coklat, dan disamping itu terdapat sebuah tombol untuk menampilkan informasi lebih banyak lagi, jika ditekan akan menampilkan informasi seperti gambar dibawah ini

sejarah coklat maka berikutnya adalah menampilkan informasi produk coklat, untuk

4 40 Gambar IV.4 Informasi History Of Coklat dengan tombol more Setelah menampilkan informasi sejarah coklat maka berikutnya adalah menampilkan informasi produk coklat, untuk menampilkan informasi produk coklat bisa dilakukan dengan menekan tombol product, dan hasilnya akan tampak seperti gambar dibawah ini. Gambar IV.5 Informasi Produk Coklat

41 Informasi produk coklat merupakan informasi yang menampilkan 8 (delapan) produk coklat yang dijadikan sampel iklan, produk coklat yang akan ditampilkan adalah produk coklat kemasan yang sudah

5 41 Informasi produk coklat merupakan informasi yang menampilkan 8 (delapan) produk coklat yang dijadikan sampel iklan, produk coklat yang akan ditampilkan adalah produk coklat kemasan yang sudah dimodikasi dengan penambahan bahan yang lain sehingga menjadikan varian coklat yang lebih baik lagi, pada gambar yang tampak hanya 4 buah coklat saja dan untuk menampilkan produk coklat yang lainnya dapat di scroll kebawah sehingga tampak semua hasilnya, seperti gambar dibawah ini. Gambar IV.6 Informasi Produk Coklat Lainnya Pada gambar IV.6 informasi produk coklat lainnya ditampilkan, produk coklat yang ditampilkan memiliki informasi mengenai coklat tersebut dan bahan apa saja dalam membuatnya, untuk contoh pertama adalah informasi dari coklat praline yang merupakan gambar coklat pada posisi pertama pada gambar IV.7 berikut adalah informasinya

6 42 Gambar IV.7 Informasi Produk Coklat Praline Informasi akan ditampilkan dalam frame baru, setiap produk coklat yang ada memiliki informasi mengenai coklat tersebut, untuk menampilkannya cukup dengan memilih coklat menekan gambar coklatnya. IV.2 Pembahasan Flash iklan coklat yang dirancang menggunakan adobe flash CS6 terdiri dari 1 (satu) buah scene dan terdapat beberapa timeline seperti gambar dibawah ini:

43 Gambar IV.8 Timeline Selain itu juga terdapat beberapa informasi menu yang akan muncul setelah animasi jalan, berikut adalah desainnya Gambar IV.

7 43 Gambar IV.8 Timeline Selain itu juga terdapat beberapa informasi menu yang akan muncul setelah animasi jalan, berikut adalah desainnya Gambar IV.9 Desain Menu Utama Flash Untuk contohnya penulis mengambil salah satu contoh yaitu menampilkan informasi mengenai history tentang coklat, tombol history tentang coklat memiliki perintah action script sebagai berikut

8 44 stop(); blurmc.visible = false; Object(root).myChannelHistory.stop(); Object(root).myChannelAbout.stop(); playsoundhistory(); perintah diatas digunakan untuk menampilkan informasi history dan mengeluarkan suara berupa informasi mengenai sejarah coklat, perhatikan pada gambar dibawah ini Gambar IV.10 Desain Informasi History Of Coklat Frame 3 Tampak pada gambar IV.10 timeline yang dimasukkan objek pada posisi frame ke 3 sampai dengan ke 15 sehingga hasilnya akan muncul seperti gambar dibawah ini jika animasi sudah berjalan

9 45 Gambar IV.11 Desain Informasi History Coklat Frame 15 Pada gambar IV.11 terdapat sebuah informasi mengenai history of coklat dimana informasi yang ditampilkan bisa secara penuh, untuk perintahnya bisa dilakukan dengan menggunakan actions script dibawah stop(); closebtn.addeventlistener(mouseevent.mouse_down,clickclose); function clickclose(event:mouseevent):void{ gotoandplay(12); Object(root).myChannelHistory.stop(); Object(root).myChannelMoreHistory.stop(); } Dimana perintah diatas digunakan untuk menampilkan informasi tambahan mengenai history coklat, kemudian selain itu juga terdapat informasi mengenai produk coklat seperti pada gambar dibawah ini

$mouse_down,clickclose); function clickclose(event:mouseevent):void{ Object(root).myChannelMangga.$

10 46 Gambar IV.12 Desain Informasi Produk Coklat Untuk menampilkan informasi produk yang ada bisa digunakan perintah action script dibawah ini stop(); closebtn.addeventlistener(mouseevent.mouse_down,clickclose); function clickclose(event:mouseevent):void{ Object(root).myChannelMangga.stop(); gotoandplay(12); } Perintah diatas digunakan untuk memanggil informasi produk coklat mangga dimana informai yang ditampilkan adalah suara dan teks

11 47 IV.3 Kelebihan dan Kekurangan Animasi Setiap animasi tentunya memiliki kelebihan dan kekurangan dari proses pembuatannya, berikut adalah kelebihan dari animasi yang dibuat : 1. Animasi iklan coklat yang dibuat memiliki desain interface yang menarik bewarna coklat sesuai dengan konsep iklan yang ingin dibuat. 2. Memiliki animasi desain yang halus dan kaya akan materi pembahasan 3. Fasilitas suara, teks dan gambar sebagai media iklan cukup baik Adapun kekurangan dari aplikasi ini adalah sebagai berikut : 1. Aplikasi belum mendukung video sebagai sarana tambahan media promosi sehingga hasilnya menjadi kurang menarik 2. Perlu ditambahkannya fasilitas database, sehingga isi content bisa diubah sesuai dengan kebutuhan. 3. Dalam menjalankan aplikasi ini membutuhkan spesifikasi komputer yang tinggi.

dokumen-dokumen yang mirip

BAB IV HASIL DAN PEMBAHASAN

BAB IV HASIL DAN PEMBAHASAN IV1. Tampilan Hasil Pada bab ini, penulis akan menampilkan tampilan hasil perancangan yang telah dijelaskan pada bab sebelumnya. 1. Tampilan Loading Tampilan loading merupakan