![Page 1: Prinsip Dasar Internet & Pemrograman Web€¦ · pun selama ada internet. ... Penggunaan database. Content. Yang Perlu Dipelajari untuk MembuatAplikasi BerbasisWeb Di Sisi Client:](https://reader033.vdocuments.net/reader033/viewer/2022052315/609877ee163da6028a768055/html5/thumbnails/1.jpg)
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:](https://reader033.vdocuments.net/reader033/viewer/2022052315/609877ee163da6028a768055/html5/thumbnails/2.jpg)
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:](https://reader033.vdocuments.net/reader033/viewer/2022052315/609877ee163da6028a768055/html5/thumbnails/3.jpg)
…
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:](https://reader033.vdocuments.net/reader033/viewer/2022052315/609877ee163da6028a768055/html5/thumbnails/4.jpg)
…
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:](https://reader033.vdocuments.net/reader033/viewer/2022052315/609877ee163da6028a768055/html5/thumbnails/5.jpg)
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:](https://reader033.vdocuments.net/reader033/viewer/2022052315/609877ee163da6028a768055/html5/thumbnails/6.jpg)
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:](https://reader033.vdocuments.net/reader033/viewer/2022052315/609877ee163da6028a768055/html5/thumbnails/7.jpg)
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:](https://reader033.vdocuments.net/reader033/viewer/2022052315/609877ee163da6028a768055/html5/thumbnails/8.jpg)
…
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:](https://reader033.vdocuments.net/reader033/viewer/2022052315/609877ee163da6028a768055/html5/thumbnails/9.jpg)
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:](https://reader033.vdocuments.net/reader033/viewer/2022052315/609877ee163da6028a768055/html5/thumbnails/10.jpg)
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:](https://reader033.vdocuments.net/reader033/viewer/2022052315/609877ee163da6028a768055/html5/thumbnails/11.jpg)
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:](https://reader033.vdocuments.net/reader033/viewer/2022052315/609877ee163da6028a768055/html5/thumbnails/12.jpg)
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:](https://reader033.vdocuments.net/reader033/viewer/2022052315/609877ee163da6028a768055/html5/thumbnails/13.jpg)
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:](https://reader033.vdocuments.net/reader033/viewer/2022052315/609877ee163da6028a768055/html5/thumbnails/14.jpg)
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:](https://reader033.vdocuments.net/reader033/viewer/2022052315/609877ee163da6028a768055/html5/thumbnails/15.jpg)
….
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:](https://reader033.vdocuments.net/reader033/viewer/2022052315/609877ee163da6028a768055/html5/thumbnails/16.jpg)
…
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:](https://reader033.vdocuments.net/reader033/viewer/2022052315/609877ee163da6028a768055/html5/thumbnails/17.jpg)
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:](https://reader033.vdocuments.net/reader033/viewer/2022052315/609877ee163da6028a768055/html5/thumbnails/18.jpg)
…
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:](https://reader033.vdocuments.net/reader033/viewer/2022052315/609877ee163da6028a768055/html5/thumbnails/19.jpg)
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:](https://reader033.vdocuments.net/reader033/viewer/2022052315/609877ee163da6028a768055/html5/thumbnails/20.jpg)
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:](https://reader033.vdocuments.net/reader033/viewer/2022052315/609877ee163da6028a768055/html5/thumbnails/21.jpg)
Cookie
![Page 22: Prinsip Dasar Internet & Pemrograman Web€¦ · pun selama ada internet. ... Penggunaan database. Content. Yang Perlu Dipelajari untuk MembuatAplikasi BerbasisWeb Di Sisi Client:](https://reader033.vdocuments.net/reader033/viewer/2022052315/609877ee163da6028a768055/html5/thumbnails/22.jpg)
Session
![Page 23: Prinsip Dasar Internet & Pemrograman Web€¦ · pun selama ada internet. ... Penggunaan database. Content. Yang Perlu Dipelajari untuk MembuatAplikasi BerbasisWeb Di Sisi Client:](https://reader033.vdocuments.net/reader033/viewer/2022052315/609877ee163da6028a768055/html5/thumbnails/23.jpg)
Sampai Jumpa Minggu Depan