Pengenalan Web
Oleh : Cosmas Haryawan
1
Penilaian:
◦ Presensi : 0 % ◦ Tugas/PR : 10 % ◦ TGA : 20 % ◦ UTS : 30 % ◦ UAS: 40 % UAS menjadi syarat memperoleh nilai
@2007 Cosmas Haryawan
2
Pengenalan Internet HTML CSS JavaScript
@2007 Cosmas Haryawan
3
Internet = Interconnection Networking Hubungan
komputer dengan berbagai tipe yang membentuk sistem jaringan yang mencakup seluruh dunia.
@2007 Cosmas Haryawan
4
Internet:
jaringan yang secara fisik menghubungkan jutaan komputer menggunakan protokol yang sama untuk berbagi informasi (TCP/IP)
◦ pada kenyataannya, Internet adalah jaringan yang tersusun atas jaringan-jaringan kecil.
World Wide Web:
Internet dalah hardware; Web adalah software Banyak bermunculan aplikasi berbasis inter lainnya
himpunan dokumen multimedia yang saling berhubungan yang disimpan pada Internet dan diakses menggunakan protokol yang sama (HTTP)
◦ email, telnet, ftp, usenet, Instant Messenger, Napster, …
@2007 Cosmas Haryawan
5
Tujuan awal dibangunnya proyek itu adalah untuk keperluan militer. Departemen Pertahanan Amerika Serikat (US Department Of Defense’s) membuat sistem jaringan komputer yang tersebar dengan menghubungkan komputer di daerahdaerah vital untuk mengatasi masalah bila terjadi serangan nuklir dan untuk menghindari terjadinya informasi terpusat, yang apabila terjadi perang dapat mudah dihancurkan.
@2007 Cosmas Haryawan
6
Pada mulanya ARPANET (Advanced Research Project Agency Net) hanya menghubungkan 3 situs saja yaitu Stanford Research Institute, University of California di Santa Barbara, University of Utah, dimana mereka membentuk satu jaringan terpadu di tahun 1969, dan secara umum ARPANET diperkenalkan pada bulan Oktober 1972. Tidak lama kemudian proyek ini berkembang pesat di seluruh daerah, dan semua universitas di negara tersebut ingin bergabung, sehingga membuat ARPANET kesulitan untuk mengaturnya. @2007 Cosmas Haryawan
7
Oleh sebab itu ARPANET dipecah manjadi dua, yaitu “MILNET” untuk keperluan militer dan “ARPANET” baru yang lebih kecil untuk keperluan non-militer seperti, universitasuniversitas. Gabungan kedua jaringan akhirnya dikenal dengan nama DARPA internet, yang kemudian disederhanakan menjadi internet. Untuk Sejarah Internet di Indonesia silakan lihat di : ◦ http://id.wikipedia.org/wiki/Sejarah_Internet_Indonesia
@2007 Cosmas Haryawan
8
Year Internet telah menunjukkan pertumbuhan secara exponensial – dua kali lipat pada setiap 1-2 tahun (statistik dari Internet Software Consortium)
Diperkirakan >600 juta pengguna Internet pada tahun 2002 (www.nua.ie)
Computers on the Internet
2002
162,128,493
2000
93,047,785
1998
36,739,000
1996
12,881,000
1994
3,212,000
1992
992,000
1990
313,000
1988
56,000
1986
5,089
1984
1,024
1982
235
9
Year Stats
from Netcraft Web Server Survey.
IE Netscape Mosaic
Computers on Web Servers on the Internet the Internet
2002
162,128,493
33,082,657
2000
93,047,785
18,169,498
1998
36,739,000
4,279,000
1996
12,881,000
300,000
1994
3,212,000
3,000
1992
992,000
50
10
Warnet: IE / Mozilla Windows OS LAN Warnet Gateway modem Line Telpon (ADSL) / Radio ISP Gateway ISP penyedia jaringan internasional (misal MCI di Singapura) kabel FO bawah laut pantai barat USA kabel FO trans amerika pantai timur server www.yahoo.com Perjalanan yang sangat panjang….tetapi hanya butuh beberapa detik. It’s amazing!
11
URL digunakan sebagai penunjuk lokasi pada internet. URL dapat dimisalkan dengan alamat yang menunjuk pada suatu lokasi. Sebagai contoh, Rumah Totok beralamatkan di Jalan Kupang Gang I No 10A Jakarta Pusat. Dengan demikian jika seseorang ingin ke rumah Totok maka orang tersebut akan menggunakan alamat rumah Totok sebagai penunjuk jalan. Demikian pula dengan URL, yang menjadi alamat absolut suatu situs yang akan dikunjungi. Jika suatu situs tidak mempunyai URL, maka situs web tersebut tidak akan dapat dikunjungi. Inilah fungsi dari URL yang sangat penting dalam dunia internet. @2007 Cosmas Haryawan
12
Umumnya format penulisan URL terdiri dari jenis protokol, nama web server dan direktori server. http://www.cmz.com/web/modul4. php?id=5&jur=si http adalah nama protokol, terletak pada bagian pertama dari susunan URL yang menspesifikasikan metode pengaksesan situs. Nama protokol sering juga disebut dengan istilah service (layanan). Service pada URL tidak hanya http, masih ada lagi yaitu gopher, news, dan ftp.
@2007 Cosmas Haryawan
13
www.cmz.com adalah nama web server yang diawali dengan tanda slash dua kali (//). Terkadang nama web server juga disertai dengan nomor port yang terletak di belakang nama web server. Sebagai contoh: //www.cmz.com:1234/ web adalah nama direktori web server. Pada URL susunan direktori dapat lebih dari satu, bergantung di mana Anda meletakkan file yang akan diakses. Pada contoh nama direktorinya adalah web, yang di dalamnya mungkin masih terdapat direktori lain. modul4.php adalah nama file yang diakses. Nama file yang akan diakses ditulis setelah direktori web server. Penulisan nama file harus disertai dengan ektensi file. id=5&jur=si adalah query (panggilan) yang digunakan untuk mentransfer variabel melalui URL, yang diawali dengan tanda tanya (?). Tanda & (dan) digunakan untuk menyambung variabel jika lebih dari satu.
@2007 Cosmas Haryawan
14
Protokol digunakan untuk menentukan jenis layanan yang akan Anda lakukan pada internet, seperti mengakses situs web, mentransfer file ke web server, mencari informasi dan sebagainya.
@2007 Cosmas Haryawan
15
HTTP (HyperText Transfer Protocol) HTTP adalah protokol yang sering digunakan untuk berkomunikasi antara browser dan web server melalui jaringan internet. HTTP memungkinkan kita untuk mengakses suatu situs dengan mentransfer dokumen html (hypertext) dari web server untuk ditampilkan pada browser. Contoh dari http adalah http://www.yahoo.com/
@2007 Cosmas Haryawan
16
FTP (File Transfer Protokol) FTP sering digunakan untuk mentransfer file dari web server melalui jaringan internet. Transfer file dapat berupa untuk mengirim file ke web server (upload) atau untuk mengambil file dari web server (download). Pada umumnya browserbrowser versi baru sudah mendukung penggunaan FTP. Dengan demikian Anda dapat melakukan transfer file ke web server tanpa menggunakan program-program transfer file seperti cuteFtp, WsFtp, securefx dan sebagainya.
@2007 Cosmas Haryawan
17
MAILTO Protokol mailto digunakan untuk mengirim email melalui jaringan internet. Bentuk format pada protokol ini adalah sebagai berikut: mailto:nama_email@namahost
Penggunaan protokol ini seringkali tidak digunakan karena user lebih menyukai mengirim email menggunakan program mail klien atau webmail yang ada di internet seperti Yahoo! mail, hotmail dan sebagainya.
@2007 Cosmas Haryawan
18
TCP/IP TCP/IP singkatan dari Transfer Control Protocol/Internet Protocol. TCP/IP merupakan jenis protokol yang memungkinkan komputer berkomunikasi dengan komputer lain melalui suatu jaringan yang sering disebut dengan internet. TCP/IP bekerja untuk mengatur bagaimana komputer terhubung ke internet dan mengatur pertukaran data yang terjadi pada komputer tersebut.
@2007 Cosmas Haryawan
19
Pada TCP/IP terdapat beberapa protokol kecil yang menangani masalah komunikasi antarkomputer, diantaranya adalah:
◦ TCP (Transmission Control Protocol) mengatur komunikasi antaraplikasi. ◦ UDP (User Datagram Protocol) mengatur komunikasi antaraplikasi. ◦ IP (Internet Protocol) mengatur komunikasi antarkomputer. ◦ ICMP (Internet Control Message Protocol) untuk mengatasi kesalahan dan statistik. ◦ DHCP (Dynamic Host Configuration Protocol) untuk pengalamatan dinamik.
mata kuliah jarkom
@2007 Cosmas Haryawan
20
Setiap komputer yang terhubung ke internet akan memiliki IP address yang berbeda-beda (unik). Pemberian IP address ini diatur oleh TCP/IP. TCP/IP menggunakan pengalamatan 32 bit yang tersusun atas empat angka yang berkisar antara 0 sampai 255 yang dipisahkan oleh tanda titik (.) . Contoh IP address misalnya 209.131.36.158 yaitu IP address www.yahoo.com
@2007 Cosmas Haryawan
21
Setiap komputer yang terhubung ke jaringan TCP/IP akan memiliki IP address yang unik. IP address yang 32 bit ini bukan merupakan hal yang mudah diingat karena berupa sederetan angka yang unik. IP address terdiri dari empat grup angka yang dipisah oleh titik. Angka tersebut berkisar dari 0 sampai 255. Sebagai contoh 202.180.25. 10, grup angka pertama yaitu 202 menandakan network (negara pada internet) dan grup yang terakhir menandakan id komputer. @2007 Cosmas Haryawan
22
Karena format IP address yang berupa angka, maka dapat diduga IP address akan sulit untuk diingat oleh manusia. Lebih mudah bagi manusia mengingat nama daripada angka, apalagi angka yang bersifat unik. Oleh karena itu diperlukan suatu cara untuk menghubungkan komputer yang terhubung ke jaringan internet, tanpa harus menginput IP address yaitu DNS (Domain Name System) atau biasa disebut dengan nama domain (domain name). @2007 Cosmas Haryawan
23
Nama Domain sebenarnya adalah representasi dari IP address. Sebagai contoh IP address adalah 209.131.36.158 yang merupakan address dari nama domain www.yahoo.com. Sebagai contoh, coba ketikkan kedua URL berikut pada browser anda. ◦ http://www.google.com ◦ http://64.233.189.104/
Kedua url tersebut akan menampilkan halaman yang sama, yaitu situs Google. Perbedaannya adalah saat mengetikkan url http://www.google.com, komputer akan terlebih dahulu mencari IP address dari google.com (yaitu http://64.233.1189.104) kemudian akan melink ke server tempat file-filenya disimpan. @2007 Cosmas Haryawan
24
Nama domain secara Internasional, yang biasanya disebut Top Level Domain (TLD), didaftarkan melalui InterNIC (International Network Information Center). Saat ini sudah ada banyak situs yang yang menawarkan jasa penjualan nama domain, diantaranya www.networksolutions.com, www.register.com, www.stargate.com, www.babahostin.com dan lainlain. Setiap TLD mengandung arti dari jenis situs mereka. @2007 Cosmas Haryawan
25
Top Level Domain .com
Komersil (commercial)
.net
Jaringan (network)
.org
Organisasi umum
.edu
Pendidikan atau pusat penelitian
.gov
Pemerintahan
.mil
Militer
26
.biz
Bisnis
.store Untuk toko .aero
Perusahaan penerbangan
.arts
Budaya dan hiburan
.rec
Rekreasi dan hiburan
.info
Pelayanan informasi
.name Individu atau keluarga
27
Sedangkan untuk Indonesia, nama domain diatur oleh IDNIC.
.co.id .net.id .or.id .web.id .ac.id
Perusahaan, diperlukan SIUPP dan NPWP sebagai syarat pendaftaran. Biasanya untuk ISP (Internet Service Provider) Organisasi Badan usaha, organisasi, atau perseorangan Universitas,sekolah,&lembaga pendidikn lainnya
.go.id .mil.id
Pemerintah
.war.net.id
Badan usaha ataupun perorangan yg bergerak di pelayanan warung Internet (Internet cafe)
Militer
28
Browser adalah sebuah program yang digunakan untuk menampilkan halaman web. Browser berkomunikasi dengan web server melalui protokol HTTP, yang membaca dan menerjemahkan bahasa HTML dan data gambar untuk ditampilkan secara visual sehingga informasi yang ada dapat dibaca. Contoh : Internet Explorer , Netscape , Opera, Mozilla , Firefox , Safari pada Mac Os, serta Lynx pada Unix dan Linux.
@2007 Cosmas Haryawan
29
Email merupakan salah satu produk yang dihasilkan pada masa sejarah berkembangnya internet. Dengan email komunikasi pada dunia internet menjadi lebih cepat dan efisien. Email adalah singkatan dari electronic mail (surat elektronik) yang fungsinya sama yaitu untuk mengirim surat atau pesan ke alamat yang dituju, tetapi dengan media internet. Webmaster profesional harus bisa berkomunikasi melalui email dengan baik. Melalui email, para pengguna dapat mengirim berita, gambar atau data kepada rekannya atau menjawab surat-surat yang ditujukan kepadanya. Para pengguna juga dapat mengirimkan file sebagai bagian atau lampiran dari surat yang disusunnya, juga dapat berlangganan berita kepada grup diskusi yang diminati (mailing list).
@2007 Cosmas Haryawan
30
Chatting adalah pembicaraan yang dilakukan kepada orang lain dengan menuliskan kata-kata dan menggunakan komputer yang terhubung ke internet secara bersamaan. Apa pun yang Anda ketik melalui keyboard, maka akan muncul pada layar komputer rekan chatting Anda. Ada banyak program-program chatting saat ini, di antaranya Yahoo Instant Messager (YIM), AOL, MSN, ICQ, IRC clan lain-lain.
@2007 Cosmas Haryawan
31
WWW (World Wide Web), merupakan kumpulan web server dari seluruh dunia yang berfungsi menyediakan data dan informasi untuk digunakan bersama. Web Site (Situs Web), merupakan tempat penyimpanan data dan informasi dengan berdasarkan topik tertentu. Diumpamakan situs Web ini adalah sebuah buku yang berisi topik tertentu. Web Pages (Halaman Web), merupakan sebuah halaman khusus dari situs Web tertentu. Diumpamakan halaman Web ini adalah sebuah halaman khusus buku dari situs Web tertentu. Homepage, merupakan sampul halaman yang berisi daftar isi atau menu dari sebuah situs Web. @2007 Cosmas Haryawan
32
HTML (HyperText Mark up Language) merupakan suatu metoda untuk mengimplementasikan konsep hypertext dalam suatu naskah atau dokumen. HTML sendiri bukan tergolong pada suatu bahasa pemrograman karena sifatnya yang hanya memberikan tanda (marking up) pada suatu naskah teks dan bukan sebagai program.
@2007 Cosmas Haryawan
33
HyperText Markup Language (HTML) is the language for specifying the static content of Web pages ◦ hypertext refers to the fact that Web pages are more than just text can contain multimedia, provide links for jumping within & without
◦ markup refers to the fact that it works by augmenting text with special symbols (tags) that identify structure and content type 34
Link hypertext adalah kata atau frase yang dapat menunjukkan hubungan suatu naskah dokumen dengan naskah-naskah lainnya. Jika kita klik pada kata atau frase untuk mengikuti link ini maka web browser akan memindahkan tampilan pada bagian lain dari naskah atau dokumen yang kita tuju. @2007 Cosmas Haryawan
35
HTML is an evolving standard (as new technology/tools are added) HTML 1 (Berners-Lee, 1989): very basic, limited integration of multimedia in 1993, Mosaic added many new features (e.g., integrated images)
HTML 2.0 (IETF, 1994): tried to standardize these & other features, but late in 1994-96, Netscape & IE added many new, divergent features
HTML 3.2 (W3C, 1996): attempted to unify into a single standard
but didn't address newer technologies like Java applets & streaming video
HTML 4.0 (W3C, 1997): current standard
attempted to map out future directions for HTML, not just react to vendors
XHTML 1.0 (W3C, 2000): HTML 4.01 modified to conform to XML standards HTML 5.0 Next Standard
@2007 Cosmas Haryawan
36
Dreamweaver dari Macromedia Frontpage Notepad Notepad++ Editplus PHPed UltraEdit TextPad dll
@2007 Cosmas Haryawan
37
Tidak case sensitive (huruf besar/kecil sama saja) Mempunyai ekstensi file htm, atau html Penulisan dibatasi oleh tag (penanda) yang diberi lambang <…> dan diakhiri/ditutup dengan . Isi titik-titik adalah tag yang dikenal dalam HTML Beberapa Tag tidak perlu ditutup dengan ◦ Catatan:Untuk standar XHTML semua tag harus ditutup @2007 Cosmas Haryawan
38
<meta>
… … …
@2007 Cosmas Haryawan
39
html
◦ Setiap document HTML biasanya di awali dan di tutup dengan tag HTML,yang memberi tahu browser bahwa yang berada di dalam kedua tag tersebut adalah document HTML.
head
◦ Bagian header dari document HTML berada di antara tag HEAD, di dalam bagian ini biasanya memuat tag TITLE yang menampilkan judul dari halaman pada titlenya browser. Header juga memuat tag META yang biasanya di gunakan untuk menentukan informasi tertentu mengenai document HTML. ◦ Tag HEAD ini (terutama META) tidak harus ada dalam pembuatan script HTML
body
◦ Document body di gunakan untuk menampilkan text, image link dan semua yang akan di tampilkan pada web page.
@2007 Cosmas Haryawan
40
:: Web Pertama :: Selamat Datang di Web Pribadiku
@2007 Cosmas Haryawan
41
