Konsep Pemrograman Web

⚫ Department of Computers Science

⚫ Faculity Mathematics and Natural Science
⚫ University of Pakuan Bogor
Aries Maesya (AM)
[email protected]/[email protected]
Introduksi
⚫ World Wide Web adalah layanan
internet yang paling populer saat ini
⚫ Internet mulai dikenal dan digunakan
secara luas setelah adanya layanan
WWW
⚫ WWW adalah halaman-halaman
website yang dapat saling terkoneksi
satu dengan lainnya (hyperlink)
menggunakan protokol yang sama
(HTTP) yang membentuk samudra
belantara informasi
⚫ WWW berjalan dengan protokol
HyperText Transfer Protokol (HTTP)
⚫ Halaman Web merupakan file teks murni
(plain text) yang berisi sintaks-sintaks
HTML yang dapat dibuka/ dilihat/
diterjemahkan dengan Internet Browser
⚫ Sintaks HTML mampu memuat konten
gambar, audio, video dan animasi
Badan Pengatur Internet
⚫ Internet Society (ISOC)
Merupakan badan profesional yang memfasilitasi,
mendukung, serta
mempromosikan pertumbuhan internet.
⚫ Internet Architecture Board (IAB)
Bertindak sebagai badan review teknis dan editorial akhir
semua standar
internet, menerbitkan dokumen RFC.
⚫ Internet Engineering Task Force (IETF)
Terdiri dari sembilan kelompok kerja yang bertugas
menghasilkan
Standard-standard internet.
⚫ Internet Research Task Force (IRTF)
Memiliki orientasi pada riset‐riset jangka panjang.
⚫ Internet Assigned Number Authority (IANA)
Memiliki otoritas penentuan kuota dan batasan alamat IP.
4
Jalur Koneksi Internet
⚫ Dial-Up, menggunakan jalur telepon.
⚫ Leased Line / Broadband.
1. HDSL
2. ADSL
3. VHDSL
4. Wireless / WLAN
5. Mobile (GPRS / UMTS)

5
 Komunikasi via Internet
Internet:
• sebuah jaringan komputer yang sangat besar
(meliputi seluruh dunia)
• jaringan besar yang menghubungkan
jaringan-jaringan kecil
• menggunakan protokol transmisi
berbasis TCP/IP

5
Komunikasi menggunakan Protokol

• Protokol: aturan yang disepakati client dan

server mengenai bagaimana cara
berkomunikasi
– Protokol aplikasi (tergantung aplikasi)
client dan server saling berbalas pesan dalam
format/sintaks dan urutan tertentu
– Protokol transmisi (TCP/IP)
pesan dipecah-pecah menjadi potongan paket-paket data
setiap paket dapat melewati rute jaringan yang berbeda
di tempat tujuan, paket-paket data dikonstruksi ulang
menjadi pesan seperti semula
• Dalam mata kuliah Pemrograman Internet,
hanya akan dipelajari protokol aplikasi 6
Internet Web Browsers

⚫ Browser adalah sebuah program

aplikasi atau software yang me-
request dokumen-dokumen dari
komputer-komputer yg terkoneksi
internet (server) di seluruh dunia, dan
menampilkan informasi dari dokumen
tersebut pd window browser.
⚫ Browser menampilkan sesuai instruksi
(format) HTML yg dibuat pd dokumen
tsb.
Web  Internet
⚫ Internet : Jaringan fisik yang
menghubungkan berjuta-juta komputer
menggunakan protokol yang sama
(TCP/IP) untuk sharing dan bertukar
informasi.
⚫ in reality, the Internet is a network of
smaller networks
⚫ World Wide Web : halaman-halaman
website yang dapat saling terkoneksi satu
dengan lainnya (hyperlink) menggunakan
protokol yang sama (HTTP) yang
membentuk samudra belantara informasi
Web  Internet
⚫ World Wide Web : halaman-halaman
website yang dapat saling terkoneksi satu
dengan lainnya (hyperlink) menggunakan
protokol yang sama (HTTP) yang
membentuk samudra belantara informasi.

⚫ Kata Kunci:
Internet is hardware, web is software
Sejarah World Wide Web
⚫ hypertext [Bush 1945, Nelson 1960’s]
⚫ Awal 90’-an, Tim Berners-Lee, sarjana
fisika pd riset Nuklir Swiss (CERN)
menciptakan HyperText Markup
Language (HTML) dan
⚫ Browser teks pertama: Lynx
⚫ Berners-Lee saat ini memimpin WWW
Consorsium (W3C) lembaga yang
menyusun standarisasi HTML dan dokumen
web.
⚫ 1993: Browser grafis pertama: Mosaic
dibuat oleh Andressen dan Eric Bina
(mhs University of Illinois)
⚫ 1994: Andressen kemudian bekerja untuk
Netscape, dan membuat Netscape
Navigator, browser grafis populer
pertama
⚫ 1995: Microsoft membuat Internet
Explorer
⚫ Browser saat ini: Mozilla FireFox, Opera,
dll
Trend : Fakta
⚫ Browsing / Surfing sudah merupakan
aktifitas rutin sehari-hari
⚫ Internet menjadi sumber informasi
yang tak terhingga! (apalagi dengan
adanya Om Yahoo! dan Mas Google)
⚫ Jutaan halaman web baru
bermunculan setiap hari
⚫ Konten web semakin bervariasi dan
dapat dikontribusi oleh siapa saja
dimana saja
Trend: Killer Application
Internet:
⚫ Email
⚫ Online Games
⚫ Chat (mIRC, Yahoo Messenger)
⚫ Google Earth
Web based:
⚫ Search Engine (Yahoo!, Google)
⚫ Web Blog
⚫ Web Komunitas: Friendster, MySpace,
Multiply, Hi5, Yahoo 360°, Facebook,
YouTube
Web growth
Dates Hosts Domains Web Sites/
Sites
⚫ Stats from Hosts
July 01 126,000,000 30,000,000 28,200,000 22.381%
⚫ Internet July 98 37,000,000 4,300,000 4,270,000 12.000%
Valley, Inc. July 97 19,540,000 1,301,000 1,200,000 6.200%
July 96 12,881,000 488,000 300,000 2.300%

IE July 95 6,642,000 120,000 25,000 0.400%

Netscape July 94 3,212,000 46,000 3,000 0.100%

Mosaic July 93 1,776,000 26,000 150 0.010%

July 92 992,000 16,300 50 0.005%
July 89 130,000 3,900

July 81 210

1969 4

recent estimates suggest 40-50 M Web sites, with 4-5 B Web pages!
Kategori Web
Berdasarkan keter-update-an isi web:
1. Web Statis : website yang isi
tampilannya selalu sama dan tidak
akan pernah berubah kapan pun
kita melihatnya. (jika tidak di-
update)
2. Web Dinamis: website yang isi
tampilannya tidak statis
1. Web Statis → HTML (only)
2. Web Dinamis
⚫ HTML plus plus
⚫ + Pemrograman Web (Scripting)
⚫ + Animasi Interaktif (Mis: Flash,
Java Applet)
Pemrograman Web
Client Side Script :
⚫ Script yang ditambahkan dalam dokumen
html, dieksekusi oleh browser client.
⚫ Javascript, VBScript
Server Side Script:
⚫ Script yang ditambahkan dalam dokumen
html, dieksekusi oleh server, hasilnya
dalam bentuk html yang dikirim ke client.
⚫ ASP/ASP.Net, PHP, CGI, JSP, dll
Cara Kerja Web
 Bagaimana web bekerja?
URL HTTP request
body header

Web Web Web files

Browser TCP/IP Server

Display header body

HTTP response
Client Server

• 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 isi dokumen)
• 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 10
Pemrosesan Script
Server Side
Processing
HTTP
Web CGI
SSI
Browser Web Servlet
(Client side Server PHP
processing) JSP
HTML ASP
JavaScript
Java Applets

Databases
Client Side Script
Advantage:
⚫ Waktu proses relatif cepat karena langsung
dieksekusi oleh browser client
⚫ Tidak memerlukan web server untuk hosting
⚫ Dapat dieksekusi langsung oleh berbagai browser

Disadvantage:
⚫ Script bisa dilihat oleh pengguna
⚫ Script dapat di copy-paste
⚫ Tidak cocok untuk akses data atau database
Tips Client Side Script:
⚫ Gunakan untuk proses-proses sisi
client
⚫ Script Javascript mudah untuk
“dibajak”
⚫ Pelajari bagaimana cara
“menambahkan” ke website kita
⚫ Source:
⚫ http://www.dynamicdrive.com
⚫ http://www.javascriptsource.com
Referensi HTML & CSS
⚫ CSS-1: http://www.w3.org/TR/CSS1
⚫ CSS-2: http://www.w3.org/TR/CSS2
⚫ HTML: http://www.w3.org/TR/html41
⚫ XHTML: http://www.w3.org/TR/xhtml11
Server Side Script
⚫ Digunakan untuk membuat aplikasi web atau
konten-konten dinamis: news, buku tamu, dll
⚫ PHP: open source dan banyak digunakan luas
⚫ Active Server Pages (ASP) dan ASP.Net,
teknologi yang dikembangkan oleh Microsoft
⚫ ColdFusion (CFM), dikembangkan oleh
Macromedia
⚫ Java Server Pages dan Servlet dikembangkan
oleh Sun Microsystem
⚫ Common Gateway Interface (CGI), yang
dibuat dengan bahasa pemrograman C++ atau
Perl
⚫ Server Side Include (SSI), seperti misalnya
Frontpage Server Extension
Server Side Script
Advantage:
⚫ Script tidak bisa dilihat oleh pengguna, sehingga
tidak dapat di-copy-paste
⚫ Cocok untuk akses data atau aplikasi database
⚫ Untuk membuat fitur-fitur tertentu yang berguna,
misalnya: hit counter, user manajemen, disain
yang dinamis, CMS, dll

Disadvantage:
⚫ Waktu proses relatif lebih lambat karena
dieksekusi oleh server
⚫ Memerlukan web server untuk hosting
Aplikasi berbasis Web

⚫ E-Commerce: describes the concept of

conducting transactions between a buyer
and a seller over an electronic network
(Internet)
⚫ E-Business: describes all aspects of
doing business on/with/through the
Internet. E-Business includes all aspects
of E-commerce
⚫ E-Learning, E-Government, dan
⚫ E-E yang lainnya …
Web Developer
⚫ Secara garis besar dapat
dipisahkan:
1. Web Designer: membuat disain
web
2. Web Programmer: membuat
script untuk halaman web
3. Web Administrator: sebagai
administrator web
Tahapan Pengembangan Website

⚫ Sebuah website dikembangkan

dalam 2 proses besar:
1. Web Designing: proses hingga jadi
halaman-halaman web secara
lengkap dan siap tayang
2. Web Deploying: proses untuk
membuat website terpasang pada
server internet dan dapat diakses
orang lain
Peluang
⚫ Hadirnya internet dan layanan WWW
memberikan sejumlah peluang bagi
kita, sebagai:
⚫ Developer Web
⚫ Content Updater/Kontributor
⚫ Network/Web Administrator
⚫ E-Commerce / Online Business
⚫ Interaksi Bisnis
⚫ dll
Fenomena
⚫ Amazon
⚫ E-Bay
⚫ Anne Ahira
⚫ Facebook
⚫ Twitter
⚫ etc
Terima Kasih

SELESAI