SlideShare a Scribd company logo
1 of 14
Dahlan Abdullah
Email : dahlan@unimal.ac.id
Web : http://dahlan.web.id
 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 sebenarnya merupakan aplikasi yang:
• Berarsitektur client-server
 Software web browser di sisi client
 Software web server di sisi server
• Menggunakan protokol HTTP dalam komunikasi
antara client dan server
• Mempunyai fungsi utk mengambil/menjalankan
isi file dokumen web di server &menampilkannya
di sisi client
 Membuat aplikasi berbasis web berarti:
• Memperkaya fungsi web server dengan cara
menambahkan program pada dokumen web
yang akan dieksekusi oleh server ketika file
dokumen web tersebut diakses oleh web server
 Misalnya, program yang mengambil data ke
basis data untuk ditampilkan ke web browser
• Memperkaya interaktivitas dokumen dengan
cara menambahkan program pada dokumen
web yang akan dieksekusi oleh web browser
ketika file dokumen tersebut ditampilkan oleh
web browser
 Misalnya, program yang memvalidasi data
masukan pada form sebelum disubmit ke web
server
 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:
 Antarmuka yang dapat dibuat terbatas sesuai
spesifikasi standar untuk membuat dokumen web
dan keterbatasan kemampuan web browser untuk
menampilkannya
 Terbatasnya kecepatan internet mungkin membuat
respon aplikasi menjadi lambat
 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
(CGI)
 Server side scripting (PHP, JSP, ASP, dll. Untuk
contoh: PHP)
 Penghubung
 Sintaks pengalamatan dokumen web (URL)
 Protokol komunikasi (HTTP)
 Jika dokumen web yang diminta oleh web browser
merupakan file program atau file HTML yang disisipi
program, maka web server akan menjalankan (run) file
tersebut dengan bantuan interpreter atau sistem operasi
 Informasi yang diberikan oleh web server kepada program:
 Server variables : berbagai informasi yang ada pada
HTTP requestyang sedang diterima, nama dan path file
program, kapabilitas web server, dll
 Environment variables : informasi yang telah diset
(mungkin oleh aplikasi lain) pada lingkungan sistem
operasi
 Cookie : isi cookie yang disimpan di web browser
 Request parameter : input dari user yang dikirimkan
bersamaan dengan HTTP requestoleh web browser
 Hasil output program ke standard output(screen) akan
diambil oleh web server untuk dikirimkan kepada web
browser sebagai HTTP response
 Pada PHP:
 –Server variables diletakkan pada predefined variable $_SERVER
 •$_SERVER[“PHP_SELF”] = path dan nama file yang sedang
dieksekusi
 •$_SERVER[“SERVER_NAME”] = nama host/server
 •$_SERVER[“REQUEST_METHOD”] = jenis metode request
 •$_SERVER[“HTTP_USER_AGENT”] = identitas web browser yang
melakukan request
 •$_SERVER[“REMOTE_ADDR”] = nomor IP user
 •dl
 –Environment variables diletakkan pada predefined variable
$_ENV
 –Cookie diletakkan pada predefined variable $_COOKIE
 –Request parameter diletakkan pada predefined variable $_GET,
$_POST, $_FILES
 –Output menggunakan perintah echo
 Aplikasi mempunyai sejumlah fitur/fungsi yang memungkinkan user
untuk melakukan sejumlah task
 Untuk memenuhi suatu task, dapat digunakan satu atau lebih
halaman web sebagai antarmuka
 Contoh task yang menggunakan satu halaman web:
 Membaca artikel nomor tertentu
 Menambahkan entry baru pada guest book
 Contoh taskyang menggunakan lebih dari satu halaman web:
 Membeli barang secara online
• halaman 1: menampilkan daftar barang yang ada untuk dipilih
• halaman 2: mengisi alamat pengiriman
• halaman 3: menampilkan informasi transaksi yang baru saja dilakukan
 Antara halaman web yang satu dengan yang lain harus ada
komunikasi mengenai statedari task (misalnya, halaman 3 butuh
informasi mengenai barang yang telah dipilih pada halaman 1)
Selesai .....

More Related Content

Similar to Pertemuan-Web-2-Konsep-Pemrograman-Web.ppt

Pemrograman-Berbasis-Web-Pertemuan-1.ppt
Pemrograman-Berbasis-Web-Pertemuan-1.pptPemrograman-Berbasis-Web-Pertemuan-1.ppt
Pemrograman-Berbasis-Web-Pertemuan-1.pptAbdurRozak19
 
#15 Web Security bisnis digital belajar pemograman.pptx
#15 Web Security bisnis digital belajar pemograman.pptx#15 Web Security bisnis digital belajar pemograman.pptx
#15 Web Security bisnis digital belajar pemograman.pptxIDELSAMANGUN
 
Tugas 2 0317-nurul azmi-1412510587
Tugas 2 0317-nurul azmi-1412510587Tugas 2 0317-nurul azmi-1412510587
Tugas 2 0317-nurul azmi-1412510587nurul azmi
 
PW2_Dasar Pemrograman WEB.ppt
PW2_Dasar Pemrograman WEB.pptPW2_Dasar Pemrograman WEB.ppt
PW2_Dasar Pemrograman WEB.pptHoodieMG
 
Tugas 2 0317-imelda felicia-1412510545
Tugas 2 0317-imelda felicia-1412510545Tugas 2 0317-imelda felicia-1412510545
Tugas 2 0317-imelda felicia-1412510545imeldafelicia
 
Web Server, DNS Server, dan FTP Server
Web Server, DNS Server, dan FTP ServerWeb Server, DNS Server, dan FTP Server
Web Server, DNS Server, dan FTP ServerIsna Dwi Setianingsih
 
Tugas 2 0317-dewi apriliani-1412510602
Tugas 2 0317-dewi apriliani-1412510602Tugas 2 0317-dewi apriliani-1412510602
Tugas 2 0317-dewi apriliani-1412510602dewiapril1996
 
Materi-1-Pemrograman Web.pdf
Materi-1-Pemrograman Web.pdfMateri-1-Pemrograman Web.pdf
Materi-1-Pemrograman Web.pdfRafEl24
 
World wide web
World wide webWorld wide web
World wide webpeces123
 
Configuring Nginx as Reverse Proxy and Load Balancing Web Application
Configuring Nginx as Reverse Proxy and Load Balancing Web ApplicationConfiguring Nginx as Reverse Proxy and Load Balancing Web Application
Configuring Nginx as Reverse Proxy and Load Balancing Web ApplicationJagoan Neon
 
Pertemuan 09 client server
Pertemuan 09   client serverPertemuan 09   client server
Pertemuan 09 client serveraingaingaing
 
Tipe tipe dan model client server-plus
Tipe tipe dan model client server-plusTipe tipe dan model client server-plus
Tipe tipe dan model client server-plusDenny Yahya
 
Application Layer
Application LayerApplication Layer
Application Layerrosmida
 

Similar to Pertemuan-Web-2-Konsep-Pemrograman-Web.ppt (20)

Pemrograman-Berbasis-Web-Pertemuan-1.ppt
Pemrograman-Berbasis-Web-Pertemuan-1.pptPemrograman-Berbasis-Web-Pertemuan-1.ppt
Pemrograman-Berbasis-Web-Pertemuan-1.ppt
 
#15 Web Security bisnis digital belajar pemograman.pptx
#15 Web Security bisnis digital belajar pemograman.pptx#15 Web Security bisnis digital belajar pemograman.pptx
#15 Web Security bisnis digital belajar pemograman.pptx
 
Tugas 2 0317-nurul azmi-1412510587
Tugas 2 0317-nurul azmi-1412510587Tugas 2 0317-nurul azmi-1412510587
Tugas 2 0317-nurul azmi-1412510587
 
Pbw week 01 basics
Pbw week 01   basicsPbw week 01   basics
Pbw week 01 basics
 
Web server
Web serverWeb server
Web server
 
PW2_Dasar Pemrograman WEB.ppt
PW2_Dasar Pemrograman WEB.pptPW2_Dasar Pemrograman WEB.ppt
PW2_Dasar Pemrograman WEB.ppt
 
Tugas 2 0317-imelda felicia-1412510545
Tugas 2 0317-imelda felicia-1412510545Tugas 2 0317-imelda felicia-1412510545
Tugas 2 0317-imelda felicia-1412510545
 
Web Server, DNS Server, dan FTP Server
Web Server, DNS Server, dan FTP ServerWeb Server, DNS Server, dan FTP Server
Web Server, DNS Server, dan FTP Server
 
Tugas 2 0317-dewi apriliani-1412510602
Tugas 2 0317-dewi apriliani-1412510602Tugas 2 0317-dewi apriliani-1412510602
Tugas 2 0317-dewi apriliani-1412510602
 
Dasar web-dan-html
Dasar web-dan-htmlDasar web-dan-html
Dasar web-dan-html
 
TugaS II so- II
TugaS II so- II TugaS II so- II
TugaS II so- II
 
Materi-1-Pemrograman Web.pdf
Materi-1-Pemrograman Web.pdfMateri-1-Pemrograman Web.pdf
Materi-1-Pemrograman Web.pdf
 
World wide web
World wide webWorld wide web
World wide web
 
Configuring Nginx as Reverse Proxy and Load Balancing Web Application
Configuring Nginx as Reverse Proxy and Load Balancing Web ApplicationConfiguring Nginx as Reverse Proxy and Load Balancing Web Application
Configuring Nginx as Reverse Proxy and Load Balancing Web Application
 
10. m 12 pertemuan 23
10. m 12 pertemuan 2310. m 12 pertemuan 23
10. m 12 pertemuan 23
 
Pertemuan 09 client server
Pertemuan 09   client serverPertemuan 09   client server
Pertemuan 09 client server
 
Tipe tipe dan model client server-plus
Tipe tipe dan model client server-plusTipe tipe dan model client server-plus
Tipe tipe dan model client server-plus
 
Application Layer
Application LayerApplication Layer
Application Layer
 
Kuliah Umum.ppt
Kuliah Umum.pptKuliah Umum.ppt
Kuliah Umum.ppt
 
apliccation layer
apliccation layerapliccation layer
apliccation layer
 

Recently uploaded

Metode numerik Bidang Teknik Sipil perencanaan.pdf
Metode numerik Bidang Teknik Sipil perencanaan.pdfMetode numerik Bidang Teknik Sipil perencanaan.pdf
Metode numerik Bidang Teknik Sipil perencanaan.pdfArvinThamsir1
 
Strategi Pengembangan Agribisnis di Indonesia
Strategi Pengembangan Agribisnis di IndonesiaStrategi Pengembangan Agribisnis di Indonesia
Strategi Pengembangan Agribisnis di IndonesiaRenaYunita2
 
4. GWTJWRYJJJJJJJJJJJJJJJJJJWJSNJYSRR.pdf
4. GWTJWRYJJJJJJJJJJJJJJJJJJWJSNJYSRR.pdf4. GWTJWRYJJJJJJJJJJJJJJJJJJWJSNJYSRR.pdf
4. GWTJWRYJJJJJJJJJJJJJJJJJJWJSNJYSRR.pdfAnonymous6yIobha8QY
 
MODUL AJAR PENGANTAR SURVEY PEMETAAN.pdf
MODUL AJAR PENGANTAR SURVEY PEMETAAN.pdfMODUL AJAR PENGANTAR SURVEY PEMETAAN.pdf
MODUL AJAR PENGANTAR SURVEY PEMETAAN.pdfihsan386426
 
TEKNIS TES TULIS REKRUTMEN PAMSIMAS 2024.pdf
TEKNIS TES TULIS REKRUTMEN PAMSIMAS 2024.pdfTEKNIS TES TULIS REKRUTMEN PAMSIMAS 2024.pdf
TEKNIS TES TULIS REKRUTMEN PAMSIMAS 2024.pdfYogiCahyoPurnomo
 
MAteri:Penggunaan fungsi pada pemrograman c++
MAteri:Penggunaan fungsi pada pemrograman c++MAteri:Penggunaan fungsi pada pemrograman c++
MAteri:Penggunaan fungsi pada pemrograman c++FujiAdam
 
Materi Asesi SKK Manajer Pelaksana SPAM- jenjang 6.pptx
Materi Asesi SKK Manajer Pelaksana SPAM- jenjang 6.pptxMateri Asesi SKK Manajer Pelaksana SPAM- jenjang 6.pptx
Materi Asesi SKK Manajer Pelaksana SPAM- jenjang 6.pptxarifyudianto3
 
Manual Desain Perkerasan jalan 2017 FINAL.pptx
Manual Desain Perkerasan jalan 2017 FINAL.pptxManual Desain Perkerasan jalan 2017 FINAL.pptx
Manual Desain Perkerasan jalan 2017 FINAL.pptxRemigius1984
 
10.-Programable-Logic-Controller (1).ppt
10.-Programable-Logic-Controller (1).ppt10.-Programable-Logic-Controller (1).ppt
10.-Programable-Logic-Controller (1).ppttaniaalda710
 

Recently uploaded (9)

Metode numerik Bidang Teknik Sipil perencanaan.pdf
Metode numerik Bidang Teknik Sipil perencanaan.pdfMetode numerik Bidang Teknik Sipil perencanaan.pdf
Metode numerik Bidang Teknik Sipil perencanaan.pdf
 
Strategi Pengembangan Agribisnis di Indonesia
Strategi Pengembangan Agribisnis di IndonesiaStrategi Pengembangan Agribisnis di Indonesia
Strategi Pengembangan Agribisnis di Indonesia
 
4. GWTJWRYJJJJJJJJJJJJJJJJJJWJSNJYSRR.pdf
4. GWTJWRYJJJJJJJJJJJJJJJJJJWJSNJYSRR.pdf4. GWTJWRYJJJJJJJJJJJJJJJJJJWJSNJYSRR.pdf
4. GWTJWRYJJJJJJJJJJJJJJJJJJWJSNJYSRR.pdf
 
MODUL AJAR PENGANTAR SURVEY PEMETAAN.pdf
MODUL AJAR PENGANTAR SURVEY PEMETAAN.pdfMODUL AJAR PENGANTAR SURVEY PEMETAAN.pdf
MODUL AJAR PENGANTAR SURVEY PEMETAAN.pdf
 
TEKNIS TES TULIS REKRUTMEN PAMSIMAS 2024.pdf
TEKNIS TES TULIS REKRUTMEN PAMSIMAS 2024.pdfTEKNIS TES TULIS REKRUTMEN PAMSIMAS 2024.pdf
TEKNIS TES TULIS REKRUTMEN PAMSIMAS 2024.pdf
 
MAteri:Penggunaan fungsi pada pemrograman c++
MAteri:Penggunaan fungsi pada pemrograman c++MAteri:Penggunaan fungsi pada pemrograman c++
MAteri:Penggunaan fungsi pada pemrograman c++
 
Materi Asesi SKK Manajer Pelaksana SPAM- jenjang 6.pptx
Materi Asesi SKK Manajer Pelaksana SPAM- jenjang 6.pptxMateri Asesi SKK Manajer Pelaksana SPAM- jenjang 6.pptx
Materi Asesi SKK Manajer Pelaksana SPAM- jenjang 6.pptx
 
Manual Desain Perkerasan jalan 2017 FINAL.pptx
Manual Desain Perkerasan jalan 2017 FINAL.pptxManual Desain Perkerasan jalan 2017 FINAL.pptx
Manual Desain Perkerasan jalan 2017 FINAL.pptx
 
10.-Programable-Logic-Controller (1).ppt
10.-Programable-Logic-Controller (1).ppt10.-Programable-Logic-Controller (1).ppt
10.-Programable-Logic-Controller (1).ppt
 

Pertemuan-Web-2-Konsep-Pemrograman-Web.ppt

  • 1. Dahlan Abdullah Email : dahlan@unimal.ac.id Web : http://dahlan.web.id
  • 2.  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 sebenarnya merupakan aplikasi yang: • Berarsitektur client-server  Software web browser di sisi client  Software web server di sisi server • Menggunakan protokol HTTP dalam komunikasi antara client dan server • Mempunyai fungsi utk mengambil/menjalankan isi file dokumen web di server &menampilkannya di sisi client
  • 3.  Membuat aplikasi berbasis web berarti: • Memperkaya fungsi web server dengan cara menambahkan program pada dokumen web yang akan dieksekusi oleh server ketika file dokumen web tersebut diakses oleh web server  Misalnya, program yang mengambil data ke basis data untuk ditampilkan ke web browser • Memperkaya interaktivitas dokumen dengan cara menambahkan program pada dokumen web yang akan dieksekusi oleh web browser ketika file dokumen tersebut ditampilkan oleh web browser  Misalnya, program yang memvalidasi data masukan pada form sebelum disubmit ke web server
  • 4.  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:  Antarmuka yang dapat dibuat terbatas sesuai spesifikasi standar untuk membuat dokumen web dan keterbatasan kemampuan web browser untuk menampilkannya  Terbatasnya kecepatan internet mungkin membuat respon aplikasi menjadi lambat
  • 5.  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 (CGI)  Server side scripting (PHP, JSP, ASP, dll. Untuk contoh: PHP)  Penghubung  Sintaks pengalamatan dokumen web (URL)  Protokol komunikasi (HTTP)
  • 6.  Jika dokumen web yang diminta oleh web browser merupakan file program atau file HTML yang disisipi program, maka web server akan menjalankan (run) file tersebut dengan bantuan interpreter atau sistem operasi  Informasi yang diberikan oleh web server kepada program:  Server variables : berbagai informasi yang ada pada HTTP requestyang sedang diterima, nama dan path file program, kapabilitas web server, dll  Environment variables : informasi yang telah diset (mungkin oleh aplikasi lain) pada lingkungan sistem operasi  Cookie : isi cookie yang disimpan di web browser  Request parameter : input dari user yang dikirimkan bersamaan dengan HTTP requestoleh web browser  Hasil output program ke standard output(screen) akan diambil oleh web server untuk dikirimkan kepada web browser sebagai HTTP response
  • 7.  Pada PHP:  –Server variables diletakkan pada predefined variable $_SERVER  •$_SERVER[“PHP_SELF”] = path dan nama file yang sedang dieksekusi  •$_SERVER[“SERVER_NAME”] = nama host/server  •$_SERVER[“REQUEST_METHOD”] = jenis metode request  •$_SERVER[“HTTP_USER_AGENT”] = identitas web browser yang melakukan request  •$_SERVER[“REMOTE_ADDR”] = nomor IP user  •dl  –Environment variables diletakkan pada predefined variable $_ENV  –Cookie diletakkan pada predefined variable $_COOKIE  –Request parameter diletakkan pada predefined variable $_GET, $_POST, $_FILES  –Output menggunakan perintah echo
  • 8.  Aplikasi mempunyai sejumlah fitur/fungsi yang memungkinkan user untuk melakukan sejumlah task  Untuk memenuhi suatu task, dapat digunakan satu atau lebih halaman web sebagai antarmuka  Contoh task yang menggunakan satu halaman web:  Membaca artikel nomor tertentu  Menambahkan entry baru pada guest book  Contoh taskyang menggunakan lebih dari satu halaman web:  Membeli barang secara online • halaman 1: menampilkan daftar barang yang ada untuk dipilih • halaman 2: mengisi alamat pengiriman • halaman 3: menampilkan informasi transaksi yang baru saja dilakukan  Antara halaman web yang satu dengan yang lain harus ada komunikasi mengenai statedari task (misalnya, halaman 3 butuh informasi mengenai barang yang telah dipilih pada halaman 1)
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.