BAB III PEMBAHASAN MASALAH 3.1 Gambaran Umum Perusahaan PT Harmoni Graha Indah atau HGI adalah salah satu perusahaan properties, khususnya dalam distribusi wallcovering langsung dari benua Eropa dan Asia. PT Harmoni Graha Indah memiliki mitra distribusi berupa toko interior desain di seluruh Jakarta dengan kondisi yang variatif, tergantung tempat, besarnya toko, dan besarnya order tiap periode. Dalam hal ini, fungsi Marketing toko dimanfaatkan guna menyeimbangkan sirkulasi sample book wallcovering dan menjalin hubungan baik antar pihak PT Harmoni Graha Indah dan toko-toko yang tersebar di seluruh Jakarta (Jakarta Selatan, Jakarta Timur, Jakarta Pusat, Jakarta Barat, dan Jakarta Utara) agar menciptakan sebuah keuntungan mutualisme yaitu keuntungan yang diperoleh oleh kedua belah pihak. Kebijaksanaan yang ada pada PT Harmoni Graha Indah adalah: 1. Sample Book atau sistem jaminan. 2. Toko baru tidak mendapatkan potongan penuh. 3. Pembayaran tunai untuk toko baru Saat ini yang diperlukan adalah menggabungkan data yang ada, guna menyeimbangkan antara kebijakan perusahaan dan kondisi kebijakan kompetitor (produsen) agar terbentuk kebijakan yang objektif dan tidak subjektif.
3.2 Analisa Permasalahan Sales marketing atau biasa dikenal dengan bagian pemasaran adalah sebuah bagian dalam suatu perusahaan yang berhubungan langsung dengan para konsumen. Bagian ini bertugas menjaring pelanggan sebanyak-banyaknya. Namun tugas dari sales marketing tidak hanya sebatas menjaring pelanggan saja, akan tetapi menjalin
24
25
hubungan dengan para konsumen, memperhatikan penjualan, dan pengkoordinasian sample book. Akan tetapi pada PT Harmoni Graha Indah selama 2 tahun terakhir (2006-2007) terdapat kekosongan pada bagian sales marketing, sehingga koordinasi sample book tidak teratur dan banyak masalah yang timbul akibat kekosongan bagian sales marketing. Oleh sebab itu dibutuhkan suatu cara yang menarik untuk menyampaikan hasil survey kepada atasan yang telah dilakukan oleh sales marketing yang telah kosong selama 2 tahun terakhir. Agar pihak atasan mau memperhatikan apa yang telah dikerjakan oleh sales marketing. Animasi yang dibuat oleh penulis adalah untuk membantu para sales marketing khususnya yang bergerak dalam bidang penjualan wallpaper untuk menjelaskan kepada atasan tentang permintaan pasar. Jika dijelaskan menggunakan lisan akan memakan waktu yang lama, serta membuat jenuh atasannya. Selain itu tidak semua sales marketing dapat menjelaskannya secara detail. Dalam Macromedia Flash 8 kita dapat menggerakkan atau menganimasikan objek-objek atau huruf-huruf. Di dalam Macromedia Flash 8 kita juga bisa mengubah ukuran objek, memutar, mengubah warna, dan lain-lain.
3.3 Pengumpulan Data Untuk membuat aplikasi animasi ini, akan diperlukan beberapa data berupa data-data perusahaan, gambar-gambar, foto-foto toko customer dan suara. Sebagian besar foto berbentuk *.jpg dan di peroleh dari bagian marketing PT Harmoni Graha Indah. Sedangkan suara diperoleh dengan cara mengimport lagu dari *.WAV atau *.MP3. Selain foto dan suara, gambar juga diperoleh dari imajinasi penulis sendiri.
3.4 Struktur Navigasi Struktur navigasi yang digunakan pada aplikasi ini adalah struktur navigasi campuran. Yang terdiri dari 22 Scene
26
E 35 B3 E 34 A
B2 E 33
B
B1 E 32
INT
JDL
X
C D E F
E3
E 31
E2 E1 G
Gambar 3.1 Struktur Navigasi Aplikasi Animasi Multimedia Hasil Survey Marketing Toko Pada PT Harmoni Graha Indah.
Keterangan : INT
= Intro ( Scene Loading dan Scene Present )
JDL
= Scene Judul.
X
= Scene Menu.
A
= Scene Kelebihan Kekurangan Wallpaper.
B
= Scene Cara Pasang Wallpaper.
C
= Scene Metode Sales Toko.
D
= Scene Kasus Umum
E
= Scene Toko
F
= Scene Ya / Tidak
G
= Scene Terima Kasih
B1
= Scene Pasang 1
27
B2
= Scene Pasang 2
B3
= Scene Pasang 3
E1
= Scene Masalah
E2
= Scene Foto Toko Customer
E3
= Scene Lokasi
E 31
= Scene Jaksel
E 32
= Scene Jakbar
E 33
= Scene Jakpus
E 34
= Scene Jaktim
E 35
= Scene Jakut
3.5 Perancangan Tampilan 3.5.1 Intro Dalam Intro terdapat 2 scene, yaitu scene loading dan scene present. Dari masing-masing scene tersebut memiliki rancangan tampilan sebagai berikut :
Teks LOADING
Gambar 3.2 Rancangan Tampilan Scene Loading
28
Teks NAMA Teks Persembahan
Gambar 3.3 Rancangan Tampilan Scene Present
3.5.2 Scene Judul Didalam Scene judul terdapat sebuah background gambar dan di atasnya terdapat teks Hasil Survey Marketing Toko, serta di pojok kanan bawah terdapat tombol lanjut. Teks Animasi Multimedia Teks Hasil Survey Teks Marketing Teks Toko
Gambar 3.4 Rancangan Tampilan Scene Judul
29
3.5.3 Scene Menu Scene menu merupakan scene utama, karena scene menu menghubungkan hamper ke seluruh scene yang ada dalam aplikasi animasi multimedia ini. Pada scene ini terdapat kepala teks yang bertuliskan Hasil Survey Marketing Toko dan terdapat 7 tombol yang terdiri dari tombol informasi umum, tombol kelebihan dan kekurangan, tombol cara pemasangan wallpaper, tombol metode sales toko, tombol kasus umum, tombol toko, dan tombol keluar.
Teks Hasil Survey Marketing Toko
Tombol Kasus Umum
Tombol Pemasangan Wallpaper
Tombol Toko
Tombol Metode Sales Toko
Tombol Keluar
Tombol Kelebihan dan Kekurangan
Gambar 3.5 Rancangan Tampilan Scene Menu
3.5.4 Scene Kelebihan Kekurangan Wallpaper Scene kelebihan dan kekurangan wallpaper merupakan scene yang berisi teks masking serta tiga buah tombol berupa teks dan satu buah tombol kembali yang berada di pojok kiri bawah.
30
Teks kelebihan dan kekurangan menggunakan wallpaper Teks kelebihan
Teks kekurangan
Tombol Kembali Ke menu
Gambar 3.6 Rancangan Tampilan Scene Kelebihan Kekurangan Wallpaper
3.5.5 Scene Cara Pasang Wallpaper Scene cara pasang wallpaper terdiri dari 4 objek, yaitu : teks masking, tombol teks langkah pertama untuk menuju scene pasang 1, tombol teks langkah kedua untuk menuju scene pasang 2, tombol teks langkah ketiga untuk menuju scene pasang 3, dan tombol kembali untuk ke menu. Teks Cara Pemasangan Wallpaper Tombol teks langkah pertama Tombol teks langkah kedua Tombol Kembali Ke menu
Tombol teks langkah ketiga
Gambar 3.7 Rancangan Tampilan Scene Cara Pasang Wallpaper
31
3.5.5.1 Scene Pasang 1 pada scene ini terdapat animasi sederhana mengenai cara pemasangan pada langkah pertama dan dua buah tombol yang terdiri dari tombol kembali untuk menuju scene cara pasang wallpaper dan tombol busur panah arah kanan untuk menuju scene pasang 2.
Animasi sederhana
Tombol busur panah
Tombol Kembali
Gambar 3.8 Rancangan Tampilan Scene Pasang 1
3.5.5.2 Scene Pasang 2 Pada scene ini sama dengan scene pasang 1, akan tetapi pada scene ini terdapat tiga buah tombol yang terdiri dari tombol busur panah arah kiri untuk menuju scene pasang 1, tombol busur panah arah kanan untuk menuju scene pasang 3, dan tombol kembali untuk menuju scene cara pasang wallpaper.
Animasi sederhana
Tombol Kembali
Tombol busur panah
Tombol busur panah
Gambar 3.9 Rancangan Tampilan Scene Pasang 2
32
3.5.5.3 Scene Pasang 3 Pada scene ini sama dengan scene pasang 1 dan pasang 2, akan tetapi pada scene ini terdapat tiga buah tombol yang terdiri dari tombol busur panah arah kiri untuk menuju scene pasang 2, tombol kembali untuk menuju scene cara pasang wallpaper, dan tombol menu untuk menuju ke scene menu.
Animasi sederhana
Tombol Kembali
Tombol busur panah
Tombol Menu
Gambar 3.10 Rancangan Tampilan Scene Pasang 3
3.5.6 Scene Metode Sales Toko Pada scene metode sales toko ini terda beberapa animasi teks mengenai metode marketing toko dan tugas dari marketing toko. Selain itu terdapt tombol kembali untuk menuju menu. Teks metode marketing toko Teks metode marketing Tombol Kembali
Teks tugas marketing toko
Gambar 3.11 Rancangan Tampilan Scene Metode Sales Toko
33
3.5.7 Scene Kasus Umum Pada scene kasus umum ini terdapat sebuah teks masking dan animasi teks yang menjelaskan tentang kasus yang dialami oleh PT Harmoni Graha Indah. Selain itu di pojok kiri bawah terdapat tombol kembali untuk menuju ke menu. Teks kasus umum
Teks Animasi
Tombol Kembali
Gambar 3.12 Rancangan Tampilan Scene Kasus Umum
3.5.8 Scene Toko Pada scene toko ini terdapat sebuah teks masking, sebuah animasi berbentuk kincir yang berputar, dan tiga buah teks tombol yang terdiri dari tombol teks foto toko customer untuk menuju scene foto toko customer, tombol teks masalah untuk menuju scene masalah, tombol teks lokasi untuk menuju scene lokasi serta tombol kembali untuk menuju scene menu. Teks toko customer Tombol teks foto toko customer Tombol Kembali
Tombol teks masalah
Tombol teks lokasi
Gambar 3.13 Rancangan Tampilan Scene Toko
34
3.5.8.1 Scene Foto Toko Customer Pada scene foto toko customer ini terdapat sebuah tampilan foto toko-toko cutomer. Di sebelah kanan dan kiri foto terdapat tombol busur panah yang berfungsi untuk mengganti foto. Di pojok kiri bawah terdapat tombol kembali untuk menuju menu.
Tombol Kembali
Gambar 3.14 Rancangan Tampilan Scene Foto Toko Customer
3.5.8.2 Scene Masalah Pada scene ini terdapat sebuah teks, 3 buah tombol teks yang terdir dari tombol teks kesulitan marketing toko, tombol teks buku tidak mau membeli atau jaminan dan tombol teks keluhan customer, serta di pojok kiri bawah terdapat tombol kembali untuk menuju menu. Teks Masalah Tombol Teks Masalah 1 Tombol Kembali
Tombol Teks Masalah 2 Tombol Teks Masalah 3
Gambar 3.15 Rancangan Tampilan Scene Masalah
35
3.5.8.3 Scene Lokasi pada scene lokasi ini terdapat sebuah tombol yang berbetuk arah mata angin yang menunjukkan arah utara, barat, selatan, dan timur. Maksud dari arah mata angin itu adalah daerah potensial Jakarta yang terdiri dari wilayah Jakarta utara, Jakarta barat, Jakarta selatan, dan Jakarta timur. Untuk Jakarta pusat tombolnya terletak di tengah-tengah tombol arah mata angin. Di pojok kiri bawah terdapat tombol kembali untuk menuju menu. Teks daerah potensial
Tombol Kembali
Gambar 3.16 Rancangan Tampilan Scene Lokasi
3.5.8.3.1 Scene Jaksel Pada scene jaksel ini tedapat sebuah peta sederhana yang menunjukkan letak toko-toko customer yang berada di jl. RS Fatmawati. Letak toko ditandai dengan tombol toko yang dapt di klik, setelah itu muncul animasi kendaraan yang berjalan menuju lokasi toko yang di klik, setelah sampai di lokasi toko akan muncul informasi dari toko tersebut. Di pojok kanan dan kiri bawah terdapat tombol kembali untuk menuju scene lokasi dan keluar untuk menuju scene ya / tidak.
36
Peta Sederhana
Tombol Kembali
Tombol Keluar
Gambar 3.17 Rancangan Tampilan Scene Jaksel
3.5.8.3.2 Scene Jakbar Pada scene jakbar ini tedapat sebuah peta sederhana yang menunjukkan letak toko-toko customer yang berada di Bumi Serpong Damai ( BSD ). Letak toko ditandai dengan tombol toko yang dapt di klik, setelah itu muncul animasi kendaraan yang berjalan menuju lokasi toko yang di klik, setelah sampai di lokasi toko akan muncul informasi dari toko tersebut. Di pojok kanan dan kiri bawah terdapat tombol kembali untuk menuju scene lokasi dan keluar untuk menuju scene ya / tidak. Peta Sederhana
Tombol Kembali
Tombol Keluar
Gambar 3.18 Rancangan Tampilan Scene Jakbar
37
3.5.8.3.3 Scene Jakpus Pada scene jakpus ini tedapat sebuah peta sederhana yang menunjukkan letak tokotoko customer yang berada di jl. Pintu Air. Letak toko ditandai dengan tombol toko yang dapt di klik, setelah itu muncul animasi kendaraan yang berjalan menuju lokasi toko yang di klik, setelah sampai di lokasi toko akan muncul informasi dari toko tersebut. Di pojok kanan dan kiri bawah terdapat tombol kembali untuk menuju scene lokasi dan keluar untuk menuju scene ya / tidak. Peta Sederhana
Tombol Kembali
Tombol Keluar
Gambar 3.19 Rancangan Tampilan Scene Jakpus
3.5.8.3.4 Scene Jaktim Pada scene jaktim ini tedapat sebuah peta sederhana yang menunjukkan letak toko-toko customer yang berada di jl. Otto iskandardinata ( OTISTA ). Letak toko ditandai dengan tombol toko yang dapt di klik, setelah itu muncul animasi kendaraan yang berjalan menuju lokasi toko yang di klik, setelah sampai di lokasi toko akan muncul informasi dari toko tersebut. Di pojok kanan dan kiri bawah terdapat tombol kembali untuk menuju scene lokasi dan keluar untuk menuju scene ya / tidak.
38
Peta Sederhana
Tombol Kembali
Tombol Keluar
Gambar 3.20 Rancangan Tampilan Scene Jaktim
3.5.8.3.5 Scene Jakut Pada scene jakut ini tedapat sebuah peta sederhana yang menunjukkan letak tokotoko customer yang berada di Boulevard Kelapa Gading. Letak toko ditandai dengan tombol toko yang dapt di klik, setelah itu muncul animasi kendaraan yang berjalan menuju lokasi toko yang di klik, setelah sampai di lokasi toko akan muncul informasi dari toko tersebut. Di pojok kanan dan kiri bawah terdapat tombol kembali untuk menuju scene lokasi dan keluar untuk menuju scene ya / tidak. Peta Sederhana
Tombol Kembali
Tombol Keluar
Gambar 3.21 Rancangan Tampilan Scene Jakut
39
3.5.9 Scene Ya / Tidak Pada scene ya / tidak ini terdapat teks yang menanyakan “Anda yakin ingin keluar?” dan terdapat 2 buah tombol yang terdiri dari tombol YA untuk menuju scene terima kasih dan tombol TIDAK untuk menuju scene menu.
Teks Pertanyaan
YA
TIDAK
Gambar 3.22 Rancangan Tampilan Scene Ya / Tidak
3.5.10 Scene Terima Kasih Pada scene terima kasih ini terdapat teks terima kasih yang berjatuhan dari atas, dengan background berganti-ganti warna.
Teks TERIMA KASIH Teks Copyright 2008
Gambar 3.23 Rancangan Tampilan Scene Terima Kasih
40
3.6 Pembuatan Aplikasi Dalam pembuatan aplikasi akan dijelaskan bagaimana cara membuat animasi multimedia hasil survey marketing toko. Pembuatan aplikasi tersebut akan dijelaskan secara umum, karena hampir setiap scene memiliki cara pembuatan yang sama
3.6.1 Memulai Pembuatan Animasi 1. Menjalankan program macromedia flash 8 dengan cara Klik Start > All Programs > Macromedia > Macromedia Flash 8 atau bisa juga dengan cara klik dua kali (double click) icon macromedia flash 8 pada jendela desktop.
Gambar 3.24 Menjalankan Macromedia Flash 8 2. Setelah itu akan muncul jendela program macromedia flash 8. 3. Klik menu File > New hingga ditampilkan kotak dialog New Document. 4. Di dalam tabulasi General, pilih Flash Document. 5. Klik OK.
41
Gambar 3.25 Kotak Dialog New Document
3.6.2 Mengatur Stage 1. Klik menu Modify > Document, atau tekan Ctrl + J, sehingga akan ditampilkan kotak dialog Document Properties.
Gambar 3.26 Kotak Dialog Document Properties
42
2. Tentukan lebar ( width ) dan tinggi ( height ) stage pada pilihan Dimensions. 3. Untuk mengubah warna latar belakang ( background ) stage, pilih Backgound Color. 4. Untuk mengubah kecepatan frame, gunakan pilihan Frame Rate. 5. Tentukan satuan ukuran stage pada pilihan Ruler Units. 6. Klik OK. 3.6.3 Membuat Symbol Button Semua objek yang dibuat di dalam Macromedia Flash 8 dapat digunkan sebagai symbol button. Langkah-langkahnya adalah sebagai berikut : 1. Siapkan lembar kerja yang ingin di berikan sybol button. 2. Klik menu Insert > New Symbol sehingga tampil kotak dialog Create New Symbol.
Gambar 3.27 Kotak Dialog Create New Symbol 3. Ketikkan btn Kasus Umum, untuk memberi nama symbol button pada kotak Name. 4. Pilih Button pada pilihan Type dan klik OK. 5. Secara otomatis, akan aktif di dalam tampilan lembar kerja symbol button btn Kasus Umum. 6. Buat 3 buah layer, terdiri dari layer teks, layer tombol, dan layer shadow. 7. Klik frame Up. Pada layer teks buat objek teks Kasus Umum dengan warna biru. Pada layer tombol buat objek oval dengan warna gradasi hijau dan coklat. Pada layer shadow buat objek oval dengan warna abu-abu.
43
Gambar 3.28 Objek pada Frame Up 8. Buat tampilan Over pada btn Kasus Umum. 9. Klik kanan frame Over pada layer teks dan layer tombol, pilih Insert Keyframe sehingga di dalam frame Over disisipkan objek yang sama dengan frame Up. 10. Ubah warna teks pada layer teks, dan ubah warna objek oval dengan gradasi coklat hijau.
Gambar 3.29 Objek pada Frame Over 11. Klik kanan frame Down pada layer teks saja, lalu pilih Insert Keyframe. 12. Ubah warna teks menjadi warna kuning. 13. Klik kanan frame Hit pada layer teks saja, lalu pilih keyframe. Sehingga objek sama dengan frame Down.
44
Gambar 3.30 Objek pada Frame Down dan Hit 14. Setelah selesai membuat tombol, klik Scene 1 untuk kembali ke lembar kerja movie utama. 15. Selanjutnya, sisipkan Symbol Button dari Library ke dalam lembar kerja movie utama.
3.6.4 Teks Animasi Masking 1. Siapkan stage yang akan diberikan teks animasi 2. Pilih Text Tool pada Toolbox. Pada properties setting, Font : Arial Black, Size : 20 pt, Color : Biru.
Gambar 3.31 Pengaturan Properties Teks 3. Ketikkan pada stage teks “MARKETING”, dan posisikan tepat di atas tengah stage. 4. Buat layer baru, kemudian buat objek lingkaran tepat di kiri teks “MARKETING” 5. Klik kanan pada layer 1 dan 2 di frame 20, lalu pilih Insert Keyframe.
45
6. Klik kanan pada layer 2 di frame 1, lalu pilih Create Motion Tween. 7. Pindahkan objek lingkaran pada layer 2 ke kanan teks “MARKETING”.
Gambar 3.32 Pengaturan Animasi Masking 8. Klik frame 1, klik kanan layer 2 pilih Mask. 9. Tekan Ctrl + enter untuk menjalankan.
3.6.5 Teks Animasi Writer 1. Siapkan stage yang akan diberikan teks animasi. 2. Klik Text Tool pada Toolbox. Pada properties setting, Font : Arial Black, Size : 20 pt, Color : Biru.
Gambar 3.33 Pengaturan Properties Teks 3. Ketikkan diatas stage teks “HASIL SURVEY”, dan posisikan ditengah atas stage.
46
4. Klik keyframe pada layer 1 untuk menyeleksi objek teks, lalu klik menu Modify > Break Apart. Setelah itu klik menu Modify > Distribute to Layer. 5. Klik kanan layer 1, kemudian klik Delete Layer. 6. Masukkan Insert di frame 60 untuk semua layer.
Gambar 3.34 Menggeser Keyframe
7. Atur animasi mulai dari layer 2, yaitu A. tarik keyframe yang ada di frame 1 ke frame 5. 8. Atur animasi mulai dari layer 3, yaitu S. tarik keyframe yang ada di frame 1 ke frame 10. 9. Atur animasi mulai dari layer 4, yaitu I. tarik keyframe yang ada di frame 1 ke frame 15. 10. Atur animasi mulai dari layer 5, yaitu L. tarik keyframe yang ada di frame 1 ke frame 20. 11. Atur animasi mulai dari layer 6, yaitu S. tarik keyframe yang ada di frame 1 ke frame 25. 12. Atur animasi mulai dari layer 7, yaitu U. tarik keyframe yang ada di frame 1 ke frame 30.
47
13. Atur animasi mulai dari layer 8, yaitu R. tarik keyframe yang ada di frame 1 ke frame 35. 14. Atur animasi mulai dari layer 9, yaitu V. tarik keyframe yang ada di frame 1 ke frame 40. 15. Atur animasi mulai dari layer 10, yaitu E. tarik keyframe yang ada di frame 1 ke frame 45. 16. Atur animasi mulai dari layer 11, yaitu Y. tarik keyframe yang ada di frame 1 ke frame 50.
Gambar 3.35 Pengaturan Layer H Sampai Y 17. Tekan Ctrl + Enter untuk melihat hasilnya.
3.6.6 Teks Animasi Jatuh 1. Siapkan stage yang akan di berikan animasi. 2. Klik Text Tool pada Toolbox. Pada properties setting, Font : Bodoni MT, Size : 30 pt, Color : Merah.
48
Gambar 3.36 Pengaturan Properties Teks
3. Ketikkan diatas stage teks “TERIMA KASIH”, posisikan ditengah stage. 4. Klik keyframe pada layer 1 untuk menyeleksi objek teks, lalu klik menu Modify > Break Apart. Setelah itu klik menu Modify > Distribute to Layer. 5. Klik kanan layer 1, kemudian klik Delete Layer. 6. Masukkan Insert Keyframe di frame 15 untuk semua layer. 7. Klik kanan pada frame 1 di semua layer, lalu pilih Create Tween Motion.
Gambar 3.37 Pengaturan Layer
8. Pindahkan objek yang ada di frame 1 dari tengah stage ke luar bagian atas stage. 9. Atur animasi mulai dari layer 2, yaitu E. tarik keyframe yang ada di frame 1 ke frame 5.
49
10. Atur animasi mulai dari layer 3, yaitu R. tarik keyframe yang ada di frame 1 ke frame 10. 11. Atur animasi mulai dari layer 4, yaitu I. tarik keyframe yang ada di frame 1 ke frame 15. 12. Atur animasi mulai dari layer 5, yaitu M. tarik keyframe yang ada di frame 1 ke frame 20. 13. Atur animasi mulai dari layer 6, yaitu A. tarik keyframe yang ada di frame 1 ke frame 25. 14. Atur animasi mulai dari layer 7, yaitu K. tarik keyframe yang ada di frame 1 ke frame 30. 15. Atur animasi mulai dari layer 8, yaitu A. tarik keyframe yang ada di frame 1 ke frame 35. 16. Atur animasi mulai dari layer 9, yaitu S. tarik keyframe yang ada di frame 1 ke frame 40. 17. Atur animasi mulai dari layer 10, yaitu I. tarik keyframe yang ada di frame 1 ke frame 45. 18. Atur animasi mulai dari layer 11, yaitu H. tarik keyframe yang ada di frame 1 ke frame 50.
Gambar 3.38 Pengaturan Layer T Sampai H
19. Masukkan Insert Frame di frame 70 untuk semua layer.
50
Gambar 3.39 Memasukkan Insert Frame pada Frame 70
20. Tekan Ctrl + Enter untuk menjalankan.
3.6.7 Animasi Mobil Pada Peta 1. Siapkan Stage dengan 4 buah layer yang terdiri dari layer jalan, layer button, layer mobil, dan layer screen. 2. Buat 3 objek berbentuk garis yang melintang secara horizontal, garis ini untuk menggambarkan jalan.
Gambar 3.40 Tiga Garis Untuk Jalan
51
3. Sisipkan button toko pada layer button di frame 1 4. Klik kanan pada layer button dan layer jalan di frame 50, lalu klik insert frame. 5. Klik kanan pada layer mobil di frame 3, lalu klik Convert to Keyframe. 6. Sisipkan gambar mobil pada layer mobil di frame 3.
Gambar 3.41 Tampilan Objek Mobil Pada Sisi Kiri Stage
7. Klik kanan pada frame 35, pilih Insert Keyframe. Pada frame 3 klik kanan dan pilih Create Motion Tween. 8. Klik pada frame 35, lalu pindahkan objek dari sebelah kiri ke depan button toko. 9. Klik kanan pada frame 35, lalu pilih Action dan ketikkan script gotoAndPlay(37);
52
Gambar 3.42 Tampilan Objek Berpindah dari Kiri Ke Depan Button Toko
10. Klik kanan pada layer screen di frame 37, lalu pilih Convert to Keyframe 11. Buat objek pada frame 37 berupa persegi panjang dan teks tentang penjualan.
Gambar 3.43 Tampilan Screen Toko
53
12. Klik kanan objek button toko, lalu pilih Action dan ketikkan script sebagai berikut : on (release) {gotoAndPlay(3); } 13. Klik kanan frame 1, lalu pilih Action dan ketikkan script sebagai berikut : Stop( ); 14. Tekan Ctrl + Enter untuk menjalankan.
3.7 Konfigurasi Perangkat Sistem Pembuatan Aplikasi Animasi Multimedia Hasil Survey Marketing Toko ini penulis menggunakan perangkat Keras (Hardware) dan Perangkat Lunak (Software) sebagai berikut : v Perangkat Keras (Hardware) : -
Prosesor Intel Pentium IV 2,26 Ghz.
-
Memori DDR PC 2700 256 MB.
-
Hard Disk Seagate 7200 Rpm 40 GB.
-
VGA nVIDIA GeForce MX 440 with AGP8X
-
Monitor GTC Futura dengan resolusi 1024 x 768 piksel
v Perangkat Lunak (Software) : -
Sistem Operasi Windows XP SP2
-
Macromedia Flash 8
-
Cool Edit Pro 2.0
-
Sound Recorder.
