Materi literasi digital internet dan web.pptx

Modul-10: Teknologi Internet dan Web 2
KONSEP INTERNET
• Internet adalah jaringan dari jaringan komputer di seluruh dunia
• Komputer yang sebelumnya merupakan stand-alone, kini terhubung
dengan host
• Internet sebagai jaringan menggunakan sarana atau media
telekomunikasi
PTKI

SEJARAH INTERNET
• Sejarah Internet dimulai pada tahun 1969 dengan dikembangkannya
ARPAnet (US Defense Advanced Research Projects Agency)
• Tujuannya untuk menghubungkan sejumlah komputer mainframe
yang terdapat di sejumlah universitas di Amerika Serikat
PTKI

TONGGAK SEJARAH
Tahun Peristiwa
1957 ARPA dibentuk oleh DoD AS
1959 Len Kleinrock menulis artikel tentang packet switching
1970 ARPANET menggunakan Network Control Protocol
1972 InterNetworking Working Group (INWG) dibentuk untuk mempromosikan standar yang sudah
disepakati
1973 Gagasan Ethernet dikemukakan oleh Bob Metcalfe dalam disertasinya
1974 Desain TCP/IP dijabarkan secara rinci oleh Vint Cerf dan Rob Kahn
1976 UNIX-to-UNIX Copy (UUCP) dikembangkan oleh Bell Labs
1981 BIBNET beroperasi
1982 TCP/IP menjadi protokol ARPANET
1983 BSD UNIX menggunakan TCP/IP
1984 Jumlah host Internet lebi dari 1.000, Domain Name Service (DNS) lahir
PTKI

TONGGAK SEJARAH
Tahun Peristiwa
1988 Internet Worm melumpuhkan Internet, sekitar 6.000 host terkena dampaknya
1990 DoD menghentikan ARPANET; Tim Berners-Lee mensirkulasikan WWW; browser dan editor WYSIWYG
dikembangkan
1991 Brewster Kahle mengembangkan WAIS; Paul Lindner dan Mark McCahill meluncurkan Gopher; Philip
Zimmerman meluncurkan PGP; CERN meluncurkan WWW
1992 Jumlah host Internet melampau satu juta; browser Viola diluncurkan oleh Pei Wei dan didistribusikan
bersama CERN WWW
1993 NSF membuat InterNIC untuk pelayanan Internet seperti pendaftaran domain; Mosaic versi pertama
dikembangkan oleh Marc Andereesen
1995 Compuserve, America Online, dan Prodiy memberikan layanan akses ke Internet; Perusahaan Marc
Andreesen, Netscape Communication Corporation go public
PTKI

APLIKASI INTERNET
• Internet tidak berguna tanpa aplikasi yang sesuai
• Setiap aplikasi berjalan di atas protokol tertentu
• Protokol adalah satu set aturan yang mengatur bagaimana sejumlah
aplikasi berkomunikasi dalam suatu jaringan
• Perangkat lunak aplikasi yang berjalan di atas suatu protokol disebut
aplikasi client
PTKI

KONSEP dasar WEB
Web  Internet
 Internet adalah seluruh jaringan komputer yang saling
terhubung menggunakan standar sistem global TCP/IP sebagai
protokol pertukaran paket (packet switching communication
protocol) untuk melayani miliaran pengguna di seluruh dunia.
 Web adalah salah satu aplikasi yang berisikan dokumen-
dokumen multimedia (teks, gambar, animasi, video) di
dalamnya yang menggunakan protokol HTTP (hypertext
Transfer protocol) dan untuk mengaksesnya menggunakan
perangkat lunak yang disebut browser.
Perbedaan Utama : Internet adalah hardware; Web adalah software
Banyak aplikasi berbasis internet diantaranya :
Ex : email, telnet, ftp, usenet, Instant Messenger, Napster, …

Lanjutan
Pengertian Situs Web
 Situs web merupakan kumpulan dari halaman web yang sudah
di publikasikan di jaringan internet dan memiliki domain/URL
yang dapat di akses semua pengguna Internet dengan cara
mengetikkan alamatnya.
HTTP
 HTTP (HyperTextTransfer Protocol) adalah protokol yang
dipergunakan untuk mentransfer dokumen dalam World Wide
Web(WWW).
WWW
 World Wide Web adalah halaman-halaman website yang dapat
saling terkoneksi satu dengan lainnya (hyperlink) yang
membentuk samudra belantara informasi.

PENGERTIAN URL dan URI
URL
 Uniform Resource Locator adalah rangkaian karakter menurut
suatu format standar tertentu, yang digunakan untuk
menunjukkan alamat suatu sumber seperti dokumen dan
gambar di Internet.
URI
 Uniform Resource Identifier adalah sebuah untaian karakter
yang digunakan untuk mengidentifikasi nama, sumber, atau
layanan di Internet.

Perbedaan URL dan 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 :
https://uinsatu.ac.id

LANJUTAN
 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 :
https://uinsatu.ac.id/category/pengumuman

Konsep web statis dan dinamis
Web berdasarkan teknologinya terbagi menjadi dua, yaitu :
Web Statis
 Web Statis adalah 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
 Web dinamis adalah 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.

Jenis pemrograman web
Client Side Scripting
 Client Side Scripting adalah salah satu jenis bahasa
pemrograman web yang proses pengolahannya dilakukan di sisi
client. Proses pengolahan client side scripting dilakukan oleh
web browser sebagai clientnya.
 Contoh : HTML, XHTML, CSS, Javascript, XML(Extensible Markup
Language).
Server Side Scripting
 Server Side Scripting adalah bahasa pemrograman web yang
pengolahannya dilakukan di sisi server. Maksud server di sini
adalah web server yang didalamnya telah mengintegrasikan
komponen web engine.
 Contoh : ASP(Active Server Pages), PHP(Hypertext Preprocessor,
JSP(Java Server Pages).

Arsitektur aplikasi berbasis web Client side
scripting
Web Documents
R
Request
HTML
Response
HTML
CLIENT
SERVER

Arsitektur aplikasi berbasis web server side
scripting
Web Documents
R
Data
Request
PHP
Response
HTML
CLIENT
SERVER
Intepreter
PHP

WORLD WIDE WEB
• Web merupakah salah satu aplikasi Internet yang paling populer,
sehingga Web identik dengan Internet
• Secara teknis, web adalah sebuah sistem di mana informasi dalam
berbagai bentuk (teks, gambar, suara, dan lain-lain) yang tersimpan
dalam Webserver disajikan dalam bentuk hypertext
PTKI

FORMAT KONTEN WEB
• Informasi dalam bentuk teks ditulis dalam format HTML (Hypertext
Mark-up Language)
• Informasi grafis dalam bentuk GIF, JPG, PNG; suara dalam format AU,
WAV; dan obyek multi media lainnya dalam bentuk MIDI, Shockwave,
Quicktime Movie, 3D World
PTKI

AKSES WEB
• Web diakses oleh perangkat lunak web client yang disebut browser
• Browser membaca halaman-halaman web yang tersimpan di
webserver melalui protokol HTTP (hypertext transfer protocol)
• Dokumen hypertext dapat memiliki tautan (link) dengan dokumen
lain baik dalam webserver yang sama maupun webserver yang
berbeda
PTKI

SISTEM E-MAIL
• Setiap pemilik e-mail memiliki mailbox pada mailserver
• Pemilik mailbox sewaktu-waktu dapat memeriksa kotak surat,
menjawab, menghapus atau menyunting pesan e-mail
• Layanan e-mail dapat berbasis client (mis: Eudora atau Outlook
Express) atau berbasis web
PTKI

Komponen penyusun web Statis
 Bahasa Pemrograman (Client Side Scripting dan Server Side
Scripting).
 Web Editor digunakan untuk mengetikkan perintah-perintah
dokumen web. Dibagi menjadi 3 yaitu : Editor Teks (Notepad),
Editor WYSIWYG (Dreamweaver), Editor berbasis template
(Rapidweaver dan iweb).
 Web Browser merupakan program yang berfungsi untuk
menampilkan dokumen-dokumen web dalam format HTML. Ex:
Google Chrome, Mozilla Firefox, IE, Opera, dll.
 Image editor adalah program aplikasi yang berfungsi untuk
melakaukan pengolahan gambar/image. Ex: Adobe Photoshop,
Corel Draw, Adobe Flash, dll.

Perkembangan web
 Web 1.0, yaitu teknologi Web generasi pertama yang merupakan
revolusi baru di dunia Internet karena telah mengubah cara kerja
dunia industri dan media. Contoh : Situs berita "cnn.com" atau situs
belanja "Bhinneka.com".
 Web 2.0, yaitu pertama kalinya diperkenalkan oleh O’Reilly Media
pada tahun 2004 sebagai teknologi Web generasi kedua yang
mengedepankan kolaborasi dan sharing informasi secara online.
Contoh : Situs jejaring sosial facebook.com
 Web 3.0, yaitu teknologi web lebih ke arah Web Cerdas atau Web
dengan Engine Kecerdasan Buatan, yang lebih memudahkan user
dalam berinteraksi. Contoh : Web Semantik dan Cloud Computing.

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.

Lanjutan 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

Pengertian 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.

Top level domain (TLD)
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

LANJUTAN
 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 baru
• 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, .co
ffee, .florist, .house, .internati
onal, .solar, .holiday, .marketi
ng

Gtld baru terpopuler
• .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%

Pengertian 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.

web vs desktop
WEB DESKTOP
Intepreter Compiler
Markup Script
Browser Exe File

 Saat mengetik ‘http://www.google.com’ pada browser, kira-
kira apa yang terjadi di belakang layar?
 Urutannya bagaimana sampai muncul halaman ini?

 Komputer kita melakukan request, lalu menterjemahkan ‘nama’
yang kita ketik ke dalam alamat IP / IP address dari website
tersebut (google.com)
 Karena pada akhirnya yang kita akses adalah mesin (server),
dan tiap-tiap mesin memiliki alamat IP tersendiri

IP Address?
• Urutan angka yang menjadi alamat tiap-tiap komputer /
server / terminal yang terhubung ke internet
• w.x.y.z
• Maksimal berapa angka untuk tiap-tiap huruf?
• 255.255.255.255 (maksimal 256 angka untuk tiap huruf)
• Berapa bit yang diperlukan untuk merepresentasikan
IP?
• 32 bit = 28
.28
.28
.28
= 232

IP Address?
• Berapa maksimal IP yang bisa dibuat dengan 32bit?
• + 4 milyar
• Cukup?
• Tidak, tahun ini habis!!!
• 32bit = IPv4
• Teknologi terbaru?
• IPv6
• 128bit = 2128
• 8 x 1028
lebih banyak dari IPv4

 Kita tau bahwa ketika kita mengakses sebuah website,
yang kita akses adalah alamat IP
 Sekarang, komputer / browser tau dari mana jika
google.com itu IP-nya w.x.y.z
 Karena ada DNS (Domain Name System) Server

DNS Server?
• Sebuah server yang dapat mengkonversi IP menjadi
sebuah nama (nama domain)
• Kenapa?
• Karena kita tidak mungkin menghafal alamat ip
• DNS server berisi tabel pasangan ip dan nama domain
• Yang punya server siapa? Komputer kita?
• Bukan
• Pemilik DNS server : server lokal (kampus, kantor, dll),
internet provider, perusahaan domain, root server

DNS Server?
• Kenapa banyak?
• Karena seluruh internet ini terhubung ke pusat, DNS
server yang pertama kali diakses adalah yang terdekat,
jika di dalamnya tidak ada data yang dicari, maka akan
mencari ke DNS server yang lebih tinggi secara hirarki
• Kampus – ISP – Perusahaan Domain – Root Internet

 IP google sudah diketahui
 IP sudah diterjemahkan menggunakan DNS Server
 Sebelum halaman tampil, apa yang terjadi?
 Komputer / browser mengirimkan request / pesan
terlebih dahulu
 Pesan yang dikirimkan disebut HTTP Header
 Salah satu pesan pada header : GET / HTTP/1.1
 Artinya : “komputer meminta (GET) isi dari path ‘/’
menggunakan protokol HTTP versi 1.1”
 Bisa dilihat menggunakan Google Developer Tools pada
Chrome, atau Firebug pada Firefox

Ilustrasinya
• Komputer mengirimkan paket data / ‘amplop’ virtual
• Isi dari amplop adalah pesan “GET / HTTP/1.1“ tadi
• Di depan amplop berisi alamat tujuan (IP Google)
• Di belakang amplop berisi alamat pengirim (IP publik
komputer kita)

Ilustrasinya
27.50.20.214
Dari: Saya

 Apakah amplop tadi langsung sampai ke tujuan?
 Tidak
 Melalui perantara-perantara
 Anggap saja perantara seperti kantor pos – kantor pos
 Yang disebut dengan router
 Banyak router yang dilalui, mungkin bisa sampai puluhan
 Kampus – ISP – Kota – Provinsi – Negara – Benua, dll
 Tau dari mana tiap-tiap router harus mengirimkan data
ke router mana?
 Melalui gateway

 Amplop sampai ke servernya google
 Google membaca pesan di dalam amplop
 Menuliskan pesan jawaban
 Menukar alamat ‘dari’ dan ‘kepada’
 Mengirim kembali ke alamat kita
 Sampai ke komputer kita
 Komputer kita membaca isi pesan yang berupa halaman
HTML
 Menterjemahkan halaman tersebut menggunakan
browser dan menampilkannya

Apa fungsi ‘/’ pada paket data yang dikirim oleh browser
saat melakukan permintaan GET / HTTP/1.1 ?

 ‘/’ artinya meminta alamat root pada server google
 Root adalah folder utama yang ada pada web server
 Pada saat melakukan request, yang diminta adalah file /
halaman web, bukan folder
 Lalu kenapa hanya ‘/’ saja, tidak ‘/sebuahfile.html’
 Karena secara otomatis browser menganggap jika kita
mengakses sebuah folder tanpa nama file, yang diakses
adalah file index.html / index.php / index.apapun
 Alamat yang kita akses di browser tersebut dinamakan
URL (Uniform Resource Locator)

URL
• Alamat dari sebuah resource yang dapat diakses di
Internet.
• Contoh penulisan alamat lengkap
• https://www.facebook.com/index.html
• http://www.uns.ac.id/index.php
• URL secara umum terdiri dari :
• Jenis Protokol
• Host Name / Sub-Domain Name
• Domain Name
• TLD (Top Level Domain)
• Path

Perspektif sebagai pemilik website

 Bagaimana caranya agar website kita bisa diakses seluruh
dunia?
 Apakah cukup dengan Laptop & akses internet?
 Tidak
 Kita butuh Web Server & IP Publik
 Yang punya IP Publik adalah ISP
 IP yang ada di laptop/komputer kita adalah IP Private

 1 cara lain agar website kita bisa diakses seluruh dunia?
 Web Hosting
 Qwords.com
 Masterwebnet.com
 Dreamhost.com

Materi literasi digital internet dan web.pptx

More Related Content

Similar to Materi literasi digital internet dan web.pptx

More from SyaifuddinRahmad

Materi literasi digital internet dan web.pptx

Editor's Notes