Flowchart Aplikasi Desain Home Halaman Awal

v. Swap Color Swap Color berfungsi untuk menukar warna fill dan stroke atau sebaliknya dari suatu objek atau gambar. w. No Color No Color berfungsi untuk menghilangkan warna fill atau stroke suatu objek.

2.6 Flowchart Aplikasi

Flowchart atau diagram alir adalah sekumpulan simbol-simbol atau bagan-bagan yang mempunyai arus yang menggambarkan langkah-langkah penyelesaian suatu masalah. Flowchart merupakan cara penyajian dari suatu algoritma Ladjamudin, 2005. Tahap selanjutnya adalah tahap pembuatan flowchart bagan alir atau aliran informasi dari aplikasi tersebut. Flowchart atau diagram alir adalah gambaran yang menampilkan struktur, urutan kegiatan dari suatu program dari awal sampai akhir dan isi halaman per halaman. Dengan adanya flowchart, akan sangat membantu untuk memvisualisasikan isi dari setiap halaman aplikasi tersebut. Berikut adalah tabel yang menjelaskan arti dari lambang-lambang atau simbol-simbol yang digunakan oleh penulis dalam pembuatan flowchart program : Universitas Sumatera Utara No. Simbol Keterangan 1 Terminator yaitu menyatakan start dan stop suatu program 2 Preparation atau persiapan yaitu pemberian harga awal dan deklarasi variabel dan lain-lain. 3 Inputoutput yaitu proses pemasukan atau pengeluaran data 4 Process yaitu proses pengolahan data 5 Decision yaitu proses pengambilan keputusan untuk memilih satu diantara dua alternatif 6 Predefined process yaitu kumpulan langkah- langkah seperti Subrutine atau module 7 Silinder yaitu penyimpanan data 8 Arrow yaitu penunjuk arah aliran program 9 On Page Reference simbol penghubung digunakan untuk menunjukkan sambungan dari bagan alir yang terputus dihalaman yang masih sama Universitas Sumatera Utara 10 Document, menyatakan simbol untuk data yang berbentuk kertas maupun untuk informasi Tabel 2.3 Simbol-Simbol Pada Flowchart Universitas Sumatera Utara BAB 3 PERANCANGAN SISTEM Untuk mulai merancang suatu animasi ini maka harus jalankan software atau aplikasi Adobe Flash CS3 lalu kemudian pilih new flash document, lalu akan muncul lembar kerja dari Adobe Flash CS3.

3.1. Desain Home Halaman Awal

Dalam bagian ini terdapat 5 buah layer seperti layer background, sound pengantar, judul , sound dan tombol mulai. Berikut tahapannya: Gambar 3.1. Tampilan Proses Pembuatan Halaman awal a. Beri judul Home.fla pada halaman baru tersebut. Buat 5 layer secara berturut yaitu layer background, sound pengantar, judul 1, exit tombol dan play tombol. Universitas Sumatera Utara Disini penulis membuat ukuran file sebesar 700 x 500 pixel dengan layer putih. b. Untuk background penulis, mengambil suatu wallpaper yang sudah tersedia dengan cara klik fileimportimport to stage dan pilih wallpaper yang telah tersedia. Setelah gambar masuk ke library, pilih gambar tersebut dan tarik gambar tersebut sampai ke layer background maka otomatis akan muncul di latar belakang. Atur ukuran gambar sesuai dengan ukuran stage hingga menutupi background. Tekan Ctrl + Alt 9 dan Ctrl + Alt 7 untuk mengatur posisi gambar tepat berada pada stage baik secara vertical,horizontal maupun center. c. Untuk layer sound pengantar, penulis mengambil suatu file sound berupa format .wav yang sudah penulis rekam dan diedit sebelumnya dengan cara klik fileimportimport to library dan pilih sound yang telah tersedia. Setelah sound masuk ke library, pada menu properties pilih sound yang diinginkan maka otomatis akan muncul suara pengantar untuk judul. d. Pada layer judul, tuliskan teks dengan judul “Koleksi Game Edukasi” dengan menggunakan text tool, lalu bentuk sesuai pola tulisan yang diinginkan,sehingga tampilan tulisan terlihat lebih menarik kemudian klik kanan pada frame 1 dan frame 60 kemudian pilih insert key frame dan pilih motion tween di antara frame 1 dengan frame 60. Universitas Sumatera Utara f. Untuk layer sound tombol, penulis mengambil suatu file sound berupa format .wav yang sudah telah tersedia kemudian di convert menggunakan software editor suara,setelah selesai,simpan file suara yang telah di convert tadi dengan cara klik fileexportexport to computer, setelah selesai disimpan, import file tersebut ke dalam lembar kerja flash dengan cara klik fileimportimport to library dan pilih sound yang telah tersedia. Setelah sound masuk ke library, pada menu properties pilih sound yang diinginkan maka otomatis akan muncul suara untuk backsound. g. Untuk tombol mulai, buatlah sebuah tombol dengan mengunakan teks lalu sisipkan sebuah teks “Play” kemudian beri efek garis bawah,lalu ubah kedua objek tersebut menjadi tombol dengan mengklik kanan pada kedua objek lalu pilih convert to symbol lalu pilih button, kemudian koneksikan dengan action script agar bisa lanjut ke halaman berikutnya dengan cara pilih windows actions atau langsung shortcut dengan cara tekan F9 dikeyboard dan ketikkan script: on release { loadMovieNumpencarian.swf, 0; } Disini penulis membuat nama file berikutnya adalah “pencarian.swf” dan perintah diatas memiliki arti jika ditekan maka akan menuju kehalaman menu pertama. Universitas Sumatera Utara

3.2. Menu Pencarian