1 PEMROGRAMAN WEB 1 Pertemuan 1 Dedin Fathudin.Skom Hp: & YMid: Blog: d3d1n.blogspot.com Pengenalan dan Konsep Kerja Web Konsep dasar Web Arsitektur W...
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 :
Golf
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 : boldface akan menampilkan bold.
-
hypertext . merupakan tanda yang menunjukkan ke bagian dari dokumen tersebut atau ke dokumen lain, Contoh : Wikipedia akan menampilkan Wikipedia sebagai sebuah hyperlink ke URL tertentu.
-
Elemen widget merupakan objek-objek lain seperti tombol
