Aplikasi Web Dan Http2

8/20/2019 Aplikasi Web Dan Http2

1/31

!" $%&'()*' +,- . /001

!"#$% '()$#$ *!)*$+ )#, -./%


2/31

HTTP

Transaction

Request Message

Response Message

Headers


3/31

HTTP menggunakan port 80 untuk

mengakomodasi service-service TCP.


4/31

• 01121 34567

• 8 79: 8;?@@ AB4>B 34567

•

8;


5/31

Transaksi HTTP


6/31

Request message


7/31

Request line


8/31


9/31


10/31

Baris Status


11/31


12/31

Header


13/31

Contoh 1

Contoh ini menunjukkan cara menampilkan sebuah dokumen.

Metode GET digunakan untuk menampilkan image dengan path /usr/bin/image1. Request line menunjukkan method (GET), the

URL, dan versi HTTP version (1.1). Terdapat dua baris pada header

yang menunjukkan bahwa client dapat menerima images dalam

format GIF and JPEG format. Request tidak memiliki body.Response message berisi status line dan empat baris header lines.

Baris header mendefinisikan tanggal, server, versi MIME

(Multipurpose Internet Mail Extensions) dan panjang dokumen.


14/31


15/31


16/31

Contoh 2

Contoh ini menunjukkan cara mendapatkan informasi tentang suatu

dokumen. Metode HEAD digunakan untuk mendapatkan informasisuatu dokumen HTML document (see the next section). Request

line menunjukkan methode (HEAD), URL, dan versi HTTP (1.1).

Satu baris Header memperlihatkan bahwa client dapat menerima

dokumen dalam berbagai format (wild card). Request tidakmemiliki body. Response message berisi status line dan 5 baris

header. Header lines mendefinisikan tanggal, server, MIME

version, type dokumen, dan panjang dokumen (lihat gambar 27.10,

next slide). Sebagai catatan, response message tidak memiliki body.


17/31

HTTP version 1.1 mendefinisikan

koneksi secara default.


18/31

World Wide Web

Browser Architecture

Static Document/HTML

Dynamic Document/CGI

Active Document/Java


19/31

Service Terdistribusi


20/31

Browser architecture


21/31

Kategori Dokumen Web


22/31

Static document


23/31

Boldface tags


24/31

Efek dari boldface tags


25/31

Tag-tag yang Umum

Awal

Tag

Akhir

Tag

Definisi

Tag Dasar

Mendefinisikan dokumen HTML

Mendefinisikan head dokumen HTML

Mendefinisikan body dokumen HTML

Title dan Header Tags

Defines the title of the document

Defines the title of the document


26/31

Contoh 3

Contoh ini memperlihatkan bagaimana tag digunakan supaya

browser dapat menampilkan teks.O"P)'Q

O".$-Q

OP!P'.Q RE576 #FM3@? -4,JM?B6 O9P!P'.Q

O9".$-Q

OST-UQ

O/.%P.*Q O"8QOSQ $PP.%P!T% O9SQO9"8Q

O9/.%P.*Q

U4J ,FB V?6 F ,43L 4W 6GE7 :4,JM?B6 ILX

O('Q

O'!Q Y5EZBV 64 6G? 3JI@E7G?5

O'!Q T5:?5EBV 4B@EB?

O'!Q T5:?5EBV 6G54JVG F I44A7645?

O9('Q

O9ST-UQ

O9"P)'Q


27/31

Dynamic document


28/31

Contoh 6

Contoh 6 merupakan suatu program CGI program ditulis dalam

Bourne shell script. Program mengakses tanggal pada UNIX yangmengembalikan tanggal dan waktu. Catatan, outputnya adalah

berupa teks.

[\9IEB97G

[ PG? G?F: 4W 6G? 354V5FM

?,G4 /4B6?B6]6L3?X 6?^693@FEB?,G4

[ PG? I4:L 4W 6G? 354V5FM

B4>=_:F6?_

?,G4 `B4>

?^E6 ;


29/31

Contoh 7

Sama dengan contoh 6, akan tetapi outputnya berupa dokumen

HTML.

[\9IEB97G

[ PG? G?F: 4W 6G? 354V5FM

?,G4 /4B6?B6]6L3?X 6?^69G6M@

?,G4

[ PG? I4:L 4W 6G? 354V5FM?,G4 O"P)'Q

?,G4 O".$-QOP!P'.Q -F6? FB: PEM? O9P!P'.QO9".$-Q

?,G4 OST-UQ

B4>=_:F6?_

?,G4 O/.%P.*QOSQ `B4> O9SQO9/.%P.*Q

?,G4 O9ST-UQ?,G4 O9"P)'Q

?^E6 ;


30/31

Active document


31/31

2,34' 5 678*

Aplikasi Web Dan Http2

Documents

Transcript of Aplikasi Web Dan Http2