WEBSITE

I Made Bhaskara Gautama

KOMPONEN WEB

Client dan Server

Internet Service Provider (ISP)
Website Hosting Services
Domains Names, URL’s and IPs
Registrars
CLIENT DAN SERVER

Clients Servers
Internet Explorer Apache
Mozilla Firefox Microsoft IIS
Chrome lighttpd
Opera Zeus
Safari AOLserver
Konqueror nginx
Netfront IBM HTTP Server
Amaya Oracle HTTP Server
INTERNET SERVICE PROVIDER (ISP)

Company Type Connection

Indosat Dial up
Telkom ADSL
Telkomsel Broadband
Centrin WiFi
Channel 11 WiMAX
Lintas Artha Power line
Blueline Cable modem
Bali Medianet Satellite
… …
WEB SITE HOSTING SERVICES

Server Farm
Software Web Server
Firewall (Hardware dan Software)
IT services
(Backup, troubleshooting, perbaikan hardware)
Media Penyimpanan Data
Koneksi Internet
Router dan switch
Email server / storage
NAMA DOMAIN, URL, DAN ALAMAT IP

Nama domain: Alamat sebuah komputer (server) pada internet

microsoft.com
Uniform Resource Locator (URL):
http://www.microsoft.com/faqs.html
Alamat IP
192.168.1.1
DOMAIN REGISTRARS

Sebuah perusahaan yang menyediakan servis registrasi nama

domain dengan biaya tertentu.
Memelihara database yang memetakan alamat domain dengan
alamat IP.
Menyebarluaskan informasi nama domain/alamat IP pada internet.
MEMBUAT WEBSITE

Memilih nama domain

Melakukan registrasi pada domain registrar
Memilih hosting service
Menginformasikan alamat IP hosting kepada domain registrar
Membuat konten web
Mem-publish web ke hosting server (FTP)
Submit web ke mesin pencari
DASAR PERANCANGAN WEB

Desain grafis untuk web

Konsep navigasi untuk web
Pengaturan teks pada web
Pengaturan link
Konten dan informasi
Editing dan pemeliharaan web
PRINSIP DESAIN WEB YANG BAIK

Berorientasi pengujung, dengan maksud yang jelas

Progressive disclosure
Tampil dengan cepat
Kompatibel dengan segala jenis browser
Navigasi yang intuitif
Ejaan, tata bahasa, dan tulisan yang baik
Aman (terutama yang berhubungan dengan transaksi)
Atraktif dan mudah dibaca
Dinamis dan responsif
Mendukung pengguna penyandang disabilitas
Tidak memiliki masalah teknis (link, bug)
Mudah dipelihara (arsitektur)
Terjangkau oleh mesin pencari
MENGIDENTIFIKASI PENGUNJUNG

Age Nationality
Gender Language
Race Political Affiliation
Religion Education
Technical Level Marital Status
NAVIGASI WEB

Linear

Hierarchical
Mesh

Combination
Mesh-Linear
PENGGUNA BERHENTI MENGGUNAKAN WEB

Waktu loading yang terlalu lama

Tidak memiliki informasi penting yang diinginkan pengguna dan
tidak memiliki maksud tujuan yang jelas
Pop up
Navigasi yang tidak jelas
Link tidak berfungsi sebagaimana mestinya
Layout yang kurang baik
TEKNOLOGI DAN TOOLS

Markup Languages
HTML, DHTML, XML, XSLT, etc....
Cascading Style Sheets (CSS)
Scripting languages
perl, javascript, php, etc....
Software untuk membuat dan editing web
Notepad, FrontPage, Dreamweaver, Kompozer, Amaya, Aptana, Sublime Text, etc..
THANK YOU…