際際滷

際際滷Share a Scribd company logo
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)
Pertemuan-Web-2-Konsep-Pemrograman-Web.ppt
Pertemuan-Web-2-Konsep-Pemrograman-Web.ppt
Pertemuan-Web-2-Konsep-Pemrograman-Web.ppt
Pertemuan-Web-2-Konsep-Pemrograman-Web.ppt
Pertemuan-Web-2-Konsep-Pemrograman-Web.ppt
Selesai .....

More Related Content

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

WEB SERVER hsjskabqmmwhahyuaiajggnew.pptx
WEB SERVER hsjskabqmmwhahyuaiajggnew.pptxWEB SERVER hsjskabqmmwhahyuaiajggnew.pptx
WEB SERVER hsjskabqmmwhahyuaiajggnew.pptx
storeachnew
konfigurasi web server
konfigurasi web serverkonfigurasi web server
konfigurasi web server
Muhammad Anang
Tugas 2 0317-fahreza yozi-1612510832
Tugas 2 0317-fahreza yozi-1612510832Tugas 2 0317-fahreza yozi-1612510832
Tugas 2 0317-fahreza yozi-1612510832
fahreza yozi
Web browser
Web browserWeb browser
Web browser
boyanes
Apa Itu Web Server Cara Kerja dan Fungsi dari Server Itu Sendiri.pdf
Apa Itu Web Server Cara Kerja dan Fungsi dari Server Itu Sendiri.pdfApa Itu Web Server Cara Kerja dan Fungsi dari Server Itu Sendiri.pdf
Apa Itu Web Server Cara Kerja dan Fungsi dari Server Itu Sendiri.pdf
PODCAST88
Pemrograman-Berbasis-Web-Pertemuan-1.ppt
Pemrograman-Berbasis-Web-Pertemuan-1.pptPemrograman-Berbasis-Web-Pertemuan-1.ppt
Pemrograman-Berbasis-Web-Pertemuan-1.ppt
michaelc85
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
#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
IDELSAMANGUN
Tugas 2 0317-nurul azmi-1412510587
Tugas 2 0317-nurul azmi-1412510587Tugas 2 0317-nurul azmi-1412510587
Tugas 2 0317-nurul azmi-1412510587
nurul azmi
Web server
Web serverWeb server
Web server
Putra Wanda
PW2_Dasar Pemrograman WEB.ppt
PW2_Dasar Pemrograman WEB.pptPW2_Dasar Pemrograman WEB.ppt
PW2_Dasar Pemrograman WEB.ppt
HoodieMG
Tugas 2 0317-imelda felicia-1412510545
Tugas 2 0317-imelda felicia-1412510545Tugas 2 0317-imelda felicia-1412510545
Tugas 2 0317-imelda felicia-1412510545
imeldafelicia
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
Isna Dwi Setianingsih
Tugas 2 0317-dewi apriliani-1412510602
Tugas 2 0317-dewi apriliani-1412510602Tugas 2 0317-dewi apriliani-1412510602
Tugas 2 0317-dewi apriliani-1412510602
dewiapril1996
Dasar web-dan-html
Dasar web-dan-htmlDasar web-dan-html
Dasar web-dan-html
Ramla Lamanta
Materi-1-Pemrograman Web.pdf
Materi-1-Pemrograman Web.pdfMateri-1-Pemrograman Web.pdf
Materi-1-Pemrograman Web.pdf
RafEl24
World wide web
World wide webWorld wide web
World wide web
peces123
WEB SERVER hsjskabqmmwhahyuaiajggnew.pptx
WEB SERVER hsjskabqmmwhahyuaiajggnew.pptxWEB SERVER hsjskabqmmwhahyuaiajggnew.pptx
WEB SERVER hsjskabqmmwhahyuaiajggnew.pptx
storeachnew
konfigurasi web server
konfigurasi web serverkonfigurasi web server
konfigurasi web server
Muhammad Anang
Tugas 2 0317-fahreza yozi-1612510832
Tugas 2 0317-fahreza yozi-1612510832Tugas 2 0317-fahreza yozi-1612510832
Tugas 2 0317-fahreza yozi-1612510832
fahreza yozi
Web browser
Web browserWeb browser
Web browser
boyanes
Apa Itu Web Server Cara Kerja dan Fungsi dari Server Itu Sendiri.pdf
Apa Itu Web Server Cara Kerja dan Fungsi dari Server Itu Sendiri.pdfApa Itu Web Server Cara Kerja dan Fungsi dari Server Itu Sendiri.pdf
Apa Itu Web Server Cara Kerja dan Fungsi dari Server Itu Sendiri.pdf
PODCAST88
Pemrograman-Berbasis-Web-Pertemuan-1.ppt
Pemrograman-Berbasis-Web-Pertemuan-1.pptPemrograman-Berbasis-Web-Pertemuan-1.ppt
Pemrograman-Berbasis-Web-Pertemuan-1.ppt
michaelc85
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
#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
IDELSAMANGUN
Tugas 2 0317-nurul azmi-1412510587
Tugas 2 0317-nurul azmi-1412510587Tugas 2 0317-nurul azmi-1412510587
Tugas 2 0317-nurul azmi-1412510587
nurul azmi
PW2_Dasar Pemrograman WEB.ppt
PW2_Dasar Pemrograman WEB.pptPW2_Dasar Pemrograman WEB.ppt
PW2_Dasar Pemrograman WEB.ppt
HoodieMG
Tugas 2 0317-imelda felicia-1412510545
Tugas 2 0317-imelda felicia-1412510545Tugas 2 0317-imelda felicia-1412510545
Tugas 2 0317-imelda felicia-1412510545
imeldafelicia
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
Isna Dwi Setianingsih
Tugas 2 0317-dewi apriliani-1412510602
Tugas 2 0317-dewi apriliani-1412510602Tugas 2 0317-dewi apriliani-1412510602
Tugas 2 0317-dewi apriliani-1412510602
dewiapril1996
Dasar web-dan-html
Dasar web-dan-htmlDasar web-dan-html
Dasar web-dan-html
Ramla Lamanta
Materi-1-Pemrograman Web.pdf
Materi-1-Pemrograman Web.pdfMateri-1-Pemrograman Web.pdf
Materi-1-Pemrograman Web.pdf
RafEl24
World wide web
World wide webWorld wide web
World wide web
peces123

Recently uploaded (6)

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
pelatihanScaffolding-Training-With-Bahasa.ppt
pelatihanScaffolding-Training-With-Bahasa.pptpelatihanScaffolding-Training-With-Bahasa.ppt
pelatihanScaffolding-Training-With-Bahasa.ppt
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
Pengukuran_Instrumentasi_Pertemuan1.pptx
Pengukuran_Instrumentasi_Pertemuan1.pptxPengukuran_Instrumentasi_Pertemuan1.pptx
Pengukuran_Instrumentasi_Pertemuan1.pptx
gintingdesiana
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
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
pelatihanScaffolding-Training-With-Bahasa.ppt
pelatihanScaffolding-Training-With-Bahasa.pptpelatihanScaffolding-Training-With-Bahasa.ppt
pelatihanScaffolding-Training-With-Bahasa.ppt
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
Pengukuran_Instrumentasi_Pertemuan1.pptx
Pengukuran_Instrumentasi_Pertemuan1.pptxPengukuran_Instrumentasi_Pertemuan1.pptx
Pengukuran_Instrumentasi_Pertemuan1.pptx
gintingdesiana
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

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)