BAB 2 LANDASAN TEORI 2.1 Sejarah Singkat Internet Internet berawal dari diciptakannya teknologi jaringan komputer. Jaringan komputer merupakan beberapa komputer yang terhubung satu sama lain dengan memakai kabel dalam satu lokasi, misalnya satu kantor atau gedung. Jaringan komputer ini berfungsi agar pengguna komputer bisa bertukar informasi dan data dengan pengguna komputer lainnya. ARPAnet (US Defense Advanced Research Projects Agency) atau Departemen Pertahanan Amerika pada tahun 1969 membuat jaringan komputer yang tersebar untuk menghindarkan terjadinya informasi terpusat, yang apabila terjadi perang dapat mudah dihancurkan. Jadi bila satu bagian dari sambungan jaringan terganggu dari serangan musuh, jalur yang melalui sambungan itu secara otomatis dipindahkan ke sambungan lainnya. Setelah angkatan bersenjata Amerika, dunia pendidikan pun merasa sangat perlu mempelajari dan mengembangkan jaringan komputer. Salah satunya adalah Universitas of California at Los Angeles (UCLA). Akhirnya pada tahun 1970 internet banyak digunakan di universitas-universitas di Amerika dan berkembang pesat sampai saat ini. Agar para pengguna komputer dengan merek dan tipe berlainan dapat saling berhubungan, maka para ahli
membuat sebuah protokol (semacam bahasa) yang sama untuk dipakai di internet. Namanya TCP (Transmission Control Protocol, bahasa Indonesianya Protokol Pengendali Transmisi) dan IP (Internet Protocol). 2.2 World Wide Web (WWW) World Wide Web (WWW), lebih dikenal dengan web, merupakan salah satu layanan yang didapat oleh pemakai komputer yang terhubung ke internet. Web pada awalnya adalah ruang informasi dalam internet, dengan menggunakan teknologi hypertext, pemakai dituntun untuk menemukan informasi dengan mengikuti link yang disediakan dalam dokumen web yang ditampilkan dalam browser web. Kini internet identik dengan web, karena kepopuleran web sebagai standar interface pada layanan-layanan yang ada di internet, dari awalnya sebagai penyedia informasi, kini digunakan juga untuk komunikasi dari email sampai dengan chatting, sampai dengan melakukan transaksi bisnis (commerce). Kini, web seakan lebih populer daripada email, walaupun secara statistik email masih merupakan aplikasi terbanyak yang digunakan oleh pengguna internet. Web lebih populer bagi khalayak umum dan pemula, terutama untuk tujuan pencarian informasi dan melakukan komunikasi email yang menggunakan web sebagai interfacenya.
Internet identik dengan web, karena popularitasnya sebagai penyedia informasi dan interface yang dibutuhkan oleh pengguna internet dari masalah informasi sampai dengan komunikasi. Informasi produk dari yang serius sampai dengan yang sampah, dari yang cumacuma sampai dengan yang komersial, semuanya ada. Web memudahkan pengguna komputer untuk berinteraksi dengan pelaku internet lainnya dan menelusuri (informasi) di internet. Selain itu web telah diadopsi oleh perusahaan sebagai sebagian dari strategi teknologi informasinya, karena beberapa alasan : a. Akses informasi mudah. b. Setup server lebih mudah. c. Informasi mudah didistribusikan. d. Bebas platform; informasi dapat disajikan oleh browser web pada sistem operasi mana saja karena adanya standar dokumen berbagai tipe data dapat disajikan. 2.2.1 Web Dinamis dan Web Statis Secara umum web dapat dibagi menjadi 2 kategori, yaitu web dinamis dan web statis. Perbedaan keduanya dapat dilihat dari jenis web tersebut. Web dinamis adalah jenis web yang isinya selalu berubah-ubah. Contoh web dinamis adalah web berita, web perdagangan (e-commerce), sedangkan web statis merupakan jenis web yang isinya tidak berubah-ubah biasanya web jenis ini dibuat menggunakan teknologi HTML
yang isinya tidak dapat dirubah kecuali dengan cara merubah langsung isinya dari file aslinya (*.html). 2.2.2 Komponen-Komponen Penyusun Web Untuk membuat web, diperlukan beberapa komponen yang harus ada (terinstall) didalam komputer, yaitu: 1. Web browser merupakan perangkat lunak wajib yang harus terdapat di komputer karena untuk menjalankan aplikasi web harus menggunakan web browser. Beberapa contohnya: Internet Explorer, Mozilla Firefox, Opera, Safari. 2. Web server merupakan perangkat lunak wajib jika membuat sebuah halaman web dinamis. Dalam web server semua script-script web yang dibuat diletakkan. biasanya diletakkan dalam document root dalam web server tersebut. dengan menggunakan web server maka pembuat web dapat melakukan uji coba terhadap halaman-halaman web yang dibuat tanpa harus mencobanya di internet langsung (localhost). Contah Web Server adalah IIS, Apache, Xitami. 3. Script digunakan untuk membuat web statis menggunakan client side scripting (HTML, XML, CSS style sheet, java script). Untuk membuat web dinamis menggunakan server side scripting (ASP, PHP, JSP). 4. Database server merupakan tempat penyimpan data dalam sebuah web. contohnya: MySQL, Microsoft SQL Server, Oracle, DB2 (IBM), PostgreSQL. 5. Web editor merupakan perangkat lunak yang digunakan untuk mengetikkan perintahperintah script yang digunakan baik itu client side scripting ataupun server side scripting bahkan beberapa web editor dapat digunakan untuk mengatur layout/
tampilan halaman web secara instant. berikut contoh web editor: Notepad, Macromedia Dreamweaver, Ultra Edit, Adobe Go Live, NetBean. 6. Image editor merupakan perangkat lunak yang digunakan untuk mengelola gambargambar dan animasi yang nantinya akan digunakan didalam halaman web yang akan dibuat. Berikut contohnya: Adobe Photoshop, Corell Draw, Macromedia Flash. 2.2.3 Web Browser Web Browser adalah software yang digunakan untuk menampilkan informasi dari server web. Software ini kini telah dikembangkan dengan menggunakan user interface grafis, sehingga pemakai dapat dengan mudah melakukan point dan click untuk pindah antardokumen. Di saat perkembangan WWW ada dua browser web yang populer yaitu Internet Explorer (IE) dan Netscape Navigator. Namun saat ini bermunculan browser web lain yang turut meramaikan persaingan untuk merebut para pengguna internet. Di antara browser web yang telah banyak digunakan pada saat peluncurannya adalah MSN, Opera dan Mozilla Firefox. Diantara browser web ini terdapat kelebihan dan kekurangan sehingga pengguna dapat memilih sesuai keinginan dan kemudahan yang ditawarkan. 2.2.4 Web Server Web server adalah komputer yang digunakan untuk menyimpan dokumen-dokumen web, komputer ini akan melayani permintaan dokumen web dari kliennya.
Web browser seperti IE atau Opera berkomunikasi melalui jaringan (termasuk jaringan internet) dengan web server, menggunakan HTTP. Browser akan mengirimkan request kepada server untuk meminta dokumen tertentu atau layanan lain yang disediakan oleh server. Server memberikan dokumen atau layanannya jika tersedia juga dengan menggunakan protokol HTTP. 2.3 Hypertext Preprocessor (PHP) PHP merupakan salah satu bahasa pemrograman web yang masih muda namun telah mengalami perkembangan yang cukup signifikan dan telah banyak digunakan oleh banyak user dalam membuat aplikasi web baik perseorangan maupun perusahaan. 2.3.1 Sejarah PHP PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995. Pada waktu itu PHP bernama FI (Form Interpreted). Pada saat tersebut PHP adalah sekumpulan script yang digunakan untuk mengolah data form dari web. Perkembangan selanjutnya adalah Rasmus melepaskan kode sumber tersebut dan menamakannya PHP/FI, pada saat tersebut kepanjangan dari PHP/FI adalah Personal Home Page/Form Interpreter. Dengan pelepasan kode sumber ini menjadi
open source, maka banyak programmer yang tertarik untuk ikut mengembangkan PHP. Pada tahun 1997, sebuah perusahaan bernama Zend, menulis ulang interpreter PHP menjadi lebih bersih, lebih baik dan lebih cepat. Kemudian pada Juni 1998 perusahaan tersebut merilis interpreter baru untuk PHP dan meresmikan nama rilis tersebut menjadi PHP 3.0. Pada pertengahan tahun 1999, Zend merilis interpreter PHP baru dan rilis tersebut dikenal dengan PHP 4.0. PHP 4.0 adalah versi PHP yang paling banyak dipakai. Versi ini banyak dipakai sebab versi ini mampu dipakai untuk membangun aplikasi web kompleks tetapi tetap memiliki kecepatan proses dan stabilitas yang tinggi. Pada Juni 2004, Zend merilis PHP 5.0. Versi ini adalah versi mutakhir dari PHP. Dalam versi ini, inti dari interpreter PHP mengalami perubahan besar. Dalam versi ini juga dikenalkan model pemrograman berorientasi objek baru untuk menjawab perkembangan bahas pemrograman kearah pemrograman berorientasi objek. 2.3.2 Keunggulan PHP
Keunggulan bahasa pemograman PHP dari pada bahasa pemograman lain sebagai berikut: a. Bahasa pemrograman php adalah sebuah bahasa script yang tidak melakukan sebuah kompilasi dalam penggunaanya. b. Web Server yang mendukung php dapat ditemukan dimana - mana dari mulai IIS sampai dengan apache, dengan konfigurasi yang relatif mudah. c. Dalam sisi pengembangan lebih mudah, karena banyaknya milis - milis dan developer yang siap membantu dalam pengembangan. d. Dalam sisi pemahamanan, php adalah bahasa scripting yang paling mudah karena referensi yang banyak. e. PHP adalah bahasa open source yang dapat digunakan di berbagai mesin (linux, unix, windows). 2.3.3 Skrip PHP Skrip PHP berkedudukan sebagai tag dalam bahasa HTML. Suatu skrip akan dikenali sebagai skrip PHP bila diapit oleh tanda : a. <?php.....?> b. <?........?> c. <script language= PHP >..... </script> Skrip yang dibuat dengan PHP disimpan dengan nama file dan diikuti dengan ekstensi *.php, misalnya : contoh.php. Bila skrip PHP diakses melalui komputer lokal maka file PHP disimpan di folder htdocs di web server.
Berikut ini contoh dari skrip PHP: <?php Echo ( Hallo );?> Gambar 2.1 Dokumen PHP ditampilkan di web browser 2.3.4 Integrasi dengan Database PHP yang digabungkan dengan database akan lebih berkekuatan jika digabungkan dengan database yang reliabel, gratis dan mudah diinstalasi. Terdapat 2 jenis database yang memenuhi yaitu MySQL dan PostgreSQL. Kedua jenis database ini dipergunakan karena kinerja yang bagus dan, untuk mengaksesnya, PHP mempunyai fungsi khusus. Berikut ini daftar database yang didukung oleh PHP sampai versi 5 : Tabel 2.1 Daftar Database Yang Didukung PHP
No. Nama Database No. Nama Database 1. Adabas D 12. Direct MS-SQL 2. DBase 13. MySQL 3. Empress 14. ODBC 4. FilePro (read-only) 15. Oracle (OCI7 dan OCI8) 5. Hyperwave 16. Ovrimos 6. IBM DB2 17. PostgreSQL 7. Informix 18. SQLite 8. Ingres 19. Solid 9. Interbase 20. Sybase 10 FrontBase 21. Velocis 11. MSQL 22. Unix dbm 2.4 MySQL MySQL merupakan salah satu perangkat lunak sistem pengelola basis data (Data Base Management System). MySQL juga dapat dikategorikan sebagai Relational Data Base Management System (RDBMS), karena dalam pembuatan basis data pada MySQL dapat dipilah-pilah ke dalam berbagai tabel 2 (dua) dimensi. Setiap tabel pada MySQL terdiri atas
lajur horizontal dan lajur vertikal. MySQL, pada saat ini, banyak digunakan oleh pemrogram web untuk membangun situs yang memerlukan basis data sebagai data dan pengolahan data Penyebab utama MySQL begitu popular di kalangan Web adalah karena ia memang cocok bekerja di lingkungan tersebut. Pertama, MySQL tersedia di berbagai platform Linux dan berbagai varian Unix. Sesuatu yang tidak dimiliki Access, misalnya padahal Access amat popular di platform Windows. Banyak server Web berbasiskan Unix, ini menjadikan Access otomatis tidak dapat dipakai karena ia pun tidak memiliki kemampuan client-server/networking. Kedua, fitur-fitur yang dimiliki MySQL memang yang biasanya banyak dibutuhkan dalam aplikasi web, misalnya dalam mengolah string. Yang terakhir misalnya, praktis untuk melakukan penyimpanan password anggota situs. 2.5 Bahasa Pemograman untuk Desain Web Ada beberapa bahasa pemogaraman yang digunakan untuk mendesain web diantaranya adalah: 2.5.1 HyperText Markup Language (HTML)
HTML adalah file teks murni yang dapat dibuat dengan editor teks sembarang. Dokumen ini dikenal sebagai web page. HTML merupakan dokumen yang disajikan dalam browser web. Dokumen ini umumnya berisi informasi atau interface aplikasi di dalam internet. Ada dua cara untuk membuat sebuah web page : dengan web editor (misalnya Macromedia Dreamweaver atau Microsoft Frontpage) atau dengan editor teks biasa (misalnya notepad). Dokumen HTML disusun oleh elemen-elemen. Elemen merupakan istilah bagi komponen-komponen dasar pembentuk dokumen HTML. Untuk menandai berbagai elemen dalam suatu dokumen HTML, digunakan tag. Tag HTML terdiri atas sebuah kurung sudut kiri (<, tanda lebih kecil), sebuah nama tag, dan sebuah kurung sudut kanan (>, tanda lebih besar). Tag umumnya berpasangan (misalnya <H1> dengan </H1>), tag yang menjadi pasangan selalu diawali dengan karakter gais miring. Tag yang pertama menunjukkan tag awal yang berarti awal elemen, dan yang kedua menunjukkan tag akhir, berarti akhir elemen. Dalam membuat suatu dokumen HTML dibutuhkan elemen yang dinyatakan dengan tag <html>, <head> dan <body> berikut tag-tag pasangannya. Setiap dokumen terdiri atas tag head dan body. Elemen head berisi informasi tentang dokumen tersebut, dan elemen body berisi teks yang sebenarnya yang tersusun dari link, grafik, paragraf dan elemen lainnya. Secara umum dokumen dibagi menjadi dua section (bagian), yaitu section head dan section body. Contoh penulisan suatu dokumen HTML sebagai berikut :
<!--contoh.html--> <html> <head> <title> Halaman Contoh </title> </head> <body> File ini merupakan file contoh. <br> <b> Ini untuk membuat huruf cetak tebal </b> </body> </html>
Gambar 2.2 Dokumen HTML ditampilkan di Web Browser 2.5.2 JavaScript JavaScript pertama kali nuncul di Netscape2.0 dan dikembangkan lebih lanjut pada Netscape 3.0. Walaupun memiliki nama yang serupa. JavaScript sama sekali tidak berhubungan dengan Java. JavaScript adalah bahasa pemograman yang ditempatkan pada kode HTML dan diproses pada sisi klien. Dengan adanya bahasa ini maka kemampuan dokumen HTML menjadi lebih luas. Sebagai contoh, digunakan untuk validasi masukan pada formulir sebelum diproses ke tahap selanjutnya. Bisa untuk membuat permainan interaktif dan juga bisa untuk desain web. 2.5.3 Cascading Style Sheet(CSS) CSS banyak digunakan untuk memperluas kemampuan HTML dalam memformat dokumen web atau untuk mempercantik tampilan web, bahkan untuk pemosisian dan layouting halaman web. Dengan mendefinisikan suatu style sekali saja maka style itu akan dapat digunakan berulang kali. CSS telah didukung kebanyakan browser, terutama versi baru sehingga penempatan layout menjadi lebih fleksibel. Membuat HTML menggunakan tag minimal berpengaruh terhadap ukuran file, dapat menampilkan konten utama terlebih dahulu sementara gambar dan
lain dapat ditampilkan sesudahnya. Selain itu penggunaan CSS pada file terpisah dapat mempermudah pengubahan tampilan situs secara keseluruhan. 2.6 Macromedia Dreamweaver Dalam membuat suatu website diperlukan suatu editor. Salah satu editor yang sangat sederhana adalah notepad. Dengan perkembangan perangkat lunak, suatu perusahaan yang bernama Macromedia, Inc. membuat suatu editor berbasis GUI yang dikhususkan untuk pembuatan website yang diberi nama Dreamweaver. Dreamweaver merupakan editor HTML yang professional untuk mendesain, menulis kode program, dan mengembangkan website, halaman web, dan aplikasi web. Dalam pengerjaannya, Dreamweaver memberikan 3 (tiga) pilihan yaitu bekerja dengan menulis kode program (Menu Code), dengan pengeditan secara visual (Mode Design) dan dengan tampilan keduanya (Mode Split). Dreamweaver juga menyediakan alat-alat bantu untuk mengembangkan kreativitas pembuatan web.
Gambar 2.3 Macromedia Dreamweaver 8 2.7 Macromedia Fireworks Macromedia Fireworks menjadi solusi yang baik untuk produksi dan desain grafik web profesional Macromedia Fireworks menjadi lingkungan produksi yang solusi inovatifnya bisamenyelesaikan masalah utama yang di hadapi perancangan grafis dan webmaster Fireworks membebaskan para perancang web untuk melompat mondar-mandir antara banyak tugas aplikasi spesifik. Firework menghasilkan Javascript, membuat rollover dan menu pop-up mudah diciptakan. Ketika suatu dokumen lengkap, kita dapat mengekspor atau menyimpanya sebagai file JPEG, GIF atau format lain untuk digunakan pada web.
Gambar 2.4 Halaman Depan Macromedia Fireworks 8