PEMOGRAMAN

WEB &
PERANGKAT
BERGERAK
Tutor: Afrinaldy, S. Kom, MOS
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 WWW WEB

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 URL
 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.
• Pada 30 April 1993
• CERN, perusahaan
tempat Timothy
bekerja
• mengumumkan jika
Web sudah bisa
digunakan publik
dengan gratis tanpa
biaya.
Teknologi aplikasi web

Cari
DATA

TCP/IP

TCP/IP

ISP
Server Hosting

User & Komputer Klien

BROWSER
• 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 Server WEB 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
NOTEPAD

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
menemukan banyak masalah pada script.
Debugger

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.