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

Similar to WWW Dasar Pemrograman

Konsep Teknologi Web
Konsep Teknologi WebKonsep Teknologi Web
Konsep Teknologi WebTeukuMahawira
 
Konsep teknologi web
Konsep teknologi webKonsep teknologi web
Konsep teknologi webTeukuMahawira
 
Konsep teknologi web
Konsep teknologi webKonsep teknologi web
Konsep teknologi webTeukuMahawira
 
Kel 1 Jarkom web server-1.pptx
Kel 1 Jarkom web server-1.pptxKel 1 Jarkom web server-1.pptx
Kel 1 Jarkom web server-1.pptxssuser4ba3f2
 
konfigurasi web server
konfigurasi web serverkonfigurasi web server
konfigurasi web serverMuhammad Anang
 
Pertemuan 1-A
Pertemuan 1-APertemuan 1-A
Pertemuan 1-Azaenald i
 
Pertemuan 1 a
Pertemuan 1 aPertemuan 1 a
Pertemuan 1 af fr
 
Pertemuan 1 a
Pertemuan 1 aPertemuan 1 a
Pertemuan 1 aai as
 
Pertemuan 1 a
Pertemuan 1 aPertemuan 1 a
Pertemuan 1 af fr
 
Pertemuan 1 a
Pertemuan 1 aPertemuan 1 a
Pertemuan 1 af fr
 
Pertemuan 1 a
Pertemuan 1 aPertemuan 1 a
Pertemuan 1 aAldy Aldy
 
Tugas 2 ihsan riadi - 1412511162
Tugas 2   ihsan riadi - 1412511162Tugas 2   ihsan riadi - 1412511162
Tugas 2 ihsan riadi - 1412511162ihsan riadi
 
Perkembangan web server di Linux
Perkembangan web server di LinuxPerkembangan web server di Linux
Perkembangan web server di LinuxApriyanto Gafur
 
Tugas rekweb 2 individu
Tugas rekweb 2 individuTugas rekweb 2 individu
Tugas rekweb 2 individuFani Heryati
 
Makalah web server debian 6 - refzqi
Makalah web server debian 6 - refzqiMakalah web server debian 6 - refzqi
Makalah web server debian 6 - refzqisafei123
 

Similar to WWW Dasar Pemrograman (20)

Konsep Teknologi Web
Konsep Teknologi WebKonsep Teknologi Web
Konsep Teknologi Web
 
Konsep teknologi web
Konsep teknologi webKonsep teknologi web
Konsep teknologi web
 
Konsep teknologi web
Konsep teknologi webKonsep teknologi web
Konsep teknologi web
 
Kel 1 Jarkom web server-1.pptx
Kel 1 Jarkom web server-1.pptxKel 1 Jarkom web server-1.pptx
Kel 1 Jarkom web server-1.pptx
 
10. m 12 pertemuan 23
10. m 12 pertemuan 2310. m 12 pertemuan 23
10. m 12 pertemuan 23
 
konfigurasi web server
konfigurasi web serverkonfigurasi web server
konfigurasi web server
 
hhh
hhhhhh
hhh
 
Pertemuan 1-A
Pertemuan 1-APertemuan 1-A
Pertemuan 1-A
 
Pertemuan 1 a
Pertemuan 1 aPertemuan 1 a
Pertemuan 1 a
 
Pertemuan 1 a
Pertemuan 1 aPertemuan 1 a
Pertemuan 1 a
 
Pertemuan 1 a
Pertemuan 1 aPertemuan 1 a
Pertemuan 1 a
 
Pertemuan 1 a
Pertemuan 1 aPertemuan 1 a
Pertemuan 1 a
 
Pertemuan 1 a
Pertemuan 1 aPertemuan 1 a
Pertemuan 1 a
 
Pertemuan 1 a
Pertemuan 1 aPertemuan 1 a
Pertemuan 1 a
 
Sejarah web server
Sejarah web serverSejarah web server
Sejarah web server
 
Tugas 2 ihsan riadi - 1412511162
Tugas 2   ihsan riadi - 1412511162Tugas 2   ihsan riadi - 1412511162
Tugas 2 ihsan riadi - 1412511162
 
02 Teknologi Web
02 Teknologi Web02 Teknologi Web
02 Teknologi Web
 
Perkembangan web server di Linux
Perkembangan web server di LinuxPerkembangan web server di Linux
Perkembangan web server di Linux
 
Tugas rekweb 2 individu
Tugas rekweb 2 individuTugas rekweb 2 individu
Tugas rekweb 2 individu
 
Makalah web server debian 6 - refzqi
Makalah web server debian 6 - refzqiMakalah web server debian 6 - refzqi
Makalah web server debian 6 - refzqi
 

WWW Dasar Pemrograman

  • 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

  1. 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.
  2. 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.
  3. 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.