39 BAB 2 LANDASAN TEORI 2.1 Pengertian Komputer Kata komputer berasal dari bahasa Latin yaitu Computare yang artinya menghitung. Dalam bahasa Inggris disebut to compute. Secara definisi komputer diterjemahkan sebagai sekumpulan alat elektronik yang saling bekerja sama, dapat menerima data (input), mengolah data (proses) dan memberikan informasi (output) serta terkoordinasi dibawah kontrol program yang tersimpan dimemorinya. Prinsip kerja komputer diawali memasukkan data dari perangkat input, lalu data tersebut diolah sedemikian rupa oleh CPU sesuai yang kita inginkan dan data yang telah diolah tadi disimpan dalam memori komputer atau disk. Data yang tersimpan dapat kita lihat hasilnya melalui perangkat keluaran. Komputer terdiri dari tiga komponen utama yang tidak dapat dipisahkan, yaitu: perangkat keras (hardware) merupakan peralatan fisik dari komputer yang dapat kita lihat dan rasakan, perangkat lunak (software) merupakan program program komputer yang berguna untuk menjalankan suatu pekerjaan sesuai dengan yang dikehendaki dan pengguna (brainware) merupakan personil personil yang terlibat langsung dalam pemakaian komputer seperti sistem analis, programmer, operator, user dan lainnya.
40 Beberapa tahun lalu penggolongan komputer dilakukan atas dasar besarnya RAM yang ada tiap komputer. Waktu itu komputer yang memiliki memori atau RAM antara 512 KB hingga 1 MB disebut dengan Komputer Mikro dan yang memiliki RAM lebih dari 1 MB disebut Komputer Mini. Penggolongan seperti ini sekarang tidak tepat lagi karena komputer saku pun sekarang sudah banyak yang memiliki RAM lebih besar dari 1 MB. Penggolongan jenis komputer yang lebih tepat adalah berdasarkan jenis prosesor yang ada pada komputer, karena kemampuan kerja komputer ditentukan oleh kemampuan prosesornya, semakin tinggi jenis prosesor yang digunakan maka semakin tinggi pulalah kinerja dari komputer tersebut. 2.2 Pengertian Internet Internet adalah singkatan dari inter network yang berasal dari bahasa Latin Inter, yang berarti antara. Secara harfiah, internet ialah rangkaian komputer yang terhubung dengan beberapa rangkaian secara global dengan menggunakan TCP/IP sebagai protokol pertukaran paket (packet switching communication protocol). Rangkaian pusat yang membentuk internet diawali pada tahun 1969 sebagai ARPANET, yang dibangun oleh ARPA (United States Department of Defense Advanced Research Projects Agency). Pada 1 Januari 1983, ARPANET menukar protokol rangkaian pusatnya dari NCP ke TCP/IP. Ini merupakan awal dari internet yang kita kenal saat ini. Pada sekitar 1990-an, internet telah berkembang dan menyambungkan kebanyakan pengguna jaringan komputer yang ada.
41 Jumlah pengguna komputer yang besar dan semakin berkembang mempunyai pengaruh yang besar atas ilmu dan pendangan dunia. Dengan hanya berpandukan mesin pencari seperti Google, pengguna diseluruh dunia mempunyai akses internet yang mudah atas bermacam macam informasi. Internet melambangkan penyebaran (decentralization) pengetahuan (knowledge) informasi dan data secara ekstrim. 2.3 Pengertian Website Sebuah situs web (sering pula disingkat menjadi situs, website atau site) adalah sebutan bagi sekolompok halaman web yang umumnya merupakan bagian dari suatu nama domain atau subdomain di World Wide Web (WWW) di internet. WWW terdiri dari seluruh situs web yang tersedia kepada publik. Halaman halaman sebuah situs web diakses dari sebuah URL yang menjadi akar (root) yang disebut homepage (halaman induk), dan biasanya disimpan dalam server yang sama. Penemu Website adalah Sir Timothy John Tim Bernes-Lee, sedangkan website yang tersambung dengan jaringan pertama kali muncul pada tahun 1991. Maksud dari Tim ketika membuat website adalah untuk mempermudah tukar menukar dan memperbarui informasi kepada sesama peneliti ditempat di bekerja. Pada tanggal 30 April 1993, CERN (tempat dimana Tim bekerja) menginformasikan bahwa WWW dapat digunakan secara gratis oleh semua orang. Sebuah web page hampir selalu bisa diakses melalui HTTP (Hypertext Transfer Protocol), yaitu protokol yang menyampaikan informasi dari server website untuk ditampilkan kepada para pemakai melalui web browser. Web page adalah
42 dokumen yang ditulis atau secara dinamik dikonversi menjadi format HTML (Hypertext Text Markup Language), sebuah bahasa standar yang digunakan untuk membuat halaman web dan menampilkan berbagai informasi didalam sebuah browser internet. Sebuah website dinamis adalah website yang secara berkala informasi didalamnya berubah atau website ini dapat berhubungan dengan pengguna dengan berbagai macam cara atau metode. Ketika web server menerima permintaan dari pengguna atau memberikan halaman tertentu, maka halaman tersebut akan secara otomatis diambil dari media penyimpanan sebagai respon dari permintaan yang diminta oleh pengguna. 2.3.1 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
43 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 perintah-perintah 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 gambar-gambar dan animasi yang nantinya akan digunakan didalam halaman web yang akan dibuat. Berikut contohnya: Adobe Photoshop, Corell Draw, Macromedia Flash. 2.4 Pengenalan PHP PHP adalah bahasa pemrograman script yang paling banyak dipakai saat ini. PHP banyak dipakai untuk memrogram situs web dinamis, walaupun tidak tertutup kemungkinan digunakan untuk pemakaian lain.
44 Sejarah PHP dimulai pada Tahun 1995, ketika Rasmus Lerdorf seseorang software development contractor mengembangkan skrip Perl/CGI mengetahui jumlah pembaca online resume-nya. 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 November 1997, dirilis PHP/FI 2.0. Pada PHP/FI 2.0 ini interperter sudah diimplementasikan dalam C dan disertakan pula modul modul ekstensi yang meningkatkan kemampuan PHP/FI secara signifikan. 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 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 mutakhir dari PHP. Dalam versi ini, inti dari interpreter PHP mengalami perubahan besar. Dalam versi ini juga
45 dikenalkan model pemrograman berorientasi objek baru untuk menjawab perkembangan bahasa pemrograman kearah pemrograman berorientasi objek. Kelebihan PHP dari bahasa pemrograman lain : 1. Bahasa pemrograman PHP adalah sebuah bahasa script yang tidak melakukan sebuah kompilasi dalam penggunaannya. 2. Web Server yang mendukung PHP dapat ditemukan dimana-mana dari mutasi IIS sampai dengan apache, dengan konfigurasi yang relatif mudah. 3. Dalam sisi pengembangan lebih mudah, karena banyaknya milis milis dan organisasi yang siap membantu dalam pengembangan. 4. Dalam sisi pemahaman, PHP adalah bahasa script yang paling mudah karena referensi yang banyak. 5. PHP adalah bahasa open source yang dapat digunakan diberbagai sistem operasi. 2.5 Pengenalan Apache Apache merupakan perangkat lunak sumber terbuka dikembangkan oleh komunitas terbuka yang terdiri dari pengembang pengembang dibawah naungan Apache Software Foundation. Apache merupakan server web yang dapat dijalankan dibanyak sistem operasi (Unix, BSD, Linux, Microsoft Windows dan Novell Netware serta paltform lainnya) yang berguna untuk melayani situs web. Pada awal mulanya Apache merupakan perangkat lunak sumber terbuka yang menjadi alternatif dari server web Netscape (sekarang dikenal sebagai Sun Java System Web Server). Sejak April 1996 Apache menjadi server web terpopuler di
46 internet. Pada Mei 1999, Apache digunakan di 57% dari semua web server di dunia. Pada November 2005 persentase ini naik menjadi 71%. Asal mula nama Apache berasal ketika sebuah server web populer yang dikembangkan pada awal 1995yang bernama NCSA HTTPd 1.3 memiliki sejumlah perubahan besar terhadap kode sumbernya (patch). Karena banyaknya patch pada perangkat lunak tersebut sehingga disebut sebuah server yang memiliki banyaknya patch ( a patchy server). Tetapi pada halaman FAQ situs web resminya, disebutkan bahwa Apache dipilih untuk menghormati suku asli Indian Amerika Apache (Inde), yang dikenal karena keahlian dan strategi perangnya. Versi 2 dari Apache ditulis dari awal tanpa mengandung kode sumber dari NCSA. 2.6 Pengenalan MySQL MySQL merupakan software sistem manajemen database (Database Management System DBMS) yang berkaitan dengan pembangunan aplikasi halaman web yang menggunakan database sebagai sumber dan pengelola datanya. MySQL sangat populer dikalangan pemrograman web, terutama dilingkungan Linux dengan menggunakan script PHP. MySQL dikembangkan oleh sebuah perusahaan Swedia bernama MySQL AB, yang kala itu bernama TcX Data Konsult AB, sejak sekitar 1994-1995 meski cikal bakal kodenya bisa disebut sudah ada sejak 1979. Tujuan awal TcX membuat MySQL memang untuk mengembangkan aplikasi Web. TcX adalah perusahaan pengembang software dan konsultan database. Mulanya TcX memakai msql (mini SQL), namun
47 ternyata menurut Monty, msql tidaklah cukup cepat maupun fleksibel. Setelah mencoba menghubungi David Hughes pembuat msql dan ternyata mengetahui bahwa David tengah sibuk mengembangkan versi dua, maka keputusan yang diambil Monty yaitu membuat sendiri mesin SQL yang antarmukanya mirip dengan msql tapi memiliki kemampuan yang lebih sesuai kebutuhan. Maka lahirlah MySQL. MySQL versi 1.0 dirilis Mei 1996 secara terbatas kepada empat orang. Baru dibulan Oktober versi 3.11.0 dilepas ke publik. Namun mula mula kode ini tidak diberikan di bawah lisensi General Publik License, melainkan lisensi khusus. Source code MySQL dapat dilihat, gratis dan server MySQL dapat dipakai tanpa biaya. Versi awal MySQL meski sudah bisa dipakai untuk aplikasi Web sederhana namun belum memadai sama sekali untuk aplikasi bisnis. Contohnya sudah ada LIMIT tapi GROUP BY dan ORDER BY memiliki keterbatasan. Barulah di versiversi akhir 3.22 sepanjang 1998-1999 MySQL menjadi semakin populer dan dilirik orang. Stabilitasnya sudah baik, kecepatannya meningkat dan sudah tersedia di berbagai platform. Bila diseri 3.22 MySQL mulai diadopsi banyak orang dan meningkat populasi penggunaanya, maka diseri 3.23 dan 4.0 terjadi banyak peningkatan dari sisi teknologi. Diseri 3.23 MySQL mulai memiliki kemampuan transaksi, row-level locking dan foreign key constraint. 2.7 Pengenalan Macromedia Dreamweaver 8 Macromedia Dreamweaver adalah sebuah HTML editor profesional untuk mendesain secara visual dan mengolah situs atau halaman web. Versi terbaru dari Macromedia
48 dreamweaver saat ini adalah Macromedia Dreamweaver 8. Pada Macromedia 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. Tampilan jendela awal Macromedia Dreamweaver 8 seperti ditunjukkan pada Gambar 2.1 di bawah ini. Gambar 2.1 Tampilan Jendela Halaman Awal Dreamweaver 8 Macromedia 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 Macromedia yang mampu meningkatkan produktivitas dan efektivitas dalam desain maupun membangun suatu situs Web.
49 User interface pada Dreamweaver 8 lebih baik dibandingkan versi sebelumnya. Dreamweaver 8 memiliki peningkatan kemampuan toolbar sehingga Dreamweaver 8 dapat digunakan untuk memodifikasi tampilan tollbar atau menambah fungsi baru. 2.7.1 Komponen Komponen Macromedia Dreamweaver 8 Komponen komponen yang terdapat pada ruang kerja Dreamweaver 8 adalah : 1. Document Window, berfungsi untuk menampilkan dokumen dimana kita sekarang bekerja. 2. Insert Bar, berisi tombol tombol untuk menyisipkan berbagai macam objek seperti image, tabel, dan layer ke dalam dokumen. 3. Document Toolbar, berisi tombol tombol dan menu pop-up yang menyediakan tampilan berbeda dari Document window. 4. Panel Groups, adalah kumpulan panel yang saling berkaitan satu sama lainnya yang dikelompokkan dibawah satu judul. 5. Tag Selector, berfungsi untuk menampilkan hierarki tag disekitar pilihan yang aktif pada Design view. 6. Property Inspector, digunakan untuk mengatur file file dan folder folder yang membentuk situs Web.
50 2.8 Bahasa Pemograman untuk Desain Web Ada beberapa bahasa pemogaraman yang digunakan untuk mendesain web diantaranya adalah: 2.8.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
51 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. 2.8.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.8.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
52 dahulu sementara gambar dan lain dapat ditampilkan sesudahnya. Selain itu penggunaan CSS pada file terpisah dapat mempermudah pengubahan tampilan situs secara keseluruhan. 2.9 Macromedia Fireworks Macromedia Fireworks menjadi solusi yang baik untuk produksi dan desain grafik web profesional Macromedia Fireworks menjadi lingkungan produksi yang solusi inovatifnya bisa menyelesaikan 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.2 Halaman Depan Macromedia Fireworks 8