PEMOGRAMA

N WEB
&
PERANG
KAT
BERGER
Konsep teknologi aplikasi
web
• Konsep www
• Teknologi aplikasi web
• Macam-macam browser
• Konsep Web server
• Macam-macam software webserver.
• Macam-macam editor teks.
• Tool pengembang web
Konsep WEB
WWW

WWW

Jaringan yang terdiri dari Gambar, teks & suara yang didapat dari
internet menggunakan Browser
1. Hypertext
 Diemukan oleh:
HYPERTEXT
Teks-teks tertulis non-
sekuensial yang
memiliki percabangan
dan menyediakan
pembaca berbagai
pilihan, sebagai bacaan
yang menarik pada
layar interaktif.
Jenis
Hypertext
• HYPERTEXT TRANSFER PROTOKOL (HTTP)
• Protokol yang digunakan oleh World Wide Web untuk mendefinisikan
bagaimana suatu pesan bisa diformat dan dikirimkan dari server ke client.
• HYPERTEXT MARKUP LANGUAGE (HTML)
• Bahasa yang menggunakan tanda-tanda tertentu (Tag) untuk menyatakan
kode-kode yang harus ditafsirkan oleh browser agar halaman tersebut dapat
ditampilkan secara benar.
 Media yang tidak
hanya memuat
teks saja, namun
juga foto, audio
dan video dan
grafis komputer

2. Hypermedia
 Software yang
digunakan untuk
menjelajah internet
atau untuk mencari
informasi dari suatu
web yang
tersimpan didalam
komputer

3. Web browser
 Software yang
memberikan
layanan database,
berfungsi
menerima
permintaan dari
HTTP atau HTTPS

4. Web server
 (Uniform Resource
Locator) rangkaian
karakter menurut
suatu format standar
tertentu, yang
digunakan untuk
menunjukkan alamat
di internet
5. URL
POSISI UR
L
 http://smk-alazhar-batam.blogspot.co.id/p/tentang.html

Hypertext Trasnfer Protocol Direktori server

Alamat Domain web server File yang diakses

di server
Sejarah
Web

Sir Timothy John

• Web
pertama kali
tersambung
dengan
jaringan pada
tahun 1991
• Tujuan Timothy merancang web adalah
• Untuk mempermudah pekerjaannya memperbarui serta saling
tukar informasi bagi peneliti di tempatnya bekerja.
• Pada30 April 1993
• CERN, perusahaan tempat
Timothy bekerja
• mengumumkan jika
• Web sudah bisa digunakan
publik dengan gratis tanpa
biaya.
Teknologi aplikasi
web
Cari
DAT
A
TCP/IP

TCP/IP

ISP
Server Hosting

User & Komputer Klien

BROWSE
R
• Adalah perangkat lunak yang berfungsi untuk
menerima dan menyajikan sumber informasi di
Internet.
• Macam – macam browser
• Google chrome
• Mozilla Firefox
• Opera
• Internet explorer
 Konsep Web WEB SERVER

Server
CLIENT

Page
Page Request

Page

Page Request
Macam-macam editor
teks.

Pada dasarnya text editor hanyalah

tempat untuk meletakkan barisan-
barisan code (script).
Namun akhir-akhir ini para publisher berlomba-
lomba memberikan editor yang keren, mudah
digunakan, dan memiliki banyak fitur-fitur keren
lainnya.
 Sublime-Text
NOTEPA
D

NOTEPAD ++
Tool pengembang
web
Web
Browser

Karena web ditampilkan dalam browser,

tentunya browser merupakan perangkat
utama yang harus dimiliki oleh seorang
pengembang web.
 Dalam melakukan pengembangan, sering kali kita
Debugg menemukan banyak masalah pada script.

er

Untuk menyelesaikan masalah tersebut, kita harus

dapat mengerti kenapa masalah bisa muncul, dan
lalu mencari solusi dari permasalahan tersebut.
Text
Editor

Tentu saja ini adalah perangkat wajib yang harus

dimiliki seorang programmer, untuk melakukan
pengembangan apapun.