SlideShare a Scribd company logo
Pertemuan 2
Dasar Pemrograman Web
Apakah World Wide Web ?
WWW : sebuah system web yang menyimpan
informasi yang bisa berupa text, animasi, graphic/
images, sound dan video.
 Web : ruang informasi dalam Internet yang menggunakan
teknologi Hypertext, penemuan informasi mengikuti link
yang disediakan dalam dokumen web
 Browser web : suatu aplikasi end user yang digunakan oleh
user untuk membuka web site di Internet.
 Server web : komputer yang digunakan untuk mengelola
dokumen-dokumen web
 Web memudahkan user untuk berinteraksi dengan pelaku
Internet lainnya dan menelusuri informasi di Internet
Bagaimana WWW Bekerja ?
Informasi web disimpan dalam dokumen yang
disebut web page
Web page adalah file-file yang disimpan dalam
komputer yang disebut web servers
Komputer yang membaca web page disebut web
client
Web client menampilkan page menggunakan
program yang disebut web browser
Bagaimana WWW Bekerja ?
DNS
 (Domain Name Server) adalah server yang digunakan
untuk mengetahui IP Address suatu host lewat host
name-nya. Dalam dunia internet, komputer
berkomunikasi satu sama lain dengan mengenali IP
Address-nya.
Aplikasi Web
Aplikasi Web dapat dibagi menjadi 2 macam:
1. Web Statis dan
2. Web Dinamis
Web Statis
Web statis dibentuk dengan menggunakan HTML
saja
Kekurangan Web statis terletak pada keharusan untuk
memelihara halaman Web secara terus-menerus
setiap ada perubahan informasi
Web Dinamis
Isi halaman bersifat dinamis, dapat mengikuti perubahan isi
database
Pengertian Web dinamis terkadang diartikan sebagai halaman Web
yang dilengkapi dengan gambar-gambar bergerak
Web dinamis dapat digunakan untuk membentuk aplikasi interaktif,
yang memungkinkan pemakai tak hanya memperoleh informasi terkini
tetapi juga dapat melakukan perubahan data. Misalnya:
 Untuk pengisian KRS
 Perubahan data pribadi
 Pengisian berita baru
 dll
Web dinamis dibentuk dengan menambahkan perangkat lunak
tambahan, seperti ASP atau PHP
Prinsip Kerja Web Berbasis HTML
1. Browser meminta sebuah halaman ke suatu situs
2. Permintaan diterima oleh Web server (server yang
bertanggung jawab melayani permintaan browser)
3. Web server segera mengirimkan halaman HTML yang
diminta ke klien)
4. Browser pada klien segera menampilkan dokumen
HTML berdasarkan kode-kode yang terdapat pada
HTML
Prinsip Kerja Web Berbasis HTML
Klien
Web
server
Browser
Permintaan HTTP
(sesuatu.html)
Kode HTML
Tanggapan
HTTP
Prinsip Kerja Web Dinamis
(Contoh dengan PHP)
Klien
Web
server
Browser
Permintaan HTTP
(sesuatu.php)
Kode HTML
Tanggapan
HTTP
Skrip PHP
Mesin PHP
Konsep Pemograman Web
Client
Server
Request HTTP
Mis. http://uny.ac.id/
Halaman http
Web server software +
Script Server Side
Nama File
Nama Direktori
Nama host/server
Komponen Pendukung
Software Server
 Software yg digunakan untuk menangani permintaan client,
misalnya untuk web (Apache,IIS,Xitami,PWS), e-mail (qmail,
SecureMail) dll.
Software script server side
 Software yg digunakan untuk proses khusus yg terjadi di
server, misalnya database dll.
software ini antara lain PHP Script, ASP Script, JSS, VBScript
Komponen Pendukung
Software Editor
 Digunakan untuk pengetikan/pembuatan halaman web
baik itu script-nya maupun html-nya, misalnya :
MSFrontpage, Macromedia (Dreamweaver, Firework,
Flash), Notepad, PHPCoder, dll.
PEMBUATAN WEB
Menggabungkan semua unsur text, gambar, foto, animasi, suara ke
dalam suatu halaman yang saling berhubungan satu sama lain
dengan bahasa html dan bahasa pemrograman internet lainnya.

More Related Content

PPTX
Pertemuan ke 1
PPT
1989249
PPT
02 Teknologi Web
PPT
Pengenalan_Pemrograman_Web_Berbasis_HTML.ppt
PPTX
Konsep Teknologi dan Format Teks.pptx
PPTX
Pengenalan web minggu pertama
PPTX
ed4650289dda5d5c8e615f4c36aac5fa.pptx
PPTX
11.1 SMT-1 Pengenalan Pemrograman Web.pptx
Pertemuan ke 1
1989249
02 Teknologi Web
Pengenalan_Pemrograman_Web_Berbasis_HTML.ppt
Konsep Teknologi dan Format Teks.pptx
Pengenalan web minggu pertama
ed4650289dda5d5c8e615f4c36aac5fa.pptx
11.1 SMT-1 Pengenalan Pemrograman Web.pptx

Similar to PW2_Dasar Pemrograman WEB.ppt (20)

PPTX
Pertemuan_1_-_Pendahuluan0912423443.pptx
PPTX
Pertemuan 2-DASAR DASAR World Wide Web (WWW)(1).pptx
PPTX
PEMOGRAMAN WEB & PERANGKAT BERGERAK
PPT
Materi-1 Dasar dasar Web-dan-HTML-php.ppt
PPT
hhh
PPTX
pemrograman web
PPTX
17. Memahami Web.pptx
PDF
Pertemuan Dasar Pemrograman Web.pdf
PPT
pertemuan_pertama_teori.ppt
PPT
pertemuan_pertama_teori.ppt
PDF
Pemrograman Web Dinamis
PPTX
Konsep teknologi web
PPTX
Konsep Teknologi Web
PPTX
Pemrograman Web 1 - Pengenalan Web Dasar
PPTX
Presentasi Pengantar Web (2)aaaaaaaaaaaaaaaaaaaaaaaa.pptx
PPT
pemrogaman web part 1 untuk pembelajaran .ppt
PDF
Modul dasar pemrograman web
PDF
M1_Pengantar Java Website Aplikasi Online.pdf
PPT
file_2013-07-14_21_06_21_Heru_Lestiawan,_M.Kom__si-8-2.ppt
PDF
Buku pemrograman web html-css-javascript
Pertemuan_1_-_Pendahuluan0912423443.pptx
Pertemuan 2-DASAR DASAR World Wide Web (WWW)(1).pptx
PEMOGRAMAN WEB & PERANGKAT BERGERAK
Materi-1 Dasar dasar Web-dan-HTML-php.ppt
hhh
pemrograman web
17. Memahami Web.pptx
Pertemuan Dasar Pemrograman Web.pdf
pertemuan_pertama_teori.ppt
pertemuan_pertama_teori.ppt
Pemrograman Web Dinamis
Konsep teknologi web
Konsep Teknologi Web
Pemrograman Web 1 - Pengenalan Web Dasar
Presentasi Pengantar Web (2)aaaaaaaaaaaaaaaaaaaaaaaa.pptx
pemrogaman web part 1 untuk pembelajaran .ppt
Modul dasar pemrograman web
M1_Pengantar Java Website Aplikasi Online.pdf
file_2013-07-14_21_06_21_Heru_Lestiawan,_M.Kom__si-8-2.ppt
Buku pemrograman web html-css-javascript
Ad

Recently uploaded (9)

PDF
Struktur Data - 1 Kontrak Perkuliahan
PDF
Struktur Data - 4 Pointer & Linked List
PDF
Struktur Data - 3 Array: Konsep & Implementasi
PPTX
Pengantar Kriptografi - Keamanan dan Data Privasi
PPTX
Materi_Array_Karakter_String untuk kelas XI sma.pptx
PPTX
Fiber_expert_development_program_rev.1.pptx
PDF
Rekomendasi Riset Lanjutan : perspektif_futurologis.pdf
PPTX
BAHASA MELAYU STANDARD kwjekqjeljwqelkqw
PDF
Struktur Data - 2 Pengantar Struktur Data
Struktur Data - 1 Kontrak Perkuliahan
Struktur Data - 4 Pointer & Linked List
Struktur Data - 3 Array: Konsep & Implementasi
Pengantar Kriptografi - Keamanan dan Data Privasi
Materi_Array_Karakter_String untuk kelas XI sma.pptx
Fiber_expert_development_program_rev.1.pptx
Rekomendasi Riset Lanjutan : perspektif_futurologis.pdf
BAHASA MELAYU STANDARD kwjekqjeljwqelkqw
Struktur Data - 2 Pengantar Struktur Data
Ad

PW2_Dasar Pemrograman WEB.ppt

  • 2. Apakah World Wide Web ? WWW : sebuah system web yang menyimpan informasi yang bisa berupa text, animasi, graphic/ images, sound dan video.  Web : ruang informasi dalam Internet yang menggunakan teknologi Hypertext, penemuan informasi mengikuti link yang disediakan dalam dokumen web  Browser web : suatu aplikasi end user yang digunakan oleh user untuk membuka web site di Internet.  Server web : komputer yang digunakan untuk mengelola dokumen-dokumen web  Web memudahkan user untuk berinteraksi dengan pelaku Internet lainnya dan menelusuri informasi di Internet
  • 3. Bagaimana WWW Bekerja ? Informasi web disimpan dalam dokumen yang disebut web page Web page adalah file-file yang disimpan dalam komputer yang disebut web servers Komputer yang membaca web page disebut web client Web client menampilkan page menggunakan program yang disebut web browser
  • 5. DNS  (Domain Name Server) adalah server yang digunakan untuk mengetahui IP Address suatu host lewat host name-nya. Dalam dunia internet, komputer berkomunikasi satu sama lain dengan mengenali IP Address-nya.
  • 6. Aplikasi Web Aplikasi Web dapat dibagi menjadi 2 macam: 1. Web Statis dan 2. Web Dinamis
  • 7. Web Statis Web statis dibentuk dengan menggunakan HTML saja Kekurangan Web statis terletak pada keharusan untuk memelihara halaman Web secara terus-menerus setiap ada perubahan informasi
  • 8. Web Dinamis Isi halaman bersifat dinamis, dapat mengikuti perubahan isi database Pengertian Web dinamis terkadang diartikan sebagai halaman Web yang dilengkapi dengan gambar-gambar bergerak Web dinamis dapat digunakan untuk membentuk aplikasi interaktif, yang memungkinkan pemakai tak hanya memperoleh informasi terkini tetapi juga dapat melakukan perubahan data. Misalnya:  Untuk pengisian KRS  Perubahan data pribadi  Pengisian berita baru  dll Web dinamis dibentuk dengan menambahkan perangkat lunak tambahan, seperti ASP atau PHP
  • 9. Prinsip Kerja Web Berbasis HTML 1. Browser meminta sebuah halaman ke suatu situs 2. Permintaan diterima oleh Web server (server yang bertanggung jawab melayani permintaan browser) 3. Web server segera mengirimkan halaman HTML yang diminta ke klien) 4. Browser pada klien segera menampilkan dokumen HTML berdasarkan kode-kode yang terdapat pada HTML
  • 10. Prinsip Kerja Web Berbasis HTML Klien Web server Browser Permintaan HTTP (sesuatu.html) Kode HTML Tanggapan HTTP
  • 11. Prinsip Kerja Web Dinamis (Contoh dengan PHP) Klien Web server Browser Permintaan HTTP (sesuatu.php) Kode HTML Tanggapan HTTP Skrip PHP Mesin PHP
  • 12. Konsep Pemograman Web Client Server Request HTTP Mis. http://uny.ac.id/ Halaman http Web server software + Script Server Side Nama File Nama Direktori Nama host/server
  • 13. Komponen Pendukung Software Server  Software yg digunakan untuk menangani permintaan client, misalnya untuk web (Apache,IIS,Xitami,PWS), e-mail (qmail, SecureMail) dll. Software script server side  Software yg digunakan untuk proses khusus yg terjadi di server, misalnya database dll. software ini antara lain PHP Script, ASP Script, JSS, VBScript
  • 14. Komponen Pendukung Software Editor  Digunakan untuk pengetikan/pembuatan halaman web baik itu script-nya maupun html-nya, misalnya : MSFrontpage, Macromedia (Dreamweaver, Firework, Flash), Notepad, PHPCoder, dll.
  • 15. PEMBUATAN WEB Menggabungkan semua unsur text, gambar, foto, animasi, suara ke dalam suatu halaman yang saling berhubungan satu sama lain dengan bahasa html dan bahasa pemrograman internet lainnya.

Editor's Notes

  • #3: Hypertext adalah text yang berhubungan dengan dokumen lain atau teks yang nge-link ke informasi lain. Pada link dalam dokumen hypertext apabila di klik, maka dapat dengan cepat menuju/ melompat ke konten yang berbeda.
  • #9: ASP yang dimaksud di sini adalah Active Server Pages yaitu bahasa pemrograman buatan Microsoft yang memadukan antara server-side scripting dan HTML. Fungsinya adalah untuk membuat sebuah halaman web yang dinamis (dynamic pages). Bahasa ini merupakan fasilitas yang diberikan oleh Microsoft untuk memudahkan programmer dalam membuat aplikasi web server.
  • #11: HTTP adalah bagian yang penting dan tidak terpisahkan pada proses browsing, pengiriman file, dan berbagai hal yang berhubungan dengan aplikasi web. Kenapa penting? Yuk simak ulasan lengkapnya pada artikel ini. protokol HTTP (Hypertext Transfer Protocol) berhubungan dengan hypertext sehingga banyak mengambil sumber daya dari sebuah tautan –sebuah jenis berkas yang bertindak sebagai referensi ke berkas lainnya atau direktori. Protokol HTTP menyediakan kumpulan perintah di dalam komunikasi antar jaringan. Komunikasi tersebut berlangsung antara web server dengan komputer client atau sebaliknya. Di dalam komunikasi ini, komputer client melakukan permintaan dengan mengakses alamat IP atau domain (URL). Kemudian web server mengelola permintaan tersebut sesuai dengan kode yang dimasukkan.