7 BAB II
LANDASAN TEORI
2.1. Definisi Komunikasi
Dalam kehidupan bermasyarakat kita selalu berkomunikasi untuk menjalin
sebuah hubungan. Karena dengan adanya komunikasi kita akan mengetahui
tentang suatu hal masing-masing antara satu dengan yang lainnya. Komunikasi
merupakan sebuah proses interaksi manusia dalam menyampaikan pesan kepada
manusia lainnya berupa kode-kode, gambar-gambar, bentuk, tulisan maupun
lambang dan isyarat yang sudah disepakati bersama melalui adanya saluran
komunikasi dengan akibat yang ditimbulkannya agar memberikan sebuah
perubahan didalam diri komunikannya 7
Komunikasi juga merupakan bentuk interaksi manusia yang saling
mempengaruhi satu sama lain, sengaja atau tidak sengaja dan tidak terbatas pada
bentuk komunikasi verbal, tetapi juga dalam hal ekspresi muka, lukisan, seni dan
juga teknologi.8
2.1.1. Proses Komunikasi
Proses komunikasi adalah setiap langkah mulai dari saat menciptakan
informasi sampai dipahami oleh komunikan. Komunikasi adalah proses, sebuah
kegiatan yang berlangsung continue. Joseph De Vito (1996) mengemukakan
7
Irwin (Samuel A, K. 1980, Hal 244)
8
8
komunikasi adalah transaksi. Hal tersebut dimaksudkan bahwa komunikasi
merupakan suatu proses, dimana komponen-komponen saling berkait. Bahwa para
pelaku komunikasi beraksi dan bereaksi sebagai satu kesatuan dan keseluruhan.9
Dalam aplikasinya, langkah-langkah dalam proses komunikasi adalah
sebagai berikut:10
Keterangan:
1. Langkah pertama, ide/gagasan diciptakan oleh sumber/komunikator.
2. Langkah kedua, ide yang diciptakan tersebut kemudian dialihbentukan
menjadi lambang-lambang komunikasi yang mempunyai makna dan dapat
dikirimkan.
9
Drs. Tommy Suprapto. M.S, Pengantar Teori & Manajemen Komunikasi, Penerbit: MEDPRESS (Anggota IKAPI), 2009, Hlm 7 10 Ibid, hlm 8 ENCODING BALIKAN DECODING PENGIRIMAN IDE
9
3. Langkah ketiga, pesan yang telah di-encoding tersebut selanjutnya
dikirimkan melalui saluran/media yang sesuai dengan karakteristik
lambang-lambang yang ditujukan kepada komunikan.
4. Langkah keempat, penerima menafsirkan isi pesan sesuai dengan
persepsinya untuk mengartikan maksud pesan tersebut.
5. Langkah kelima, apabila pesan tersebut telah berhasil di-decoding
khalayak akan mengirim kembali pesan tersebut ke komunikator.
Proses komunikasi terbagi menjadi dua tahap, yaitu secara primer dan
secara sekunder.
1. Proses komunikasi secara primer
Proses komunikasi secara primer adalah proses penyampaian pikiran dan
atau perasaan seseorang kepada orang lain dengan menggunakan lambang
(symbol) sebagai media. Lambang sebagai media primer dalam proses
komunikasi adalah bahasa, isyarat, gambar, warna, dan lain sebagainya yang
secara langsung mampu “menerjemahkan” pikiran dan atau perasaan komunikator kepada komunikan.11
2. Proses komunikasi secara sekunder
Proses komunikasi secara sekunder adalah proses penyampaian pesan
oleh seseorang kepada orang lain dengan menggunakan alat atau sarana
sebagai media kedua setelah memakai lambang sebagai media pertama.
Seorang komunikator menggunakan media kedua dalam melancarkan
komunikasinya karena komunikasi sebagai sasarannya berada di tempat yang
11
10
relatif jauh atau jumlahnya banyak. Contoh, surat, telepon, teleks, surat kabar,
majalah, radio, televisi, film dan banyak lagi media kedua yang sering di
gunakan dalam komunikasi.12
2.2. Komunikasi Visual
Saat mesin cetak ditemukan di abad ke-15, istilah yang digunakan untuk
bidang desain adalah “graphic arts” yang masih dikonotasikan dengan seni. Tapi sejak abad ke-20 istilahnya menjadi “graphic communication” atau “visual
communication”. Hal ini menggambarkan peran komunikasi sebagai kunci
penting dalam bidang ini.13
Komunikasi visual merupakan payung dari berbagai kegiatan komunikasi
yang menggunakan unsur rupa (visual) pada berbagai media, seperti
percetakan/grafika, luar ruang (marka grafis, papan reklame), televisi, film/video,
internet dan lain-lain, dua dimensi maupun tiga dimensi, baik yang statis maupun
bergerak (time based).14
Komunikasi visual juga merupakan komunikasi yang menggunakan
bahasa visual, dimana unsur dasar bahasa visual (yang menjadi kekuatan utama
dalam penyampaian pesan) adalah segala sesuatu yang dapat dilihat dan dapat
dipakai untuk menyampaikan arti, makna atau pesan. Metode desain komunikasi
visual merupakan sebuah proses kreatif.15
12
Ibid. hlm 16
13
Ana, Yuliastanti, Bekerja Sebagai Desainer Grafis, (Jakarta: Erlangga Group), hlm 12
14
Ibid. hlm 13
15
11
Munculnya istilah “komunikasi visual” sebenarnya juga merupakan akibat
dari makin meluasnya media yang dicakup dalam bidang komunikasi lewat
bahasa rupa ini: percetakan/grafika, film dan video, televisi, design web dan cd
interaktif.16
2.2.1 Peranan Komunikasi Visual
Secara garis besar peranan komunikasi viual dapat dikelompokkan
menjadi tiga bagian, yaitu:
1. Identititas/jatidiri/brand: di sini bentuk visual digunakan untuk menandai
seseorang atau aspirasi kelompok, baik perusahaan, partai politik, negara,
ataupun agama. Contohnya bendera, lambang dan logo.
2. Informasi: Bersifat memberitahu agar orang yang melihat (pembaca
visual) mendapat pengertian.
3. Persuasi/pembujukan: Membujuk dapat dikatakan sebagai yang lebih
berbudaya dibandingkan dengan pemaksaan maupun penyogokan. Anda
dapat melihat betapa besarnya peranan persuasi dalam komunikasi (siasat
menjual gagasan agar orang mau menerimanya). Persuasi dilakukan
melalui penawaran gagasan dalam suatu kondisi tertentu (yang
menawarkan dan yang ditawari mempunyai kedudukan yang sama), yang
ditawari dapat menerima atau menolak tawaran.
16
12 2.2.2 Menentukan Konsep Desain Website
Membuat sebuah konsep merupakan langkah awal memulai mengerjakan
sesuatu. Konsep desain bagi seorang desainer dapat dijadikan sebagai pedoman
alur pengerjaan website, dari mana proses desain dimulai, apa saja yang
diperlukan dan bagaimana hasil akhirnya. Bagi klien sendiri, konsep desain dapat
memberikan gambaran (preview) bagaimana tampilan layout website mereka.
Menurut saya, konsep desain yang bagus merupakan hasil kesepakatan antara
desainer dan klien. Klien memiliki otoritas penuh terhadap website mereka.
Mereka dapat menerima atau menolak konsep desain website yang kita buat.
Inilah yang menjadi tantangan bagi seorang desainer yang bekerja untuk klien,
menyediakan konsep desain yang sesuai dengan visi mereka dan membuat mereka
mau memberikan testimonial yang manis pada hasil kerja kita.17
2.2.3. Desain Komunikasi Visual
Desain Komunikasi Visual adalah ilmu yang mempelajari konsep
komunikasi dan ungkapan daya kreatif, yang diaplikasikan dalam berbagai media
komunikasi visual dengan mengolah elemen desain grafis terdiri dari gambar
(ilustrasi), huruf, warna, komposisi dan layout. Semuanya itu dilakukan guna
menyampaikan pesan secara visual, audio dan audio visual kepada target sasaran
yang dituju.18
17
Blogspot.com/menentukan-konsep-desain-website.html
18
13
Desain Komunikasi Visual sebagai salah satu bagian dari seni terap yang
mempelajari perihal perencanaan dan perancangan berbagai bentuk informasi
komunikasi visual. Perjalanan kreatifnya diawali dari menemukan permasalahan
komunikasi visual, mencari data verbal dan visual, menyusun konsep kreatif yang
berlandaskan pada karakteristik target sasaran, sampai dengan penentuan
visualisasi final desain untuk mendukung tercapainya sebuah komunikasi
verbal-visual yang fungsional, persuasif, artistik, estetis dan komunikatif. 19
Elemen-elemen dasar desain tidak dapat berdiri sendiri sebagian tujuan
dari fungsi, maupun estetika karena semuanya merupakan pertalian yang saling
berhubungan agar dapat memberikan kenyamanan dan juga mempunyai jiwa
sebagai wujud kedalaman estetika suatu desain.
Prinsip komposisi terdiri dari kesatuan, keseimbangan, irama, kontras,
fokus dan proporsi.
1. Kesatuan
Kesatuan atau unity merupakan salah satu prinsip yang menekankan pada
keselarasan dari unsur-unsur yang disusun, baik dalam wujudnya maupun
kaitannya dengan ide yang melandasinya.
2. Keseimbangan
Keseimbangan atau balance merupakan prinsip dalam komposisi yang
menghindari kesan berat sebelah atas suatu bidang atau ruang yang diisi
dengan unsur-unsur rupa.
19
14
3. Irama
Irama atau ritme adalah penyusunan unsur-unsur dengan mengikuti suatu
pola penataan tertentu secara teratur agar didapatkan kesan yang menarik.
Penataannya dapat dilaksanakan dengan mengadakan pengulangan
maupun pergantian secara teratur.
4. Kontras
Kontras didalam suatu komposisi diperlukan sebagai vitalitas agar tidak
terkesan monoton. Tentu saja, kontras ditampilkan secukupnya saja karena
bila terlalu berlebihan akan muncul ketidakteraturan dan kontradiksi yang
jauh dari kesan harmonis.
5. Fokus
Fokus atau pusat perhatian selalu diperlukan dalam suatu komposisi untuk
menunjukkan bagian yang dianggap penting dan diharapkan menjadi
perhatian utama. Penjagaan keharmonisan dalam membuat suatu fokus
dilakukan dengan menjadikan segala sesuatu yang berada di sekitar fokus
mendukung fokus yang telah ditentukan.
6. Proporsi
Proporsi adalah perbandingan ukuran antara bagian dengan bagian dan
antara bagian dengan keseluruhan. Prinsip komposisi tersebut menekankan
pada ukuran dari suatu unsur yang akan disusun dan sejauh mana ukuran
itu menunjang keharmonisan tampilan suatu desain.20
20
15 2.2.4 Elemen Desain Komunikasi Visual
Desain yang menekankan fungsi tanpa keindahan atau estetika, tidak akan
menarik sehingga tidak komunikatif. “Menarik” atau “Indah” bisa dinilai dengan menggunakan mata (lahir) atau dengan hati (batin). Desain bisa menarik karena
indah dipandang atau konsepnya yang kreatif. Keindahan yang dibahas lebih
ditekankan pada kemampuan mata sebagai penilai.21
Agar menarik mata (eye cathing) diperlukan pengetahuan tentang unsur atau
komponen dalam desain komunikasi visual, antara lain :
1. Garis (Line) 2. Bidang (Shape) 3. Warna 4. Ilustrasi / gambar 5. Huruf/ tipografi 6. Ruang (Space) 7. Layout 8. Logo 1. Garis (Line)
Secara sederhana, garis dapat dimaknai sebagai jejak dari suatu benda.
Garis tidak memiliki kedalaman (depth), hanya memiliki ketebalan dan panjang.
Wujud garis sangat bervariasi, Anda dapat memanfaatknnya sesuai kebutuhan dan
citra yang diinginkan. Garis lurus mempunyai kesan kaku dan formal. Garis
21
16
lengkung memberi kesan lembut dan luwes. Garis zig-zag terkesan keras dan
dinamis. Garis tak beraturan mempunyai kesan fleksibel dan tidak normal.22
Gambar 2.1 Garis lurus, bergelombang, Zi zag, dan tidak beraturan, masing-masing memiliki citra yang berbeda
Arah garis juga dapat diatur sesuai dengan citra atau mood yang
diinginkan. Perhatikan beberapa contoh garis pada Gambar 2.2. Garis-garis
horizontal memiliki kesan pasif, tenang dan damai, sedangkan garis-garis vertikal
memiliki kesan stabil, gagah dan elegan, sementara garis-garis diagonal memiliki
kesan aktif, dinamis, begerak dan menarik perhatian.
Gambar 2.2 Garis tegak (vertical),
mendatar (horizontal), dan miring (diagonal),
masing-masing memiliki citra yang berbeda
Penggunaan garis dalam desain komunikasi visual berbeda dengan fungsi
garis pada gambar teknik atau gambar kerja. Desain komunikasi visual tidak
terikat pada aturan atau ketentuan dalam pemakaian garis. Anda bahkan tidak
harus menggunakan garis bila memang tidak perlu. Garis adalah elemen visual
yang didapat dipakai di mana saja dengan tujuan untuk memperjelas dan
mempermudah pembaca. Garis sering dipakai di tepi halaman sebagai margins,
22
17
sebagai pembatas kolom, pembingkai foto (frame), atau sebagai pengisi bidang
kosong.
Penggunaan garis perlu diperhitungkan secara cermat sehingga tidak
terkesan dipaksakan. Tujuan dari desain komunikasi visual adalah untuk
menyajikan informasi, baik verbal maupun visual, agar dapat ditangkap oleh
pembaca dengan mudah, menarik, menyenangkan sekaligus mengesankan.23
2. Bidang (shape)
Unsur desain yang kedua adalah bidang (shape). Segala bentuk apa pun
yang memiliki dimensi tinggi dan lebar disebut bidang. Bidang dapat berupa
bentuk-betuk geometris (lingkaran, segitiga, segiempat, elips, setengah lingkaran,
dan sebagainya) dan bentuk-bentuk yang tidak beraturan. Bidang geometris
memiliki kesan formal. Sebaliknya, bidang-bidang non-geometris atau bidang
tidak beraturan memiliki kesan tidak formal, santai dan dinamis.24
Gambar 2.3 Bidang geometris (atas). Dan tidak beraturan (bawah), citra formal dan informal
Pengertian bidang dalam desain grafis tidak sebatas itu saja. Area kosong
di antara elemen-elemen visual dan space yang mengelilingi foto, bisa pula
23
Ibid, 59
24
18
disebut sebagai bidang. Bidang kosong (blank space) bahkan bisa dianggap
sebagai elemen desain, seperti halnya garis, warna, bentuk, dan sebagainya.
Sama seperti garis, pemberian bidang kosong dimaksudkan untuk
menambah kenyamanan baca (legibility) dan menimbulkan minat atau gairah
membaca. Secara visual, teks dan illustrasi yang dikelilingi bidang kosong akan
lebih nyaman dilihat dan tampak lebih menonjol.25
3. Warna
Salah satu unsur visual yang dapat dengan mudah menarik perhatian
pembaca adalah warna. Betapa sepinya dunia desain grafis tanpa kehadiran warna.
Namun demikian, Anda perlu hati-hati dalam penggunaan warna. Apabila
pemakaian warna kurang tepat maka dapat merusak citra, mengurangi nilai
keterbacaan, dan bahkan dapat menghilangkan gairah baca. Jika Anda dapat
menggunakan dengan tepat, warna dapat membantu menciptakan mood dan
membuat teks lebih berbicara. Sebagai contoh, desain publikasi yang
menggunakan warna-warna soft dapat menyampaikan kesan lembut, tenang dan
romantik. Warna-warna kuat dan kontras dapat memberi kesan dinamis,
cenderung meriah.26
Warna membantu kita untuk mengenali suatu obyek tertentu. Warna
membantu memahami sesuatu. Warna dapat merebut perhatian, menarik,
menolak, menggemaskan, bahkan bisa mempengaruhi emosi. Warna dapat
menimbulkan kesan pertama pada pengunjung ketika menjelajah sebuah situs web
25
Ibid, 68
26
19
karena warna adalah hal yang pertama dilihat (terutama warna background). Kita
juga bisa membuat situs kita menampilkan warna terlebih dahulu sementara
konten dan unsur lainnya (teks dan image) masih dalam proses download. Cara ini
akan menciptakan kesan untuk seluruh situs itu.27
Warna dapat digunakan untuk:
Menegaskan elemen yang dianggap penting.
Menarik perhatian.
Membimbing pembaca untuk menetukan daerah mana yang seharusnya lebih dahulu dibaca.
Menghubungkan antara satu elemen dengan yang lain (penggunaan warna
background halaman yang sama dengan background foto).
Mengatur informasi yang ditampilkan (kode warna pada sebuah manual).
Menentukan bagian-bagian yang berbeda dari sebuah grafik
Mengelompokkan atau memisahkan elemen yang satu dengan yang lain.
Membangkitkan respons yang emosional.
Warna dapat berfungsi dan berperan sangat banyak dalam sebuah desain
web. Namun demikian saat kita memilih sebuah warna, kita perlu berhati-hati
dengan efek-efek yang dipilih. Desainer harus memperhatikan komposisi warna
yang akan digunakannya dalam membuat situs web karena dapat mengidentifikasi
tema dari situs itu.
27
20
Dalam seni rupa, warna dapat dilihat dari tiga dimensi, yaitu:28 1. Hue: pembagian warna berdasarkan nama-nama warna, seperti merah, biru,
hijau, kuning dan seterusnya.
2. Value: terang-gelapnya warna.
3. Intensity: tingkat kemurnian atau kejernihan warna.
Berdasarkan Hue (dibaca: hju), warna dipilahkan menjadi tiga golongan,
yaitu:
- Warna primer (primary colours) terdiri dari merah, kuning dan biru.
- Warna sekunder (secondary colours), merupakan campuran dua warna
primer dengan perbandingan seimbang (1:1), menghasilkan warna oranye
(merah+kuning), hijau (kuning+biru), dan ungu (biru+merah). Jika warna
primer dicampur dengan warna sekunder akan terjadi warna-warna tersier
(tertiary colours), yaitu kuning-oranye, merah-ungu, biru-ungu, biru-hijau,
dan kuning-hijau.
Gambar 2.4 Warna primer: kuning, merah, biru
28
21
Gambar 2.5 Warna sekunder: hijau, oranye, ungu
Gambar 2.6 Warna tersier: kuning-oranye, Merah-oranye, merah-ungu, Biru-ungu, biru-hijau, dan Kuning-hijau
Secara visual warna dapat dibagi menjadi dua golongan, yaitu warna
dingin dan warna panas. Warna-warna dingin, seperti hijau, biru, hijau-biru,
biru-ungu, dan ungu dapat memberikan kesan pasif, statis, kalem, damai, dan secara
umum kurang mencolok. Sebaliknya, warna-warna panas, seperti merah,
merah-oranye, merah-oranye, kuning-merah-oranye, kuning, kuning-hijau, dan merah-ungu memiliki
kesan hangat, dinamis, aktif dan mengundang perhatian.29
Dimensi warna yang kedua adalah Value, yaitu terang-gelapnya warna.
Semua warna dapat dikurangi atau diperlemah kekuatannya dengan cara
dimudahkan (dibuat lebih terang) atau dituakan (dibuat lebih gelap). Warna-warna
29
22
yang dimudakan dengan cara menambahkan warna putih disebut warna tint,
sedangkan warna yang dituakan dengan cara menambkan sedikit hitam, disebut
warna shade.30
Selain hue dan value, warna dapat dilihat dari aspek intensitas (intensity),
yaitu tingkat kemurnian atau kejernihan warna (brightness of colour). Anda dapat
mengurangi intensitas warna untuk membuat lebih redup dan netral, dengan cara
menambahkan sedikit warna lain. Para pelukis umumnya kurang menyukai
warna-warna murni karena sering dianggap “warna mentah” belum diolah atau
dicampur dengan warna-warna lain. Untuk membuat warna-warna “matang”,
pelukis sering mencampur- aduk beberapa warna menjadi warna-warna baru yang
lebih matang, harmonis, dan punya cirri khas . 31
Menurut Molly E. Holzschlag, seorang pakar tentang warna, dalam tulisannya “ Creating Colour Scheme “ membuat daftar mengenai kemampuan masing-masing warna ketika memberikan respons secara psikologis kepada
masing-masing warna ketika memberikan respons secara psikologis kepada
pemirsanya sebagai berikut:32
30 Ibid, 75 31 Ibid, 77 32
23
Tabel 2.1 Tabel Warna dan Kesan Psikologis
4. Ilustrasi / Gambar
4. Ilustrasi / Gambar
Menurut Michael Bernie (1997:116) Secara umum ilustrasi membantu
sebuah iklan karena mempunyai daya angkat dan sebuah dimensi tambahan.
Ilustrasi digunakan dengan alasan untuk mempertunjukan produk, memberi orang
berminat suatu iklan dan membuat mereka membacanya serta membagi teks.33
5. Huruf / Tipografi
Tipografi didefinisikan sebagai suatu proses seni untuk menyusun bahan
publikasi menggunakan huruf cetak. Oleh Karena Itu, “ menyusun “ meliputi
merancang bentuk cetak hingga merangkainya dalam sebuah komposisi yang tepat
untuk memperoleh suatu efek tampilan yang dikehendaki.
yang tepat untuk memperoleh suatu efek tampilan yang dikehendaki.34
33
Hendi Hendratman St, Tips nTrix Computer Graphics Design. Informatika Bandung, hal 22
34
24
Rangkaian huruf dalam sebuah kata atau kalimat bukan saja bisa berarti
suatu makna yang mengacu kepada sebuah objek atau gagasan, tetapi juga
memiliki kemampuan untuk menyuarakan suatu citra ataupun kesan secara visual.
Hal itu dikarenakan terdapatnya nilai fungsional dan nilai estetika dalam suatu
huruf. Pemilihan jenis huruf disesuaikan dengan citra yang ingin diungkapkan.35
A. Jenis Huruf
Jenis huruf sangat banyak tetapi secara garis besar dapat dikategorikan
menjadi lima, yaitu:
1. Serif
Jenis huruf ini berciri mempunyai stroke atau ekor. Bentuk huruf ini
berkesan resmi/formal dan elegan/intelektual, anggun dan konservatif pada
desain. Bentuk hurufnya yang berkaki membuat garis tidak kelihatan
sehingga memudahkan mata pembaca untuk menelusuri dan membaca
teks.
Huruf Serif terbagi menjadi 4 jenis, yaitu:
a. Style
Huruf ini memiliki kait dengan bentuk kurva yang menghubungkan
dengan garis utama huruf sehingga terlihat lebih kuno daripada huruf
serif lainnya. Contohnya adalah Caslon, Caxton, Garamond, Goudy,
Palatino, Early Roman. 35
25
Garamond
Palatino
Gambar 2.7 Jenis Huruf Serif Old Style b. Transitional
Antara kait dengan garis utama huruf dihubungkan dengan lengkungan
yang memiliki sudut pada kaitnya. Contoh dari huruf ini adalah
Baskerville, Century, Times New Roman, Tiffany.
Baskerville
Century
Times New Roman
Gambar 2.8 Jenis Huruf Serif Transitional
c. Modern
Kait dari garis utama dibentuk dengan sudut-sudut. Huruf serif jenis
ini tampak lebih modern daripada huruf serif lainnya. Contohnya
adalah Bodoni.
Bodoni
Gambar 2.9 Jenis Huruf Serif Modern
d. Egyptian (Slab Serif)
Egyptian atau Slab Serif memiliki kait yang lebih tebal. Egyptian juga
sering dipergunakan pada tema-tema western atau cowboy. Contohnya
26 2. Sans-Serif
Sans-serif adalah jenis huruf yang tidak memiliki stroke/ekor. Ujungnya
bisa berbentuk tumpul (rounded corner) atau tajam. Contoh jenis huruf ini
adalah Arial, Verdana dan Avant Garde. Jenis ini terlihat sederhana dan
tidak formal sehingga cocok untuk judul dan subjudul.
Arial Black
Verdana
Gambar 2.10 Jenis Huruf Sans-Serif
3. Decorative
Jenis huruf yang mempunyai desain yang rumit, sesuatu yang baru yang
menciptakan suasana hati yang membangkitkan emosi. Jadi jangan
digunakan untuk teks yang panjang atau isi halaman. Gunakan untuk judul
dan grafik asal jangan terlalu banyak. Karena jenisnya yang banyak, font
decorative bisa membangkitkan respons yang berbeda.
Stencil
Old English Text
Jokerman
27 4. Skrip
Jenis ini menyerupai tulisan tangan, sering disebut kursif (cursive). Jangan
terlalu banyak digunakan. Bentuk huruf ini memberi kesan anggun,
sentuhan pribadi dan kepuasan. Pemakaiannya jangan sampai terlalu
banyak.
Brush Script
Kuensiler
Gambar 2.12 Jenis Huruf Skrip 5. Monospace
Jenis huruf yang mempunyai jarak dan lebar yang sama untuk setiap
hurufnya, misalnya courier, monospace. Bentuk monospace banyak
dipakai oleh designer yang beraliran grunge alternative.
Courier new
Gambar 2.13 Jenis Huruf Monospace
B. Penggunaan Huruf
Ada beberapa hal agar huruf dapat dibaca dengan mudah dan enak dilihat,
yaitu:
1. Buatlah kontras yang tinggi antara teks dengan latar belakang atau
antara teks dengan gambar karena warna teks dengan intensitas cahaya
28
layar monitor karena cahaya yang dipancarkan oleh kedua warna
tersebut tidak memberikan perbedaan yang nyata pada mata.
2. Pilihlah jenis huruf yang mudah dibaca, biasanya jenis Serif dan
Sans-Serif karena membaca di layar monitor tidak senyaman seperti
membaca buku. Layar monitor bertindak sebagai sumber cahaya yang
memancarkan cahaya ke mata. Intensitas cahaya langsung diterima
mata tanpa adanya media perantara sehingga mata akan merasa cepat
lelah bila membaca pada layar monitor.
3. Secara formal, pasangkan jenis huruf Serif untuk isi halaman dan
Sans-Serif untuk judul. Jika menggunakan beberapa macam jenis huruf
dalam sebuah halaman, biasanya jenis huruf Decorative atau Skrip
digunakan untuk judul dan Serif atau Sans-Serif untuk isi halaman,
agar bervariasi. Jenis huruf Decorative atau Skrip lebih sulit untuk
dibaca. Jika dipakai untuk judul maka harus agak besar.
6. Ruang (Space)
Dengan ruang, kita dapat merasakan jauh - dekat, tinggi - rendah, panjang
- pendek, kosong – padat, besar – kecil dll. Ukuran tersebut sifatnya relatif.
Ukuran-ukuran tersebut muncul karena ada pembanding. Ruang merupakan jarak
antara suatu bentuk dengan bentuk lainnya yang pada praktek desain dapat
dijadikan unsure untuk memberi efek estetika desain. Dalam bentuk fisiknya
pengidentifikasian ruang digolongkan menjadi dua unsure, yaitu obyek (figure)
dan latar belakang (background).36
36
29 7. Tata Letak (Layout)
Layout adalah proses penataan dan pengaturan teks atau grafik pada
halaman. Layout meliputi penyusunan, pembagian tempat dalam suatu halaman,
pengaturan jarak spasi, pengelompokan teks dan grafik, dan penekanan pada suatu
bagian tertentu.37
Sebelum merancang layout kita setidaknya harus sudah mengetahui
jawaban pertanyan seperti di manakah akan diletakkan layout itu? Siapakah yang
akan melihatnya? Hasil apakah yang akan diperoleh? Bagaimana menempatkan
teks dan gambar sehingga akan memberikan pengaruh yang baik? Akan seperti
apakah layout itu? Dan seterusnya.
Desain yang baik hanya bisa dicapai melalui percobaan penggunaan dan
perbaikan layout dengan intensitas yang cukup tinggi sebelum sebuah layout yang
cukup baik bisa digunakan.38
Secara umum, halaman web memakai lima jenis layout yang disesuaikan
jenis informasi yang ditampilkan : 39
a. Simplicity
Kesederhanaan disini meliputi pemakaian teks dan gambar sesuai dengan
kebutuhan karena pemakaian gambar yang berlebihan akan mengganggu. Selain
itu, font dan warna yang terlalu banyak juga akan membingungkan pemakai.
b. Consistency
Tampilan haruslah konsisten agar pemakai tidak membuang-buang waktu
37
Asep Herman Suryanto, Step by Step Web Design Theory and Practices, (Yogyakarta: Andi, 2007), hlm 52
38
Ibid
39
30
untuk mencari tahu kegunaan tombol navigasi dan sebagainya. Selain itu yang
harus diperhatikan adalah gaya tampilan antara satu bagian ke bagian lain, lebih
baik tidak menggabungkan bahasa formal dan bahasa popular dalam satu bagian.
Pemakaian warna, font, dan gambar juga harus konsisten. Pengelompokan objek
yang memiliki kesamaan fungsi juga dapat membuat tampilan halaman menjadi
konsisten.
c. Clarity
Menggunakan instruksi dengan bahasa yang dimengerti oleh pemakai.
Hindari pemakaian logat khusus atau bahasa ilmiah yang terlalu banyak.
Dianjurkan memakai kalimat-kalimat singkat, dan contoh-contoh yang akrab
dengan pemakai.
d. Balance
Terbagi menjadi 2 jenis, yaitu formal balance dimana pemakaian item
disatu sisi layar memiliki kesamaan bentuk, ukuran, dan warna dengan item disisi
lainnya. Informal balance, dimana pemakaian item yang lebih kecil disatu sisi dan
diseimbangkan dengan item yang lebih besar disisi lainnya.
e. Harmony dan Unity
Meliputi kesamaan warna, jenis huruf grafis, dan pemakaian foto yang
sesuai dengan topic. Harus diperhatikan pula item mana saja yang akan tampil
bersamaan dalam satu layar.
8. Logo
Logo adalah identitas perusahaan sebagai tanda atau alamat yang akan
31
perusahaan. Ada berbagai jenis identitas perusahaan, salah satunya yang sering
digunakan oleh perusahaan adalah logo perusahaan. Logo merupakan sebuah
identitas merek yang mengkomunikasikan secara luas tentang produk, pelayanan,
dan organisasi dengan cepat. 40
Arti dari identitas itu sendiri adalah simbolisasi ciri khas yang mengandung
diferensiasi dan mewakili citra organisasi. Identitas dapat berasal dari sejarah,
filosofi/visi/cita-cita, misi/fungsi, tujuan, strategi atau program.
Logo tidak hanya sekedar label, tetapi juga menampilkan pesan kualitas
dan semangat produk lewat perusahaan, periklanan, dan kinerja produk. Logo
harus bersifat unik, mudah diingat, dan dikenal dengan cepat.
2.2.5 Gaya Desain
Pengertian dari gaya secara umum adalah: suatu ragam yang khas dari
ekspresi, desain, arsitektur atau cara pelaksanaan suatu hal. Gaya dalam desain
grafis berarti keindahan visual yang mempunyai pengaruh besar pada suatu masa
dan tempat tertentu. Desainer grafis pada dasarnya bertugas untuk mengatur dan
mengkomunikasikan pesan untuk menempatkan sebuah produk atau ide di benak
audience, memberikan kesan baik, serta memberitahukan dan mempublikasikan
suatu informasi dengan cara yang efektif. Dalam proses ini, gaya juga berarti
sebuah cara untuk menginformasikan dan menandai pesan yang ditujukan bagi
audience tertentu.41
40
M.Suryanto, Aplikasi Desain Grafis Untuk Periklanan, (Yogyakarta: Andi, 2004), hlm 87
41
32 2.2.5.1 Art Nouveau
Art Nouveau adalah sebuah aliran / style seni rupa modern yang marak
pada akhir abad ke-19 dan awal abad ke-20 di Eropa daratan. Art nouveau
merupakan lanjutan dari Art and craft movement. Abad ke-20 merupakan masa
yang subur bagi berbagai jenis seni rupa modern untuk berkembang, hal ini
dikarenakan pesatnya perkembangan teknologi dan pengaruh-pengaruh budaya
baru dan juga didukung oleh industrialisasi, kolonialisme, urbanisasi, dan revolusi
industri. Dalam dunia fashion tradisional ataupun modern batik ataupun kebaya
merupakan karya seni dan identisas budaya Indonesia yang sudah sangat kita
kenal. Apabila kita cermati, hiasan serta ornamaen kain-kain tersebut banyak
menggunakan hiasan tumbuh-tumbuhan, entah itu sulur-sulur ataupun flora dan
bunga-bunga. Ternyata tanpa kita sadari banyak benda-benda disekitar kita yang
mungkin dipengaruhi dalam seni Art Nouveau.42
2.2.5.2 Sejarah Art Nouveau
Asal-usul Art Nouveau ditemukan dalam perlawanan dari seniman William
Morris dengan komposisi yang berantakan dan kebangkitan kecenderungan abad
ke-19 dan teori-teorinya yang membantu memulai gerakan Seni dan kerajinan .
Namun, Arthur Mackmurdo 'buku- menutupi Gelatik Gereja 's Kota (1883),
dengan pola ritmis nya bunga, sering dianggap perwujudan pertama Art Nouveau.
Tentang waktu yang sama, perspektif datar dan warna yang kuat dari cetakan blok
kayu Jepang, terutama yang Katsushika Hokusai, memiliki efek yang kuat pada
perumusan Art Nouveau. Para Japonisme yang populer di Eropa selama tahun
42
33
1880-an dan 1890-an sangat berpengaruh pada banyak seniman dengan bentuk
organik dan referensi ke alam. Selain diadopsi oleh seniman seperti Emile Galle
dan James Abbott McNeill Whistler, Jepang yang diilhami seni dan desain
diperjuangkan oleh para pengusaha Siegfried Bing dan Arthur Lasenby Liberty di
toko-toko mereka di Paris dan London, masing-masing. Art Nouveau merupakan
sebuah pergerakan gaya internasional dalam seni, arsitektur dan seni-seni terapan
terutama seni-seni dekoratif yang mencapai puncak popularitas pada 1890-1905.
Art Nouveau merupakan sebuah reaksi dari gaya abad ke-19 yang menggunakan
motif desain konservatif dari Gothic, Baroque, Neo Klasikal dan gaya-gaya
histories lainnya. Sebagai sebuah pergerakan, Art Nouveau mencari sebuah gaya
modern dan baru yang keluar dari keformalan, menekankan kealamiahan,
bentuk-bentuk organik seperti tanaman dan bunga-bunga. Secara umum, hasil karya awal
dari Art Nouveau cenderung lebih rimbun dan dramatis, sedangkan selanjutnya
lebih seperti sulit dipisahkan dan bergaya. Bagaimanapun juga, manifestasi gaya
ini membedakan secara dramatis dari satu negara Eropa dengan yang lainnya.43
2.2.5.3 Ciri-ciri Art Nouveau
Karya Art Nouveau biasanya dicirikan dengan bentuk-bentuk plastis dan
organis, tapi tetap mengandalkan prinsip-prinsip geometris (sebagai
perbandingan: Art Deco yang geometris, kaku meski menggambarkan figur-figur
hewan, bunga, atau manusia). Di arsitektur ada beberapa nama yang identik
dengan Art Nouveau, misalnya kota Barcelona dan Katedral La Sagrada Familia
yang identik dengan arsitek Antonio Gaudi (dokumentasi karyanya bisa dicari di
43
34
toko-toko buku) dan C.R. Mackintosh. Art Nouveau dapat diidentikan dengan cita
rasa seni bangunan yang eksentrik dan mahal mengingat tingkat kesulitan detail
yang tinggi, belum lagi dengan penerapan bahan yang mahal. Sentuhan Art
Nouveau dapat didapat dengan memajang lukisan Art Nouveau, seperti reproduksi
poster-poster karya Mucha Alphonse (atau eksponen Art Nouveau lain: Klimt,
Moreau, Munch, Toulouse-Lautrec).44
Art Nouveau merupakan sebuah gaya modern dan baru yang keluar dari
keformalan, menekankan kealamiahan, dan penggunaan bentuk-bentuk organik.
Karakteristik Art Nouveau adalah:45
1. Bersifat dekoratif
2. Peniadaan garis-garis lurus dan sudut siku-siku.
3. Penggunaan garis-garis yang berliku-liku.
4. Penggunaan bentuk-bentuk organik seperti tanaman, daun, sulur dan
bunga-bunga. bunga yang favorit digunakan adalah lili, iris, dan anggrek,
sedangkan tanaman lain antara lain batang-batang palem, papyrus, dan
rumput laut.
5. Penggunaan bentuk, motif dan warna binatang, seperti serangga berupa
capung dan unggas berupa merak, burung layang-layang, dan angsa.
2.3. Pengertian Internet
Internet adalah singkatan dari Interconnected Networking. Internet
merupakan sebuah sistem komunikasi yang mampu menghubungkan
44
http://www.artnuvografison.blogspot.com
45
35
jaringan komputer di seluruh dunia. Berbagai jenis komputer dengan spesifikasi
yang berbeda-beda dapat saling berkomunikasi melalui internet. Beberapa bentuk
jaringan yang berbeda-beda dapat saling bertukar informasi dan data melalui
internet mempergunakan seperangkat aturan yang disebut protokol TCP/IP.46
Untuk membedakan setiap komputer atau jaringan yang terhubung internet
maka digunakan sebuah identitas tertentu yang disebut alamat IP (IP Address).47 Alamat IP merupakan kombinasi angka-angka yang menunjukkan identitas
sebuah komputer atau jaringan di internet. Contoh alamat IP: 202.155.2.111.
Setiap menggunakan alamat IP, beberapa komputer atau jaringan dapat
juga memiliki identitas berupa nama yang mudah diingat. Nama tersebut disebut
sebagai nama domain, contohnya: www.bendera.com. atau www.elexmedia.co.id.
Internet mampu membuat pekerjaan kita menjadi lebih mudah dan efisien.
Segala informasi bisa dengan mudah didapat melalui internet. Dengan adanya
internet, perbedaan jarak tidak lagi menjadi hambatan dalam melakukan
komunikasi.
Salah satu unsur umum yang paling digunakan internet selain e-mail
adalah World Wide Web. Dewasa ini, WWW atau yang sering juga disebut “Web”
saja merupakan aplikasi internet yang paling popular. Karena web begitu popular,
banyak orang yang salah mengidentikannya dengan internet (Simarmata, 2006).48
2.3.1. Sejarah Internet
Internet pertama kali digunakan sebagai proyek penelitian yang ditemukan
oleh Advanced Research Project Agency (ARPA) Department of Defense (DOD)
46
Arief Ramadhan, Internet dan Aplikasinya, (Jakarta: PT Elex MediaKompotindo, 2005) hlm 1-2
47
Ibid, hlm 2
48
36
di Amerika Serikat. Pada dasarnya, internet digunakan untuk menghubungkan
komputer. Versi yang pertama disebut ARPANET. Pada tahun 1972, ARPA
berubah menjadi DARPA dengan tetap mempromosikan proyek ARPANET.49 Pengembangan internet dengan jenis peralatan yang berbeda, namun
bisa saling berhubungan satu sama lain merupakan tantangan yang besar pada saat
itu. Pada tahun 1973-1974, peneliti merancang sebuah Transmission Control
Ptotocol/Internet Protocol (TCP/IP). Pada awalnya TCP/IP dimaksudkan
untuk menyediakan dukungan untuk kebutuhan berikut:50
1. Interoperabilitas antarsistem heterogen,
2. Komunikasi end-to-end berbagai jaringan yang berbeda, dan
3. Operasi otomatis dan sempurna didalam menghadapi terjadinya kegagalan
hubungan data.
Pada saat itu, aplikasi yang digunakan masih sangat sederhana daripada
yang digunakan pada saat ini. Aplikasi yang paling banyak digunakan mungkin
adalah Telnet untuk login remote dan FTP untuk perpindahan file dan e-mail.
Pada awal tahun 1980-an, ARPANET dipecah menjadi dua bagian, yaitu
MILNET dan ARPANET karena pertimbangan keamanan. Pihak militer berjalan
terus dengan MILNET, sedangkan penelitian, pengembangan dan sektor lain tetap
memakai ARPANET. Pada pertengahan tahun 1980-an, National Science
Foundation (NSF) di Washington, D.C. mendistribusikan teknologi internet
49
Ibid, hlm 50
50
37
kepada beberapa Universits (Berkeley, MIT, Stanford, dan UCLA), selanjutnya
internet mulai menyebar di dunia.51 2.3.2. Manfaat internet
Secara umum ada banyak manfaat yang dapat diperoleh apabila seseorang
mempunyai akses ke internet. Berikut ini sebagian dari apa yang tersedia di
internet:
1. Informasi untuk kehidupan pribadi: kesehatan, rekreasi, hobbi, pengembangan
pribadi, rohani, sosial.
2. Informasi untuk kehidupan profesional/pekerja: sains, teknologi, perdagangan,
saham, komoditas, berita bisnis, asosiasi profesi, asosiasi bisnis, berbagai
forum komunikasi.
Satu hal yang paling menarik ialah keanggotaan internet tidak mengenal
batas negara, ras, kelas ekonomi, ideologi atau faktor-faktor lain yang biasanya
dapat menghambat pertukaran pikiran. Internet adalah suatu komunitas dunia
yang sifatnya sangat demokratis serta memiliki kode etik yang dihormati segenap
anggotanya. Manfaat internet terutama diperoleh melalui kerjasama antar pribadi
atau kelompok tanpa mengenal batas jarak dan waktu. Untuk lebih meningkatkan
kualitas sumber daya manusia di Indonesia, sudah waktunya para profesional
Indonesia memanfaatkan jaringan internet dan menjadi bagian dari masyarakat
informasi dunia.
51
38 2.4 Pengertian Website atau Situs
Website atau bisa juga ditulis web site atau WWW (namun juga lazim
disingkat sebagai site/situs saja), merupakan kumpulan halaman web yang dapat
diakses menggunakan HTTP di internet. Halaman web sendiri umumnya dalam
bentuk dokumen HTML ataupun XHTML. Semua website yang ada di seluruh dunia menyusun sebuah “dunia” maya yang disebut WWW atau world wide
web.52
Website juga merupakan sebuah halaman berisi informasi yang dapat
dilihat jika komputer anda terkoneksi dengan internet. Dengan adanya website,
semua orang di dunia bisa mendapatkan dan mengelola informasi dengan berbagai
sumber yang tersedia di internet. Website sendiri saat ini bisa memuat berbagai
macam media, mulai dari teks, gambar, suara, bahkan video.53
Website dapat juga di artikan sebagai sebuah cara untuk menampilkan diri
sebuah perusahaan, group band, atau lainnya di Internet. Website adalah sebuah
tempat di Internet, siapa saja di dunia ini dapat mengunjunginya, kapan saja
siapapun dapat mengetahui tentang sebuah perusahaan yang membuat website,
memberi pertanyaan kepada perusahaan tersebut, memberikan masukan atau
bahkan mengetahui dan membeli produk produk perusahaan tersebut. Internet
bagaikan sebuah pusat perdagangan terbesar di dunia dan Website adalah salah
satu Toko/Kios di pusat perdagangan tersebut.
Website dapat digunakan untuk berbagai tugas, misalnya:
a) Membuat pengumuman atau pemberitahuan.
52
Zaki, Ali, Kiat Jitu Membuat Website Tanpa Modal , (Jakarta: PT Elex Media Komputindo) hlm 1
53
39
b) Memberikan pelayanan kepada customer/pengunjung.
c) Menerima masukan dari pengunjung/customer.
d) Membagi dan mendistribusi file dan foto.
e) Berkomunikasi langsung dengan customer/pelanggan yang berada di
belahan dunia manapun.
f) Menjual produk dan service dari perusahaan yang memiliki website tadi.
Mungkin hal di atas masih kedengaran kurang menarik, tetapi siapapun
dapat melakukan hal di atas tersebut ke seluruh dunia kapan saja pada siang
maupun malam hari dengan biaya yang sangat murah. Untuk memiliki sebuah
Website harus membutuhkan sebuah alamat website yaitu nama domain dan
sebuah servis Computer/Server untuk menyimpan data yaitu Servis Web Hosting.
Untuk membuat website yang bagus, seseorang perlu memahami
pemrograman HTML, pemrograman server side dan database yang berguna untuk
menyimpan data.
2.4.1 Perkembangan Website
Salah satu teknologi yang berkembang melalui internet adalah website.
Website tidak hanya sebagai jejaring sosial saja akan tetapi, dalam segala hal
bidang sudah menggunakan website.
Ada banyak perkembangan website di era tahun 2012, yang diantaranya yaitu
seperti :54
54
40
1. Adanya perkembangan progresif
2. Desain yang responsif
3. Bertahannya Penggunaan Flash
4. Dukungan fitur plug - in
5. Jejaring sosial yang semakin memanas
6. Berkembangnya model dua layar
1. Adanya Perkembangan yang Progresif
Adanya perkembangan yang progresif disini maksudnya adalah akan ada
banyak sekali bermunculan yg berdominasi webkit smartphone atau pun tablet,
dan peningkatan progresif seperti HTML 5, CSS 3 dan lain sebagainya yang
mempermudah untuk pembuatan website.
2. Desain yang Responsif
Desain website yang akan dibuat lebih menarik mungkin menjadi hal yang
umum pada akhir tahun 2012. Banyaknya animasi - animasi beserta lagu dan
video yang akan dicantumkan pada web tersebut agar para user yang mengakses
web tersebut tidak jenuh.
3. Bertahannya Penggunaan Flash
Ketika di akhir tahun 2011 penggunaan Flash dalam pembuatan web banyak
digunakan oleh para pembuat. Namun ketika 2012 ini pemakaian Flash agak
sedikit berkurang. Namun penggunaan Flash ini menjadi alat yg terbaik untuk
41
membuat pengguna Flash dapat didukung oleh HTML serta CSS dalam segala
aspek. Sekarang banyak situs-situs yang memakai tambahan Flash, karena dengan
menggunakan Flash tampilan web yang di akses lebih menarik.
4. Dukungan fitur plug-in
Adanya dukungan plug-in yaitu mempermudah untuk melakukan streaming
multimedia di setiap webite yang kita masuki, yang tidak bisa kita pungkiri
fungsinya ini bisa menyayingi untuk melihat acar-acara yang biasanya ada di
televisi.
5. Jejaring sosial yang semakin memanas
Jejaring sosial merupakan website yang sangat berkembang di era tahun ini,
dengan adanya jejaring sosial kita dapat melakukan aktivitas sekaligus
menambah pertemanan dimana dapat saling berkomunikasi di dunia maya.
Sebagai contoh jejaring sosial yang kita ketahui seperti facebook, twitter, heello,
my space, friendster dan masih banyak lagi. Dimana secara tidak langsung aroma
persaingan jejaring sosial tercium dengan saling membanggakan fitur-fitur
unggulannya masing-masing.
Jadi, perkembangan website di era tahun 2012 ini sangat pesat apalagi ada
beberapa software yang mempermudah untuk menginovasikan pikiran anda
membuat wesite seperti HTML 5 yang terbaru, CSS, Flash dan masih banyak lagi.
Jika anda ingin membuat website dan website anda ingin sering dikunjungi
42
situasi di lingkungan sosial apa yang sebenarnya sedang diminati oleh kalangan
banyak orang.
2.4.2. Jenis-jenis website
Website terbagi menjadi 2 kategori, yaitu:
1. Berdasarkan teknologi
Jenis-jenis website yang terbagi berdasarkan teknologi terbagi menjadi 2,
yaitu:
Website static
Sebuah website static, adalah salah satu bentuk website yang isi
didalam website tersebut tidak dimaksudkan untuk diupdate secara
berkala, dan biasanya di maintain secara manual oleh beberapa orang
yang mengguanakan software editor. Ada 3 tipe kategori software editor
yang biasa dipakai untuk tujuan maintaining ini, mereka adalah:
- Elemen 1 text editor. Contohnya adalah notepad atau textedit,
dimana HTML diubah didalam program editor tersebut.
- Elemen WYSIWYG editor. Contohnya Microsoft frontpage dan
macromedia dreamweaver, dimana situs di edit menggunakan GUI
(Graphical User Interface) dan format HTML ini secara otomatis
di generate oleh editor ini.
- Elemen 3 editor yang sudah memiliki template, contohnya
Rapidweaver dan iWeb, dimana editor ini membolehkan user
untuk membuat dan meng-update websitenya langsung ke web
43
HTML. Mereka dapat memilih template yang sesuai dengan
keinginan mereka, menambah gambar atau obyek, mengisinya
dengan tulisan, dan dengan sekejap mereka sudah dapat membuat
website tanpa harus melihat sama sekali kode-kode HTML.
Website dinamik
Sebuah website dinamik adalah website yang secara berkala,
informasi didalamnya berubah, atau website ini bisa berhubungan
dengan user dengan berbagai macam cara atau metode (HTTP cookies
atau Variabel Database, sejarah kunjungan, variabel sesi dan lain-lain).
Ketika web server menerima permintaan dari user untuk memberikan
halaman tertentu, maka halaman tersebut akan secara otomatis diambil
dari media penyimpanan sebagai respon dari permintaan yang diminta
oleh user. Sebuah situs dapat menampilkan dialog yang sedang
berlangsung diantara dua user, memantau perubahan situasi, atau
menyediakan informasi yang berkaitan dengan sang user. Ada banyak
jenis system software yang dipakai untuk meng-generate Dynamic Web
System dan Situs Dynamic. Situs juga bisa termasuk di dalamnya berisi
informasi yang diambil dari satu atau lebih database atau bisa juga
menggunakan teknologi berbasis XML, contohnya adalah RSS. Isi situs
yang statis juga secara periodik di generate atau apabila ada keadaan
dimana dia butuh untuk dikembalikan kepada keadaan semula, maka dia
akan di generate, hal ini untuk menghindari kinerjanya supaya tetap
44
kemampuan dari web server, dimana plugin ini dipakai untuk membuka
content yang biasanya berupa cuplikan dari gambar bergerak (active content) contohnya adalah Flash, Shockwave atau applets yang ditulis
dalam bahasa JAVA. Dynamic HTML juga menyediakan untuk user
supaya dia bisa secara interactive dan realtime, meng-update di web
page tersebut (catatan: halaman yang dirubah, tak perlu di load atau di reloaded agar perubahannya dapat dilihat), biasanya perubahan yang
dilakukan mereka memakai Javascript yang sudah tersedia pada semua
web browser sekarang ini. Seperti yang tertulis di atas, di luar sana ada
beberapa perbedaan dalam penulisan terminology website. Walaupun “website” sudah secara umum dipakai, namun untuk Associated Press
Stylebook, Reuters, Microsoft, academia, dan kamus-kamus yang ada,
penulisan yang mereka pakai adalah dengan menggunakan 2 kata yaitu
web site, hal ini karena “web” bukanlah terminology umum, namun ia
adalah kependekan dari World Wide Web.
2. Berdasarkan Tujuan
Jenis website yang terbagi berdasarkan tujuan terbagi menjadi delapan jenis,
yaitu55:
55
Asep Herman Suryanto, Step by Step Web Design Theory and Practices, (Yogyakarta: Andi, 2007), hlm 5 -11
45
Alat pemasaran
Situs web menawarkan banyak keuntungan bagi berbagai macam
golongan pemakai, serta menawarkan berbagai macam manfaat. Sebuah
situs web tidak hanya menghemat waktu dan tempat, tapi juga biaya.
Internet merupakan jaringan global dan sebuah situs web dapat menjadi
media promosi yang sangat efektif serta alat bantu pemasaran yang
tangguh. Pengguna internet dapat melihat apa yang ditawarkan perusahaan
lain yang ada di Indonesia atau di negara lain di seluruh Indonesia dalam
waktu yang bersamaan selama 24 jam sehari. Website merupakan identitas
perusahaan di internet semacam “kartu nama” elektronik interaktif yang
dapat dengan mudah diperbarui isi maupun tampilannya.
Adakalanya website menjadi tempat calon pelanmggan pertama kali
mengetahui tentang suatu perusahaan atau produk. Melakukan bisnis saat
ini sulit beerkembang tanpa memanfaatkan fasilitas internet, seperti
website atau email. Melalui internet, biaya-biaya seperti promosi dan
komunikasi akan dapat ditekan secara efektif.
Nilai tambah
Sebuah halaman web pada awalnya disusun sebagai sarana promosi,
karena media promosi di web lebih murah dan efektif dibandingkan media
promosi konvensional seperti brosur, majalah atau koran. Walaupun
demikian kebijakan perusahaan seringkali menempatkan web hanya
46
Sebuah situs web sering dibuat hanya sebagai nilai tambah. Mungkin
sebenarnya perusahaan tidak terlalu membutuhkan situs web ini, tetapi
menggunakannya hanya sekedar untuk mengikuti tren sehingga
perusahaan tampak lebih modern.
Beberapa hal yang harus diperhatikan dalam merancang situs web
dengan tujuan nilai tambah, secara garis besar sama seperti marketing tool,
tetapi lebih sederhana. Karena hanya sebagai nilai tambah, umunya konten
situs web itu berupa referensi atau informasi tambahan dari apa yang sudah
diberikan secara offline. Penggunaan halaman web itu harus disusun
semudah mungkin.
Katalog
Sebuah situs yang digunakan sebagai katalog elektronik yang
menampilkan produk-produk yang dijual oleh perusahaan. Dengan
menggunakan situs web, apalagi jika produk yang tersedia sangat banyak,
peng-update-an dapat dilakukan dengan mudah, efisien dan lebih
ekonomis.
Beberapa hal yang harus diperhatikan dalam merancang situs web
untuk katalog adalah bahwa tujuan dari marketing tool disini sudah
tercapai. Informasi yang ditampilkan sudah jelas dan lengkap. Meskipun
semua produk atau jasa ditampilkan pada situs ini, pengunjung tidak dapat
membeli dan membayar produk atau jasa secara online melalui situs ini.
47
E-commerce
E-commerce atau bisa disebut Perdagangan elektronik atau e-dagang
adalah penyebaran, pembelian, penjualan, pemasaran barang dan jasa
melalui sistem elektronik seperti internet atau televisi, www, atau jaringan
komputer lainnya. E-commerce dapat melibatkan transfer dana elektronik,
pertukaran data elektronik, sistem manajemen inventori otomatis, dan
sistem pengumpulan data otomatis.56
Bila halaman web yang akan disusun adalah halaman web yang
berorientasi bisnis, tujuan yang harus dicapai halaman web ini adalah
meningkatkan order penjualan dari pelanggan yang sudah ada,
menciptakan order penjualan baru dari pelanggan-pelanggan baru dan
menekan keseluruhan biaya pengeluaran. Untuk mencapai ketiga tujuan
tersebut bukanlah hal yang mudah, tetapi bila halaman web itu mampu
mencapai ketiganya maka keuntungan perusahaan pasti akan meningkat
tajam.
Dalam membuat situs E-Commerce, tugas desainer web adalah
memahami hubungan antara brand dan customer-nya. Desainer web harus
membawa aspek positif brand dan mengatur tempat dimana barang atau
jasa dipajang untuk dijual. Intinya, brand harus ditampilkan dalam apa
yang disebut sebagai look and feel keseluruhan situs.
56
48
Secara umum transaksi yang dilakukan dengan E-Commerce adalah
sebagai berikut:
1. Find it, mencari produk atau jasa yang akan dibeli.
2. Explore it, mempelajari produk atau jasa yang akan dibeli.
3. Select it, memilih dan menyimpan dalam shopping chart.
4. Buy it, memproses transaksi pembayaran.
5. Ship it, mengakhiri proses transaksi atau transaksi sudah berhasil
dan kemudian dilakukan proses pengiriman barang.
Pada umumnya metode pembayaran yang dipilih ada tiga, yaitu:
1. Online Processing Credit Card. Biasanya untuk produk yang
bersifat retail di mana pasarnya adalah seluruh dunia.
2. Money Transfer. Cara ini lebih aman. Namun konsumen dikenai
biaya tambahan untuk penyedia jasa money transfer, terutama bil
harus mengirim uang ke Negara lain.
3. Cash on delivery. Biasanya hanya dilakukan jika konsumen berada
dalam satu kota yang sama dengan penyedia jasa.
Ada beberapa hal yang harus diperhatikan dalam merancang situs
web e-commerce, yaitu:
1. Membuat nama domain sendiri.
2. Memperhatikan pemilihan server.
3. Membuat tampilan situs yang memiliki kesan professional.
4. Membuat email balasan untuk pelanggan yang telah melakukan
49
5. Membuat cara pembayaran semudah mungkin dengan pilihan
selengkap mungkin.
6. Membuat pengunjung dapat cepat menemukan apa yang
dibutuhkannya.
7. Pastikan proses transaksi pembelian melalui situs berlangsung cepat
dan mudah.
8. Jadilah kreatif dan promosikan kunjungan kembali dengan
mempertimbangkan beberapa fitur yang mampu menambah nilai,
seperti rekomendasi, wish list, penghantaran hadiah, postcard, dan
forum pembangun komunitas.
E-learning
E-learning merupakan singkatan dari Elektronic Learning,
merupakan cara baru dalam proses belajar mengajar yang menggunakan
media elektronik khususnya internet sebagai sistem pembelajarannya.
E-learning merupakan dasar dan konsekuensi logis dari perkembangan
teknologi informasi dan komunikasi Materi pengajaran dan pembelajaran
melalui media ini mengandung teks, grafik, animasi, simulasi, audio dan
video.57
Menurut Onno W. Purbo, ada tiga syarat dan ketentuan yang
berlaku untuk membuat e-learning yang menarik dan diminati, yaitu:
1. Sederhana, sistem yang sederhana akan memudahkan peserta didik
memanfaatkan teknologi dan menu yang tersedia.
57
50
2. Personal, berarti pengajar dapat berinteraksi dengan baik layaknya
guru berkomunikasi dengan murid didepan kelas.
3. Cepat, kecepatan respon terhadap keluhan dan kebutuhan peserta
didik sehingga perbaikan pembelajaran dapat dilakukan secepat mungkin
oleh pengelola tanpa peserta didik harus berlama-lama didepan
komputer.
Komunitas
Sebuah situs web yang dibuat dengan tujuan untuk memungkinkan
pengunjung berkomunikasi secara bersamaan. Pengunjung bisa berbagi
pengalaman, cerita, ide, dan hal-hal lainnya, bisa juga mencari dan
menambah teman atau untuk membuat suatu perkumpulan baru.
Contohnya www.friendster.com.
Portal
Portal adalah aplikasi berbasis web yang menyediakan akses suatu
titik tunggal dari informasi online terdistribusi, seperti dokumen yang
didapat berdasarkan hasil pencarian, kanal berita dan link ke situs khusus.
Untuk memudahkan penggunanya biasanya disediakan fasilitas pencarian
dan pengorganisasian informasi.
Personal
Situs personal merupakan situs yang memiliki tujuan untuk
mempromosikan atau menginformasikan tentang seseorang, biasanya
51
menceritakan kehidupan sehari-hari yang di-publish agar orang lain dapat
mengetahui dan mengenal tentangnya.
2.4.3 Keunggulan Website
1. Website merupakan media promosi yang terus berjalan sepanjang
waktu, 24 jam/ 7 hari seminggu, kecuali jika terdapat gangguan
teknis.
2. Website merupakan media promosi yang dapat menjangkau seluruh
dunia.
3. Website membantu calon konsumen mengetahui produk dan
layanan perusahaan dengan lebih jelas dibandingkan dengan media
lainnya, karena website dapat menambilkan banyak informasi yang
dibutuhkan dengan jelas.
4. Biaya membuat website lebih rendah daripada biaya promosi
lainnya seperti televisi, radio, dan surat kabar.
5. Website dapat meningkatkan citra perusahaan. Perusahaan yang
memiliki website lebih bergengsi daripada perusahaan yang tidak
memiliki website.
6. Website dapat berperan sebagai sumber pemasukkan jika menerima
pemasangan iklan.
7. Website dapat meningkatkan loyalitas konsumen, jika pada website
tersebut memiliki konten yang baik dan ter-update.58
58
52 2.4.4 Fungsi Website
Sebelum mendesain web, sebaiknya kita mengetahui dan memahami
beberapa fungsi dari situs web agar desain yang kita buat sesuai dengan fungsi
situs web tersebut. Secara umum situs web memiliki fungsi sebagai berikut:
1. Fungsi komunikasi
Situs web yang mempunyai fungsi komunikasi pada umumnya adalah
situs web dinamis. Karena dibuat menggunakan pemrograman web (server
side) maka dilengkapi fasilitas yang memberikan fungsi-fungsi
komunikasi, seperti web mail, form contact, chatting, forum, dan yang
lainnya.
2. Fungsi informasi
Situs web yang memiliki fungsi informasi pada umumnya lebih
menekankan pada kualitas bagian kontennya, karena tujuan situs tersebut
adalah menyampaikan isinya. Situs ini sebaiknya berisi teks dan grafik
yang dapat di download dengan cepat.
3. Fungsi entertainment
Situs web juga memiliki fungsi entertainment atau hiburan. Dengan
demikian penggunaan animasi gambar dan elemen bergerak dapat
meningkatkan mutu presentasi desainnya meski tetap harus
mempertimbangkan kecepatan download-nya.
4. Fungsi transaksi
Situs web dapat dijadikan sarana transaksi bisnis, baik barang, jasa
53
komunitas tertentu melalui transaksi elektronik. Pembayaran bisa
dilakukan dengan menggunakan kartu kredit, transfer ataupun dengan
pembayaran langsung.
2.4.5 Unsur Web Site atau Situs
Untuk membangun situs diperlukan beberapa unsur yang harus ada agar
situs dapat berjalan dengan baik dan sesuai yang diharapkan. Unsur-unsur yang
harus ada dalam situs antara lain:
a. Domain Name
Domain name atau biasa disebut nama domain adalah alamat permanen
situs di dunia internet yang digunakan untuk mengidentifikasi sebuah situs. Istilah
yang umum digunakan adalah URL. Contoh sebuah URL adalah
http://www.yahoo.com dapat juga tanpa www.
Ada banyak macam nama domain yang dapat kita pilih sesuai dengan
keinginan. Berikut beberapa nama domain yang sering digunakan dan tersedia di
internet:
1. Generic Domains
Merupakan domain name yang berakhiran dengan .Com .Net .Org .Edu
.Mil atau .Gov. Jenis domain ini sering juga disebut top level domain dan domain
ini tidak berafiliasi berdasarkan negara, sehingga siapapun dapat mendaftar.
.com : merupakan top level domain yang ditujukan untuk kebutuhan
"commercial".
.edu : merupakan domain yang ditujukan untuk kebutuhan dunia pendidikan (education)
54
.gov : merupakan domain untuk pemerintahan (government)
.mil : merupakan domain untuk kebutuhan angkatan bersenjata
(military)
.org : domain untuk organisasi atau lembaga non profit
(Organization). 2. Country-Specific Domains
Yaitu domain yang berkaitan dengan dua huruf ekstensi, dan sering juga
disebut second level domain, seperti .id (Indonesia), .au (Australia), .jp (Jepang)
dan lain lain. Domain ini dioperasikan dan di daftarkan dimasing-masing Negara.
Di Indonesia, domain-domain ini berakhiran, .co.id, .ac.id, .go.id, .mil.id, .or.id,
dan pada akhir-akhir ini ditambah dengan war.net.id, .mil.id, dan web.id.
Penggunaan dari masing-masing akhiran tersebut berbeda tergantung pengguna
dan pengunaannya, antara lain:
.co.id : Untuk Badan Usaha yang mempunyai badan hukum yang sah
.ac.id : Untuk Lembaga Pendidikan
.go.id : Khusus untuk Lembaga Pemerintahan Republik Indonesia
.mil.id : Khusus untuk Lembaga Militer Republik Indonesia
.or.id : Untuk segala macam organisasi yang tidak termasuk dalam kategori "ac.id","co.id","go.id","mil.id" dan lain
.war.net.id : untuk industri warung internet di Indonesia
.sch.id : khusus untuk Lembaga Pendidikan yang
55
.web.id : Ditujukan bagi badan usaha, organisasi ataupun perseorangan yang melakukan kegiatannya di Worl Wide Web.
Nama domain dari tiap-tiap situs di seluruh dunia tidak ada yang sama
sehingga tidak ada satupun situs yang akan dijumpai tertukar nama atau tertukar
halaman situsnya. Untuk memperoleh nama dilakukan penyewaan domain,
biasanya dalam jangka tertentu (tahunan).
b. Hosting
Hosting dapat diartikan sebagai ruangan yang terdapat dalam harddisk
tempat menyimpan berbagai data, file-file, gambar dan lain sebagainya yang akan
ditampilkan di situs. Besarnya data yang bisa dimasukkan tergantung dari
besarnya hosting yang disewa/dipunyai, semakin besar hosting semakin besar pula
data yang dapat dimasukkan dan ditampilkan dalam situs. Hosting juga diperoleh
dengan menyewa. Besarnya hosting ditentukan ruangan harddisk dengan ukuran
MB (Mega Byte) atau GB (Giga Byte). Lama penyewaan hosting rata-rata dihitung
per tahun. Penyewaan hosting dilakukan dari perusahaan-perusahaan penyewa
web hosting yang banyak dijumpai baik di Indonesia maupun Luar Negeri. c. Scripts/Bahasa Program
Scripts adalah bahasa yang digunakan untuk menerjemahkan setiap
perintah dalam situs yang ada pada saat diakses. Jenis scripts sangat menentukan
statis, dinamis atau interaktifnya sebuah situs. Semakin banyak ragam scripts
yang digunakan maka akan terlihat situs semakin dinamis, dan interaktif serta
terlihat bagus. Bagusnya situs dapat terlihat dengan tanggapan pengunjung serta