BAB 2
LANDASAN TEORI
2.1. Sejarah Singkat Internet
Istilah INTERNET berasal dari bahasa Latin inter, yang berarti “antara”. Secara kata per kata INTERNET berarti jaringan antara atau penghubung. Memang itulah fungsinya, INTERNET menghubungkan berbagai jaringan yang tidak saling bergantung pada satu sama lain sedemikian rupa, sehingga mereka dapat berkomunikasi. Sistem apa yang digunakan pada masing-masing jaringan tidak menjadi masalah, apakah sistem DOS atau UNIX.
Sementara jaringan lokal biasanya terdiri atas komputer sejenis (misalnya DOS atau UNIX), INTERNET mengatasi perbedaan berbagai sistem operasi dengan menggunakan “bahasa” yang sama oleh semua jaringan dalam pengiriman data. Pada dasarnya inilah yang menyebabkan besarnya dimensi INTERNET.
Dengan demikian, definisi INTERNET ialah “jaringannya jaringan”, dengan menciptakan kemungkinan komunikasi antar jaringan di seluruh dunia tanpa bergantung kepada jenis komputernya atau internet dapat diartikan sebagai jaringan komputer luas dan besar yang mendunia, yaitu menghubungkan pemakai komputer dari suatu negara ke negara lain di seluruh dunia, dimana di dalamnya terdapat
Universitas Sumatera Utara
berbagai sumber daya informasi dari mulai yang statis hingga yang dinamis dan interaktif.
Berikut sejarah kemunculan dan perkembangan internet. Sejarah internet dimulai pada 1969 ketika Departemen Pertahanan Amerika, U.S. Defense Advanced Research Projects Agency (DARPA) memutuskan untuk mengadakan riset tentang bagaimana caranya menghubungkan sejumlah komputer sehingga membentuk jaringan organik. Program riset ini dikenal dengan nama ARPANET. Pada 1970, sudah lebih dari 10 komputer yang berhasil dihubungkan satu sama lain sehingga mereka bisa saling berkomunikasi dan membentuk sebuah jaringan.
Tahun 1972, Roy Tomlinson berhasil menyempurnakan program e-mail yang ia ciptakan setahun yang lalu untuk ARPANET. Program e-mail ini begitu mudah sehingga langsung menjadi populer. Pada tahun yang sama, icon @ juga diperkenalkan sebagai lambang penting yang menunjukkan "at" atau "pada". Tahun 1973, jaringan komputer ARPANET mulai dikembangkan ke luar Amerika Serikat. Komputer University College di London merupakan komputer pertama yang ada di luar Amerika yang menjadi anggota jaringan Arpanet. Pada tahun yang sama, dua orang ahli komputer yakni Vinton Cerf dan Bob Kahn mempresentasikan sebuah gagasan yang lebih besar, yang menjadi cikal bakal pemikiran internet. Ide ini dipresentasikan untuk pertama kalinya di Universitas Sussex.
Hari bersejarah berikutnya adalah tanggal 26 Maret 1976, ketika Ratu Inggris berhasil mengirimkan e-mail dari Royal Signals and Radar Establishment di Malvern. Setahun kemudian, sudah lebih dari 100 komputer yang bergabung di ARPANET membentuk sebuah jaringan atau network. Pada 1979, Tom Truscott, Jim Ellis dan
Universitas Sumatera Utara
Steve Bellovin, menciptakan newsgroups pertama yang diberi nama USENET. Tahun 1981 France Telecom menciptakan gebrakan dengan meluncurkan telepon televisi pertama, dimana orang bisa saling menelepon sambil berhubungan dengan video link.
Karena komputer yang membentuk jaringan semakin hari semakin banyak, maka dibutuhkan sebuah protokol resmi yang diakui oleh semua jaringan. Pada tahun 1982 dibentuk Transmission Control Protocol (TCP) dan Internet Protokol (IP) yang kita kenal semua. Sementara itu di Eropa muncul jaringan komputer tandingan yang dikenal dengan Eunet, yang menyediakan jasa jaringan komputer di negara-negara Belanda, Inggris, Denmark dan Swedia. Jaringan Eunet menyediakan jasa e-mail dan newsgroup USENET.
Untuk menyeragamkan alamat di jaringan komputer yang ada, maka pada tahun 1984 diperkenalkan sistem nama domain, yang kini kita kenal dengan DNS atau Domain Name System. Komputer yang tersambung dengan jaringan yang ada sudah melebihi 1000 komputer lebih. Pada 1987 jumlah komputer yang tersambung ke jaringan melonjak 10 kali lipat menjadi 10.000 lebih.
Tahun 1988, Jarko Oikarinen dari Finland menemukan dan sekaligus memperkenalkan IRC atau Internet Relay Chat. Setahun kemudian, jumlah komputer yang saling berhubungan kembali melonjak 10 kali lipat dalam setahun. Tak kurang dari 100.000 komputer kini membentuk sebuah jaringan. Tahun 1990 adalah tahun yang paling bersejarah, ketika Tim Berners Lee menemukan program editor dan browser yang bisa menjelajah antara satu komputer dengan komputer yang lainnya, yang membentuk jaringan itu. Program inilah yang disebut www, atau Worl Wide Web.
Universitas Sumatera Utara
Tahun 1992, komputer yang saling tersambung membentuk jaringan sudah melampaui sejuta komputer, dan di tahun yang sama muncul istilah surfing the internet. Tahun 1994, situs internet telah tumbuh menjadi 3000 alamat halaman, dan untuk pertama kalinya virtual-shopping atau e-retail muncul di internet. Dunia langsung berubah. Di tahun yang sama Yahoo! didirikan, yang juga sekaligus kelahiran Netscape Navigator 1.0.
2.1.1. Manfaat Internet
Secara umum ada banyak manfaat yang dapat diperoleh apabila seseorang mempunyai akses ke internet .Berikut ini sebagian dari apa yang tersedia di internet:
1. Informasi untuk kehidupan pribadi: kesehatan, rekreasi, hobby, pengembangan pribadi, rohani, sosial. 2. Informasi
untuk
kehidupan
profesional/
pekerja:
sains,
tekknologi,
perdagangan, saham, komoditas, berita bisnis, asosiasi profesi, asosiasi bisnis, berbagai forum komunikasi.
Satu hal yang paling menarik ialah keanggotaan internet tidak mengenal batas negara, ras, kelas, ekonomi, ideology atau factor-faktor lain yang biasanya dapat menghambat pertukaran pikiran. Internet adalah suatu komunitas dunia yang sifatnya sangat demokratis serta memiliki kode etik yang dihormati segenap anggotanya. Manfaat internet terutama diperoleh melalui kerjasama antar pribadi atau kelompok tanpa mengenal batas, jarak dan waktu.
Universitas Sumatera Utara
2.1.2. Beberapa Istilah Dalam Internet
American OnLine (AOL) Layanan Komersial yang menyediakan browser Internet-nya sendiri.
Browser Aplikasi yang ada di komputer Anda, mirip dengan aplikasi pengolah kata atau aplikasi lain, yang dirancang untuk membaca tipe file data tertentu. Untuk mengakses WWW, Anda membutuhkan program software internet browser ini. Browsing-metode untuk menjelajahi WWW Internet. Mem-browse WWW sering disebut sebagai surfing the Net.
Cyberspace Tempat virtual di mana orang dapat berkomunikasi dan bertemu.
Domain name Bagian yang membentuk IP address pada Internet. Domain name terdiri dari dua bagian atau lebih yang terpisah oleh tanda titik. Bagian paling kiri adalah bagian yang paling penting, menunjukkan tujuannya. Contoh : WWW menunjukkan Web server mail. Sembarang domain name akan “melebur” menjadi hanya satu IP address yang unik untuk setiap mesin. Bagian sebelah kanan menunjukkan tipe site. Contoh :.gov menunjukkan negara asal site, misalnya id menunjukkan negara Indonesia.
E-Mail Mirip surat pos, tetapi dikirimkan secara elektronik, sehingga tiba ditempat tujuan nyaris dalam tempo seketika itu juga. E-mail yang berisikan pesan dikirim ke
Universitas Sumatera Utara
komputer Anda dan akan terus ada di komputer itu sampai Anda mengambilnya (membuka dan menyimpannya atau membuangnya).
Eudora Aplikasi e-mail desktop yang populer karena lingkungan grafis dan kemampuannya untuk bekerja di hampir semua jenis server (PC maupun Macintosh).
FAQ Frequently Asked Questions - daftar yang memuat jawaban dari pertanyaanpertanyaan yang paling sering diajukan tentang topik tertentu.
FTP (File Transfer Protocol) Program yang digunakan pada komputer berbasis Windows untuk mentransfer file (software atau dokumen) pada Internet.
GIF (Graphics Interchange Format) Jenis image yang seringkali dipakai pada web pages karena kemampuannya untuk merender warna latar belakang sebagai transparan.
Home Page Halaman-halaman yang menampung berbagai informasi dari suatu perusahaan, institusi atau pribadi. Contoh White House home page berisikan informasi politik dan kebijakan Presiden AS.
Universitas Sumatera Utara
HTML HyperText Markup Language - bahasa standar yang digunakan browser Internet untuk membuat halaman dan dokumen yang dipajang pada Web. Selain memungkinkan komputer berkomunikasi, HTML juga menyediakan link di antara file-file yang ada di komputer yang berbeda dan dipisahkan oleh jarak yang jauh.
HTTP HyperText Transfer Protocol - protokol yang memungkinkan bermacam-macam komputer yang saling berkomunikasi dengan menggunakan bahasa HTML.
HyperLink Bagian dari Web page yang menghubungkan Anda ke file lain, menyediakan seamless link (hubungan) ke file-file pada komputer lain. Biasa dikenal sebagai link. Mengklik hyperlink berarti mem-browse WWW dan mengunjungi berbagai lokasi.
Hypermedia document File data berisi banyak informasi yang dikirimkan melalui Internet ke komputer Anda dan dimunculkan secara grafis dalam cara yang user friendly.
Hypertext Salah satu cara untuk me-link banyak file. Teks yang mengandung hypertext biasanya digarisbawahi. Untuk melihat ‘kait’nya Anda cukup mengklik pada teks tersebut.
Internet Jaringan komputer dunia yang menghubungkan jaringan-jaringan komputer komersiah regional di seluruh dunia.
Universitas Sumatera Utara
Intranet. Pemanfaatan Internet dalam LAN untuk menghubungkan oran-orang dalam satu perusahaan tanpa berhubungan dengan dunia luar.
IP address Alamat IP yang terbentuk dari empat angka yang dipisahkan oleh tanda titik. Alamat yang bersifat unik ini akan diberikan setelah Anda mengirimkan e-mail ke
[email protected].
ISP (Internet Service Provider) Perusahaan penyedia jasa koneksi ke Internet.
Java Bahasa pemrograman berbasis-obyek yang sederhana, dan tidak tergantung pada platform dan sistem operasi. Bahasa ini dikembangkan oleh Sun Microsystems dan digunakan untuk membuat HotJava.
JPEG (Joint Photographic Expert Group) Image grafis dalam bentuk terkompresi yang sering digunakan pada Web pages.
MPEG (Moving Picture Experts Group) Algoritma terkompresi untuk file video dan audio. Bentuk ini sering digunakan pada web.
Net Singkatan dari cyberspace.
Universitas Sumatera Utara
Netscape Browser Internet yang juga merangkap fungsi e-mail, FTP, Telnet, dan Gopher.
Newsgroup Salah satu cara untuk berkomunikasi dengan penjelajah Internet lainnnya.
Online Sering digunakan untuk merujuk saat orang ber-Internet.
World Wide Web (WWW)
Sering disebut “the WEB”/”W3”, merupakan sistem dalam internet yang memiliki fasilitas pencarian dan pemberian informasi yang cepat dengan menggunakan teknologi hypertext.
Sebutan World Wide Web (Web = jaring laba-laba) sangat tepat untuk menggambarkan struktur data pada jaringan INTERNET. Berbeda dengan misalnya susunan data logis berstruktur pohon yang dikenal dari DOS. WWW memungkinkan penanganan atau akses yang jauh lebih fleksibel pada file yang dikelola.
Di WWW, struktur sumber daya-INTERNET dapat dibandingkan dengan jaring laba-laba. Bila dilihat polanya, jaringan ini terdiri atas lingkaran-lingkaran berbagai ukuran yang berpusat pada titik tengah yang sama. Dari titik tengah ini terbentuk garis-garis penghubung yang tegak lurus pada lingkaran, sehingga terdapat titik simpul. Bila pada struktur pohon percabangan merupakan jalur hubungan, pada Web
Universitas Sumatera Utara
semua garis merupakan penghubung setiap titik simpul yang mengandung data. Pemilihan disini dilakukan dengan item Hypertext. Pada titik simpul bisa terdapat sebuah komputer di Internet atau sebuah petunjuk untuk file tertentu pada sebuah komputer. Hal ini berarti, dengan memilih sebuah item Hypertext diciptakan hubungan dengan sebuah komputer pada suatu tempat di dunia, dimana Anda dapat melanjutkan perjalanan atau langsung ke sebuah file tertentu. “Bahasa” World Wide Web:HTM. Untuk membuat Hypertext, dikembangkan sebuah bahasa pemrograman khusus yang memungkinkan pengikatan alamat WWW atau file dalam sebuah dokumen. Sesuai dengan fungsinya, bahasa pemrograman ini disebut Hypertext Mark up Language (HTML). File ini biasanya berextention *.html. Agar file yang berisi Hypertext ini bisa dikirimkan, diperlukan protokol pengiriman data yang spesifik yang disebut HyperText Transfer Protocol (HTTP).
Untuk menemukan setiap hubungan Hypertext digunakan Uniform Resource Locator (URL). Karena itu, halaman WWW juga disebut dokumen URL.
Web Site Atau Situs
Pengertian Web Site Atau Situs
Situs dapat diartikan sebagai kumpulan halaman-halaman yang digunakan untuk menampilkan informasi, gambar gerak, suara, dan atau gabungan dari semuanya itu baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait dimana masing-masing dihubungkan dengan link-link.
Universitas Sumatera Utara
Unsur-Unsur Web Site Atau Situs
Untuk membangun situs diperlukan beberapa unsur yang harus ada agar situs dapat berjalan dengan baik dan sesuai yang diharapkan. Unsur-unsur yang harus ada dalam situs antara lain:
a. Domain Name
Domain name atau biasa disebut nama domain adalah alamat permanen situs di dunia internet yang digunakan untuk mengidentifikasi sebuah situs atau dengan kata lain domain name adalah alamat yang digunakan untuk menemukan situs kita pada dunia internet. Istilah yang umum digunakan adalah URL. Contoh sebuah URL adalah http://www.yahoo.com--dapat juga tanpa www-
b. Hosting
Hosting dapat diartikan sebagai ruangan yang terdapat dalam harddisk tempat menyimpan berbagai data, file-file, gambar dan lain sebagainya yang akan ditampilkan di situs. Besarnya data yang bisa dimasukkan tergantung dari besarnya hosting yang disewa/dipunyai, semakin besar hosting semakin besar pula data
yang
dapat
dimasukkan
dan
ditampilkan
dalam
situs.
Hosting juga diperoleh dengan menyewa. Besarnya hosting ditentukan ruangan harddisk dengan ukuran MB (Mega Byte) atau GB (Giga Byte). Lama penyewaan hosting rata-rata dihitung per tahun. Penyewaan hosting dilakukan dari
Universitas Sumatera Utara
perusahaan-perusahaan penyewa web hosting yang banyak dijumpai baik di Indonesia maupun Luar Negeri.
c. Scripts/Bahasa Program
Adalah bahasa yang digunakan untuk menerjemahkan setiap perintah dalam situs yang pada saat diakses. Jenis scripts sangat menentukan statis, dinamis atau interaktifnya sebuah situs. Semakin banyak ragam scripts yang digunakan maka akan terlihat situs semakin dinamis, dan interaktif serta terlihat bagus. Bagusnya situs dapat terlihat dengan tanggapan pengunjung serta frekuensi kunjungan.
Beragam scripts saat ini telah hadir untuk mendukung kualitas situs. Jenis jenis scripts yang banyak dipakai para designer antara lain HTML, ASP, PHP, JSP, Java Scripts, Java applets dan sebagainya. Bahasa dasar yang dipakai setiap situs adalah HTML sedangkan ASP dan lainnya merupakan bahasa pendukung yang bertindak sebagai pengatur dinamis, dan interaktifnya situs.
Scripts ASP, PHP, JSP atau lainnya bisa dibuat sendiri, bisa juga dibeli dari para penjual scripts yang biasanya berada di luar negri. Harga Scripts rata-rata sangat mahal karena sulitnya membuat, biasanya mencapai puluhan juta. Scripts ini biasanya digunakan untuk membangun portal berita, artikel, forum diskusi, buku tamu, anggota organisasi, email, mailing list dan lain sebagainya yang memerlukan update setiap saat.
Universitas Sumatera Utara
d. Design Web
Setelah melakukan penyewaan domain dan hosting serta penguasaan scripts, unsur situs yang paling penting dan utama adalah design. Design web sangat menentukan kualitas dan keindahan situs. Design sangat berpengaruh kepada penilaian pengunjung akan bagus tidaknya sebuah web site.
Untuk membuat situs biasanya dapat dilakukan sendiri atau menyewa jasa web designer. Saat ini sangat banyak jasa web designer, terutama di kota-kota besar. Perlu diketahui bahwa kualitas situs sangat ditentukan oleh kualitas designer.
Semakin
banyak
penguasaan
web
designer
tentang
beragam
program/software pendukung pembuatan situs maka akan dihasilkan situs yang semakin berkualitas, demikian pula sebaliknya. Jasa web designer ini yang umumnya memerlukan biaya yang tertinggi dari seluruh biaya pembangunan situs dan semuanya itu tergantung kualitas designer.
e. Publikasi
Keberadaan situs tidak ada gunanya dibangun tanpa dikunjungi atau dikenal oleh masyarakat atau pengunjung internet. Karena efektif tidaknya situs sangat tergantung dari besarnya pengunjung dan komentar yang masuk. Untuk mengenalkan situs kepada masyarakat memerlukan apa yang disebut publikasi atau promosi. Publikasi situs di masyarakat dapat dilakukan dengan berbagai cara seperti dengan pamlet-pamlet, selebaran, baliho dan lain sebagainya tapi cara ini bisa dikatakan masih kurang efektif dan sangat terbatas. Cara yang biasanya dilakukan dan paling efektif dengan tak terbatas ruang atau waktu adalah publikasi
Universitas Sumatera Utara
langsung di internet melalui search engine-search engine (mesin pencari, seperti : Yahoo, Google, Search Indonesia, dan sebagainya).
Cara publikasi di search engine ada yang gratis dan ada pula yang membayar. Yang gratis biasanya terbatas dan cukup lama untuk bisa masuk dan dikenali di search engine terkenal seperti Yahoo atau Google. Cara efektif publikasi adalah dengan membayar, walaupun harus sedikit mengeluarkan akan tetapi situs cepat masuk ke search engine dan dikenal oleh pengunjung.
Pemeliharaan Web Site Atau Situs
Untuk mendukung kelanjutan dari situs diperlukan pemeliharaan setiap waktu sesuai yang diinginkan seperti penambahan informasi, berita, artikel, link, gambar atau lain sebagainya. Tanpa pemeliharaan yang baik situs akan terkesan membosankan atau monoton juga akan segera ditinggal pengunjung.
Pemeliharaan situs dapat dilakukan per periode tertentu seperti tiap hari, tiap minggu atau tiap bulan sekali secara rutin atau secara periodik saja tergantung kebutuhan (tidak rutin). Pemeliharaan rutin biasanya dipakai oleh situs-situs berita, penyedia artikel, organisasi atau lembaga pemerintah. Sedangkan pemeliharaan periodik biasanya untuk situs-situs pribadi, penjualan/e-commerce, dan lain sebagainya.
Universitas Sumatera Utara
HTML (HyperText Markup Language)
2.4.1 Dokumen HTML
Dokumen HTML adalah file teks murni yang dapat dibuat dengan editor teks sembarang. Dokumen ini dikenal sebagai web page. Dokumen HTML merupakan dokumen yang disajikan dalam browser web surfer. 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 atau editplus).
2.4.1.1 Penamaan Dokumen HTML
Penamaan dokumen HTML dapat dilakukan dengan memilih suatu nama, sembarang nama, kemudian menambahkan sebuah ekstensi “.htm” atau “.html” (tanda kutip tidak perlu dituliskan karena digunakan sebagai penjelas saja).
Ekstensi dokumen HTML yang menggunakan 3 karakter awalnya adalah untuk mengakomodasikan sistem penamaannya yang ada dalam sistem operasi DOS. Nama dokumen pada beberapa sistem operasi bersifat case sensitive (membedakan huruf besar dengan huruf kecil). Nama dokumen yang sama tetapi dituliskan dengan case yang berbeda akan dianggap sebagai dokumen yang berbeda, misalnya dokumen.html akan berbeda dengan DOKUMEN.html. Kasus case sensitive akan dijumpai pada
Universitas Sumatera Utara
dokumen web yang di-hosting di dalam server yang berbasis *nix (keluarga sistem operasi UNIX).
2.4.1.2 Elemen Dan Tag HTML
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
dengan
), 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.
Nama elemen ditunjukkan dengan nama tagnya. Suatu elemen di dalam dokumen HTML harus ditandai dengan penulisan tagnya yang berpasangan. Ada beberapa elemen yang tidak mengharuskan tagnya dituliskan secara berpasangan, elemen tersebut diantaranya adalah :
a. Paragraf dengan tag
. b. Ganti baris – line break dengan tag
. c. Garis datar – horizontal rule dengan tag
. d. List item dengan tag
.
Universitas Sumatera Utara
Secara umum suatu elemen dalam dokumen HTML yang dinyatakan dengan tagnya, dituliskan : _ . Penulisan penamaan tag bebas, dapat menggunakan huruf besar, huruf kecil, ataupun campuran (tidak case sensitive). Tetapi untuk antisipasi pada standar penulisan tag, direkomendasikan untuk menuliskan tag dengan menggunakan huruf kecil semuanya.
Tag mark up ini digunakan sebenarnya memberi tahu browser web bagaimana memperlakukan atau menampilkan (memformat) halaman dokumen tersebut dalam browser.
Dalam membuat suatu dokumen HTML dibutuhkan elemen yang dinyatakan dengan tag , dan 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. Sehingga setiap dokumen HTML harus mempunyai pola dasar sebagai berikut :
… informasi tentang dokumen HTML … informasi yang ditampilkan dalam browser web
Universitas Sumatera Utara
Setiap dokumen HTML harus diawali dengan menuliskan tag dan tag di akhir dokumen. Tag ini menandai elemen HTML, yang berarti dokumen ini adalah dokumen HTML.
Dalam satu dokumen hanya ada satu elemen HTML. Section atau elemen head ditandai dengan tag di awal, dan tag di akhir. Section ini berisi informasi tentang dokumen HTMLnya. Minimal informasi yang dituliskan dalam elemen ini adalah judul dari dokumen, judul ini akan ditampilkan pada caption bar dari window browser, ditandai dengan menggunakan tag dan diakhiri dengan .
Section atau elemen body ditandai dengan tag di awal, dan tag di akhir. Section body merupakan elemen terbesar di dalam dokumen HTML. Elemen ini berisi isi dokumen yang akan ditampilkan pada browser, meliputi paragraf, grafik, link, tabel, dan sebagainya.
Contoh penulisan suatu dokumen HTML sebagai berikut :
Halaman Contoh
Universitas Sumatera Utara
File ini merupakan file contoh.
Ini untuk membuat huruf cetak tebal
Hasil dokumen HTML yang ditampilkan di browser Internet Explorer:
Gambar 2.1 Dokumen HTML ditampilkan di browser IE
DHTML (Dinamic HyperText Markup Language)
DHTML adalah suatu istilah yang diberikan untuk suatu halaman web yang memanfaatkan HTML dan DOM (Document Object Model), CSS (Cascading Style
Universitas Sumatera Utara
Sheet) dan client-side scripting untuk membuat tampilan halaman tersebut dinamis atau interaktif. Istilah Dynamic ditambahkan untuk membedakan sifat dinamis halaman web ini dengan halaman web statis yang dibuat hanya berdasarkan HTML.
DHTML mulai diterapkan pada browser generasi ke empat – Microsoft Internet Explorer 4 (IE4) dan Netscape Communicator 4 (NS4). DHTML sepenuhnya merupakan teknologi client side yang hanya bergantung pada kemampuan browser untuk menampilkan dan memanipulasi elemen halaman web yang tidak bisa dilakukan dengan hanya mengandalkan HTML.
Sebagian besar hal yang bisa dibuat dengan DTML bisa juga dibuat dengan teknologi authoring web lain seperti Java, Flash, atau Shockwave. Penggunaan DHTML mempunyai kelebihan karena tidak memerlukan plugin apapun untuk menjalankannya dan ukurannya jauh lebih kecil dibandingkan dengan penggunaan teknologi lain. Kelemahannya, masih banyak hal-hal yang belum bisa dilakukan dengan menggunakan DHTML seperti suara dan video. Saat ini sudah cukup banyak penerapan DHTML yang sering ditemukan sewaktu mengakses internet sehari-hari. Yang umum misalnya rollover menu (baik berbentuk image ataupun teks biasa), pulldown menu, trailing cursor, sliding text, dan lain-lain.
2.5.1 CSS ( Cascading Style Sheet)
CSS mendefinisikan karakteristik tampilan (warna, style, dan posisi) suatu elemen pada dokumen HTML dalam bentuk properti elemen tersebut. Pemisahan isi dengan tampilan yang dilakukan dengan penerapan CSS ini, memberikan kemungkinan
Universitas Sumatera Utara
penyusunan struktur suatu halaman HTML dengan lebih fleksibel. CSS merupakan bagian/subset dari DOM yang sangat berperan dalam DHTML.
Perbedaan implementasi antara Netscape dan Microsoft sehingga akhirnya W3C melakukan suatu standardisasi CSS. Pada awalnya, upaya standardisasi CSS dibagi dua, yaitu CSS1 untuk pengaturan warna dan style, serta CSS-P untuk pengaturan posisi suatu elemen. CSS2 dari W3C selanjutnya menggabungkan kedua standar ini menjadi suatu standar yang meliputi semua setting tampilan suatu elemen halaman HTML.
Dalam spesifikasi CSS2, ada beberapa properti elemen dokumen yang berhubungan dengan posisi suatu elemen di halaman browser. Properti tersebut adalah:
a. position – ada dua pilihan untuk nilai properti ini, yaitu absolute dan relative. Setting absolute mengatur posisi elemen berdasarkan jarak terhadap ujung kiri-atas elemen parent-nya. Sedangkan setting absolute bekerja sesuai layout HTML biasa dimana posisinya ditentukan berdasarkan akhir elemen sebelumnya.
b. Left dan top – menentukan jarak ke arah kanan dan ke bawah dari posisi awal elemen. Unitnya bisa dinyatakan dalam point(pt), pixel(px) atau unit standar CSS lainnya.
c. Width dan height – menentukan lebar dan tinggi elemen. Unitnya bisa dinyatakan dalam point(pt), pixel(px) atau unit standar CSS lainnya.
Universitas Sumatera Utara
d. Z-index – menentukan apakah suatu elemen ditampilkan di layar. Nilainya bisa visible (tampil) atau hidden (tersembunyi).
e. Overflow – menentukan perilaku ruang penampung jika isinya melebihi batasnya. Ada tiga pilihan untuk nilai properti ini, yaitu clip, scroll, dan none. Setting clip berarti isi akan dipotong jika melebihi batas. Scroll akan memunculkan scrollbar pada container. Sedangkan none tidak akan melakukan apapun terhadap isi sehingga isi tersebut akan keluar dari ruang batasnya.
f. Background-color atau layer-background-color – menentukan warna dasar dari suatu elemen. Yang pertama berlaku untuk IE, sedangkan yang kedua berlaku untuk NS.
g. Background-image atau layer-background-image – menentukan gambar latar belakang dari suatu elemen. Yang pertama berlaku untuk IE, sedangkan yang kedua berlaku untuk NS.
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.
Universitas Sumatera Utara
Java adalah bahasa pemrograman tingkat tinggi untuk membuat aplikasi crossplatform, sedangkan JavaScript hanyalah scripting language yang terintegrasi dengan web browser untuk memberikan fleksibilitas tambahan bagai programmer untuk mengontrol elemen-elemen dalam halaman web.
Aplikasi JavaScript sebenarnya cukup luas, tetapi disini penulis menggunakan JavaScript dibatasi untuk DHTML, yaitu JavaScript yang digunakan untuk mengakses property, method, dan event handler yang disediakan oleh DOM dan CSS.
Property didefinisikan sebagai setting nilai suatu objek tertentu. Contohnya adalah warna suatu teks, action untuk suatu form, nama file untuk suatu gambar, dll. Method adalah fungsi-fungsi yang dapat diterapkan untuk suatu objek. Misalnya maximize untuk window. Event handler menspesifikasikan bagaimana suatu objek merespon terhadap suatu kejadian, misalnya suatu button di click, window di resize, dan lain-lain.
Pengenalan PHP
PHP merupakan salah satu bahasa pemrograman web yang paling banyak digunakan saat ini. Hasil dari NetCraft, menyatakan bahwa ada kurang lebih 52 juta pengguna PHP di seluruh dunia atau jika dipersentase sekitar 70,9 %. Sebuah angka yang fantastis untuk sebuah bahasa pemrograman.
Universitas Sumatera Utara
Sejarah PHP
Sejarah PHP dimulai pada Tahun 1995, ketika Rasmus Lerdorf seorang software development contractor, mengembangkan skrip Perl/CGI untuk mengetahui jumlah pembaca online resume-nya. Skrip tersebut mengerjakan dua hal : mencatat informasi pengunjung dan menampilkan jumlah pengunjung ke halaman web. Waktu itu belum ada tools seperti yang dibuat oleh Rasmus, sehingga banyak developer yang mengirimkan e-mail ke Rasmus, menanyakan tentang skrip yang dibuatnya. Hal itulah yang membuat Rasmus melepas skripnya, dan diberi nama PHP (Personal Home Page).
Rasmus kemudian mulai mengembangkan banyak tambahan pada PHP, salah satu diantaranya adalah mengubah data yang dimasukkan dalam form HTML menjadi sebuah variabel. Pengubahan data ini nantinya akan memungkinkan user untuk mengekspor data ke dalam sistem mereka. Untuk menyelesaikan tambahan tersebut, Rasmus lebih memilih menggunakan bahasa C daripada Perl.
Tambahan terus-menerus kepada PHP toolset memuncak pada November 1997 dengan pelepasan PHP 2.0, atau Personal Home Page Form Interpreter (PHPFI). Peluncuran ini juga meningkatkan popularitas PHP, yang ditandai dengan banyaknya pengembangan dan perbaikan yang dilakukan oleh programmer di seluruh dunia.
Peluncuran PHP yang sedemikian populer, membuat sebuah tim developer bergabung dengan Rasmus. Mereka menjaga konsep penyisipan kode secara langsung ke dalam HTML, dan menulis kembali parsing engine-nya. Hal ini kemudian
Universitas Sumatera Utara
melahirkan PHP 3.0. Pada pelepasannya ditahun 1998 ada 50.000 user yang menggunakan PHP pada website mereka.
Pada tahun 1999, NetCraft mencatat ada 1.000.000 lebih pengguna PHP yang membuat PHP menjadi “the most popular scripting languages in the world”. Dua pengembang inti PHP, Zeev Suraski dan Andi Gutmans, mengambil inisiatif untuk mempelopori pemikiran kembali tentang bagaimana PHP dioperasikan, dan kemudian mengenalkan Zend scripting engine. Hasilnya dapat dilihat dari peluncuran PHP 4.
2.6.2
PHP 3
PHP 3 merupakan generasi baru hasil pemgembangan PHP/FI. Banyak developer yang terlibat di dalamnya. Tak heran jika PHP 3 dianggap sebagai tonggak awal bagi terciptanya PHP versi sekarang ini. Secara resmi, peluncur PHP 3.0 ialah Andi Gutmans dan Zeev Suraski pada tahun 1997. Mereka mengeluarkan PHP 3.0 karena melihat kelemahan PHP/FI yang digunakan dalam aplikasi e-commerce. Kemudian, mereka menulisnya ulang dengan masih mengacu kepada PHP/FI. Setelah PHP 3 dikeluarkan, mereka menyarankan untuk menghentikan proyek PHP/FI karena PHP 3 masih lebih baik. Alasan untuk mulai mengembangkan PHP, merupakan akronim dari Hypertext Preprocessor, dan memfokuskan diri pada PHP 3.0 ialah pengembangan versi ini secara meluas dalam mendukung berbagai jenis database, protokol dan API. Dengan dukungan yang semakin besar dari berbagai pihak yang menyumbangkan berbagai
Universitas Sumatera Utara
modul maka, pada tahun 1998, 10% dari seluruh webserver yang ada kala itu telah menginstalasi PHP versi 3.0.
2.6.3
PHP 4
PHP versi 4 diluncurkan untuk menangani kelemahan PHP 3, yaitu penggunaan fungsi yang begitu kompleks. Kurangnya efisiensi waktu dan kinerja yang buruk diperbaiki dan ditulis ulang dari inti PHP 3.
Dengan penambahan fitur baru, seperti session, output buffering
dan
penanganan input, menjadikan PHP 4 aman dari berbagai jenis bahasa pemrograman berbasis web. Selain itu, inti perbedaan mereka terletak pada penggunaan Zend Engine. Zend engine merupakan inti dari PHP. Sebagai bagian dari inti PHP, secara fungsional ia bertugas menangani input, menterjemahkan dan mengeksekusinya. Ia juga berperan menterjemahkan fungsi.
PHP 4 bukan merupakan versi terakhir yang sudah dikeluarkan oleh PHP, tetapi versi ini masih banyak digunakan oleh para programmer website, adapun fiturfitur dari PHP 4 ini adalah:
a. Meningkatkan penanganan pada resource yang digunakan. Kekurangan utama dari PHP 3.0 adalah skalabilitas. Para programmer masih menganggap PHP 3.0 belum mampu digunakan pada aplikasi-aplikasi berskala besar. Hal ini membuat para developer PHP berkerja keras untuk meningkatkan kemampuan penanganan resource, sehingga PHP mampu dijalankan pada aplikasi-aplikasi berskala besar
Universitas Sumatera Utara
b. Dukungan pada pemrograman berorientasi objek. Fitur ini memainkan peranan penting bagi user untuk dapat bekerja dengan bahasa pemrograman berorientasi objek.
c. Dukungan pada penanganan session. Penanganan pada session HTTP sebenarnya juga sudah ada pada versi PHP 3.0. Namun masih menggunakan dukungan pihak ketiga, yaitu PHPLIB (http://phplib.sourceforge.net). Pada versi 4 ini, session sudah mampu ditangani langsung oleh PHP. Fitur ini menawarkan interaksi dari website contoh yang paling umum digunakan adalah pada proses login dan logout.
d. Enkripsi MCrypt (http://mcrypt.sourceforge.net) sudah digabung pada distribusi asli. Fitur ini menawarkan algoritma enkripsi diantaranya Blowfish, MD5, SHA1, dan tripleDES.
e. Dukungan ISAPI Fitur ini menghubungkan webserver IIS (dari Microsoft) dan PHP dan dianggap sebagai modul ISAPI.
f. Dukungan COM/DCOM Fitur ini memungkinkan PHP untuk mengakses objek COM dan menambah interoperabilitas dengan aplikasi yang berjalan di Windows.
g. Dukungan terhadap Java.
Universitas Sumatera Utara
h. Perl Compatible Regular Expressions (PCRE) library.
2.6.4
PHP 5
Pada Juni 2004, Zend merilis PHP 5.0. PHP versi 5 muncul untuk menangani kelemahan-kelemahan yang terdapat pada versi sebelumnya. PHP versi 5 dapat membuat file swf dan applet java. Fokus utamanya adalah mengoptimalkan penggunaan PHP untuk OOP (Object Oriented Programming).
PHP 5 merupakan kelanjutan dari evolusi yang berjalan pada PHP. Walaupun pada PHP 4 sudah banyak library yang ditambahkan, PHP 5 menawarkan peningkatan dari fungsionalitas dan penambahan beberapa fitur, antara lain:
a. Peningkatan dari kemampuan pemrograman berorientasi objek. b. Exception handling, yang menstandarisasi logika atas pemberitahuan kesalahan pemrograman. c. Peningkatan terhadap penanganan string. d. Peningkatan dukungan terhadap XML dan Web Service, yang menggunakan libxml2. e. Dukungan terhadap SQLite database server.
Universitas Sumatera Utara
2.6.5
Skrip PHP
Skrip PHP berkedudukan sebagai tag dalam bahasa HTML. Suatu skrip akan dikenali sebagai skrip PHP bila diapit oleh tanda :
a. b. . . . . . . . . ?> c. <script language=”PHP”> . . . . .
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. Sama halnya dengan
penamaan dokumen HTML, pemberian nama dokumen yang sama tetapi dituliskan dengan case yang berbeda akan dianggap sebagai dokumen yang berbeda, misalnya contoh.php akan berbeda dengan CONTOH.php atau Contoh.php. Skip PHP dapat disisipkan di bagian manapun dalam dokumen HTML, begitu pula sebaliknya skrip HTML dapat diletakkan di antara skrip PHP.
Berikut ini contoh dari skrip PHP:
a. contoh1.php Menyisipkan PHP di dokumen HTML
Universitas Sumatera Utara
Cara menyapa PHP dengan akrab:
b. contoh2.php
Ini ditulis dengan HTML sekian. “); ?>
Hasil dokumen PHP yang ditampilkan di browser Internet Explorer:
Universitas Sumatera Utara
Gambar 2.2 Dokumen PHP ditampilkan di browser IE
2.6.6
Keuntungan Menggunakan PHP
Dalam penggunaannya PHP terkenal dengan 4 (empat) kelebihannya :
1. Practical / Praktis PHP adalah bahasa pemrograman yang sangat longgar dalam penulisan, dan ini meningkatkan kepraktisan buat para penggunanya. Misalnya saja programmer tidak diharuskan untuk menuliskan atau menghapus variabel. Walaupun kadang mereka juga tidak bisa mengatakan dengan mudah yang kemudian dipanggil dalam sebuah skrip, menebak formula terbaik dalam penetapan variabel secara otomatis kemudian menghapus variabel dan dan mengembalikan resource ke sistem setelah skrip berhasil di eksekusi. Pada akhirnya, PHP mampu membuat programmer lebih berpikir pada tujuan akhir dari project yang akan dibuat.
Universitas Sumatera Utara
2. Power Sudah jadi rahasia umum kalau PHP mampu membuat halaman dinamis, memanipulasi form, dan dapat dihubungkan dengan database. Selain yang disebutkan tadi, ternyata PHP juga mampu melakukan hal-hal dibawah ini:
a. Membuat dan memanipulasi file Macromedia Flash, gambar, dan Portable Document Format (PDF). b. Mengevaluasi sebuah password. Misal: Apakah sebuah password yang dibuat, gampang ditebak atau tidak. c. Berkomunikasi dengan LDAP. d. Menguraikan string, bahkan yang kompleks sekalipun, dengan menggunakan POSIX dan Perl Based Regular Expression Library. e. Berkomunikasi dengan banyak protokol, termasuk IMAP, POP3 dan NNTP. f. Berkomunikasi dengan credit-card processing solution.
3. Possibility Jarang ada developer PHP yang terikat pada suatu implementasi pemecahan masalah. Dilain sisi, ada banyak pilihan yang ditawarkan oleh PHP. Contohnya ada pada database yang didukung oleh PHP. Kurang lebih semuanya ada 25 database, termasuk Adabas D, dBase, Empress, FilePro, FrontBase, Hyperwave, IBM DB2, Informix, Ingres, Interbase, mSQL, direct MS-SQL, MySQL, Oracle, Ovrimos, PostgreSQL, Solid, Sybase, Unix dbm, dan Velocis Kemampuan string-parsing juga bisa dianggap sebagai banyaknya kemungkinan yang ditawarkan oleh PHP. Dalam hal ini, PHP memiliki lebih dari
Universitas Sumatera Utara
85 function untuk memanipulasi string. Kelebihan ini tak hanya akan menawarkan keleluasaan untuk melakukan operasi string yang kompleks, namun juga menjembatani program yang memiliki fungsionalitas yang sama (seperti Python dan Perl) lewat PHP.
4. Price PHP merupakan salah satu open source software, yang dapat diartikan sebagai berikut:
a. PHP dapat dimodifikasi, didistribusikan, dan diintegrasikan dengan produk lain oleh penggunanya. b. Pengembangan dan auditing yang dilakukan secara terbuka. c. Semua orang bebas berpastisipasi.
Universitas Sumatera Utara