1-Mar-04 IF3292 Internet & Web

Internet & Web Elfan Nofiari Departemen Teknik Informatika Institut Teknologi Bandung

IF-ITB/EN/1-Mar-04 IF3292 – Internet & Web

Page 1

Apa itu internet? • Sebuah jaringan komputer yang sangat besar (meliputi seluruh dunia) • jaringan dari semua jaringan • menggunakan protokol TCP/IP


Page 2

Layanan-layanan di internet • • • • • • • • • •

dokumen/World Wide Web/WWW (HTTP) e-mail (POP, SMTP, IMAP) chatting (IRC) pertukaran file (FTP) akses komputer jarak jauh (telnet) direktori (LDAP) monitoring jaringan (NMAP) modul aplikasi (SOAP) suara (VoIP) dll. IF-ITB/EN/1-Mar-04 IF3292 – Internet & Web

Page 3

Situs Web & Aplikasi Web • Web (WWW)

– Sebuah koleksi besar dari dokumen dan file di internet yang berkaitan satu sama lain, sehingga memungkinkan user untuk menemukan, mengambil, dan menggunakan informasi

• Situs web / homepage

– halaman statis – berbasis informasi (user mendapatkan informasi)

• Aplikasi web

– halaman dinamis – berbasis task (user melakukan sesuatu)

• Jenis-jenis situs/aplikasi web – – – –

situs web pribadi/perusahaan e-commerce, e-learning, e-government portal berita/informasi/komunitas/perusahaan mesin pencari, sistem informasi, dll


Page 4

Komponen teknologi web • • • • • •

Web client (browser) Web server URL : Uniform Resource Locator HTTP : HyperText Transfer Protocol HTML : HyperText Markup Language CSS : Cascading Style Sheet

dan untuk pemrograman web, ditambah dengan : • CGI, eksekusi program di sisi server (perl, C) • server side scripting (PHP, ASP, JSP, Phyton) • client side scripting (JavaScript, JScript, VBScript) IF-ITB/EN/1-Mar-04 IF3292 – Internet & Web

Page 5

Bagaimana web bekerja? URL

HTTP request body

Web Browser

TCP/IP header

Display

header

• •

Web files

body

HTTP response Server

Client

• • • •

Web Server

user mengetik URL di browser browser menghubungi server yang tersebut pada URL setelah terhubung, browser mengirimkan HTTP request server menjawab dengan mengirim HTTP response (berisi header dan isi dokumen) gambar tidak disertakan di dalam dokumen, sehingga browser harus mengirim HTTP request lagi untuk setiap gambar pada halaman browser menampilkan semua isi dokumen kepada user IF-ITB/EN/1-Mar-04 IF3292 – Internet & Web

Page 6

Web client (browser) • web browser – – – –

merupakan suatu perangkat lunak dijalankan pada komputer user sebuah perangkat navigasi di dalam web menampilkan dokumen web

• Perangkat lunak web browser yang populer saat ini : – – – – –

MS Internet Explorer (Windows) Netscape Navigator/Communicator (Windows & Linux) Opera (Windows & Linux) Konqueror (Linux) lynx, berbasis teks (Linux)


Page 7

Web server • web server – merupakan suatu perangkat lunak – dijalankan pada komputer server – berfungsi agar dokumen web yang disimpan di server dapat diakses oleh user di internet

• Perangkat lunak web server yang populer saat ini : – Apache (Linux & Windows) – MS Internet Information Server / IIS (Windows) – Tomcat, untuk Java (Windows & Linux)


Page 8

URL (Uniform/Universal Resource Locator) • URL adalah sistem pengalamatan file/program yang digunakan di internet • Format URL standar dideskripsikan di RFC 1738 (http://www.ietf.org/rfc/rfc1738.txt) • URL diawali dengan jenis layanan/protokol • Contoh alamat URL: • http://www.if.itb.ac.id/ • mailto:[email protected] • ftp://ftp.informatika.org/

• Alamat URL yang digunakan dalam web: – Alamat diawali dengan http://, diikuti nama domain dan infromasi direktori – Contoh alamat URL untuk web: • http://www.itb.ac.id/campus-life/index.html • http://www.google.com/search?hl=en&q=URL+RFC • http://www.indymedia.org:8081/


Page 9

HTTP (HyperText Transfer Protocol) • • •

HTTP adalah protokol komunikasi yang digunakan dalam web Spesifikasi HTTP standar (HTTP 1.1) dideskripsikan di RFC 2616 (http://www.ietf.org/rfc/rfc2616.txt) contoh “obrolan“ antara browser dan server:

browser

GET / HTTP/1.1 Accept: image/gif, image/jpeg, application/x-shockwave-flash, */* User-Agent: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1)

Content-type: text/html Google Welcome to google

browser

server

GET /logo.gif HTTP/1.1 Accept: image/gif, image/jpeg, application/x-shockwave-flash, */* User-Agent: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1) Content-type: image/gif GIF89a€6÷aD&nˆ† !VRŠ:¾è gÛ5ÈßŽ7J ‰ ¥Ø£“ !Y ¤ K "d‘qDbF9~¨âkµ-È ö} &•%= æâz! ÙÑ– uéebóùx’˜ M‰"š* ÉæŒ‚Õ˜¡ ÉI§^„........


server

Page 10

HTML (HyperText Markup Language) • HTML adalah format standar untuk menulis dokumen web • spesifikasi HTML standar (HTML 4.01) terdapat di http://www.w3.org/TR/html4/ • contoh dokumen HTML: My first HTML document
Hello world!
Welcome to my first HTML page.

• hasil tampilan : Hello world! Welcome to my first HTML page.


Page 11

CSS (Cascading Style Sheet) • • •

CSS adalah suatu mekanisme untuk menambahkan style (misalnya font, warna, jarak, posisi) pada dokumen web Spesifikasi CSS standar (CSS 2) terdpat di http://www.w3.org/TR/REC-CSS2/ Contoh dokumen HTML yang menggunakan CSS: My first HTML document <style type='text/css'> p { font-family: Arial; text-decoration: underline; } p:first-letter { font-size: 20pt; } b { font-size: 20pt; }
Hello world!
Welcome to my first HTML page.

•

hasil tampilan :

Hello world! Welcome to my first HTML page. IF-ITB/EN/1-Mar-04 IF3292 – Internet & Web

Page 12

Pemrograman Web • CGI, eksekusi program di sisi server (perl, C) Web server menjalankan file program dan mengambil keluarannya untuk dijadikan HTTP response

• server side scripting (PHP, ASP, JSP, Phyton) Web server mengidentifikasi dan menjalankan skrip program yang disisipkan dalam dokumen web

• client side scripting (JavaScript, JScript, VBScript) Web browser mengidentifikasi dan menjalankan skrip program yang disisipkan dalam dokumen web (yang diterima dari server), dan mungkin meng-update tampilan halaman di komputer user tanpa mengirimkan request baru kepada web server


Page 13

1-Mar-04 IF3292 Internet & Web

Recommend Documents