BAB 2 LANDASAN TEORI 2.1 Sejarah Singkat Internet Internet

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
Universitas Sumatera Utara
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.
Universitas Sumatera Utara
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
Universitas Sumatera Utara
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/
Universitas Sumatera Utara
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.
Universitas Sumatera Utara
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
Universitas Sumatera Utara
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
Universitas Sumatera Utara
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.
Universitas Sumatera Utara
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
Universitas Sumatera Utara
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
Universitas Sumatera Utara
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)
Universitas Sumatera Utara
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 :
Universitas Sumatera Utara
<!--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>
Universitas Sumatera Utara
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
Universitas Sumatera Utara
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.
Universitas Sumatera Utara
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.
Universitas Sumatera Utara
Gambar 2.4 Halaman Depan Macromedia Fireworks 8
Universitas Sumatera Utara