Pemrograman Internet I

By
U. Abd. Rohim
info@abdrohim.com
3/8/2005

Pemrograman Internet I

Topik Bahasan
n
n

Konsep Dasar Web, mencakup terminologi, komponen pembangun,

mekanisme kerja web dan pemrograman web
HyperText Markup Language (HTML), memberikan uraian tentang
konsep dasar markup language, sintaks HTML, pemanfaatan HTML
untuk membuat situs statik, pemanfaatan HTML untuk layout
dokumen, dan pemanfaatan HTML untuk menyediakan input user
Cascading Style Sheet (CSS), memberikan uraian tentang konsep
dasar, sintaks CSS, dan pemanfaatannya untuk representasi dan layout
dokumen pada lingkungan web
Client Side Script dengan JavaScript, memberikan uraian tentang dasar
pemrograman dengan JavaScript, sintaks bahasa JavaScript,
pemanfaatan JavaScript untuk membangun aplikasi web yang client
side yang dinamis, serta integrasi HTML, CSS dan JavaScript dalam
membangun aplikasi web yang client side
Interaksi Client Side Script dan Server Side Script, memberikan uraian
mengenai cara berinteraksi antara dua sisi program web: client side
dan server side

U. Abd. Rohim
info@abdrohim.com

Pemrograman Internet I
(Pendahuluan)

What is Internet ?
n

n
n

A large computer network (all over the

world)
Network of networks
Based on TCP/IP

U. Abd. Rohim
info@abdrohim.com

Pemrograman Internet I
(Pendahuluan)

Internet services
n
n
n
n
n
n

World wide web (HTTP)

E-mail (POP, SMTP, IMAP)
Chat (IRC)
File transfer (FTP)
Remote access (telnet)
VoIP, etc.

U. Abd. Rohim
info@abdrohim.com

Pemrograman Internet I
(Pendahuluan)

Istilah Dasar
n

Web (WWW)
n

Web Site /Homepage

n
n

Kumpulan dokumen dan file yg berada dalam

internet tehubung satu dg yg lainnya sehingga
memmungkinkan user untuk melakukan pencarian
dan pengambilan informasi
Halaman bersifat Statik
Mengacu pada distribusi informasi

Web Application
n
n

Halaman bersifat Dinamis

Task Based (User dapat melakukan sesuatu)

U. Abd. Rohim
info@abdrohim.com

Pemrograman Internet I
(Pendahuluan)

Types of web site/

web application
n
n
n
n

Personal/corporate web site

e-commerce, e-learning, e-government
News/information/community portal
Corporate portal, etc.

U. Abd. Rohim
info@abdrohim.com

Pemrograman Internet I
(Pendahuluan)

How does web work?

n

User memasukan URL dalam browser

http://www.google.com
Browser men-translate URL ke dalam IP
address untuk dikoneksikan dengan server
lewat TCP (Port 80:Http Service)
connects to a computer with IP
address 216.239.39.99 port 80
Setelah terhubung, browser mengirim Get
Request (Http Request)
GET / HTTP/1.1

U. Abd. Rohim
info@abdrohim.com

Pemrograman Internet I
(Pendahuluan)

How does web work?

n

(1)

(2)

Server memberikan tanggapan dengan Http

Response, memberitahukan browser type yang
digunakan (html, text, image dll)
File yang dipanggil dalam file html (inline files),
misalkan file image tidak datang bersamaan dengan
file htmlnya, browser melakukan get request lagi
sebanyak inline files tersebut
Browser melakukan renders dari file yang diterima
untuk ditampilkan ke user
Koneksi diputus saat saat pengiriman data selesai
(Done)

U. Abd. Rohim
info@abdrohim.com

Pemrograman Internet I
(Pendahuluan)

Web Browser
n
n
n
n

Adalah sebuah software

Berjalan pada komputer user
Sebuah tool untuk melakukan navigasi di web
Dan, menampilkan dokumen web

Beberapa Web Browser:

n MS Internet Explorer, runs on Windows platform
n Netscape Navigator/Communicator, runs on multi platform
n Opera, runs on multi platform
n Konqueror, runs on Linux platform
n lynx (text based), runs on Linux platform

U. Abd. Rohim
info@abdrohim.com

Pemrograman Internet I
(Pendahuluan)

Web server
n
n
n

Adalah sebuah software

Yang berjalan pada komputer server
Sebagai tempat menyimpan file-file dokumen web
sehingga dapat diakses oleh internet users

Beberapa Web Server:

n Apache, runs on multi platform (best on Linux)
n MS Internet Information Server (IIS), runs on
Windows platform
n Tomcat (for java), runs on multi platform
U. Abd. Rohim
info@abdrohim.com

Pemrograman Internet I
(Pendahuluan)

10

Web programming
n

Command Gatway Interface (PERL, C)

Dieksekusi di web server, melakukan komunikasi
dengan browser seperti http response
Server Side Scripting (ASP, PHP)
web server melakukan parse dan eksekusi sehingga
script embedded dalam halaman web
Client side scripting (JavaScript, JScript, VBScript)
Web browser melakukan parse dan eksekusi
sehingga script embedded dalam halaman web

U. Abd. Rohim
info@abdrohim.com

Pemrograman Internet I
(Pendahuluan)

11

HTML
(HyperText Markup Language)
n

Merupakan format standar untuk mepublikasikan

dokumen web
Spesifikasi teknis (HTML 4.01) dpt dilihat di
http://www.w3.org/TR/html4/
Contoh dokumen HTML
<html>
<head>
<title>My Web Document</title>
</head>
<body>
<p>Hello !<br>Ini halaman web ku</p>
</body>
</html>

U. Abd. Rohim
info@abdrohim.com

Pemrograman Internet I
(Pendahuluan)

12

Bentuk Output pada IE

U. Abd. Rohim
info@abdrohim.com

Pemrograman Internet I
(Pendahuluan)

13

CSS (Cascading Style Sheet)

n

Merupakan sebuah mekanisme untuk

melakukan penyederhanaan dalam
membuat style (seperti Color, Font,
spacing dll) dalam dokumen web
Spesifikasi standar CSS dapat dilihat
pada:
http://www.w3.org/TR/REC-CSS2/

U. Abd. Rohim
info@abdrohim.com

Pemrograman Internet I
(Pendahuluan)

14

Script HTML dengan CSS

n
n
n
n
n
n
n
n
n
n
n
n
n

<html>
<head>
<title>My Web 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>
<p>Hello !<br>Ini halaman web ku yang <b>pertama</b></p>
</body>
</html>

U. Abd. Rohim
info@abdrohim.com

Pemrograman Internet I
(Pendahuluan)

15

Bentuk Output pada IE

U. Abd. Rohim
info@abdrohim.com

Pemrograman Internet I
(Pendahuluan)

16