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.Pengant ar Web
•
Int ernet t idak hanya berisi
World Wide Web. Ada juga
jaringan-jaringan lain:
–
SM TP/ POP unt uk email,–
P2P unt uk musik dan video,–
FTP unt uk men-dow nload,–
Ghoper, dll•
Set iap jaringan it u punya
bahasa-bahasa khusus.
•
Biasa dikenal dengan nama:
w eb, websit e, sit us w eb
•
M engakses web
menggunakan soft w are
browser sepert i :
–
M ozilla Firefox,–
Opera,–
Net scape Communicat or,–
chrome,–
Safari,–
M icrosoft Int ernet Explorer,–
dll.•
Jenis w eb :
–
Web st at is (berbasis halaman/ page)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 berbasishypertext 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.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 ukjaringan 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 namaHyperText 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: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
Jim Clark
membuat
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.
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
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.
Sit us t erkenal Pengguna t able-layout
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).
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
.
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 .
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.
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
Cara kerja WWW
•
USER/ pengguna yang akan mengakses suat u w ebsit e berupa URL melalui W EB BROW SER(yait u media unt uk menuju URL yang diakses),•
W EB BROW SERmengirimkan permintaan/ request berupa HTTP REQUESTkepada W EB SERVER melalui layer-layer TCP/ IP,
•
W EB SERVERmemberikan W EB FILES yang di-request jika ada.•
W EB FILESyang t elah diberikan t adi t idak langsung ditampilkan/ di-displaybegit usaja, namun W EB SERVER memberikan respon kembali ke W EB BROW SER
melalui HTTP RESPONSEyang juga melalui layer-layer TCP/ IP,
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.
Web St at is vs. Web Dinamis
Web Statis
•
Sebagian besar halaman w eb
stat is
•
Isi (t eks / link / gambar) yang
sama set iap kali diakses
HyperText M arkup Language
(HTM L) digunakan unt uk
menent ukan t eks / format
gambar
•
contoh: dokumen online,
kebanyakan homepage
Web Dinamis
•
Sebagai Web dinamis mengarah ke layanan online/ e-commerce•
halaman Webnya juga harus menyediakan kont en dinamis•
halaman harus update, berubah-ubah (misalnya: berput ar banner, art ikel gant i)•
harus mampu bereaksi terhadap t indakan info pengguna,permintaan dan proses, pemesanan jasa, dll
•
Cont oh: w w w.amazon.com,Pengguna int ernet