Presentasi sedang didownload. Silahkan tunggu

Presentasi sedang didownload. Silahkan tunggu

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

Presentasi serupa


Presentasi berjudul: "Pemrograman Web Konsep Web dan Web Dinamis Gembong Edhi Setyawan, S.T.,M.T. Sumber:"— 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 kumpulan layer/lapisan Internet terdiri dari kumpulan layer/lapisan, dimana masing layer mempunyai fungsi khusus: Internet Layer Internet Layer  Menyampaikan paket ke tujuan Transport Layer Transport Layer  Mengirimkan data Application Layer 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 / response HTTP Hypertext Transfer Protocol TCP Transmission Control Protocol IP Internet Protocol

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

10 Prefix Protokol transfer dibutuhkan untuk meminta data dari server Host name Mengidentifikasi komputer di internet Path Mengidentifikasi file dalam struktur hierarki direktori di server Contoh:

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 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 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 tent Client-side Dynamic W eb 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 JavaScriptBrendan Eich  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 W eb

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 Server CGI Program Input/ Output Request 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 Terima Kasih Thank You Danke Gratias Merci ありがとうございます 감사합니 다 Kiitos 谢谢 ﺷﻜﺮﺍ ﹰ Grazias धन्यवाद


Download ppt "Pemrograman Web Konsep Web dan Web Dinamis Gembong Edhi Setyawan, S.T.,M.T. Sumber:"

Presentasi serupa


Iklan oleh Google