prinsip dasar internet & pemrograman web€¦ · pun selama ada internet. ... penggunaan...

23
Prinsip Dasar Internet & Pemrograman Web IT133

Upload: others

Post on 12-Dec-2020

12 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Prinsip Dasar Internet & Pemrograman Web€¦ · pun selama ada internet. ... Penggunaan database. Content. Yang Perlu Dipelajari untuk MembuatAplikasi BerbasisWeb Di Sisi Client:

Prinsip Dasar Internet &

Pemrograman WebIT133

Page 2: Prinsip Dasar Internet & Pemrograman Web€¦ · pun selama ada internet. ... Penggunaan database. Content. Yang Perlu Dipelajari untuk MembuatAplikasi BerbasisWeb Di Sisi Client:

Konsep Web

World Wide Web ("WWW", atau

singkatnya "Web") adalah suatu ruang

informasi di mana sumber-sumber daya

yang berguna diidentifikasi oleh pengenal

global yang disebut Uniform Resource

Locator (URL). http://www.medikom.com/buku/default.html

Page 3: Prinsip Dasar Internet & Pemrograman Web€¦ · pun selama ada internet. ... Penggunaan database. Content. Yang Perlu Dipelajari untuk MembuatAplikasi BerbasisWeb Di Sisi Client:

Hiperteks dilihat dengan sebuah program

bernama browser web yang mengambil

informasi (disebut"dokumen" atau

“halaman web") dari server web dan

menampilkannya, biasanya di sebuah

monitor

Page 4: Prinsip Dasar Internet & Pemrograman Web€¦ · pun selama ada internet. ... Penggunaan database. Content. Yang Perlu Dipelajari untuk MembuatAplikasi BerbasisWeb Di Sisi Client:

User dapat mengikuti link 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.

Page 5: Prinsip Dasar Internet & Pemrograman Web€¦ · pun selama ada internet. ... Penggunaan database. Content. Yang Perlu Dipelajari untuk MembuatAplikasi BerbasisWeb Di Sisi Client:

Konsep Pemrograman Web

Pemrograman web: membuat aplikasi

berbasis web.

Aplikasi berbasis web: Aplikasi yang

dibuat dengan memanfaatkan mekanisme

dan aplikasi yang sudah ada pada sistem

web (WWW).

Page 6: Prinsip Dasar Internet & Pemrograman Web€¦ · pun selama ada internet. ... Penggunaan database. Content. Yang Perlu Dipelajari untuk MembuatAplikasi BerbasisWeb Di Sisi Client:

Sistem Web

- Berarsitektur client-server

software web browser di sisi client

software web server di sisi server

- Komunikasi Client-Server protocol

HTTP.

- Mempunyai fungsi untuk

mengambil/menjalankan isi file dokumen

web di server dan menampilkannya di sisi

client.

Page 7: Prinsip Dasar Internet & Pemrograman Web€¦ · pun selama ada internet. ... Penggunaan database. Content. Yang Perlu Dipelajari untuk MembuatAplikasi BerbasisWeb Di Sisi Client:

Kelebihan & Kekurangan Aplikasi 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, dan handphone terbaru), tidak

perlu menginstall aplikasi client khusus.

Page 8: Prinsip Dasar Internet & Pemrograman Web€¦ · pun selama ada internet. ... Penggunaan database. Content. Yang Perlu Dipelajari untuk MembuatAplikasi BerbasisWeb Di Sisi Client:

Kekurangan:

Keterbatasan web browser.

Terbatasnya kecepatan internet mungkin

membuat respon aplikasi menjadi lambat.

Page 9: Prinsip Dasar Internet & Pemrograman Web€¦ · pun selama ada internet. ... Penggunaan database. Content. Yang Perlu Dipelajari untuk MembuatAplikasi BerbasisWeb Di Sisi Client:

Arsitektur Web

Page 10: Prinsip Dasar Internet & Pemrograman Web€¦ · pun selama ada internet. ... Penggunaan database. Content. Yang Perlu Dipelajari untuk MembuatAplikasi BerbasisWeb Di Sisi Client:

Jenis Web (Statis dan Dinamis)

Perbedaan:

Interaksi antara pengunjung dengan

pemilik web.

Adanya script language yang digunakan.

Penggunaan database.

Content.

Page 11: Prinsip Dasar Internet & Pemrograman Web€¦ · pun selama ada internet. ... Penggunaan database. Content. Yang Perlu Dipelajari untuk MembuatAplikasi BerbasisWeb Di Sisi Client:

Yang Perlu Dipelajari untuk Membuat Aplikasi Berbasis Web

Di Sisi Client:

Sintaks pembuatan dokumen web (HTML & CSS).

Client side scripting (JavaScript).

Di Sisi Server:

Mekanisme pemanggilan program danpengambilan output program oleh web server.

Server side scripting (PHP, JSP, ASP)

Page 12: Prinsip Dasar Internet & Pemrograman Web€¦ · pun selama ada internet. ... Penggunaan database. Content. Yang Perlu Dipelajari untuk MembuatAplikasi BerbasisWeb Di Sisi Client:

Server Side & Client Side Programming

Server Side Scripting: semua sintaks yang

diberikan akan sepenuhnya dijalankan

pada server.

menyediakan website yang interaktif.

Client Side Scripting: sintaks dijalankan

oleh web browser

Page 13: Prinsip Dasar Internet & Pemrograman Web€¦ · pun selama ada internet. ... Penggunaan database. Content. Yang Perlu Dipelajari untuk MembuatAplikasi BerbasisWeb Di Sisi Client:

Daftar Teknologi Server Side Programming

ASP

JSP

PHP

JavaScript

Page 14: Prinsip Dasar Internet & Pemrograman Web€¦ · pun selama ada internet. ... Penggunaan database. Content. Yang Perlu Dipelajari untuk MembuatAplikasi BerbasisWeb Di Sisi Client:

Konsep Task dalam Aplikasi Web

Aplikasi mempunyai fitur untuk melakukan

sejumlah task.

Untuk memenuhi task digunakan satu

atau lebih halaman web.

Task dalam 1 Halaman:

- Membaca artikel.

- Menambahkan entry baru dalam guest

book.

Page 15: Prinsip Dasar Internet & Pemrograman Web€¦ · pun selama ada internet. ... Penggunaan database. Content. Yang Perlu Dipelajari untuk MembuatAplikasi BerbasisWeb Di Sisi Client:

….

Task yang menggunakan lebih dari 1

halaman web:

- Membeli barang secara online:

1. Halaman 1: menampilkan daftar barang

yang ada untuk dipilih.

2. Halaman 2: mengisi alamat pengiriman.

3. Halaman 3: menampilkan informasi

transaksi yang telah dilakukan.

Page 16: Prinsip Dasar Internet & Pemrograman Web€¦ · pun selama ada internet. ... Penggunaan database. Content. Yang Perlu Dipelajari untuk MembuatAplikasi BerbasisWeb Di Sisi Client:

Antara halaman web yang satu dengan yang

lain harus ada komunikasi mengenai state

dari task (misalnya, halaman 3 butuh

informasi mengenai barang yang telah

dipilih pada halaman1).

Page 17: Prinsip Dasar Internet & Pemrograman Web€¦ · pun selama ada internet. ... Penggunaan database. Content. Yang Perlu Dipelajari untuk MembuatAplikasi BerbasisWeb Di Sisi Client:

Stateless HTTP

Permasalahan: HTTP bersifat stateless:

satu request saling independen terhadap

request lainnya, tidak ada state (variabel)

yang dipertahankan.

Page 18: Prinsip Dasar Internet & Pemrograman Web€¦ · pun selama ada internet. ... Penggunaan database. Content. Yang Perlu Dipelajari untuk MembuatAplikasi BerbasisWeb Di Sisi Client:

Cara mengatasi HTTP yang stateless:

Message passing via URL/Form.

Cookie.

Session.

Page 19: Prinsip Dasar Internet & Pemrograman Web€¦ · pun selama ada internet. ... Penggunaan database. Content. Yang Perlu Dipelajari untuk MembuatAplikasi BerbasisWeb Di Sisi Client:

Message Passing Via URL

Page 20: Prinsip Dasar Internet & Pemrograman Web€¦ · pun selama ada internet. ... Penggunaan database. Content. Yang Perlu Dipelajari untuk MembuatAplikasi BerbasisWeb Di Sisi Client:

Message Passing Via Form

Page 21: Prinsip Dasar Internet & Pemrograman Web€¦ · pun selama ada internet. ... Penggunaan database. Content. Yang Perlu Dipelajari untuk MembuatAplikasi BerbasisWeb Di Sisi Client:

Cookie

Page 22: Prinsip Dasar Internet & Pemrograman Web€¦ · pun selama ada internet. ... Penggunaan database. Content. Yang Perlu Dipelajari untuk MembuatAplikasi BerbasisWeb Di Sisi Client:

Session

Page 23: Prinsip Dasar Internet & Pemrograman Web€¦ · pun selama ada internet. ... Penggunaan database. Content. Yang Perlu Dipelajari untuk MembuatAplikasi BerbasisWeb Di Sisi Client:

Sampai Jumpa Minggu Depan