Pemrograman Web Konsep Web dan Web Dinamis

Presentasi berjudul: "Pemrograman Web Konsep Web dan Web Dinamis"— Transcript presentasi:

1 Pemrograman Web Konsep Web dan Web Dinamis
Gembong Edhi Setyawan, S.T.,M.T. Sumber:

2 KONSEP WEB

3 Konsep Web Bagaimana sistem kerja web?
Bagaimana menemukan dan mengambil halaman web dari internet? Bagaimana data (halaman web) dikirimkan melalui internet? Bagaimana tentang apa yang dilihat di browser didefinisikan sebagai kumpulan data?

4 Client dan Server Web adalah aplikasi client/server  web browser adalah client yang mengirimkan permintaan ke web server, kemudian web server mengirimkan tanggapan untuk dikirimkan kembali ke client

5 Mengambil Halaman dari Internet
Internet terdiri dari kumpulan layer/lapisan, dimana masing layer mempunyai fungsi khusus: Internet Layer  Menyampaikan paket ke tujuan Transport Layer  Mengirimkan data Application Layer  Sebagai aplikasi layanan, ex: web browser

6 Internet Protocol Layer

7 HTTP (Hypertext Transfer Protocol)
Menggunakan TCP untuk: Membuka koneksi antara client dan server Melewatkan permintaan dan tanggapan antara client dan server Ketika klik Link atau mengetik alamat URL: Koneksi TCP dibuka antara browser dan server Kemudian permintaan dan tanggapan dikirim bolak-balik menggunakan HTTP

8 HTTP TCP IP / response Hypertext Transfer Protocol
Transmission Control Protocol IP Internet Protocol

9 URL (Uniforms Resource Locators)
Digunakan untuk mengidentifikasi halaman web URL  Alamat Web URL memiliki 3 komponen: Prefix ( ) Hostname: ( Path: (seperti /ptiik/index.htm)

10 Contoh: http://www.ub.ac.id/ptiik/index.htm Path
Mengidentifikasi file dalam struktur hierarki direktori di server Host name Mengidentifikasi komputer di internet Prefix Protokol transfer dibutuhkan untuk meminta data dari server

11 IP Address dan DNS Setiap komputer yang terkoneksi di internet harus mempunyai alamat IP yang unik, tidak peduli client atau server Alamat IP adalah nomor yang mengidentifikasi host di internet. Contoh: atau Domain Name System (DNS) adalah database nama host yang sesuai alamat IP

12 Nama Domain Nama domain dan DNS digunakan untuk menterjemahkan nama host menjadi alamat IP Nama Domain  Unik Nama Domain diorganisir secara terstruktur

13 Top Level Domain www.nama.go.id www.nama.id www.nama.com
Top Level Domain (TLD) Dikelola negara: .uk, .au, .hk, etc. Generic Top Level Domain (gTLD) .com .org .net .biz .info .name .ws .tv (.edu, .gov, .mil restricted to US only)

14 Berisi huruf (a sampai z), bilangan (0 to 9), dashes ( - )
Second Level Domain Sebagai nama. Berisi huruf (a sampai z), bilangan (0 to 9), dashes ( - )

15 Third Level atau Sub Domain

16 Menghubungkan Nama Domain dan alamat IP
Nama Domain setelah terdaftar, perlu dihubungkan dengan alamat IP dari web server di internet Biasanya memasukkan minimal 2 nameserver Name Server adalah server internet khusus yang menerapkan protokol layanan nama. Name Server disediakan oleh layanan web hosting atau layanan pendaftaran domain Contoh Name Server: ns0.directnic.com ns1.directnic.com

17 WEB DINAMIS

18 Web dilihat dari Content/Isi
Dibedakan Menjadi: Web Statis Web Dinamis

19 Apa itu Web Statis? Content/Isi tidak berubah-ubah
Pengaturan atau pemberharuan isi dilakukan secara manual Pengguna tidak bisa mengubah content/isi Interaksi antara client dan server hanya berkaitan dengan pemrosesan link. Tool yang digunakan untuk pengaturan/mengubah web  Editor (text [notepad, Textedit], WYSIWYG [macromedia dreamweaver, frontpage, dll])

20 Apa itu Web Dinamis? Content/Isi bisa berubah-ubah
Perubahan tergantung dari masukan/permintaan dari pengguna Halaman web merupakan hasil dari server berdasarkan masukan/permintaan pengguna. Artinya halaman web baru akan dibuat ketika ada pengguna yang mengaksesnya.

21 Apa itu Web Dinamis? Halaman web dihasilkan berdasarkan program yang dijalankan pada server side Browser mengirimkan permintaan HTTP Server mendapatkan file yang diminta dengan script/program  Server menjalankan script/program dimana hasilnya berupa HTML Server mengirimkan hasilnya ke browser/client

22 Kategori dalam Pemrograman Web
Client – side Programming HTML (HyperText Markup Language) Java Script VbScript Flash Server – side Programming ASP (Active Server Page) JSP (Java Server Page) CGI PHP: Hypertext Prepocessor

23 Halaman Web Dinamis dibuat menggunakan:
Client – side Script yang tertanam dalam HTML untuk diproses disisi client Server – side Program yang diproses pada sisi server Perpaduan antara Client – side Script dan Server – side Program

24 Client-side Dynamic Web Embedding Interactive Content
Java Applets, ActiveX, .NET controls, Flash

25 Java Applets Program Java yang disatukan dengan dalam suatu file HTML sehingga dapat dijalankan oleh browser Seperti program aplikasi namun tidak standalone Program dapat bereaksi dari masukan user dan dapat berubah secara dinamis Pada applet, Java interpreter di-built pada browser (java plug-in)

26 ActiveX Controls Teknologi berbasis pada arsitektur Microsoft Component Object Model (COM)  Digunakan untuk membuat komponen agar terdapat interaksi dihalaman web  Internet Explorer Contoh : Memutar musik online, menampilkan animasi, membuka dokumen pdf, dll

27 .NET Controls Hampir sama dengan ActiveX Controls
Berbasis pada Microsoft .NET framework Bisa multiplatform Dapat dikembangkan dengan berbagai bahasa

28 FLASH Teknologi animasi web
Dulunya Macromedia flash sekarang Adobe flash Format flash: SWF Untuk menjalankan di browser terdapat plugin Dapat membuat website, cd-interaktif, animasi web, animasi kartun, kartu elektronik, iklan TV, banner di web, presentasi cantik, membuat permainan (game), aplikasi web dan handphone Software: Adobe flash, SwishMax, Vecta 3D, Swift 3D, Amara, Kool Moves, dll

29 Java Script dikembangkan oleh Brendan Eich dari Netscape dibawah nama Mocha, yang nantinya namanya diganti menjadiLiveScript, dan akhirnya menjadi JavaScript JavaScript and Java (similar syntax) JavaScript dapat ditulis di HTML atau ditulis dengan file eksternal Contoh JavaScript: efek rollover baik di gambar maupun teks

30 Server-side Dynamic Web

31 Client dan Server Model
Web adalah aplikasi client/server  web browser adalah client yang mengirimkan permintaan ke web server, kemudian web server mengirimkan tanggapan untuk dikirimkan kembali ke client

32 CGI (Common Gateway Interface)
Interface yang dirancang untuk melakukan standardisasi transfer data antara web server dan aplikasi Web server biasanya menggunakan aplikasi CGI untuk menerima dan memproses informasi dari user Contoh: sebuah form yang disampai kan oleh user ke web server akan melewati aplikasi CGI untuk pemrosesan selanjutnya

33 Request Input/ Output CGI Program Server HTML

34 Tugas 2 Buatlah domain dan hosting
Integrasikan domain dengan hosting yang Anda buat Install CMS, misal Wordpress Kirimkan hasilnya ke Subject: Pemrograman Web-Tugas 2 Isi NIM, Nama dan domain. Waktu : 2 minggu.

35 감사합니다 Gratias Terima Kasih ありがとうございます
Grazias Kiitos Gratias Danke Terima Kasih ﺷﻜﺮﺍﹰ 谢谢 Merci Thank You धन्यवाद ありがとうございます