Materi 01c.Internet dan Web#Perkembangan web

  

Pengant ar Web

• World Wide Web adalah suat u ruang informasi di mana sumber daya –

  sumber daya yang berguna diident ifikasi oleh pengenal global yang disebut Uniform Resource Ident ifier (URI).

• WWW bukanlah int ernet tet api merupakan jaringan yang t erbesar dan t erpopuler di int ernet .
• Dat a WWW disebut w ebsit e atau w ebpages:
• – Tulisan/ t eks,
• – gambar,
• – foto,
• – suara, dan – video.
>Dengan World Wide Web, kit a dapat masuk at au surfing ke berbagai w ebpages.
• M enggunakan bahasa khusus yang disebut Hypert ext Transfer Prot ocol atau HTTP.

  

Pengant ar Web

• M engakses web menggunakan soft w are browser sepert i :
• Int ernet t idak hanya berisi World Wide Web. Ada juga jaringan-jaringan lain:
• – M ozilla Firefox,
• – Opera,
• – Net scape Communicat or,
• – SM TP/ POP unt uk email,
• – P2P unt uk musik dan video,
• – FTP unt uk men-dow nload,
• – chrome,
• – Ghoper, dll
• – Safari,
• Set iap jaringan it u punya bahasa-bahasa khusus.
• – M icrosoft Int ernet Explorer,
• – dll.
• Biasa dikenal dengan nama: w eb, websit e, sit us w eb
• Jenis w eb :
• – Web st at is (berbasis halaman/ page)
• – Web dinamis (berbasis dat a)

Sejarah-Perkembangan Web

• Pada t ahun 1940-an Ide Hypertext (cross-linked and inter-linked document s) dikemukakan oleh Vannevar Bush
• Sistem Online hypertext mulai dikembangkan pada tahun 1960-an
• – M isal: Andy van Dam's FRESS, Doug Englebert 's NLS
• Pada t ahun 1987, Apple mengenalkan HyperCard
• Pada t ahun 1989, Sir Timot hy John ¨ Tim¨ Berners-Lee di European

  Part icle Physics Lab. (CERN) mendesain sist em aplikasi berbasis

  hypertext unt uk menghubungkan ant ar dokumen di internet diberi nama Enquire

• Enquire adalah sebuah dat abase halaman-halaman dat a dan informasi yang sat u sama lain saling t erkoneksi atau dikenal dengan ist ilah linked .
• Tim adalah ilmuw an dengan latar belakang pendidikan pengolahan t eks, komunikasi dan real-t ime soft w are.

  

Sejarah-Perkembangan Web

• Tahun 1990 adalah t ahun yang paling bersejarah, ket ika Tim Berners Lee

  menemukan program editor dan browser yang bisa menjelajah ant ara sat u komput er dengan komput er yang lainnya, yang membent uk jaringan it u. Program inilah yang disebut w w w, at au World Wide Web.

• – Dibuat dengan bahasa (Non-WYSIWYG) unt uk mencirikan dokumen
• – Yang dikenal dengan nama HyperText M arkup Language (HTM L)
• Diperkenalkan suat u layanan protokol yang dikenal dengan nama

  HyperText Transfer Protocol (HTTP)

• Tim mengimplementasikan browser pert ama di dunia:
• – berbasis t eks
• – Belum ada embeded media
• – M asih bersifat stand alone
• Th 1990 pert ama kalinya diakt ifkannya sebuah w eb server yang berada di luar Eropa t epatnya di Universit as Standford di Amerika Serikat .
• Pd t h 1991 berhasil di-online-kan w w w dari Tim t sb, alamat nya bisa diakses di:

  ht tp:/ / w w w.w 3.org/ Hist ory/ 19921103-hypert ext / hypertext / WWW/ TheProject .html

  

Sejarah-Perkembangan Web

• Pada t ahun 1993, M arc Andreessen (di Nat ional Cent er for Supercomput ing

  Applicat ions) mengembangkan M osaic, Web brow ser berbasis GUI pert ama:

• – Int uit ive, int erface yang clickable menjadikan hypertext mudah diakses
• – M engint egrasikan dengan mult imedia (images, video, sound, …) dengan mudah
• Andreessen sepeninggal dari NCSA bersama membuat

  Jim Clark brow ser Net scape (1994)

• Brow ser grat is dan t erkenal (75% menguasai pasar pada 1996)

• Th 1993 disusul bermunculannya brow ser: M idas, Erw ise, Viola, dan Samba.

• Pada t ahun ini pula CERN set uju membebaskan siapa saja unt uk

  menggunakan w eb prot ocol dan juga kode-kode yang bebas royalt i alias grat is.

  

Sejarah-Perkembangan Web

• Pada t ahun 1994 CERN dan M IT mendirikan suat u

  konsorsium yang dinamakan World WIde Web Consort ium (W3C) htt p:/ / w w w.w 3.org/ :
• – membangun standar bagi t eknologi Web.
• – mengambil keput usan bahwa script HTM L adalah script st andar unt uk semua w ebsite.
• – script ht ml tersebut dikembangkan lagi menjadi XHTM L yang bersifat t erbuka t erhadap berbagai plugin script t ambahan sepert i Java, flash, dan Ajax.
• Pada 1995, M icrosoft membuat Int ernet Explorer

• Net scape dibeli AOL t h 1999 seharga US$10 billion

Sejarah-Perkembangan Web

• Pada 1995 muncul w ebsite menggunakan tabel sebagai dasar layout nya (t able-based layout )
• Kehadiran Table-based layout merupakan gebrakan yang cukup signifikan bagi w eb design wakt u it u.

• Dengan t able-based layout , w eb bisa dibuat dalam

  beberapa kolom dengan posisi-posisi layout selangkah lebih maju.
• Websit e yang menggunakan Table-based layout

  diantaranya adalah W3C (1998) dan Yahoo (2002).

Sit us t erkenal Pengguna t able-layout

• W3C (1998)
• Yahoo (2002

Sejarah-Perkembangan Web

• Pada t ahun 1996 flash diint egrasikan dengan w ebsite.
• Pada aw alnya script flash disebut dengan Fut ureSplash Animat or, kemudian M acromedia Flash, dan sekarang Adobe Flash.
• Flash sendiri sebenarnya merupakan pengembangan dari M acromedia Shockwave (sekarang Adobe Shockw ave).
• Program ini pert ama kali dit ujukan sebagai pembuat

  menu dan daft ar mult imedia cont ent pada aut orun

  CD-ROM .

Sejarah-Perkembangan Web

• Pada 1996 3DM L script diperkenalkan oleh M ichael Pow ers.
• 3DM L memungkinkan web unt uk menampilkan animasi-animasi 3D.
• Tet api inovasi ini jarang sekali digunakan.
• Sistem 3DM L menggunakan XM L non-st andar serta hanya bisa dibuka oleh sat u jenis brow ser saja, yait u Flat land Rover .
• Hingga saat ini, belum ada plugin 3DM L yang dibuat unt uk brow ser umum sepert i M ozilla Firefox.

Sejarah-Perkembangan Web

• Aw al 2000, Dynamic HTM L (DHTM L) diperkenalkan.
• Pada awalnya, DHTM L merupakan gabungan dari flash dan ht ml.
• Script ini dikembangkan lebih lanjut dan menjadi JavaScript .
• Tet api seiring perkembangannya DHTM L dan JavaScript t umbuh sendiri-sendiri dan memiliki plat form yang sangat berbeda.

• Dengan DHTM L, script animasi flash dapat diint egrasikan

  dengan HTM L sehingga w eb t idak menjadi berat .
• Selain it u, DHTM L juga mensupport HTM L DOM , yang

  memberi keleluasaan script unt uk melibat kan Operat ing

  System yang digunakan user dalam perintahnya.

Sejarah-Perkembangan Web

• Pada 2000 Cascading St yle Sheet s (CSS) mulai diperkenalkan.
• CSS adalah plat form w eb design yang sangat populer hingga saat ini.
• Dengan adanya CSS, script unt uk t ampilan bisa dipisah dari file HTM L induknya.
• Dengan CSS, t emplat e w eb bisa dibuat lebih rapi.
• CSS memungkinkan banyak fungsi t ampilan yang t idak mungkin dipenuhi oleh t able-based layout .
• CSS akhir-akhir ini menjadi sangat populer dengan diperkenalkannya plat form CM S opensource sepert i Drupal, Joomla, Wordpress, dll.
• Hampir semua t emplat e Drupal, Wordpress dan Joomla menggunakan CSS sebagai basis t ampilannya.

Sejarah-Perkembangan Web

• Pada aw al perkembangannya, sew akt u brow ser

  masih berbasiskan t eks hanya terdapat sekit ar 50 w ebsite.
• Di akhir t ahun 1995 jumlah ini t elah berkembang mencapai sekitar 300.000 w eb site.

• Sekarang jumlah pemakai Web t elah mencapat

  jut aan pemakai di seluruh dunia.

  Cara kerja WWW

  URL W EB / pengguna yang akan mengakses suat u w ebsit e berupa melalui

• USER

  (yait u media unt uk menuju URL yang diakses),

• W EB BROW SER mengirimkan permintaan/ request berupa HTTP REQUEST

  kepada W EB SERVER melalui layer-layer TCP/ IP ,

• W EB SERVER memberikan W EB FILES yang di-request jika ada.
• W EB FILES yang t elah diberikan t adi t idak langsung ditampilkan/ di-display

  begit usaja, namun W EB SERVER memberikan respon kembali ke W EB BROW SER melalui HTTP RESPONSE yang juga melalui layer-layer TCP/ IP ,

• kemudian baru di t erima oleh W EB BROW SER , dan
• USER DISPLAY kemudian dikirimkan kepada berupa .

  

Aplikasi berbasis w eb

• Ada banyak aplikasi berbasis w eb yang t ersedia saat ini, ant ara lain: Chatt ing, sist em informasi, email, milis, forum, penjualan online, dll.
• Keunggulan aplikasi berbasis w eb ini ant ara lain:
• – Plat form Independent , art inya aplikasi ini dapat dijalankan dari sist em operasi w indow s, linux, BSD, M ac.
• – Tidak memerlukan inst alasi soft w are unt uk menjalankan

  aplikasi di set iap komput er. Unt uk komput er lain yang

  ingin menjalankan program ini cukup buka brow sernya

  dan membuka alamat host server dimana program ini

  disimpan.
• – Aplikasi ini dapat dijalankan dari jarak jauh dengan menggunakan int ernet .

  

Web St at is vs. Web Dinamis

Web Statis

  Web Dinamis

• Sebagai Web dinamis meng
• Sebagian besar halaman w eb

  ke layanan online/ e-commerce

  stat is

• halaman Webnya juga harus

  menyediakan kont en dinamis

• Isi (t eks / link / gambar) yang
• halaman harus update, berubah-

  sama set iap kali diakses

  ubah (misalnya: berput ar banner,

  HyperText M arkup Language

  art ikel gant i)

  (HTM L) digunakan unt uk

• harus mampu bereaksi terhadap

  t indakan info pengguna,

  menent ukan t eks / format

  permintaan dan proses,

  gambar

  pemesanan jasa, dll

• contoh: dokumen online,
• Cont oh: w w w.amazon.com ,

  w w w.t hehungersit e.com kebanyakan homepage

  

Pengguna int ernet

• Sumber: w w w.internet w orldst at s.com (2010)

  Pengguna facebook