Ahmad Ali Mahrus, S.

Kom

WEB DESIGN &

PEMROGRAMAN WEB
(UNTUK KALANGAN SENDIRI)

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

STMIK PRANATA
INDONESIA
201
0
Jl. Raya Pondok Gede No. 21 Telp (021) 8467364 e-mail : [email protected]
http://www.pranataindonesia.ac.id
KATA PENGANTAR

Puji dan syukur penulis ucapkan kepada Allah SWT atas berkah, limpahan rahmat dan karunia-
Nya sehingga Modul Web Desain & Pemrograman Web ini dapat diselesaikan.

Dalam Penyusunan modul ini, penulis tidak luput dari kesulitan dan hambatan, tetapi berkat
bantuan dan motivasi dari berbagai pihak serta kerja keras penulis. Penulis menyadari bahwa dalam
penulisan modul ini belum sempurna masih banyak kekurangan baik dalam penyusunan materi
maupun teknik penulisan. Semoga skripsi ini berguna bagi semua dalam rangka menambah wawasan
pengetahuan khususnya bagi penulis.

Bekasi, Januari 2010

Ahmad Ali Mahrus,

S.Kom

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER | STMIK PRANATA INDONESIA 2|

 PERTEMUAN - 1
A. Pengenalan Web

1. Apa itu pengertian Desain ?

Istilah desain muncul sebagai hasil pola industri masal yang dimiliki serta pemikiran
modernisme dengan azas spesialisasinya. Secara singkat istilah desain dapat diartikan sebagai
hasil karya manusia yang harus dapat berfungsi untuk memecahkan suatu masalah (problem
solving). Pada awalnya desain disebut sebagai seni terapan (applied arts), untuk
membedakan dengan seni murni (fine arts). Namun setelah perkembangan industri moderen
terjadi proses sosialisasi yang memisahkan seni terapan menjadi sebuah bidang tersendiri
yang dinamakan desain.

2. Pengertian WWW (World Wide Web)

Merupakan kumpulan web server dari seluruh dunia yang berfungsi menyediakan
data dan informasi untuk digunakan bersama-sama.

3. Pengertian Web
Fasilitas hypertext yang mampu menampilkan data berupa teks, gambar, suara,
animasi, dan multimedia lainnya, di mana di antara data-data tersebut saling terkait dan
berhubungan satu dengan yang lainnya. Untuk memudahkan dalam membaca data tersebut
diperlukan sebuah web browser seperti Internet Explorer, Netscape, Opera, maupun Mozilla
Firefox

4. Pengertian Website
Merupakan tempat penyimpanan data dan informasi berdasarkan topik tertentu.
Diibaratkan web site ini seperti buku yang berisi topik tertentu. Web Pages (halaman web) :
merupakan sebuah halaman khusus dari situs web tertentu. Diibaratkan halaman web ini
seperti halaman khusus dari buku. Homepage : merupakan sampul halaman yang berisi
daftar isi atau menu dari sebuah situs web.

5. Pengertian Web Design

Adalah sebuah ilmu yang kompleks dalam hal merencanakan dan memproduksi situs
web, termasuk di dalamnya tehnical development, struktur informasi, desain visual dan
penyampaian informasi didalam jaringan internet.

B. Profesi yang berhubungan dengan situs web

a. Web Programmer
b. Web Administrator
c. Web Master

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER | STMIK PRANATA INDONESIA 3|

C. Penggunaan Web Dewasa ini

Situs web banyak diperlukan untuk berbagai kepentingan berkaitan dengan

penyampaian informasi, mulai dari perusahaan besar/ kecil, lembaga pemerintah,
pendidikan, dunia hiburan dsb.

Situs web juga terbukti menjadi media informasi yang diminati karena sifatnya yang
menarik, interaktif, jangkauannya global dan informasinya up to date.

D. Yang harus dikuasai oleh seorang Web Designer

1. Penguasaan cita rasa seni

a. Web designer harus mampu menciptakan keindahan di dalam halaman web, sehingga
pengguna mudah tertarik untuk membaca dan memahami informasi yang ada.
b. Web desainer mampu memilih warna yang baik dan memadukannya dengan warna lain,
sehingga tercipta perpaduan warna yang serasi namun tidak terkesan menyolok.
c. Web desainer mampu membuat bentuk atau sketsa yang baik dari bentuk dasar
halaman web.
d. Web designer harus mampu menggabungkan imajinasi atau ide orisinil dengan ide dari
pihak klien yang memesan desain, sehingga halaman web memberikan nilai tambah bagi
pihak klien.
e. Web designer mampu menempatkan komponen multimedia pada bagian-bagian
tertentu, sehingga halaman web menjadi lebih menarik.

2. Penguasaan tool pendukung perancangan web

a. Mampu menggunakan program aplikasi untuk mengatur layout web, seperti ; Ms.
Frontpage, Macromedia Dreamwweaver, Adobe Go Live, Page maker, dsb.
b. Mampu menggunakan program aplikasi untuk membuat animasi web, seperti ;
Macromedia Flash, Macromedia Director, Swish, dsb.
c. Mampu menggunakan program aplikasi untuk membuat desain grafis, seperti ; Adobe
Photoshop, AutoCad, Corel Draw, Adobe Ilustrator, Free Hand, dsb.
d. Mampu menggunakan program aplikasi untuk mengolah suara.

3. Penguasaan teknik membuat interface web

a. Seorang Web designer harus memiliki wawasan dalam bidang IMK (Interaksi Manusia
dan Komputer), sehingga dapat membuat desain web yang user friendly.
b. Seorang Web designer harus memahami setiap komponen-komponen dasar pembentuk
situs web, seperti bahasa HTML, penggunaan image, multimedia

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER | STMIK PRANATA INDONESIA 4|

PERTEMUAN - 2
E. Prinsip-prinsip Web desain

1. Situs web dibuat untuk pengguna

a. Seorang web designer harus mem-fokuskan desainnya pada kepentingan pengguna.
b. Harus memertimbangkan karakter pengguna, baik dari latar belakang, budaya,
pendidikan dan kepentingan yang berbeda.
c. Pertimbangan utama dalam perancangan adalah pengguna yang paling banyak.

2. Utility dan Usability

a. Utility adalah kegunaan atau fungsionalitas web.
b. Usability adalah sifat situs web yang mendukung kemampuan pengguna dalam
memanipulasi situs web, sehingga pengguna memperoleh apa yang diperlukan.
c. Situs web yang dibuat harus mempertimbangkan kedua aspek ini untuk mencapai tujuan
dari pembuatan situs web.

3. Correctness
a. Tidak ada kesalahan dalam penulisan script HTML.
b. Gambar-gambar yang ditampilkan sesuai yang diharapkan.
c. Elemen-elemen yang interaktif (Javascript, CGI dll) dapat berfungsi dengan benar.
d. Tidak ada kesalahan dalam sistem navigasi (link yang kosong atau broken link)

4. Batasan Media internet dan web

Browser
a. Rancangan situs web dibuat tidak hanya mendukung satu jenis browser saja.
b. Mempertimbangkan setting browser pengguna, sehingga halaman web dapat tampil
dengan lebih maksimal.
c. Buatlah situs web dengan teknologi yang compatible dan dapat didownload oleh
sebagian besar pengguna, sehingga bisa diterima oleh lebih banyak pengguna.
Bandwidth
d. Membuat halaman yang dapat diload browser secara cepat.
e. Beberapa tag-tag HTML (khususnya image dan table) ada atribut yang akan membantu
browser untuk menampilkan halaman web walaupun belum seluruh halaman di-load
secara lengkap dari web server.
f. Menggunakan format citra yang efisien.

5. Situs harus memperhatikan aspek GUI

a. Harus menggunakan prinsip-prinsip yang telah dikenal oleh pengguna. Baik dari sisi
simbol, bahasa, warna, icon dsbnya.
b. Harus mudah dipahami pada saat pertama kali pengguna mengunjungi situs web
tersebut, sehingga pengguna akan merasa enjoy untuk mengunjungi halaman web
tersebut.

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER | STMIK PRANATA INDONESIA 5|