Sekilas tentang World Wide Web

Presentasi berjudul: "Sekilas tentang World Wide Web"— Transcript presentasi:

1 Sekilas tentang World Wide Web
Pertemuan I – Mata Kuliah Desain Web

2 Desain Web (3 SKS) Genap 2010/2011
Overview Materi Pengenalan Internet, Sejarah, Web Pages World Wide Web (WWW) Fasilitas Internet Aplikasi Web Pengenalan penjelajah Web dan ragamnya URL, HTTP, Pengalamatan IP (IP addressing), TCP/IP, Host, Client-Server Kebutuhan untuk membuat web pages Yohanes Setiawan, S.Kom Desain Web (3 SKS) Genap 2010/2011

3 Desain Web (3 SKS) Genap 2010/2011
Internet Internet merupakan sistem jaringan komunikasi global yang terbuka dan menghubungkan ribuan jaringan komputer di seluruh dunia. Berasal dari kata “INTERconnected NETworking” / jaringan komputer yang saling terhubung. Yohanes Setiawan, S.Kom Desain Web (3 SKS) Genap 2010/2011

4 Konsep Dasar Jaringan Internet
Komputer client meminta layanan dari komputer server Komputer server mengirimkan layanan kepada komputer client Konsep arsitektur jaringan inilah yang disebut dengan sistem client-server. Yohanes Setiawan, S.Kom Desain Web (3 SKS) Genap 2010/2011

5 Desain Web (3 SKS) Genap 2010/2011
Intranet Intranet biasa disebut dengan private network merupakan jaringan yang biasanya ada di dalam sebuah perusahaan atau organisasi. Intranet menggunakan teknologi-teknologi dan protokol-protokol yang sama dengan Internet, tetapi hanya tersedia untuk orang-orang tertentu, seperti karyawan dari sebuah perusahaan. Yohanes Setiawan, S.Kom Desain Web (3 SKS) Genap 2010/2011

6 Desain Web (3 SKS) Genap 2010/2011
Kegunaan Intranet Intranet umumnya digunakan untuk menyimpan konten internal atau konten yang berhubungan dengan perusahaan, misalnya informasi tentang kebijakan perusahaan atau kepentingan karyawan. Karena keamanan dikontrol penuh oleh administrator, pengaturan keamanan untuk konten intranet lebih terbatas daripada pengaturan yang digunakan untuk konten yang berasal dari Internet. Yohanes Setiawan, S.Kom Desain Web (3 SKS) Genap 2010/2011

7 Desain Web (3 SKS) Genap 2010/2011
Internet Vs Intranet Perbedaan mendasar pada bagaimana cara halaman di alamatkan. Pada Internet, halaman Web di alamatkan dengan mengetik lengkap nama domain, misalnya : Untuk mengakses intranet, pengguna hanya perlu mengetik nama yang biasa, misalnya : Yohanes Setiawan, S.Kom Desain Web (3 SKS) Genap 2010/2011

8 Desain Web (3 SKS) Genap 2010/2011
Awal Mula Internet Teknologi Internet dimulai tahun 1969 Berawal dari jaringan komputer yang dibentuk oleh Advanced Research Projects Agency (ARPA) yang didanai oleh US Departement of Defense dengan nama ARPAnet. Tujuannya untuk mendesain sebuah jaringan yang mengijinkan komputer berbeda tipe dari sebuah jaringan dapat saling berkomunikasi. Tahun 1960-an dan 1970-an banyak teknologi jaringan komputer diciptakan. Yohanes Setiawan, S.Kom Desain Web (3 SKS) Genap 2010/2011

9 Desain Web (3 SKS) Genap 2010/2011
Tahapan Internet Tahap pertama, FTP Perpindahan berkas Tahap kedua, Gopher Internet browsing Tahap ketiga, WWW Pengembangan dari FTP dan Gopher Yohanes Setiawan, S.Kom Desain Web (3 SKS) Genap 2010/2011

10 Desain Web (3 SKS) Genap 2010/2011
Layanan Internet Akses komputer jarak jauh (remote login) Berbagi sumber daya, misalnya berbagi pemakaian printer, CPU, memori, harddisk. Komunikasi dengan pengguna lain Offline : (Electronic mail), mailing list, forum (kelompok diskusi), bulletin boards (kelompok berita/newsgroup) Online : Chatting (Yahoo! Messenger, GTalk, Nimbuzz, MSN, etc) Online & Offline : Social Network (Facebook, Friendster, Twitter, etc) Akses Informasi WWW, surfing, gopher, searching, download, upload Pemindahan berkas dengan FTP Mencari lokasi suatu file pada protokol FTP anonymous (archie search engine) Yohanes Setiawan, S.Kom Desain Web (3 SKS) Genap 2010/2011

11 FTP (File Transfer Protocol)
FTP termasuk layanan Internet yang merupakan protokol untuk melakukan pengunduhan (download) dan pengunggahan (upload) berkas-berkas komputer antara klien FTP dan server FTP. FTP mempunyai akun spesial, yaitu “anonymous” melalui unregistered users yang dapat digunakan untuk mengakses file pada komputer server. Sebuah server FTP diakses dengan menggunakan URL, syntax : ftp://namaserver , klien FTP dapat menghubungi server FTP dengan membuka URL tersebut. Yohanes Setiawan, S.Kom Desain Web (3 SKS) Genap 2010/2011

12 Desain Web (3 SKS) Genap 2010/2011
(1) Istilah : atau Electronic mail atau surat elektronik digunakan untuk menerima dan/atau mengirim pesan kepada orang lain dalam suatu jaringan yang sama maupun berbeda. juga menyediakan fasilitas untuk mengikutsertakan/melampirkan berkas (file attachment) yang akan dikirimkan kepada orang lain yang bisa berupa gambar, dokumen, suara, program, etc. Yohanes Setiawan, S.Kom Desain Web (3 SKS) Genap 2010/2011

13 Desain Web (3 SKS) Genap 2010/2011
(2) Syntax : Contoh : Penjelasan : admin adalah userid (nama login) atmaluhur.ac.id merupakan nama domain, dimana ac = academic, id = indonesia Yohanes Setiawan, S.Kom Desain Web (3 SKS) Genap 2010/2011

14 Desain Web (3 SKS) Genap 2010/2011
Mailing List (milis) Merupakan istilah untuk kelompok diskusi berbasis surat elektronik. Mengirimkan pesan ke pengguna yang memiliki kepentingan yang sama dengan mudah (dapat berupa artikel, berita, atau apa saja sesuai dengan topik yang ditentukan). Biasanya, mailing list dikoordinasi/dimoderasi oleh seseorang. Yohanes Setiawan, S.Kom Desain Web (3 SKS) Genap 2010/2011

15 Desain Web (3 SKS) Genap 2010/2011
WWW (World Wide Web) World Wide Web atau sering disebut Web, terdiri dari jutaan situs Web (Web site) dan setiap situs Web terdiri dari banyak halaman (Web page). Web merupakan salah satu layanan Internet yang paling terkenal dan tercepat pertumbuhannya. Menggunakan hypertext links (hyperlink) untuk melokasi dan menelusuri halaman Web server. World Wide Web atau Jejaring Jagad Jembar, merupakan nama yang diberikan untuk semua bagian Internet yang dapat diakses dengan penjelajah Web. Layanan Web meliputi suara, grafis, animasi, teks, dokumen dinamis. Yohanes Setiawan, S.Kom Desain Web (3 SKS) Genap 2010/2011

16 Contoh Sebuah Situs Web
Yohanes Setiawan, S.Kom Desain Web (3 SKS) Genap 2010/2011

17 Desain Web (3 SKS) Genap 2010/2011
Sejarah Web (1) Sejarah Web bermula di Laboratorium Eropa untuk Fisika Partikel yang lebih dikenal dengan nama CERN (Consei European pour la Recherce Nuclaire), di kota Genewa, perbatasan Prancis dan Swiss. CERN merupakan organisasi yang didirikan oleh 18 negara di Eropa. Maret 1989, Tim Berner-Lee dari CERN mengajukan protokol (suatu tatacara untuk berkomunikasi) sistem distribusi informasi di Internet yang memungkinkan para anggotanya yang tersebar di seluruh dunia (fisikawan) saling berbagi informasi dan bahkan menampilkan informasi tersebut dalam bentuk grafik. Yohanes Setiawan, S.Kom Desain Web (3 SKS) Genap 2010/2011

18 Desain Web (3 SKS) Genap 2010/2011
Sejarah Web (2) Protokol yang diajukan oleh Tim Berner-Lee selanjutnya dikenal sebagai protokol World Wide Web dan dikembangkan oleh World Wide Web Consortium. World Wide Web Consortium (W3C) merupakan konsorsium dari sejumlah organisasi yang berkepentingan dalam pengembangan berbagai standar yang berkaitan dengan Web. Yohanes Setiawan, S.Kom Desain Web (3 SKS) Genap 2010/2011

19 Desain Web (3 SKS) Genap 2010/2011
Sejarah Web (3) Awalnya terdapat sekitar 50 situs Web yang diterbitkan di-Internet dengan penjelajah Web yang masih berbasis teks. Pada tahun 1995, jumlah situs Web telah mencapai Sekarang, jumlah pemakai Web di Indonesia saja telah mencapai 45-jutaan dan akan terus bertambah. Yohanes Setiawan, S.Kom Desain Web (3 SKS) Genap 2010/2011

20 Desain Web (3 SKS) Genap 2010/2011
Fasilitas Web Beberapa jenis layanan Web : Web mail service : mail.yahoo.com, gmail.com, hotmail.com Mesin pencari (search engine) : google, yahoo, bing Web hosting : idwebhost.com Publikasi/blogging : Berbagi berkas (file sharing) : Hiburan (entertainment) : Yohanes Setiawan, S.Kom Desain Web (3 SKS) Genap 2010/2011

21 Desain Web (3 SKS) Genap 2010/2011
Aplikasi Web (1) Awalnya aplikasi Web hanya menggunakan bahasa markah yang disebut HTML (HyperText Markup Language) dengan menggunakan protokol HTTP (HyperText Transfer Protocol). Perkembangan berikutnya, sejumlah skrip dan objek ditambahkan untuk menyempurnakan kemampuan HTML, diantaranya: AJAX, ASP, PHP, JavaScript, XML, etc. Yohanes Setiawan, S.Kom Desain Web (3 SKS) Genap 2010/2011

22 Desain Web (3 SKS) Genap 2010/2011
Aplikasi Web (2) Aplikasi Web terbagi menjadi : Web Statis (hanya terdapat HTML saja, sifatnya harus meng-update skrip terus menerus untuk mengikuti setiap perubahan yang terjadi) Web Dinamis (perubahan informasi dilakukan pada perubahan data, bukan pada perubahan skrip, aplikasi dapat dikoneksikan ke database) Yohanes Setiawan, S.Kom Desain Web (3 SKS) Genap 2010/2011

23 Desain Web (3 SKS) Genap 2010/2011
Penjelajah Web Penjelajah Web (Web browser) merupakan perangkat lunak di sisi klien (client side) yang digunakan untuk mengakses informasi Web. Contoh penjelajah Web populer saat ini : Mozilla Firefox, Internet Explorer, Opera, Google Chrome. Yohanes Setiawan, S.Kom Desain Web (3 SKS) Genap 2010/2011

24 Sejarah Penjelajah Web
Penjelajah Web pertama yang muncul adalah Mosaic dari NCSA (National Center for Supercomputing Applications). Dibuat berbasis teks, dimana terdapat sekitar 50 situs Web yang di publish. Mei 1993, Marc Andreesen dan beberapa murid dari NCSA membuat penjelajah Web untuk sistem X-Windows yang berbasis grafik. 1994, Marc Andreesen meninggalkan NCSA dan kemudian bersama Jim Clark (salah satu pendiri dari Silicon Graphics) membuat Netscape versi pertama. Yohanes Setiawan, S.Kom Desain Web (3 SKS) Genap 2010/2011

25 Desain Web (3 SKS) Genap 2010/2011
URL Alamat untuk Web disebut URL (Uniform Resource Locator atau Universal Resource Locator), atau dikenal juga dengan istilah URI (Universal Resource Identifier). Syntax : namaprotokol:// Contoh : Penjelasan : http = jenis protokol atmaluhur.ac.id = nama domain server pmb = path atau direktori dimana berkas tersimpan daftar.html = nama berkas halaman Web yang menyimpan informasi Yohanes Setiawan, S.Kom Desain Web (3 SKS) Genap 2010/2011

26 HTTP (HyperText Transfer Protocol) 1
HTTP merupakan sebuah protokol jaringan yang digunakan untuk sistem informasi terdistribusi, kolaboratif, dan menggunakan hipermedia. Penggunaan HTTP banyak pada pengambilan sumber daya yang saling terhubung dengan tautan yang disebut dengan dokumen hiperteks. HTTP tidak terbatas hanya untuk penggunaan TCP/IP, walaupun HTTP merupakan salah satu protokol aplikasi TCP/IP paling populer di Internet. Yohanes Setiawan, S.Kom Desain Web (3 SKS) Genap 2010/2011

27 HTTP (HyperText Transfer Protocol) 2
Sebuah klien HTTP (seperti penjelajah Web) biasanya memulai permintaan dengan membuat hubungan ke port tertentu di sebuah server web hosting (umumnya port 80 atau 8080), klien ini sering dikenal dengan sebutan user agent. Server yang merespon (yang menyimpan sumber daya seperti berkas HTML dan gambar) dikenal sebagai origin server. Di antara user agent dengan origin server mungkin terdapat penghubung, misalnya : proxy, gateway, atau tunnel. Yohanes Setiawan, S.Kom Desain Web (3 SKS) Genap 2010/2011

28 Domain Name System (DNS)
Domain usaha/bisnis/kegiatan : .com (commercial) .edu (education) .gov (government) .mil (military) .net (network/layanan jaringan) .org (organization/yayasan/badan sosial) .tv (television) etc Domain negara : .co.id = indonesia .mil.id = militer indonesia .uk = united kingdom .au = australia Yohanes Setiawan, S.Kom Desain Web (3 SKS) Genap 2010/2011

29 Bagaimana Memulai Internet
Jaringan komputer lokal dikenal sebagai LAN (Local Area Network) – menghubungkan komputer jarak pendek (radius 100 meter), menggunakan kabel dan hardware yang sudah terinstall pada tiap komputer. Jaringan komputer besar dikenal dengan WAN (Wide Area network) – menghubungkan komputer dengan jarak yang luas dan besar, menggunakan saluran tranmisi yang kemudian juga memakai sistem telepon. Yohanes Setiawan, S.Kom Desain Web (3 SKS) Genap 2010/2011

30 Jenis Koneksi Internet
User Pribadi, menggunakan koneksi modem dial-up (line telepon) User Institusi/corporate (Dedicated Connection) Koneksi dial-up analog/digital (ISDN) Koneksi leased line (permanen) Koneksi VSAT (Very Small Apperture Terminal) Yohanes Setiawan, S.Kom Desain Web (3 SKS) Genap 2010/2011

31 Bagaimana agar terhubung ke Internet
Berlangganan ke Penyedia Jasa Layanan Internet (Internet Service Provider /ISP) dengan sistem : Dial up Connection (line telepon) Koneksi ke Internet bersifat sementara Dedicated Connection Koneksi ke Internet bersifat tetap, artinya hubungan ke Internet berlangsung selama 24 jam sehari, 7 hari seminggu, dan 365 hari Paket Data (Pulsa) Menggunakan handphone atau modem yang mendukung layanan teknologi GPRS, 3G, 3.5G (HSPA) dari operator seluler (mobile). Handphone dapat digunakan juga sebagai modem. Yohanes Setiawan, S.Kom Desain Web (3 SKS) Genap 2010/2011

32 Desain Web (3 SKS) Genap 2010/2011
Dial up Connection Untuk koneksi dial up dibutuhkan : Hardware (komputer, modem, saluran telepon) Software, pada umumnya disediakan oleh ISP dimana kita berlangganan, termasuk username dan password untuk login. Yang perlu dilakukan : Pasang modem ke komputer Install software Internet yang disediakan ISP Menghubungkan (dial up) ke ISP Modem (MOdulator DEModulator), merupakan suatu perangkat komunikasi tambahan bagi komputer yang berfungsi mengkonversikan signal analog (telepon) menjadi signal digital (komputer) dan sebaliknya. Yohanes Setiawan, S.Kom Desain Web (3 SKS) Genap 2010/2011

33 Desain Web (3 SKS) Genap 2010/2011
Dedicated Connection Jenis koneksi institusi/korporat, dengan jumlah karyawan dan komputer yang cukup banyak. Jenis koneksi dengan jaringan komputer lokal (LAN), dan untuk terhubung ke Internet melalui jasa ISP dengan sebuah modem dan saluran telepon sewa (leased line) yang online 24 jam. Semua komputer yang terhubung dalam jaringan LAN institusi tersebut akan memiliki akses Internet. Semua komputer dibuat jaringan dan dilengkapi dengan Ethernet Card (LAN Card). Yohanes Setiawan, S.Kom Desain Web (3 SKS) Genap 2010/2011

34 Desain Web (3 SKS) Genap 2010/2011
Dedicated Connection Yohanes Setiawan, S.Kom Desain Web (3 SKS) Genap 2010/2011

35 Desain Web (3 SKS) Genap 2010/2011
HSPA HSPA (High Speed Packet Access) atau akses paket kecepatan tinggi. HSPA merupakan jaringan mobile broadband dengan teknologi 3.5G yang memperluas dan memperbaiki kinerja protokol Universal Mobile Telecommunications System. Keluarga dari HSPA : HSDPA (High Speed Downlink Packet Access) HSUPA (High Speed Uplink Packet Access) HSPA+ (High Speed Packet Access+) Yohanes Setiawan, S.Kom Desain Web (3 SKS) Genap 2010/2011

36 Nomor/Alamat IP (IP Addressing)
Alamat IP merupakan sederetan angka biner unik yang dipakai sebagai alamat identifikasi untuk tiap komputer host dalam jaringan Internet. Terdiri dari 4 digit, masing-masing memiliki nilai dari 0 sampai 255 dan dipisahkan dengan titik. Sistem pengalamatan IP terbagi menjadi 2, yaitu : IP Versi 4 (IPv4) IP Versi 6 (IPv6) Yohanes Setiawan, S.Kom Desain Web (3 SKS) Genap 2010/2011

37 Desain Web (3 SKS) Genap 2010/2011
TCP/IP Transmission Control Protocol / Internet Protocol adalah suatu metode yang digunakan untuk mentransfer data ke seluruh jaringan. TCP/IP digunakan Internet sebagai media lalu lintas informasi dari komputer ke komputer dan dari jaringan ke jaringan. Yohanes Setiawan, S.Kom Desain Web (3 SKS) Genap 2010/2011

38 TCP/IP dan IP Addressing
Contoh nomor IP sebuah komputer: TCP/IP terdiri dari 2 komponen, yaitu Internet Protocol (IP) dan Transmission Control Protocol (TCP) Tiap komputer yang akan terkoneksi ke Internet HARUS memiliki nomor IP dari komputer sender dan komputer receiver. Yohanes Setiawan, S.Kom Desain Web (3 SKS) Genap 2010/2011

39 Router, Protocol, TCP/IP
Router : Alat jaringan yang digunakan untuk mendukung lalu lintas informasi secara bebas di antara pengguna dengan tipe jaringan yang berbeda (untuk menghubungkan LAN dengan WAN) Untuk gambaran yang lebih real, router diibaratkan sebagai “jembatan” Komputer yang terkoneksi membutuhkan sebuah Protocol; seperangkat alat yang berfungsi membagi dan mentransfer data Protokol jaringan yang terbaru disebut TCP/IP Yohanes Setiawan, S.Kom Desain Web (3 SKS) Genap 2010/2011

40 Mempersiapkan Situs Web
Untuk membuat sebuah situs Web, dibutuhkan : Penjelajah Web Penguasaan pemograman Web Koneksi Internet Web Space (Hosting) Nama domain Yohanes Setiawan, S.Kom Desain Web (3 SKS) Genap 2010/2011

41 Desain Web (3 SKS) Genap 2010/2011
Sebuah Situs Web Materi antara lain : TCP/IP (protokol komunikasi di Internet) IP Address (sistem pengalamatan di Internet) Nama Domain Server dan Client di Internet Web Server dan Web Client URL Penjelajah Web Yohanes Setiawan, S.Kom Desain Web (3 SKS) Genap 2010/2011