Upload
others
View
15
Download
1
Embed Size (px)
Citation preview
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
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)