Index of /Kuliah2013-2014/Desain&PemrogramanWeb/Day1-2 World Wide Web

Bab1 - World Wide Web

Web Design & Programming
Kholid Fathoni Setiawan, S.Kom., M.T.

Politeknik Elektronika Negeri Surabaya
(PENS)

1

WWW History
1989-1990 – Tim Berners-Lee menemukan
World Wide Web
Transfer teks dan gambar.
Protokol transfer data secara Client/Server
Komunikasi melalui protokol level application.

Text mark up language
Tidak ditemukan oleh Bernes-Lee
Sederhana dan mudah digunakan
Dibutuhkan aplikasi client untuk merender teks /gambar.

Politeknik Elektronika Negeri Surabaya
(PENS)

2

WWW History
1994 – Mark Andreesen menemukan MOSAIC
di National Center for Super Computing
Applications (NCSA)
Browser pertama yg mendukung grafik.
Didistribusikan secara bebas
Menjadi Netscape Inc.

1995 (approx.) – Trafik Web menjadi dominan
E-commerce
Web infrastructure companies
World Wide Web Consortium
Politeknik Elektronika Negeri Surabaya
(PENS)

3

Komponen WWW
Komponen Struktural
Client/browser
Server – Dijalankan di hardware khusus
Caches – many interesting implementations
Internet – Infrastruktur dengan fasilitas transfer
data.

Komponen Semantik
Hyper Text Transfer Protocol (HTTP)
Hyper Text Markup Language (HTML)
eXtensible Markup Language (XML)
Uniform Resource Identifiers (URIs)
Politeknik Elektronika Negeri Surabaya
(PENS)

4

Pendahuluan
kumpulan informasi pada beberapa server
komputer yang terhubung satu sama lain
dalam jaringan Internet
Informasi dalam web mempunyai Link untuk
menghubungkan dengan informasi lain
Link Mempunyai tanda khusus. :
Teks berwarna biru dan bergaris bawah.
Icon gambar
Politeknik Elektronika Negeri Surabaya
(PENS)

5

Browser
suatu program yang dirancang untuk
mengambil informasi dari suatu server
komputer pada jaringan Internet

Politeknik Elektronika Negeri Surabaya
(PENS)

6

HTTP (Hypertext Transfer Protocol)
protokol yang menentukan Web browser
dalam meminta/mengambil suatu dokumen,
dan menentukan Web server dalam
menyediakan dokumen yang diminta oleh
Web browser

Politeknik Elektronika Negeri Surabaya
(PENS)

7

URL (Uniform Resource Locator)
suatu alamat yang dipakai untuk menentukan
lokasi informasi pada Web server

Contoh : http://www.eepis-its.edu/index.php

Politeknik Elektronika Negeri Surabaya
(PENS)

8

DNS (Domain Name System)
mempermudah pengelolaan Web server dan Web
browser pada komputer di Internet
Nama domain beserta jenis organisasinya, antara
lain
com ---> untuk komersial
edu ---> untuk pendidikan
net ---> untuk provider Internet
id ---> untuk negara Indonesia
gov ---> untuk Lembaga Pemerintahan
int ---> untuk Organisasi International
mil ---> untuk Organisasi Militer
org ---> untuk Organisasi Umum

Politeknik Elektronika Negeri Surabaya
(PENS)

9

Web Server
Suatu perangkat komputer berupa software
yang digunakan sebagai server yang dapat
menangani semua kegiatan yang
berhubungan dengan protokol HTTP

Politeknik Elektronika Negeri Surabaya
(PENS)

10

Berbagai Web Server
Contoh Web Server
Apache
IIS (Internet Information System)

Apache Tomcat
Lighttpd
Sun Java System Web Server
Xitami Web Server
Zeus Web Server

Politeknik Elektronika Negeri Surabaya
(PENS)

11

Komputer yang sudah ada Web Server

Politeknik Elektronika Negeri Surabaya
(PENS)

12

Belum ada web server

Politeknik Elektronika Negeri Surabaya
(PENS)

13

HTML (HyperText Markup
Language)
format data yang dipakai untuk membuat
dokumen HyperText. Dokumen HTML
disebut Mark Language.
berisi tanda tanda tertentu yang digunakan
untuk menentukan tampilan suatu teks dan
tingkat kepentingan dari teks tersebut dalam
suatu dokumen

Politeknik Elektronika Negeri Surabaya
(PENS)

14

HTML (HyperText Markup
Language)

Politeknik Elektronika Negeri Surabaya
(PENS)

15

Program Editor HTML
Untuk membuat dokumen HTML
Contoh : Macromedia Dreamweaver,dll

Politeknik Elektronika Negeri Surabaya
(PENS)

16

Bagaimana WWW Bekerja
Informasi web disimpan dalam dokumen yang
disebut dengan halaman-halaman web (web

pages)
web page adalah file-file yang disimpan dalam
komputer yang disebut dengan server-server web
(web server)
Komputer-komputer membaca web page disebut
sebagai web client
Web client menampilkan page dengan
menggunakan program yang disebut dengan
browser web (web browser)
Politeknik Elektronika Negeri Surabaya
(PENS)

17

FINISH

Politeknik Elektronika Negeri Surabaya
(PENS)

18