TEKNOLOGI OPEN

SOURCE
Oleh:
Adidtya Perdana, ST, M.Kom
PERTEMUAN 7

WEB TECHNOLOGY
INTERNET

• Internet adalah Jaringan komunikasi

global yang terbuka dan menghubungkan
jutaan jaringan komputer, malalui
sambungan telepon umum maupun pribadi.
Berikut ini adalah Terminologi dari Internet:
• Client : Sejumlah komputer didalam
jaringan yang meminta layanan (request
services) dari komputer lain didalam
jaringan tersebut.
• Server : Sejumlah komputer yang
mengirimkan permintaan (melayani
permintaan) dari komputer client,
melakukan proses dan mengirimkan
hasilnya.
• Web Page : Sejumlah halaman yang ada di
host internet.
• Web Development : Suatu proses
pembuatan dan modifikasi suatu halaman
web.
WWW

• World Wide Web (WWW) adalah layanan Internet yang paling populer saat
ini.
• WWW adalah halaman-halaman website yang dapat saling terkoneksi satu
dengan lainnya (hyperlink) yang membentuk suatu ruang informasi di
mana sumber sumber daya yang berguna diidentifikasi oleh pengenal
global yang disebut Uniform Resource Locator (URL)
• Tahun 1989, Tim Berners Lee, sarjana fisika pada riset Nuklir Swiss
(CERN) menciptakan HyperText Markup Language (HTML)
• Berners Lee saat ini memimpin WWW Consorsium (W3C) lembaga yang
menyusun standarisasi HTML dan dokumen web.
WWW

• WWW berjalan dengan

protokol HyperText
Transfer Protokol (HTTP)
• Halaman Web
merupakan file teks
murni (plain text) yang
berisi code HTML yang
dapat
dibuka/dilihat/diterjema
hkan dengan Internet
Browser
• Sintaks HTML mampu
memuat konten gambar
audio, video dan
animasi.
CARA KERJA WEB

• HTTP adalah protocol yang membuat web dapat berjalan.

• HTTP berkerja berdasarkan request response (sebuah HTTP melayani
pengguna hanya jika ada request).
• Protokol adalah sebuah aturan atau standar yang mengatur atau
mengijinkan terjadinya hubungan, komunikasi, dan perpindahan data
antara dua atau lebih titik komputer.
• Protokol dapat diterapkan pada perangkat keras, perangkat lunak atau
kombinasi dari keduanya Pada tingkatan yang terendah, protokol
mendefinisikan koneksi perangkat keras.
• Transmission Control Protocol/Internet Protocol (TCP/IP) adalah
standar komunikasi data yang digunakan oleh komunitas internet dalam
proses tukar menukar data dari satu komputer ke komputer lain di dalam
jaringan Internet
CARA KERJA WEB

PROSES
• User mengetik URL dibrowser
• Browser menghubungi server pada alamat URL
• Setelah terhubung, browser mengirimkan HTTP request
• Server menjawab dengan mengirim HTTP response (berisi header dan isi
dokumen)
• Untuk dokumen yang terdiri atas beberapa file (misalnya dokumen bergambar),
browser harus mengirimkan HTTP request lagi untuk setiap file
• Browser menampilkan semua isi dokumen kepada user
CARA KERJA WEB

• HTTP request
response dibuat
untuk setiap
Resource yang
digunakan dalam
pertukaran data.
CARA KERJA WEB

MODEL KOMUNKASI TCP/IP

• TCP/IP merupakan protokol
jaringan yang bersifat connection
oriented Koneksi TCP/IP bekerja
dengan diawali dengan 3-way
handshakeThree-way Handshake
adalah proses pembuatan koneksi
TCP yang bertujuan melakukan
sinkronisasi terhadap nomor urut
dan nomor acknowledgement
yang dikirimkan oleh kedua host
dan saling bertukar ukuran TCP
Window.
CARA KERJA WEB
CARA KERJA WEB
CARA KERJA WEB

Perbedaan versi HTTP

• 1990 – HTTP/0.9
• 1996 – HTTP/1.0
• 1999 – HTTP/1.1
• 2015 – HTTP/2
CARA KERJA WEB

Perbedaan versi HTTP

• 1990 – HTTP/0.9
• 1996 – HTTP/1.0
• 1999 – HTTP/1.1
• 2015 – HTTP/2
CARA KERJA WEB

Perbedaan versi HTTP

• 1990 – HTTP/0.9
• 1996 – HTTP/1.0
• 1999 – HTTP/1.1
• 2015 – HTTP/2
CARA KERJA WEB

HTTP Method
• GET
• HEAD
• POST
• OPTIONS
• PUT
• DELETE
• TRACE
• CONNECT
URL & URI

URL URI
• Uniform Resource Locator adalah • Uniform Resource Identifier
rangkaian karakter menurut suatu adalah sebuah untaian karakter
format standard tertentu, yang yang digunakan untuk
digunakan untuk menunjukkan mengidentifikasi nama, sumber,
alamat suatu sumber seperti atau layanan di internet.
dokumen dan gambar di internet.
URL & URI
• URL (Uniform Resource Locator)
• URL digunakan oleh sebuah
browser untuk mengidentifikasi
sumber daya yang ada di internet
yang dituliskan dalam satu baris
teks.
• URL merupakan bagian dari URI
• URL menunjuk ke suatu halaman
web yang menggunakan “scheme”
tanpa menggunakan code
fragment.
• Contoh : unhar.harapan.ac.id
URI (Uniform Resurce Identifier)
URI digunakan browser untuk
mengidentifikasi dokumen tunggal dan
dituliskan dalam satu baris teks.
URI digunakan untuk mengidentifikasi
suatu resource dengan lokasi atau
nama, ataupun keduanya.
URI menunjuk ke suatu halaman web,
termasuk lokasi code fragmentnya
(apabila ada) dan “scheme”.
Contoh :
unhar.harapan.ac.id/index.php/tujuan
-dan-sasaran/
WEB STATIS DAN DINAMIS
• Web Statis : website yang isi
tampilannya selalu sama dan tidak
akan pernah berubah kapan pun
kita melihatnya Dikembangkan
dengan teknologi HTML standar.
• jenis Website yang mana
penggunanya tidak bisa merubah
kontent dari Web tersebut secara
langsung menggunakan Browser.
• Interaksi yang terjadi antara
pengguna (client) dan server
hanyalah seputar pemrosesan link
saja.
• Web Dinamis : website yang isi
tampilannya tidak statis, dibuat
dengan menggunakan pemrograman
web ( Animasi Interaktif (Mis Flash,
Java Applet).
• jenis Website dengan interaksi yang
terjadi antara pengguna dan server
sangat kompleks.
• Di mana seseorang (Client) dapat
mengubah Content dari halaman
tertentu dengan menggunakan
Browser.
• Request yang dikirimkan oleh
pengguna dapat diproses oleh server
untuk kemudian ditampilkan dalam isi
yang berbeda-beda menurut alur
programnya.
WEB STATIS DAN DINAMIS
WEB SERVER & WEB CLIENT

• Web Server adalah sebuah

atau beberapa komputer
yang difungsikan untuk
melayani layanan/service
http (hypertext transfer
protocol).
• Sebuah/beberapa
komputer dapat dibuat
menjadi web server dengan
cara menginstall software
web server seperti
APACHE, IIS, PWS, Xitami
dan lainnya.
• APACHE adalah web server
open source yang paling
banyak digunakan di
Internet (hampir 60%).
WEB SERVER & WEB CLIENT

• Web browser (Web Client) merupakan • Standar HTML baru HTML 5 dan CSS 3
suatu software yg dijalankan pada dikembangkan agar dapat dibaca dan
ditampilkan sama pada browser apapun
komputer user/client untuk crossbrowser
menampilkan informasi dalam
• Crossbrowser website ditampilkan sama
dokumen web untuk semua jenis browser
• Web browser yang populer saat ini
• Google Chrome (Windows, Mac & Linux)
• MS Internet Explorer (Windows)
• Mozilla Firefox (Windows, Mac & Linux)
• Safari (Mac, Windows)
• Netscape Navigator/Communicator
(Windows & Linux)
• Opera (Windows, Mac & Linux)
• lynx, berbasisteks(Linux)
PEMROGRAMAN WEB
CLIENT SIDE SCRIPT
Script yang ditambahkan dalam dokumen html, dieksekusi
oleh browser client.
Contoh: HTML, CSS, JavaScript, VBScript, JavaApplets,
ActiveXcontrols
CLIENT SIDE SCRIPT : ADVANTAGE
• Waktu proses relatif cepat karena langsung dieksekusi
oleh browser client
• Tidak memerlukan web server untuk hosting
• Dapat dieksekusi langsung oleh berbagai browser
CLIENT SIDE SCRIPT : DISADVANTAGE
• Script bisa dilihat oleh pengguna
• Script dapat di copy paste
• Tidak cocok untuk akses data atau database
SERVER SIDE SCRIPT
Script yang ditambahkan dalam dokumen html, dieksekusi
oleh server, hasilnya dalam bentuk html yang dikirim ke
client.
Contoh: ASP/ASP.Net, PHP, CGI, JSP, Ruby, Perl, Server-side
JavaScript, dll
SERVER SIDE SCRIPT : ADVANTAGE
• Script tidak bisa dilihat oleh pengguna, sehingga tidak
dapat di copy paste
• Cocok untuk akses data atau aplikasi database
• Untuk membuat fitur fitur tertentu yang berguna,
misalnya hit counter, user manajemen, disain yang
dinamis, CMS, dll
SERVER SIDE SCRIPT : DISADVANTAGE
• Waktu proses relatif lebih lambat karena dieksekusi oleh
server
• Memerlukan web server untuk hosting
PEMROGRAMAN WEB

PEMROSESAN SCRIPT
KATEGORI WEBSITE

• Website Personal, yaitu situs yang digunakan untuk menceritakan tentang

biografi diri, pengalaman pribadi, dll. Contoh : Blog Pribadi.
• Website Komersial (Company Profile / Online Shop), yaitu situs yang
dipakai untuk menunjukkan produk dan jasa suatu perusahaan, atau
juga dapat melakukan transaksi penjualan online (dengan sistem
shopping cart system). Domain yang biasa digunakan .com, .co.id, dll.
• Website Instansi/Pemerintahan situs jenis ini hanya boleh dipakai untuk
keperluan website pemerintahan yang resmi. Domain untuk negara
Indonesia menggunakan .go.id.
• Website Non-Profit, website jenis-jenis ini biasanya digunakan hanya
untuk yayasan, sekolahan, dll. Domain yang biasa digunakan .org, .edu,
dll.
KATEGORI WEBSITE

• Search Engine: Google, Bing

• Social Media: Facebook, Twitter, Plurk, Instagram
• Cloak URL/Short URL: Adf.ly, Bit.ly, Short.us
• Social Bookmark: Feedburner, Lintas.me
• Web directory: Dmoz.org, AboutUs.org
• Web Portal:
• News: Detik, Yahoo, Kompas, CNN
• Game: Lytogame, Gemscool, Prodigy
• Online Store: Amazon, Bhinneka, FastnCheap
• Forum: Ads-id, Kaskus, Kampoeng, Pemrogramanweb
DOMAIN DAN DNS

• Domain dalam Internet adalah nama unik yang diberikan untuk

mengidentifikasi nama server komputer seperti web server atau email
server di jaringan komputer ataupun internet. Nama domain ini juga
dikenal sebagai sebuah kesatuan dari sebuah situs web. Contohnya
uns.ac.id.
• Nama domain kadang-kadang disebut pula dengan istilah URL, atau
alamat website.
• Sistem Penamaan Domain (Domain Name System – DNS) adalah sebuah
sistem yang menyimpan informasi tentang nama host ataupun nama
domain dalam bentuk basis data tersebar (distributed database) di dalam
jaringan komputer. Menurut browser Google Chrome, DNS adalah layanan
jaringan yang menerjemahkan nama situs web menjadi alamat internet.
TLD (TOP LEVEL DOMAIN)

Aturan Penamaan domain diatur oleh Organisasi Pengatur

Domain IANA (Internet Assigned Numbers Authority). IANA
mengatur pemakaian ranah internet tingkat atas yang
disebut dengan istilah Top Level Domain (TLD). Berikut
adalah klasifikasi TLD.
 Country Code Top Level Domains (ccTLD)
Digunakan untuk kode negara atau wilayah. Berikut adalah beberapa contoh
ccTLD.
• .id = Indonesia
• .my = Malaysia
• .sg = Singapura
• .uk = Inggris
• .us = Amerika Serikat
• .jp = Jepang
• .id = Indonesia
TLD (TOP LEVEL DOMAIN)

 Generic Top Level Domains (gTLD)

Dipergunakan oleh macam-macam organisasi. Berikut adalah pengelompokan
gTLD menurut kepentingannya.
• .com = Komersial
• .net = Jaringan
• .gov = Pemerintah (eksklusif untuk pemerintah Amerika Serikat)
• .mil = Militer (eksklusif untuk militer Amerika Serikat)
• .info = Informasi
• .aero = Industri pesawat terbang

 Infrastructure Top Level Domains

Satu-satunya yang diterima adalah .arpa. Sementara
domain .root ada tapi tanpa kejelasan mengenai untuk
apa keberadaannya.
gTLD GENERASI TERBARU

• TLD baru telah dirilis ke internet di tahun

2014 ini. Ada banyak gTLD baru yang
diluncurkan untuk memberi kesempatan bagi
siapapun untuk membuat identitas baru.
• Contoh gTLD baru: .tips, .voyage, .diamonds,
.enterprises, .club, .buzz, .coffee, .florist,
.house, .international, .solar, .holiday,
.marketing
gTLD GENERASI TERBARU

• .guru: 49,1%
• .gallery: 9,5%
• .photography:7,16%
• .holdings: 6,26%
• .estate: 5,37%
• .bike: 4,34%
• .ventures: 3,96%
• .clothing: 3,7%
• .singles: 2,55%
• .equipment: 2,04%
• .lighting: 1,66%
• .plumbing: 1,44%
• .graphics: 1,27%
• .camera: 1,02%
HOSTING

 Hosting adalah jasa layanan internet yang menyediakan sumber daya server-server
untuk disewakan sehingga memungkinkan organisasi atau individu menempatkan
informasi di internet berupa HTTP, FTP, EMAIL, atau DNS.

 Jenis Hosting:
• Shared hosting adalah server hosting yang digunakan bersama-sama dengan pengguna
lain, satu server dipergunakan oleh lebih dari satu nama domain.
• VPS (Virtual Private Server) atau VPS (Virtual Dedicated Server) merupakan proses
virtualisasi dari lingkungan software sistem operasi yang dipergunakan oleh server. Satu
Dedicated Server dapat dibagi menjadi beberapa VPS kecil.
• Dedicated server adalah penggunaan satu server utuh yang tidak dibagi dengan klien
lainnya.
• Colocation server adalah layanan penyewaan tempat untuk meletakkan server yang
dipergunakan untuk hosting.
ANY QUESTION…?
LATIHAN

BUATLAH RANGKUMAN DARI PERTEMUAN HARI INI KEDALAM

KERTAS TULIS TANGAN.

HASIL DI SCAN.
TUGAS

• Carilah di internet maupun dari buku tentang

“TEKNOLOGI WEB TERBARU YANG DIGUNAKAN
DALAM KEHIDUPAN SEHARI-HARI”
• Buat dalam bentuk file dokumen.
• Tugas perorangan.
• Dilarang kerja sama dan Copy Paste langsung dari internet.
• Gunakan lah kata-kata sendiri.
Thank You for Your Attention

See You Next Week….