SlideShare a Scribd company logo
1 of 16
Download to read offline
Protokol HTTP 
Pengembangan Web 
Edwin Lunando 
edwin@kuliahkita.com
Pendahuluan 
Hyper Text Transter Protocool(HTTP) merupakan protokol dasar 
dari World Wide Web yang digunakan untuk mengakses aplikasi 
web dari browser. 
Protokol ini sederhana, tidak mendukung state (stateless) dan 
memiliki fungsionalitas yang terbatas. Berbasis mengirimkan 
request dan menerima respon. 
Merupakan protokol Application Layer yang berada di atas TCP.
Protokol dan Struktur HTTP 
Protokol HTTP menggunakan paradigma request & response 
(permintaan dan respon). 
Struktur request & response terdiri dari: 
● Header (Informasi beberapa baris) 
● Baris kosong 
● Message Body(Isi utama) 
Termasuk Stateless Protocol: transaksi yang hanya terdiri dari sebuah 
request dari client dan sebuah response dari server
Struktur HTTP Request 
METHOD /path-to-resource HTTP/version-number 
Header-Name-1: value 
Header-Name-2: value 
[Optional Request Body] 
GET /q?s=GOOG HTTP/1.1 
Host: finance.google.com 
User-Agent: Mozilla/24.75 [en] (WinNT; U) 
HEAD HTTP://www.kuliahkita.com/~edwin/ HTTP/1.1 
Host: www.kuliahkita.com 
User-Agent: Mozilla/24.75 [en] (WinNT; U) 
Format 
Contoh 
Contoh
Struktur HTTP Request 
Request Line 
● Request Method: GET, POST, HEAD 
● URL yang diakses 
● Versi HTTP: 1.0 atau 1.1 
Pasangan variabel header dan nilainya 
● Host: Target URL yang ditentukan 
● Content-length: Panjang konten 
● User-Agent: Tipe OS dan browser pengirim 
● Cookie, dll 
Request Body (Optional) 
Tempat data untuk dikirimkan ke server
Struktur HTTP Response 
METHOD/version-number status-code message 
Header-Name-1: value 
Header-Name-2: value 
[Response Body] 
HTTP/1.0 200 OK 
Date: Sat, 03 Feb 2001 22:48:35 GMT 
Connection: close 
Content-type = text/HTML 
Set-Cookie: B=9q15kgct7p2m3&b=2;expires=Thu,15 Apr 2010 20:00:00 
GMT; path=/; domain=.yahoo.com 
<HTML> 
<HEAD><TITLE>Yahoo! Finance - YHOO</TITLE></HEAD> 
<BODY> … </BODY> 
</HTML>
Struktur HTTP Response 
Status Line 
● Versi HTTP: 1.0 atau 1.1 
● Status Code dan deskripsinya 
Pasangan variabel header dan nilainya 
● Content-type 
● Content-length 
● Set-Cookie 
● Date, dll 
Response Body
Request Method 
Get 
● Paling simpel 
● Tidak punya request body 
● parameter request masuk ke URL bagian query string setelah (“?”) 
Post 
● Memiliki request body berisi parameter request 
● URL tidak mengandung parameter request (cocok untuk submit form) 
Head 
● Mirip Get 
● Server hanya mengembalikan header 
● Digunakan untuk mendukung cache berdasarkan content modification 
information (last modified)
Status Code 
Memberitahu browser atau proxy apakah response sesuai 
dengan yang diharapkan 
● 1xx : Informasi 
● 2xx : Sukses 
● 3xx : Redirection 
● 4xx : Client Request Error 
● 5xx : Server Error
HTTP Header 
General Header 
● Date: Sun, 11 Feb 2001 22:38:31 GMT 
○ Jam dan tanggal message dibuat 
● Connection: Close 
○ Client dan Server ingin koneksi tetap diperahankan atau tidak 
Request Header 
● User-Agent: Mozilla/4.75 [en] (WinNT; U) 
○ Identitas Browser 
● Host: www.neurozen.com 
○ untuk mendukung virtual host 
● Referer: http://www.cs.rutgers.edu/index.html 
○ URL dari halaman sebelumnya (yang me-refer)
HTTP Header 
Response Header 
● Location(URL): http://www.mywebsite.com/Page.html 
○ Halaman yang harus dituju (redirect) 
● Server: Apache/1.2.5 
○ Identitas web server yang digunakan 
Entity Header 
● Content-Type: mime-type/mime-subtype 
○ Tipe dari message body 
● Content-Length: xxx 
○ Panjang message body 
● Last-Modified: Sun, 11 Feb 2001 22:28:31 GMT 
○ Tanggal modifikasi content
Virtual Hosting 
Melakukan hosting terhadap beberapa nama domain pada 
server. 
Umumnya apabila seseorang membuat situs, akan dihosting di 
shared web hosting, terkecuali perusahaan besar yang punya 
dedicated server sendiri. 
GET http://finance.google.com/q?=GOOG HTTP/1.1 
Host: finance.google.com 
GET /q?s=GOOG HTTP/1.1 
Host: finance.google.com
Authentication 
Otentikasi adalah proses menentukan apakah seseorang yang 
mengakses adalah diri seseorang yang dia klaim. 
*karena bisa saja seseorang menggunakan identitas orang lain. 
HTTP/1.1 401 Authenticate 
Date: Mon, 05 Feb 2001 03:41:23 GMT 
Server: Apache/1.2.5 
WWW-Authenticate: Basic realm=”Chapter309” 
GET /book/chapter3/index.html HTTP/1.1 
Date: Mon, 05 Feb 2001 03:41:24 GMT 
Host: www.neurozen.com 
Authorization: Basic eNCoDed-uSErId: pasword
Session Management 
Pengaturan Sesi adalah pengaturan terhadap informasi semi-permanen 
antara dua pihak (biasa client-server). 
GET /kelas/pengembangan-web/HTTP/1.1 
Host: www.kuliahkita.com 
Authorization: ... 
HTTP/1.1 200 OK 
Set-Cookie: Client=Rich; path=/kelas 
... 
GET /kelas/pengembangan-web HTTP/1.1 
Host: www.kuliahkita.com 
Cookie: Client=Rich
Caching Control 
Caching control mengatur penyimpanan sementara pada suatu 
tempat dari berkas-berkas seperti halaman HTML, gambar, dan 
dokumen / obyek web lainnya dengan tujuan mengurangi 
penggunaan bandwidth, lag, dan beban pada server 
GET /~shklar/ HTTP/1.1 
Host: www.kuliahkita.com 
If-Modified-Since: Fri, 11 Feb 2001 22:28:00
Persistent Connection 
Persistent Connection atau biasa disebut HTTP keep-alive bertujuan menjaga 
koneksi agar tetap hidup sehingga dapat mengirimkan beberapa (multiple) 
HTTP-request atau HTTP-response secara konkuren 
HTTP 1.0 menggunakan TCP terpisah untuk 
setiap request 
● tidak efisien 
● lambat 
HTTP 1.1 menggunakan persistent connection, 
yang bisa digunakan untuk banyak request

More Related Content

What's hot

PERULANGAN (LOOPING)
PERULANGAN (LOOPING)PERULANGAN (LOOPING)
PERULANGAN (LOOPING)Ahmad Givari
 
CSS Layouting #5 : Position
CSS Layouting #5 : PositionCSS Layouting #5 : Position
CSS Layouting #5 : PositionSandhika Galih
 
Pernyataan Kondisi dalam Pemrograman PHP
Pernyataan  Kondisi dalam Pemrograman PHPPernyataan  Kondisi dalam Pemrograman PHP
Pernyataan Kondisi dalam Pemrograman PHPI Gede Iwan Sudipa
 
Proses Pengiriman Data Melalui OSI LAYER
Proses Pengiriman Data Melalui OSI LAYERProses Pengiriman Data Melalui OSI LAYER
Proses Pengiriman Data Melalui OSI LAYERyoga wijaya
 
Notasi algoritmik & programming style
Notasi algoritmik & programming styleNotasi algoritmik & programming style
Notasi algoritmik & programming styleTenia Wahyuningrum
 
PHP CRUD Database Mysql
PHP CRUD Database MysqlPHP CRUD Database Mysql
PHP CRUD Database MysqlYusuf A.H.
 
[PBO] Pertemuan 2 - Method, String & array
[PBO] Pertemuan 2 - Method, String & array[PBO] Pertemuan 2 - Method, String & array
[PBO] Pertemuan 2 - Method, String & arrayrizki adam kurniawan
 
Pertemuan04 mengamankansisteminformasi
Pertemuan04 mengamankansisteminformasiPertemuan04 mengamankansisteminformasi
Pertemuan04 mengamankansisteminformasiRoziq Bahtiar
 
Application Layer
Application LayerApplication Layer
Application Layerrosmida
 
Iii Representasi Pengetahuan
Iii   Representasi PengetahuanIii   Representasi Pengetahuan
Iii Representasi PengetahuanHerman Tolle
 
Cryptography for Java Developers: Nakov jProfessionals (Jan 2019)
Cryptography for Java Developers: Nakov jProfessionals (Jan 2019)Cryptography for Java Developers: Nakov jProfessionals (Jan 2019)
Cryptography for Java Developers: Nakov jProfessionals (Jan 2019)Svetlin Nakov
 
HTTP Request Header and HTTP Status Code
HTTP Request Header and HTTP Status CodeHTTP Request Header and HTTP Status Code
HTTP Request Header and HTTP Status CodeAbhishek L.R
 
Ppt pengenalan dan pemrograman java
Ppt pengenalan dan pemrograman javaPpt pengenalan dan pemrograman java
Ppt pengenalan dan pemrograman javanur achlish rosyadi
 
implementasi sistem file
implementasi sistem fileimplementasi sistem file
implementasi sistem fileHabibi Habibi
 
Pertemuan Ke-5 - Sistem Operasi - Sinkronisasi Proses.pptx
Pertemuan Ke-5 - Sistem Operasi - Sinkronisasi Proses.pptxPertemuan Ke-5 - Sistem Operasi - Sinkronisasi Proses.pptx
Pertemuan Ke-5 - Sistem Operasi - Sinkronisasi Proses.pptxYaya610291
 
Makalah mikroprosesor jam digital dengan LCD16X2
Makalah mikroprosesor jam digital dengan LCD16X2 Makalah mikroprosesor jam digital dengan LCD16X2
Makalah mikroprosesor jam digital dengan LCD16X2 lely charo
 

What's hot (20)

PERULANGAN (LOOPING)
PERULANGAN (LOOPING)PERULANGAN (LOOPING)
PERULANGAN (LOOPING)
 
CSS Layouting #5 : Position
CSS Layouting #5 : PositionCSS Layouting #5 : Position
CSS Layouting #5 : Position
 
Pernyataan Kondisi dalam Pemrograman PHP
Pernyataan  Kondisi dalam Pemrograman PHPPernyataan  Kondisi dalam Pemrograman PHP
Pernyataan Kondisi dalam Pemrograman PHP
 
Proses Pengiriman Data Melalui OSI LAYER
Proses Pengiriman Data Melalui OSI LAYERProses Pengiriman Data Melalui OSI LAYER
Proses Pengiriman Data Melalui OSI LAYER
 
Notasi algoritmik & programming style
Notasi algoritmik & programming styleNotasi algoritmik & programming style
Notasi algoritmik & programming style
 
PHP CRUD Database Mysql
PHP CRUD Database MysqlPHP CRUD Database Mysql
PHP CRUD Database Mysql
 
[PBO] Pertemuan 2 - Method, String & array
[PBO] Pertemuan 2 - Method, String & array[PBO] Pertemuan 2 - Method, String & array
[PBO] Pertemuan 2 - Method, String & array
 
Pertemuan04 mengamankansisteminformasi
Pertemuan04 mengamankansisteminformasiPertemuan04 mengamankansisteminformasi
Pertemuan04 mengamankansisteminformasi
 
SLIDE KE:5 NFA
SLIDE KE:5 NFASLIDE KE:5 NFA
SLIDE KE:5 NFA
 
Application Layer
Application LayerApplication Layer
Application Layer
 
Iii Representasi Pengetahuan
Iii   Representasi PengetahuanIii   Representasi Pengetahuan
Iii Representasi Pengetahuan
 
Cryptography for Java Developers: Nakov jProfessionals (Jan 2019)
Cryptography for Java Developers: Nakov jProfessionals (Jan 2019)Cryptography for Java Developers: Nakov jProfessionals (Jan 2019)
Cryptography for Java Developers: Nakov jProfessionals (Jan 2019)
 
HTTP Request Header and HTTP Status Code
HTTP Request Header and HTTP Status CodeHTTP Request Header and HTTP Status Code
HTTP Request Header and HTTP Status Code
 
Ppt pengenalan dan pemrograman java
Ppt pengenalan dan pemrograman javaPpt pengenalan dan pemrograman java
Ppt pengenalan dan pemrograman java
 
Firewall
FirewallFirewall
Firewall
 
Sistem File
Sistem FileSistem File
Sistem File
 
implementasi sistem file
implementasi sistem fileimplementasi sistem file
implementasi sistem file
 
Jaringan Komputer - Analisis PDU
Jaringan Komputer - Analisis PDUJaringan Komputer - Analisis PDU
Jaringan Komputer - Analisis PDU
 
Pertemuan Ke-5 - Sistem Operasi - Sinkronisasi Proses.pptx
Pertemuan Ke-5 - Sistem Operasi - Sinkronisasi Proses.pptxPertemuan Ke-5 - Sistem Operasi - Sinkronisasi Proses.pptx
Pertemuan Ke-5 - Sistem Operasi - Sinkronisasi Proses.pptx
 
Makalah mikroprosesor jam digital dengan LCD16X2
Makalah mikroprosesor jam digital dengan LCD16X2 Makalah mikroprosesor jam digital dengan LCD16X2
Makalah mikroprosesor jam digital dengan LCD16X2
 

Viewers also liked

Kriptografi - Prinsip Perancangan Cipher Blok
Kriptografi - Prinsip Perancangan Cipher BlokKriptografi - Prinsip Perancangan Cipher Blok
Kriptografi - Prinsip Perancangan Cipher BlokKuliahKita
 
Kriptografi - Block Cipher dan CBC
Kriptografi - Block Cipher dan CBCKriptografi - Block Cipher dan CBC
Kriptografi - Block Cipher dan CBCKuliahKita
 
Kriptografi - Hash
Kriptografi - HashKriptografi - Hash
Kriptografi - HashKuliahKita
 
Flash 5 interface 3 shape tween
Flash 5 interface 3 shape tweenFlash 5 interface 3 shape tween
Flash 5 interface 3 shape tweenDaniel Downs
 
Algoritma Gost ( Computer Scurity )
Algoritma Gost ( Computer Scurity )Algoritma Gost ( Computer Scurity )
Algoritma Gost ( Computer Scurity )Er Erlyta
 
Laporan praktikum modul 7 pemrogrman mobile j2me
Laporan praktikum modul 7 pemrogrman mobile j2me Laporan praktikum modul 7 pemrogrman mobile j2me
Laporan praktikum modul 7 pemrogrman mobile j2me Devi Apriansyah
 
20111221 algoritma kriptografimodern-part1-1-2
20111221 algoritma kriptografimodern-part1-1-220111221 algoritma kriptografimodern-part1-1-2
20111221 algoritma kriptografimodern-part1-1-2Sunyo Andriyanto
 
SISTEM INFORMASI MANAJEMEN PROYEK 1
SISTEM INFORMASI MANAJEMEN PROYEK 1SISTEM INFORMASI MANAJEMEN PROYEK 1
SISTEM INFORMASI MANAJEMEN PROYEK 1Muhammad Fadli. SE,.
 
Pengantar kriptografi
Pengantar kriptografiPengantar kriptografi
Pengantar kriptografiSoleh Hidayat
 
Kriptografi - Data Encryption Standard
Kriptografi - Data Encryption StandardKriptografi - Data Encryption Standard
Kriptografi - Data Encryption StandardKuliahKita
 
Kriptografi - Algoritma Kriptografi Modern
Kriptografi - Algoritma Kriptografi ModernKriptografi - Algoritma Kriptografi Modern
Kriptografi - Algoritma Kriptografi ModernKuliahKita
 
Kriptografi - Kriptografi Kunci Publik
Kriptografi - Kriptografi Kunci PublikKriptografi - Kriptografi Kunci Publik
Kriptografi - Kriptografi Kunci PublikKuliahKita
 
manajemen proyek teknologi informasi
manajemen proyek teknologi informasimanajemen proyek teknologi informasi
manajemen proyek teknologi informasiOi Ruswanto
 
Tnd - Pengantar Manajemen Proyek Sistem Informasi - Temu 4
Tnd - Pengantar Manajemen Proyek Sistem Informasi - Temu 4Tnd - Pengantar Manajemen Proyek Sistem Informasi - Temu 4
Tnd - Pengantar Manajemen Proyek Sistem Informasi - Temu 4Tino Dwiantoro
 
Materi Kuliah PBK Pertemuan 2
Materi Kuliah PBK Pertemuan 2Materi Kuliah PBK Pertemuan 2
Materi Kuliah PBK Pertemuan 2Akabaru48
 
Laporan praktikum modul 2
Laporan praktikum modul 2Laporan praktikum modul 2
Laporan praktikum modul 2Devi Apriansyah
 

Viewers also liked (20)

Kriptografi - Prinsip Perancangan Cipher Blok
Kriptografi - Prinsip Perancangan Cipher BlokKriptografi - Prinsip Perancangan Cipher Blok
Kriptografi - Prinsip Perancangan Cipher Blok
 
Kriptografi - Block Cipher dan CBC
Kriptografi - Block Cipher dan CBCKriptografi - Block Cipher dan CBC
Kriptografi - Block Cipher dan CBC
 
Kriptografi - Hash
Kriptografi - HashKriptografi - Hash
Kriptografi - Hash
 
Flash 5 interface 3 shape tween
Flash 5 interface 3 shape tweenFlash 5 interface 3 shape tween
Flash 5 interface 3 shape tween
 
Algoritma Gost ( Computer Scurity )
Algoritma Gost ( Computer Scurity )Algoritma Gost ( Computer Scurity )
Algoritma Gost ( Computer Scurity )
 
kriptografi kunci publik
kriptografi kunci publikkriptografi kunci publik
kriptografi kunci publik
 
Laporan praktikum modul 7 pemrogrman mobile j2me
Laporan praktikum modul 7 pemrogrman mobile j2me Laporan praktikum modul 7 pemrogrman mobile j2me
Laporan praktikum modul 7 pemrogrman mobile j2me
 
20111221 algoritma kriptografimodern-part1-1-2
20111221 algoritma kriptografimodern-part1-1-220111221 algoritma kriptografimodern-part1-1-2
20111221 algoritma kriptografimodern-part1-1-2
 
rc4 dan a5
rc4 dan a5rc4 dan a5
rc4 dan a5
 
SISTEM INFORMASI MANAJEMEN PROYEK 1
SISTEM INFORMASI MANAJEMEN PROYEK 1SISTEM INFORMASI MANAJEMEN PROYEK 1
SISTEM INFORMASI MANAJEMEN PROYEK 1
 
Pengantar kriptografi
Pengantar kriptografiPengantar kriptografi
Pengantar kriptografi
 
04 kriptografi
04 kriptografi04 kriptografi
04 kriptografi
 
Kriptografi - Data Encryption Standard
Kriptografi - Data Encryption StandardKriptografi - Data Encryption Standard
Kriptografi - Data Encryption Standard
 
Kriptografi - Algoritma Kriptografi Modern
Kriptografi - Algoritma Kriptografi ModernKriptografi - Algoritma Kriptografi Modern
Kriptografi - Algoritma Kriptografi Modern
 
2863344
28633442863344
2863344
 
Kriptografi - Kriptografi Kunci Publik
Kriptografi - Kriptografi Kunci PublikKriptografi - Kriptografi Kunci Publik
Kriptografi - Kriptografi Kunci Publik
 
manajemen proyek teknologi informasi
manajemen proyek teknologi informasimanajemen proyek teknologi informasi
manajemen proyek teknologi informasi
 
Tnd - Pengantar Manajemen Proyek Sistem Informasi - Temu 4
Tnd - Pengantar Manajemen Proyek Sistem Informasi - Temu 4Tnd - Pengantar Manajemen Proyek Sistem Informasi - Temu 4
Tnd - Pengantar Manajemen Proyek Sistem Informasi - Temu 4
 
Materi Kuliah PBK Pertemuan 2
Materi Kuliah PBK Pertemuan 2Materi Kuliah PBK Pertemuan 2
Materi Kuliah PBK Pertemuan 2
 
Laporan praktikum modul 2
Laporan praktikum modul 2Laporan praktikum modul 2
Laporan praktikum modul 2
 

Similar to Pemrograman Web - Protokol HTTP

World wide web
World wide webWorld wide web
World wide webpeces123
 
Materi 1 Kuliah Pemrograman Web
Materi 1 Kuliah Pemrograman Web Materi 1 Kuliah Pemrograman Web
Materi 1 Kuliah Pemrograman Web Antonius Manginsela
 
Jeni web programming-bab 1-pengenalan pemrograman web
Jeni web programming-bab 1-pengenalan pemrograman webJeni web programming-bab 1-pengenalan pemrograman web
Jeni web programming-bab 1-pengenalan pemrograman webSejahtera Affif
 
Jobsheet Pemrograman
Jobsheet Pemrograman Jobsheet Pemrograman
Jobsheet Pemrograman Rika Pertiwi
 
Inisiasi8_JaringanKomputer.pptx
Inisiasi8_JaringanKomputer.pptxInisiasi8_JaringanKomputer.pptx
Inisiasi8_JaringanKomputer.pptxDegunkz Afs
 
Jeni Web Programming Bab 1 Pengenalan Pemrograman Web
Jeni Web Programming Bab 1 Pengenalan Pemrograman WebJeni Web Programming Bab 1 Pengenalan Pemrograman Web
Jeni Web Programming Bab 1 Pengenalan Pemrograman WebIndividual Consultants
 
#4 REST API.pptx
#4 REST API.pptx#4 REST API.pptx
#4 REST API.pptxGDSC2
 
Pemrograman Web - Konsep Pemrograman Internet
Pemrograman Web - Konsep Pemrograman InternetPemrograman Web - Konsep Pemrograman Internet
Pemrograman Web - Konsep Pemrograman InternetKuliahKita
 
IStilah-istilah dalam Web
IStilah-istilah dalam WebIStilah-istilah dalam Web
IStilah-istilah dalam WebAmnias 21
 
Tugas atpi aufar abi atpi
Tugas atpi aufar abi atpiTugas atpi aufar abi atpi
Tugas atpi aufar abi atpiFebriy Y
 

Similar to Pemrograman Web - Protokol HTTP (20)

World wide web
World wide webWorld wide web
World wide web
 
Jeni J2 Me Bab06 Jaringan
Jeni J2 Me Bab06 JaringanJeni J2 Me Bab06 Jaringan
Jeni J2 Me Bab06 Jaringan
 
Jeni j2 me-bab06-jaringan
Jeni j2 me-bab06-jaringanJeni j2 me-bab06-jaringan
Jeni j2 me-bab06-jaringan
 
HTTP Protokol
HTTP ProtokolHTTP Protokol
HTTP Protokol
 
Materi 1 Kuliah Pemrograman Web
Materi 1 Kuliah Pemrograman Web Materi 1 Kuliah Pemrograman Web
Materi 1 Kuliah Pemrograman Web
 
application layer
application layerapplication layer
application layer
 
Jeni web programming-bab 1-pengenalan pemrograman web
Jeni web programming-bab 1-pengenalan pemrograman webJeni web programming-bab 1-pengenalan pemrograman web
Jeni web programming-bab 1-pengenalan pemrograman web
 
Jobsheet Pemrograman
Jobsheet Pemrograman Jobsheet Pemrograman
Jobsheet Pemrograman
 
Mengamankan Web Server
Mengamankan Web ServerMengamankan Web Server
Mengamankan Web Server
 
Inisiasi8_JaringanKomputer.pptx
Inisiasi8_JaringanKomputer.pptxInisiasi8_JaringanKomputer.pptx
Inisiasi8_JaringanKomputer.pptx
 
Jeni Web Programming Bab 1 Pengenalan Pemrograman Web
Jeni Web Programming Bab 1 Pengenalan Pemrograman WebJeni Web Programming Bab 1 Pengenalan Pemrograman Web
Jeni Web Programming Bab 1 Pengenalan Pemrograman Web
 
apliccation layer
apliccation layerapliccation layer
apliccation layer
 
Tugas 2 0317
Tugas 2   0317Tugas 2   0317
Tugas 2 0317
 
Pertemuan 01
Pertemuan 01Pertemuan 01
Pertemuan 01
 
Pengenalan html5
Pengenalan html5Pengenalan html5
Pengenalan html5
 
#4 REST API.pptx
#4 REST API.pptx#4 REST API.pptx
#4 REST API.pptx
 
Internet World Wide Web
Internet World Wide WebInternet World Wide Web
Internet World Wide Web
 
Pemrograman Web - Konsep Pemrograman Internet
Pemrograman Web - Konsep Pemrograman InternetPemrograman Web - Konsep Pemrograman Internet
Pemrograman Web - Konsep Pemrograman Internet
 
IStilah-istilah dalam Web
IStilah-istilah dalam WebIStilah-istilah dalam Web
IStilah-istilah dalam Web
 
Tugas atpi aufar abi atpi
Tugas atpi aufar abi atpiTugas atpi aufar abi atpi
Tugas atpi aufar abi atpi
 

More from KuliahKita

CSS Eksperimen - 05-2 Popup Menu
CSS Eksperimen - 05-2 Popup MenuCSS Eksperimen - 05-2 Popup Menu
CSS Eksperimen - 05-2 Popup MenuKuliahKita
 
CSS Eksperimen - 05-1 Popup Konfirmasi
CSS Eksperimen - 05-1 Popup KonfirmasiCSS Eksperimen - 05-1 Popup Konfirmasi
CSS Eksperimen - 05-1 Popup KonfirmasiKuliahKita
 
CSS Eksperimen - 04-4 Elemen Sliding Door
CSS Eksperimen - 04-4 Elemen Sliding DoorCSS Eksperimen - 04-4 Elemen Sliding Door
CSS Eksperimen - 04-4 Elemen Sliding DoorKuliahKita
 
CSS Eksperimen - 04-3 Elemen Card Flip
CSS Eksperimen - 04-3 Elemen Card FlipCSS Eksperimen - 04-3 Elemen Card Flip
CSS Eksperimen - 04-3 Elemen Card FlipKuliahKita
 
CSS Eksperimen - 04-2 accordion
CSS Eksperimen - 04-2 accordionCSS Eksperimen - 04-2 accordion
CSS Eksperimen - 04-2 accordionKuliahKita
 
CSS Eksperimen - 04-1 informasi tab
CSS Eksperimen - 04-1 informasi tabCSS Eksperimen - 04-1 informasi tab
CSS Eksperimen - 04-1 informasi tabKuliahKita
 
CSS Eksperimen - 03-3 Slide Side Menu
CSS Eksperimen - 03-3 Slide Side MenuCSS Eksperimen - 03-3 Slide Side Menu
CSS Eksperimen - 03-3 Slide Side MenuKuliahKita
 
CSS Eksperimen - 03-2 Breadcrumb
CSS Eksperimen - 03-2 BreadcrumbCSS Eksperimen - 03-2 Breadcrumb
CSS Eksperimen - 03-2 BreadcrumbKuliahKita
 
CSS Eksperimen - 03-1 navigasi dasar
CSS Eksperimen - 03-1 navigasi dasarCSS Eksperimen - 03-1 navigasi dasar
CSS Eksperimen - 03-1 navigasi dasarKuliahKita
 
CSS Eksperimen - 02-2 Flexbox Grid
CSS Eksperimen - 02-2 Flexbox GridCSS Eksperimen - 02-2 Flexbox Grid
CSS Eksperimen - 02-2 Flexbox GridKuliahKita
 
Eksperimen CSS - 02-1 grid layout
Eksperimen CSS - 02-1 grid layoutEksperimen CSS - 02-1 grid layout
Eksperimen CSS - 02-1 grid layoutKuliahKita
 
Eksperimen CSS - 01 Pendahuluan
Eksperimen CSS - 01 PendahuluanEksperimen CSS - 01 Pendahuluan
Eksperimen CSS - 01 PendahuluanKuliahKita
 
07 equity research (bagian 2)
07 equity research (bagian 2)07 equity research (bagian 2)
07 equity research (bagian 2)KuliahKita
 
Pasar Saham - 32 Discounted Cash Flow (DCF)
Pasar Saham - 32 Discounted Cash Flow (DCF)Pasar Saham - 32 Discounted Cash Flow (DCF)
Pasar Saham - 32 Discounted Cash Flow (DCF)KuliahKita
 
Pasar Saham - Equity Research (bagian 1)
Pasar Saham - Equity Research (bagian 1)Pasar Saham - Equity Research (bagian 1)
Pasar Saham - Equity Research (bagian 1)KuliahKita
 
Pasar Saham - 30 Investment Due Dilligence
Pasar Saham - 30 Investment Due DilligencePasar Saham - 30 Investment Due Dilligence
Pasar Saham - 30 Investment Due DilligenceKuliahKita
 
Pasar Saham - 29 Financial Ratio 03
Pasar Saham - 29 Financial Ratio 03Pasar Saham - 29 Financial Ratio 03
Pasar Saham - 29 Financial Ratio 03KuliahKita
 
Pasar Saham - 28 Financial Ratio 02
Pasar Saham - 28 Financial Ratio 02Pasar Saham - 28 Financial Ratio 02
Pasar Saham - 28 Financial Ratio 02KuliahKita
 
Pasar Saham -27 financial ratio 01
Pasar Saham -27 financial ratio  01Pasar Saham -27 financial ratio  01
Pasar Saham -27 financial ratio 01KuliahKita
 
Pasar Saham - 26 Cash Flow Statement
Pasar Saham - 26 Cash Flow StatementPasar Saham - 26 Cash Flow Statement
Pasar Saham - 26 Cash Flow StatementKuliahKita
 

More from KuliahKita (20)

CSS Eksperimen - 05-2 Popup Menu
CSS Eksperimen - 05-2 Popup MenuCSS Eksperimen - 05-2 Popup Menu
CSS Eksperimen - 05-2 Popup Menu
 
CSS Eksperimen - 05-1 Popup Konfirmasi
CSS Eksperimen - 05-1 Popup KonfirmasiCSS Eksperimen - 05-1 Popup Konfirmasi
CSS Eksperimen - 05-1 Popup Konfirmasi
 
CSS Eksperimen - 04-4 Elemen Sliding Door
CSS Eksperimen - 04-4 Elemen Sliding DoorCSS Eksperimen - 04-4 Elemen Sliding Door
CSS Eksperimen - 04-4 Elemen Sliding Door
 
CSS Eksperimen - 04-3 Elemen Card Flip
CSS Eksperimen - 04-3 Elemen Card FlipCSS Eksperimen - 04-3 Elemen Card Flip
CSS Eksperimen - 04-3 Elemen Card Flip
 
CSS Eksperimen - 04-2 accordion
CSS Eksperimen - 04-2 accordionCSS Eksperimen - 04-2 accordion
CSS Eksperimen - 04-2 accordion
 
CSS Eksperimen - 04-1 informasi tab
CSS Eksperimen - 04-1 informasi tabCSS Eksperimen - 04-1 informasi tab
CSS Eksperimen - 04-1 informasi tab
 
CSS Eksperimen - 03-3 Slide Side Menu
CSS Eksperimen - 03-3 Slide Side MenuCSS Eksperimen - 03-3 Slide Side Menu
CSS Eksperimen - 03-3 Slide Side Menu
 
CSS Eksperimen - 03-2 Breadcrumb
CSS Eksperimen - 03-2 BreadcrumbCSS Eksperimen - 03-2 Breadcrumb
CSS Eksperimen - 03-2 Breadcrumb
 
CSS Eksperimen - 03-1 navigasi dasar
CSS Eksperimen - 03-1 navigasi dasarCSS Eksperimen - 03-1 navigasi dasar
CSS Eksperimen - 03-1 navigasi dasar
 
CSS Eksperimen - 02-2 Flexbox Grid
CSS Eksperimen - 02-2 Flexbox GridCSS Eksperimen - 02-2 Flexbox Grid
CSS Eksperimen - 02-2 Flexbox Grid
 
Eksperimen CSS - 02-1 grid layout
Eksperimen CSS - 02-1 grid layoutEksperimen CSS - 02-1 grid layout
Eksperimen CSS - 02-1 grid layout
 
Eksperimen CSS - 01 Pendahuluan
Eksperimen CSS - 01 PendahuluanEksperimen CSS - 01 Pendahuluan
Eksperimen CSS - 01 Pendahuluan
 
07 equity research (bagian 2)
07 equity research (bagian 2)07 equity research (bagian 2)
07 equity research (bagian 2)
 
Pasar Saham - 32 Discounted Cash Flow (DCF)
Pasar Saham - 32 Discounted Cash Flow (DCF)Pasar Saham - 32 Discounted Cash Flow (DCF)
Pasar Saham - 32 Discounted Cash Flow (DCF)
 
Pasar Saham - Equity Research (bagian 1)
Pasar Saham - Equity Research (bagian 1)Pasar Saham - Equity Research (bagian 1)
Pasar Saham - Equity Research (bagian 1)
 
Pasar Saham - 30 Investment Due Dilligence
Pasar Saham - 30 Investment Due DilligencePasar Saham - 30 Investment Due Dilligence
Pasar Saham - 30 Investment Due Dilligence
 
Pasar Saham - 29 Financial Ratio 03
Pasar Saham - 29 Financial Ratio 03Pasar Saham - 29 Financial Ratio 03
Pasar Saham - 29 Financial Ratio 03
 
Pasar Saham - 28 Financial Ratio 02
Pasar Saham - 28 Financial Ratio 02Pasar Saham - 28 Financial Ratio 02
Pasar Saham - 28 Financial Ratio 02
 
Pasar Saham -27 financial ratio 01
Pasar Saham -27 financial ratio  01Pasar Saham -27 financial ratio  01
Pasar Saham -27 financial ratio 01
 
Pasar Saham - 26 Cash Flow Statement
Pasar Saham - 26 Cash Flow StatementPasar Saham - 26 Cash Flow Statement
Pasar Saham - 26 Cash Flow Statement
 

Recently uploaded

Materi Safety Talk Persiapan Libur Lebaran
Materi Safety Talk Persiapan Libur LebaranMateri Safety Talk Persiapan Libur Lebaran
Materi Safety Talk Persiapan Libur LebaranSintaMarlina3
 
Sesi_02_Rangkaian_Hubungan_Seri_Paralel.pptx
Sesi_02_Rangkaian_Hubungan_Seri_Paralel.pptxSesi_02_Rangkaian_Hubungan_Seri_Paralel.pptx
Sesi_02_Rangkaian_Hubungan_Seri_Paralel.pptx185TsabitSujud
 
2021 - 10 - 03 PAPARAN PENDAHULUAN LEGGER JALAN.pptx
2021 - 10 - 03 PAPARAN PENDAHULUAN LEGGER JALAN.pptx2021 - 10 - 03 PAPARAN PENDAHULUAN LEGGER JALAN.pptx
2021 - 10 - 03 PAPARAN PENDAHULUAN LEGGER JALAN.pptxAnnisaNurHasanah27
 
Ahli Muda Teknik Bangunan GEdung Jenjang 7 - Samet Kurnianto.pptx
Ahli Muda Teknik Bangunan GEdung Jenjang 7 - Samet Kurnianto.pptxAhli Muda Teknik Bangunan GEdung Jenjang 7 - Samet Kurnianto.pptx
Ahli Muda Teknik Bangunan GEdung Jenjang 7 - Samet Kurnianto.pptxarifyudianto3
 
QCC MANAJEMEN TOOL MAINTENANCE (MAINTENANCE TEAM).pptx
QCC MANAJEMEN TOOL MAINTENANCE (MAINTENANCE TEAM).pptxQCC MANAJEMEN TOOL MAINTENANCE (MAINTENANCE TEAM).pptx
QCC MANAJEMEN TOOL MAINTENANCE (MAINTENANCE TEAM).pptxdjam11
 
Kelompok 5 PPt Penerapan Teori Fuzzy.pdf
Kelompok 5 PPt Penerapan Teori Fuzzy.pdfKelompok 5 PPt Penerapan Teori Fuzzy.pdf
Kelompok 5 PPt Penerapan Teori Fuzzy.pdfVardyFahrizal
 
Transfer Massa dan Panas Teknik Kimia Industri
Transfer Massa dan Panas Teknik Kimia IndustriTransfer Massa dan Panas Teknik Kimia Industri
Transfer Massa dan Panas Teknik Kimia Industririzwahyung
 
PPT Manajemen Konstruksi Unsur Unsur Proyek 1.pptx
PPT Manajemen Konstruksi Unsur Unsur Proyek 1.pptxPPT Manajemen Konstruksi Unsur Unsur Proyek 1.pptx
PPT Manajemen Konstruksi Unsur Unsur Proyek 1.pptxHamidNurMukhlis
 
PPT PENILAIAN PERKERASAN JALAN Metode PCI.pptx
PPT PENILAIAN PERKERASAN JALAN Metode PCI.pptxPPT PENILAIAN PERKERASAN JALAN Metode PCI.pptx
PPT PENILAIAN PERKERASAN JALAN Metode PCI.pptxYehezkielAkwila3
 

Recently uploaded (9)

Materi Safety Talk Persiapan Libur Lebaran
Materi Safety Talk Persiapan Libur LebaranMateri Safety Talk Persiapan Libur Lebaran
Materi Safety Talk Persiapan Libur Lebaran
 
Sesi_02_Rangkaian_Hubungan_Seri_Paralel.pptx
Sesi_02_Rangkaian_Hubungan_Seri_Paralel.pptxSesi_02_Rangkaian_Hubungan_Seri_Paralel.pptx
Sesi_02_Rangkaian_Hubungan_Seri_Paralel.pptx
 
2021 - 10 - 03 PAPARAN PENDAHULUAN LEGGER JALAN.pptx
2021 - 10 - 03 PAPARAN PENDAHULUAN LEGGER JALAN.pptx2021 - 10 - 03 PAPARAN PENDAHULUAN LEGGER JALAN.pptx
2021 - 10 - 03 PAPARAN PENDAHULUAN LEGGER JALAN.pptx
 
Ahli Muda Teknik Bangunan GEdung Jenjang 7 - Samet Kurnianto.pptx
Ahli Muda Teknik Bangunan GEdung Jenjang 7 - Samet Kurnianto.pptxAhli Muda Teknik Bangunan GEdung Jenjang 7 - Samet Kurnianto.pptx
Ahli Muda Teknik Bangunan GEdung Jenjang 7 - Samet Kurnianto.pptx
 
QCC MANAJEMEN TOOL MAINTENANCE (MAINTENANCE TEAM).pptx
QCC MANAJEMEN TOOL MAINTENANCE (MAINTENANCE TEAM).pptxQCC MANAJEMEN TOOL MAINTENANCE (MAINTENANCE TEAM).pptx
QCC MANAJEMEN TOOL MAINTENANCE (MAINTENANCE TEAM).pptx
 
Kelompok 5 PPt Penerapan Teori Fuzzy.pdf
Kelompok 5 PPt Penerapan Teori Fuzzy.pdfKelompok 5 PPt Penerapan Teori Fuzzy.pdf
Kelompok 5 PPt Penerapan Teori Fuzzy.pdf
 
Transfer Massa dan Panas Teknik Kimia Industri
Transfer Massa dan Panas Teknik Kimia IndustriTransfer Massa dan Panas Teknik Kimia Industri
Transfer Massa dan Panas Teknik Kimia Industri
 
PPT Manajemen Konstruksi Unsur Unsur Proyek 1.pptx
PPT Manajemen Konstruksi Unsur Unsur Proyek 1.pptxPPT Manajemen Konstruksi Unsur Unsur Proyek 1.pptx
PPT Manajemen Konstruksi Unsur Unsur Proyek 1.pptx
 
PPT PENILAIAN PERKERASAN JALAN Metode PCI.pptx
PPT PENILAIAN PERKERASAN JALAN Metode PCI.pptxPPT PENILAIAN PERKERASAN JALAN Metode PCI.pptx
PPT PENILAIAN PERKERASAN JALAN Metode PCI.pptx
 

Pemrograman Web - Protokol HTTP

  • 1. Protokol HTTP Pengembangan Web Edwin Lunando edwin@kuliahkita.com
  • 2. Pendahuluan Hyper Text Transter Protocool(HTTP) merupakan protokol dasar dari World Wide Web yang digunakan untuk mengakses aplikasi web dari browser. Protokol ini sederhana, tidak mendukung state (stateless) dan memiliki fungsionalitas yang terbatas. Berbasis mengirimkan request dan menerima respon. Merupakan protokol Application Layer yang berada di atas TCP.
  • 3. Protokol dan Struktur HTTP Protokol HTTP menggunakan paradigma request & response (permintaan dan respon). Struktur request & response terdiri dari: ● Header (Informasi beberapa baris) ● Baris kosong ● Message Body(Isi utama) Termasuk Stateless Protocol: transaksi yang hanya terdiri dari sebuah request dari client dan sebuah response dari server
  • 4. Struktur HTTP Request METHOD /path-to-resource HTTP/version-number Header-Name-1: value Header-Name-2: value [Optional Request Body] GET /q?s=GOOG HTTP/1.1 Host: finance.google.com User-Agent: Mozilla/24.75 [en] (WinNT; U) HEAD HTTP://www.kuliahkita.com/~edwin/ HTTP/1.1 Host: www.kuliahkita.com User-Agent: Mozilla/24.75 [en] (WinNT; U) Format Contoh Contoh
  • 5. Struktur HTTP Request Request Line ● Request Method: GET, POST, HEAD ● URL yang diakses ● Versi HTTP: 1.0 atau 1.1 Pasangan variabel header dan nilainya ● Host: Target URL yang ditentukan ● Content-length: Panjang konten ● User-Agent: Tipe OS dan browser pengirim ● Cookie, dll Request Body (Optional) Tempat data untuk dikirimkan ke server
  • 6. Struktur HTTP Response METHOD/version-number status-code message Header-Name-1: value Header-Name-2: value [Response Body] HTTP/1.0 200 OK Date: Sat, 03 Feb 2001 22:48:35 GMT Connection: close Content-type = text/HTML Set-Cookie: B=9q15kgct7p2m3&b=2;expires=Thu,15 Apr 2010 20:00:00 GMT; path=/; domain=.yahoo.com <HTML> <HEAD><TITLE>Yahoo! Finance - YHOO</TITLE></HEAD> <BODY> … </BODY> </HTML>
  • 7. Struktur HTTP Response Status Line ● Versi HTTP: 1.0 atau 1.1 ● Status Code dan deskripsinya Pasangan variabel header dan nilainya ● Content-type ● Content-length ● Set-Cookie ● Date, dll Response Body
  • 8. Request Method Get ● Paling simpel ● Tidak punya request body ● parameter request masuk ke URL bagian query string setelah (“?”) Post ● Memiliki request body berisi parameter request ● URL tidak mengandung parameter request (cocok untuk submit form) Head ● Mirip Get ● Server hanya mengembalikan header ● Digunakan untuk mendukung cache berdasarkan content modification information (last modified)
  • 9. Status Code Memberitahu browser atau proxy apakah response sesuai dengan yang diharapkan ● 1xx : Informasi ● 2xx : Sukses ● 3xx : Redirection ● 4xx : Client Request Error ● 5xx : Server Error
  • 10. HTTP Header General Header ● Date: Sun, 11 Feb 2001 22:38:31 GMT ○ Jam dan tanggal message dibuat ● Connection: Close ○ Client dan Server ingin koneksi tetap diperahankan atau tidak Request Header ● User-Agent: Mozilla/4.75 [en] (WinNT; U) ○ Identitas Browser ● Host: www.neurozen.com ○ untuk mendukung virtual host ● Referer: http://www.cs.rutgers.edu/index.html ○ URL dari halaman sebelumnya (yang me-refer)
  • 11. HTTP Header Response Header ● Location(URL): http://www.mywebsite.com/Page.html ○ Halaman yang harus dituju (redirect) ● Server: Apache/1.2.5 ○ Identitas web server yang digunakan Entity Header ● Content-Type: mime-type/mime-subtype ○ Tipe dari message body ● Content-Length: xxx ○ Panjang message body ● Last-Modified: Sun, 11 Feb 2001 22:28:31 GMT ○ Tanggal modifikasi content
  • 12. Virtual Hosting Melakukan hosting terhadap beberapa nama domain pada server. Umumnya apabila seseorang membuat situs, akan dihosting di shared web hosting, terkecuali perusahaan besar yang punya dedicated server sendiri. GET http://finance.google.com/q?=GOOG HTTP/1.1 Host: finance.google.com GET /q?s=GOOG HTTP/1.1 Host: finance.google.com
  • 13. Authentication Otentikasi adalah proses menentukan apakah seseorang yang mengakses adalah diri seseorang yang dia klaim. *karena bisa saja seseorang menggunakan identitas orang lain. HTTP/1.1 401 Authenticate Date: Mon, 05 Feb 2001 03:41:23 GMT Server: Apache/1.2.5 WWW-Authenticate: Basic realm=”Chapter309” GET /book/chapter3/index.html HTTP/1.1 Date: Mon, 05 Feb 2001 03:41:24 GMT Host: www.neurozen.com Authorization: Basic eNCoDed-uSErId: pasword
  • 14. Session Management Pengaturan Sesi adalah pengaturan terhadap informasi semi-permanen antara dua pihak (biasa client-server). GET /kelas/pengembangan-web/HTTP/1.1 Host: www.kuliahkita.com Authorization: ... HTTP/1.1 200 OK Set-Cookie: Client=Rich; path=/kelas ... GET /kelas/pengembangan-web HTTP/1.1 Host: www.kuliahkita.com Cookie: Client=Rich
  • 15. Caching Control Caching control mengatur penyimpanan sementara pada suatu tempat dari berkas-berkas seperti halaman HTML, gambar, dan dokumen / obyek web lainnya dengan tujuan mengurangi penggunaan bandwidth, lag, dan beban pada server GET /~shklar/ HTTP/1.1 Host: www.kuliahkita.com If-Modified-Since: Fri, 11 Feb 2001 22:28:00
  • 16. Persistent Connection Persistent Connection atau biasa disebut HTTP keep-alive bertujuan menjaga koneksi agar tetap hidup sehingga dapat mengirimkan beberapa (multiple) HTTP-request atau HTTP-response secara konkuren HTTP 1.0 menggunakan TCP terpisah untuk setiap request ● tidak efisien ● lambat HTTP 1.1 menggunakan persistent connection, yang bisa digunakan untuk banyak request