Teknologi Web.

Presentasi berjudul: "Teknologi Web."— Transcript presentasi:

1 Teknologi Web

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

3 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

4 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)

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

6 Request & Response

7 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

8 Halaman Dinamik

9 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

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

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

12 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

13 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>

14 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)

15 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

16 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

17 Market Share for Top Servers Across All Domains

18 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

19