Kembali ke E-Learning

1/15

Internet dan World Wide Web

www

Fauzi, S.Kom., M.Eng.

Pertemuan 7

Pengantar Teknik Informatika

2/15

Capaian Pembelajaran

Tujuan Pembelajaran

• Memahami konsep dasar Internet dan World Wide Web
• Mengetahui sejarah perkembangan Internet dari ARPANET
• Memahami arsitektur dan infrastruktur Internet
• Menjelaskan cara kerja World Wide Web
• Memahami komponen teknologi web (URL, DNS, HTTP)

Kompetensi

• Dapat membedakan Internet dan World Wide Web
• Mampu menjelaskan infrastruktur Internet global
• Dapat menganalisis cara kerja web browser
• Memahami sistem penamaan domain (DNS)
• Menguasai konsep protokol web (HTTP/HTTPS)

3/15

Definisi Internet

Apa itu Internet?

Internet adalah jaringan komputer global yang menghubungkan jutaan komputer di seluruh dunia menggunakan protokol standar TCP/IP, memungkinkan pertukaran informasi dan komunikasi secara real-time.

Menurut Abdul Kadir (2013)

"Internet merupakan jaringan komputer yang terbesar di dunia karena menghubungkan seluruh jaringan komputer yang ada di dunia"

Menurut Onno W. Purbo

"Internet adalah suatu jaringan komputer yang saling terhubung menggunakan sistem standar global TCP/IP"

Karakteristik Utama Internet:

Global Network

TCP/IP Protocol

Decentralized

24/7 Access

4/15

Sejarah Perkembangan Internet

Timeline Evolusi Internet

1969 - ARPANET

Departemen Pertahanan AS menciptakan ARPANET sebagai jaringan komunikasi militer yang dapat bertahan dari serangan nuklir

1983 - TCP/IP

Protokol TCP/IP diadopsi sebagai standar komunikasi, menggantikan NCP (Network Control Protocol)

1989 - World Wide Web

Tim Berners-Lee di CERN menciptakan World Wide Web dengan protokol HTTP dan bahasa HTML

1995 - Komersial

Internet dibuka untuk penggunaan komersial dan masyarakat umum

Fakta Menarik:

Pesan pertama yang dikirim melalui ARPANET adalah kata "LO" (bagian dari "LOGIN") pada 29 Oktober 1969 antara UCLA dan Stanford Research Institute.

5/15

Infrastruktur Internet Global

Distribusi Konektivitas Internet Global

Tier 1 ISP

Internet Service Provider tingkat atas yang memiliki backbone global

• Verizon, AT&T, Level 3
• Tidak membayar transit
• Peer dengan Tier 1 lainnya

Tier 2 ISP

ISP regional yang membeli transit dari Tier 1

• ISP nasional/regional
• Kombinasi peering & transit
• Melayani pelanggan akhir

Tier 3 ISP

ISP lokal yang melayani pengguna akhir

• ISP lokal/kecil
• Membeli semua akses
• Langsung ke konsumen

Komponen Infrastruktur Internet:

Backbone Network

Kabel fiber optik

Satellite Link

Koneksi satelit

Internet Exchange

IXP peering point

Data Centers

Server farms

6/15

World Wide Web (WWW)

Definisi World Wide Web

World Wide Web (WWW) adalah sistem informasi global yang berjalan di atas Internet, menggunakan protokol HTTP untuk menghubungkan dokumen-dokumen hypertext yang dapat diakses melalui web browser.

Menurut Tim Berners-Lee

"The Web is an information space in which the items of interest, referred to as resources, are identified by global identifiers called URIs"

Komponen Utama WWW:

• HTTP - HyperText Transfer Protocol
• HTML - HyperText Markup Language
• URL - Uniform Resource Locator

Perbedaan Internet vs WWW:

Internet: Infrastruktur jaringan

WWW: Layanan di atas Internet

Karakteristik World Wide Web:

Hyperlinked

Dokumen saling terhubung

Interactive

Antarmuka interaktif

Multimedia

Teks, gambar, video

Searchable

Dapat dicari

7/15

Arsitektur World Wide Web

Arsitektur Client-Server World Wide Web

Web Client (Browser)

Program aplikasi yang digunakan untuk mengakses dan menampilkan halaman web

• Mengirim HTTP Request
• Menerima dan render HTML
• Menjalankan JavaScript
• Menyimpan cookies

Web Server

Komputer yang menyimpan dan mengirimkan halaman web kepada client

• Menerima HTTP Request
• Memproses permintaan
• Mengirim HTTP Response
• Menyediakan file statis/dinamis

Proses Komunikasi WWW:

1️⃣

User Request

User mengetik URL di browser

2️⃣

DNS Lookup

Browser mencari IP address

3️⃣

HTTP Request

Browser mengirim request

4️⃣

Server Response

Server mengirim HTML

Model Request-Response:

WWW menggunakan model komunikasi request-response yang stateless, artinya setiap request dianggap independen dan server tidak menyimpan informasi tentang request sebelumnya.

8/15

Web Browser dan Cara Kerjanya

Arsitektur Internal Web Browser

Komponen Browser

User Interface

Address bar, tombol navigasi, bookmarks

Browser Engine

Mengelola interaksi antara UI dan rendering engine

Rendering Engine

Parse HTML/CSS dan tampilkan konten

JavaScript Engine

Eksekusi kode JavaScript

Proses Rendering

1. Parse HTML

Membaca dan menguraikan kode HTML

2. Parse CSS

Menguraikan stylesheet dan menerapkan style

3. Construct DOM

Membangun Document Object Model

4. Layout & Paint

Menghitung posisi dan menggambar elemen

Browser Populer dan Engine:

Google Chrome

Blink Engine

Mozilla Firefox

Gecko Engine

Safari

WebKit Engine

Microsoft Edge

Blink Engine

9/15

Struktur URL (Uniform Resource Locator)

Komponen Dasar Struktur URL

Definisi URL

URL (Uniform Resource Locator) adalah alamat unik yang digunakan untuk mengidentifikasi dan mengakses sumber daya di World Wide Web. URL memberitahu browser dimana menemukan halaman web atau file tertentu.

Contoh URL Lengkap:

https://www.example.com:443/folder/page.html?id=123&name=test#section1

Protocol (https://)

Protokol komunikasi yang digunakan

Domain (www.example.com)

Nama domain server

Port (:443)

Nomor port server (opsional)

Path (/folder/page.html)

Lokasi file di server

Query (?id=123&name=test)

Parameter tambahan

Fragment (#section1)

Anchor dalam halaman

Protokol Umum:

• HTTP - HyperText Transfer Protocol
• HTTPS - HTTP Secure
• FTP - File Transfer Protocol
• FILE - Local file access

Port Default:

• HTTP: Port 80
• HTTPS: Port 443
• FTP: Port 21
• SSH: Port 22

Karakteristik URL:

• Case-sensitive untuk path
• Karakter khusus di-encode
• Maksimal 2048 karakter
• Harus unik global

10/15

Domain Name System (DNS)

Proses DNS Lookup

Definisi DNS

DNS (Domain Name System) adalah sistem penamaan hierarkis yang menerjemahkan nama domain yang mudah diingat manusia (seperti www.google.com) menjadi alamat IP numerik yang dipahami komputer (seperti 172.217.14.196).

Hierarki DNS

Root DNS Servers

13 server root di seluruh dunia

TLD Servers

.com, .org, .net, .id, dll

Authoritative Servers

Server yang memiliki record domain

Local DNS Resolver

DNS server ISP atau publik

DNS Record Types

A Record Domain → IPv4

AAAA Record Domain → IPv6

CNAME Alias domain

MX Record Mail server

NS Record Name server

Proses DNS Resolution:

1️⃣

User Query

Browser query DNS

2️⃣

Local Cache

Cek cache lokal

3️⃣

Root Server

Query ke root

4️⃣

TLD Server

Query TLD server

5️⃣

Get IP

Dapatkan IP address

11/15

Protokol HTTP dan HTTPS

Definisi HTTP

HTTP (HyperText Transfer Protocol) adalah protokol komunikasi yang digunakan untuk mentransfer data antara web browser dan web server. HTTP mendefinisikan bagaimana pesan diformat dan dikirim di World Wide Web.

HTTP Request

GET /index.html HTTP/1.1

Host: www.example.com

User-Agent: Mozilla/5.0

Accept: text/html

Method: GET, POST, PUT, DELETE

URI: Path ke resource

Version: HTTP/1.1, HTTP/2

Headers: Metadata request

HTTP Response

HTTP/1.1 200 OK

Content-Type: text/html

Content-Length: 1234

Set-Cookie: id=123

Status Code: 200, 404, 500

Headers: Metadata response

Body: HTML, JSON, file

Cookies: Session data

HTTP (Port 80)

✗ Data tidak dienkripsi
✗ Mudah disadap (man-in-the-middle)
✗ Tidak ada verifikasi identitas server
✗ Data dapat dimodifikasi
⚠️ Tidak aman untuk data sensitif

HTTPS (Port 443)

✓ Data dienkripsi dengan SSL/TLS
✓ Aman dari penyadapan
✓ Verifikasi identitas server
✓ Integritas data terjaga
✓ Wajib untuk situs modern

HTTP Status Codes:

2xx

Success

200 OK

3xx

Redirect

301 Moved

4xx

Client Error

404 Not Found

5xx

Server Error

500 Internal Error

1xx

Info

100 Continue

12/15

Teknologi Web Modern

HTML5

HyperText Markup Language - bahasa markup untuk struktur halaman web

• Semantic elements
• Multimedia support
• Canvas & SVG
• Local storage
• Geolocation API

CSS3

Cascading Style Sheets - bahasa untuk styling dan layout halaman web

• Flexbox & Grid
• Animations
• Media queries
• Custom properties
• Responsive design

JavaScript

Bahasa pemrograman untuk interaktivitas dan dinamisme web

• DOM manipulation
• Event handling
• AJAX/Fetch API
• ES6+ features
• Web APIs

Evolusi Web Technologies:

Web 1.0 (1990s)

• Static HTML pages
• Basic CSS styling
• Read-only content
• Simple navigation

Web 2.0 (2000s)

• Dynamic content
• User interaction
• Social media
• AJAX technology

Web 3.0 (2020s)

• Semantic web
• AI integration
• Decentralized
• Blockchain

Frontend Technologies:

React.js JavaScript Library

Vue.js Progressive Framework

Angular Full Framework

Bootstrap CSS Framework

Backend Technologies:

Node.js JavaScript Runtime

PHP Server-side Language

Python Django/Flask

Java Spring Framework

13/15

Perbedaan Internet dan World Wide Web

Kesalahpahaman Umum

Banyak orang menggunakan istilah "Internet" dan "World Wide Web" secara bergantian, padahal keduanya adalah konsep yang berbeda meskipun saling terkait erat.

INTERNET

Definisi:

Infrastruktur jaringan global yang menghubungkan jutaan komputer menggunakan TCP/IP

Fungsi:

• Menyediakan infrastruktur koneksi
• Mengatur routing data
• Memfasilitasi komunikasi

Layanan:

• Email (SMTP)
• File Transfer (FTP)
• Remote Access (SSH)
• World Wide Web (HTTP)

WORLD WIDE WEB

Definisi:

Sistem informasi yang berjalan di atas Internet menggunakan HTTP/HTTPS

Fungsi:

• Menyajikan halaman web
• Menghubungkan dokumen hypertext
• Memfasilitasi browsing

Komponen:

• HTML (struktur)
• HTTP (protokol)
• URL (alamat)
• Web Browser

Analogi Sederhana:

Internet = Jalan Raya

Infrastruktur transportasi yang memungkinkan kendaraan (data) bergerak dari satu tempat ke tempat lain

WWW = Kendaraan

Salah satu layanan (kendaraan) yang menggunakan infrastruktur Internet (jalan raya) untuk beroperasi

14/15

Rangkuman Materi

Konsep Dasar

✓ Internet adalah jaringan global menggunakan TCP/IP
✓ WWW adalah layanan yang berjalan di atas Internet
✓ Internet dimulai dari ARPANET tahun 1969
✓ WWW diciptakan Tim Berners-Lee tahun 1989
✓ Internet memiliki hierarki ISP Tier 1, 2, 3

Teknologi Web

✓ URL mengidentifikasi resource di web
✓ DNS menerjemahkan domain ke IP address
✓ HTTP/HTTPS adalah protokol transfer web
✓ Browser merender HTML, CSS, JavaScript
✓ Web berkembang dari 1.0 ke 2.0 ke 3.0

Poin Penting untuk Diingat

Internet ≠ WWW

Internet infrastruktur, WWW layanan

HTTPS > HTTP

Selalu gunakan koneksi aman

DNS penting

Sistem penamaan internet

Evaluasi

Pertanyaan Diskusi:

Jelaskan perbedaan Internet dan WWW dengan analogi!
Mengapa DNS sangat penting dalam ekosistem web?
Apa keuntungan HTTPS dibanding HTTP?

Tugas Praktik:

Analisis struktur URL dari 5 website berbeda
Trace DNS lookup menggunakan nslookup
Bandingkan loading time HTTP vs HTTPS

15/15

Referensi dan Sumber

Buku Referensi Utama

Pengantar Teknologi Informasi

Abdul Kadir & Terra Ch. Triwahyuni

Penerbit Andi, 2013

Sumber Online

• W3C - World Wide Web Consortium
• Mozilla Developer Network (MDN)
• Internet Society (ISOC)
• GeeksforGeeks Computer Networks
• RFC Documents (IETF)

Materi Lanjutan

• Mata Kuliah: Jaringan Komputer
• Mata Kuliah: Pemrograman Web
• Mata Kuliah: Keamanan Jaringan
• Mata Kuliah: Sistem Terdistribusi
• Sertifikasi: CompTIA Network+

Terima Kasih!

Semoga materi Internet dan World Wide Web ini bermanfaat

Pertemuan selanjutnya: Basis Data dan Sistem Informasi