pemrograman berbasis web - episode iinternet. internet mail chat file ... url adalah sistem...

Post on 07-Mar-2020

13 Views

Category:

Documents

1 Downloads

Preview:

Click to see full reader

TRANSCRIPT

Pemrograman Berbasis Web - Episode I

Jaringan komputer yang sangat besar

Menggunakan jaringankomunikasi di seluruh dunia

Jaringan besar menghubungkan jaringan kecil

Protokol TCP/IP

Internet

Internet

Mail

Chat

File Transfer

Web

Layanan internet yang berjalan pada protokol aplikasi HTTP

Aplikasi berbasis Internet

Menggunakan protokolaplikasi yang sudah ada ataumendefinisikan protokolsendiri

Aplikasi di sisi server berkomunikasi langsungdengan client

Aplikasi di sisi client dapatberupa aplikasi yang berdirisendiri atau ditempelkandalam aplikasi lain

Aplikasi berbasis Web

Menggunakan protokol HTTP

Aplikasi di sisi server berkomunikasi dengan client melalui web server

Aplikasi di sisi client umumnyaberupa web browser

Web client (web browser)

Web server

URL : Uniform Resource Locator

HTTP : HyperText Transfer Protocol

HTML : HyperText Markup Language

CSS : Cascading Style Sheet

Pemrograman WebCGI, eksekusi program di sisi serverserver side scriptingclient side scriptingplug-in, eksekusi program di sisi client

Web

BrowserWeb

Server

HTTP request

HTTP responsebodyheader

body header

TCP/IP

Web files

Server

URL

Display

Client

• 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 isidokumen)

• untuk dokumen yang terdiri atas beberapa file (misalnya dokumen bergambar), browser harus mengirimkan HTTP request lagi untuk setiap file

• browser menampilkan semua isi dokumen kepada user

Client Side

Internet Explorer

Mozilla Firefox

Safari Google Chrome

Opera

URL adalah sistem pengalamatan file yang digunakan diinternet

Format URL standar dideskripsikan di RFC 1738 (http://www.ietf.org/rfc/rfc1738.txt)

web servermerupakan suatu software

dijalankan pada komputer server

berfungsi agar dokumen web yang disimpan di server dapat diaksesoleh user di internet

Perangkat lunak web server yang pernah populer :Apache (Linux & Windows)

MS Internet Information Server / IIS (Windows) / PWS (Win98)

Tomcat, untuk Java (Windows & Linux)

Scribe, SGML, HTML, XML, XHTML

Founding Father of WWW and HTML

HTML adalah format standar untuk menulis dokumen web

spesifikasi HTML standar (HTML 4.01) terdapat dihttp://www.w3.org/TR/html4/

contoh dokumen HTML:

<html>

<head>

<title>My first HTML

document</title>

</head>

<body>

<p>Hello

world!<br>Welcome to my

<b>first</b> HTML page.

</p>

</body>

</html>

Hello world!

Welcome to my first

HTML page.

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 dalamdokumen web dan menempatkan keluarannya sebagai bagian dari dokumen web

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

plug-in, eksekusi program di sisi client (applet, ActiveX, Flash)Web browser menjalankan file program dengan bantuan plug-in viewer/player danmenyediakan suatu area di dalam dokumen web sebagai tempat menampilkan antarmukaprogram tersebut

Web 1.0, Web 2.0, Web 3.0

Web 1.0

• Read

Web 2.0

• Read

• Write

Web 3.0

• Read

• Write

• Execute

Web 1.0

Web 1.0 was about companies.Dot com Bubble

Web 1.0 was about homepages.

Web 1.0 was about wires.

Web 1.0 was about Netscape.

Web 1.0 was dial up.

Yahoo mail 1998 with 2 MB of storage.

Web 2.0

Web 2.0 is about communities.MySpace Facebook

Web 2.0 is about blogging.

Web 2.0 is about wireless.

Web 2.0 is about Google.

Web 2.0 is about broadband.

Google Mail (Gmail) with 2GB of storage.

Nantikan episode berikutnya:Dasar-dasar bahasa pemrograman berbasis web

(HTML, CSS, JavaScript)

top related