Presentasi sedang didownload. Silahkan tunggu

Presentasi sedang didownload. Silahkan tunggu

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

Presentasi serupa


Presentasi berjudul: "Sekilas tentang World Wide Web Pertemuan I – Mata Kuliah Desain Web."— Transcript presentasi:

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

2 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 Desain Web (3 SKS) Genap 2010/2011Yohanes Setiawan, S.Kom2

3 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. Desain Web (3 SKS) Genap 2010/2011Yohanes Setiawan, S.Kom3

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. Desain Web (3 SKS) Genap 2010/2011Yohanes Setiawan, S.Kom4

5 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. Desain Web (3 SKS) Genap 2010/2011Yohanes Setiawan, S.Kom5

6 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. Desain Web (3 SKS) Genap 2010/2011Yohanes Setiawan, S.Kom6

7 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 : Desain Web (3 SKS) Genap 2010/2011Yohanes Setiawan, S.Kom7

8 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. Desain Web (3 SKS) Genap 2010/2011Yohanes Setiawan, S.Kom8

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

10 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) Desain Web (3 SKS) Genap 2010/2011Yohanes Setiawan, S.Kom10

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.ftp://namaserver Desain Web (3 SKS) Genap 2010/2011Yohanes Setiawan, S.Kom11

12 (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. Desain Web (3 SKS) Genap 2010/2011Yohanes Setiawan, S.Kom12

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

14 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. Desain Web (3 SKS) Genap 2010/2011Yohanes Setiawan, S.Kom14

15 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. Desain Web (3 SKS) Genap 2010/2011Yohanes Setiawan, S.Kom15

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

17 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. Desain Web (3 SKS) Genap 2010/2011Yohanes Setiawan, S.Kom17

18 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. Desain Web (3 SKS) Genap 2010/2011Yohanes Setiawan, S.Kom18

19 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. Desain Web (3 SKS) Genap 2010/2011Yohanes Setiawan, S.Kom19

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

21 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. Desain Web (3 SKS) Genap 2010/2011Yohanes Setiawan, S.Kom21

22 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) Desain Web (3 SKS) Genap 2010/2011Yohanes Setiawan, S.Kom22

23 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. Desain Web (3 SKS) Genap 2010/2011Yohanes Setiawan, S.Kom23

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. Desain Web (3 SKS) Genap 2010/2011Yohanes Setiawan, S.Kom24

25 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 : • 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 Desain Web (3 SKS) Genap 2010/2011Yohanes Setiawan, S.Kom25

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. Desain Web (3 SKS) Genap 2010/2011Yohanes Setiawan, S.Kom26

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. Desain Web (3 SKS) Genap 2010/2011Yohanes Setiawan, S.Kom27

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 – etc Desain Web (3 SKS) Genap 2010/2011Yohanes Setiawan, S.Kom28

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. Desain Web (3 SKS) Genap 2010/2011Yohanes Setiawan, S.Kom29

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) Desain Web (3 SKS) Genap 2010/2011Yohanes Setiawan, S.Kom30

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. Desain Web (3 SKS) Genap 2010/2011Yohanes Setiawan, S.Kom31

32 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. Desain Web (3 SKS) Genap 2010/2011Yohanes Setiawan, S.Kom32

33 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). Desain Web (3 SKS) Genap 2010/2011Yohanes Setiawan, S.Kom33

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

35 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+) Desain Web (3 SKS) Genap 2010/2011Yohanes Setiawan, S.Kom35

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) Desain Web (3 SKS) Genap 2010/2011Yohanes Setiawan, S.Kom36

37 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. Desain Web (3 SKS) Genap 2010/2011Yohanes Setiawan, S.Kom37

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. Desain Web (3 SKS) Genap 2010/2011Yohanes Setiawan, S.Kom38

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 Desain Web (3 SKS) Genap 2010/2011Yohanes Setiawan, S.Kom39

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

41 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 Desain Web (3 SKS) Genap 2010/2011Yohanes Setiawan, S.Kom41


Download ppt "Sekilas tentang World Wide Web Pertemuan I – Mata Kuliah Desain Web."

Presentasi serupa


Iklan oleh Google