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

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

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

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

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

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

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 : www.atmaluhur.ac.id Untuk mengakses intranet, pengguna hanya perlu mengetik nama yang biasa, misalnya : http://tatatertib Yohanes Setiawan, S.Kom Desain Web (3 SKS) Genap 2010/2011

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

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

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 : E-mail (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

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

Desain Web (3 SKS) Genap 2010/2011 Email (1) Istilah : Email atau Electronic mail atau surat elektronik Email digunakan untuk menerima dan/atau mengirim pesan kepada orang lain dalam suatu jaringan yang sama maupun berbeda. Email 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

Desain Web (3 SKS) Genap 2010/2011 Email (2) Syntax : userid@domainname Contoh : admin@atmaluhur.ac.id 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

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

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

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

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

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

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 300.000 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

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 : www.000webhost.com, www.rumahweb.com, idwebhost.com Publikasi/blogging : www.blogspot.com, www.wordpress.com, www.blogsome.com Berbagi berkas (file sharing) : www.4shared.com, www.indowebster.com, www.ziddu.com Hiburan (entertainment) : www.youtube.com Yohanes Setiawan, S.Kom Desain Web (3 SKS) Genap 2010/2011

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

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

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

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

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://www.domainname/path/namafile Contoh : http://www.atmaluhur.ac.id/pmb/daftar.html 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

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

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

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

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

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

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

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

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

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

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

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

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

TCP/IP dan IP Addressing Contoh nomor IP sebuah komputer: 222.124.143.202 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

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

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

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