BAB II LANDASAN TEORI

Transkripsi

1 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 : Teks Teks merupakan basis dari seluruh program pengolahan kata dan masih digunakan sebagai informasi yang sangat mendasar bagi program aplikasi multimedia 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 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

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

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 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 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 Navigasi Linier Struktur navigasi yang hanya mempunyai suatu rangkaian cerita terurut. Struktur ini menampilkan satu demi satu tampilan layar secara berurut menurut

4 7 aturannya. Tampilan yang ditampilkan pada struktur jenis ini adalah satu halaman sebelumnya atau satu halaman sesudahnya. Gambar 2.1 Struktur navigasi model linear 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 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).

5 8 Gambar 2.3 Struktur navigasi model non linear Navigasi campuran dan hirarki. Struktur navigasi yang merupakan gabungan demi struktur navigasi non linear 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

6 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 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

7 10 Insert bar, Document toolbar, Document window, Panel groups, Site panel, Property inspector. Insert bar Document toolbar Document window Panel groups Property inspector Site panel 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.

8 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 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

9 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

10 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

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