Internet dan WWW - wayanordi.files.wordpress.com · Virtual Private Network (VPN) ... presentasi...

32
Internet dan WWW Pertemuan - II

Transcript of Internet dan WWW - wayanordi.files.wordpress.com · Virtual Private Network (VPN) ... presentasi...

Page 1: Internet dan WWW - wayanordi.files.wordpress.com · Virtual Private Network (VPN) ... presentasi graphic sederhana melalui web mulai dikembangkan.

Internet dan WWW

Pertemuan - II

Page 2: Internet dan WWW - wayanordi.files.wordpress.com · Virtual Private Network (VPN) ... presentasi graphic sederhana melalui web mulai dikembangkan.

Istilah-istilah Penting dalam dunia web:Website : kumpulan beberapa halaman web(webpage)Homepage : halaman pertama dari sebuah websiteDomain : nama computerURL : alamat lengkap webSemua website bergabung membentuk “jaringanabstrak” yg disebut WWW (World Wide Web)Data dari sebuah websites dapat diakses denganbantuan sebuah jaringan komunikasi yaitu InternetPengguna web yang mencari informasi disebutpihak client (menggunakan browser)Penyedia informasinya disebut pihak server (program khusus web server)

Page 3: Internet dan WWW - wayanordi.files.wordpress.com · Virtual Private Network (VPN) ... presentasi graphic sederhana melalui web mulai dikembangkan.

Web Browser

Macamnya ada yg berbasis text dan ada ygmenyajikan informasi secara grafisData diambil dari“http://www.netcraft.com", April 2004.

Page 4: Internet dan WWW - wayanordi.files.wordpress.com · Virtual Private Network (VPN) ... presentasi graphic sederhana melalui web mulai dikembangkan.

Web Server

Web Server paling popular: Apache, IIS, SunOne, JRun, dllData diambil dari“http://www.netcraft.com", April 2004.

Page 5: Internet dan WWW - wayanordi.files.wordpress.com · Virtual Private Network (VPN) ... presentasi graphic sederhana melalui web mulai dikembangkan.

Perbedaan Internet, internet dan WWWinternet : singkatan dari international network(jaringan international) bisa sama denganjaringan internal sebuah perusahaan multi-nasional yang pemakainya terbatas padakaryawan perusahaan tersebut tidak terbukauntuk umum.Internet : adalah sebuah Public International Network of Networks yaitu jaringan yang menghubungkan banyak sekali jaringan local yang boleh dipakai secara umum.Internet adalah istilah unt jaringan global ygmemakai protokol2 tertentu unt mengaturpengiriman data.

Page 6: Internet dan WWW - wayanordi.files.wordpress.com · Virtual Private Network (VPN) ... presentasi graphic sederhana melalui web mulai dikembangkan.

Perbedaan Internet, internet dan WWWWWW : jika Internet menjelaskan struktur teknissebuah jaringan, maka WWW adalah sebuah“ruang global informasi” yaitu sebuah “ruangabstrak” yang menyimpan informasiprotocol utama yang dipakai unt “ruang abstrak”web itu adlh HTTPInformasi dalam web disimpan dalam format tertentu (HTML)

Page 7: Internet dan WWW - wayanordi.files.wordpress.com · Virtual Private Network (VPN) ... presentasi graphic sederhana melalui web mulai dikembangkan.

Virtual Private Network (VPN)Jaringan terbatas yang memakai Internet sebagai sarananyaTidak boleh dipakai bebas oleh semua orangKomunikasi antar pengguna tetap didalamjaringan public InternetKeamanan data dapat dijamin karenamenerapkan sistem bahasa sandi

Page 8: Internet dan WWW - wayanordi.files.wordpress.com · Virtual Private Network (VPN) ... presentasi graphic sederhana melalui web mulai dikembangkan.

Sejarah Internet dan WWW

Page 9: Internet dan WWW - wayanordi.files.wordpress.com · Virtual Private Network (VPN) ... presentasi graphic sederhana melalui web mulai dikembangkan.

Sejarah Internet dan WWW

Page 10: Internet dan WWW - wayanordi.files.wordpress.com · Virtual Private Network (VPN) ... presentasi graphic sederhana melalui web mulai dikembangkan.

The Early WebVannevar Bush (1930)Hypertext adalah potongan-potongan informasiyang saling terhubung secara non-sequential, tetapi masih berkaitan, yang digunakan untukmembantu pembacaan (browsing) sekumpulaninformasi.HyperCard, Bill Atkinson – Apple Computer (1987) Tim Berners-Lee, CERN (1989)Suatu system hypertext harus dapatmenyediakan suatu access data jarak jauh, melintasi berbagai jenis jaringan, dan tidakmemerlukan suatu manajemen yang terpusat.“THE WEB WAS ABOUT INFORMATION”

Page 11: Internet dan WWW - wayanordi.files.wordpress.com · Virtual Private Network (VPN) ... presentasi graphic sederhana melalui web mulai dikembangkan.

Generasi Pertama : Mosaic

(1993) HTML, HTTP, CGISederhana: teks dengan beberapa buahgambar, juga sedikit form yang dapatberinteraksi

Page 12: Internet dan WWW - wayanordi.files.wordpress.com · Virtual Private Network (VPN) ... presentasi graphic sederhana melalui web mulai dikembangkan.

Generasi Pertama : Mosaic

belum menjadi prioritas perusahaan (pet project)

Page 13: Internet dan WWW - wayanordi.files.wordpress.com · Virtual Private Network (VPN) ... presentasi graphic sederhana melalui web mulai dikembangkan.

Generasi Kedua : Early Netscape

Netscape Navigator , versi beta (1994) fitur-fitur HTML yang barupresentasi graphic sederhana melalui web mulaidikembangkan.Commerce lewat Web menjadi semakin pentingFokus pada perancang grafik yang bagusAspek fungsional kurang diperhatikan.Web sebagai sarana komunikasi“THE WEB WAS ABOUT DOING SOMETHING”

Page 14: Internet dan WWW - wayanordi.files.wordpress.com · Virtual Private Network (VPN) ... presentasi graphic sederhana melalui web mulai dikembangkan.

Generasi Kedua : Early Netscape

Page 15: Internet dan WWW - wayanordi.files.wordpress.com · Virtual Private Network (VPN) ... presentasi graphic sederhana melalui web mulai dikembangkan.

Generasi Kedua : Early Netscape

Page 16: Internet dan WWW - wayanordi.files.wordpress.com · Virtual Private Network (VPN) ... presentasi graphic sederhana melalui web mulai dikembangkan.

Generasi Ketiga : Mature Netscape & IE

Netscape Navigator & Internet ExplorerInteraktivitas CD-ROMframes, style sheet, plug-in technologyJava, Java Script, ActiveX“THE WEB AS SERVICE PROVIDER”

Page 17: Internet dan WWW - wayanordi.files.wordpress.com · Virtual Private Network (VPN) ... presentasi graphic sederhana melalui web mulai dikembangkan.

Generasi Ketiga : Mature Netscape & IE

Page 18: Internet dan WWW - wayanordi.files.wordpress.com · Virtual Private Network (VPN) ... presentasi graphic sederhana melalui web mulai dikembangkan.

Generasi Ketiga : Mature Netscape & IE

Page 19: Internet dan WWW - wayanordi.files.wordpress.com · Virtual Private Network (VPN) ... presentasi graphic sederhana melalui web mulai dikembangkan.

Web EvolutionInternet Brochure -> mengiklankan produk dariperusahaan tertentuCorporate Internet Corporate Extranet Business to Consumer (B2C)Bussines to Employee (B2E)Bussines to Bussines (B2B)Market to Market (M2M)

Page 20: Internet dan WWW - wayanordi.files.wordpress.com · Virtual Private Network (VPN) ... presentasi graphic sederhana melalui web mulai dikembangkan.

Corporate IntranetPerusahaan membuat intranet sendiriUntuk kalangan sendiri (karyawan)Bersifat privatSeperti internet tetapi menggunakan autentikasiuntuk akses resourcesPunya web server sendiriSalah satu implementasinya adalah VPN (Virtual Private Network)

Page 21: Internet dan WWW - wayanordi.files.wordpress.com · Virtual Private Network (VPN) ... presentasi graphic sederhana melalui web mulai dikembangkan.

Corporate ExtranetExtranet memperbolehkan pihak luar (rekanbisnis) untuk mengakses resources yang adapada server perusahaanUntuk jaringannya dapat menggunakan Internet maupun private physical network (membangunjaringan internet sendiri)Pihak luar mengakses melalui firewall melaluidedicated connection

Page 22: Internet dan WWW - wayanordi.files.wordpress.com · Virtual Private Network (VPN) ... presentasi graphic sederhana melalui web mulai dikembangkan.

Bussines-to-Consumer (B2C)Didesain untuk mengiklankan produk yang dijualke klienMelayani proses jual beli via InternetMisal : Dell Computer Corporation (dell.com)

Page 23: Internet dan WWW - wayanordi.files.wordpress.com · Virtual Private Network (VPN) ... presentasi graphic sederhana melalui web mulai dikembangkan.

Bussines-to-Employee (B2E)Mirip dengan B2CTetapi pembelinya adalah pelaku bisnis juga(misal pabrik dengan distributor)Jumlah transaksi lebih banyakPembeli lebih loyal

Page 24: Internet dan WWW - wayanordi.files.wordpress.com · Virtual Private Network (VPN) ... presentasi graphic sederhana melalui web mulai dikembangkan.

Bussines-to-Bussines (B2B)Transaksi antar perusahaanPertukaran datanya menggunakan XML (Extensible Markup Language)

Page 25: Internet dan WWW - wayanordi.files.wordpress.com · Virtual Private Network (VPN) ... presentasi graphic sederhana melalui web mulai dikembangkan.

Market-to-Market (M2M)Mirip dengan B2BTetapi lebih dari 2 perusahaanMemperbolehkan banyak perusahaan untukberkompetisi dalam suatu marketplace

Page 26: Internet dan WWW - wayanordi.files.wordpress.com · Virtual Private Network (VPN) ... presentasi graphic sederhana melalui web mulai dikembangkan.

Kategori LainnyaBussines-to-Government (B2G)Consumer-to-Consumer (C2C)Aplication-to-Aplication (A2A)

Page 27: Internet dan WWW - wayanordi.files.wordpress.com · Virtual Private Network (VPN) ... presentasi graphic sederhana melalui web mulai dikembangkan.

WEB’S PURPOSEApa tujuan pembuatan suatu situs web?

Marketing, Promosi, CommerceEntertainmentTechnical SupportEkspresi seniPenelitianPublic relation

Siapa target pengunjungnya?Seberapa cakupan informasi dan fungsi yang

disediakan?

Page 28: Internet dan WWW - wayanordi.files.wordpress.com · Virtual Private Network (VPN) ... presentasi graphic sederhana melalui web mulai dikembangkan.

WEB DESIGN – Document Centered

Perancangan dokumen = PerancanganinformasiMemahami cara pembuatan dokumen (teks dangambar) yang membantu pembaca memahamiisi dokumen sesuai dengan tujuannya. (mis. Iklan, Laporan)→ tidak sama dengan printed dokumen→ isi, presentasi, struktur, teknologi, control

Page 29: Internet dan WWW - wayanordi.files.wordpress.com · Virtual Private Network (VPN) ... presentasi graphic sederhana melalui web mulai dikembangkan.

WEB DESIGN – Document Centered

Contoh : Christmas Tree Design→ dekorasi visual tanpa fungsi→ menghilangkan fokus→ waktu download lama

Page 30: Internet dan WWW - wayanordi.files.wordpress.com · Virtual Private Network (VPN) ... presentasi graphic sederhana melalui web mulai dikembangkan.

WEB DEVELOPMENT – Software CenteredFaktor Pendorong

Perubahan paradigma, bukan lagi ‘dokumenstatis’Kemajuan teknologi. DOM → dokumen dapatdiprogram dan dimanipulasi

Tantangan Baruunsur logikapenggunaan teknologi yang sesuaimasalah client, server, database, jaringanWeb Crisis : kebanyakan web site yang adasekarang 90% hanya sekedar interface (logikasangat sedikit,1998)

Page 31: Internet dan WWW - wayanordi.files.wordpress.com · Virtual Private Network (VPN) ... presentasi graphic sederhana melalui web mulai dikembangkan.

Web Site Engineeringpenggunaan prinsip-prinsip rekayasa perangkatlunak untuk menyelesaikan Web project yang sulit.tidak dapat diaplikasikan ‘mentah-mentah’

contoh model yang digunakan:RAD (Rapid Application Development)→ membuat site yang salah berkali-kali→ tidak ada standardisasi→ seorang Web developer tidak memilikikeahlian software development.

Page 32: Internet dan WWW - wayanordi.files.wordpress.com · Virtual Private Network (VPN) ... presentasi graphic sederhana melalui web mulai dikembangkan.

Web Site Engineering

Waterfall & Spiral Model→ membutuhkan perencanaan yang matang→ sistem pendokumentasian yang baik→ lambatBBB (buang buat baru)