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 • Hubungan antara dua komputer atau lebih yang ditujukan untuk berbagi informasi atau berbagai perangkat keras
(1 dari 2)
Modem
A Hard disk
B
C
CD-ROM drive
Printer
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
Internet
5
(2 dari 3)
• Jaringan tersusun atas berbagai jenis komputer dan sistem operasi PTI/NTS/TI UAJM 4/29/2012
Mac (dengan MacOS)
PC (dengan Windows)
Internet
Mini HP (dengan UNIX)
Lain-lain
PC (dengan Linux)
6
3
4/29/2012
Internet
(3 dari 3)
PTI/NTS/TI UAJM 4/29/2012
7
Sumber Daya Internet Sumber Daya
(1 dari 2)
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 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
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
Intranet
11
(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 teknologi Internet untuk membentuk hubungan antara perusahaan, pemasok, mitra kerja, pelanggan, dan lain-lain dalam rangka untuk mendukung operasi atau pengaksesan informasi bisnis. PTI/NTS/TI UAJM 4/29/2012
Perusahaan
Pelanggan
Extranet
Pemasok
Mitra Kerja
13
e-Business • Penggunaan teknologi Internet untuk menghubungkan dan memperkuat prosesproses 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 Telekomunikasi
Komunikasi dan Kolaborasi Perusahaan
PTI/NTS/TI UAJM 4/29/2012
Perdagangan Elektronis (e-Commerce)
Internet Intranet Ekstranet Jaringan lain
Sistem Bisnis Internal
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
E-Commerce
17
(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 • E-commerce dibagi menjadi dua jenis: – B2B dan – B2C
(2 dari 2)
Pemasok
Pelanggan
Pemasok
Perusahaan
Pemasok
Pelanggan
B2B
PTI/NTS/TI UAJM 4/29/2012
Pelanggan
B2C
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 lainlain. • 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
Web Dinamis
25
(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 (sesuatu.php)
Mesin 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. 2. 3. 4.
Kontrol Active X Java applet Client-side script (JavaScript dan VBScript) 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