PEMROGRAMAN WEB 1
Pertemuan 1
Email & YMid: dedin.fathudin@yahoo.co.id Blog: d3d1n.blogspot.com Dedin Fathudin.Skom
Hp: 0857 1988 9659
Pengenalan dan
Konsep Kerja Web
Konsep dasar Web
Arsitektur Web
HTTP
Client Side Programming
Server Side Programming
Web Server Software
Konsep HTML
Definisi Web
World Wide Web ("WWW", atau singkatnya "Web") adalah suatu ruang informasidi 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".
Konsep Dasar Pemrograman 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.
Kelebihan & Kekurangan Aplikasi Berbasis Web
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. 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.
Pengembangan HTTP yang dikoordinasi olehKonsorsium World Wide Web(W3C) dan Internet Engineering Task Force (IETF) bekerja dalam publikasi satu seri RFC (Request for Comments) dan yang paling banyak dirujuk adalah RFC 2616
(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.
HTTP
HTTP adalah sebuah protokol meminta/menjawab antara client dan server.
HTTP (HyperText Transfer Protocol) merupakan protokol yang dipergunakan untuk mentransfer dokumen dalam bentukWorld Wide Web(WWW).
World Wide Web dibentuk pada tahun 1984oleh 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,
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)
HTTP
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) danprotokol TLS (Transport Layer Security).
Kedua protokol tersebut memberikan perlindungan yang memadai dari serangan Eavesdroppers dan Man in the middle attacks.
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 denganhttps://bukanhttp://
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.
Operasi client-side membutuhkan akses informasi atau fungsi yang tersedia pada clienttetapi 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 pemrogramanyang digunakan untuk membuat suatu aplikasi client side antara lain : HTML, CSS, JavaScript dan Macromedia Flash.
Client 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 pemrogramanyang digunakan untuk membuat suatu aplikasi server side antara lain : PHP, ASP, Perl, Java, Phyton, dan ColdFusion.
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
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 menggunakanbrowser web, sepertiMozilla 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.
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
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 menampilkanWikipediasebagai sebuahhyperlinkkeURLtertentu.
- 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
FINISH
Sampai Jumpa Minggu Depan
Email & YMid: dedin.fathudin@yahoo.co.id Blog: d3d1n.blogspot.com Dedin Fathudin.Skom
