Pengantar Web Statis

Membahas :
• Definisi Web Statis
• Evolusi Web
• Konsep Dasar Web Desain
• Teknologi Pada Web Statis
• Potensi Pekerjaan Web Desainer
Definisi Web Statis
 Situs web adalah suatu halaman web yang
saling berhubungan, umumnya berada
pada peladen yang sama berisikan
kumpulan informasi yang disediakan
secara perorangan, kelompok, atau
organisasi. Situs web biasanya ditempatkan
pada sebuah server web yang dapat
diakses melalui internet
 Berdasarkan teknologi, web terbagi menjadi 2
jenis, yaitu web statis dan web dinamis.
Web statis dan web dinamis memiliki
kesamaan yaitu menampilkan halaman web di
internet yang memuat suatu informasi.
 Web statis adalah web dimana
penggunanya tidak dapat mengubah
website secara langsung melalui browser.
Jadi web statis ini dapat diubah secara manual
saja. Sedangkan web dinamis adalah situs web
yang kontennya dapat diperbaharui secara
berkala dengan mudah.
Evolusi Teknologi Web
 Browser : Browser Web GUI pertama bernama
Mosaic. Terdapat 5 browser populer (Firefox,
Internet Explorer, Google Chrome, Safari dan
Opera)
 Teknologi : HTML pertama tahun 1991, sekarang
sudah muncul HTML5, CSS3, WebWorker,
Geolocation, Web API, WebRTC, Offline WebApp
dan teknologi terbuka lainnya.
 Jumlah Pengguna : tahun 1996 sekitar 100 juta,
tahun 2017 sudah 3,4 milyar. (www.emarketer.com)
 Transfer Data : transfer data diinternet tahun
1995 mencapai 1 PetaByte, tahun 2011 sudah
mencapai 27,483 PetaByte
3 Kategori Alasan Mendasari
Penyusunan Halaman Web :
 Sarana Promosi Produk atau Jasa di
internet
 Contoh : Landing page, sales page
 Penyedia Informasi
 Contoh :Web sekolah, portal berita
 Untuk transaksi online
 Contoh : e-commerce, virtual banking
Hal yang harus diperhatikan
dalam mendesain website
 1. Estetika : warna (color), tataletak
(layout), tipografi.
 2. Usefulness : fungsionalitas teknologi
yang tepat.
 3. Usability atau kemudahan penggunaan :
waktu belajar, kecepatan kinerja.
 Nilai tambah :Animasi dan gambar
DESAIN YANG BURUK
Standar Teknologi Web
 Structural Layer Layer ini berhubungan dengan
struktur dokumen web. bagaimana sebuah
dokumen tersusun, format apa yang dipakai, tanda
atau mark up apa yang digunakan merupakan bagian
dari layer. Contoh : HTML, XHTML
 Presentation Layer Layer ini berhubungan
dengan bagaimana mengatur tampilan dokumen
pada layar. Contoh : CSS
 Behavioral Layer Layer ini berhubungan dengan
masalah penggunaan bahasa skrip dan
pemogramannya untuk tujuan meningkatkan sisi
interaktif dan dinamis halaman web.
 Contoh : Javascript, JQuery
Jenis Profesi Pada Web
Developer
 Web Designer : bertugas mendesain
tampilan situs (web) mulai dari pengolahan
gambar, tata letak, warna, dan semua aspek
visual situs.
 Web Programmer : bertugas dalam
melakukan pengcodingan atau pemograman
sebuah website agar dinamis.
 Web Administrator : bertugas
memaintenance suatu server.
 Web Master : mengerti semua hal, mulai
dari desain, program, dan keamanan server
Web Designer
 Seorang desainer Web adalah orang yang
bertanggung jawab untuk menentukan tampilan
sebuah website. Tugasnya adalah pendisainan
tampilan situs (web) mulai dari pengolahan gambar,
tata letak, warna, dan semua aspek visual situs.
Fokus utama mereka adalah tampilan / layout dari
web. Mereka lebih konsen dengan bagaimana
halaman terlihat dan apakah berfungsi sempurna
ketika sudah diberikan bahasa pemrograman.
Didalam pendandanan suatu situs seorang Web
Designer harus menguasai :
 - HTML, DHTML
 - Pengolah Gambar
 - Animasi, Movie (Film)
 Web Programmer
 Web Programmer bertugas dalam melakukan
pengcodingan atau pemograman sebuah website agar
dinamis. dimana agar sebuah web tersebut dapat telihat
mudah bagi seorang web admin.
 Jika situs yang akan dibuat mempunyai fasilitas interaksi
antara pengunjung dan situs misalnya menyangkut
dengan transaksi, input output data dan database maka
seorang Web Programmer yang akan mengerjakannya
dengan membuat aplikasi-aplikasi yang berkerja diatas
situs (web). Penguasaan yang biasanya harus dikuasai
pada umumnya oleh Web Programmer :
 - CGI Perl, PHP, MySQL (Unix base)
 - ASP (NT base)
 - Java Script dan Applet
Web Administrator
 Tugasnya adalah untuk memaintenance
suatu server, mengerti akan Sistem
Operasi Server, baik itu mulai dari instalasi
sampai kepada masalah (troubleshooting),
biasanya seorang Web Administrator
harus menguasai :
 - OS Unix (LInux, FreeBSD, dll)
 - OS NT
 - Jaringan (LAN,WAN, Intranet)
 - Keamanan Server
Web Master
 Seoarang Web Master adalah seorang yang
mengerti akan kesemua hal mulai dari disain,
program dan keamanan server namun tidak terlalu
turut mencampuri ke masing-masing divisi, cukup
dengan mempertanggun jawabkan atas jalannya
suatu situs (web). Penguasaan yang harus dimiliki :
 - HTML, DHTML
 - CGI Perl, PHP, MySQL,ASP, Java
 - Penguasaan bermacam OS (Operating System)
 - Keamanan Server
 - Jaringan (LAN,WAN, Intranet)
Web Developer
 Kegiatan diatas secara keseluruhan
dinamakan suatu team yang dinamakan
Web Developer.
 Web developer memberi bantuan seperti
konsultasi web, konsep web yang akan di
buat, membangun sebuat website..