4/29/2012

1

TEKNOLOGI INTERNET DAN WEB

N. Tri Suswanto Saptadi

Informatics EngineeringFaculty 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.

2PTI/NTS/TI UAJM4/29/2012

4/29/2012

2

PTI/NTS/TI UAJM 3

Jaringan Komputer (1 dari 2)

• Hubungan antara dua komputer atau lebih yang ditujukan untuk berbagi informasi atau berbagai perangkat keras

Modem

Hard disk

CD-ROM drive

B

A

C Printer

D

4/29/2012

PTI/NTS/TI UAJM 4

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.

4/29/2012

4/29/2012

3

PTI/NTS/TI UAJM 5

Internet (1 dari 3)

• Internet merupakan contoh jaringan terbesaryang 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

4/29/2012

PTI/NTS/TI UAJM 6

Internet (2 dari 3)

• Jaringan tersusun atas berbagai jenis komputer dan sistem operasi

Mac

(dengan MacOS)

PC

(dengan Windows)

PC

(dengan Linux) Mini HP

(dengan UNIX) Lain-lain

Internet

4/29/2012

4/29/2012

4

PTI/NTS/TI UAJM 7

Internet (3 dari 3)

4/29/2012

PTI/NTS/TI UAJM 8

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

4/29/2012

5

PTI/NTS/TI UAJM 9

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

Rodent-Oriented Netwide

Index to Computer

Archieves)

Merupakan kemampuan tambahan yang dipakai

untuk melakukan pencarian pada situs-situs gopher

WAIS (Wide Area

Information Servers)

Perangkat yang digunakan untuk melakukan

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

4/29/2012

PTI/NTS/TI UAJM 10

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.

4/29/2012

4/29/2012

6

PTI/NTS/TI UAJM 11

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.

4/29/2012

PTI/NTS/TI UAJM 12

Intranet (2 dari 2)

• Firewall adalah program yang dijalankan pada komputer yang berkedudukan sebagai serverdengan tujuan untuk mencegah akses Intranet dari Internet, tetapi memungkinkan pemakai di dalam Intranet mengakses Internet.

4/29/2012

4/29/2012

7

PTI/NTS/TI UAJM 13

Extranet

• Jaringan yang menggunakan teknologi Internetuntuk membentuk hubungan antara perusahaan, pemasok, mitra kerja, pelanggan, dan lain-lain dalam rangka untuk mendukung operasi atau pengaksesan informasi bisnis.

Pemasok

Perusahaan

Pelanggan

Mitra Kerja

Extranet

4/29/2012

PTI/NTS/TI UAJM 14

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

4/29/2012

4/29/2012

8

PTI/NTS/TI UAJM 15

Cakupan e-Business

Aplikasi

Bisnis

Elektronis

Jaringan dan

Telekomunikasi Internet

Intranet

Ekstranet

Jaringan lain

Perdagangan

Elektronis

(e-Commerce)

Komunikasi dan

Kolaborasi

Perusahaan

Sistem

Bisnis

Internal

4/29/2012

PTI/NTS/TI UAJM 16

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.

4/29/2012

4/29/2012

9

PTI/NTS/TI UAJM 17

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

4/29/2012

PTI/NTS/TI UAJM 18

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

4/29/2012

4/29/2012

10

PTI/NTS/TI UAJM 19

E-Commerce (2 dari 2)

• E-commerce dibagi menjadi dua jenis:

– B2B dan

– B2C

Pemasok

Pemasok

Pelanggan

Pelanggan

Perusahaan

Pemasok

Pelanggan

B2B B2C

4/29/2012

PTI/NTS/TI UAJM 20

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.

4/29/2012

4/29/2012

11

PTI/NTS/TI UAJM 21

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)

4/29/2012

PTI/NTS/TI UAJM 22

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

4/29/2012

4/29/2012

12

PTI/NTS/TI UAJM 23

Aplikasi Web

• Aplikasi Web dapat dibagi menjadi 2 macam:

1. Web Statis dan

2. Web Dinamis

4/29/2012

PTI/NTS/TI UAJM 24

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.

4/29/2012

4/29/2012

13

PTI/NTS/TI UAJM 25

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.

4/29/2012

PTI/NTS/TI UAJM 26

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

4/29/2012

4/29/2012

14

PTI/NTS/TI UAJM 27

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.

4/29/2012

PTI/NTS/TI UAJM 28

Prinsip Kerja Web Berbasis HTML

Klien

Web server

Browser

Permintaan HTTP

(sesuatu.html)

Kode HTML

Tanggapan

HTTP

4/29/2012

4/29/2012

15

PTI/NTS/TI UAJM 29

Prinsip Kerja Web Dinamis(Contoh dengan PHP)

Klien

Web server

Browser

Permintaan HTTP

(sesuatu.php)

Kode HTML

Tanggapan

HTTP

Skrip PHP

Mesin PHP

4/29/2012

PTI/NTS/TI UAJM 30

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)

4/29/2012

4/29/2012

16

PTI/NTS/TI UAJM 31

Teknologi pada Sisi Klien

1. Kontrol Active X

2. Java applet

3. Client-side script (JavaScript dan VBScript)

4. DHTML (CSS / Cascading Style Sheets)

4/29/2012

PTI/NTS/TI UAJM 32

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

4/29/2012

4/29/2012

17

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