BAB II LANDASAN TEORI

Transkripsi

1 BAB II LANDASAN TEORI 2.1 Definisi Aplikasi Aplikasi dapat didefinisikan sebagai suatu program komputer yang dibuat untuk menolong manusia dalam melaksanakan tugas tertentu. Aplikasi berbeda dengan sistem operasi (yang menjalankan komputer), Utitility (yang melaksanakan perawatan atau tugas tugas umum) dan bahasa yang digunakan untuk membuat program komputer) tergantung dari tujuan pekerjaan yang dimaksudkan. Suatu aplikasi dapat memanipulasi teks, angka, grafik atau kombinasi dari unsur unsur tersebut. 2.2 Pengertian Multimedia Multimedia merupakan suatu konsep dan teknologi baru dalam bidang teknologi informasi. Dimana teks, gambar, suara, animasi, video disatukan dalam computer untuk disimpan, diproses, dan disajikan dengan baik. Lahirnya teknologi multimedia merupakan hasil dari kemajuan teknologi elektronik, computer, dan perangkat lunak. Maka dengan adanya teknologi multimedia ini akan menambah tugas menjadi lebih ringan. Pada kenyataannya multimedia merupakan gabungan beberapa media satu yang kemudian di definisikan sebagai elemen-elemen dalam pembentukan multimedia. Hal hal yang merupakan elemen elemen multimedia adalah : 1. Teks 2. Gambar 3. Animasi 4. Suara 5. Video 4

2 5 2.3 Pengertian Soal Soal adalah kumpulan dari pertanyaan pertanyaan yang berbentuk lisan maupun tulisan ditujukan untuk memecahkan suatu masalah. 2.4 Sekilas Tentang Macromedia Flash 8 Macromedia Flash 8 merupakan sebuah program aplikasi Standard Authoring Tool Profesional yang digunakan untuk membuat animasi vector dan bitmap yang sangat menakjubkan untuk keperluan pembuatan (khususnya) aplikasi web yang interaktif dan menarik, presentasi, game dan bahkan film. Flash dipakai luas oleh para professional web karena kemampuannya menampilkan multimedia gabungan antara grafis, animasi, suara, serta interaktivitas bagi pengguna internet. Kemampuan flash juga dapat digunakan untuk membuat aplikasi multimedia yang menarik. Macromedia Flash 8 adalah versi terbaru dari macromedia flash sebelumnya dan merupakan perubahan dari segi UI (User Interface) sampai action script. User Interface merupakan fasilitas baru yang terdapat dalam flash 8 yaitu perubahan yang terjadi antara lain adanya floating panel yang diletakkan semuanya sebelah kanan. Panel disebelah kanan tersebut dapat dibuka atau di tutup hal ini dapat membuat kita mudah untuk mencari sesuatu. Sedangkan action panel dan properties panel ada di sebelah bawah.

3 6 Menu Bar A D C G B F E Gambar 2.1 Layar Macromedia Flash 8 dan stage dalam keadaan kosong Dibawah ini merupakan keterangan dari kegunaan masing masing komponen Flash secara detail : Time Line Ditunjukkan oleh symbol A. Mengatur tampilan obyek gambar yang digunakan pada frame waktu demi waktu. Selain itu, Time Line juga digunakan untuk mengatur dan mengontrol isi keseluruhan Movie. Gambar 2.2 Time line Window

4 Stage Ditunjukkan oleh symbol B. Merupakan bidang segi empat dimana movie dimainkan, serta sebagai tempat pembuatan animasi. Gambar 2.3 Stage untuk bekerja Tools Box Ditunjukkan oleh symbol C. menggambar objek pada stage. Berisi alat-alat yang digunakan untuk Gambar 2.4 Window Tools Box

5 8 Komponen komponen dalam Tools Box : Gambar Nama Keterangan Arrow Tool Sub Selection Tool Line Tool Lasso Tool Pen Tool Text Tool Oval Tool Rectangle Tool Pencil Tool Brush Tool Free Transform Tool Gradient Transform Tool Ink Bottle Tool Paint Bucket Tool Eraser Tool Digunakan untuk memilih suatu objek atau untuk memindahkannya. Digunakan untuk merubah suatu objek dengan edit points. Digunakan untuk membuat suatu garis di stage. Digunakan untuk memilih daerah di objek yang akan diedit. Digunakan untuk menggambar dan merubah bentuk suatu objek dengan menggunakan edit points (lebih teliti & akurat). Digunakan untuk menuliskan kalimat atau kata-kata. Digunakan untuk menggambar sebuah lingkaran. Digunakan untuk menggambar sebuah segiempat. Digunakan untuk menggambar sebuah objek yang diinginkan. Tetapi setiap bentuk yang dibuat akan diformat oleh Flash 8 menjadi bentuk sempurna. Sering digunakan untuk memberi warna pada objek bebas. Digunakan untuk memutar (rotate) objek yang Anda buat atau mengubah bentuk objek menjadi bentuk lain. Digunakan untuk mengatur efek gradasi warna. Digunakan untuk mengisi warna pada objek yang bordernya telah hilang (tidakada). Digunakan untuk mengisi warna pada objek yang dipilih. Digunakan untuk menghapus objek yang telah dibentuk. Tabel 2.1 Komponen komponen dalam Tool Box

6 Color Window Ditunjukkan oleh symbol D. Merupakan window yang digunakan untuk mengatur warna pada objek yang telah dibuat. Color Window terdiri dari: Color Mixer Digunakan untuk mengatur warna pada objek sesuai dengan keinginan. Ada 5 pilihan tipe warna, yaitu: None, Solid, Linear, Radial, Bitmap Color Swatches Digunakan untuk memberi warna pada objek yang Anda buat sesuai dengan yang warna pada window. Gambar 2.5 Window Color Mixer Gambar 2.6 Window Color Swatches

7 Actions Frame Ditunjukkan oleh symbol E. Merupakan window yang digunakan untuk menuliskan Action Script pada Macromedia Flash 8. Biasanya Action Script digunakan untuk mengendalikan objek yang telah dibuat. Gambar 2.7 Window Action - Frame Properties Ditunjukkan oleh symbol F. Merupakan window yang digunakan untuk mengatur property dari objek yang telah dibuat. Gambar 2.8 Window Properties Components Ditunjukkan oleh symbol G. Digunakan untuk menambahkan objek untuk web application yang nantinya di publish ke internet.

8 11 Gambar 2.9 Window Components Window window diatas merupakan window utama yang sering digunakan dalam pembuatan animasi secara window default layout. Pada dasarnya Flash 8 mempunyai banyak window layout dalam pembuatan sebuah animasi, diantaranya yaitu: Default Layout, Designer [1024x768], Designer [1280x1024], Designer [1600x1200], Developer [1024x768], Developer [1280x1024], Developer [1600x1200]. Untuk merubah window layout melalui menu Window lalu pilih Panel sets. Tetapi kali ini penulis menggunakan window Default Layout, karena menggunakan semua tools dan window yang standart.

9 12 Beberapa kemampuan dari Macromedia Flash 8 antara lain : a. Animasi dan gambar yang dibuat dengan flash 8 akan terlihat bagus pada ukuran window dan resolusi layer berapapun. b. Waktu loading (kecepatan gambar / animasi yang muncul) lebih cepat dibandingkan pengolah lainnya. c. Mampu membuat aplikasi yang interaktif, karena user dapat menggunakan keyboard / mouse untuk berpindah ke bagian lain dari halaman movie. d. Mampu secara otomatis mengerjakan sejumlah frame antara awal akhir sebuah urutan animasi, sehingga tidak membutuhkan waktu yang lama untuk membuat berbagai animasi. e. Dapat dipakai untuk membuat film pendek atau kartun, presentasi, iklan atau web, banner, animasi logo, control navigasi, dan lain lain. 2.5 Sekilas Tentang ActionScript ActionScript adalah bahasa pemrograman diflash yang berbasiskan event seperti halnya JavaScript. Bahasa pemrograman ActionScript dibuat mengikuti JavaScript. Saat ini ActionScript masih sederhana, pernyataan switch belum ada serta eval-nya juga terbatas. ActionScript belum mendukung set karakter Unicode, namun bahasa pemrograman ActionScript terus menerus berevolusi (Wijaya,D., 2002). Dibandingkan dengan animasi yang menggunakan tool (secara manual), animasi dengan bahasa pemrograman ActionScript mempunyai keuntungan diantaranya, ukuran bytes memori lebih kecil, tingkat akurasi animasi lebih tinggi, mudah untuk direvisi. Sedangkan keunggulan dibandingkan dengan bahasa pemrograman pada umumnya adalah tidak memerlukan waktu kompilasi karena bahasa pemrograman ActionScript merupakan bahasa interpreter, namun

10 13 kelemahannya adalah belum tersedia fasilitas yang dapat meminta input dari pengguna, tetapi akan melayani pengguna dalam menelusuri data yang ada. Hal ini disebabkan Macromedia Flash 8 dirancang untuk animasi, karena itu interaktif dengan pengguna bersifat terkontrol Fungsi Fungsi ActionScript ActionScript memiliki beberapa fungsi yang sangat membantu para user untuk merancang sebuah aplikasi. a. Membuat aplikasi lebih mudah Dengan ActionScript pemakai (user) dapat mengembangkan aplikasinya. Selain itu juga dengan ActionScript kita diberikan kemudahan dalam menjalankan program ActionScript. b. Membuat sistem aplikasi Pembuatan aplikasi dengan menggunakan ActionScript merupakan suatu solusi untuk membuat aplikasi lebih interaktif dan menarik. Dengan demikian aplikasi yang dibuat menarik bagi pengguna (user). c. Membuat situs atau program yang dinamis ActionScript merupakan sebuah program yang mampu beinteraksi dengan bahasa pemograman lain seperti PHP, MYSQL, maupun JavaScript. Karena pemograman ActionScript mempunyai sifat Case Sensitif. 2.6 Bagian Deklarasi Bagian deklarasi digunakan bila di dalam program menggunakan pengenal (identifier). Identifier dapat berupa label, variabel, prosedur dan fungsi Deklarasi Konstanta Kelompok pernyataan pada umumnya operator-operator yang konstanta yang merupakan nilai yang sudah ada (tetap) dan disediakan oleh action script.

11 Deklarasi Variabel Variabel merupakan sub kelompok yang berisi pernyataan-pernyataan program untuk melakukan modifikasi dan pengaksesan terhadap variabel-variabel yang dipakai pada movie. 2.7 Perulangan Perulangan (loop) merupakan bentuk yang paling sering ditemui di dalam suatu program aplikasi. Di dalam flash, dikenal tiga macam perulangan, yaitu dengan menggunakan struktur kontrol For, Do-While Struktur Perulangan For Perulangan dengan statement For digunakan untuk mengulang statement atau satu blok statement berulang kali sejumlah yang diperlukan Struktur Perulangan Do-While Perulangan dengan statement Do-While digunakan untuk melakukan proses perulangan suatu statement atau blok statement terus-menerus selama kondisi ungkapan logika pada While masih bernilai logika benar. 2.8 Penyeleksian Kondisi Hampir tiap program yang komplek mengandung suatu penyeleksian kondisi. Dengan menyeleksi suatu kondisi, program dapat menentukan tindakan apa yang harus dikerjakan, tergantung dari hasil kondisi yang diseleksi tersebut Statement If Definisi melakukan uji kondisi untuk percabangan program dan menjalankan program yang diinginkan.

12 15 Bentuk penulisan : If (condition) { Statement; } Parameter : condition merupakan ekspresi yang memberikan pertimbangan benar atau salah. Statement merupakan pernyataan pernyataan program yang dijalankan apabila kondisi yang dijalankan bernilai benar Struktur else Definisi melaksanakan serangkaian pernyataan program apabila uji kondisi menghasilkan nilai salah. Bentuk penulisan : else penyataan program 1 else {...pernyataan program2...} Parameter : condition merupakan kondisi yang ingin dievaluasi. Pernyataan program1, 2 dan seterusnya merupakan pernyataan-pernyataan program lainnya yang akan dilaksanakan bilamana uji kondisi yang dilakukan salah Struktur ElseIf Definisi melaksanakan serangkaian pernyataan program apabila uji kondisi menghasilkan nilai salah. Bentuk penulisan :

13 16 if (condition) { pernyataan program 1; } elseif (condition) { Pernyataan program 2; } condition merupakan kondisi yang ingin dievaluasi. Pernyataan program1, 2 dan seterusnya merupakan pernyataan-pernyataan program lainnya yang akan dilaksanakan bilamana uji kondisi yang dilakukan benar atau salah. 2.9 Struktur Case Definisi menguji dan mengarahkan uji kondisi bersama pernyataan switch untuk melakukan serangkaian pernyataan program lainnya. Bentuk penulisan : case expression : statement Parameter : expression nilai ekspresi yang ingin dikondisikan. statement pernyataan program yang dilaksanakan apabila kondisi program terpenuhi Array Definisi melakukan pengubahan suatu ekspresi yang dapat berupa variabel, string, objek ke dalam Array (Larik). Bentuk penulisan : Array (expression) Parameter : expression merupakan ekspresi yang dapat berupa variabel, string, objek.

14 Pengertian PHP PHP merupakan singkatan dari Hypertext Preprocessor, adalah sebuah bahasa scripting yang terpasang pada HTML. PHP sendiri dibuat oleh Rasmus Lerdorf, PHP bersifat open source dan telah digunakan oleh hampir seluruh web developer di seluruh dunia, situs resmi php bisa dikunjungi di Sebagian besar sintaks mirip dengan bahasa C, Java dan Perl, ditambah beberapa fungsi PHP yang spesifik. Tujuan utama bahasa ini adalah untuk memungkinkan perancang web menulis halaman web dinamik dengan cepat. Sebuah contoh script php sederhana : <html> <head> <title>belajar PHP & MySQL</title> </head> <body> <?php echo "Selamat belajar PHP & MySQL";?> </body> </html> Hasil : Selamat belajar PHP & MySQL Bahasa php dimulai dengan tanda <?php dan diakhiri dengan tanda?>, sama seperti pemprogaman web lainnya, script php ditempatkan di dalam tag HTML. Berbeda halnya dengan bahasa pemprogaman Java script, script php di olah di sisi server, ini berarti bahwa script php yang telah dibuat akan diproses terlebih dahulu di server baru kemudian ditampilkan ke client dalam bentuk html atau dalam format lainnya, dengan begitu script akan lebih aman dan meminilisasikan kesalahan interpreter browser.

15 Pengertian MySQL MySQL adalah database server yang cukup popular, cepat dan tangguh, sangat cocok jika digabungkan dengan PHP, dengan database kita bisa menyimpan, mencari dan mengklasifikasikan data dengan lebih akurat dan professional. MySQL menggunakan SQL language (Structur Query Language) artinya MySQL menggunakan query atau bahasa pemprogaman yang sudah standar di dalam dunia database. Implementasi program server database ini adalah program daemon 'mysqld' dan beberapa program lain serta beberapa pustaka. MySQL dibuat oleh TcX dan telah dipercaya mengelola sistem dengan 40 buah database berisi 10,000 tabel dan 500 di antaranya memiliki 7 juta baris (kirakira 100 gigabyte data). Database ini dibuat untuk keperluan sistem database yang cepat, handal dan mudah digunakan. Walaupun memiliki kemampuan yang cukup baik, MySQL untuk sistem operasi Unix bersifat freeware, dan terdapat versi shareware untuk sistem operasi windows. Menurut pembuatnya, MySQL disebut seperti "myessqueell" dan bukan mysequel!. Sebagaimana database sistem yang lain, dalam SQL juga dikenal hierarki server dengan database database. Tiap tiap database memiliki tabel tabel, tiap tiap tabel memiliki field field. Umumnya informasi tersimpan dalam tabel tabel yang secara logik merupakan struktur dua dimensi terdiri atas baris dan kolom. Field field tersebut dapat berupa data seperti int, realm char, date, time dan lainnya. SQL tidak memiliki fasilitas pemrograman yang lengkap, tidak ada looping ataupun percabangan,misalnya. Sehingga untuk menutupi kelemahan ini perlu digabung dengan bahasa pemrograman semisal C Sekilas Tentang PHPMyAdmin PHPMyAdmin merupakan webbase control panel untuk MySQL yang telah terinstall didalam komputer, dengan PHPMyAdmin dapat membuat, memodifikasi, atau menghapus database dan table data yang ada pada MySQL.

16 19 Banyak pengembang-pengembang software open source yang telah membuat interface berbasis web yang dapat digunakan untuk mengadministrasi MySQL, salah satu contohnya adalah phpmyadmin. PhpMyAdmin mempunyai banyak kelebihan yang dapat mempermudah pekerjaan user, hal ini sangat membantu jika user mempunyai server MySQL dalam local komputer. Gambar 2.10 Tampilan PHP MyAdmin 2.14 Pengenalan Diagram Alur (Flowchart) Suatu program adalah sederetan instruksi (dalam bahasa uang dimengerti oleh komputer yang bersangkutan) yang mengatur apa apa yang harus dikerjakan komputer, untuk mendapatkan suatu hasil atau keluaran yang kita harapkan. Sebelum suatu program dibuat, alngkah baiknya kalau dibuat logika atau urutan instruksi program tersebut dalam suatu diagram yang disebut diagram alur (Flowchart). Berikut ini akan diperkenalkan symbol symbol diagram alur yang paling umum dan sering digunakan sebelum pembuatan program komputer.

17 20 Bentuk Simbol Nama Simbol Pengertian Terminator Process Document Decision Off Page Connector Symbol untuk menyatakan mulai (start) ataupun berhenti Kotak penugasan, untuk memberi harga kepada suatu variabel atau untuk melakukan perhitungan matematika yang hasilnya diberikan sebagai harga suatu variabel. Kotak keluaran, untuk mencetak (dan) atau menyimpan hasil atau keluaran. Kotak keputusan, untuk memutuskan arah atau pencabangan yang diambil sesuai dengan kondisi saat itu terjadi, benar atau salah. Symbol penghubung, untuk penghubung bila diagram alur terputus disebabkan oleh pergantian halaman. Arah alur data, menunjukkan kea rah mana data atau proses selanjutnya akan berjalan. Table 2.2 Simbol simbol Flowchart yang sering digunakan

18 Struktur Navigasi Struktur navigasi adalah struktur / alur dari suatu program. Menentukan suatu akhir navigasi merupakan hal yang sebaiknya dilakukan sebelum membuat aplikasi multimedia. Ada empat macam struktur navigasi yang biasa dilakukan dalam proses pembuatan aplikasi multimedia, yaitu : Linear Navigasi Struktur linear navigasi merupakan struktur yang hanya mempunyai satu rangkaian cerita yang berurut. Struktur ini menampilkan satu demi satu tampilan laryar secara berurut menurut urutannya. Tampilan yang dapat ditampilkan pada stuktur jenis ini adalah satu halaman sebelumnya atau satu halaman sesudahnya tidak dapat dua halaman sebelumnya atau sesudahnya. Gambar 2.11 Bentuk Grafik Linear Non Linear Struktur non linear merupakan pengembangan dari struktur linear. Pada struktur ini diperkenankan membuat penjejakan bercabang. Pencabangan yang dibuat pada struktur nono linear ini berbeda dengan pencabangan pada struktur hierarchy, karena pada pencabangan non linear ini walaupun terdapat pencabangan, tetapi tiap tiap percabangan mempunyai kedudukan yang sama tidak ada master pege dan slave page. Gambar 2.12 Bentuk Grafik Non Linear

19 Hierarchy Struktur hierarchy merupakan suatu struktur yang mengandalkan percabangan untuk menampilkan data berdasarkan criteria tertentu. Tampilan pada menu pertama akan disebut sebagai master page (halaman utama kesatu), halaman utama ini mempunyai hal percabagan yang dikatakan slave page (halaman pendukung). Jika salah satu halaman pendukung dipilih atau diaktifkan, maka tampilan tersebut akan bernama master page (halaman utama kedua), dan seterusnya. Pada struktur penjejakan ini tidak dapat diperkenankan adanya tampilan secara linear. Gambar 2.13 Bentuk Grafik Hierarchical Composite Struktur composite (campuran) merupakan gabungan dari ketiga struktur sebelumnya yaitu linear, non linear, dan hierarchy. Struktur composite ini juga biasanya disebut struktur penjejakan bebas. Jika suatu tampilan membutuhkan percabangan, maka dapat dibuat percabangan tersebut. Struktur composit ini dapat memberikan keinteraksian yang lebih tinggi. Setiap struktur peta penjejakan seperti yang baru dibahas mempunyai fungsi dan tujuan tersendiri, tidak ada yang lebih baik atau lebih buruk. Penggunaan peta penjejakan bergantung pada kebutuhan dan tujuan dari aplikasi multimedia yang hendak dibuat, semakin kompleks peta penjejakan yang digunakan, maka semakin sulit pula pembuatan aplikasi multimedia peta penjejakan tersebut.

20 23 Gambar 2.14 Bentuk Composite Struktur yang akan digunakan pada aplikasi ini adalah struktur navigasi hierarchy, karena pada aplikasi ini terdapat halaman utma serta halamam pendukung yang merupakan percabangan dari halaman utama Desain Antar Muka Desain antar muka biasa digunakan pada proses pembuatan aplikasi multimedia. Penulis memakai desain antar muka karena dalam desain pembuatan kamus ini dapat interaktif dengan menghadirkan suara serta animasi. Antar muka adalah bagian dari program yang berhubungan langsung dengan pemakai. Desain antar muka bertujuan agar program yang digunakan menarik. Untuk mendesain antar muka biasanya digunakan story board. Contoh dari story board yang sangat detail adalah story board yang menggambarkan semua yang akan tampak pada layar monitor meliputi teks, gambar, animasi, letak dan bentuk tombol, latar belakang gambar, dan lain lain. Aplikasi Soal Soal Latihan UAS SMA Negeri 2 Pamulang Nama : NIS : Masuk Gambar 2.15 Desain Antar Muka Aplikasi