BAB II.pdf

2.1 Definisi Aplikasi
BAB II
LANDASAN TEORI
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.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.
5

C
Dibawah ini merupakan keterangan dari kegunaan masing – masing
komponen Flash secara detail :
2.4.1 Time Line
F
B
A
Menu Bar
Gambar 2.1
Layar Macromedia Flash 8 dan stage dalam keadaan kosong
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.
E
Gambar 2.2
Time line Window
D
G
6

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

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
8

2.4.4 Color Window
Ditunjukkan oleh symbol D. Merupakan window yang digunakan
untuk mengatur warna pada objek yang telah dibuat.
Color Window terdiri dari:
2.4.4.1 Color Mixer
Digunakan untuk mengatur warna pada objek sesuai dengan
keinginan. Ada 5 pilihan tipe warna, yaitu: None, Solid, Linear, Radial,
Bitmap.
2.4.4.2 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
9

2.4.5 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.
2.4.6 Properties
Ditunjukkan oleh symbol F. Merupakan window yang digunakan
untuk mengatur property dari objek yang telah dibuat.
2.4.7 Components
Gambar 2.7
Window Action - Frame
Gambar 2.8
Window Properties
Ditunjukkan oleh symbol G. Digunakan untuk menambahkan objek
untuk web application yang nantinya di publish ke internet.
10

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.
Gambar 2.9
Window Components
Tetapi kali ini penulis menggunakan window Default Layout, karena
menggunakan semua tools dan window yang standart .
11

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
12

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.
2.5.1 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.
2.6.1 Deklarasi Konstanta
Kelompok pernyataan pada umumnya operator-operator yang konstanta yang
merupakan nilai yang sudah ada (tetap) dan disediakan oleh action script.
13

2.6.2 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.
2.7.1 Struktur Perulangan For
Perulangan dengan statement For digunakan untuk mengulang statement atau
satu blok statement berulang kali sejumlah yang diperlukan.
2.7.2 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.
2.8.1 Statement If
Definisi melakukan uji kondisi untuk percabangan program dan menjalankan
program yang diinginkan.
14

Bentuk penulisan :
If (condition)
{
}
Parameter :
Statement;
condition merupakan ekspresi yang memberikan pertimbangan benar atau salah.
Statement merupakan pernyataan – pernyataan program yang dijalankan apabila
kondisi yang dijalankan bernilai benar.
2.8.1.1 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.
2.8.1.2 Struktur ElseIf
Definisi melaksanakan serangkaian pernyataan program apabila uji kondisi
menghasilkan nilai salah.
Bentuk penulisan :
15

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.
2.10 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.
16

2.11 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 www.php.net. 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 :
Belajar PHP & MySQL
Hasil :
Selamat belajar PHP & MySQL
Bahasa php dimulai 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.
17

2.12 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.
2.13 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.
18

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.
19

Bentuk Simbol Nama Simbol Pengertian
Terminator
Process
Document
Decision
Off–Page
Connector
20
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

2.15 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 :
2.15.1 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.
2.15.2 Non Linear
Gambar 2.11
Bentuk Grafik 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
21

2.15.3 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.
2.15.4 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.
Gambar 2.13
Bentuk Grafik Hierarchical
22

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.
2.16 Desain Antar Muka
Gambar 2.14
Bentuk Composite
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
23