ANALISIS DAN PERANCANGAN SISTEM

BAB 3 ANALISIS DAN PERANCANGAN SISTEM

Mendesain Tampilan Awal Animasi Desain tampilan awal animasi adalah sebagai berikut : Gambar 3.1 Rancangan Tampilan Awal Animasi Cara pembuatannya adalah sebagai berikut : 1. Buka lembar kerja macromedia flash 8, kemudian pilih flash document. 2. Buat satu layer pada timeline, yaitu layer 1. Dimana timeline dan layer 1 itu berada pada scene 1. Tulisan bergerak Tulisan bergerak Tulisan berjalan Tulisan bergerak Tulisan bergerak Tulisan bergerak next Universitas Sumatera Utara 3. Untuk pembuatan image pada layer awal pilih import pada menu file, kemudian pilih import to library 4. Untuk pembuatan animasi tulisan bergerak, ketikkan kalimat yang akan kita tampilkan pada stage. Klik kanan pada kalimat tersebut, pilih Convert to Symbol. Ubah kalimat yang kita tuliskan pada stage itu menjadi movie clip. Kemudian klik 2 dua kali pada kalimat tersebut, maka kita akan masuk ke dalam movie clip tersebut. Kemudian klik pada frame yang berjarak kurang lebih 10 atau 15 bebas frame klik kanan kemudian insert keyframe. Di antara frame awal ke frame akhir tersebut klik kanan kemudian pilih create motion tween. Klik frame awal seret movie clip tersebut ke posisi awal sebelum bergerak ke posisi yang di ingin kan, kemudian klik frame akhir yang berjarak kurang lebih 10 atau 15 bebas tersebut seret movie clip ke posisi yang di inginkan dimana movie clip tersebut akan berhenti. Pada akhir frame, dimana kita telah selesai merangkai kalimat yang kita inginkan, klik kanan pilih action, ketikkan script program sebagai berikut : stop; Universitas Sumatera Utara 5. Untuk pembuatan animasi tulisan berjalan, ketikkan huruf awal dari kalimat yang akan kita tampilkan pada stage. Klik kanan pada huruf tersebut, pilih Convert to Symbol. Ubah huruf yang kita tuliskan pada stage itu menjadi movie clip. Kemudian klik 2 dua kali pada huruf tersebut, maka kita akan masuk ke dalam movie clip tersebut. Isi satu persatu frame yang ada dengan melanjutkan huruf demi huruf dari huruf yang telah kita tuliskan tadi. Untuk membuat frame selanjutnya klik kanan di frame selanjutnya lalu pilih insert keyframe atau dengan shortcut F6. Pada akhir frame, dimana kita telah selesai merangkai huruf menjadi kalimat yang kita inginkan, klik kanan pilih action, ketikkan script program sebagai berikut : stop; 6. Tombol next berfungsi untuk masuk ke frame selanjutnya. Cara untuk membuat fungsi tombol next adalah dengan memasukkan dulu gambar ke dalam library dengan cara pilih menu file klik pada pilihan import lalu pilih import to library. Setelah gambar masuk ke dalam library, drag gambar ke dalam stage kemudian klik kanan pada gambar yang telah kita drag ke dalam stage itu pilih convert so symbol, pilih button. Kemudian klik kanan pada tombol tanda panah, lalu pada jendela Actions-Button ketikkan script program sebagai berikut : onrelease{ gotoAndStop2; Universitas Sumatera Utara } Angka 2 di sini berarti, ketika kita menekan tombol next, maka kita akan berpindah ke frame ke 2. Mendesain Halaman Home Utama Desain halaman Home adalah sebagai berikut : Gambar 3.2 Rancangan Tampilan Halaman Home Cara pembuatannya adalah sebagai berikut : 1. Membuat Frame baru klik kanan pada Frame awal setelah itu pilih insert Blank KeyFrame. keluar Tulisan berjalan menu profil Universitas Sumatera Utara 2. Untuk membuat background pada tampilan ini pilih menu file klik pada pilihan import lalu pilih import to library, kemudian pilihlah gambar yang diinginkan. Sesuaikan lah ukuran gambar dengan ukuran frame. 3. Untuk pembuatan animasi tulisan berjalan, ketikkan huruf awal dari kalimat yang akan kita tampilkan pada stage. Klik kanan pada huruf tersebut, pilih Convert to Symbol. Ubah huruf yang kita tuliskan pada stage itu menjadi movie clip. Kemudian klik 2 dua kali pada huruf tersebut, maka kita akan masuk ke dalam movie clip tersebut. Isi satu persatu frame yang ada dengan melanjutkan huruf demi huruf dari huruf yang telah kita tuliskan tadi. Untuk membuat frame selanjutnya klik kanan di frame selanjutnya lalu pilih insert keyframe atau dengan shortcut F6. Pada akhir frame, dimana kita telah selesai merangkai huruf menjadi kalimat yang kita inginkan, klik kanan pilih action, ketikkan script program sebagai berikut : stop; 4. Tombol keluar berfungsi untuk keluar dari aplikasi. Cara untuk membuat fungsi tombol keluar adalah dengan memasukkan dulu gambar ke dalam library dengan cara pilih menu file klik pada pilihan import lalu pilih import to library. Setelah gambar masuk ke dalam library, drag gambar ke dalam stage kemudian klik kanan pada gambar yang telah kita drag ke dalam stage itu pilih convert so symbol, pilih button. Kemudian klik kanan Universitas Sumatera Utara pada tombol tanda panah, lalu pada jendela Actions-Button ketikkan script program sebagai berikut : onrelease{ fscommandquit; 5. Tombol menu berfungsi untuk masuk ke frame menu. Cara untuk membuat fungsi tombol menu adalah dengan memasukkan dulu gambar ke dalam library dengan cara pilih menu file klik pada pilihan import lalu pilih import to library. Setelah gambar masuk ke dalam library, drag gambar ke dalam stage kemudian klik kanan pada gambar yang telah kita drag ke dalam stage itu pilih convert so symbol, pilih button. Kemudian klik kanan pada tombol tanda panah, lalu pada jendela Actions-Button ketikkan script program sebagai berikut : onrelease{ gotoAndStop4; } Angka 4 di sini berarti, ketika kita menekan tombol next, maka kita akan berpindah ke frame ke 4. 6. Tombol profil berfungsi untuk masuk ke frame profil atau frame awal. Cara untuk membuat fungsi tombol profil adalah dengan memasukkan dulu gambar ke dalam library dengan cara pilih menu file klik pada pilihan import lalu pilih import to library. Setelah gambar masuk ke dalam library, Universitas Sumatera Utara drag gambar ke dalam stage kemudian klik kanan pada gambar yang telah kita drag ke dalam stage itu pilih convert so symbol, pilih button. Kemudian klik kanan pada tombol tanda panah, lalu pada jendela Actions- Button ketikkan script program sebagai berikut : onrelease{ gotoAndStop1; } Angka 1 di sini berarti, ketika kita menekan tombol next, maka kita akan berpindah ke frame ke 1. Mendesain Halaman Menu Desain tampilan pada halaman menu : Gambar 3.3 Rancangan Tampilan Halaman Menu Gambar burung home Tombol pengertian sampah Tombol dampak terhadap lingkungan Tombol dampak terhadap kesehatan Tombol cara penanganan Universitas Sumatera Utara Cara pembuatannya adalah sebagai berikut : 1. Membuat Frame baru klik kanan pada Frame awal setelah itu pilih insert Blank KeyFrame. 2. Untuk memasukkan gambar ke dalam frame yaitu pilih menu file klik import lalu pilih import to library, masukan gambar dari menu library ke dalam frame. 3. Tombol home berfungsi untuk kembali ke halaman home atau halaman utama. Cara untuk membuat fungsi tombol home adalah dengan memasukkan dulu gambar ke dalam library dengan cara pilih menu file klik pada pilihan import lalu pilih import to library. Setelah gambar masuk ke dalam library, drag gambar ke dalam stage kemudian klik kanan pada gambar yang telah kita drag ke dalam stage itu pilih convert so symbol, pilih button. Kemudian klik kanan pada tombol tanda panah, lalu pada jendela Actions-Button ketikkan script program sebagai berikut : onrelease{ gotoAndStop2; } Angka 2 di sini berarti, ketika kita menekan tombol next, maka kita akan berpindah ke frame ke 2 Universitas Sumatera Utara 4. Untuk pembuatan tombol pengertian sampah ketikkan kalimat pengertian sampah. Klik kanan pada kalimat tersebut, pilih Convert to button. Ubah kalimat yang kita tuliskan pada stage itu menjadi button. Untuk membuat script pada tombol pengertian sampah dengan cara mengklik jendela action-buttons ketikkan script program sebagai berikut: onrelease{ gotoAndStop16; } Tombol pengertian sampah bertujuan untuk masuk ke frame pengertian sampah yang ada di frame 16. 5. Untuk membuat tombol dampak sampah terhadap lingkungan sama seperti membuat tombol pengertian sampah. Hanya berbeda pada script nya yaitu sebagai berikut: onrelease{ gotoAndStop5; } Tombol dampak sampah terhadap lingkungan bertujuan untuk masuk ke frame. Dampak sampah terhadap lingkungan yang ada di frame 5. 6. Untuk membuat tombol dampak sampah terhadap kesehatan sama seperti membuat tombol pengertian sampah. Hanya berbeda pada script nya yaitu sebagai berikut: Universitas Sumatera Utara onrelease{ gotoAndStop9; } Tombol dampak sampah terhadap kesehatan bertujuan untuk masuk ke frame. Dampak sampah terhadap kesehatan yang ada di frame 9. 7. Untuk membuat tombol cara penanganan sama seperti membuat tombol pengertian sampah. Hanya berbeda pada script nya yaitu sebagai berikut: onrelease{ gotoAndStop10; } Tombol cara penanganan bertujuan untuk masuk ke frame cara penanganan sampah yang ada di frame 10. Mendesain Tampilan Pengertian Sampah Desain tampilan pengertian sampah adalah sebagai berikut : Gambar 3.4 Rancangan Tampilan Pengertian Sampah Tulisan berjalan Tulisan bergerak Tombol organik Tombol anorgani k Menu Universitas Sumatera Utara Cara pembuatannya adalah sebagai berikut : 1. Membuat Frame baru klik kanan pada Frame awal setelah itu pilih insert Blank KeyFrame. 2. Untuk pembuatan background pada frame ini, sama seperti pembuatan background pada halaman sebelum nya 3. Untuk pembuatan tulisan berjalan dan tulisan bergerak, sama seperti pembuatan tulisan berjalan atau tulisan bergerak sebelum nya. 4. Tombol menu yang sudah di buat pada frame home akan tersimpan di library, untuk membuat tombol menu di halaman ini drag button menu dari library ke dalam stage. 5. Tombol organik berfungsi untuk masuk ke frame penjelasan sampah organik. Cara untuk membuat fungsi tombol organik adalah dengan memasukkan dulu gambar ke dalam library dengan cara pilih menu file klik pada pilihan import lalu pilih import to library. Setelah gambar masuk ke dalam library, drag gambar ke dalam stage kemudian klik kanan pada gambar yang telah kita drag ke dalam stage itu pilih convert so symbol, pilih button. Kemudian, pada jendela Actions-Button ketikkan script program sebagai berikut : onrelease{ Universitas Sumatera Utara gotoAndStop17; } Angka 17 di sini berarti, ketika kita menekan tombol next, maka kita akan berpindah ke frame ke 17. 6. Tombol anorganik berfungsi untuk masuk ke frame penjelasan sampah anorganik. Cara untuk membuat fungsi tombol anorganik sama dengan pembuatan tombol organik hanya beda gambar dan script nya. Script, untuk tombol sampah anorganik sebagai berikut : onrelease{ gotoAndStop3; } Angka 3 di sini berarti, ketika kita menekan tombol next, maka kita akan berpindah ke frame ke 3. Mendesain Tampilan Penjelasan Sampah Organik Desain tampilan penjelasan sampah organik adalah sebagai berikut : Gambar 3.5 Rancangan Tampilan Penjelasan Sampah Organik Tulisan berjalan kembali Gambar kartun Universitas Sumatera Utara Cara pembuatannya adalah sebagai berikut : 1. Membuat Frame baru klik kanan pada Frame awal setelah itu pilih insert Blank KeyFrame. 2. Untuk pembuatan tulisan berjalan pada frame ini, sama seperti pembuatan tulisan berjalan sebelumnya. 3. Tombol kembali berfungsi untuk kembali ke frame sebelum nya. Cara untuk membuat fungsi tombol kembali pada frame ini adalah dengan memasukkan dulu gambar ke dalam library dengan cara pilih menu file klik pada pilihan import lalu pilih import to library. Setelah gambar masuk ke dalam library, drag gambar ke dalam stage kemudian klik kanan pada gambar yang telah kita drag ke dalam stage itu pilih convert so symbol, pilih button. Kemudian, pada jendela Actions-Button ketikkan script program sebagai berikut : onrelease{ gotoAndStop16; } Angka 16 di sini berarti, ketika kita menekan tombol kembali, maka kita akan berpindah ke frame ke 16. Universitas Sumatera Utara Gambar kartun kembali 4. Untuk memasukkan gambar ke dalam frame yaitu pilih menu file klik import lalu pilih import to library, masukan gambar dari menu library ke dalam frame. Mendesain Tampilan Penjelasan Sampah Anorganik Desain tampilan penjelasan sampah organik adalah sebagai berikut : Gambar 3.6 Rancangan Tampilan Penjelasan Sampah Anorganik Cara pembuatannya adalah sebagai berikut : 1. Membuat Frame baru klik kanan pada Frame awal setelah itu pilih insert Blank KeyFrame. 2. Untuk pembuatan tulisan berjalan pada frame ini, sama seperti pembuatan tulisan berjalan pada frame sebelumnya. Tulisan berjalan Universitas Sumatera Utara 3. Untuk pembuatan tombol kembali pada frame ini, sama seperti pembuatan tombol kembali pada frame penjelasan sampah organik. 4. Untuk memasukkan gambar ke dalam frame yaitu pilih menu file klik import lalu pilih import to library, masukan gambar dari menu library ke dalam frame. Mendesain Tampilan Dampak Sampah Terhadap Lingkungan Desain tampilan dampak sampah terhadap lingkungan adalah sebagai berikut : Gambar 3.7 Rancangan Tampilan Dampak Sampah Terhadap Lingkungan Cara pembuatannya adalah sebagai berikut : 1. Membuat Frame baru klik kanan pada Frame awal setelah itu pilih insert Blank KeyFrame. teks Tombol air Tombol tanah Tombol udara Menu Universitas Sumatera Utara 2. Tombol menu yang sudah di buat pada frame home akan tersimpan di library, untuk membuat tombol menu di frame ini drag button menu dari library ke dalam stage. 3. Untuk pembuatan tombol air ketikkan air. Klik kanan pada kata tersebut, pilih Convert to button. Ubah kata yang kita tuliskan pada stage itu menjadi button. Untuk membuat script pada tombol pengertian sampah dengan cara mengklik jendela action-buttons ketikkan script program sebagai berikut: onrelease{ gotoAndStop6; } Tombol air bertujuan untuk masuk ke frame penjelasan dampak sampah terhadap air yang ada di frame 6. 4. Untuk membuat tombol tanah sama seperti membuat tombol air. Hanya berbeda pada script nya. yaitu sebagai berikut: onrelease{ gotoAndStop7; } Tombol tanah bertujuan untuk masuk ke frame penjelasan dampak sampah terhadap tanah yang ada di frame 7. Universitas Sumatera Utara Kembali 5. Untuk membuat tombol udara sama seperti membuat tombol air. Hanya berbeda pada script nya. yaitu sebagai berikut: onrelease{ gotoAndStop8; } Tombol udara bertujuan untuk masuk ke frame dampak sampah terhadap udara yang ada di frame 8 Mendesain Tampilan Dampak Sampah Terhadap Air Desain tampilan dampak sampah terhadap air adalah sebagai berikut : Gambar 3.8 Rancangan Tampilan Dampak Sampah Terhadap Air Cara pembuatannya adalah sebagai berikut : 1. Membuat Frame baru klik kanan pada Frame awal setelah itu pilih insert Blank KeyFrame. Tulisan berjalan Universitas Sumatera Utara 2. Untuk membuat background pada tampilan ini pilih menu file klik pada pilihan import lalu pilih import to library, kemudian pilihlah gambar yang diinginkan. Sesuaikan lah ukuran gambar dengan ukuran frame. 3. Untuk pembuatan tulisan berjalan pada frame ini, sama seperti pembuatan tulisan berjalan pada frame sebelumnya. 4. Tombol kembali yang sudah di buat pada frame penjelasan sampah organik akan tersimpan di library, untuk membuat tombol kembali di frame ini drag button kembali dari library ke dalam stage. Untuk membuat script pada tombol kembali dengan cara mengklik jendela action-buttons ketikkan script program sebagai berikut: onrelease{ gotoAndStop5; } Angka 5 di sini berarti, ketika kita menekan tombol kembali, maka kita akan berpindah ke frame ke 5 atau frame dampak sampah terhadap lingkungan. Universitas Sumatera Utara kembali Mendesain Tampilan Dampak Sampah Terhadap Tanah Desain tampilan dampak sampah terhadap tanah adalah sebagai berikut : Gambar 3.9 Rancangan Tampilan Dampak Sampah Terhadap Tanah Cara pembuatannya adalah sebagai berikut : 1. Membuat Frame baru klik kanan pada Frame awal setelah itu pilih insert Blank KeyFrame. 2. Untuk membuat background pada tampilan ini pilih menu file klik pada pilihan import lalu pilih import to library, kemudian pilihlah gambar yang diinginkan. Sesuaikan lah ukuran gambar dengan ukuran frame. 3. Untuk pembuatan tulisan berjalan pada frame ini, sama seperti pembuatan tulisan berjalan pada frame sebelumnya. 4. Untuk pembuatan tombol kembali pada frame ini, sama seperti pembuatan tombol kembali pada frame dampak sampah terhadap air. Tulisan berjalan Universitas Sumatera Utara kembali Mendesain Tampilan Dampak Sampah Terhadap Udara Desain tampilan dampak sampah terhadap udara adalah sebagai berikut : Gambar 3.10 Rancangan Tampilan Dampak Sampah Terhadap Udara Cara pembuatannya adalah sebagai berikut : 1. Membuat Frame baru klik kanan pada Frame awal setelah itu pilih insert Blank KeyFrame. 2. Untuk membuat background pada tampilan ini pilih menu file klik pada pilihan import lalu pilih import to library, kemudian pilihlah gambar yang diinginkan. Sesuaikan lah ukuran gambar dengan ukuran frame. 3. Untuk pembuatan tulisan berjalan pada frame ini, sama seperti pembuatan tulisan berjalan pada frame sebelumnya. 4. Untuk pembuatan tombol kembali pada frame ini, sama seperti pembuatan tombol kembali pada frame dampak sampah terhadap air. Tulisan berjalan Universitas Sumatera Utara Mendesain Tampilan Dampak Sampah Terhadap Kesehatan Desain tampilan dampak sampah terhadap kesehatan adalah sebagai berikut : Gambar 3.11 Rancangan Tampilan Dampak Sampah Terhadap Kesehatan Cara pembuatannya adalah sebagai berikut : 1. Membuat Frame baru klik kanan pada Frame awal setelah itu pilih insert Blank KeyFrame. 2. Untuk membuat background pada tampilan ini pilih menu file klik pada pilihan import lalu pilih import to library, kemudian pilihlah gambar yang diinginkan. Sesuaikan lah ukuran gambar dengan ukuran frame. 3. Untuk pembuatan animasi tulisan bergerak, ketikkan kalimat yang akan kita tampilkan pada stage. Klik kanan pada kalimat tersebut, pilih Convert to Symbol. Ubah kalimat yang kita tuliskan pada stage itu menjadi movie clip. Kemudian klik 2 dua kali pada kalimat tersebut, maka kita akan masuk ke dalam movie clip tersebut. Tulisan bergerak Tulisan bergerak Tulisan bergerak Tulisan bergerak Tulisan bergerak Menu Universitas Sumatera Utara Kemudian klik pada frame yang berjarak kurang lebih 10 atau 15 bebas frame klik kanan kemudian insert keyframe. di antara frame awal ke frame akhir tersebut klik kanan kemudian pilih create motion tween. Klik frame awal seret movie clip tersebut ke posisi awal sebelum bergerak ke posisi yang di ingin kan, kemudian klik frame akhir yang berjarak kurang lebih 10 atau 15 bebas tersebut seret movie clip ke posisi yang di inginkan dimana movie clip tersebut akan berhenti. Pada akhir frame, dimana kita telah selesai merangkai kalimat yang kita inginkan, klik kanan pilih action, ketikkan script program sebagai berikut : stop; 4. Tombol menu yang sudah di buat pada frame home akan tersimpan di library, untuk membuat tombol menu di halaman ini drag button menu dari library ke dalam stage. Universitas Sumatera Utara Mendesain Tampilan Cara Penanganan Desain tampilan dampak cara penanganan adalah sebagai berikut : : Gambar 3.12 Rancangan Tampilan Cara Penanganan Cara pembuatannya adalah sebagai berikut : 1. Membuat Frame baru klik kanan pada Frame awal setelah itu pilih insert Blank KeyFrame. 2. Tombol menu yang sudah di buat pada frame home akan tersimpan di library, untuk membuat tombol menu di frame ini drag button menu dari library ke dalam stage. 3. Untuk pembuatan tombol “cara penanganan sampah dengan reduce mengurangi” ketikkan kalimat cara penanganan sampah dengan reduce mengurangi. Klik kanan pada kalimat tersebut, pilih Convert to button. Tombol reduce Tombol reuse Tombol recycle Tombol replace Tombol destroy Menu Universitas Sumatera Utara Ubah kalimat yang kita tuliskan pada stage itu menjadi button. Untuk membuat script pada tombol cara penanganan sampah dengan reduce mengurangi dengan cara mengklik jendela action-buttons ketikkan script program sebagai berikut: onrelease{ gotoAndStop11; } Tombol cara penanganan sampah dengan reduce mengurangi bertujuan untuk masuk ke frame cara penanganan sampah dengan reduce mengurangi sampah yang ada di frame 11. 4. Untuk membuat tombol “cara penanganan sampah dengan reuse memakai kembali” sama seperti membuat tombol “cara penanganan sampah dengan reduce mengurangi”. Hanya berbeda pada script nya yaitu sebagai berikut: onrelease{ gotoAndStop12; } Tombol “cara penanganan sampah dengan reuse memakai kembali” bertujuan untuk masuk ke frame cara penanganan sampah dengan reuse memakai kembali sama yang ada di frame 12. Universitas Sumatera Utara 5. Untuk membuat tombol “cara penanganan sampah dengan recycle mendaur ulang” sama seperti membuat “cara penanganan sampah dengan reduce mengurangi”. Hanya berbeda pada script nya yaitu sebagai berikut: onrelease{ gotoAndStop13; } Tombol “cara penanganan sampah dengan recycle mendaur ulang” bertujuan untuk masuk ke frame cara penanganan sampah dengan recycle mendaur ulang yang ada di frame 13. 6. Untuk membuat tombol “cara penanganan sampah dengan replace mengganti” sama seperti membuat tombol “cara penanganan sampah dengan reduce mengurangi”. Hanya berbeda pada script nya yaitu sebagai berikut: onrelease{ gotoAndStop14; } Tombol “cara penanganan sampah dengan replace mengganti” bertujuan untuk masuk ke frame cara penanganan sampah dengan replace mengganti sampah yang ada di frame 14. Universitas Sumatera Utara Kembali 7. Untuk membuat tombol “cara penanganan sampah dengan destroy menghancurkan” sama seperti membuat tombol “cara penanganan sampah dengan reduce mengurangi”. Hanya berbeda pada script nya yaitu sebagai berikut: onrelease{ gotoAndStop15; } Tombol “cara penanganan sampah dengan destroy menghancurkan” bertujuan untuk masuk ke frame cara penanganan sampah dengan destroy menghancurkan yang ada di frame 15 Mendesain Tampilan Cara Penanganan Dengan Reduce Desain tampilan cara penanganan dengan reduce adalah sebagai berikut : Gambar 3.13 Rancangan Tampilan Cara Penanganan Dengan Reduce Tulisan berjalan Universitas Sumatera Utara Cara pembuatannya adalah sebagai berikut : 1. Membuat Frame baru klik kanan pada Frame awal setelah itu pilih insert Blank KeyFrame. 2. Untuk membuat background pada tampilan ini pilih menu file klik pada pilihan import lalu pilih import to library, kemudian pilihlah gambar yang diinginkan. Sesuaikan lah ukuran gambar dengan ukuran frame. 3. Untuk pembuatan tulisan berjalan pada frame ini, sama seperti pembuatan tulisan berjalan pada frame sebelumnya. 4. Tombol kembali yang sudah di buat pada frame penjelasan sampah organik akan tersimpan di library, untuk membuat tombol kembali di frame ini drag button kembali dari library ke dalam stage. Untuk membuat script pada tombol kembali dengan cara mengklik jendela action-buttons ketikkan script program sebagai berikut: onrelease{ gotoAndStop10; } Angka 10 di sini berarti, ketika kita menekan tombol kembali, maka kita akan berpindah ke frame ke 10 atau frame cara penanganan. Universitas Sumatera Utara Kembali Mendesain Tampilan Cara Penanganan Dengan Reuse Desain tampilan cara penanganan dengan reuse adalah sebagai berikut : Gambar 3.14 Rancangan Tampilan Cara Penanganan Dengan Reuse Cara pembuatannya adalah sebagai berikut : 1. Membuat Frame baru klik kanan pada Frame awal setelah itu pilih insert Blank KeyFrame. 2. Untuk membuat background pada tampilan ini pilih menu file klik pada pilihan import lalu pilih import to library, kemudian pilihlah gambar yang diinginkan. Sesuaikan lah ukuran gambar dengan ukuran frame. 3. Untuk pembuatan tulisan berjalan pada frame ini, sama seperti pembuatan tulisan berjalan pada frame sebelumnya. Tulisan berjalan Universitas Sumatera Utara Kembali 4. Tombol kembali yang sudah di buat pada frame penjelasan sampah organik akan tersimpan di library, untuk membuat tombol kembali di frame ini drag button kembali dari library ke dalam stage. Untuk membuat script pada tombol kembali dengan cara mengklik jendela action-buttons ketikkan script program sebagai berikut: onrelease{ gotoAndStop10; } Angka 10 di sini berarti, ketika kita menekan tombol kembali, maka kita akan berpindah ke frame ke 10 atau frame cara penanganan. Mendesain Tampilan Cara Penanganan Dengan Recycle Desain tampilan cara penanganan dengan recycle adalah sebagai berikut : Gambar 3.15 Rancangan Tampilan Cara Penanganan Dengan Recycle Tulisan berjalan Universitas Sumatera Utara Cara pembuatannya adalah sebagai berikut : 1. Membuat Frame baru klik kanan pada Frame awal setelah itu pilih insert Blank KeyFrame. 2. Untuk membuat background pada tampilan ini pilih menu file klik pada pilihan import lalu pilih import to library, kemudian pilihlah gambar yang diinginkan. Sesuaikan lah ukuran gambar dengan ukuran frame. 3. Untuk pembuatan tulisan berjalan pada frame ini, sama seperti pembuatan tulisan berjalan pada frame sebelumnya. 4. Tombol kembali yang sudah di buat pada frame penjelasan sampah organik akan tersimpan di library, untuk membuat tombol kembali di frame ini drag button kembali dari library ke dalam stage. Untuk membuat script pada tombol kembali dengan cara mengklik jendela action-buttons ketikkan script program sebagai berikut: onrelease{ gotoAndStop10; } Angka 10 di sini berarti, ketika kita menekan tombol kembali, maka kita akan berpindah ke frame ke 10 atau frame cara penanganan. Universitas Sumatera Utara Kembali Mendesain Tampilan Cara Penanganan Dengan Replace Desain tampilan cara penanganan dengan replace adalah sebagai berikut : Gambar 3.16 Rancangan Tampilan Cara Penanganan Dengan Replace Cara pembuatannya adalah sebagai berikut : 1. Membuat Frame baru klik kanan pada Frame awal setelah itu pilih insert Blank KeyFrame. 2. Untuk membuat background pada tampilan ini pilih menu file klik pada pilihan import lalu pilih import to library, kemudian pilihlah gambar yang diinginkan. Sesuaikan lah ukuran gambar dengan ukuran frame. 3. Untuk pembuatan tulisan berjalan pada frame ini, sama seperti pembuatan tulisan berjalan pada frame sebelumnya. Tulisan berjalan Universitas Sumatera Utara Kembali 4. Tombol kembali yang sudah di buat pada frame penjelasan sampah organik akan tersimpan di library, untuk membuat tombol kembali di frame ini drag button kembali dari library ke dalam stage. Untuk membuat script pada tombol kembali dengan cara mengklik jendela action-buttons ketikkan script program sebagai berikut: onrelease{ gotoAndStop10; } Angka 10 di sini berarti, ketika kita menekan tombol kembali, maka kita akan berpindah ke frame ke 10 atau frame cara penanganan. Mendesain Tampilan Cara Penanganan Dengan Destroy Desain tampilan dampak cara penanganan dengan destroy adalah sebagai berikut : Gambar 3.17 Rancangan Tampilan Cara Penanganan Dengan Destroy Tulisan berjalan Universitas Sumatera Utara Cara pembuatannya adalah sebagai berikut : 1. Membuat Frame baru klik kanan pada Frame awal setelah itu pilih insert Blank KeyFrame. 2. Untuk membuat background pada tampilan ini pilih menu file klik pada pilihan import lalu pilih import to library, kemudian pilihlah gambar yang diinginkan. Sesuaikan lah ukuran gambar dengan ukuran frame. 3. Untuk pembuatan tulisan berjalan pada frame ini, sama seperti pembuatan tulisan berjalan pada frame sebelumnya. 4. Tombol kembali yang sudah di buat pada frame penjelasan sampah organik akan tersimpan di library, untuk membuat tombol kembali di frame ini drag button kembali dari library ke dalam stage. Untuk membuat script pada tombol kembali dengan cara mengklik jendela action-buttons ketikkan script program sebagai berikut: onrelease{ gotoAndStop10; } Angka 10 di sini berarti, ketika kita menekan tombol kembali, maka kita akan berpindah ke frame ke 10 atau frame cara penanganan. Universitas Sumatera Utara

BAB 4 IMPLEMENTASI SISTEM