6 BAB 2 LANDASAN TEORI 2.1 Flash 2.1.1 Sekilas Tentang Flash Flash merupakan program grafis animasi web yang diproduksi oleh Macromediac corp, yaitu sebuah vendor software yang bergerak di bidang animasi web. Macromedia Flash pertama kali diproduksi pada tahun 1996. Pada awal produksi, Macromedia Flash merupakan software untuk membuat animasi sederhana berbasis GIF. Seiring dengan perkembangannya, Macromedia Flash mulai digunakan dalam pembuatan desain situs web. Macromedia Flash telah diproduksi dengan beberapa versi. Versi terakhir dari Macromedia Flash adalah Macromedia Flash 8. Sekarang Flash telah berpindah vendor menjadi Adobe. Adobe adalah vendor software yang membeli Flash dari vendor sebelumnya yaitu Macromedia. Sejak itu, Macromedia Flash berganti nama menjadi Adobe Flash. Dalam pembuatan animasi ini penulis masih menggunakan Adobe Flash Cs3 Professional sebagai aplikasinya.
7 Flash merupakan software yang memiliki kemampuan menggambar sekaligus menganimasikannya, serta mudah dipelajari (M. Amarullah Akbar et al, 2008). Flash merupakan tools yang banyak digunakan untuk berbagai kepentingan, Flash selain untuk menampilkan gambar bergerak, Flash juga digunakan untuk membuat berbagai animasi kartun, game, menampilkan film dan lain sebagainya. Flash sangat ringan digunakan dan bisa juga berkolaborasi dengan berbagai tools lainnya, seperti 3D Max, PHP dan lain sebagainya. Animasi yang dihasilkan Flash adalah animasi berupa file movie. Movie yang dihasilkan dapat berupa grafik atau teks. Grafik yang dimaksud disini adalah grafik yang berbasis vektor, sehingga saat diakses melalui internet, animasi akan ditampilkan lebih cepat dan terlihat halus. Selain itu Flash juga memiliki kemampuan untuk mengimpor file suara, video maupun file gambar dari aplikasi lain. 2.1.2 Adobe Flash CS3 Adobe Flash merupakan sebuah program yang didesain khusus oleh Adobe dan program aplikasi standar authoring tool professional yang digunakan untuk membuat animasi dan bitmap yang sangat menarik untuk keperluan pembangunan situs web yang interaktif dan dinamis. Flash didesain dengan kemampuan untuk membuat animasi 2 dimensi yang handal dan ringan sehingga Flash banyak digunakan untuk membangun dan memberikan efek animasi pada website, CD Interaktif dan yang lainnya. Selain itu aplikasi ini juga dapat digunakan untuk membuat animasi logo, movie, game, pembuatan navigasi pada situs web, tombol animasi, banner, menu interaktif, interaktif form isian, e-card, screen saver dan pembuatan aplikasi-aplikasi web lainnya. Dalam Flash, terdapat teknik-teknik membuat animasi, fasilitas action
8 script, filter, custom easing dan dapat memasukkan video lengkap dengan fasilitas playback FLV. Keunggulan yang dimiliki oleh Flash ini adalah ia mampu diberikan sedikit code pemograman baik yang berjalan sendiri untuk mengatur animasi yang ada didalamnya atau digunakan untuk berkomunikasi dengan program lain seperti HTML, PHP, dan Database dengan pendekatan XML, dapat dikolaborasikan dengan web, karena mempunyai keunggulan antara lain kecil dalam ukuran file outputnya. Movie-movie Flash memiliki ukuran file yang kecil dan dapat ditampilkan dengan ukuran layar yang dapat disesuaikan dengan keingginan. Aplikasi Flash merupakan sebuah standar aplikasi industri perancangan animasi web dengan peningkatan pengaturan dan perluasan kemampuan integrasi yang lebih baik. Banyak fitur-fitur baru dalam Flash yang dapat meningkatkan kreativitas dalam pembuatan isi media yang kaya dengan memanfaatkan kemampuan aplikasi tersebut secara maksimal. Fitur-fitur baru ini membantu kita lebih memusatkan perhatian pada desain yang dibuat secara cepat, bukannya memusatkan pada cara kerja dan penggunaan aplikasi tersebut. Flash juga dapat digunakan untuk mengembangkan secara cepat aplikasi-aplikasi web yang kaya dengan pembuatan script tingkat lanjut. Di dalam aplikasinya juga tersedia sebuah alat untuk men-debug script. Dengan menggunakan Code hint untuk mempermudah dan mempercepat pembuatan dan pengembangan isi ActionScript secara otomatis. Untuk memahami keamanan Adobe Flash dapat dilihat dari beberapa sudut pandang, berdasarkan beberapa sumber referensi bahwa tidak ada perbedaan menyolok antara HTML dan JavaScript dimana didalamnya terdapat banyak tools yang dapat diambil dari SWF termasuk ActionScript. Sehingga kode data dapat terjamin keamanannya. Oleh sebab itu, semua kebutuhan data yang terdapat dalam SWF dapat diambil kembali melalui server.
9 2.2 Dasar-Dasar Penggunaan Adobe Flash CS3 2.2.1 Halaman Awal Halaman awal adalah tampilan yang pertama kali muncul ketika kita mengakses Adobe Flash CS3 Professional. Cara mengakses Adobe Flash CS3 Professional pertama kali yaitu double klik pada icon yang ada di desktop atau lihat dari daftar program. Tampilan start page pertama kali membuka Adobe Flash CS3 Professional yaitu: Gambar 2.1 Tampilan Start Page Adobe Flash CS 3
10 2.2.2 Jendela Utama Jendela utama merupakan awal dari pembuatan program, pembuatannya dilakukan dalam kotak movie dan stage yang didukung oleh tools lainnya. Seperti yang pernah dijelaskan dalam sebuah tulisan Jendela kerja Flash terdiri dari panggung (stage) dan panel-panel. Panggung merupakan tempat objek diletakkan, tempat menggambar dan menganimasikan objek. Sedangkan panel disediakan untuk membuat gambar, mengedit gambar, menganimasi, dan pengeditan lainnya. (Diginnovac et al, 2008) Berikut ini adalah bentuk tampilan jendela utama pada Adobe Flash CS3. 1 2 4 3 5 6 Gambar 2.2 Jendela Utama
11 Keterangan gambar : 1. Menu Bar adalah kumpulan yang terdiri atas dasar menu-menu yang digolongkan dalam satu kategori. Misalnya menu file terdiri atas perintah New, Open, Save, Import, Export, dan lain-lain. 2. Timeline adalah sebuah jendela panel yang digunakan untuk mengelompokkan dan mengatur isi sebuah movie, pengaturan tersebut meliputi penentuan masa tayang objek, pengaturan layer, dan lain-lain. 3. Stage adalah area untuk berkreasi dalam membuat animasi yang digunakan untuk mengkomposisi frame-frame secara individual dalam sebuah movie. 4. Toolbox adalah kumpulan tools yang sering digunakan untuk melakukan seleksi, menggambar, mewarnai objek, memodofikasi objek, dan mengatur gambar atau objek. 5. Properties adalah informasi objek-objek yang ada di stage. Tampilan panel properties secara otomatis dapat berganti-ganti dalam menampilkan informasi atribut-atribut properties dari objek yang terpilih. 6. Panels adalah sebagai pengontrol yang berfungsi untuk mengganti dan memodifikasi berbagai atribut dari objek animasi secara cepat dan mudah.
12 2.2.3 Toolbox Fasilitas Toolbox seperti telah dijelaskan sekilas di awal adalah sekumpulan tool atau alat yang mempunyai fungsi-fungsi tersendiri untuk keperluan desain (M.Amarullah Akbar et al, 2008). Berikut penjelasan setiap tool yang terdapat pada Toolbox. 1. Arrow Tool Arrow Tool atau sering disebut selection tool berfungsi untuk memilih atau menyeleksi suatu objek. 2. Subselection Tool Subselection Tool berfungsi menyeleksi bagian objek-objek lebih detail dari pada selection tool. 3. Free Transform Tool Free Transform Tool berfungsi untuk mentransformasi objek yang terseleksi. 4. Gradient Transform Tool Gradient Transform Tool berfungsi untuk mentransformasi warna dari fill objek. 5. Lasso Tool Lasso Tool digunakan untuk melakukan seleksi dengan menggambar sebuah garis seleksi. 6. Pen Tool Pen Tool digunakan untuk menggambar garis dengan bantuan titik-titik bantu seperti dalam pembuatan garis, kurva, atau gambar.
13 7. Text tool Text tool digunakan untuk membuat objek teks. 8. Line Tool Line Tool digunakan untuk membuat atau menggambar garis. 9. Rectagle Tool Rectagle Tool digunakan untuk menggambar bentuk-bentuk persegi panjang atau bujur sangkar. 10. Oval Tool Oval Tool digunakan untuk membuat bentuk bulat atau oval. 11. Polystar Tool Polystar Tool digunakan untuk menggambar bentuk dengan jumlah segi yang diinginkan. 12. Pencil Tool Pencil Tool digunakan untuk membuat garis. 13. Brush Tool Brush Tool digunakan untuk menggambar bentuk garis-garis dan bentukbentuk bebas. 14. Ink Bottle Ink Bottle digunakan untuk mengubah warna garis, lebar garis, dan style garis atau garis luar sebuah bentuk.
14 15. Paintbucket Tool Paintbucket Tool digunakan untuk mengisi area-area kosong atau digunakan untuk mengubah warna area sebuah objek yang telah diwarnai. 16. Eraser Tool Eraser Tool digunakan untuk menghapus objek. 17. Hand Tool Hand Tool digunakan untuk menggeser tampilan stage tanpa mengubah pembesaran. 18. Zoom Tool Zoom Tool digunakan untuk memperbesar atau memperkecil tampilan stage. 19. Stroke Color Stroke Color digunakan untuk memilih atau memberi warna pada suatu garis. 20. Fill Color Fill Color digunakan untuk memilih atau memberi warna pada suatu objek. 21. Black and White Black and White digunakan untuk memilih warna hitam dan putih saja. 22. Swap Color Swap Color digunakan untuk menukar warna fill dan stroke atau sebaliknya dari suatu gambar atau objek.
15 2.2.4 Library Fungsi dari library adalah sebagai wadah untuk menyimpan program-program terpisah yang sudah jadi, seperti tombol, objek grafis, audio, video, dan lain-lain. Berikut tampilan panel library. Gambar 2.3 Panel Library
16 2.2.5 Action script Salah satu kelebihan Adobe Flash Cs3 dibanding perangkat lunak animasi yang lain yaitu adanya ActionScript. ActionScript adalah bahasa pemrograman Adobe Flash CS3 yang digunakan untuk membuat animasi atau interaksi (Ferry Herlambang, 2007). ActionScript mengizinkan untuk membuat intruksi berorientasi action (lakukan perintah) dan instruksi berorientasi logic (analisis masalah sebelum melakukan perintah). Sama dengan bahasa pemrograman yang lain, ActionScript berisi banyak elemen yang berbeda serta strukturnya sendiri. Kita harus merangkainya dengan benar agar ActionScript dapat menjalankan dokumen sesuai dengan keinginan. Jika tidak merangkai semuanya dengan benar, maka hasil yang didapat akan berbeda atau file Flash tidak akan bekerja sama sekali. ActionScript juga dapat diterapkan untuk action pada frame, tombol, movie clip, dan lain-lain. Action frame adalah action yang Diterapkan pada frame untuk mengontrol navigasi movie, frame, atau objek lainlain.(arry Maulana Syarif, Diginnovac, 2008). Salah satu fungsi ActionScript adalah memberikan sebuah konektivitas terhadap sebuah objek, yaitu dengan menuliskan perintah-perintah didalamnya. Tiga hal yang harus diperhatikan dalam ActionScript yaitu: 1. Event Event merupakan peristiwa atau kejadian untuk mendapatkan aksi sebuah objek. Event pada Adobe Flash Cs3 ada empat, yaitu:
17 a. Mouse event Event yang berkaitan dngan penggunaan mouse. b. Keyboard Event Kejadian pada saat menekan tombol keyboard. c. Frame Event Event yang diletakkan pada keyframe. d. Movie clip Event Event yang disertakan pada movie clip. 2. Target Target adalah objek yang dikenai aksi atau perintah. Sebelum dikenai aksi atau perintah, sebuah objek harus dikonversi menjadi sebuah simbol dan memiliki nama instan. Penulisan nama target pada skrip harus menggunakan tanda petik ganda ( ). 3. Action Pemberian action merupakan lagkah terakhir dalam pembuatan interaksi antar objek. Action dibagi menjadi dua antara lain: a. Action Frame: adalah action yang diberikan pada keyframe. Sebuah keyframe akan ditandai dengan huruf a bila pada keyframe tersebut terdapat sebuah action. b. Action Objek: adalah action yang diberikan pada sebuah objek, baik berupa tombol maupun movie clip. ActionScript diketikkan pada panel actions yang tersedia pada software.
18 ActionScript hanya dapat dituliskan pada objek yang bertipe Movie Clip, keyframe, Button, dan objek components. ActionScript tidak dapat digunakan pada objek tulisan atau gambar lain yang bukan bertipe Movie Clip. Jadi bila ingin menggunakan ActionScript pada suatu objek, objek tersebut harus diubah menjadi Movie clip telebih dahulu. Untuk membuka panel Actions, klik tulisan Action yang ada pada jendela panel. Berikut tampilan dari panel ActionScript pada Adobe Flash CS3. Gambar 2.4 Panel Action 2.3 Pembelajaran Bahasa Inggris Pembelajaran menurut Hamalik (1995), adalah merupakan suatu usaha untuk mengkondisikan seseorang untuk belajar. Biasanya mengkombinasikan unsur manusia, fasilitas, perlengkapan dan prosedur yang saling mempengaruhi untuk pencapaian tujuan. Pembelajaran lebih memfokuskan pada siswa untuk belajar secara optimal untuk bisa mencapai tujuan pembelajaran yang maksimal.
19 Pembelajaran bahasa inggris sudah mulai berkembang dan sangat penting ketika bahasa inggris menjadi bahasa internasional nomor satu di dunia yang harus dikuasai oleh setiap orang. Bahasa Inggris merupakan bahasa resmi dari banyak negara-negara persemakmuran dan dipahami serta dipergunakan secara meluas. Bahasa Inggris dipergunakan di lebih banyak negara di dunia dibanding bahasa yang lain kecuali bahasa Cina, bahasa ini juga lebih banyak dipergunakan orang. Bahasa Inggris adalah media komunikasi utama bagi masyarakat di negara Inggris, Amerika Serikat, Kanada, Australia, New Zealand, Afrika Selatan, dan di banyak negara lainnya. Bahasa Inggris termasuk rumpun bahasa-bahasa Anglo-Frisia pada cabang barat bahasa-bahasa Jerman, dan merupakan sebuah bahasa subfamili dari bahasa-bahasa Indo-Eropa. Bahasa Inggris hampir mendekati bahasa Frisia, sedikit lebih luas dari bahasa Netherlandic (Belanda Flemish) dan dialek Jerman tingkat rendah (Plattdeutsch), serta jauh dari bahasa Jerman Modern tingkat tinggi. source: encarta. Bahasa Inggris bermula dari lahirnya bahasa Inggris di pulau Britania kurang lebih 1.500 tahun yang lalu. Bahasa Inggris adalah sebuah bahasa Jermanik Barat yang berasal dari dialek-dialek Anglo-Frisia yang dibawa ke pulau Britania oleh para imigran Jermanik dari beberapa bagian barat laut daerah yang sekarang disebut Belanda dan Jerman. Pada awalnya, Bahasa Inggris Kuno adalah sekelompok dialek yang mencerminkan asal-usul beragam kerajaan-kerajaan Anglo-Saxon di Inggris. Salah satu dialek ini, Saxon Barat akhirnya yang berdominasi lalu Bahasa Inggris Kuno yang asli kemudian dipengaruhi oleh dua gelombang invasi. Bahasa inggris mengalami empat masa perkembangan setelah abad ke-11, yaitu:
20 a. Bahasa Inggris Purba (Bahasa Inggris Proto) b. Bahasa Inggris Kuno c. Bahasa Pertengahan d. Bahasa Inggris Modern Awal 2.3.1 Pengenalan Huruf Bahasa Inggris Seiring dengan proses pertumbuhan dan perkembangan manusia mampu menangkap simbol-simbol yang memiliki makna yang diwujudkan dalam huruf atau tulisan. Menurut Thomson pada saat anak duduk di taman kanak-kanak, anak sudah dapat dilibatkan pada simbol-simbol. Simbol yang dimaksud disini adalah suatu alat bagi anak-anak untuk bereksplorasi dan mencari informasi tentang segala sesuatu yang belum diketahuinya. Simbol yang dimaksudkan dapat berupa kertas tebal yang berbentuk macammacam bentuk garis diantaranya garis lurus, garis lengkung, garis miring, garis datar, garis garis lengkung kecil atau dengan pengenalan berbagai jenis simbol yang di setiap simbol tersebut mewakili dari setiap huruf yang nantinya apabila sudah digabungkan akan membentuk huruf-huruf dan bila dirangkai huruf-huruf tersebut akan menjadi satu kata yang nantinya disertai gambar yang menunjukkan rangkaian huruf tersebut. Permainan simbol dalam hal ini diartikan sebagai suatu alat/media bagi anak-anak untuk bereksplorasi dan mencari informasi tentang segala sesuatu yang belum diketahui.
21 2.3.2 Pengenalan Angka Bahasa Inggris Sama halnya dengan pengenalan huruf pengenalan angka juga menampilkan pengucapan serta arti dari angka tersebut dalam bahasa inggris. Pengenalan angka lebih mengenalkan bahasa inggris dari setiap angka pada anak-anak dengan tampilan interface yang lebih menarik sehingga anak-anak lebih mudah untuk mengingatnya. 2.3.3 Kosa Kata Bahasa Inggris Kosa kata merupakan himpunan kata atau bagian dari suatu bahasa tertentu. Proses pembelajaran kosa kata merupakan teknik yang paling efisien untuk di ajarkan kepada anak - anak. 2.3.4 Pengucapan Bahasa Inggris Pengucapan dalam bahasa inggris merupakan bagaimana cara seseorang mengucapkan atau mengeja kata dan kalimat dalam Bahasa Inggris. Dimana pelafazannya sangat berbeda dengan Bahasa Indonesia.