27/09/2013

Bedah
a 'website' anatomy course

Alam
alam@unsil.ac.id Universitas Siliwangi, Tasikmalaya

27/09/2013

Review

Menggunakan standarisasi protokol TCP/IP

Transmission Control Protocol (TCP)

and the Internet Protocol (IP) Apa itu Internet ?

Kumpulan dari aturan-aturan (protokol)

komunikasi yang digunakan pada jaringan komputer.

TEKNIK / S1-IF / PI

TEKNIK / S1-IF / PI

Sejarah Internet

Dua atau lebih komputer yang berhubungan menggunakan jaringan komputer di dunia (world-wide) yang saling berkomunikasi, berinteraksi, dan bertukar informasi.

1957 : Advanced Research Projects Agency (ARPA) dibentuk oleh Departement of Defence (DoD) 1959 : Len Kleinrock menulis paper tentang packet switching. 1967 : Disain awal dari ARPANET diterbitkan. 1969 : DoD menggelar pengembangan ARPANET 1970 : ARPANET mulai menggunakan Network Control Protocol. 1972 : InterNetworking Working Group (INWG) dibentuk untuk mempromosikan standar yang sudah disepakati bersama.
TEKNIK / S1-IF / PI

TEKNIK / S1-IF / PI

27/09/2013

Sejarah Internet (2)

1973 : Ide ethernet dijabarkan dalam thesis PhD dari Bob Metcalfe. 1974 : Disain dari TCP/IP dijabarkan secara rinci oleh Vint Cerf dan Bob Kahn dalam "A Protocol for Packet Network Intercommunication". 1976 : UNIX-to-UNIX Copy (UUCP) dikembangan oleh Bell Labs. 1981 : BITNET mulai beroperasi. 1982 : TCP/IP menjadi protokol untuk ARPANET dan ini dispesifikasikan oleh DoD. 1983 : BSD UNIX release 4.2 menggunakan TCP/IP.
TEKNIK / S1-IF / PI

Sejarah Internet (3)

1984 : Jumlah Internet hosts melewati batas 1000 host. Domain Name Service (DNS) mulai lahir. 1986 : NSFNET dilahirkan dengan kecepatan backbone 56Kbps. 1987 : Jumlah Internet hosts melewati batas 10.000. UUNET didirikan untuk memberikan akses komersial untuk Usenet dan UUCP. 1988 : Sebuah "Internet Worm" berhasil melumpuhkan Internet, sekitar 6000 host terkena akibatnya. NSFNET meningkatkan kecepatan backbone menjadi 1,544 Mbps (T1).
TEKNIK / S1-IF / PI

Sejarah Internet (3)

1984 : Jumlah Internet hosts melewati batas 1000 host. Domain Name Service (DNS) mulai lahir. 1986 : NSFNET dilahirkan dengan kecepatan backbone 56Kbps. 1987 : Jumlah Internet hosts melewati batas 10.000. UUNET didirikan untuk memberikan akses komersial untuk Usenet dan UUCP. 1988 : Sebuah "Internet Worm" berhasil melumpuhkan Internet, sekitar 6000 host terkena akibatnya. NSFNET meningkatkan kecepatan backbone menjadi 1,544 Mbps (T1).
TEKNIK / S1-IF / PI

Sejarah Internet (4)

1989 : Jumlah Internet hosts melewati batas 100.000. Tim Berners-Lee dari CERN mensirkulasikan porposalnya yang berjudul "Information Management: A Proposal". 1990 : DoD menghentikan ARPANET. Tim BernersLee mensirkulasikan proposal World Wide Web. Dikembangkan sebuah program WWW, sebuah WYSIWYG browser dan editor. 1991 : Brewster Kahle (Thinking Machines) mengembangan Wide Area Information System (WAIS).
TEKNIK / S1-IF / PI

27/09/2013

Sejarah Internet (5)

1992 : Jumlah Internet hosts melampaui 1.000.000. University of Nevada mengeluarkan sistem Veronica. 1994 : Pizza hut online, merupakan contoh pertama dari aplikasi komerisal Internet. Spam mail menjadi kasus besar setelah sebuah lembaga hukum yang bernama Canter & Siegel menyebarkan mail ke seluruh dunia tentang servis untukmendapatkan "green card". First Virtual menjalankan "CyberBank" yang pertama. 1995 : Compuserve, America Online, dan Prodiy mulai memberikan servis akses ke Internet.
TEKNIK / S1-IF / PI

Keunggulan Internet

Bisa diakses dari mana saja (asal terhubung dengan jaringan) Tanpa batas Aktif 24 jam Interakftif Tanpa lisensi Tanpa sensor Efisiensi waktu dan biaya
TEKNIK / S1-IF / PI

Internet Service Provider (ISP)

Perusahaan yang menyediakan jasa untuk menghubungkan suatu host / jaringan yang terhubung dengannya untuk dapat terkoneksi dengan jaringan internet. Media Koneksi :

Pemanfaatan Internet

File sharing Web Email Chating VoIP Teleconference Remoting (akses jarak jauh) Dll.
TEKNIK / S1-IF / PI

Telepon/Coaxial UTP / STP Fiber Optic Wireless Satelit

TEKNIK / S1-IF / PI

27/09/2013

Hypertext Transfer Protocol

Hypertext Transfer Protocol

TEKNIK / S1-IF / PI

Protokol yang dipergunakan untuk

mentransferdokumen dalam Word Wide Web (http://)

HTTP request dikirimkan dari browser

pengguna keserver HTTP dan kemudian hasilnya adalah sebuahhalaman web yang ditampilkan pada browser.
TEKNIK / S1-IF / PI

World Wide Web (www)

Layanan internet yang didapatkan oleh
pemakaikomputer yang terhubung ke internet. Suatu standarisasi agar dapat berkomunikasi antarasatu dengan yang lain. Sistem terdistribusi (Client-Server) dalam skala besar. Menggunakan protokol HTTP.
TEKNIK / S1-IF / PI

Hypertext Transfer Protocol Secure

HTTPS, adalah kombinasi dari HTTP dengan protokol SSL/TLS untuk menjalin koneksi yang terenkripsi (aman) dan mengindentifikasi keaslian server. Koneksi HTTPS biasanya digunakan untuk transaksi pembayaran pada website, atau transaksi sensitif suatu sistem informasi di perusahaan. SSL/TLS Adalah protokol kriptografi, yang menyediakan keamanan untuk komunikasi melalui jaringan komputer seperti internet.
TEKNIK / S1-IF / PI

27/09/2013

File Transfer Protocol (FTP)

FTP adalah standar protokol jaringan yang
digunakan untuk pertukaran dan manipulasi file melalui protokol TCP/IP, seperti Internet.

Uniform Resource Locator (URL)

Alamat dari sebuah resourceyang dapat diakses diInternet. URL secara umum terdiri dari :

Biasanya digunakan untuk mengirim file dari

client ke server, atau men-download file dari server ke client.
TEKNIK / S1-IF / PI

Jenis Protokol Alamat IP / nama domain Nama file

Contoh :http://simak.unsil.ac.id/index.php

protokol

alamat domain
TEKNIK / S1-IF / PI

file

Protocol
Protokol: aturan yang disepakati client dan server mengenai bagaimana cara berkomunikasi. Protokol aplikasi (tergantung aplikasi). client dan server saling berbalas pesan dalam format/sintaks dan urutan tertentu Protokol transmisi (TCP/IP). Pesan dipecah-pecah menjadi potongan paket-paket data setiap paket dapat melewati rute jaringan yang berbeda di tempat tujuan, paket-paket data dikonstruksi ulang menjadi pesan seperti semula
TEKNIK / S1-IF / PI

SURGERY OVERVIEW
#1 Web Browser & Web Server #2 Seribu Website Satu Server #3 Web Statis vs Web Dinamis #4 Halaman Awal Website #5 Anatomi sebuah Website
TEKNIK / S1-IF / PI

27/09/2013

#1 WEB BROWSER & WEB SERVER

TEKNIK / S1-IF / PI

Program yang kita pakai untuk menampilkan sebuah halaman website

TEKNIK / S1-IF / PI

WEB BROWSER

WEB SERVER

TEKNIK / S1-IF / PI

TEKNIK / S1-IF / PI

27/09/2013

software yang berjalan di komputer server, sebagai tempat menyimpan dokumendokumen web, shingga ia bisa diakses oleh pengguna web.
TEKNIK / S1-IF / PI

Sebuah website, diakses pada web browser dengan mengetikkan alamat dari web server tujuan.
TEKNIK / S1-IF / PI

Sebuah website, diakses pada web browser dengan mengetikkan alamat dari web server tujuan.
TEKNIK / S1-IF / PI

alamat = nomor IP atau nama domain

TEKNIK / S1-IF / PI

27/09/2013

Domain Name System (DNS)

Versi teks dari IP Address. Setiap nama domain memiliki IP Address
yang unikyang terasosiasi dengannya.

Top Level Domain

.com commercial .edu educational .gov government .mil military .net networking .org nonprofit organization .biz bussines .info multi purposes co corporate .ac academic .co.id .web.id regional .ac.id

Untuk mempermudah pengguna untuk

mengaksessuatu resource di Internet.

Contoh :
http://www.google.co.id http://64.233.181.105
TEKNIK / S1-IF / PI

TEKNIK / S1-IF / PI

Domain vs IP
www.google.com 2001:4860:4002:8 00::1013 74.125.227.50 74.125.227.51 74.125.227.52 74.125.227.48 74.125.227.49
TEKNIK / S1-IF / PI

Second Level Domain (Sub Domain)

if.unsil.ac.id if adalah sub domain dari

unsil.ac.id

mail.yahoo.com mail adalah sub

domain dari yahoo.com
TEKNIK / S1-IF / PI

27/09/2013

http://localhost/kaskus

demo...

TEKNIK / S1-IF / PI

TEKNIK / S1-IF / PI

Bagaimana web bekerja?

http://www.kaskus.co.id

1. 2. 3. 4.

user mengetik URL di browser browser menghubungi server yang tersebut pada URL setelah terhubung, browser mengirimkan HTTP request server menjawab dengan mengirim HTTP response (berisi header dan isi dokumen) 5. untuk dokumen yang terdiri atas beberapa file (misalnya dokumen bergambar), browser harus mengirimkan HTTP 6. request lagi untuk setiap file 7. browser menampilkan semua isi dokumen kepada user
TEKNIK / S1-IF / PI

TEKNIK / S1-IF / PI

27/09/2013

Server Side Scripting

WEB PROGRAMMING

PHP ASP JSP

TEKNIK / S1-IF / PI

TEKNIK / S1-IF / PI

Client Side Scripting

HTML Javascript CSS

TEKNIK / S1-IF / PI

#2 1000 WEBSITE 1 SERVER

TEKNIK / S1-IF / PI

27/09/2013

Contoh Multiple Website Satu Server

www.tokoobat.com www.emailq.com www.jalanjalan.net http://kucing.org www.mantap.com www.super.tv

TEKNIK / S1-IF / PI

118.21.8.9

kok BISA ?
TEKNIK / S1-IF / PI

Contoh Multiple Website Satu Server (2)

unsil.ac.id ft.unsil.ac.id if.unsil.ac.id pasca.unsil.ac.id dkk

TEKNIK / S1-IF / PI

118.97.187.91

virtual host
TEKNIK / S1-IF / PI

27/09/2013

sebuah fitur pada web server yang akan me-redirect request atas alamat domain tertentu, ke sebuah folder dalam web server tersebut
TEKNIK / S1-IF / PI

#3 WEB DINAMIS VS WEB STATIS

TEKNIK / S1-IF / PI

e.g.
Satu server
www.super.tv http://68.9.2.1/www.super.tv www.doremi.us http://68.9.2.1/www.doremi.us

web statis
TEKNIK / S1-IF / PI

satu server beda folder

TEKNIK / S1-IF / PI

27/09/2013

statis secara konten! bukan statis secara tampilan

TEKNIK / S1-IF / PI

mengedit konten = mengedit file html

TEKNIK / S1-IF / PI

cukup HTML saja. (tak perlu web programming)

AMAT SANGAT RIBET...!!

(bayangkan situs sekelas detik.com masih statis)

TEKNIK / S1-IF / PI

TEKNIK / S1-IF / PI

27/09/2013

web dinamis
TEKNIK / S1-IF / PI

butuh web programming (PHP, ASP, JSP, dll)

TEKNIK / S1-IF / PI

dinamis secara konten & bukan tampilan konten dapat berubah-ubah / dinamis

update konten = sesuai pemrogramannya (misal dengan update database)

TEKNIK / S1-IF / PI

TEKNIK / S1-IF / PI

27/09/2013

MEMUDAHKAN...!!
TEKNIK / S1-IF / PI

semisal ketika kita membuka

http://simak.unsil.ac.id/unsil.html

TEKNIK / S1-IF / PI

#4 HALAMAN AWAL WEBSITE

TEKNIK / S1-IF / PI

Artinya kita me-request file unsil.html yang terdapat di situs http://simak.unsil.ac.id

TEKNIK / S1-IF / PI

27/09/2013

Lah Terus? Jika yang diketik hanya seperti ini? http://simak.unsil.ac.id

Jawab : tergantung konfigurasi server!

TEKNIK / S1-IF / PI

TEKNIK / S1-IF / PI

file apa yang sebenarnya di-request & dibuka?

namun secara DEFAULT, umumnya adalah file index.php, index.html, home.html, dll

TEKNIK / S1-IF / PI

TEKNIK / S1-IF / PI

27/09/2013

Anatomy of a Website

#5 ANATOMY OF A WEBSITE
TEKNIK / S1-IF / PI

HTML CORE of a WEBSITE CSS untuk layouting JavaScript untuk interaktifitas Text Content (Artikel, dlsb) Media Content (images,flash,etc) Binary Content (applet Java,dll)
TEKNIK / S1-IF / PI

CARA MELAKUKAN OPERASI BEDAH INSTAN PADA WEBSITE

TEKNIK / S1-IF / PI

27/09/2013

klik kanan pada halaman website lalu pilih 'View Page Source'

TEKNIK / S1-IF / PI

Akan ditampilkan Source Code dari Website yang Anda buka

next session
CARA LAIN Pada halaman web yang tengah dibuka, pada keyboard silakan tekan 'Ctrl U' secara bersamaan

HTML DASAR

TEKNIK / S1-IF / PI

TEKNIK / S1-IF / PI