PEMROGRAMAN WEB

DAN PERANGKAT
BERGERAK
XI REKAYASA PERANGKAT LUNAK
 KOMPETENSI DASAR

3. 1 Memahami konsep teknologi aplikasi web

 
4. 1 Mempresentasikan pelbagai teknologi pengembangan
aplikasi web
 TUJUAN PEMBELAJARAN
1. Menjelaskan konsep world wide web (www).
2. Menjelaskan konsep teknologi aplikasi web.
3. Menjelaskan berbagai teknologi aplikasi web.
4. Menjelaskan penggunaan aplikasi berbasis web.
5. Menjelaskan cara menjalankan aplikasi web menggunakan browser.
6. Menjelaskan aplikasi web server.
7. Menjelaskan instalasi paket aplikasi web server.
8. Menjelaskan penggunaan web direktori dalam web server.
9. Mempresentasikan berbagai teknologi web.
10.Mengistalasi paket aplikasi web server.
11.Menguji hasil instalasi web server
12.Menginstalasi aplikasi editor text.
13.Menjalankan aplikasi web dengan dengan browser
A. Konsep Word Wide Web
Web, atau World Wide Web (W3), pada dasarnya adalah sistem server
Internet yang mendukung dokumen yang diformat secara khusus.

Dokumen tersebut diformat dalam bahasa markup yang disebut HTML

(HyperText Markup Language) yang mendukung tautan ke dokumen
lain, serta file grafik, audio, dan video.
WWW terdiri dari seluruh situs web yang tersedia kepada publik. Halaman-halaman
sebuah situs web (web page) diakses dari sebuah URL (Uniform Resource Locator
)

Secara terminologi, website adalah kumpulan dari halaman-halaman situs yang

biasanya terangkum dalam sebuah domain atau subdomain yang mana tempatnya
berada di dalam World Wide Web (WWW) di Internet.
Apakah Mereka Sama ?

W W W
INTER
NET
 PERBEDAAN

Jika Internet adalah sebuah rel maka WWW menjadi

kereta apinya
Internet menghubungkan banyak komputer sedangkan
WWW menghubungkan banyak halaman web
Internet menggunakan IP Number sedangkan WWW
menggunakan URL
Internet menggunakan kabel atau wireless sedangkan
WWW menggunakan hyperlink
B. Teknologi Aplikasi Web

HTML (Hyper Text Markup Language) merupakan bahasa standar web yang didefinisikan dan
dikelola penggunaannya oleh W3C (World Wide Web Consurtium). HTML dibuat dan
dikembangkan oleh Tim Berners-Lee yang selanjutnya bahasa tersebut dipopulerkan oleh
browser Mosaic.

- HTML Versi 1.0

- HTML Versi 5.0 dirilis tahun 2009
Konten WEB TEKNOLOGI WEB
 WEB STATIS
Web statis adalah web yang kontennya atau isinya tidak berubah-ubah. Maksudnya adalah
konten pada web tersebut jarang di-update oleh pemilik web tersebut. Jika kontennya di
update, maka harus mengubah script dokumen HTML-nya.

WEB DINAMIS
Web dinamis adalah web yang kontennya dapat diubah setiap saat tanpa perlu mengubah
script dokumen HTML-nya. Web ini biasanya memiliki database dan juga halaman
administrator.
 CLIENT SIDE Web Programming

Client side scripting merupakan salah satu jenis bahasa pemrograman web yang proses
pengolahannya dilakukan di sisi client.

SERVER-Side Web Programming

Server side scripting merupakan bahasa pemrograman web yang pengolahannya
dilakukan dalam server. Maksudnya ialah web server telah terintegrasi oleh web engine.
Dalam hal ini, peran web engine ialah memproses semua script yang ada, termasuk
kategori client side scripting
C. Macam – macam Browser

1. Mozila Firefox
2. Internet Explorer
3. Google Crome
4. Opera
5. Safari
6. Microsoft Edge
 D. KONSEP Web Server

• Web Server adalah software yang memberikan

informasi layanan data yang memiliki fungsi
menerima permintaan dari HTTP ataupun HTTPS
dari client (yang disebut dengan browser web)
dan akan mengirimkan kembali hasilnya
berbentuk halaman-halaman web.

Cara Kerja
E. Software WEB Server

 Apache (Open Source)

  Nginx
 Microsoft Internet Information
Service (IIS)
 XAMPP
 WAMP
F. Editor Text

 Notepad
 Notepad ++
 Sublime
 Visual Studio Code
 Dreamweaver
 dll