Teknologi Web

Konten Web Dinamis WWW HTTP & HTML PHP, MySQL, Javascript Web Server Apache Open Source Implementasi Pemrograman Web

WWW World Wide Web => global network that connect everything -- pc, mobile device, static device, etc 1990 : CERN, Eropa CERN => ribuan komputer dengan jutaan data yang terkoneksi secara internal ke mainframe CERN => distribusi ke seluruh ilmuwan di dunia??? Solusi => hyperlinking framework

Eksklusif => member based electronic bulletin board Tim Berners Lee : Hyperlinking framework HTTP Markup language HTML 1st web server 1st web browser Eksklusif => member based electronic bulletin board HTTP+HTML => widely extensive connection (inklusive)

HTTP & HTML : Konsep Dasar Berners Lee Standar protokol komunikasi yang mengakomodasi proses request dan response data antara client dan server Server : menerima request client dan merespon dengan metode yang sesuai dengan keinginan client Client : menerima reply server dan menerjemahkan sesuai tipe data yang ditrima Membutuhkan intermediate carrier : router, modem, proxy, gateway, dll.

Request & Response

Mengetikkan URL di browser Browser lookup IP URL Browser request ke server Request melewati internet dan sampai di server Server mencari halaman yang diinginkan Halaman diambil datanya dan dikembalikan sebagai response ke client Response diterima browser dan ditampilkan

Halaman Dinamik

PHP, MySQL, Javascript Web 1.0 => simpel, static Web 1.1 => Java, Javascript, Jscript (Microsoft Javacript variant), ActiveX, CGI (Perl, PHP) Populer : PHP, Javascript, MySQL PHP : Simpel, built in link ke MySQL Javascript : esential untuk manipulasi DOM dan CSS => AJAX : halaman web silence request

PHP + MySQL => secara cepat dapat dipergunakan untuk membuat halaman dinamik PHP + MySQL merupakan komponen dasar penyusun Web 2.0

PHP Ekstensi : .php Sintaks : Basis : C <?= … ?> Basis : C Speed and efficiency is #1 => every bytes count

MySQL Awal : flat file sebagai penyimpan data => locking against multiple request and access Flat file => data besar, size besar, memory eat up, not efficient Solusi : database relasional dengan query terstruktur MySQL ? Free (GPL), robust, fast, simple command Basis : COBOL

Javascript Salah satu teknologi tertua dalam web Goal : access all of your HTML element Javascript+CSS => kombinasi teknologi yang membuat perubahan halaman web secara instant, no need for server response Tricky => compatibility issue => different browser, different rendering and implementation Sintak : <script> …. </script>

Trend : Javascript dengan AJAX => akses data secara asinkron => make your web application “act” like desktop application AJAX => komponen utama Web2.0 by Tim O’Reilly (O’Reilly Publishing Company)

Web Server Merupakan sebuah device(hardware+software) yang melakukan pemrosesan semua request dari client Apache : Free (GPL) Linux, Mac, Windows variant Mendukung banyak modul/ekstensi Security is #1 concern

Open Source PHP, MySQL, Apache merupakan 3 teknologi paling populer pemrograman web Open source : Write feature that you want and that you need Share and spread the code Prevent bug and security breaches earlier Free : GPL

Market Share for Top Servers Across All Domains

Implementasi Pemrograman Web PHP : semua proses di server MySQL : semua proses berkaitan dengan database Javascript : semua yang berhubungan dengan presentasi halaman web Ajax : doing it all silently under the hood