Internet & Web. Elfan Nofiari. Departemen Teknik Informatika Institut Teknologi Bandung. Page 1. IF-ITB/EN/1-Mar-04 IF3292 Internet & Web

Ukuran: px

Mulai penontonan dengan halaman:

Download "Internet & Web. Elfan Nofiari. Departemen Teknik Informatika Institut Teknologi Bandung. Page 1. IF-ITB/EN/1-Mar-04 IF3292 Internet & Web"

Vera Sanjaya
7 tahun lalu
Tontonan:

1 Internet & Web Elfan Nofiari Departemen Teknik Informatika Institut Teknologi Bandung Page 1

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

3 Layanan-layanan di internet dokumen/world Wide Web/WWW (HTTP) (POP, SMTP, IMAP) chatting (IRC) pertukaran file (FTP) akses komputer jarak jauh (telnet) direktori (LDAP) monitoring jaringan (NMAP) modul aplikasi (SOAP) suara (VoIP) dll. Page 3

4 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

5 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) Page 5

6 Bagaimana web bekerja? URL HTTP request body header Web Browser TCP/IP Web Server Web files Display header body HTTP response Client 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 Page 6

7 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

8 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

9 URL (Uniform/Universal Resource Locator) URL adalah sistem pengalamatan file/program yang digunakan di internet Format URL standar dideskripsikan di RFC 1738 ( URL diawali dengan jenis layanan/protokol Contoh alamat URL: ftp://ftp.informatika.org/ Alamat URL yang digunakan dalam web: Alamat diawali dengan diikuti nama domain dan infromasi direktori Contoh alamat URL untuk web: Page 9

10 HTTP (HyperText Transfer Protocol) HTTP adalah protokol komunikasi yang digunakan dalam web Spesifikasi HTTP standar (HTTP 1.1) dideskripsikan di RFC 2616 ( 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 <html> <head><title> Google </title></head> <body>welcome to google <img src='logo.gif'></body> </html> server browser 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

11 HTML (HyperText Markup Language) HTML adalah format standar untuk menulis dokumen web spesifikasi HTML standar (HTML 4.01) terdapat di contoh dokumen HTML: <html> <head> <title>my first HTML document</title> </head> <body> hello world! welcome to my first HTML page. </body> </html> hasil tampilan : Hello world! Welcome to my first HTML page. Page 11

12 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 Contoh dokumen HTML yang menggunakan CSS: hasil tampilan : <html> <head> <title>my first HTML document</title> </head> <style type='text/css'> p { font-family: Arial; text-decoration: underline; } p:first-letter { font-size: 20pt; } b { font-size: 20pt; } </style> <body> hello world! welcome to my first HTML page. </body> </html> Hello world! Welcome to my first HTML page. Page 12

13 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

dokumen-dokumen yang mirip

M.K. Pemrograman Web (AK ) Konsep Pemrograman Internet

M.K. Pemrograman Web (AK ) Konsep Pemrograman Internet M.K. Pemrograman Web (AK-045216) Konsep Pemrograman Internet Konsep Pemrograman Internet Pemrograman Internet: pemrograman aplikasi berbasis internet (aplikasi internet) Aplikasi internet merupakan suatu