Istilah-istilah Penting dalam dunia web (rekayasa Web)

Istilah-istilah Penting dalam dunia web:Website : kumpulan beberapa halaman web(web
page)
Homepage : halaman pertama dari sebuah website
Domain : nama computer
URL : alamat lengkap web

Semua website bergabung membentuk “jaringan
abstrak” yg disebut WWW (World Wide Web)
Data dari sebuah websites dapat diakses dengan
bantuan sebuah jaringan komunikasi yaitu Internet
Pengguna web yang mencari informasi disebut
pihak client (menggunakan browser)
Penyedia informasinya disebut pihak server
(program khusus web server)
 
 Web Browser
Macam-nya ada yg berbasis text dan ada yg
menyajikan informasi secara grafis
Data diambil dari
“http://www.netcraft.com", April 2004.
 

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

Perbedaan Internet, internet dan WWW
internet : singkatan dari
international network
(jaringan international) bisa sama dengan
jaringan internal sebuah perusahaan multi-
nasional yang pemakainya terbatas pada
karyawan perusahaan tersebut tidak terbuka
untuk 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 yg
memakai protokol2 tertentu unt mengatur
pengiriman data.
 

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

Virtual Private Network (VPN)
Jaringan terbatas yang memakai Internet
sebagai sarananya
Tidak boleh dipakai bebas oleh semua orang
Komunikasi antar pengguna tetap didalam
jaringan public Internet
Keamanan data dapat dijamin karena
menerapkan sistem bahasa sandi
 


Sejarah Internet dan WWW
 

Web Design
Web Design secara sederhana dapat diartikan
proses pembuatan websites yang menarik
(appealing) dan dapat digunakan (usable)
Web “publishing” adalah istilah untuk
menjelaskan keseluruhan proses dari
perencanaan dan pembangunan website
Bagaimana menurut anda websites yang baik?
Apakah penting design atau fungsionalitasnya?
Apakah website yang banyak dikunjungi orang /
visitor menjamin website tersebut bagus?
 

Web Design
Graphic Design (artistic style, color theory,
typography, dan semua aspek visual) adalah
bagian yang penting pada web process tapi <>
web design
Web Design juga meliputi information design,
yang menjelaskan bagaimana informasi diatur
dan dihubungkan
Hypertex theory, client side programming, server
side programming juga merupakan bagian dari
web design
Next.. Web Evolution..
 

The Early Web
Muncul ide Hypertext
Hypertext
adalah potongan-potongan informasi
yang saling terhubung secara
non-sequential
,
tetapi masih berkaitan, yang digunakan untuk
membantu pembacaan (
browsing
) sekumpulan
informasi. (Ted Nelson, 1965)
HyperCard
, Bill Atkinson – Apple Computer
(1987) System Hypertext yang mudah
digunakan
Tim Berners-Lee, CERN (1989)
Suatu system hypertext harus dapat
menyediakan suatu access data jarak jauh,
melintasi berbagai jenis jaringan, dan tidak
memerlukan suatu manajemen yang terpusat.
 

Generasi Pertama : Mosaic
(
1993) HTML, HTTP, CGI
Sederhana: teks dengan beberapa buah
gambar, juga sedikit form yang dapat
berinteraksi
HTML & Browser tidak support backgroud color,
object centering, screen layout control, dan style
sheet
Simple code with perl
Belum menjadi prioritas perusahaan (allocated
little or no budget)
  

 Generasi Pertama : Mosaic

belum menjadi prioritas perusahaan (
pet project
)
 

Generasi Kedua : Early Netscape
Netscape Navigator
, versi beta (1994)
fitur-fitur HTML yang baru
Centering, building tables, setting background
color
Commerce
lewat Web menjadi semakin penting
(1996)
Fokus pada perancang grafik yang bagus
daripada aspek fungsional.
Kompleksitas kode CGI meningkat dramatis
Cookie diperkenalkan sebagai solusi baru
Web sebagai sarana komunikasi
 

Generasi Kedua : Early Netscape

Generasi Ketiga : Mature Netscape & IE
Netscape Navigator & Internet Explorer
Java Plug-in
More layout : frames, style sheet
Java, Java Script, ActiveX
Presentation-oriented services (animation dan
video)
Web sebagai penyedia layanan di Internet mis :
(FedEX, Southwest Airlines, MovieLinks, dll)
Bertambah kompleks (graphic design
knowledge, bussiness knowledge, database
skill, programming skill)

   Generasi Ketiga : Mature Netscape & IE

 

Web Evolution
Internet Brochure -> mengiklankan produk dari
perusahaan tertentu
Corporate Internet
Corporate Extranet
Business to Consumer (B2C)
Bussines to Employee (B2E)
Bussines to Bussines (B2B)
Market to Market (M2M)
 

Corporate Intranet
Perusahaan membuat intranet sendiri
Untuk kalangan sendiri (karyawan)
Bersifat privat
Seperti internet tetapi menggunakan autentikasi
untuk akses resources
Punya web server sendiri
Salah satu implementasinya adalah VPN (Virtual
Private Network)
 

Corporate Extranet
Extranet memperbolehkan pihak luar (rekan
bisnis) untuk mengakses resources yang ada
pada server perusahaan
Untuk jaringannya dapat menggunakan Internet
maupun private physical network (membangun
jaringan internet sendiri)
Pihak luar mengakses melalui firewall melalui
dedicated connection
 

Bussines-to-Consumer (B2C)
Didesain untuk mengiklankan produk yang dijual
ke klien
Melayani proses jual beli via Internet
Misal : Dell Computer Corporation (dell.com)
 

Bussines-to-Employee (B2E)
Mirip dengan B2C
Tetapi pembelinya adalah pelaku bisnis juga
(misal pabrik dengan distributor)
Jumlah transaksi lebih banyak
Pembeli lebih loyal
 

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

Market-to-Market (M2M)
Mirip dengan B2B
Tetapi lebih dari 2 perusahaan
Memperbolehkan banyak perusahaan untuk
berkompetisi dalam suatu marketplace
 

Kategori Lainnya
Bussines-to-Government (B2G)
Consumer-to-Consumer (C2C)
Aplication-to-Aplication (A2A)
 

WEB’S PURPOSE
Apa tujuan pembuatan suatu situs web?
Marketing, Promosi, Commerce
Entertainment
Technical Support
Penelitian, Public relation
Siapa target pengunjungnya?
Seberapa cakupan informasi dan fungsi yang
disediakan?
Berapa nilai projectnya?
Butuh berapa lama untuk mengerjakan?
 

Document Centered Web Page Design
Perancangan dokumen = Perancangan
informasi
Memenuhi suatu tujuan tertentu (mis:
meyakinkan pembaca untuk membeli barang)
Memahami cara pembuatan dokumen (teks dan
gambar) yang membantu pembaca memahami
isi dokumen sesuai dengan tujuannya. (mis.
Iklan, Laporan)
Kunci dari good document design adalah
keseimbangan content, presentasi, struktur,
teknologi, control
 

Document Centered Web Page Design
Menghindari
Christmas Tree Design
dekorasi visual tanpa fungsi
menghilangkan fokus pada content
waktu load halaman lama
 

Software-Centered Web Development
Faktor Pendorong
Perubahan paradigma, semakin mirip program
aplikasi bukan lagi ‘dokumen statis’
Kemajuan teknologi. DOM
dokumen dapat
diprogram dan dimanipulasi (javascript)
Perkembangan Server Side Programming (PHP,
JSP, ColdFusion)
Kemajuan teknologi ASP.NET (object yang runat
server) sehingga lebih kaya dengan event
Membuat aplikasi web seperti membuat aplikasi
desktop biasa
 

Software-Centered Web Development
Tantangan Baru
unsur logika
penggunaan teknologi yang sesuai
masalah client, server, database, jaringan
Web Crisis : pengembangan aplikasi web
menjadi semakin kompleks









Evolution Web Site
Design
Erick Kurniawan, S.Kom, M.Kom