際際滷

際際滷Share a Scribd company logo
KONSEP
PEMROG
RAMAN
Program Studi Informatika
Konsep
Pemrograma
n 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 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
Konsep
Pemrograma
n 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:
鐃 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
Kelebihan & Kekurangan
Aplikasi Berbasis Web
 Yang perlu dipelajari untuk membuat aplikasi
berbasis web:
鐃 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)
Kelebihan & Kekurangan
Aplikasi Berbasis Web
 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
request yang 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
Mekanisme CGI
(Common
Gateway Interface)
 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
CGI pada PHP
 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 task yang 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)
Konsep task dalam aplikasi
berbasis web
Stateless HTTP
Message Passing via
URL
Message Passing via
Form
Cookie
Session
lanjut
pertemuan
terima kasih
berikutnya
yaa....

More Related Content

Similar to KONSEP belajar PEMROGRAMAN dalam WEB.pptx (20)

Materi-1-Pemrograman Web.pdf
Materi-1-Pemrograman Web.pdfMateri-1-Pemrograman Web.pdf
Materi-1-Pemrograman Web.pdf
RafEl24
hhh
hhhhhh
hhh
iotse
01konseppemrogramaninternet
01konseppemrogramaninternet01konseppemrogramaninternet
01konseppemrogramaninternet
juicemangga
01konseppemrogramaninternet
01konseppemrogramaninternet01konseppemrogramaninternet
01konseppemrogramaninternet
Elidad Sukardi
Pemogran Web
Pemogran WebPemogran Web
Pemogran Web
andreboys
Dasar web-dan-html
Dasar web-dan-htmlDasar web-dan-html
Dasar web-dan-html
Ramla Lamanta
konfigurasi web server
konfigurasi web serverkonfigurasi web server
konfigurasi web server
Muhammad Anang
Dasar web dan html
Dasar web dan htmlDasar web dan html
Dasar web dan html
You Thank Thank
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
Web browser
Web browserWeb browser
Web browser
boyanes
Pertemuan_1_-_Pendahuluan0912423443.pptx
Pertemuan_1_-_Pendahuluan0912423443.pptxPertemuan_1_-_Pendahuluan0912423443.pptx
Pertemuan_1_-_Pendahuluan0912423443.pptx
lainahblon
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
Module desain web
Module desain webModule desain web
Module desain web
Dedy Setiawan
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
Web server
Web serverWeb server
Web server
Putra Wanda
World wide web
World wide webWorld wide web
World wide web
peces123
Perkembangan web server
Perkembangan web serverPerkembangan web server
Perkembangan web server
Netrunner Netrunner
Materi-1-Pemrograman Web.pdf
Materi-1-Pemrograman Web.pdfMateri-1-Pemrograman Web.pdf
Materi-1-Pemrograman Web.pdf
RafEl24
hhh
hhhhhh
hhh
iotse
01konseppemrogramaninternet
01konseppemrogramaninternet01konseppemrogramaninternet
01konseppemrogramaninternet
juicemangga
01konseppemrogramaninternet
01konseppemrogramaninternet01konseppemrogramaninternet
01konseppemrogramaninternet
Elidad Sukardi
Pemogran Web
Pemogran WebPemogran Web
Pemogran Web
andreboys
Dasar web-dan-html
Dasar web-dan-htmlDasar web-dan-html
Dasar web-dan-html
Ramla Lamanta
konfigurasi web server
konfigurasi web serverkonfigurasi web server
konfigurasi web server
Muhammad Anang
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
Web browser
Web browserWeb browser
Web browser
boyanes
Pertemuan_1_-_Pendahuluan0912423443.pptx
Pertemuan_1_-_Pendahuluan0912423443.pptxPertemuan_1_-_Pendahuluan0912423443.pptx
Pertemuan_1_-_Pendahuluan0912423443.pptx
lainahblon
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
Module desain web
Module desain webModule desain web
Module desain web
Dedy Setiawan
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
World wide web
World wide webWorld wide web
World wide web
peces123

Recently uploaded (20)

Buku 1 tentang orang Hukum perdata Universitas Negeri Semarang
Buku 1 tentang orang Hukum perdata Universitas Negeri SemarangBuku 1 tentang orang Hukum perdata Universitas Negeri Semarang
Buku 1 tentang orang Hukum perdata Universitas Negeri Semarang
iztawanasya1
1. RPT SAINS SMK TINGKATAN 1 2025 KUMPULAN B BY CIKGU GORGEOUS.docx
1. RPT SAINS SMK TINGKATAN 1 2025 KUMPULAN B BY CIKGU GORGEOUS.docx1. RPT SAINS SMK TINGKATAN 1 2025 KUMPULAN B BY CIKGU GORGEOUS.docx
1. RPT SAINS SMK TINGKATAN 1 2025 KUMPULAN B BY CIKGU GORGEOUS.docx
shafiqsmkamil
Proposal Kegiatan Santunan Anak Yatim.docx
Proposal Kegiatan Santunan Anak Yatim.docxProposal Kegiatan Santunan Anak Yatim.docx
Proposal Kegiatan Santunan Anak Yatim.docx
tuminsa934
PPT Perkawinan (Poligami, Monogami).pptx
PPT Perkawinan (Poligami, Monogami).pptxPPT Perkawinan (Poligami, Monogami).pptx
PPT Perkawinan (Poligami, Monogami).pptx
rahmiati190700
Keragaman Alam Indonesia materi IPS.pptx
Keragaman Alam Indonesia materi IPS.pptxKeragaman Alam Indonesia materi IPS.pptx
Keragaman Alam Indonesia materi IPS.pptx
aifi3
Repositori Elib Perpustakaan Badan Pengawas Tenaga Nuklir (BAPETEN)
Repositori Elib Perpustakaan Badan Pengawas Tenaga Nuklir (BAPETEN)Repositori Elib Perpustakaan Badan Pengawas Tenaga Nuklir (BAPETEN)
Repositori Elib Perpustakaan Badan Pengawas Tenaga Nuklir (BAPETEN)
Murad Maulana
Presentasi-Persuasif-Program-Sekolah-Berbasis-Data-SDN-Tegalwangi-2025 (3).pptx
Presentasi-Persuasif-Program-Sekolah-Berbasis-Data-SDN-Tegalwangi-2025 (3).pptxPresentasi-Persuasif-Program-Sekolah-Berbasis-Data-SDN-Tegalwangi-2025 (3).pptx
Presentasi-Persuasif-Program-Sekolah-Berbasis-Data-SDN-Tegalwangi-2025 (3).pptx
sdntegalwangi
Manajemen Risiko Proyek_Training "RISK MANAGEMENT".pptx
Manajemen Risiko Proyek_Training "RISK MANAGEMENT".pptxManajemen Risiko Proyek_Training "RISK MANAGEMENT".pptx
Manajemen Risiko Proyek_Training "RISK MANAGEMENT".pptx
Kanaidi ken
BHINNEKA TUGGAL IKA KEBERAGAMAN BUDAYA.pptx
BHINNEKA TUGGAL IKA KEBERAGAMAN BUDAYA.pptxBHINNEKA TUGGAL IKA KEBERAGAMAN BUDAYA.pptx
BHINNEKA TUGGAL IKA KEBERAGAMAN BUDAYA.pptx
AyeniahVivi
Rancangan Pembelajaran Semester Kartografi
Rancangan Pembelajaran Semester KartografiRancangan Pembelajaran Semester Kartografi
Rancangan Pembelajaran Semester Kartografi
khairizal2005
Farmakologi (antibiotik, antivirus, antijamur).pptx
Farmakologi (antibiotik, antivirus, antijamur).pptxFarmakologi (antibiotik, antivirus, antijamur).pptx
Farmakologi (antibiotik, antivirus, antijamur).pptx
michellepikachuuu
SENARAI & JADWAL PEMBICARA Ramadan Masjid Kampus UGM 1446 Hijriah.docx
SENARAI & JADWAL PEMBICARA Ramadan Masjid Kampus UGM 1446 Hijriah.docxSENARAI & JADWAL PEMBICARA Ramadan Masjid Kampus UGM 1446 Hijriah.docx
SENARAI & JADWAL PEMBICARA Ramadan Masjid Kampus UGM 1446 Hijriah.docx
Mirza836129
Danantara: Pesimis atau Optimis? Podcast Ikatan Alumni Lemhannas RI IKAL Lem...
Danantara:  Pesimis atau Optimis? Podcast Ikatan Alumni Lemhannas RI IKAL Lem...Danantara:  Pesimis atau Optimis? Podcast Ikatan Alumni Lemhannas RI IKAL Lem...
Danantara: Pesimis atau Optimis? Podcast Ikatan Alumni Lemhannas RI IKAL Lem...
Dadang Solihin
03. DISTRIBUSI FREKUENSI (Ilmu Komputer Unpak).pdf
03. DISTRIBUSI FREKUENSI (Ilmu Komputer Unpak).pdf03. DISTRIBUSI FREKUENSI (Ilmu Komputer Unpak).pdf
03. DISTRIBUSI FREKUENSI (Ilmu Komputer Unpak).pdf
AsepSaepulrohman4
RENCANA & Link2 MATERI Training_ *MANAJEMEN RISIKO BISNIS (+ ISO 31000)*.pptx
RENCANA & Link2 MATERI Training_ *MANAJEMEN RISIKO BISNIS (+ ISO 31000)*.pptxRENCANA & Link2 MATERI Training_ *MANAJEMEN RISIKO BISNIS (+ ISO 31000)*.pptx
RENCANA & Link2 MATERI Training_ *MANAJEMEN RISIKO BISNIS (+ ISO 31000)*.pptx
Kanaidi ken
Teknik PEMASANGAN MULSA pada lahan pertanian.pptx
Teknik PEMASANGAN MULSA pada lahan pertanian.pptxTeknik PEMASANGAN MULSA pada lahan pertanian.pptx
Teknik PEMASANGAN MULSA pada lahan pertanian.pptx
UsBero
SABDA Ministry Learning Center: Go Paskah: Paskah dan Sekolah Minggu bagian 1
SABDA Ministry Learning Center: Go Paskah: Paskah dan Sekolah Minggu bagian 1SABDA Ministry Learning Center: Go Paskah: Paskah dan Sekolah Minggu bagian 1
SABDA Ministry Learning Center: Go Paskah: Paskah dan Sekolah Minggu bagian 1
SABDA
PPT Qurdis Bab 4 kelas IX MTs/SMP SMT 2.pptx
PPT Qurdis Bab 4 kelas IX MTs/SMP SMT 2.pptxPPT Qurdis Bab 4 kelas IX MTs/SMP SMT 2.pptx
PPT Qurdis Bab 4 kelas IX MTs/SMP SMT 2.pptx
hendipurnama1
Seleksi Penerimaan Murid Baru 2025.pptx
Seleksi Penerimaan Murid Baru  2025.pptxSeleksi Penerimaan Murid Baru  2025.pptx
Seleksi Penerimaan Murid Baru 2025.pptx
Fajar Baskoro
Teks fiks Didik anak dengan islamiyah.pptx
Teks fiks Didik anak dengan islamiyah.pptxTeks fiks Didik anak dengan islamiyah.pptx
Teks fiks Didik anak dengan islamiyah.pptx
ArizOghey1
Buku 1 tentang orang Hukum perdata Universitas Negeri Semarang
Buku 1 tentang orang Hukum perdata Universitas Negeri SemarangBuku 1 tentang orang Hukum perdata Universitas Negeri Semarang
Buku 1 tentang orang Hukum perdata Universitas Negeri Semarang
iztawanasya1
1. RPT SAINS SMK TINGKATAN 1 2025 KUMPULAN B BY CIKGU GORGEOUS.docx
1. RPT SAINS SMK TINGKATAN 1 2025 KUMPULAN B BY CIKGU GORGEOUS.docx1. RPT SAINS SMK TINGKATAN 1 2025 KUMPULAN B BY CIKGU GORGEOUS.docx
1. RPT SAINS SMK TINGKATAN 1 2025 KUMPULAN B BY CIKGU GORGEOUS.docx
shafiqsmkamil
Proposal Kegiatan Santunan Anak Yatim.docx
Proposal Kegiatan Santunan Anak Yatim.docxProposal Kegiatan Santunan Anak Yatim.docx
Proposal Kegiatan Santunan Anak Yatim.docx
tuminsa934
PPT Perkawinan (Poligami, Monogami).pptx
PPT Perkawinan (Poligami, Monogami).pptxPPT Perkawinan (Poligami, Monogami).pptx
PPT Perkawinan (Poligami, Monogami).pptx
rahmiati190700
Keragaman Alam Indonesia materi IPS.pptx
Keragaman Alam Indonesia materi IPS.pptxKeragaman Alam Indonesia materi IPS.pptx
Keragaman Alam Indonesia materi IPS.pptx
aifi3
Repositori Elib Perpustakaan Badan Pengawas Tenaga Nuklir (BAPETEN)
Repositori Elib Perpustakaan Badan Pengawas Tenaga Nuklir (BAPETEN)Repositori Elib Perpustakaan Badan Pengawas Tenaga Nuklir (BAPETEN)
Repositori Elib Perpustakaan Badan Pengawas Tenaga Nuklir (BAPETEN)
Murad Maulana
Presentasi-Persuasif-Program-Sekolah-Berbasis-Data-SDN-Tegalwangi-2025 (3).pptx
Presentasi-Persuasif-Program-Sekolah-Berbasis-Data-SDN-Tegalwangi-2025 (3).pptxPresentasi-Persuasif-Program-Sekolah-Berbasis-Data-SDN-Tegalwangi-2025 (3).pptx
Presentasi-Persuasif-Program-Sekolah-Berbasis-Data-SDN-Tegalwangi-2025 (3).pptx
sdntegalwangi
Manajemen Risiko Proyek_Training "RISK MANAGEMENT".pptx
Manajemen Risiko Proyek_Training "RISK MANAGEMENT".pptxManajemen Risiko Proyek_Training "RISK MANAGEMENT".pptx
Manajemen Risiko Proyek_Training "RISK MANAGEMENT".pptx
Kanaidi ken
BHINNEKA TUGGAL IKA KEBERAGAMAN BUDAYA.pptx
BHINNEKA TUGGAL IKA KEBERAGAMAN BUDAYA.pptxBHINNEKA TUGGAL IKA KEBERAGAMAN BUDAYA.pptx
BHINNEKA TUGGAL IKA KEBERAGAMAN BUDAYA.pptx
AyeniahVivi
Rancangan Pembelajaran Semester Kartografi
Rancangan Pembelajaran Semester KartografiRancangan Pembelajaran Semester Kartografi
Rancangan Pembelajaran Semester Kartografi
khairizal2005
Farmakologi (antibiotik, antivirus, antijamur).pptx
Farmakologi (antibiotik, antivirus, antijamur).pptxFarmakologi (antibiotik, antivirus, antijamur).pptx
Farmakologi (antibiotik, antivirus, antijamur).pptx
michellepikachuuu
SENARAI & JADWAL PEMBICARA Ramadan Masjid Kampus UGM 1446 Hijriah.docx
SENARAI & JADWAL PEMBICARA Ramadan Masjid Kampus UGM 1446 Hijriah.docxSENARAI & JADWAL PEMBICARA Ramadan Masjid Kampus UGM 1446 Hijriah.docx
SENARAI & JADWAL PEMBICARA Ramadan Masjid Kampus UGM 1446 Hijriah.docx
Mirza836129
Danantara: Pesimis atau Optimis? Podcast Ikatan Alumni Lemhannas RI IKAL Lem...
Danantara:  Pesimis atau Optimis? Podcast Ikatan Alumni Lemhannas RI IKAL Lem...Danantara:  Pesimis atau Optimis? Podcast Ikatan Alumni Lemhannas RI IKAL Lem...
Danantara: Pesimis atau Optimis? Podcast Ikatan Alumni Lemhannas RI IKAL Lem...
Dadang Solihin
03. DISTRIBUSI FREKUENSI (Ilmu Komputer Unpak).pdf
03. DISTRIBUSI FREKUENSI (Ilmu Komputer Unpak).pdf03. DISTRIBUSI FREKUENSI (Ilmu Komputer Unpak).pdf
03. DISTRIBUSI FREKUENSI (Ilmu Komputer Unpak).pdf
AsepSaepulrohman4
RENCANA & Link2 MATERI Training_ *MANAJEMEN RISIKO BISNIS (+ ISO 31000)*.pptx
RENCANA & Link2 MATERI Training_ *MANAJEMEN RISIKO BISNIS (+ ISO 31000)*.pptxRENCANA & Link2 MATERI Training_ *MANAJEMEN RISIKO BISNIS (+ ISO 31000)*.pptx
RENCANA & Link2 MATERI Training_ *MANAJEMEN RISIKO BISNIS (+ ISO 31000)*.pptx
Kanaidi ken
Teknik PEMASANGAN MULSA pada lahan pertanian.pptx
Teknik PEMASANGAN MULSA pada lahan pertanian.pptxTeknik PEMASANGAN MULSA pada lahan pertanian.pptx
Teknik PEMASANGAN MULSA pada lahan pertanian.pptx
UsBero
SABDA Ministry Learning Center: Go Paskah: Paskah dan Sekolah Minggu bagian 1
SABDA Ministry Learning Center: Go Paskah: Paskah dan Sekolah Minggu bagian 1SABDA Ministry Learning Center: Go Paskah: Paskah dan Sekolah Minggu bagian 1
SABDA Ministry Learning Center: Go Paskah: Paskah dan Sekolah Minggu bagian 1
SABDA
PPT Qurdis Bab 4 kelas IX MTs/SMP SMT 2.pptx
PPT Qurdis Bab 4 kelas IX MTs/SMP SMT 2.pptxPPT Qurdis Bab 4 kelas IX MTs/SMP SMT 2.pptx
PPT Qurdis Bab 4 kelas IX MTs/SMP SMT 2.pptx
hendipurnama1
Seleksi Penerimaan Murid Baru 2025.pptx
Seleksi Penerimaan Murid Baru  2025.pptxSeleksi Penerimaan Murid Baru  2025.pptx
Seleksi Penerimaan Murid Baru 2025.pptx
Fajar Baskoro
Teks fiks Didik anak dengan islamiyah.pptx
Teks fiks Didik anak dengan islamiyah.pptxTeks fiks Didik anak dengan islamiyah.pptx
Teks fiks Didik anak dengan islamiyah.pptx
ArizOghey1

KONSEP belajar PEMROGRAMAN dalam WEB.pptx

  • 2. Konsep Pemrograma n 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 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 Konsep Pemrograma n Web
  • 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 Kelebihan & Kekurangan Aplikasi Berbasis Web
  • 5. Yang perlu dipelajari untuk membuat aplikasi berbasis web: 鐃 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) Kelebihan & Kekurangan Aplikasi Berbasis Web
  • 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 request yang 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 Mekanisme CGI (Common Gateway Interface)
  • 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 CGI pada PHP
  • 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 task yang 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) Konsep task dalam aplikasi berbasis web