PEMROGRAMAN WEB 1. Pertemuan 1. Pengenalan dan Konsep Kerja Web 3/19/2013

Transkripsi

1 PEMROGRAMAN WEB 1 Pertemuan 1 Dedin Fathudin.Skom Hp: & YMid: dedin.fathudin@yahoo.co.id 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

2 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 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 : ) 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 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. 3

4 Contoh Transaksi HTTP S = Server C = Client C : (Inisialisasi koneksi) C : GET /index.htm HTTP/1.1 C : Host: 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/ 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

5 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 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 bukan 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

6 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

7 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 ataupun dari PDA ataupun Smartphone dan program lain yang memiliki kemampuan browser. 7

8 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=" 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

9 FINISH Sampai Jumpa Minggu Depan Dedin Fathudin.Skom Hp: & YMid: Blog: d3d1n.blogspot.com 9