ºÝºÝߣ

ºÝºÝߣShare a Scribd company logo
Prinsip Dasar Internet &
Pemrograman Web
IT133
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
…
ï‚— 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
…
ï‚— 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.
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).
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.
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.
…
Kekurangan:
ï‚— Keterbatasan web browser.
ï‚— Terbatasnya kecepatan internet
mungkin membuat respon aplikasi
menjadi lambat.
Arsitektur Web
Jenis Web (Statis dan
Dinamis)
Perbedaan:
ï‚— Interaksi antara pengunjung dengan
pemilik web.
ï‚— Adanya script language yang
digunakan.
ï‚— Penggunaan database.
ï‚— Content.
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 dan
pengambilan output program oleh web
server.
ï‚— Server side scripting (PHP, JSP, ASP)
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
Daftar Teknologi Server Side
Programming
ï‚— ASP
ï‚— JSP
ï‚— PHP
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.
….
ï‚— 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.
…
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).
Stateless HTTP
ï‚— Permasalahan: HTTP bersifat
stateless: satu request saling
independen terhadap request lainnya,
tidak ada state (variabel) yang
dipertahankan.
…
Cara mengatasi HTTP yang stateless:
ï‚— Message passing via URL/Form.
ï‚— Cookie.
ï‚— Session.
Message Passing Via URL
Message Passing Via Form
Cookie
Session
Sampai Jumpa Minggu
Depan

More Related Content

Similar to hhh (20)

Materi-1-Pemrograman Web.pdf
Materi-1-Pemrograman Web.pdfMateri-1-Pemrograman Web.pdf
Materi-1-Pemrograman Web.pdf
RafEl24
Ìý
Pbw week 01 basics
Pbw week 01   basicsPbw week 01   basics
Pbw week 01 basics
Alvin Setiawan
Ìý
Pemrograman-Berbasis-Web-Pertemuan-1.ppt
Pemrograman-Berbasis-Web-Pertemuan-1.pptPemrograman-Berbasis-Web-Pertemuan-1.ppt
Pemrograman-Berbasis-Web-Pertemuan-1.ppt
AbdurRozak19
Ìý
Pemrograman-Berbasis-Web-Pertemuan-1.ppt
Pemrograman-Berbasis-Web-Pertemuan-1.pptPemrograman-Berbasis-Web-Pertemuan-1.ppt
Pemrograman-Berbasis-Web-Pertemuan-1.ppt
capuangupload
Ìý
Pemrograman-Berbasis-Web-Pertemuan-1.ppt
Pemrograman-Berbasis-Web-Pertemuan-1.pptPemrograman-Berbasis-Web-Pertemuan-1.ppt
Pemrograman-Berbasis-Web-Pertemuan-1.ppt
michaelc85
Ìý
PW2_Dasar Pemrograman WEB.ppt
PW2_Dasar Pemrograman WEB.pptPW2_Dasar Pemrograman WEB.ppt
PW2_Dasar Pemrograman WEB.ppt
HoodieMG
Ìý
1989249
19892491989249
1989249
hannif24
Ìý
Materi WWW
Materi WWWMateri WWW
Materi WWW
Robby Firmansyah
Ìý
KONSEP belajar PEMROGRAMAN dalam WEB.pptx
KONSEP belajar PEMROGRAMAN dalam  WEB.pptxKONSEP belajar PEMROGRAMAN dalam  WEB.pptx
KONSEP belajar PEMROGRAMAN dalam WEB.pptx
Sugiyanto436784
Ìý
Pertemuan ke 1
Pertemuan ke 1Pertemuan ke 1
Pertemuan ke 1
cep_firmansyah
Ìý
Pemrograman Web 1 - Pengenalan Web Dasar
Pemrograman Web 1 - Pengenalan Web DasarPemrograman Web 1 - Pengenalan Web Dasar
Pemrograman Web 1 - Pengenalan Web Dasar
studentmnurohman23
Ìý
Materi-1 Dasar dasar Web-dan-HTML-php.ppt
Materi-1 Dasar dasar Web-dan-HTML-php.pptMateri-1 Dasar dasar Web-dan-HTML-php.ppt
Materi-1 Dasar dasar Web-dan-HTML-php.ppt
AliMulyanto3
Ìý
konfigurasi web server
konfigurasi web serverkonfigurasi web server
konfigurasi web server
Muhammad Anang
Ìý
01konseppemrogramaninternet
01konseppemrogramaninternet01konseppemrogramaninternet
01konseppemrogramaninternet
Elidad Sukardi
Ìý
Pelajaran jsp smk XI RPL
Pelajaran jsp smk XI RPLPelajaran jsp smk XI RPL
Pelajaran jsp smk XI RPL
Teknik Komputer & Informatika
Ìý
01konseppemrogramaninternet
01konseppemrogramaninternet01konseppemrogramaninternet
01konseppemrogramaninternet
juicemangga
Ìý
02 Teknologi Web
02 Teknologi Web02 Teknologi Web
02 Teknologi Web
Herman Tolle
Ìý
Pemograman web ke1
Pemograman web ke1Pemograman web ke1
Pemograman web ke1
ndriehs
Ìý
Tugas webserver SO II - 09 154
Tugas webserver SO II - 09 154Tugas webserver SO II - 09 154
Tugas webserver SO II - 09 154
ridhyld
Ìý
TugaS II so- II
TugaS II so- II TugaS II so- II
TugaS II so- II
bahris_syahril
Ìý
Materi-1-Pemrograman Web.pdf
Materi-1-Pemrograman Web.pdfMateri-1-Pemrograman Web.pdf
Materi-1-Pemrograman Web.pdf
RafEl24
Ìý
Pbw week 01 basics
Pbw week 01   basicsPbw week 01   basics
Pbw week 01 basics
Alvin Setiawan
Ìý
Pemrograman-Berbasis-Web-Pertemuan-1.ppt
Pemrograman-Berbasis-Web-Pertemuan-1.pptPemrograman-Berbasis-Web-Pertemuan-1.ppt
Pemrograman-Berbasis-Web-Pertemuan-1.ppt
AbdurRozak19
Ìý
Pemrograman-Berbasis-Web-Pertemuan-1.ppt
Pemrograman-Berbasis-Web-Pertemuan-1.pptPemrograman-Berbasis-Web-Pertemuan-1.ppt
Pemrograman-Berbasis-Web-Pertemuan-1.ppt
capuangupload
Ìý
Pemrograman-Berbasis-Web-Pertemuan-1.ppt
Pemrograman-Berbasis-Web-Pertemuan-1.pptPemrograman-Berbasis-Web-Pertemuan-1.ppt
Pemrograman-Berbasis-Web-Pertemuan-1.ppt
michaelc85
Ìý
PW2_Dasar Pemrograman WEB.ppt
PW2_Dasar Pemrograman WEB.pptPW2_Dasar Pemrograman WEB.ppt
PW2_Dasar Pemrograman WEB.ppt
HoodieMG
Ìý
1989249
19892491989249
1989249
hannif24
Ìý
KONSEP belajar PEMROGRAMAN dalam WEB.pptx
KONSEP belajar PEMROGRAMAN dalam  WEB.pptxKONSEP belajar PEMROGRAMAN dalam  WEB.pptx
KONSEP belajar PEMROGRAMAN dalam WEB.pptx
Sugiyanto436784
Ìý
Pemrograman Web 1 - Pengenalan Web Dasar
Pemrograman Web 1 - Pengenalan Web DasarPemrograman Web 1 - Pengenalan Web Dasar
Pemrograman Web 1 - Pengenalan Web Dasar
studentmnurohman23
Ìý
Materi-1 Dasar dasar Web-dan-HTML-php.ppt
Materi-1 Dasar dasar Web-dan-HTML-php.pptMateri-1 Dasar dasar Web-dan-HTML-php.ppt
Materi-1 Dasar dasar Web-dan-HTML-php.ppt
AliMulyanto3
Ìý
konfigurasi web server
konfigurasi web serverkonfigurasi web server
konfigurasi web server
Muhammad Anang
Ìý
01konseppemrogramaninternet
01konseppemrogramaninternet01konseppemrogramaninternet
01konseppemrogramaninternet
Elidad Sukardi
Ìý
01konseppemrogramaninternet
01konseppemrogramaninternet01konseppemrogramaninternet
01konseppemrogramaninternet
juicemangga
Ìý
02 Teknologi Web
02 Teknologi Web02 Teknologi Web
02 Teknologi Web
Herman Tolle
Ìý
Pemograman web ke1
Pemograman web ke1Pemograman web ke1
Pemograman web ke1
ndriehs
Ìý
Tugas webserver SO II - 09 154
Tugas webserver SO II - 09 154Tugas webserver SO II - 09 154
Tugas webserver SO II - 09 154
ridhyld
Ìý
TugaS II so- II
TugaS II so- II TugaS II so- II
TugaS II so- II
bahris_syahril
Ìý

Recently uploaded (6)

pelatihanScaffolding-Training-With-Bahasa.ppt
pelatihanScaffolding-Training-With-Bahasa.pptpelatihanScaffolding-Training-With-Bahasa.ppt
pelatihanScaffolding-Training-With-Bahasa.ppt
rhamset
Ìý
1 Pengantar-dan-Dasar-Hukum-Scaffolding.pptx
1 Pengantar-dan-Dasar-Hukum-Scaffolding.pptx1 Pengantar-dan-Dasar-Hukum-Scaffolding.pptx
1 Pengantar-dan-Dasar-Hukum-Scaffolding.pptx
rhamset
Ìý
Matematika Mengengah Pertemuan Ke-13 ok.
Matematika Mengengah Pertemuan Ke-13 ok.Matematika Mengengah Pertemuan Ke-13 ok.
Matematika Mengengah Pertemuan Ke-13 ok.
Sekolah Tinggi Teknologi Nasional
Ìý
Training Managemen-gawat-darurat-1-ppt.ppt
Training Managemen-gawat-darurat-1-ppt.pptTraining Managemen-gawat-darurat-1-ppt.ppt
Training Managemen-gawat-darurat-1-ppt.ppt
rhamset
Ìý
8-Standar-pemasngan-Pembongkaran-Perancah-Rev.pptx
8-Standar-pemasngan-Pembongkaran-Perancah-Rev.pptx8-Standar-pemasngan-Pembongkaran-Perancah-Rev.pptx
8-Standar-pemasngan-Pembongkaran-Perancah-Rev.pptx
rhamset
Ìý
Pengukuran_Instrumentasi_Pertemuan1.pptx
Pengukuran_Instrumentasi_Pertemuan1.pptxPengukuran_Instrumentasi_Pertemuan1.pptx
Pengukuran_Instrumentasi_Pertemuan1.pptx
gintingdesiana
Ìý
pelatihanScaffolding-Training-With-Bahasa.ppt
pelatihanScaffolding-Training-With-Bahasa.pptpelatihanScaffolding-Training-With-Bahasa.ppt
pelatihanScaffolding-Training-With-Bahasa.ppt
rhamset
Ìý
1 Pengantar-dan-Dasar-Hukum-Scaffolding.pptx
1 Pengantar-dan-Dasar-Hukum-Scaffolding.pptx1 Pengantar-dan-Dasar-Hukum-Scaffolding.pptx
1 Pengantar-dan-Dasar-Hukum-Scaffolding.pptx
rhamset
Ìý
Training Managemen-gawat-darurat-1-ppt.ppt
Training Managemen-gawat-darurat-1-ppt.pptTraining Managemen-gawat-darurat-1-ppt.ppt
Training Managemen-gawat-darurat-1-ppt.ppt
rhamset
Ìý
8-Standar-pemasngan-Pembongkaran-Perancah-Rev.pptx
8-Standar-pemasngan-Pembongkaran-Perancah-Rev.pptx8-Standar-pemasngan-Pembongkaran-Perancah-Rev.pptx
8-Standar-pemasngan-Pembongkaran-Perancah-Rev.pptx
rhamset
Ìý
Pengukuran_Instrumentasi_Pertemuan1.pptx
Pengukuran_Instrumentasi_Pertemuan1.pptxPengukuran_Instrumentasi_Pertemuan1.pptx
Pengukuran_Instrumentasi_Pertemuan1.pptx
gintingdesiana
Ìý

hhh

  • 1. Prinsip Dasar Internet & Pemrograman Web IT133
  • 2. 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
  • 3. … ï‚— 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
  • 4. … ï‚— 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.
  • 5. 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).
  • 6. 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.
  • 7. 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.
  • 8. … Kekurangan: ï‚— Keterbatasan web browser. ï‚— Terbatasnya kecepatan internet mungkin membuat respon aplikasi menjadi lambat.
  • 10. Jenis Web (Statis dan Dinamis) Perbedaan: ï‚— Interaksi antara pengunjung dengan pemilik web. ï‚— Adanya script language yang digunakan. ï‚— Penggunaan database. ï‚— Content.
  • 11. 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 dan pengambilan output program oleh web server. ï‚— Server side scripting (PHP, JSP, ASP)
  • 12. 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
  • 13. Daftar Teknologi Server Side Programming ï‚— ASP ï‚— JSP ï‚— PHP
  • 14. 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.
  • 15. …. ï‚— 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.
  • 16. … 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).
  • 17. Stateless HTTP ï‚— Permasalahan: HTTP bersifat stateless: satu request saling independen terhadap request lainnya, tidak ada state (variabel) yang dipertahankan.
  • 18. … Cara mengatasi HTTP yang stateless: ï‚— Message passing via URL/Form. ï‚— Cookie. ï‚— Session.