4/29/2012

TEKNOLOGI INTERNET
DAN WEB

N. Tri Suswanto Saptadi

Informatics Engineering
Faculty of Information Technology

Pendahuluan
• Teknologi Internet merupakan kumpulan atau jaringan
dari jaringan komputer yang ada di seluruh dunia.
• Komputer Stand-alone dapat berhubungan langsung
dengan host-host atau komputer-komputer yang
lainnya.
• Internet bagaikan sebuah kotak elektronik yang sangat
besar di mana setiap penduduk memiliki alamat
(Internet Address) yang dapat digunakan untuk berkirim
surat atau informasi.
• Pemahaman Internet berkembang dengan adanya
Intranet dan Extranet.

4/29/2012 PTI/NTS/TI UAJM 2

1
 4/29/2012

Jaringan Komputer (1 dari 2)

• Hubungan antara
Modem
dua komputer atau
lebih yang ditujukan A

Hard disk

untuk berbagi B

informasi atau
C Printer
berbagai perangkat CD-ROM drive

keras
D

PTI/NTS/TI UAJM
4/29/2012 3

Jaringan Komputer (2 dari 2)

• Hubungan antara satu jaringan dengan

jaringan lain disebut dengan
internetworking (antarjaringan) atau
biasa disebut dengan internet.
• Diperlukan upaya masing-masing
pengguna untuk berkontribusi dalam
suatu jejaring.

PTI/NTS/TI UAJM
4/29/2012 4

2
 4/29/2012

Internet (1 dari 3)

• Internet merupakan contoh jaringan terbesar

yang menghubungkan jutaan komputer yang
tersebar di seluruh penjuru dunia dan tak
terikat pada satu organisasipun
• Siapa saja dapat bergabung pada Internet
• Dengan menggunakan jaringan ini, sebuah
organisasi dapat melakukan pertukaran
informasi secara internal ataupun melakukan
pertukaran informasi secara eksternal dengan
organisasi-organisasi yang lain

PTI/NTS/TI UAJM
4/29/2012 5

Internet (2 dari 3)

• Jaringan
tersusun Mac
(dengan MacOS)
PC
(dengan Windows)
atas Internet

berbagai
jenis
komputer
dan sistem PC

operasi Mini HP
(dengan UNIX) Lain-lain (dengan Linux)

PTI/NTS/TI UAJM
4/29/2012 6

3
 4/29/2012

Internet (3 dari 3)

PTI/NTS/TI UAJM
4/29/2012 7

Sumber Daya Internet (1 dari 2)

Sumber Daya Keterangan

.
e-mail Digunakan untuk melakukan pertukaran surat
elektronis
Usenet Newsgroup Forum diskusi
LISTSERV Kelompok diskusi dengan menggunakan surat
elektronis
IRC (Internet Relay Chat) Fasilitas yang memungkinkan pemakai melakukan
percakapan dalam bentuk bahasa tertulis secara
interktif
Telnet Fasilitas yang memungkinkan pemakai melakukan
koneksi (login) ke suatu sistem komputer
FTP (File Transfer Protocol) Sarana untuk melakukan transfer berkas dari komputer
lokal ke suatu komputer lain atau sebaliknya

4/29/2012 PTI/NTS/TI UAJM 8

4
 4/29/2012

Sumber Daya Internet (2 dari 2)

Gopher Perangkat yang memungkinkan pemakai untuk

menemukan informasi yang terdapat pada server
gopher melalui menu yangh bersifat hierarkis
Archie Perangkat yang dapat digunakan untuk melakukan
pencarian berkas pada situs FTP
Veronica (Very Easy Merupakan kemampuan tambahan yang dipakai
Rodent-Oriented Netwide untuk melakukan pencarian pada situs-situs gopher
Index to Computer
Archieves)
WAIS (Wide Area Perangkat yang digunakan untuk melakukan
Information Servers) pencarian data pada Internet yang dilaksanakan
dengan menyebutkan nama basis data dan kata kunci
yang dicari
World Wide Web Sistem yang memungkinkan pengaksesan informasi
dalam Internet melalui pendekatan hypertext

PTI/NTS/TI UAJM
4/29/2012 9

World Wide Web

• Sistem pengaksesan informasi dalam Internet
yang paling terkenal dan biasa dikenal dengan
istilah Web.
• Web menggunakan protokol yang disebut HTTP
(HyperText Transfer Protocol).
• Dokumen Web ditulis dalam format HTML
(HyperText Markup Language).
• Dokumen ini diletakkan dalam Web server dan
diakses oleh klien (Pengakses informasi) melalui
perangkat lunak yang disebut Web browser atau
sering disebut browser saja.
PTI/NTS/TI UAJM
4/29/2012 10

5
 4/29/2012

Intranet (1 dari 2)

• Jaringan komputer dalam sebuah perusahaan

yang menggunakan teknologi Internet,
sehingga terbentuk lingkungan yang seperti
Internet tetapi bersifat privat bagi
perusahaan bersangkutan.
• Kadangkala Internet juga dihubungkan ke
jaringan Internet, dengan dilengkapi firewall.

PTI/NTS/TI UAJM
4/29/2012 11

Intranet (2 dari 2)

• Firewall adalah
program yang
dijalankan pada
komputer yang
berkedudukan
sebagai server
dengan tujuan
untuk mencegah
akses Intranet dari
Internet, tetapi
memungkinkan
pemakai di dalam
Intranet mengakses
Internet.
PTI/NTS/TI UAJM
4/29/2012 12

6
 4/29/2012

Extranet
• Jaringan yang
menggunakan Perusahaan Pelanggan
teknologi Internet
untuk membentuk
hubungan antara Extranet
perusahaan, pemasok,
mitra kerja, pelanggan,
dan lain-lain dalam
rangka untuk Pemasok Mitra Kerja

mendukung operasi
atau pengaksesan
informasi bisnis.
PTI/NTS/TI UAJM
4/29/2012 13

e-Business
• Penggunaan teknologi Internet untuk
menghubungkan dan memperkuat proses-
proses bisnis, perdagangan elektronis
(electronic commerce atau e-commerce),
dan komunikasi serta kolaborasi antar
sebuah perusahaan dengan para pelanggan,
pemasok, dan mitra kerja bisnis elektronis
lainnya (O’Brien).

PTI/NTS/TI UAJM
4/29/2012 14

7
 4/29/2012

Cakupan e-Business
Aplikasi
Bisnis
Elektronis

Jaringan dan  Internet

Telekomunikasi  Intranet
 Ekstranet
 Jaringan lain

Komunikasi dan Perdagangan Sistem

Kolaborasi Elektronis Bisnis
Perusahaan (e-Commerce) Internal

PTI/NTS/TI UAJM
4/29/2012 15

Aplikasi Komunikasi dan Kolaborasi

Perusahaan
• Digunakan untuk mendukung komunikasi,
koordinasi, dan kolaborasi para anggota tim bisnis
dalam perusahaan.
• Contoh, para pegawai dan konsultan yang terlibat
dalam sebuah proyek bisa menggunakan jaringan
Internet, Intranet, atau bahkan Extranet untuk
saling berkomunikasi.
• Komponen pendukung:
e-mail, v-mail, forum diskusi, sistem chat, konferensi
suara dan video, sistem pertemuan elektronis.

PTI/NTS/TI UAJM
4/29/2012 16

8
 4/29/2012

Aplikasi Bisnis Internal

• Digunakan untuk mendukung kegiatan,
proses, dan operasi bisnis yang bersifat
internal bagi perusahaan.
• Contoh:
– Pemrosesan transaksi internal
– Enterprise information portal
– Sistem pendukung manajemen

PTI/NTS/TI UAJM
4/29/2012 17

E-Commerce (1 dari 2)

• Aplikasi perdagangan elektronis digunakan untuk

mendukung kegiatan pembelian dan penjualan,
pemasaran produk, jasa, dan informasi melalui
Internet.

• Contoh penerapan:
– Electronic Funds Transfer (EFT)
– Lelang online

PTI/NTS/TI UAJM
4/29/2012 18

9
 4/29/2012

E-Commerce (2 dari 2)

• E-commerce
Pemasok Pelanggan

dibagi
menjadi dua Pemasok Perusahaan Pelanggan

jenis:
– B2B dan
– B2C Pemasok Pelanggan

B2B B2C

PTI/NTS/TI UAJM
4/29/2012 19

B2B (Business-to-Business)
(1 dari 2)

• Menyatakan penjualan produk atau jasa

yang melibatkan antarperusahaan dan
dilakukan dengan sistem otomasi.
• Umumnya perusahaan yang terlibat adalah
pemasok, distributor, pabrik, tokok, dan lain-
lain.
• Kebanyakan transaksi berlangsung secara
langsung antara dua sistem.

PTI/NTS/TI UAJM
4/29/2012 20

10
 4/29/2012

B2B (Business-to-Business)
(2 dari 2)

• Keuntungan B2B, jika dikerjakan dengan

benar, dapat menghemat biaya,
meningkatkan pendapatan, memberikan
pengiriman yang lebih cepat, mengurangi
biaya administrasi, dan meningkatkan
layanan kepada pelanggan (Karper dan Ellis)

PTI/NTS/TI UAJM
4/29/2012 21

B2C (Business-to-Consumer)
• Melibatkan interaksi dan transaksi antara
sebuah perusahaan dengan para pelanggan
• Keunggulan B2C dibandingkan dengan
penjualan konvensional melalui toko fisik
adalah memungkinkan layanan selama 24
jam

PTI/NTS/TI UAJM
4/29/2012 22

11
 4/29/2012

Aplikasi Web
• Aplikasi Web dapat dibagi menjadi 2
macam:

1. Web Statis dan

2. Web Dinamis

PTI/NTS/TI UAJM
4/29/2012 23

Web Statis
• Web statis dibentuk dengan menggunakan
HTML saja.
• Kekurangan Web statis terletak pada
keharusan untuk memelihara halaman Web
secara terus-menerus setiap ada perubahan
informasi.

PTI/NTS/TI UAJM
4/29/2012 24

12
 4/29/2012

Web Dinamis (1 dari 2)

• Isi halaman bersifat dinamis, dapat mengikuti

perubahan isi database.

• Pengertian Web dinamis terkadang diartikan

sebagai halaman Web yang dilengkapi dengan
gambar-gambar bergerak.

• Dibutuhkan tenaga Administrator Jaringan

untuk mengelola dan memelihara.

PTI/NTS/TI UAJM
4/29/2012 25

Web Dinamis (1 dari 2)

• Web dinamis dapat digunakan untuk membentuk

aplikasi interaktif, yang memungkinkan pemakai tak
hanya memperoleh informasi terkini tetapi juga
dapat melakukan perubahan data. Misalnya:
– Untuk pengisian KRS
– Perubahan data pribadi
– Pengisian berita baru
– dll
• Web dinamis dibentuk dengan menambahkan
perangkat lunak tambahan, seperti ASP atau PHP

PTI/NTS/TI UAJM
4/29/2012 26

13
 4/29/2012

Prinsip Kerja Web Berbasis HTML

1. Browser meminta sebuah halaman ke
suatu situs
2. Permintaan diterima oleh Web server
(server yang bertanggung jawab melayani
permintaan browser).
3. Web server segera mengirimkan halaman
HTML yang diminta ke klien).
4. Browser pada klien segera menampilkan
dokumen HTML berdasarkan kode-kode
yang terdapat pada HTML.

PTI/NTS/TI UAJM
4/29/2012 27

Prinsip Kerja Web Berbasis HTML

Web
server

Kode HTML
Permintaan HTTP
(sesuatu.html)

Tanggapan
HTTP

Browser

Klien
PTI/NTS/TI UAJM
4/29/2012 28

14
 4/29/2012

Prinsip Kerja Web Dinamis

(Contoh dengan PHP)
Web
server

Skrip PHP

Permintaan HTTP
Mesin PHP
(sesuatu.php)

Kode HTML
Browser

Tanggapan
HTTP
Klien

PTI/NTS/TI UAJM
4/29/2012 29

Teknologi Web
• Teknologi untuk membentuk aplikasi Web
yang dinamis :
1. Teknologi pada sisi klien (client-side technology)
2. Teknologi pada sisi server (server-side
technology)

PTI/NTS/TI UAJM
4/29/2012 30

15
 4/29/2012

Teknologi pada Sisi Klien

1. Kontrol Active X
2. Java applet
3. Client-side script (JavaScript dan VBScript)
4. DHTML (CSS / Cascading Style Sheets)

PTI/NTS/TI UAJM
4/29/2012 31

Teknologi pada Sisi Server

• CGI
• FastCGI
• Proprietary Web Server API (ISAPI dan NSAPI)
• Active Server Pages (ASP)
• Java Server Pages (JSP) dan Java Servlets
• Server-side JavaScript
• PHP

PTI/NTS/TI UAJM
4/29/2012 32

16
 4/29/2012

Diskusi Kelompok
• Jelaskan teknologi yang berkembang pada sisi
Client yang meliputi:
Kontrol Active X, Java applet, Client-side script
(JavaScript dan VBScript) dan DHTML (CSS /
Cascading Style Sheets)
• Jelaskan teknologi yang berkembang pada sisi
Server yang meliputi :
CGI, FastCGI, Proprietary Web Server API (ISAPI
dan NSAPI), Active Server Pages (ASP), Java
Server Pages (JSP) dan Java Servlets, Server-side
JavaScript dan PHP.

4/29/2012 PTI/NTS/TI UAJM 33

17