Sejarah Perkembangan Web

[1]Web pertama kali ditemukan ketika Sir Timothy John “Tim” Berners-Lee mengusulkan suatu protokol sistem distribusi di internet untuk pertukaran informasi di internet diantara para fisikawan. Sir Timothy John “Tim” Berners-Lee bekerja di Laboratorium Fisika Partikel Eropa atau yang dikenal dengan nama CERN (Consei European pour la Recherce Nuclaire) yang berada di Genewa, Swiss. Kemudian, situs web pertama kali diluncurkan pada tanggal 6 Agustus 1991 dengan nama situs http://info.cern.ch/.


Pada tanggal 30 April 1993, situs WWW (World Wide Web) dinyatakan sebagai situs yang bisa digunakan oleh setiap orang secara gratis. Sebuah website ditulis dengan menggunakan format HTML(Hyper Text Markup Language). HTML merupakan suatu kode tad yang menginstruksikan suatu browser untuk menghasilkan sesuai dengan keinginan pembuatnya. Pada bulan September 1994, “Tim” mendirikan World Wide Web Consortium (W3C) yang merupakan organisasi international utama yang mengurus tentang standar dari website yang ada sekarang.


Perkembangan website berdasarkan teknologi dan cara penggunaannya menurut pada praktisi informatika adalah sebagai berikut:

1. Web 1.0


Web 1.0 merupakan teknologi awal dari website, Sifat web 1.0 adalah read dimana pembuat sebagai pemberi informasi dan pengguna hanya sebagai pembaca (seperti membaca koran lewat computer, aktifitasnya hanya searching saja). Bahasa yang digunakan pada web ini masih berupa HTML.


2. Web 2.0

Web 2.0 muncul sekitar tahun 2003 atau 2004, Sifat dari web 2.0 adalah read write dimana para pengguna website-pun dapat berkomunikasi 2 arah dan memiliki berbagai kelebihan lainnya. Teknologi yang digunakan adalah AJAX. Menurut Tim Berners-Lee sebenarnya tidak ada perbedaan fundamental antara “Web 1.0” dengan yang disebut “Web 2.0”, karena teknologinya tetap sama-sama dibangun dengan HyperText Markup Language (HTML)


Kelebihan dari web ini adalah sebagai berikut (menurut O’Reilly media):


· The Web as Platform (Pengerjaan suatu aplikasi/tulisan dapat langsung dikerjakan di media internet tanpa harus mengerjakannya terlebih dahulu di windows desktop)


· Harnessing Collective Intelligence (Web 2.0 memiliki kinerja untuk memanfaatkan tulisan orang lain untuk mengisi konten web secara kolektif (tidak hanya webmaster yang mengisi konten sendiri), contohnya seperti youtube)


· Data is the Next Intel Inside (merupakan suatu garansi kepercayaan dari para pemberi data kepada pemilik website bahwa pada era web 2.0 data sangatlah penting dan harus di update setiap waktu)


· End of the Software Release Cycle (pada web 2.0 aplikasi software dapat langsung digunakan lewat internet/internet menjadi platform menjalankan program)


· Lightweight Programming Models (pembuatan web 2.0 menggunakan bahasa yang ringan dan mendukung pengembangan program)


3. Web 3.0

Web ini diperkirakan akan berkembang pada tahun 2010-2020 dan saat ini masih dalam tahap pengembangan.

Menurut PC magazine karakteristik dari web 3.0 adalah :
· Semantic Web (web dengan kemampuan membaca situs semudah manusia membacanya sehingga informasi dapat disajikan dengan cepat dan tepat)


· The 3D Web (web dengan kemampuan visual 3D dan interaksi secara realtime)


· The Media-Centric Web (Photo, audio, dan video akan menjadi cara lain untuk mencari informasi yang kita inginkan selain keyword)


· The Pervasive Web (Web yang mudah diakses dengan berbagai cara dan alat berbeda kapan saja dan dimana saja)


HTML(HyperText Markup Language) 
[2]HTML merupakan salah satu bahasa standar yang digunakan oleh browser Internet untuk membuat halaman dan dokumen pada sebuah halaman Web yang kemudian dapat diakses dan dibaca layaknya sebuah artikel. HTML juga dapat digunakan sebagai link-link antara file-file dalam situs atau dalam komputer dengan menggunakan localhost, atau link yang menghubungkan antar situs dalam dunia internet. HTML dibuat oleh kolaborasi Caillau TIM dengan Berners-lee robert ketika mereka bekerja di CERN pada tahun 1989 (CERN adalah lembaga penelitian fisika energi tinggi di Jenewa) seperti telah dijelaskan di atas.


Perkembangan HTML:
1. Tahun 1980, IBM memikirkan pembuatan suatu dokumen yang akan mengenali setiap elemen dari dokumen dengan suatu tanda tertentu. IBM kemudian mengembangkan suatu jenis bahasa yang menggabungkan teks dengan perintah-perintah pemformatan dokumen. Bahasa ini dinamakan Markup Langiage, sebuah bahasa yang menggunakan tanda-tanda sebagai basisnya. IBM menamakan sistemnya ini sebagai Generalized Markup Language (GML).


2. Tahun 1986, ISO menyatakan bahwa IBM memiliki suatu konsep tentang dokumen yang sangat baik, dan kemudian mengeluarkan suatu publikasi ( ISO 8879 ) yang menyatakan markup language sebagai standar untuk pembuatan dokumen-dokumen. ISO membuat bahasa ini dari GML milik IBM, tetapi memberinya nama lain, yaitu SGML ( Standard Generalized Markup Language ).

Contoh.
Jika ingin membuat tulisan ditampilkan menjadi tebal seperti: TAMPIL TEBAL, maka penulisannya dilakukan dengan cara:<b>TAMPIL TEBAL</b> . Tanda <b> digunakan untuk mengaktifkan instruksi cetak tebal, diikuti oleh tulisan yang ingin ditebalkan, dan diakhiri dengan tanda “</b>” untuk menonaktifkan cetak tebal tersebut. HTML lebih menekankan pada penggambaran komponen-komponen struktur dan formating di dalam halaman web daripada menentukan penampilannya. Salah satu hal Penting tentang eksistensi HTML adalah tersedianya Lingua franca (bahasa Komunikasi) antar komputer dengan kemampuan berbeda. Pengguna Macintosh tidak dapat melihat tampilan yang sama sebagaimana tampilan yang terlihat dalam pc berbasis Windows. Pengguna Microsoft Windows pun tidak akan dapat melihat tampilan yang sama sebagaimana tampilan yang terlihat pada pengguna yang menggunakan Produk-produk Sun Microsystems. namun demikian pengguna-pengguna tersebut dapat melihat semua halaman web yang telah diformat dan berisi Grafika dan Pranala.
Contoh HTML sederhana
<html>
<head>
<title>'''Selamat Malam''' HTML</title>
</head>
<body>
<p>Nama saya Adrianus!</p>
</body>
</html>



HTML tidak membedakan penggunaan huruf besar ataupun huruf kecil dari suatu elemen. Suatu elemen HTML terdiri dari tag-tag beserta teks yang ada dalam tag-tag tersebut. Tag ini dinyatakan dengan tanda lebih kecil (<) dan tanda lebih besar (>). Tag biasanya merupakan suatu pasangan yang disebut dengan : 1. Tag awal, dinyatakan dalam bentuk <nama tag> 2. Tag akhir, dinyatakan dalam bentuk </nama tag>


Format : <nama tag> teks yang ditampilkan </nama tag> Contoh : untuk menampilkan teks dalam format teks miring Teks ini terlihat miring di browser anda dengan perintah HTML <i>Teks ini terlihat miring di browser Anda </i>


xHTML

[3]xHTML adalah sebuah standar baru yang dicetuskan oleh W3C untuk menggantikan standar lama yaitu HTML. Standar xHTML hampir sama dengan HTML yang sudah ada tetapi memiliki aturan-aturan penulisan yang lebih ketat daripada HTML, keduanya merupakan bahasa markup untuk dokumen teks yang berfungsi untuk menentukan struktur dokumen serta mengatur fungsi dan bagaimana dokumen tersebut ditampilkan di browser.

Secara garis besar tujuan utama standar XHTML adalah agar semua halaman web memiliki struktur yang benar dan tata-cara penulisan tag yang konsisten sehingga dapat dibaca dengan baik untuk semua perangkat yang mampu membaca halaman web. Selain itu standar XHTML bertujuan menegaskan fungsinya sebagai pembentuk struktur dokumen sedangkan untuk pengaturan tampilan dokumen di browser (warna, jenis huruf, ukuran dll) diatur dengan menggunakan CSS.


XHTML adalah sebuah kombinasi dari HTML dan XML (Extensible Markup Language) & merupakan bentuk sempurna (dalam arti, lebih ketat dan bersih dibandingkan HTML). Tujuan XHTML adalah menggantikan HTML. XHTML adalah bentuk HTML yang didefinisikan sebagai aplikasi XML yang berarti XHTML berisi semua elemen dalam HTML 4.01 dikombinasikan dengan sintaks XML. XHTML adalah bahasa markup sebagaimana HTML, tetapi dengan gaya bahasa lebih baik. XHTML merupakan versi HTML yang memenuhi persyaratan XML dan merupakan sebuah dokumen HTML,dan XHTML menjadi standar internasional dengan spesifikasi yang ditetapkan oleh W3C (World Wide Web Consortium).Aturan
XHTML merupakan penyempurnaan dari HTML. Untuk itu, ada beberapa aturan agar program lebih stabil dan konsisten.



Setiap tag harus ditulis dengan huruf kecil.


§ Memberi penutup untuk setiap tag.


§ Membuka dan menutup tag pada sarang yang benar.


§ Atribut tag ditulis dengan huruf kecil dan memakai tanda petik.


JavaScript
JavaScript pertama kali dikembangkan oleh Brendan Eich dari Netscape dibawah nama Mocha, yang nantinya namanya diganti menjadi LiveScript, dan akhirnya menjadi JavaScript.


JavaScript adalah bahasa scripting yang paling populer di internet dan bekerja pada banyak browser seperti Internet Explorer, Mozilla, Firefox, Netscape, Opera. JavaScript digunakan pada Web pages untuk meningkatkan design, validate forms, detect browsers, create cookies, GUI dsb. Dikembangkan oleh Sun Microsystems, sebuah bahasa pemrograman yang powerful & sangat kompleks – sama dengan C & C++. JavaScript dapat bereaksi terhadap events - JavaScript dapat di-set untuk menjalankan saat terjadi sesuatu, seperti sebuah page telah selesai dipanggil atau saat seorang user meng-klik, menulis san dapat membaca pada HTML element.


Kode JavaScript biasanya dituliskan dalam bentuk fungsi yang ditaruh di tag <head> yang dibuka dengan tag <script type="teks/javascript">.[7]
<script type="teks/javascript">
alert("Halo Dunia!");
<script>



Kode JavaScript juga bisa diletakkan di file tersendiri yang berekstensi .js (singkatan dari JavaScript). Untuk memanggil kode JavaScript yang terdapat di file sendiri, di bagian awal <head> harus ditentukan dahulu nama file .js yang dimaksud menggunakan contoh kode seperti berikut: <script type="teks/javascript" src="alamat.js">
</script>
Script pada bagian head
Script ini akan dieksekusi ketika dipanggil (biasanya berbentuk function) atau dipanggil berdasarkan trigger pada event tertentu. Peletakkan script di head akan menjamin skript di-load terlebih dahulu sebelum digunakan (dipanggil).
<html>
<head>
<script type="teks/javascript">
...
</script>
</head>
</html>
Script pada Body



Script ini dieksekusi ketika halaman di-load sampai di bagian <body>. Ketika menempatkan script pada bagian <body> berarti antara isi dan JavaScript dijadikan satu bagian. <html>
<head>
</head>
<body>
<script type="teks/javascript">
...
</script>
</body>
</html>



 
P H P (Hypertext Preprocessor )
            PHP: Hypertext Preprocessor adalah bahasa skrip yang dapat ditanamkan atau disisipkan ke dalam HTML. PHP banyak dipakai untuk memrogram situs web dinamis. PHP dapat digunakan untuk membangun sebuah CMS. Pada November 1997, dirilis PHP/FI 2.0. Pada rilis ini, interpreter PHP sudah diimplementasikan dalam program C. Dalam rilis ini disertakan juga 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 rilis tersebut sebagai PHP 3.0 dan singkatan PHP diubah menjadi akronim berulang PHP: Hypertext Preprocessing.


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 pada awal abad ke-21. Versi ini banyak dipakai disebabkan kemampuannya untuk membangun aplikasi web kompleks tetapi tetap memiliki kecepatan dan stabilitas yang tinggi.


Pada Juni 2004, Zend merilis PHP 5.0. Dalam versi ini, inti dari interpreter PHP mengalami perubahan besar. Versi ini juga memasukkan model pemrograman berorientasi objek ke dalam PHP untuk menjawab perkembangan bahasa pemrograman ke arah paradigma berorientasi objek.
Contoh Program
<php
Echo”selamat pagi”
?>



kelebihan PHP dari bahasa pemrograman web, antara lain:


1. 'Bahasa pemrograman PHP adalah sebuah bahasa script yang tidak melakukan sebuah kompilasi dalam penggunaanya.'


2. 'Web Server yang mendukung PHP dapat ditemukan dimana - mana dari mulai apache, IIS, Lighttpd, hingga Xitami dengan konfigurasi yang relatif mudah.'


3. 'Dalam sisi pengembangan lebih mudah, karena banyaknya milis - milis dan developer yang siap membantu dalam pengembangan.'


4. 'Dalam sisi pemahamanan, PHP adalah bahasa scripting yang paling mudah karena memiliki referensi yang banyak.'


5. 'PHP adalah bahasa open source yang dapat digunakan di berbagai mesin (Linux, Unix, Macintosh, Windows) dan dapat dijalankan secara runtime melalui console serta juga dapat menjalankan perintah-perintah system.