BAB 2 TINJAUAN PUSTAKA 2.1 Internet[1] Secara umum internet merupakan suatu jaringan global yang terbentuk dari jaringan komputer lokal dan regional, yang memungkinkan komunikasi data antar komputer-komputer yang terhubung ke jaringan tersebut dengan menggunakan berbagai macam media seperti jalur telepon, satelit, dan kabel serat optik. Internet bukanlah objek kasat mata yang dapat dipegang dan dirasakan.. Internet merupakan entitas organik kooperatif, bentuk digital pengalaman manusia, yang mampu menampung dan melayani berbagai bentuk informasi dan kepentingan, mulai dari resep membuat kue hingga cara membuat bom. Internet juga menyediakan alat eletronik seperti perangkat lunak, musik, gambar-gambar, multimedia, video, teks, dan cara yang murah pembicaraan local. Namun berbeda dengan telepon, yang merupakan sistem dengan penghubung satu sambungan pada satu saat, Internet memberikan hubungan yang dinamis dan terbuka kepada banyak orang pada saat bersamaan atau party-line. 2.1.1 Beberapa Istilah dalam Internet Berikut ini beberapa istilah pada umumnya sering digunakan dalam hubungannya dengan Internet, diantaranya : 1.World Wide Web (WWW) Salah satu layanan aplikasi di Internet adalah World Wide Web (WWW), pelayanan yang dikembangkan di Internet dan menjadi layanan aplikasi yang paling populer digunakan pemakai jaringan Internet. WWW atau yang biasa disebut Web saja, bekerja dengan teknologi yang disebut hypertext, yang kemudian dikembangkan menjadi suatu protocol aplikasi yang disebut HTTP (Hyper Text Transfer Protocol). 6 7 WWW merupakan fasilitas hypertext untuk menampilkan data berupa text, grafik atau gambar, suara, animasi, dan sebagainya. Apabila diumpamakan WWW merupakan perpustakaan besar yang menyediakan berbagai buku dengan berbagai informasi yang anda butuhkan. 2.TCP/IP TCP (Transmission Control Protocol) yang memastikan bahwa semua hubungan bekerja dengan benar, sedangkan IP (Internet Protocol) yang mentransmisikan data dari satu komputer ke komputer lain. TCP/IP secara umum paspor digital yang memungkinkan perpindahan file-file dengan mudah di internet, sedikit mirip dengan perbedaan antara jalan biasa dengan jalan tol atau khusus. TCP/IP terbuka bagi semua pengguna jalan, dan akhirnya dipilih sebagai standar resmi untuk Internet pada 1983. 3.DNS (Domain Name Service) DNS merupakan sistem database terdistribusi yang tidak banyak dipengaruhi oleh bertambahnya database. DNS menjamin informasi host terbaru akan disebarkan ke jaringan bila diperlukan. Jika server DNS menerima permintaan informasi tentang host yang tidak dia ketahui, ia akan bertanya pada authoritative DNS server (sembarang server yang bertanggung jawab untuk memberikan informasi akurat tentang domain yang diminta). Ketika authoritative server memberikan jawabannya, server local menyimpan jawabannya untuk penggunaan mendatang. Jadi, apabila setelah itu ada permintaan informasi yang sama ia langsung menjawabnya. 4.URL (Uniform Resource Locator) URL yang menunjukkan sumber daya Internet atau alamat sebuah Homepage, yaitu alamat suatu dokumen atau program yang ingin anda tampilkan atau gunakan. Orang lebih sering menyebutnya kotak URL, karena jika ingin mengunjungi suatu alamat website tertentu, pasti mengetikkan alamatnya pada kotak URL tersebut. 8 5.HTTP (Hypertext Transfer Protocol) HTTP adalah sebuah protokol yang menentukan aturan main antara software Web Browser dan software Web Server dalam penyediaan dokumen yang diminta oleh Browser. 6.Web Browser Browser/Web Browser adalah sebuah program aplikasi yang digunakan untuk menjelajahi dunia maya Internet. Aplikasi ini memiliki kemampuan untuk menampilkan suatu Web Page yang ditulis dalam bentuk dokumen HTML. Perkembangan Browser ini sangat cepat terutama dengan munculnya Netscape milik Netscape corp dan Internet Explorer yang dikembangkan oleh Microsoft Corporation yang sudah mencapai versi 6.0 untuk saat ini dan akan terus berkembang. 7.HTML (Hypertext Markup Langual) HTML adalah bahasa dasar untuk membangun situs WWW, HTML dikembangkan dari SGML (Standardised General Markup Language) atau bahasa yang ditingkatkan secara umum dan yang dibakukan. HTML digunakan untuk menyusun dan membentuk suatu dokumen agar dapat ditampilkan pada program browser WWW dalam bentuk yang di inginkan. HTML merupakan sebuah dokumen dalam format ASCII dan dapat dibuat dengan sembarang software pengedit naskah. Dalam dokumen HTML terdapat tiga buah tag ‘<…>’ utama yaitu Tag HTML, HEAD, BODY 8.Web Site Web Site atau Situs Web merupakan tempat penyimpanan data dan informasi dengan berdasarkan topik tertentu. Diumpamakan Situs Web ini adalah sebuah buku yang berisi topik tertentu. Web Site atau Situs Web juga merupakan kumpulan dari halaman-halaman web yang saling berkaitan didalam website tersebut. 9 9.Web Pages Merupakan sebuah halaman khusus dari website tertentu. Diumpamakan halaman web ini adalah halaman media elektronik khusus buku dari website tertentu, atau bisa dikatakan halaman web. 10. Web Server Untuk mempublikasikan dokumen pada web, di butuhkan beberapa server yang mempunyai dokumen-dokumen dan media ke browser. Browser web seperti, Netscape, Explorer dan Mosaic, berkomunikasi melalui jaringan (termasuk Internet) ke server web dengan menggunakan http (hyper text protocol). Browser mengirim suatu perintah untuk perintah untuk server yaitu meminta dokumen, atau layanan servis tertentu. Server akan memberikan dokumen jika ada dengan protokol http. Browser akan menerima dan mengerti isi dokumen itu. Server web juga dapat menjalankan suatu program berdasarkan informsi yang diisi pada form isian, seperti menjalankan aplikasi pengakses database dan mengirim e-mail. 11. Homepage Homepage merupakan sampul halaman yang berisi daftar isi atau menu dari sebuah Situs Web. Homepage adalah halaman pembuka dari sekian banyak Web Page yang terdapat pada suatu Web Site. Halaman pertama ini berisi tentang apa dan siapa, dari perusahaan atau organisasi mana pemilik Web site tersebut, dan pada halaman pertama ini juga sering memiliki link – link yang akan membawa pada halaman lainnya dari sebuah situs Web. 2.2 Macromedia Dreamweaver 8[2] Macromedia Dreamweaver 8 adalah sebuah software web design yang menawarkan cara mendesain website dengan dua langkah sekaligus dalam satu waktu, yaitu mendesain dan memprogram. Juga dapat dilihat pada mottonya “The Solution for Proffesional Web Site Design and Productioní”, yang mana memiliki arti kurang lebih ‘Solusi bagi para Profesional Web Desainer untuk memproduksi Web Site’. Macromedia Dreamweaver juga menghimpun banyak teknologi terkini untuk 10 menemani dan membantu anda dalam merancang sebuah website. Macromedia Dreamweaver 8 memiliki satu jendela mini yang disebut HTML Source tempat kodekode HTML tertulis. Setiap kali mendesain website seperti menulis kata, meletakkan gambar, membuat tabel, dan proses lainnya, tag-tag HTML akan tertulis secara langsung (otomatis) mengiringi proses pengaturan website. 2.3 PHP[3] 2.3.2 Pengenalan PHP PHP Hypertext Preprocessor (PHP) merupakan Bahasa Pemprograman yang sekarang ini sedang naik daun, terutama karena merupakan perangkat lunak yang bersifat Open Source atau yang dikenal dengan Gratis. PHP dikenal sebagai bahasa scripting yang yang bersifat Server-Side juga bisa menyatu dengan tag-tag HTML, dieksekusikan di server dan digunakan untuk membuat halaman Web yang dinamis. Versi pertama PHP dibuat oleh Rasmus Lerdorf pada tahun 1995 dengan sekumpulan script PERL yang digunakan untuk membuat halaman web yang dinamis. Sedangkan untuk PHP versi kedua yang diberi nama PHP/F1 pada tahun 1996 dan PHP versi ketiga dirilis pada pertengahan 1997 dimana pembuatan PHP tersebut tidak hanya Rasmus Lerdorf sendiri melainkan bersama-sama dengan beberapa programmer. Sekarang untuk versi terakhir yakni, PHP 4.0 dirilis bulan Oktober 2000. Perubahan mendasar pada PHP 4.0 adalah Integrasi Zend Engine. Zend dibuat oleh Zeef Suraski dan Andi Gutmans yang merupakan penyempurnaan dari PHP 3 scripting engine. 2.3.3 Kelebihan PHP 1) Cepat dan powerful Modul PHP berjalan di dalam ruang memorinya sendiri, sehingga tidak ada waktu yang hilang untuk berhubungan dengan objek atau sistem lain yang berjalan di dalam proses yang berbeda. 11 2) Memiliki tingkat keamanan yang lebih tinggi karena dibangun dengan menggunakan sistem operasi Linux. Untuk saat ini, Linux merupakan sistem operasi yang paling aman. 3) Murah karena sifatnya yang gratis dan open source. 4) Life Cycle yang singkat, sehingga PHP selalu up to date mengikuti perkembangan teknologi internet. 5) Cross Platform PHP dapat dipakai di hampir semua web server yang ada di pasaran (seperti Apache, PWS, IIS, Xitami dan lain-lain) yang dapat dijalankan pada berbagai sistem operasi, seperti Windows dan Linux. Dengan demikian, proses developing dapat menggunakan sistem operasi yang berbeda dengan sistem operasi yang digunakan setelah publish. Misalnya, developing di Windows kemudian dipasang di webserver yang menggunakan sistem operasi Linux. 6) Mendukung banyak paket database seperti MySQL, Oracle, Informix, Microsoft SQL Server dan lain lain 2.3.4 Kekurangan PHP 1) Menyetel Apache lebih rinci dan 2) Tidak bisa menjalankan skrip-skrip lama CGI/Perl. 3) Source program dan koneksi database tidak kompatibel dengan versi terbarunya 2.4 MySQL[4] 2.4.2 Pengenalan MySQL Asal mula MySQL bermula dari tahun 1979, dengan UNIREG database tool yang diciptakan Michael "Monty" Widenius. Saat ini MySQL merupakan server database open source yang digunakan terbanyak di dunia. Arsitekturnya yang khas menyebabkan MySQL ini sangat cepat dalam operasinya dan mudah disesuiakan 12 dengan kebutuhan, menghasilkan DBMS yang cepat, kompak, stabil dan mudah dalam penerapannya sehingga sangat sulit untuk ditandingi. Popularitas MySQL tidak hanya terbatas pada komunitas Open Source. MySQL dapat berjalan pada sebuah Personal Computer. (Bahkan pengembangannya dapat dilakukan pada PC yang terpasang Linux). MySQL bersifat portable dan dapat pula berjalan pada sistem operasi yang komersial (Contohnya Microsoft Windows) dan pada berbagai macam hardware, termasuk enterprise server. Performanya dapat dibandingkan dengan database system yang komersial dan dapat menangani database yang besar dengan jutaan record didalamnya. Organisasi atau perusahaan yang menginginkan sebuah mesin dengan RDBMS berperforma tinggi untuk bekerja dapat dilakukan dengan harga mendekati gratis. 2.4.3 Kelebihan MySQL Secara umum, kelebihan MySQL adalah: tersedia gratis untuk banyak sistem operasi dan hardware, memiliki kecepatan proses dan kemampuan menangani database dengan sangat baik di banyak tipe hardware dan sistem operasi yang digunakan.. Selain itu MySQL juga mudah digunakan karena bahasa yang digunakannya termasuk simple, mendukung SQL (structured query language), sebuah bahasa untuk semua database system yang modern, mampu bekerja dengan beban berat dengan banyak client yang terhubung dalam satu waktu secara bersamaan, dapat diakses dari mana saja dari internet, mudah diperoleh dan yang terakhir faktor keamanan yang terjamin.- Mampu menangani jutaan user dalam waktu yang bersamaan. MySQL juga menyediakan dukungan open source. Setiap pengguna MySQL diiizinkan mengubah source untuk keperluan pengembangan atau menyelaraskan spesifikasi database sesuai kebutuhan. Sebelum menjalankan MySQL terlebih dahulu harus mengaktifkan daemon MySQL (mysqld). 13 2.4.4 KeKurangan MySQL Kekurangan dari MySQL hanya pada tidak adanya fasilitas transaction processing. 2.5 Apache[5] Apache merupakan web server yang terpopuler saat ini. Server Apache sangat luwes, memenuhi standar HTTP, mengimplementasikan protokol terbaru dan sangat luwes dikon_gurasi serta dapat ditambahkan modul lainnya melalui module Apache. Tersedia untuk berbagai sistem operasi. Apache menyediakan fasilitas yang kaya, yang sangat dibutuhkan suatu server serius, seperti otentikasi, pengaturan akses direktori, virtual host, kemampuan URL rewritting dan juga alias. Kemampuan melakukan content negotiation membuat Apache mampu melayani beragam client secara otomatis, baik untuk berbagai browser yang memiliki kemampuan berbeda ataupun untuk divais akses yang berbeda. Fungsi log yang dimiliki oleh Apache dapat dikirim melalui proses piping, sehingga dapat dilakukan rotasi log, filter log, serta melakukan pemisahan log secara langsung. Awalnya Apache dikembangkan berdasakan keinginan untuk memperbaiki Web server yang saat itu populer (NCSA web server). Tetapi akhirnya mengalami perombakan dan penulisan ulang dan menjadi Web server yang berdiri sendiri dan berbeda dengan NCSA. Kini malah mengalahkan kepopuleran NCSA Web server. Pada tahun 1999 dibentuk Apache Software Foundation untuk mengurus perkembangan Apache ini. Apache telah membuktikan sebagai web server yang cepat, stabil dengan fitur yang paling kaya di antara web server lainnya. Saat ini proyek Apache telah berkembang dan tidak hanya sekedar Web server. 2.6 Adobe Photoshop 7.0[6] Adobe Photoshop 7.0 adalah suatu software yang powerful yang memiliki kemampuan spesialisasi untuk mengedit file gambar–gambar, dan tidak hanya itu 14 masih banyak lagi kelebihan yang bisa didapat pada Adobe Photoshop 7.0 ini, seperti membuat efek teks pada website. Kelebihan dari software Adobe Photoshop 7.0 ini terletak pada penggunaan layer-layer yang digunakan pada desainer graphics untuk mengembangkan ide-ide kreatifnya. Untuk semua gambar yang ada halaman web atau website penulis mengambilnya dari berbagai sumber media, seperti dari majalah, buku–buku, Internet, dan untuk dapat ditampilkan dengan baik atau memiliki daya seni ke halaman website, penulis mengeditnya dengan terlebih dahulu di scan. Setelahnya barulah penulis mengolah gambar–gambarnya didalam Adobe Photoshop 7.0. Untuk menjalankan Adobe Photoshop 7.0, disarankan anda menggunakan komputer yang memenuhi persyaratan minimum berikut ini : ? Prosesor Intel Pentium atau yang lebih cepat. ? Microsoft Windows 95, Windows 98 Windows NT 4.0, atau sistem operasi yang lebih baru ( Microsoft Windows 2000 atau NT 5.0 ). ? Memori RAM 32 MB. ? Ruang kosong Hard disk sebesar 80 MB. ? Tampilan monitor warna 256 warna. Untuk menghasilkan kerja yang optimal, direkomendasikan anda menggunakan perangkat keras yang memenuhi diatas ditambahkan spesifikasi berikut ini : ? Memori 64 MB atau lebih. ? Tampilan monitor 24–bit warna ( true color ). ? Hard disk berkapasitas besar untuk menyimpan file–file hasil dari penyuntingan. 15 Berikut ini tampilan awal Program aplikasi penyunting gambar Adobe Photoshop 7.0 : Toolbox Ruang Kerja P A L E T Gambar 2.1. Tampilan Awal Adobe Photoshop 7.0 2.6.1 Pallete Berikut fungsi pengertian dari beberapa menu shorcut yang tersedia pada gambar diatas, di antaranya : a. Layer Pallete, menunjukkan semua layer yang ada dalam sebuah citra. b. Brushes Pallete, menunjukkan ukuran dan bentuk dari piranti gambar. c. Options Pallete, menunjukkan opsi yang tersedia untuk piranti yang sedang pergunakan. d. Channels Pallete, berfungsi untuk menyimpan informasi mengenai warna. e. Swatches Pallete, menunjukkan tabel warna atau Color Look Up Table (CLUT) untuk file citra yang dibuka. f. Color Pallete, menunjukkan nilai dari warna foreground dan background. g. Navigator Pallete, berisi thumbnail dari file citra yang dibuka dan bagian dari citra yang sedang anda kerjakan. 16 h. History Pallete, palet ini menyimpan status perubahan yang dilakukan terhadap sebuah citra. i. Actions Pallete, berguna untuk merekam dan memainkan aksi, juga dapat menyunting suatu aksi pekerjaan anda. 2.7. Struktur Dasar Navigasi (Penjejakan) [7] Penjejakan termasuk struktur terpenting dalam pembuatan suatu website dan gambarannya harus sudah ada pada tahap perencanaan. Peta penjejakan merupakan rancangan hubungan dan rantai kerja dari beberapa area yang berbeda dan dapat membantu mengorganisasikan seluruh elemen website dengan pemberian perintah dan pesan. Peta penjejakan mempunyai beberapa ciri khas yang dapat digolongkan menurut kebutuhan akan obyek, kemudahan pemakaian, keinteraktifitasannya, dan kemudahan pembuatannya yang berpengaruh terhadap waktu pembuatan suatu website. 2.7.1. Linear Linear (satu alur) merupakan struktur yang hanya mempunyai satu rangkaian cerita yang berurut. Struktur ini menampilkan satu demi satu tampilan layar secara berurut menurut urutannya. Tampilan yang dapat ditampilkan pada struktur jenis ini adalah satu halaman sebelumnya atau satu halaman sesudahnya tidak dapat dua halaman sebelumnya atau dua halaman sesudahnya. Pada struktur penjejakan ini tidak diperkenankan adanya percabangan. Biasanya struktur ini digunakan untuk membuat website karena tidak terlalu menuntut kemampuan tetapi hanya memerlukan keindahan dan kemudahan menampilkan data sebagai informasi. Gambar 2.2. Navigasi Linier 17 2.7.2. Hierarchical Struktur Hierarchi (bercabang) merupakan suatu struktur yang mengandalkan percabangan untuk menampilkan data berdasarkan kriteria tertentu. Tampilan pada menu pertama akan disebut sebagai Master Page (halaman utama kesatu), halaman utama ini akan mempunyai halaman percabangan 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. Gambar 2.3. Navigasi Hierarchial 2.7.3. Non Linear Struktur penjejakan Non Linear (tidak berurut) merupakan pengembangan dari struktur penjejakan Linear. Pada struktur ini diperkenankan membuat penjejakan bercabang. Percabangan yang dibuat pada struktur Non Linear ini berbeda dengan percabangan pada struktur Hierarchi, karena pada percabangan Non Linear ini walaupun terdapat percabangan, tetapi tiap–tiap tampilan mempunyai kedudukan yang sama tidak ada Master Page dan Slave Page. Gambar 2.4. Navigasi Non Linier 18 2.7.4. Composite Struktur penjejakan Composite (campuran) merupakan gabungan dari ketiga struktur sebelumnya yaitu Linear, Non Linear dan Hierarchi. Struktur penjejakan ini juga biasa disebut struktur penjejakan bebas. Jika suatu tampilan membutuhkan percabangan, maka dapat dibuat percabangan, dan bila dalam percabangan tersebut terdapat suatu tampilan yang sama kedudukannya maka dapat dibuat struktur Linear dalam percabangan tersebut. Struktur penjejakan ini banyak digunakan dalam pembuatan multimedia sebab struktur ini dapat memberikan keinteraksian yang lebih tinggi. Setiap struktur peta penjejakan seperti yang baru di bahas mempunyai fungsi dan tujuan tersendiri, tidak ada yang lebih baik atau lebih buruk. Penggunaan peta penjejakan bergantung kepada kebutuhan dan tujuan dari aplikasi multimedia yang hendak dibuat. Semakin kompleks peta penjejakan yang digunakan, maka semakin sulit pula pembuat. Gambar 2.5. Navigasi Composite 2.8 Storyboard [8] Storyboard merupakan gambaran dan penjelasan secara terperinci dari setiap gambar, animasi, suara dan teks. Bagian-bagian tampilan dalam alur cerita ini akan disatukan oleh peta penjelasan (navigasi) selama mendesain multimedia pada pembuatan storyboard selalu berkaitan dengan desain antar muka.