BAB II

BAB II
LANDASAN TEORI
2.1 Pengertian Multimedia
Multimedia merupakan suatu konsep dan teknologi baru dalam bidang
teknologi informasi. Dimana teks, gambar, suara, animasi dan video disatukan dalam
computer untuk disimpan, diproses, dan disajikan agar masyarakat umum dapat
menikmati. Multimedia bukanlah suatu produk, tetapi lebih merupakan suatu
teknologi, atau lebih tepatnya kombinasi dari beberapa teknologi. Didefinisikan
sebagai elemen-elemen dalam pembentukan multimedia. Hal-hal yang merupakan
elemen-elemen multimedia adalah :
2.1.1 Teks
Teks merupakan basis dari seluruh program pengolahan kata dan masih
digunakan sebagai informasi yang sangat mendasar bagi program aplikasi
multimedia.
2.1.2 Gambar
Gambar atau foto merupakan tampilan diam, tidak ada pergerakan. Dalam tipe
gambar yang tampilannya bergerak, kalaupun terlihat seakan-akan ada pergerakan hal
itu karena efek yang memberikan pada saat penggabungan semua element atau
programming. Gambar diam ini merupakan suatu element yang penting dalam
multimedia.
2.1.3 Animasi
Istilah animasi mengacu kepada gambar yang bergerak. Pergerakan dari
animasi lebih mudah dicerna pemakai dari gambar diam. Akan tetapi, gambar diam
memang lebih komunikatif dibandingkan animasi dalam hal-hal tertentu, sedangkan
animasi dibuat khusus untuk mendukung konsep ilustrasi yang mengharuskan adegan
gambar yang bergerak.
4
5
2.1.4 Suara
Suara adalah satu-satunya media yang unik bila dibandingkan dengan media
lain yang menjadi elemen multimedia. Bila media lain memberikan informasi dengan
menggunakan indra penglihatan, maka elemen suara ini satu-satunya elemen yang
memberikan informasi dengan indra pendengaran.
2.1.5 Video
Video merupakan elemen tambahan yang berisi rekaman dari kaset video atau
yang lainnya, yang biasanya bersifat analog. Kemudian dimasukkan dalam
lingkungan komputer dan dapat dirubah menjadi gambar-gambar digital yang tidak
jauh berbeda dengan animasi suara.
2.2 Internet
Internet adalah kependekan dari International Networking, yang artinya
jaringan computer berskala international/global yang dapat membuat masing-masing
komputer saling berkomunikasi.
2.2.1 WWW
WWW adalah kependekan dari World Wide Web, atau lebih dikenal dengan
nama web. Web adalah sebuah layanan yang dapat dibuat oleh pemakai komputer
apabila komputernya tersambung dengan internet. Dengan Web, pengguna computer
diseluruh dunia dapat saling berinteraksi dengan pengguna internet lainnya tanpa
harus beranjak dari tempat dimana internet tersebut diakses.
2.2.2 HTML
HTML adalah kependekan dari Hyper Text Markup Language, yang artinya
tatacara penulisan yang digunakan dalam dokumen web. Dokumen HTML adalah
sebuah dokumen teks murni yang dapat dibuat dengan editor web sembarang seperti
Notepad. Dokumen ini akan dieksekusi oleh sebuah browser (misal Internet
Explorer), sehingga browser mampu menghasilkan suatu dokumen yang sesuai
dengan keinginan seorang designer atau programmer web.
6
2.2.3 Website
Website adalah sekumpulan halaman web yang bisa diakses melalui browser
web. Satu halaman disebut homepage, halaman ini adalah halaman yang pertama kali
dilihat ketika seseorang mengunjungi website. Dari homepage pengunjung dapat
mengklik teks atau gambar untuk berpindah kehalaman lain dalam website tersebut
atau kehalaman lain diwebsite lain. Homepage berada pada posisi teratas dengan
halaman-halaman terkait berada dibawahnya.
2.2.4 TCP/IP
TCP/IP adalah kependekan dari Transmission Control Protocol/Internet
Protocol, artinya protokol yang terdiri dari sub-protokol, yang beroperasi pada lapisan
yang berbeda. Ini merupakan standar protokol internet. Protokol ini memberikan
nomor Unix pada setiap komputer yang terkoneksi.
2.2.5 PHP
PHP (Pretext Hyper Processor) adalah bahasa scripting yang menyatu dengan
HTML dan dijalankan pada server side. Semua sintaks yang kita berikan akan
sepenuhnya dijalankan pada server sedangkan yang dikirimkan ke browser hanya
hasilnya saja.
2.3 Peta Navigasi
Navigasi merupakan unsur penting dalam banyak halaman web. Tujuannya
adalah agar seseorang merasa mudah mengemudikan suatu halaman web. Program
web browser sendiri seprti Internet Explorer dan Netscape Navigator, dilengkapi
fasilitas navigasi untuk mempermudah seseorang dalam menjelajahi dunia internet.
Komponen navigasi biasanya berupa fasilitas yang berfungsi untuk berpindah
kehalaman web lainnya, yang diwujudkan dalam berbagai macam cara.
2.3.1 Navigasi Linier
Struktur navigasi yang hanya mempunyai suatu rangkaian cerita terurut.
Struktur ini menampilkan satu demi satu tampilan layar secara berurut menurut
7
aturannya. Tampilan yang ditampilkan pada struktur jenis ini adalah satu halaman
sebelumnya atau satu halaman sesudahnya.
Gambar 2.1 Struktur navigasi model linear
2.3.2 Navigasi Hirarki
Struktur navigasi yang menghandalkan percabangan untuk menampilkan data
berdasarkan kriteria tertentu. Tampilan pada menu pertamanya disebut sebagai master
page (halaman uatama ke-1), halaman utama ini akan mempunyai halaman
percabangan yang disebut slash page (halaman pendukung).
Gambar 2.2 Struktur navigasi hirarki
2.3.3 Navigasi Non Linier
Struktur navigasi yang tidak memperhatikan batasan rute dengan kata lain
pemakai dapat menelusuri program sesudahnya. Tampilan pada menu pertamanya
disebut sebagai master page (halaman utama ke-1), halaman utama ini akan
mempunyai halaman percabangan yang disebut slash page (halaman pendukung).
8
Gambar 2.3 Struktur navigasi model non linear
2.3.4 Navigasi campuran
Struktur navigasi yang merupakan gabungan demi struktur navigasi non linear
dan hirarki.
Gambar 2.4 Struktur navigasi model campuran
2.4 Pengenalan Macromedia Dreamweaver MX
Dreamweaver adalah software yang digunakan oleh Web desainer ataupun
Web programmer untuk mengembangkan situs web. Ruang kerja, fasilitas dan
kemampuan Dreamweaver mampu meningkatkan produktivitas dan efektivitas dalam
9
mendesain ataupun membangun situs web. Dreamweaver juga dilengkapi dengan
fasilitas yang cukup lengkap.
Maka dari itu aplikasi yang akan dibuat ini menggunakan Macromedia
Dreamweaver MX.
2.4.1 Ruang Kerja Dreamweaver MX
Pada saat pertama kali anda memulai Dreamweaver MX, sebuah kotak dialog
Workspace akan muncul, memberikan penawaran kepada anda untuk memilih
tampilan ruang kerja yang ingin anda gunakan.
Dreamweaver MX Workspace adalah ruang kerja yang semua jendela
dokumen dan panel integrasi pada satu jendela besar, dengan panel group yang
berada disisi kanan. Pilihan ini dipakai oleh banyak pengguna. Dreamweaver 4
Workspace adalah tampilan lama seperti pada Dreamweaver 4. Setiap dokumen akan
berada pada jendela yang terpisah.
Gambar 2.5 Pilihan untuk workspace
Ruang kerja pada Draemweaver MX memiliki komponen yang memberikan
fasilitas dan ruang untuk menuangkan kreasi dalam bekerja, seperti yang terlihat pada
Gambar A.6. Komponen yang disediakan oleh Dreamweaver MX antara lain adalah
10
Insert bar, Document toolbar, Document window, Panel groups, Site panel, Property
inspector.
Insert bar
Document window
Panel groups
Document toolbar
Site panel
Property inspector
Gambar 2.6 Jendela dan panel pada Dreamwever MX
Komponen yang terdapat pada ruang kerja Dreamweaver MX adalah :
1. Insert bar berisi tombol untuk memasukkan beberapa jenis objek, seperti
gambar, table, dan layer ke dokumen.
11
Gambar 2.7 Insert bar
2. Document toolbar berisi tombol dan pop-up menu yang menyediakan beberapa
cara untuk menampilkan dokumen (seperti Design view dan Code view).
Gambar 2.8 Dokumen toolbar
3. Document window menampilkan dokumen yang sedang anda buat dan edit.
4. Panel groups adalah kumpulan beberapa panel sejenis yang diletakkan pada satu
tempat.
5. Site panel untuk mengatur file atau folder yang akan digunakan untuk site yang
dibuat.
6. Property inspector adalah tempat mengubah beberapa property yang dimiliki
oleh objek atau teks. Tiap objek atau teks memiliki property yang berbeda.
2.4.2 Komponen Ruang Kerja
Di dalam ruang kerja Dreamweaver MX terdapat beberapa komponen utama
yang membentuk suatu ruang kerja. Berikut ini keterangan singkat tentang menu
yang ada pada Dreamweaver MX. Menu berisi submenu yang biasanya ditampilkan
sebagai dropdown menu yang akan muncul ketika anda menekan tombol menu
utama.
Gambar 2.9 Menu pada Dreamweaver MX
12
Di dalam sistem menu Dreamweaver MX terdapat beberapa komponen yang
dapat digunakan, yaitu :
1. File Menu
Berisi menu standar seperti New, Open, Save, Cut, Copy, dan Paste. Fole menu
juga berisi beberapa perintah tambahan, seperti Preview in Browser dan Print
Code.
2. Edit Menu
Berisi perintah seleksi dan pencarian, seperti Select Parent Tag dan Find and
Replace, dan menyediakan akses ke Keyboard Shortcut Editor dan Tag Library
Editor.
3. View Menu
Mengijinkan anda melihat tampilan dokumen dengan beberapa cara (seperti
Design view dan Code view) dan untuk menampilkan atau menyembunyikan
beberapa elemen pada dokumen dan peralatan yang dimiliki Dreamweaver MX.
4. Insert Menu
Menyediakan alternatif untuk memasukkan objek pada dokumen.
5. Modify Menu
Untuk mengubah properti elemen halaman web atau item lainnya yang dipilih.
Menggunakan menu ini dapat mengedit tag, mengubah table dan elemen tabel dan
menampilkan beberapa tindakan yang dapat dilakukkan untuk item pada library
da template.
6. Text Menu
Menyediakan perintah yang dibutuhkan untuk melakukan pemformatan pada teks.
7. Commands Menu
Menyediakan akses untuk beberapa macam perintah, termasuk untuk membuat
album foto dengan cepat dan melakukan optimasi gambar dengan menggunakan
program lain.
8. Site Menu
13
Menyediakan item menu untuk membuat, membuka, mengedit site.
9. Window Menu
Menyediakan akses kesemua panel, inspectors, dan jendela pada Dreamweaver.
10. Help Menu
Menyediakan akses ke dokumentasi yang dimiliki oleh Dreamweaver MX,
termasuk cara penggunaan Dreamweaver MX, membuat ekstensi dan material
lainnya yang dapat membantu anda menggunakan Dreamweaver MX dengan
lebih baik.
2.5 Pengenalan Macromedia Flash MX
Macromedia Flash MX adalah program grafis animasi standar professional
untuk menghasilkan halaman web yang menarik. Movie Flash terdiri atas grafik, teks,
animasi dan aplikasi untuk situs web. Macromedia Flash MX juga mempunyai
kemampuan untuk mengimpor video, gambar dan suara dari aplikasi diluarnya.
Movie Flash juga bisa memasukkan unsur interaktif
dalam movienya
menggunakan action script, yaitu bahasa pemrograman berorientasi objek, yang
nantinya user bisa berinteraksi dengan movie, menggunakan keyboard atau mouse
untuk berpindah kebagian-bagian yang berbeda dari suatu movie, mengontrol movie,
memindahkan objek-objek, memasukkan informasi melalui form dan operasi-operasi
lainnya.
Kemampuan flash lainnya adalah membuat animasi logo, pengaturan
navigasi halaman web, pembuatan animasi form, dan lainnya sesuai kreativitas dan
imajinasi dalam menggunakan kemampuan Flash yang ada.
2.6 Pengenalan Swish 2.0
Program Swish 2.0 dapat digunakan untuk membuat animasi Flash (tanpa
menggunakan program Flash). Program ini sangat mudah dioperasikan. Berbagai
animasi teks, image atau grafik dapat dibuat dengan mudah dan cepat. Program Swish
2.0 menyediakan 150 efek animasi , seperti Explode, Vortex, 3D Spin, dan yang
14
lainnya. Program Swish juga menyediakan berbagai tool untuk membuat bermacam
obyek, seperti garis, persegiempat, lingkaran, dan lain sebagainnya.
Dokumen Swish 2.0 dapat diekspor dalam format SWF, format file yang
digunakan oleh Macromedia Flash. Dengan demikian animasi Swish 2.0 dapat
dimainkan dalam berbagai PC yang sudah terinstalasi program Flash Player. Animasi
Swish 2.0 didukung oleh berbagai halaman Web, program Macromedia
Flash,program Microsoft PowerPoint.