SlideShare a Scribd company logo
1 of 23
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

PW2_Dasar Pemrograman WEB.ppt
PW2_Dasar Pemrograman WEB.pptPW2_Dasar Pemrograman WEB.ppt
PW2_Dasar Pemrograman WEB.pptHoodieMG
 
Pemrograman Web 1 - Pengenalan Web Dasar
Pemrograman Web 1 - Pengenalan Web DasarPemrograman Web 1 - Pengenalan Web Dasar
Pemrograman Web 1 - Pengenalan Web Dasarstudentmnurohman23
 
konfigurasi web server
konfigurasi web serverkonfigurasi web server
konfigurasi web serverMuhammad Anang
 
01konseppemrogramaninternet
01konseppemrogramaninternet01konseppemrogramaninternet
01konseppemrogramaninternetElidad Sukardi
 
01konseppemrogramaninternet
01konseppemrogramaninternet01konseppemrogramaninternet
01konseppemrogramaninternetjuicemangga
 
Pemograman web ke1
Pemograman web ke1Pemograman web ke1
Pemograman web ke1ndriehs
 
Tugas webserver SO II - 09 154
Tugas webserver SO II - 09 154Tugas webserver SO II - 09 154
Tugas webserver SO II - 09 154ridhyld
 
Pengenalan_Pemrograman_Web_Berbasis_HTML.ppt
Pengenalan_Pemrograman_Web_Berbasis_HTML.pptPengenalan_Pemrograman_Web_Berbasis_HTML.ppt
Pengenalan_Pemrograman_Web_Berbasis_HTML.pptNenghamidah1
 
Laporan pemrograman visual3
Laporan pemrograman visual3Laporan pemrograman visual3
Laporan pemrograman visual3Fenty Hidayati
 
Tugas 3 matkul rekayasa web 0317
Tugas 3 matkul rekayasa web 0317Tugas 3 matkul rekayasa web 0317
Tugas 3 matkul rekayasa web 0317esti setiasih
 
Tugas webserver
Tugas webserverTugas webserver
Tugas webservernifran12
 
Pertemuan-Web-2-Konsep-Pemrograman-Web.ppt
Pertemuan-Web-2-Konsep-Pemrograman-Web.pptPertemuan-Web-2-Konsep-Pemrograman-Web.ppt
Pertemuan-Web-2-Konsep-Pemrograman-Web.pptWigaMaulanaBaihaqi2
 

Similar to hhh (20)

PW2_Dasar Pemrograman WEB.ppt
PW2_Dasar Pemrograman WEB.pptPW2_Dasar Pemrograman WEB.ppt
PW2_Dasar Pemrograman WEB.ppt
 
1989249
19892491989249
1989249
 
Materi WWW
Materi WWWMateri WWW
Materi WWW
 
Pertemuan ke 1
Pertemuan ke 1Pertemuan ke 1
Pertemuan ke 1
 
Pemrograman Web 1 - Pengenalan Web Dasar
Pemrograman Web 1 - Pengenalan Web DasarPemrograman Web 1 - Pengenalan Web Dasar
Pemrograman Web 1 - Pengenalan Web Dasar
 
konfigurasi web server
konfigurasi web serverkonfigurasi web server
konfigurasi web server
 
01konseppemrogramaninternet
01konseppemrogramaninternet01konseppemrogramaninternet
01konseppemrogramaninternet
 
Pelajaran jsp smk XI RPL
Pelajaran jsp smk XI RPLPelajaran jsp smk XI RPL
Pelajaran jsp smk XI RPL
 
01konseppemrogramaninternet
01konseppemrogramaninternet01konseppemrogramaninternet
01konseppemrogramaninternet
 
02 Teknologi Web
02 Teknologi Web02 Teknologi Web
02 Teknologi Web
 
Pemograman web ke1
Pemograman web ke1Pemograman web ke1
Pemograman web ke1
 
Tugas webserver SO II - 09 154
Tugas webserver SO II - 09 154Tugas webserver SO II - 09 154
Tugas webserver SO II - 09 154
 
TugaS II so- II
TugaS II so- II TugaS II so- II
TugaS II so- II
 
Pengenalan_Pemrograman_Web_Berbasis_HTML.ppt
Pengenalan_Pemrograman_Web_Berbasis_HTML.pptPengenalan_Pemrograman_Web_Berbasis_HTML.ppt
Pengenalan_Pemrograman_Web_Berbasis_HTML.ppt
 
Laporan pemrograman visual3
Laporan pemrograman visual3Laporan pemrograman visual3
Laporan pemrograman visual3
 
Tugas 3 matkul rekayasa web 0317
Tugas 3 matkul rekayasa web 0317Tugas 3 matkul rekayasa web 0317
Tugas 3 matkul rekayasa web 0317
 
Tugas webserver
Tugas webserverTugas webserver
Tugas webserver
 
Presentation1
Presentation1Presentation1
Presentation1
 
Laporan
LaporanLaporan
Laporan
 
Pertemuan-Web-2-Konsep-Pemrograman-Web.ppt
Pertemuan-Web-2-Konsep-Pemrograman-Web.pptPertemuan-Web-2-Konsep-Pemrograman-Web.ppt
Pertemuan-Web-2-Konsep-Pemrograman-Web.ppt
 

Recently uploaded

Materi Safety Talk Persiapan Libur Lebaran
Materi Safety Talk Persiapan Libur LebaranMateri Safety Talk Persiapan Libur Lebaran
Materi Safety Talk Persiapan Libur LebaranSintaMarlina3
 
Transfer Massa dan Panas Teknik Kimia Industri
Transfer Massa dan Panas Teknik Kimia IndustriTransfer Massa dan Panas Teknik Kimia Industri
Transfer Massa dan Panas Teknik Kimia Industririzwahyung
 
PPT PENILAIAN PERKERASAN JALAN Metode PCI.pptx
PPT PENILAIAN PERKERASAN JALAN Metode PCI.pptxPPT PENILAIAN PERKERASAN JALAN Metode PCI.pptx
PPT PENILAIAN PERKERASAN JALAN Metode PCI.pptxYehezkielAkwila3
 
Ahli Muda Teknik Bangunan GEdung Jenjang 7 - Samet Kurnianto.pptx
Ahli Muda Teknik Bangunan GEdung Jenjang 7 - Samet Kurnianto.pptxAhli Muda Teknik Bangunan GEdung Jenjang 7 - Samet Kurnianto.pptx
Ahli Muda Teknik Bangunan GEdung Jenjang 7 - Samet Kurnianto.pptxarifyudianto3
 
PPT Manajemen Konstruksi Unsur Unsur Proyek 1.pptx
PPT Manajemen Konstruksi Unsur Unsur Proyek 1.pptxPPT Manajemen Konstruksi Unsur Unsur Proyek 1.pptx
PPT Manajemen Konstruksi Unsur Unsur Proyek 1.pptxHamidNurMukhlis
 
QCC MANAJEMEN TOOL MAINTENANCE (MAINTENANCE TEAM).pptx
QCC MANAJEMEN TOOL MAINTENANCE (MAINTENANCE TEAM).pptxQCC MANAJEMEN TOOL MAINTENANCE (MAINTENANCE TEAM).pptx
QCC MANAJEMEN TOOL MAINTENANCE (MAINTENANCE TEAM).pptxdjam11
 
Kelompok 5 PPt Penerapan Teori Fuzzy.pdf
Kelompok 5 PPt Penerapan Teori Fuzzy.pdfKelompok 5 PPt Penerapan Teori Fuzzy.pdf
Kelompok 5 PPt Penerapan Teori Fuzzy.pdfVardyFahrizal
 
2021 - 10 - 03 PAPARAN PENDAHULUAN LEGGER JALAN.pptx
2021 - 10 - 03 PAPARAN PENDAHULUAN LEGGER JALAN.pptx2021 - 10 - 03 PAPARAN PENDAHULUAN LEGGER JALAN.pptx
2021 - 10 - 03 PAPARAN PENDAHULUAN LEGGER JALAN.pptxAnnisaNurHasanah27
 
Sesi_02_Rangkaian_Hubungan_Seri_Paralel.pptx
Sesi_02_Rangkaian_Hubungan_Seri_Paralel.pptxSesi_02_Rangkaian_Hubungan_Seri_Paralel.pptx
Sesi_02_Rangkaian_Hubungan_Seri_Paralel.pptx185TsabitSujud
 

Recently uploaded (9)

Materi Safety Talk Persiapan Libur Lebaran
Materi Safety Talk Persiapan Libur LebaranMateri Safety Talk Persiapan Libur Lebaran
Materi Safety Talk Persiapan Libur Lebaran
 
Transfer Massa dan Panas Teknik Kimia Industri
Transfer Massa dan Panas Teknik Kimia IndustriTransfer Massa dan Panas Teknik Kimia Industri
Transfer Massa dan Panas Teknik Kimia Industri
 
PPT PENILAIAN PERKERASAN JALAN Metode PCI.pptx
PPT PENILAIAN PERKERASAN JALAN Metode PCI.pptxPPT PENILAIAN PERKERASAN JALAN Metode PCI.pptx
PPT PENILAIAN PERKERASAN JALAN Metode PCI.pptx
 
Ahli Muda Teknik Bangunan GEdung Jenjang 7 - Samet Kurnianto.pptx
Ahli Muda Teknik Bangunan GEdung Jenjang 7 - Samet Kurnianto.pptxAhli Muda Teknik Bangunan GEdung Jenjang 7 - Samet Kurnianto.pptx
Ahli Muda Teknik Bangunan GEdung Jenjang 7 - Samet Kurnianto.pptx
 
PPT Manajemen Konstruksi Unsur Unsur Proyek 1.pptx
PPT Manajemen Konstruksi Unsur Unsur Proyek 1.pptxPPT Manajemen Konstruksi Unsur Unsur Proyek 1.pptx
PPT Manajemen Konstruksi Unsur Unsur Proyek 1.pptx
 
QCC MANAJEMEN TOOL MAINTENANCE (MAINTENANCE TEAM).pptx
QCC MANAJEMEN TOOL MAINTENANCE (MAINTENANCE TEAM).pptxQCC MANAJEMEN TOOL MAINTENANCE (MAINTENANCE TEAM).pptx
QCC MANAJEMEN TOOL MAINTENANCE (MAINTENANCE TEAM).pptx
 
Kelompok 5 PPt Penerapan Teori Fuzzy.pdf
Kelompok 5 PPt Penerapan Teori Fuzzy.pdfKelompok 5 PPt Penerapan Teori Fuzzy.pdf
Kelompok 5 PPt Penerapan Teori Fuzzy.pdf
 
2021 - 10 - 03 PAPARAN PENDAHULUAN LEGGER JALAN.pptx
2021 - 10 - 03 PAPARAN PENDAHULUAN LEGGER JALAN.pptx2021 - 10 - 03 PAPARAN PENDAHULUAN LEGGER JALAN.pptx
2021 - 10 - 03 PAPARAN PENDAHULUAN LEGGER JALAN.pptx
 
Sesi_02_Rangkaian_Hubungan_Seri_Paralel.pptx
Sesi_02_Rangkaian_Hubungan_Seri_Paralel.pptxSesi_02_Rangkaian_Hubungan_Seri_Paralel.pptx
Sesi_02_Rangkaian_Hubungan_Seri_Paralel.pptx
 

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.