Pertemuan1 Pengantar Web Statis

STMIK EL RAHMA

Pengantar Web Statis

Wahyu Widodo, S.Kom.,M.Kom
Web Statis

STMIK EL RAHMA

Pengantar Web Service

Point Pembahasan Pertemuan 1 :
•
•
•
•
•

Definisi Web Statis
Evolusi Web
Konsep Dasar Web Desain

Teknologi Pada Web Statis
Potensi Pekerjaan Web Desainer

Web Statis

STMIK EL RAHMA

Pengantar Web Service

Web Statis itu apa?
Web statis adalah website yang mana pengguna tidak
bisa mengubah konten dari web tersebut secara
langsung menggunakan browser.

Web Statis

STMIK EL RAHMA

Pengantar Web Service

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)
Web Statis

STMIK EL RAHMA

Pengantar Web Service

Data Jumlah Pengguna Internet

Web Statis

STMIK EL RAHMA

Pengantar Web Service

Evolusi Teknologi Web
• Transfer Data : transfer data diinternet tahun
1995 mencapai 1 PetaByte, tahun 2011 sudah
mencapai 27,483 PetaByte
1 PetaByte = 1e+3 TeraByte

Web Statis

STMIK EL RAHMA

Pengantar Web Service

Evolusi Teknologi Web
• Rincian Detail Perubahan Teknologi

http://www.evolutionoftheweb.com
• Perubahan visualisasi interface dapat dilihat :
http://fabianburghardt.de/webolution/

Web Statis

STMIK EL RAHMA

Pengantar Web Service

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
Web Statis

STMIK EL RAHMA

Pengantar Web Service

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

Web Statis

STMIK EL RAHMA

Pengantar Web Service

Contoh Bad Design

Web Statis

STMIK EL RAHMA

Pengantar Web Service

Contoh Bad Design

Web Statis

STMIK EL RAHMA

Pengantar Web Service

Standar Teknologi Web
1) 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
2) Presentation Layer
Layer ini berhubungan dengan bagaimana mengatur
tampilan dokumen pada layar.
Contoh : CSS
Web Statis

STMIK EL RAHMA

Pengantar Web Service

Standar Teknologi Web
3) Behavioral Layer
Layer ini berhubungan dengan masalah penggunaan
bahasa skrip dan pemogramannya untuk tujuan
meningkatkan sisi interaktif dan dinamis halaman web.
Contoh : Javascript, JQuery

Web Statis

STMIK EL RAHMA

Pengantar Web Service

Jenis Profesi Pada Web Developer
1) Web Designer
bertugas mendesain tampilan situs (web) mulai dari
pengolahan gambar, tata letak, warna, dan semua aspek visual
situs.
2) Web Programmer
bertugas dalam melakukan pengcodingan atau pemograman
sebuah website agar dinamis.
3) Web Administrator
bertugas memaintenance suatu server.
4) Web Master
mengerti semua hal, mulai dari desain, program, dan
keamanan server
Web Statis

STMIK EL RAHMA

Pengantar Web Service

Potensi Pekerjaan Web Desainer
1) Author produk themes
contoh market place :
- themeforest.net
- jvzoo.com
2) Freelancer / Remotework
contoh market place :
- https://upwork.com
- https://remoteok.io/
Web Statis