pi-1

Internet dan Teknologi WebI Made Arsa Suyadnya

Outline

Apa itu Internet? Perkembangan Internet Teknologi Internet Konsep Pemrograman Web

Apa itu Internet?

Internet = Interconnected Network

Kumpulan dari berbagai jaringan komputer yang saling interkoneksi yang mencakup seluruh dunia (jaringan global) dengan melalui jalur telekomunikasi seperti telepon, fiber-optic, wireless dan lainnya.

Jaringan besar yang menghubungkan jaringan-jaringan kecil.

Aksesnya harus terkoneksi dengan ISP (Internet Service Provider)

Apa itu Internet?

Internet

WAN

Mobile Network

ISP LANLAN

LAN

`

client

client

client

LAN

Wireless LAN

`

client

`

client

server

server

server`

clientmodem

client

client

PSTN `

clientserver

Perkembangan Internet

1969 Dept Pertahanan Amerika, U.S. Defense Advanced Research Projects Agency (DARPA)

1970

1972 10 komputer yang berhasil dihubungkan sehingga mereka bisa saling berkomunikasi dan membentuk sebuah jaringan.

Roy Tomlinson berhasil menyempurnakan program e-mail untuk ARPANET

icon @juga diperkenalkan sebagai lambang penting yang menunjukkan "at" atau "pada".


1973 ARPANET mulai dikembangkan ke luar AS. Komputer University College (London) - komputer pertama di luar AS menjadi anggota jaringan Arpanet

1976

Vinton Cerf dan Bob Kahn mempresentasikan gagasan yang menjadi cikal bakal pemikiran internet di Universitas Sussex

Ratu Inggris berhasil mengirimkan e-mail dari Royal Signals and Radar Establishment di Malvern

Terdapat 100 PC dan Mainframe yang terkoneksi ke ARPANET dan sebagian besar dari Universitas : UCLA, Stanford Institute, UC Santa Barbara, dan University of Utah

1977


1979Tom Truscott, Jim Ellis dan Steve Bellovin, menciptakan newsgroups pertama yang diberi nama USENET

1980

France Telecom meluncurkan telepon televisi pertama, dimana orang bisa saling menelpon sambil berhubungan dengan video link.1981

dibentuk Transmission Control Protocol atau TCP dan Internet Protokol atau IP1982

diperkenalkan sistem nama domain, yang kini kita kenal dengan DNS atau Domain Name System. Komputer 1000 lebih1984

ARPANET pecah menjadi ARPANET dan MILNET (militer)


1986National Science Foundation (NSF) mengeluarkan NSFNET. Jaringan dengan kecepatan 56kbps dan merupakan embrio dari Internet sekarang ini

1987

Jarko Oikarinen dari Finland menemukan IRC atau Internet Relay Chat .1988

ARPANET dibubarkan. Australia, Skandinavia, Inggris, Perancis, Jerman, Kanada, dan Jepang terkoneksi dengan NSFNET

1990

Thn paling bersejarah, ketika Tim Berners Lee menemukan editor dan browser yang bisa menjelajah jaringan. Program inilah yang disebut www, atau World Wide Web.

Berdiri UUNET merupakan provider Internet komersial pertama, jumlah komputer 10 kali lipat (10.000 lebih)


1992Jumlah Host Internet mencapai: 1.136.000 (Oktober 1992) – sumber: www.isc.org, dan di tahun yang sama muncul istilah surfing the internet

1994

Yahoo! didirikan, yang juga sekaligus kelahiran Netscape Navigator 1.0.

2004 Jumlah Host Internet mencapai: 285.139.107 (Juli 2004)

situs internet tumbuh jadi 3000 alamat, muncul virtual-shopping atau e-retail pertama di internet

http://www.isc.org/

Teknologi Internet

Internet didasarkan pada teknologi client/server

Semua data, seperti: pesan-pesan e-mail dan halaman-halaman Web disimpan dalam server

Klien menggunakan internet untuk meminta informasi dari server Web tertentu pada komputer jarak jauh dan server mengirimkan kembali informasi yang diminta ke klien melalui internet

Teknologi Internet

Arus paket informasi antar perangkat/komputer diatur oleh aturan umum (protokol), yakni: Internet protocol (IP) Transport control protocol (TCP)

Internet merupakan sebuah jaringan packet-swithcing Pesan dipecah-pecah menjadi potongan paket-paket data,

yang didalamnya berisi: informasi tentang pengiriman dan mesin penerima dan bagaimana paket berkaitan dengan paket lain

Setiap paket dapat melewati rute jaringan yang berbeda Pada tempat tujuan, paket-paket data dikonstruksi ulang

menjadi pesan seperti semula Setiap Komputer di Internet di-identifikasi dengan alamat IP Sebagian besar komputer memiliki nama domain

Review Model Referensi OSI

Review Model TCP/IP

Application

Transport(TCP)

InternetProtocol(IP)

NetworkInterface

Physical Net

Host A

Application

Transport(TCP)

InternetProtocol(IP)

NetworkInterface

Host B

Identicalmessage

Identicalpacket

Identicaldatagram

Identicalframe

Review Model TCP/IP

Analogi Pengiriman Surat :

Kepada Yth,

Adinda Tersayang

Pengirim

Suyatno PERANGKO

Kantor PosAngkutan POS

Tujuan

IPDATA

Review Model TCP/IP

Komputer AKomputer B

Application Layer

Transport Layer

Internet Layer

Network Interface Layer

Jaringan Fisik

INTERNET

Modem ModemMengirim data ke media fisikMenerima data dari media fisik

Memberi Alamat Tujuan Membaca Alamat Tujuan

Aplikasi dalam Internet Aplikasi dalam Internet

Penentuan Routing Membaca Routing

Kabel atau Radio Kabel atau Radio

Review Perbandingan OSI vs TCP/IP

DNS : Domain Name Services

Suatu sistem penamaan standar komputer-komputer di internet dengan tujuan untuk mempermudah pengelolaan server komputer internet.

Merupakan suatu tingkat-tingkat domain, yang merupakan kelompok komputer-komputer yang terhubung ke internet.

DNS adalah suatu layanan (server & software) untuk memberikan informasi menterjemahkan nama-nama host (domain) ke alamat-alamat IP Addressing.

Misalnya: 103.29.196.243 => ee.unud.ac.id

WWW (World Wide Web)

WWW (World Wide Web)

Sistem yang memungkinkan pengaksesan informasi dalam internet melalui pendekatan hypertext

Web menggunakan protokol yang disebut HTTP (HyperText Transfer Protocol) yang berjalan pada TCP/IP

Dokumen web ditulis dalam format HTML (HyperText Markup Language) yang diletakkan dalam web server dan diakses oleh klien melalui browser

Mengakses web dari browser perlu menyebutkan URL (Uniform Resource Locator) Format umum URL:

Protokol_transfer://nama_host/path/nama_file Contoh: http://www.unud.ac.id/teknik/index.html

Konsep Pemrograman Web (1)

Pemrograman web: membuat aplikasi berbasis web

Aplikasi berbasis web: Aplikasi yang dibuat dengan memanfaatkan mekanisme dan aplikasi yang sudah ada pada sistem web (WWW)

Sistem web sebenarnya merupakan aplikasi yang: berarsitektur client-server

▪ software web browser di sisi client▪ software web server di sisi server

menggunakan protokol HTTP dalam komunikasi antara client dan server

mempunyai fungsi untuk mengambil/menjalankan isi file dokumen web di server dan menampilkannya di sisi client

Konsep Pemrograman Web (2)

Membuat aplikasi berbasis web berarti: Memperkaya fungsi web server dengan cara

menambahkan program pada dokumen web yang akan dieksekusi oleh server ketika file dokumen web tersebut diakses oleh web server▪ Misalnya, program yang mengambil data ke basis data untuk

ditampilkan ke web browser Memperkaya interaktivitas dokumen dengan cara

menambahkan program pada dokumen web yang akan dieksekusi oleh web browser ketika file dokumen tersebut ditampilkan oleh web browser▪ Misalnya, program yang memvalidasi data masukan pada

form sebelum disubmit ke web server

Kelebihan & Kekurangan Aplikasi Berbasis Web

Kelebihan: Dapat diakses kapan pun dan dari mana pun selama ada

internet (jaringan) Dapat diakses hanya dengan menggunakan web browser

(umumnya sudah tersedia di PC, PDA, dan handphone terbaru), tidak perlu menginstall aplikasi client khusus

Kekurangan: Antarmuka yang dapat dibuat terbatas sesuai spesifikasi

standar untuk membuat dokumen web dan keterbatasan kemampuan web browser untuk menampilkannya

Terbatasnya kecepatan internet (jaringan) mungkin membuat respon aplikasi menjadi lambat

Teknologi Pembangun Aplikasi Berbasis Web

Web client (web browser) Web server URL : Uniform Resource Locator HTTP : HyperText Transfer Protocol HTML : HyperText Markup Language CSS : Cascading Style Sheet Pemrograman Web

server side scripting client side scripting plug-in, eksekusi program di sisi client

Bagaimana Web Bekerja?

User mengetik URL di browser (mencari alamat - DNS) DNS memberi respon Browser menghubungi server yang tersebut pada URL (membuka koneksi) Setelah terhubung, browser mengirimkan HTTP request Server menjawab dengan mengirim HTTP response (berisi header dan isi

dokumen). Untuk dokumen yang terdiri atas beberapa file (misalnya dokumen bergambar), browser harus mengirimkan HTTP request lagi untuk setiap file

Browser menampilkan semua isi dokumen kepada user

Web Client (Web Browser)

Web browser merupakan suatu software dijalankan pada komputer user sebuah perangkat navigasi di dalam web menampilkan dokumen web

Perangkat lunak web browser yang populer saat ini : MS Internet Explorer (Windows) Mozilla Firefox (Windows , Linux, Mac) Google Chrome (Windows , Linux, Mac) Opera (Windows, Linux, Mac) Konqueror (Linux)

Web Client (Web Browser)

Web Server

Web server merupakan suatu software dijalankan pada komputer server berfungsi agar dokumen web yang disimpan di server

dapat diakses oleh user di internet

Perangkat lunak web server yang populer saat ini : Apache (Linux & Windows) MS Internet Information Server / IIS (Windows) Tomcat, untuk Java (Windows & Linux)

URL (Uniform/Universal Resource Locator)

Digunakan untuk menentukan lokasi informasi pada suatu web server.

dapat diibaratkan sebagai suatu alamat, yang terdiri dari: Protokol yang digunakan oleh suatu browser

untuk mengambil informasi Nama komputer (server) dimana informasi

tersebut berada Jalur/path serta nama file dari suatu informasi

Format URL standar dideskripsikan di RFC 1738 (http://www.ietf.org/rfc/rfc1738.txt)

URL (Uniform/Universal Resource Locator)

Format umum URL: Protokol_transfer://nama_host/path/nama_file

Contoh: http://www.unud.ac.id/teknik/index.html

Keterangan: http protokol yang digunakan www.unud.ac.id nama host atau server komputer teknik jalur/path/lokasi spesisfik dari informasi yang

dicari index.html nama file

HTTP adalah protokol komunikasi yang digunakan dalam web Spesifikasi HTTP standar (HTTP 1.1) dideskripsikan di RFC

2616 (http://www.ietf.org/rfc/rfc2616.txt) contoh “obrolan“ komunikasi antara browser dan server untuk

mengantarkan sebuah dokumen web yang disisipi sebuah gambar:

Content-type: text/html

<html><head><title> Google </title></head><body>Welcome to google <img src='logo.gif'></body></html>

GET / HTTP/1.1Accept: image/gif, image/jpeg, application/x-shockwave-flash, */*User-Agent: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1)

GET /logo.gif HTTP/1.1Accept: image/gif, image/jpeg, application/x-shockwave-flash, */*User-Agent: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1) Content-type: image/gif

GIF89a€6÷aD&nˆ†!VRŠ:¾è gÛ5ÈßŽ7J ‰¥Ø£“ !Y¤K"d‘qDbF9~¨âkµ È ö}&•� � �%= æâz!ÙÑ– uéebóùx’˜M‰"š*ÉæŒ‚Õ˜¡ÉI§^„........�

browser

browser

server

server

HTTP request 1

HTTP request 2

HTTP response 1

HTTP response 2

server

server

browser

browser

HTTP (HyperText Transfer Protocol)

HTML (HyperText Markup Language) HTML adalah format standar untuk menulis dokumen web spesifikasi HTML standar (HTML 4.01) terdapat di

http://www.w3.org/TR/html4/ contoh dokumen HTML:

hasil tampilan :

<html><head> <title>My first HTML document</title></head><body> Hello world! Welcome to my first HTML page. </body></html>

Hello world!Welcome to my first HTML page.

CSS (Cascading Style Sheet) CSS adalah suatu mekanisme untuk menambahkan style

(misalnya font, warna, jarak, posisi) pada dokumen web Spesifikasi CSS standar (CSS 2) terdpat di

http://www.w3.org/TR/REC-CSS2/ Contoh dokumen HTML yang menggunakan CSS:

hasil tampilan :

<html><head> <title>My first HTML document</title></head><style type='text/css'> p { font-family: Arial; text-decoration: underline; } p:first-letter { font-size: 20pt; } b { font-size: 20pt; }</style><body> Hello world! Welcome to my first HTML page. </body></html>

Hello world!

Welcome to my first HTML page.

Pemrograman Web

server side scripting (PHP, ASP, JSP, Phyton) Web server mengidentifikasi dan menjalankan skrip

program yang disisipkan dalam dokumen web dan menempatkan keluarannya sebagai bagian dari dokumen web

client side scripting (JavaScript, JScript, VBScript) Web browser mengidentifikasi dan menjalankan skrip

program yang disisipkan dalam dokumen web (yang diterima dari server), dan dapat meng-update tampilan dokumen web di komputer user tanpa mengirimkan request baru kepada web server

plug-in, eksekusi program di sisi client (applet, ActiveX, Flash) Web browser menjalankan file program dengan bantuan

plug-in viewer/player dan menyediakan suatu area di dalam dokumen web sebagai tempat menampilkan antarmuka program tersebut

Terima Kasih

Tugas Individu 1

Buatlah sebuah tulisan mengenai: Domain dan Hosting DNS (Domain Name System) dan Bagaimana DNS Bekerja?

Format: Gunakan Format Template Tugas yang sudah disediakan Font Time New Roman 12pt, spacing: 1 spasi Dalam bentuk file pdf: PROGNET-TugasIndividu1-Non/Reg-

NIM.pdfContoh: PROGNET-TugasIndividu1-NonReg-1020195456.pdf

Maksimal 6 halaman dan sertakan referensi yang digunakan

Dikumpulkan melalui web kuliah: kuliah.dearsa.web.id/prognet, bagian upload tugas, password upload: uplo4d

Deadline: Selasa, 8 September 2015 23.59

pi-1

Documents