BAB 2 TINJAUAN TEORITIS 2.1 Sekilas Mengenai Web World Wide Web (WWW) atau biasa disebut dengan Web,merupakan salah satu sumber daya Internet yang berkembang pesat. Informasi Web didistribusikan melalui pendekatan hypertext, yang memungkinkan suatu teks pendek menjadi acuan untuk membuka dokumen yang lain. Dengan pendekatan hypertext ini seseorang dapat memperoleh informasi dengan melompat dari suatu dokumen yang lain. Dokumen dokumen yang diaksespun dapat tersebar di pelbagai mesin dan bahkan di berbagai negara.bagai jaring laba-laba, jejaring Web telah membentang ke seluruh penjuru dunia. Tidak hanya terbatas pada lembaga-lembaga penelitian yang ingin mempublikasikan hasil riset, Web juga banyak digunakan oleh perusahaan bisnis yang ingin mengiklankan produk atau untuk melakukan transaksi bisnisnya. 2.2 Sejarah Web Sejarah Web dimulai pada bulan Maret 1989 ketika Tim Berner-Lee yang bekerja di Laboratorium fisika Partikel Eropa atau yang dikenal dengan nama CERN (Consei European pour la Recherce Nuclaire) yang berada di Genewa, Swiss, mengajukan
protocol (suatu tatacara untuk berkomunikasi) system distribusi informasi Internet yang digunakan untuk berbagai informasi di antara para fisikawan. Protocol inilah yang selanjutnya dikenal sebagai protocol World Wide Web dan dikembangkan oleh World Wide Web Consortium (W3C). Sebagaimana diketahui, W3C adalah konsorsium dari sejumlah organisasi yang berkepentingan dalam pengembangan berbagai standar yang berkaitan dengan Web. 2.3 Aplikasi Web Pada awalnya aplikasi Web dibangun hanya dengan menggunakan bahasa yang disebut HTML (hypertext markup language) dan protocol yang digunakan dinamakan HTTP (hypertext transfer protocol). Pada perkembangan berikutnya, sejumlah skrip seperti itu antara lain yaitu PHP dan ASP, sedangkan contoh yang berupa objek antara lain adalah applet (java). Aplikasi web sendiri dapat dibagi menjadi: 1. Web statis, dan 2. Web dinamis Web dinamis dibentuk dengan menggunakan HTML saja. Kekurangan aplikasi seperti ini terletak pada keharusan untuk memelihara program secara terus menerus untuk mengikuti setiap perubahan yang terjadi. Kelemahan ini diatasi dengan model
aplikasi Web dinamis. Dengan memperluas kemampuan HTML, yakni dengan menggunakan perangkat lunak tambahan, perubahan informasi dalam halamanhalaman Web dapat ditangani melalui perubahan data, bukan melalui perubahan data, bukan melalui program. Sebagai implementasinya, aplikasi Web dapat dikoneksikan ke basis data. Dengan demikian perubahan informasi dapat dilakukan oleh operator atau yang bertanggung jawab pemrograman atau Webmaster. Prinsip kerja pengaksesan dokumen Web yang berbasis HTML, adalah seperti berikut: 1. Browser meminta sebuah halaman ke suatu situs Web melalui protocol HTTP. 2. Permintaan diterima oleh Web server. 3. Web server segera mengirimkan dokumen HTML yang diminta ke klien. 4. Browser pada klien segera menampilkan dokumen yang diterima berdasarkan kode-kode pemformat yang terdapat pada dokumen HTML. Dengan menggunakan pendekatan Web dinamis dimungkinkan untuk membentuk aplikasi berbasis Web ( Web-based application). Sebagai contoh, system informasi akademis berbasis Web memungkinkan seorang mahasiswa melihat informasi nilai dari matakuliah-matakuliah yang sudah diambilnya dari luar kampus ( di mana saja). Selain itu, pada masa semester baru, mahasiswa dapat memasukan data KRS (kartu rencana setudi) melalui internet. 2.4 Sekilas Macromedia Dreamweaver 8
Macromedia Dreamweaver adalah sebuah HTML editor professional untuk mendesain secara visual dan mengelola situs atau halaman Web. Saat itu terdapat software dari kelompok Macromedia yang belakangan banyak digunakan untuk mendesain suatu situs Web. Versi terbaru dari Macromedia Dreamweaver saat ini adalah Dreamweaver 8. Pada Dreamweaver 8, terdapat beberapa kemampuan bukan hanya sebagai software untuk mendesain Web saja, tetapi juga untuk menyunting kode serta pembuatan aplikasi Web dengan menggunakan berbagai bahasa pemrograman Web, antara lain JPS, PHP, ASP, dan ColdFusion. Dreamweaver merupakan software utama yang digunakan oleh Web desainer maupun Web programmer dalam mengembangkan suatu situs Web. Hal ini disebabkan ruang kerja, fasilitas dan kemampuan Dreamweaver yang mampu meningkatkan produktivitas dan efektivitas dalam mendesain maupun membangun suatu situs web. Dreamweaver juga dilengkapi dengan fasilitas untuk manajemen situs yang cukup lengkap. Fasilitas penyutingan secara visual dari Dreamweaver 8 memungkinkan menambah desain dan fungsionalitas halaman-halaman Web. Mengedit image dalam Macromedia Firework. Selain itu dapat juga digunakan untuk menambahkan objek Flash ke dalam Dreamweaver 8. 2.4.1 Fasiltas Dalam Dreamweaver 8 User interface pada Dreamweaver 8 lebih baik dibandingkan versi sebelumnya. Dreamweaver 8 memiliki peningkatan kemampuan toolbar sehingga Dreamweaver 8 dapat digunakan untuk memodifikasi tampilan toolbar atau menambahkan fungsi baru.
Selain user interface baru, dreamweaver 8 memiliki kemampuan untuk menyunting kode dengan lebih baik, dreamweaver 8 juga dapat melakukan print kode pada jendela Code View. Selain itu juga memiliki fasilitas Code Hints yang membantu dalam urusan tag-tag serta Tag Inspector yang sangat berguna dalam menangani tagtag HTML. Dreaweaver 8 memiliki panel baru, yaitu panel Snippets yang memberikan fasilitas untuk menyunting dan menyimpan blok kode yang sering digunakan. Kemampuan-kemampuan baru Dreamweaver 8 lainnya adalah fasilitas untuk menangani dokumen - dokumen baru seperti XHTML, Extension Manager yang telah ditingkatkan kemampuannya, kemampuan validasi dan debug di browser, serta fasilitas penanganan pembuatan aplikasi database yang sebelumnya hanya terdapat pada Macromedia Dreamweaver MX Ultradev. 2.4.2 Memulai Dreamweaver 8 Seperti halnya program-program lainnya, untuk menjalankan sebuah program yang diinginkan, terlebih dahulu harus mengaktifkan computer yang dipakai. Dari tampilan program Windows, pilih tombol Start yang berada disudut kiri bawah tampilan windows atau pada taskbar, kemudian pilih All Programs untuk menampilkan semua program aplikasi yang terpasang pada computer. Pilih folder Macromedia => Macromedia Dreamweaver 8. 2.4.3 Ruang Kerja Dreamweaver 8
Saat pertama kali menjalankan Dreamweaver, akan ditampilkan sebuah kotak dialog Workspace Setup yang digunakan untuk memilih tampilan ruang kerja. 1. Designer workspace adalah sebuah penggabungan ruang kerja menggunakan MDI (Multiple Document Interface), di mana semua jendela dokumen dan panel-panel tergabung di dalam satu jendela aplikasi yang besar, dengan sisi panel group di sebelah kanan. 2. Coder workspace adalah ruang kerja yang tergabung sama, tapi sama digunakan oleh Macromedia HomeSite dan Macromedia ColdFusion Studio, dan jendela dokumen menampilkan tampilan code secara defauld. Tampilan ini sudah diakui pengguna homesite atau ColdFusion Studio dan pengguna code lainnya yang ingin mengenal tampilan ruang kerja. 3. Dokumen Window berfungsi untuk menampilkan dokumen di mana kita bekerja. 4. Insert Bar berisi tombol-tombol untuk menyisipkan berbagai macam objek seperti image, table, dan layar ke dalam dokumen. 5. Dokumen Toolbar berisi tombol-tombol dan menu pop-up yang menyediakan tampilan berbeda dari Document Window. 6. Panel Group adalah kumpulan panel yang saling berkaitan satu sama lainnya yang dikelompokan di bawah satu judul. 7. Tag Selector berfungsi untuk menampilkan hierarki tag di sekitar pilihan yang aktif pada Design view. 8. Property inspector digunakan untuk melihat dan mengubah berbagai property objek atau teks.
9. Site Panel digunakan untuk mengatur file-file dan folder-folder yang membentuk Web Anda. 2.4.4 Komponen Ruang Kerja Didalam ruang kerja Dreamweaver 8 terdapat beberapa komponen-komponen utama yang membentuk suatu ruang kerja. Ruang kerja Dreamweaver 8 ini memberikan kesatuan tampilan antara menu utama, panel, property inspector, serta toolbar. 2.4.4.1 Menu Utama Sistem menu yang terdapat pada Dreamweaver 8 sangat sederhana dan mudah untuk dipahami karena perintah-perintah yang terdapat pada hampir sebagian besar fungsi menu terdapat juga dalam panel. Dengan demikian anda tidak akan banyak menghabiskan waktu dengan melakukan perintah yang terdapat pada menu tetapi lebih banyak bekerja dengan menggunakan perintah-perintah yang terdapat dipanel. Di dalam system menu Dreamweaver 8 terdapat beberapa komponen yang Anda gunakan, yaitu: 1. Menu File dan menu Edit Menu File dan Edit berisi item menu standar, seperti New, Open, Save All, Cut, Copy, Paste, Undo dan Redo. Menu File terdiri dari beberapa macam perintah untuk menampilkan atau memperlakukan dokumen baru, seperti Priview in Browser dan Print Code. Menu Edit berisi perintah untuk pemilihan seperti Select Parent Tag, serta Find dan Replace.
2. Menu View Menu View berisi perintah untuk menampilkan beberapa macam tampilan dari dokumen (seperti tampilan Design view dan tampilan code) dan untuk menampilkan serta menyembunyikan beberapa elemen halaman dan tomboltombol Dreamweaver dan toolbar. 3. Menu Insert Menu insert berisi alternative baris Insert untuk menyisipkan objek di dalam dokumen. 4. Menu Modify Menu modify berisi perintah untuk melakukan perubahan property pada item atau halaman terpilih. Dengan menggunakan menu ini, anda dapat melakukan pengeditan atribute-atribute tag, mengganti table dan elemen table, serta bermacam bentuk aksi untuk item library dan template. 5. Menu Text Menu modify berisi perintah untuk melakukan perintah format teks. 6. Menu commands Menu command berisikan akses ke beberapa perintah, format kode yang sesuai dengan format pilihan Anda, membuat foto album, dan melakukan pengeditan gambar dengan Macromedia Fireworks. 7. Menu Site Menu site berisikan item menu untuk mengelola situs dan melakukan upload dan download file. 8. Menu Window
Menu Window menyediakan akses ke seluruh panel, inspector, dan jendela di dalam Dreamweaver. 9. Menu Help Menu help berfungsi untuk membuka lembar kerja help yang akan membantu Anda saat menggunakan Dreamweaver dan menyediakan bahan referensi untuk beberapa bahasa. 2.5 Bahasa Pemrograman PHP PHP merupakan singkatan dari Personal Home Page tools, sebelum akhirnya dipaksakan menjadi singkatan rekursif dari PHP: Hypertext Preprocessor, PHP dibuat pertama kali oleh rasmus lerdorf yang pada awalnya dibuat untuk menghitung jumlah homepagenya. Pertengahan tahun 1995 diliris PHP/FI (FI adalah singkatan dari form interpreter) yang memiliki kemampuan dasar membangun aplikasi web, memproses form, dan mendukung database MySQL. PHP adalah bahasa pemrograman script yang paling banyak dipakai saat ini. PHP banyak dipakai untuk pemrograman website, walaupun tidak tertutup kemungkinan untuk digunakan untuk pemakain lain. PHP merupakan salah satu bahasa server side scripting yang disisipkan di antara bahasa HTML untuk membuat halaman web yang dinamis. Dan karena bahasa berbasis server side, maka PHP akan dieksekusi di server, sehingga yang akan dikirimkan ke web browser adalah hasil dalam bentuk HTML dan kode PHP tidak akan terlihat.
Salah satu fungsi PHP adalah untuk menerima, mengolah, dan menampilkan data dari dan ke sebuah website. Data yang diterima akan diolah di sebuah program database server, dan kemudian hasilnya ditampilkan kembali ke layar web browser sebuah website. Seorang pengguna internet tidak dapat melihat kode program yang ditulis dalam PHP sehingga keamanan dari halaman web menjadi lebih terjamin. 2.5.1 Kelebihan PHP 1. Bahasa pemrograman PHP adalah sebuah bahasa script yang tidak kompilasi dalam penggunanya. 2. Web server yang mendukung PHP dapat ditemukan dimana-mana dari mulai IIS sampai dengan Apache, dengan konfigurasi ang relative mudah. 3. Dalam sisi pengembangan lebih mudah karena banyaknya mailist-mailist dan developer yang siap membantu dalam pengembangan. 4. Dalam sisi pemahaman PHP adalah bahasa script yang paling mudah karena memiliki banyak referensi. 5. PHP adalah bahasa open source yang dapat dipergunakan diberbagai system operasi seperti Linux, Unix, Windows dan dapat dijalankan secara mutlak dengan melakukan console dan juga menjalankan perintah-perintah system.
2.5.2 Kelemahan PHP 1.PHP tidak ideal untuk pengembangan skala besar 2.PHP tidak bias memisahkan antara tampilan dan logic dengan baik. 3.PHP memiliki kelemahan security tertentu apabila programmer tidak jeli dalam melakukan pemograman dan konfigurasi. 2.6. Pengenalan MYSQL MYSQL merupakan salah satu perangkat lunak system pengelolah basis data ( Data Base Management System). MYSQL juga dapat di kategorikan sebagai Relational Data Base Management system (RDBMS), karena dalam pembuatan basis data pada MYSQL dapat dipilah-pilah ke dalam berbagai table 2 dimensi. MYSQL pada saat ini, banyak digunakan oleh pemrograman web untuk membangun situs yang memerlukan basis data sebagai data dan pengolahan data. MYSQL dikembangkan sekitar tahun 1994 oleh sebuah perusahaan pengembangan software dan konsultan database bernama MySQL AB yang bertempat di Swedia. Waktu itu perusahaan ini masih bernama TcX DataKonsult AB, dan tujuan awal dikembangkannya MySQL adalah untuk mengembangkan aplikasi berbasis web pasa client. Awalnya Michael Widenius Monty, pengembang satu-satunya di TcX, memiliki sebuah aplikasi UNIREG dan rutin ISAM buatannya sendiri dan sedang mencari antarmuka SQL yang cocok untuk diimplementasikan ke dalamnya. Mulamula Monty sesuai, karena terlalu lambat dalam pemrosesan query.
Akhirnya monty menghubungi David Hughes, pembuat SQL yang sedang meliris versi kedua dari msql. Kemudian Monty mencoba membuat sendiri mesin SQL yang memiliki antarmuka mirip dengan SQL, tetapi dengan kemampuan yang lebih sesuai dan lahirlah MySQL. Tentang pengambilan nama MySQL, sampai saat ini masih belum ada asal usulnya. Ada yang berpendapat nama MySQL, sampai saat ini masih belum ada asal usulnya. Ada yang berpendapat nama MySQL dari huruf depan dan belakang Monty yang kebetulan bernama My (Divisi penelitian dan pengembangan MADCOMS-MADIUN,2004). 2.7. Pengertian Komputer Komputer berasal dari bahasa latin computare yang mengandung arti menghitung. Karena luasnya bidang garapan ilmu computer, para pakar dan peneliti sedikit berbeda dalam mendefinisikan terminology computer. Menurut V. Carl Hamacher, Zvonko G.Vranesic, safwat G.Zaky, computer organization (5 th edition), McGraw-Hill, 2001. Komputer adalah mesin penghitung elektronik yang cepat dan dapat menerima informasi input digital, kemudian memprosesnya sesuai dengan program yang tersimpan di memorinya, dan menghasilkan output berupa informasi. Menurut Robert H. Blissmer, Computer Annual, An Introduction to Information Systems 1985-1986 (2 nd Edition), John Wiley & Sons, 1985. Komputer adalah suatu alat elektronik yang mampu melakukan beberapa tugas sebagai berikut: 1. Menerima input. 2. Memproses input tersebut sesuai dengan programnya.
3. Menyimpan perintah-perintah dan hasil dari pengolahan. 4. Menyediakan output dalam bentuk informasi. Menurut Wiliam M. Fuori, introduction to the Computer: The Tool of Business (3 rd edition), Prentice Hall, 1981. Computer adalah suatu pemroses data yang dapat melakukan perhitungan besar secara cepat, termasuk perhitungan aritmatika dan operasi logika, tanpa campur tangan dari manusia. Dari berbagai pendapat di atas, muka dapat disimpulkan secara umum bahwa computer merupakan suatu peralatan elektronik yang dapat menerima input, mengolah input dengan menggunakan suatu program yang tersimpan di memori computer, memberikan output yang berupa informasi, dan dapat menyimpan program serta hasil pengolahan dalam suatu media penyimpanan. 2.8 Pengenalan Internet Internet berasal dari kata interconnection networking yang mempunyai arti hubungan berbagai computer dan berbagai tipe computer yang membentuk system jaringan yang mencakup seluruh dunia (jaringan global) dengan melalui jalur telekomunikasi seperti telepon, wireless dan lainnya (Mico pardosi, 2004). 2.8.1 Fasilitas dalam Dunia Internet Fasilitas-fasilitas yang tersedia dalam layanan internet antara lain: 1. WWW (World Wide Web) adalah layanan yang paling sering digunakan dan memiliki perkembangan yang sangat cepat karena dengan layanan ini
biasa menerima informasi dalam berbagai format (multimedia). Informasi dalam web disimpan ke bentuk dokumen yang disebut halaman web (web page). Untuk dapat mengakses layanan WWW dari sebuah computer digunakan program web client yang disebut web browser atau browser saja. Jenis-jenis browser yang sering digunakan adalah : Netscape, Navigator/Comunitor, Internet Explorer, Mozilla, dan lain sebagainya. 2. Search engine adalah salah satu fasilitas internet yang dijalankan melalui browser untuk mencari informasi yang di inginkan. Search engine menampung database situs-situs dari seluruh dunia yang jumlahnya milyaran halaman web, cukup dengan memasukan kata kuncinya maka search engine akan menampilkan beberapa link situs yang disertai dengan keterangan singkat. Seacrh engine yang sangat terkenal adalah Google, namun masih banyak search engine lainnya seperti Altavista, MSN, Yahoo Search dan sebagainya. 3. E-mail (Electronic Mail ) merupakan aplikasi surat menyurat melalui internet. Pengguna dapat saling bertukar berita. Berita-berita itu akan dikumpulkan dalam sebuah file untuk pengalamatan yang berupa mailbox, sehingga pengguna dapat membaca berita yang ditujukan kepadanya kapan saja. Namun sebelum menggunakan fasilitas dalam e-mail, harus terlebih dahulu terdaftar dan memiliki account di salah satu penyedia layanan e- mail seperti Yahoo. 4. Mailing list merupakan salah satu fasilitas internet untuk berdiskusi melalui e-mail, satu pesan dari seorang anggota akan diterima oleh semua anggota.
5. Chatting merupakan layanan percakapan online yang biasa digunakan pengguna internet untuk berbicara dengan pengguna lain. Untuk bias menggunakan fasilitas ini biasanya bias melalui sebuah situs atau dengan meng-install sebuah aplikasi khusus untuk melakukan chatting. Biasanya layanan ini digunakan untuk ajang kenalan, mencari teman baru, hingga menjadi solusi komunikasi yang murah dan mudah. Ada banyak program chatting diantaranya Yahoo Instant Messanger, mirc, MSN, dan lainnya. 6. FTP (file transfer Protocol) adalah salah satu protocol yang digunakan untuk melakukan pemindahan (transfer) baik upload atau download dari satu atau lebih file (dokumen) antara sebuah computer dan sembarang server FTP.