PEMROGRAMAN WEB 1 Pertemuan 1 Pengenalan dan Konsep

3/19/2013
PEMROGRAMAN WEB 1
Pertemuan 1
Dedin Fathudin.Skom
Hp: 0857 1988 9659
Email & YMid: [email protected]
Blog: d3d1n.blogspot.com
Pengenalan dan
Konsep Kerja Web







Konsep dasar Web
Arsitektur Web
HTTP
Client Side Programming
Server Side Programming
Web Server Software
Konsep HTML
1
3/19/2013
Konsep Dasar Pemrograman Web
Definisi Web
World Wide Web ("WWW", atau singkatnya "Web") adalah suatu ruang informasi di
mana sumber-sumber daya yang berguna di identifikasi oleh pengenal global yang
disebut Uniform Resource Identifier (URI) atau lebih khusus melalui Uniform Resource
Locator (URL), menggunakan skema URI http: atau https:
WWW sering dianggap sama dengan Internet secara keseluruhan,
walaupun sebenarnya ia hanyalah bagian daripadanya.
Hiperteks di lihat dengan sebuah program bernama Browser,
web yang mengambil informasi (disebut "dokumen" atau “halaman web") dari server
web dan menampilkannya di layar monitor.
Kita lalu dapat mengikuti pranala(Links) di setiap halaman untuk pindah ke dokumen lain atau
bahkan mengirim informasi kembali kepada server untuk berinteraksi dengannya.
Ini disebut "surfing" atau "berselancar" dalam bahasa Indonesia.
Halaman web biasanya di atur dalam koleksi material yang berkaitan yang disebut “situs web".
Arsitektur Web
Membuat aplikasi berbasis web berarti:
1.
Memperkaya fungsi web server dengan cara menambahkan program pada
dokumen web yang akan dieksekusi oleh server ketika file dokumen web tersebut
diakses oleh web server.
Contoh:
program yang mengambil data ke basis data untuk ditampilkan ke web browser.
2.
Memperkaya interaktivitas dokumen dengan cara menambahkan program pada
dokumen web yang akan di eksekusi oleh web browser ketika file dokumen
tersebut ditampilkan oleh web browser
Contoh:
program yang mem-validasi data masukan pada form sebelum di-submit ke web
server.
2
3/19/2013
Kelebihan & Kekurangan Aplikasi Berbasis Web
Kelebihan:
 Dapat diakses kapan pun dan dari mana pun selama ada internet.
 Dapat diakses hanya dengan menggunakan web browser (umumnya sudah
tersedia
di
PC,
PDA,
handphone
ataupun
smartphone),
tidak perlu menginstall aplikasi client khusus.
Kekurangan:
 Antarmuka
yang
dapat
dibuat
terbatas
sesuai
spesifikasi
standar
untuk membuat dokumen web dan keterbatasan kemampuan web browser
untuk menampilkannya.
 Terbatasnya kecepatan internet mungkin membuat respon aplikasi menjadi lambat.
HTTP
HTTP adalah sebuah protokol meminta/menjawab antara client dan server.
HTTP (HyperText Transfer Protocol) merupakan protokol yang dipergunakan untuk
mentransfer dokumen dalam bentuk World Wide Web (WWW).
World Wide Web dibentuk pada tahun 1984 oleh fisikawan Inggris : Timothy Berners-Lee.
(cek di wikipedia : http://id.wikipedia.org/wiki/Tim_Berners-Lee )
Hingga kini, ada dua versi mayor dari protokol HTTP, yakni :
HTTP/1.0 : menggunakan koneksi terpisah untuk setiap dokumen,
Pengembangan HTTP yang dikoordinasi oleh Konsorsium World Wide Web (W3C) dan
Internet Engineering Task Force (IETF) bekerja dalam publikasi satu seri
(Request for Comments) dan yang paling banyak dirujuk adalah RFC 2616
RFC
(yang dipublikasikan pada bulan Juni 1999) yang mendefinisikan HTTP/1.1.
HTTP/1.1 : menggunakan koneksi yang sama untuk melakukan transaksi.
dengan demikian, HTTP/1.1 bisa lebih cepat karena tidak membuang waktu
untuk pembuatan koneksi yang berulang-ulang.
3
3/19/2013
HTTP
Contoh Transaksi
S = Server
C = Client
C : (Inisialisasi koneksi)
C : GET /index.htm HTTP/1.1
C : Host: www.wikipedia.org
S : 200 OK
S : Mime-type: text/html
S:
S : -- data dokumen -S : (close connection)
Sebuah klien HTTP akan memulai sebuah permintaan.
Klien tersebut akan membuka sebuah koneksi Transmission Control Protocol (TCP)
ke sebuah port tertentu yang terdapat dalam sebuah host (umumnya port 80 atau 8080).
Server yang mendengarkan pada port 80 tersebut akan menunggu pesan permintaan
klien. Saat menerima permintaan, server akan mengirimkan kembali baris status,
Seperti : "HTTP/1.1 200 OK", dan pesan yang hendak diminta, pesan kesalahan atau
informasi lainnya.
HTTPS
Hyper Text Transfer Protocol Secure (HTTPS) adalah versi aman dari Hyper Teks Transfer
Protocol (http),
protokol komunikasi dari World Wide Web.
Ditemukan oleh Netscape Communications Corporation untuk menyediakan autentikasi
dan komunikasi tersandi dan penggunaan dalam komersi elektris.
Selain menggunakan komunikasi plain text, HTTPS menyandikan data sesi menggunakan
protokol SSL (Secure Socket layer) dan protokol TLS (Transport Layer Security).
Kedua protokol tersebut memberikan perlindungan yang memadai dari serangan
Eavesdroppers dan Man in the middle attacks.
Pada umumnya port HTTPS adalah 443.
4
3/19/2013
HTTPS
HTTPS memungkinkan transaksi e-commerce aman, seperti perbankan online.
Tingkat keamanan tergantung pada ketepatan dalam mengimplementasikan pada
browser web dan perangkat lunak server dan didukung oleh algorithma penyandian yang
aktual.
Web browser seperti Internet Explorer dan Firefox menampilkan ikon gembok untuk
menunjukkan bahwa website tersebut aman, karena juga menampilkan https:// di address
bar.
Ketika pengguna terhubung ke situs web melalui HTTPS,
website mengenkripsi sesi dengan sertifikat digital.
Seorang pengguna dapat mengetahui apakah mereka terhubung ke situs Web aman, jika
URL situs web dimulai dengan https:// bukan http://
HTTPS
Kesalahpahaman yang sering terjadi pada pengguna kartu kredit di web ialah
dengan menganggap HTTPS “sepenuhnya” melindungi transaksi mereka.
Sedangkan pada kenyataannya, HTTPS hanya melakukan enkripsi informasi dari
kartu mereka antara browser mereka dengan web server yang menerima informasi.
Pada web server, informasi kartu mereka secara tipikal tersimpan di database server
(terkadang tidak langsung dikirimkan ke pemroses kartu kredit), dan
server database inilah yang paling sering menjadi sasaran penyerangan oleh
pihak-pihak yang tidak berkepentingan.
5
3/19/2013
Client Side Programming
Operasi client-side membutuhkan akses informasi atau fungsi yang tersedia pada
client tetapi tidak pada server,
Operasi dilakukan oleh client tanpa mengirim data melalui jaringan, sehingga
memakan waktu lebih sedikit, menggunakan lebih kecil bandwidth dan
mengurangi resiko keamanan.
Jadi operasi client side tidak dijalankan oleh server,
namun diunduh dan di-jalankan oleh browser web penggunanya.
Inti dari client side ini adalah suguhan tampilan interaktif di halaman web.
Bahasa pemrograman yang digunakan untuk membuat suatu aplikasi client side
antara lain : HTML, CSS, JavaScript dan Macromedia Flash.
Server Side Programming
Operasi server-side membutuhkan akses informasi atau fungsi yang tersedia pada
server,
Operasi dilakukan oleh client dengan mengirim data melalui jaringan,
kemudian mengambil data ke server dan oleh server di-olah data tersebut
kemudian di kirim kembali ke client.
sehingga memakan waktu, menggunakan bandwidth dan mempunyai resiko
keamanan.
Bahasa pemrograman yang digunakan untuk membuat suatu aplikasi server side
antara lain : PHP, ASP, Perl, Java, Phyton, dan ColdFusion.
6
3/19/2013
Web Server Software
Web Server adalah sebuah perangkat lunak server yang berfungsi
menerima permintaan HTTP atau HTTPS dari klien
yang dikenal dengan browser web dan mengirimkan kembali hasilnya
dalam bentuk halaman-halaman web yang umumnya berbentuk dokumen HTML.




Web Server yang terkenal diantaranya adalah
Apache dan Microsoft Internet Information Service (IIS).
Apache merupakan server web antar-platform,
sedangkan IIS hanya dapat beroperasi di sistem operasi Windows.
HTML
HyperText Markup Language (HTML) adalah sebuah bahasa markup yang digunakan
untuk membuat sebuah halaman web,
menampilkan berbagai informasi di dalam sebuah Penjelajah web Internet dan formating
hypertext sederhana
yang ditulis kedalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang
ter-integerasi.
Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan
disimpan kedalam format ASCII normal
sehingga menjadi home page dengan perintah-perintah HTML.
HTML berupa kode-kode tag yang meng-instruksikan browser untuk menghasilkan
tampilan sesuai dengan yang di-inginkan.
Sebuah file yang merupakan file HTML dapat dibuka dengan menggunakan browser
web, seperti Mozilla Firefox, Chrome, Safarie, Microsoft Internet Explorer.
HTML juga dapat dikenali oleh aplikasi pembuka email ataupun dari PDA ataupun
Smartphone dan program lain yang memiliki kemampuan browser.
7
3/19/2013
HTML
Markup/Tanda,
Secara garis besar, terdapat 4 jenis elemen dari HTML:
-
Structural.
merupakan tanda yang menentukan level atau tingkatan dari sebuah teks
Contoh : <h1>Golf</h1> akan memerintahkan browser untuk menampilkan
"Golf" sebagai teks tebal besar yang menunjukkan sebagai Heading 1.
-
Presentational.
merupakan tanda yang menentukan tampilan dari sebuah teks tidak peduli
dengan level dari teks tersebut . Contoh :
<b>boldface</b> akan menampilkan bold.
-
hypertext .
merupakan tanda yang menunjukkan ke bagian dari dokumen tersebut atau ke
dokumen lain, Contoh :
<a href="http://www.wikipedia.org/">Wikipedia</a>
akan menampilkan Wikipedia sebagai sebuah hyperlink ke URL tertentu.
-
Elemen widget
merupakan objek-objek lain seperti tombol <button>, list <li>, dan garis
horizontal <hr>.
Daftar Tag HTML
<html> mendefinisikan Dokumen
<head> Header
<title> Judul dokumen
<body> Isi dokumen
<h1> Judul paragraf
<p> Paragraf
<i> italic
<b><strong> bold
<u> underline
<sub> mendefinisikan subscript text
<sup> superscript text (footnote)
<pre> mendefinisikan teks terformat.
<br> Ganti baris(break)
<center> digunakan untuk teks pusat(tengah).
<font> Font
<li> Enumerasi
<hr> Garis mendatar
<img> Gambar
<a> Link/Hyperlink (kaitan)
<table> Tabel
<!-- --> Komentar
8
3/19/2013
FINISH
Sampai Jumpa Minggu Depan
Dedin Fathudin.Skom
Hp: 0857 1988 9659
Email & YMid: [email protected]
Blog: d3d1n.blogspot.com
9