01. Handout 1 - Website Theory.docx

1 Handout 1
I. Pendahuluan
Internet bagaikan sebuah pusat perdagangan terbesar di dunia. Saat ini penggunaan internet sudah
dianggap sebagai suatu hal yang penting. Internet yang mulai marak dan ramai pada tahun 1995, sudah
mulai menimbulkan efek yang signifikan. Ditandai dengan meningkatnya jumlah pengguna internet di
seluruh dunia, termasuk di Indonesia, disusul dengan menjamurnya website-website web yang
menampilkan berbagai informasi. Dengan bertambah banyaknya website menjadikan internet sebagai
wadah penyedia informasi yang bersifat global. Selain itu website juga dapat menjadi media komunikasi
yang sangat ideal bagi orang-perorangan maupun perusahaan.
II. Website Itu Apa?
Pada dasarnya Website adalah sebuah cara untuk menampilkan diri Anda di Internet. Website Anda
adalah sebuah tempat di Internet, siapa saja di dunia ini dapat mengunjunginya, kapan saja mereka
dapat mengetahui tentang diri Anda, memberi pertanyaan kepada Anda, memberikan anda masukan
atau bahkan mengetahui dan membeli produk Anda.
Sebuah website pertama-tama harus dipandang sebagai urusan media komunikasi dan bukan urusan
teknologi. Namun bukan berarti teknologi tidak menjadi penting. Teknologi memiliki posisi sebagai
penopang, sebagai kerangka bangunan website. Tujuan, sasaran dan fungsi website jangan sesekali
dimulai dari kemampuan teknologi. Tetapi sebaliknya teknologi harus tunduk pada tujuan, sasaran dan
fungsi yang diharapkan dari website. Sebagai contoh adalah sebuah website yang menampilkan begitu
banyak multimedia tetapi informasi yang diharapkan malah tidak ditampilkan secara mendetil,
sedangkan tujuan website tersebut adalah media informasi.
III. Mengapa Website dibutuhkan?
5 tahun yang lalu
memiliki sebuah
website hanyalah
untuk gengsi.
Hari ini memiliki
sebuah website
adalah
keharusan!
2 tahun yang lalu
memiliki sebuah
website hanyalah
karena trendy.
Semua orang menggunakan Web untuk segala sesuatu mulai dari pekerjaan sekolah sampai dengan
memesan makanan karena prosesnya yang cepat, murah, mudah & menyenangkan! Tidak perlu
meninggalkan meja. Bahkan orang yang suka belanja sekalipun mencari produk yang diinginkan di Web.
Kini pelanggan berusaha mencari produk atau servis perusahaan, tempat pertama yang pelanggan cari
adalah di Web - dan jika pelanggan tidak dapat menemukan produk dan servis perusahaan di Web,
kemungkinan besar pelanggan akan menemukan kompetitor perusahaan yang sudah memiliki Website!
Marketing Department Only
PDF created with pdfFactory Pro trial version www.pdffactory.com
2 Handout 1
IV. Apa yang dapat dilakukan dengan adanya sebuah website secara langsung?
1.
2.
3.
4.
5.
6.
Membuat pengumuman atau pemberitahuan.
Memberikan pelayanan kepada Customer perusahaan.
Menerima masukan dari pengunjung/customer perusahaan.
Membagi dan mendistribusi file dan foto.
Berkomunikasi langsung dengan Customer perusahaan yang berada di belahan dunia manapun.
Dan tentu saja, menjual produk dan servis perusahaan.
Mungkin hal di atas masih kedengaran kurang menarik, tetapi jangan lupa bahwa perusahaan dapat
melakukan hal di atas tersebut ke seluruh dunia kapan saja .. pada siang maupun malam hari dengan
biaya yang sangat murah!
V. Bagaimana cara sebuah website bekerja?
Website hanyalah sebuah kumpulan file yang terletak pada sebuah komputer yang terhubung ke
Internet. Ketika seseorang mengunjungi Website, mereka sebenarnya hanya terhubung ke sebuah
komputer dan komputer (yang kemudian disebut sebagai Server) tersebut memberikan file yang ingin
mereka lihat.
Ini kedengaran simple, tetapi umumnya komputer biasa tidak memiliki power dan software yang
dibutuhkan untuk merespon semua permintaan yang dibutuhkan oleh pengunjung Website. Dan
walaupun komputer/server sanggup melakukannya, komputer akan membutuhkan koneksi/akses
Internet yang luar biasa cepat untuk melayani jumlah pengunjung Website.
Umumnya perusahaan kecil tidak sanggup menjalankan sebuah Web Server dan sejak itulah perusahaan
Web Hosting dibutuhkan!
VI. Tujuan / Fungsi Website dari segi pemasaran
1. Memperluas Ruang Promosi
Sebagai Media Komunikasi dan Wadah Penyedia berbagai Informasi maka website dapat digunakan
sebagai sarana pendukung promosi dari suatu perusahaan. Selain katalog, brosur maupun iklan di media
cetak, dengan memiliki website di internet anda dapat memperluas jaringan promosi sebuah
perusahaan. Para peminat atau calon pelanggan, dapat melihat informasi dari website kapan saja dan
dimana saja.
Tetapi hal yang perlu diingat dalam pembuatan website dengan tujuan promosi adalah bahwa website
adalah sarana pendukung promosi. Ini sangat berbeda dengan media promosi utama lainnya seperti
kartu nama, poster, stiker, banner, poster maupun iklan di berbagai media cetak. Jadi isi website
sebaiknya tidak sekedar memindahkan isi media promosi lain menjadi website. Seseorang yang yang
membuka website sudah tentu memerlukan informasi yang lebih dari sekedar yang ada di media
promosi lainnya.
·
Sebagai alat pendukung promosi, website mempunyai keuntungan sebagai berikut :
Informasi lebih detail dan tuntas dari produk dan jasa. Hal ini terlihat jika dibandingkan dengan
iklan (yang mempunyai space terbatas). Sebagai contoh pada sebuah brosur biasanya
Marketing Department Only
PDF created with pdfFactory Pro trial version www.pdffactory.com
3 Handout 1
penjelasan yang diterima hanya berupa pokok-pokok dari produk sebuah perusahaan, tetapi di
website pengunjung website dapat mendapat detil spesifikasi dari produk tersebut.
·
·
Tampilan yang baik akan memberikan akan memberi image yang baik dan menarik bagi calon
klien.
Isi yang selalu up to date. Para pengunjung website akan selalu menerima informasi yang up to
date dari perusahaan.
2. Mempermudah Komunikasi
Agar dapat saling berkomunikasi dengan para klien atau customer, perusahaan dapat menjalin
komunikasi melalui email ataupun informasi kontak yang berada dalam website. Komunikasi akan lebih
mudah walaupun perbedaan lokasi sangat jauh dan sudah tentu lebih efisien dalam hal biaya dan waktu.
3. Berinteraksi
Website dapat dijadikan ajang interaksi dengan para pengunjung website antara lain dapat dijadikan
ajang jual-beli, forum diskusi, upload/download file dan lain sebagainya. Jadi disini fungsi website bukan
hanya sebagai wadah penyedia informasi saja.
VII. Alasan Website Perlu Dimiliki
1. Menghemat uang dalam advertising. Anda tidak perlu membayar mahal untuk sebuah iklan atau
mengeluarkan biaya tambahan untuk pembuatan sebuah brosur dan menyebarkannya. Cukup
hanya dengan mengiklankan alamat website kemudia memasukkan informasi bisnis ke dalam
website.
2. Menghasilkan uang melalui toko online. Dengan semakin banyaknya pengguna internet saat ini
maka jalur distribusi suatu barang dapat dilakukan melalui internet. Pengunjung dapat langsung
membeli produk yang dijual melalui internet.
3. Kemudahan dalam penyampaian pesan. Melalui website pesan informasi bisnis dapat
disampaikan lebih mudah dan up to date.
4. Menghemat dalam komunikasi. Informasi mengenai produk baru dapat secara mudah dikirim
kepada customer melalui email dan website.
5. Peluang mendapatkan customer lebih besar. Jangkauan klien bertambah, tidak hanya lokal,
tetapi nasional bahkan pasar global.
6. Mempunyai image lebih profesional.
7. Menghemat waktu.
Marketing Department Only
PDF created with pdfFactory Pro trial version www.pdffactory.com
4 Handout 1
VIII. Proses Perancangan Website
Secara umum, proses pembuatan situs Web yang baik adalah dengan adanya kerja-sama yang saling
mendukung antar 3 unsur. Yaitu designer, programmer dan marketer/administrator.
1. Designer adalah orang yang dapat menyampaikan image suatu usaha atau seseorang dalam bentuk
grafis/gambar atau animasi. Grafis ini merupakan perwakilan nuansa dari pemilik situs Web secara
keseluruhan. Jadi seorang designer harus dapat menterjemahkan apa yang diinginkan pemilik situs
Web (dari wawancara atau tulisan) ke dalam bentuk visual.
2. Programmer adalah orang yang bertanggung-jawab dalam menjalankan program-program yang ada
dalam web site, sebagai misal guestbook, counter, form aplikasi, reservation dan lain sebagainya.
Susunan komposisi web yang telah dibuat oleh designer dijalankan dengan baik oleh programmer.
Maka designer dan programmer dapat dianggap sebagai suatu kelompok/tim produksi.
3. Marketer dibutuhkan karena mengisi kekosongan yang tidak dapat dilakukan baik oleh designer
maupun programmer. Sebab seorang designer, karena ia orang yang berlatar belakang seni, lebih
dapat ber"bicara" dalam bentuk visual, sedangkan programmer sebagai orang yang berlatar
belakang teknik lebih banyak dapat ber"bicara" dalam bahasa program yang sulit dimengerti.
Dibutuhkan seseorang yang menguasai "Bahasa Populer" baik Inggris maupun Indonesia untuk
memberikan informasi kepada para Netter di seluruh dunia dengan bahasa yang mudah dipahami. Satu
hal yang sering dilupakan oleh pemilik web site adalah; kecepatan respon terhadap email atau
tanggapan yang masuk. Sering pengunjung situs Web mengirim email atau mengisi guestbook tetapi
tidak kunjung mendapat tanggapan dari pemilik situs tersebut. Atau kalaupun ada tanggapan tetapi
bersifat lama/terlambat. Hal ini harus diperbaiki oleh pemilik web site. Kecepatan respon merupakan
syarat mutlak bagi keseriusan kita berbisnis dalam web.
Kegiatan standar/baku yang harus dilakukan oleh Marketer pada website yang sudah ada adalah:
1. Mendaftarkan web site pada seluruh search engine yang ada,
2. Rajin mengikuti mailing list yang berhubungan dengan produk,
3. Aktif dalam newsgroup dan rajin membalas setiap email yang masuk dan
4. Rajin membalas tanggapan dari guestbook pengunjung.
Ada pedoman cukup baik dari Australia Cultural Network www.acn.net.au mengenai cara merencanakan
website pertanian.
8.1 Siapa khalayak website?
Seperti halnya dengan semua media komunikasi yang lain, pertanyaan pertama yang harus anda jawab.
Untuk lembaga penelitian dan pengembangan pertanian, kelompok khalayak yang paling sering adalah:
1. Anggota staf lembaga sendiri
2. Peneliti, kerabat kerja di luar lembaga
3. Penyuluh, pengusaha, staf lembaga swadaya masyarakat
4. Pejabat pemerintah nasional dan daerah
5. Dosen, mahasiswa, murid
6. Pemberi dana
7. Ilmuwan dan mahasiswa di luar negeri
8. Petani, konsumen.
8.2 Apa kebutuhan khalayak itu?
Kebutuhan Jelas berbeda-beda. Sebagai contoh:
1. Anggota staf mungkin mau tahu jadwal dan topik seminar yang direncanakan minggu depan.
2. Peneliti dan kerabat kerja mungkin ingin tahu nama, alamat email dan nomor telepon anggota staf
yang bertanggungjawab untuk topik tertentu.
3. Penyuluh mungkin mau menjawab pertanyaan teknis yang muncul di lapangan.
4. Staf LSM mau tahu sikap lembaga terhadap bioteknologi, atau mencari informasi mengenai
teknologi produksi komoditas di daerah terpencil.
5. Pejabat mau tahu apa kegiatan lembaga dan mengapa perlu didukung dalam tahun anggaran
berikut, atau mau melihat peta agroekosistem di kabupaten tertentu.
6. Pengusaha mungkin mau tahu sifat teknologi yang dapat digunakan dalam usahanya.
7. Mahasiswa mau mencari informasi untuk makalah yang sedang ditulisnya.
8. Pemberi dana mau tahu program penelitian dan kapasitas lembaga.
Marketing Department Only
PDF created with pdfFactory Pro trial version www.pdffactory.com
5 Handout 1
9. Ilmuwan di luar negeri mau tahu apakah mungkin mengadakan kerjasama di bidang tertentu, dan
kalau ya, berhubungan dengan siapa (mohon dalam bahasa Inggris!).
10. Petani mau tahu di mana dia dapat memperoleh benih varietas terbaru atau menguji tanahnya
(mohon dengan daftar harga).
Pasti ada banyak pertanyaan yang lain yang dapat diajukan oleh khalayak ini. Bila anda merencanakan
website, sebaiknya mengantisipasi pertanyaan itu, dan menjawabnya di dalam website anda – dan
menyediakan jawaban itu supaya mudah ditemukan. Tidak mungkin melayani semua kebutuhan itu dari
hari pertama. Pilihlah yang paling penting dulu, tapi merancang website anda supaya yang lain dapat
dimuat belakangan.
8.3 Penentuan Tujuan Perancangan Website
Mengapa lembaga anda ingin menciptakan website? Ada beberapa alasan, termasuk:
1. Untuk menyebarluaskan informasi mengenai kegiatan dan hasil karya lembaga kepada khalayak
lebih luas.
2. Untuk mengurangi biaya cetak dan kiriman publikasi.
3. Untuk mempermudah umpan balik dari khalayak tertentu.
4. Untuk meningkatkan kerjasama dengan kerabat kerja, dan jumlah dana yang disediakan oleh
pemberi dana.
5. Untuk menaikkan citra lembaga dan menciptakan kesan kemantapan.
6. Pasti ada alasan lain yang dapat diuraikan.
Tujuan anda dalam menciptakan website belum tentu sama dengan keinginan khalayak. Harus dicari
jalan tengah, di mana kebutuhan khalayak terisi, tapi tujuan anda juga ikut terpenuhi. Tetapi pada
dasarnya, keinginan khalayak lebih penting. Bila website anda tidak menyediakan informasi yang
dibutuhkannya, maka akan diabaikan. Jadi website anda gagal. The customer is king! (Sang pembeli
adalah raja).
Kemungkinan besar, sudah ada cukup banyak informasi yang dapat digunakan dalam website anda.
Misalnya brosur lembaga, ringkasan penelitian, terbitan, dan dena struktur lembaga. Masalahnya
biasanya bukan kekurangan informasi, tetapi memilih informasi yang menarik dan layak dimuat, dan
menulis informasi itu ulang supaya sesuai untuk kebutuhan website.
8.4 Perancangan Struktur website
Tidak ada struktur “terbaik”. Yang penting adalah pengunjung dapat menemukan informasi yang
diperlukan dengan mudah dan cepat. Bila pengunjung berhasil dalam itu, maka anda telah berhasil.
Website biasanya berstruktur seperti pohon: halaman induk berupa batang, kemudian ada cabang dan
anak cabang untuk setiap topik tertentu. Bisa saja melompat dari satu cabang ke cabang lain dengan link
yang anda pasang; bisa juga melompat langsung ke dalam ranting terpencil melalui mesin penelusuran.
Tetapi biasanya pengguna akan menggunakan baris navigasi untuk menemukan informasi, dan baris
navigasi ini mencerminkan struktur pohon.
Sebaiknya pohon itu berstruktur secara logika. Logika itu harus logika dari sudut pandang pengguna,
bukan dari segi anda. Misalnya, mungkin anda mempertimbangkan menyamakan struktur website
dengan struktur organisasi lembaga – dengan satu cabang untuk setiap bidang, anak cabang untuk subbidang, dst. Ada dua masalah dengan pendekatan itu:
• Logika struktur itu belum tentu berarti bagi si pengunjung. Kalau pengunjung mencari publikasi
yang diterbitkan oleh lembaga anda, barangkali tidak berpikir untuk melihat di cabang
“Pelayanan Penelitian”. Dan pengunjung belum tentu tertarik dengan informasi Tata Usaha atau
Rumah Tangga.
Marketing Department Only
PDF created with pdfFactory Pro trial version www.pdffactory.com
6 Handout 1
•
Struktur lembaga sering berubah. Bidang dan sub-bidang diciptakan, digabungkan atau dihapus,
sedangkan fungsi dan kegiatan lembaga relatif mantap. Sebaiknya struktur website
mencerminkan kemantapan itu, bukan kelabilan organisasi.
Bayangkan jenis informasi yang dicari oleh pengguna, dan fungsi dan layanan yang disediakan oleh
lembaga. Apakah informasi dapat digolongkan ke dalam kelompok tertentu – seperti Program
Penelitian, Komoditas, atau Tentang Kami? Kemudian ciptakan struktur website yang mencerminkan
pengelompokan itu.
Menguji dulu struktur anda dengan pihak lain – teman kerja dan kalau bisa, orang dari luar lembaga
yang mungkin merupakan calon pengunjung. Minta pendapat mereka, dan memantau bila mereka
berkunjung ke website (kalau sudah ada). Kalau mereka mengalami kesulitan dalam mencari sesuatu,
kemungkinan besar orang lain juga mengalami kesulitan serupa. Sebaiknya merancang dulu di kertas
atau di program khusus seperti Visio.
Anda dapat menyimpan semua file di dalam satu direktori. Tetapi sebaiknya menciptakan struktur
direktori yang setaraf dengan struktur pohon website anda. Misalnya, halaman induk disimpan di
direktori akar di web anda; kemudian setiap cabang diberi direktori terpisah. Penyimpanan file seperti
ini membantu anda dalam pengolahan file, dan membantu pengguna karena direktori itu tercermin
dalam alamat URL setiap halaman. Misalnya, halaman yang tersimpan dalam C:\…\tentangkami\ akan
otomatis mendapat URL http://www…/tentangkami/.
Ciptakan juga direktori untuk dokumen yang bukan HTML (misalnya PDF) – dapat dinamakan Docs –
serta grafik (dapat diberi nama Images). Dengan itu, anda selalu tahu dokumen dan grafik anda
disimpan di direktori mana.
8.5 Penentuan Jenis Informasi yang Disajikan
Pada dasarnya, ada dua macam informasi yang dapat dimuat dalam website:
1. Informasi yang tetap dan jarang berubah, seperti visi dan misi, struktur lembaga, program
penelitian, penemuan teknologi, dan terbitan. Informasi tersebut relatif banyak tapi relatif mudah
diperoleh karena dapat disaring dari terbitan dan dokumen yang sudah ada.
2. Informasi yang labil: kalendar kegiatan, berita, dsb. Informasi itu relatif sedikit, tetapi sering
berubah dan sulit diperoleh.
Sebaiknya anda merancang website supaya kedua macam informasi ini dapat dimuat.
• Informasi tetap dapat dimuat dalam struktur pohon seperti di contoh dena di bawah ini. Pada awal,
tetapkan struktur yang layak, kemudian mengisi pohon itu cabang demi cabang, tingkat demi
Marketing Department Only
PDF created with pdfFactory Pro trial version www.pdffactory.com
7 Handout 1
•
tingkat. Kalau perlu merubah pohon, lebih baik dini daripada setelah website anda sudah
mengandung ratusan atau ribuan halaman.
Informasi labil sebaiknya dipisahkan ke dalam halaman tertentu, seperti “Berita” dan “Kalendar
kegiatan”. Kalau anda yakin dapat memperoleh berita itu secara cepat dan teratur, maka layak
dimuat langsung di halaman induk. Kalau tidak, timbangkan menaruh di halaman lain, atau bahkan
hilangkan sama sekali. Kalau berita tidak hangat lagi, hapuskan atau arsipkan ke halaman lain.
Ada beberapa macam informasi yang setengah labil, seperti daftar staf (setiap bulan ada yang naik
pangkat atau pindah tugas) atau makalah yang diterbitkan. Usahakan untuk menciptakan sistem supaya
perubahan dan penambahan informasi selalu dikirim kepada administrator web.
8.6 Perolehan dan pengolahan informasi
Usahakan menciptakan sistem supaya informasi (khususnya yang labil) disediakan untuk dimuat dalam
website. Ada tiga cara supaya informasi selalu hangat:
1. Menciptakan prosedur resmi supaya informasi yang layak dimuat selalu disediakan kepada
administrator web. Misalnya, direktur dapat mengharuskan sekretaris mengirimi setiap surat
keputusan, undangan seminar, pemberitaan kursus, dll, kepada administrator web supaya informasi
dapat dimuat dalam website. Demikian pula dengan rangkap elektronik dari terbitan (dari bidang
publikasi), daftar pegawai (bidang kepegawaian), dan laporan ilmiah (bidang pemantauan).
2. Menjalinkan hubungan informal dengan pihak yang mempunyai informasi itu, seperti sekretaris
direktur, bidang pelayanan dan hubungan masyarakat.
3. Memberi penugasan untuk mengelola halaman itu kepada pihak yang menciptakan atau menerima
informasi itu. Tentu saja penugasan itu harus disahkan oleh pihak yang berwewenang di lembaga.
Memperoleh informasi tidak begitu berguna bila informasinya harus diringkas dari laporan tebal atau
ditulis ulang dari makalah ilmiah yang sulit difahami. Tugas ini jangan dibebankan pada administrator
webnya, yang jarang mempunyai keterampilan atau latar belakang yang sesuai. Sebaiknya dikerjakan
oleh sumber (yang lebih mengetahui apa yang penting dan apa yang kurang), kemudian disuntung atau
ditulis ulang oleh spesialis komunikasi sebelum diserahkan ke administrator web.
8.7 Perancangan Halaman induk / Utama (homepage)
Halaman induk atau utama atau homepage adalah halaman pertama yang dilihat oleh sebagian besar
dari pengunjung ke website. Biasanya namanya index.htm atau default.htm (atau .html, tergantung
server anda).
Homepage harus dapat diakses maksimal 8 detik atau dapat diakses melalui kecepatan koneksi internet
minimum 28,8 kbps. Jika membuka halaman utama saja membutuhkan waktu yang lama, masalah ini
akan berpotensi menghilangkan customer (pengunjung) yang tidak bersedia menunggu terlalu lama.
Akhirnya website tidak pernah dikunjungi lagi kandidat customer perusahaan.
Homepage harus spesifik sehingga pengunjung dapat mengetahui produk apa yang disediakan oleh
perusahaan. Sebagai contoh, jika perusahaan kita adalah badan konsultasi maka selayaknya jasa
konsultasi perusahaan yang ditampilkan pada homepage.
Homepage harus:
1. Dapat didownload dengan cepat.
2. Menarik perhatian pengunjung.
3. Menunjukkan apa yang dapat ditemukan di website.
4. Menyediakan pilihan-pilihan utama dari menu, dengan petunjuk singkat dari apa yang dapat
ditemukan di setiap pilihan.
5. Menyediakan fasilitas penelusuran (bila ada).
6. Menyediakan pilihan bahasa (bila ada).
Homepage juga dapat menampilkan berita hangat (singkat!). Halaman induk bukan tempat untuk uraian
sejarah atau visi dan misi lembaga (taruhkan informasi ini di halaman terpisah).
Marketing Department Only
PDF created with pdfFactory Pro trial version www.pdffactory.com
8 Handout 1
8.8 Penentuan Struktur teks
Pengguna jarang mau menunggu lama supaya halaman website didownload, dan tidak mau membaca
banyak di layar. Kebiasaan ini perlu diingat waktu merancang website anda.
1. Gunakan bahasa sederhana dan hidup.
2. Hindarkan singkatan atau istilah yang sulit difahami.
3. Menggunakan teks sesedikit mungkin: ringkas dan mudah dibaca.
4. Membagikan teks ke dalam bagian pendek. Bila perlu menggulung ke bawah untuk melihat sisa teks,
sebaiknya jangan lebih dari dua kali panjang layar.
5. Menggunakan subjudul yang deskriptif. Gunakan subjudul lebih banyak daripada di dokumen
tercetak.
6. Menggunakan macam huruf yang umum dan mudah dibaca (seperti Arial, Helvetica dan Verdana),
dalam ukuran cukup besar dan warna yang mudah dibaca.
7. Mencantumkan gambar, bullet dll untuk memecahkan teks ke dalam bagian, dan supaya
penampilannya menarik.
8. Menyediakan daftar isi halaman supaya pengguna dapat meloncat ke bagian yang menarik
perhatiannya.
9. Memastikan bahwa grafik tidak terlampau besar sehingga downloadnya cepat.
10. Mencantumkan informasi yang penting di atas halaman (seperti di artikel koran).
11. Hindarkan grafik yang bergerak-gerak (dynamic GIFs). Mungkin tampaknya lucu pertama kali dilihat,
tetapi memperlambat download halaman anda, dan sering menjengkelkan dan kurang pantas untuk
lembaga yang mantap.
8.9 Perancangan CSS / Themes Untuk Mempertahankan Kekonsistenan
Dalam majalah, setiap halaman mirip dengan halaman yang lain. Lebar kolom, gaya huruf, tata letak
teks, gaya grafik – semuanya konsisten. Ada disain dasar yang membawahi tampilan setiap halaman.
Kalau tidak demikian, maka pembaca bingung.
Demikian juga sebaiknya di website. Sebaiknya ada disain konsisten di seluruh website anda. Gaya
huruf, tata letak halaman, baris navigasi, penempatan lambang, later belakang, warna dll, sebaiknya
sama di setiap halaman. Kalau tidak, pengunjung mungkin anggap telah keluar dari website anda dan
masuk ke website lain.
8.10 Pembuatan Menu / Navigasi
Pengunjung harus dapat bernavigasi dengan mudah di website anda. Itu berarti:
1. Menu jelas dan mudah difahami. Harus jelas informasi macam apa yang dapat ditemukan bila
pengunjung klik di unsur menu tertentu. Misalnya, jangan menyembunyikan halaman link ke
website lain di bawah menu “Tentang Kami” atau “Kegiatan Penelitian”.
2. Informasi yang paling sering diperlukan dapat ditemukan dengan satu atau dua klik saja.
3. Pengunjung selalu dapat mengetahui ia sedang berada di mana di website anda. Itu berarti struktur
yang jelas, serta mungkin breadcrumbs seperti:
Anda di sini: Induk > Penelitian > Penelitian padi
4. Ada fasilitas penelusuran supaya pengunjung dapat menemukan informasi tanpa harus melewati
menu berlapis banyak. Selain itu, sediakan juga “peta website” yang terdiri dari daftar cabang dan
anak cabang pohon, dengan link-link ke setiap halaman yang terdaftar.
5. Pengunjung selalu dapat kembali ke halaman induk, penelusuran dan peta website dengan satu klik.
Biasanya disediakan baris navigasi (navigation bar) di atas atau di sebelah kiri layar. Baris navigasi itu
tidak berubah kalau pengunjung berpindah dari satu halaman ke halaman yang lain.
8.11 Pengadaan Informasi yang Penting
Website anda harus mengandung informasi berikut.
1. Nama lembaga.
2. Alamat lembaga (dan bila perlu, cabang-cabangnya).
3. Nomor telepon dan fax.
4. Alamat email.
5. Jam buka dan zona waktu.
6. Tanggal setiap layar diperbarui (termasuk tahun).
7. Sangkalan (disclaimer)
Marketing Department Only
PDF created with pdfFactory Pro trial version www.pdffactory.com
9 Handout 1
8. Pernyataan hak cipta (copyright).
Informasi kontak dapat dimuat di halaman khusus yang berjudul “kontak kami” atau setaraf. Nama
lembaga dan alamat email juga dapat dimuat dalam footer di setiap halaman. Link ke sangkalan dan
pernyataan hak cipta dapat dimuat dalam footer pula.
8.12 Menguji website anda
Menguji website anda sendiri, dan minta orang lain yang tidak terlibat dalam penciptaannya untuk
melakukan pengujian.
1. Menguji di berbagai versi browser.
2. Menguji di PC dan di Macintosh dengan kombinasi browser berbeda.
3. Menguji di komputer yang cepat maupun yang lambat (grafik yang mendownload cepat di komputer
anda belum tentu secepat itu di komputer lain).
4. Menguji apakah semua fungsi di website anda berjalan dengan baik, walaupun hardware dan
software pengguna berbeda. Parhatikan khususnya fasilitas seperti menu hidup yang ditambahkan
dengan JavaScript atau CGI: ada yang hanya berfungsi di Internet Explorer terbaru tapi tidak di
Netscape atau di Explorer versi lama.
5. Cek pengejaan kata yang salah dan pastikan gambar serta semua link (hyperlink) dapat ditampilkan /
berjalan. Penulisan alamat url yang salah akan menampilkan halaman “ERROR”. Jika dalam website
terdapat satu atau bahkan beberapa halaman error akan membuat image website tidak profesional.
Pertanyaan-pertanyaan dalam pengujian
1. Apakah isi tepat dan berlaku?
2. Apakah grafik ditampilkan di tempat yang seharusnya?
3. Apakah teks mudah dibaca?
4. Apakah semua link berfungsi seperti mestinya?
5. Apakah semua hotspot (bagian grafik yang dilink ke lokasi lain) berfungsi?
6. Apakah setiap halaman didownload cukup cepat? (pengecekan dapat dilakukan pada software
perancang web)
7. Apakah pengguna dapat bernavigasi dengan mudah. Bila tidak, bukan pengguna yang salah, tapi
pencipta website!
8. Apakah link-link navigasi cukup informatif?
9. Apakah informasi tersedia di tempat di mana diharapkan pengguna?
Ketika sudah mengupload website bukan artinya selesai pengujian. Kunjungilah website anda sering
untuk mengecek apakah website anda masih berfungsi seperti diharapkan.
8.13 Pemantauan dan umpan balik
Pemasangan penghitung kini dianggap agak amatir oleh banyak pengguna Internet. Tapi anda dapat
memantau pengunjung ke website anda melalui data yang disediakan oleh penyedia jasa web anda.
Anda juga dapat memancing umpan balik dari pengunjung ke website anda. Misalnya dengan cara:
1. Memasang formulir umpan balik di website.
2. Membuat survei online di website.
3. Bertanya ke orang yang berkunjung ke gedung lembaga anda apakah mereka sudah melihat website
lembaga, dan apakah berguna.
4. Minta pendapat staf lembaga.
8.14 Beberapa unsur yang Diperhatikan pada Perancangan
A. Grafik
Kesalahan yang sering ditemukan adalah grafik yang terlalu besar, sehingga lambat didownload.
1. Membatasi jumlah dan ukuran grafik.
2. Jangan mengecilkan grafik pada software perancangan web seperti frontpage – karena jumlah
kilobytes yang harus didownload masih tetap sama walaupun tampaknya kecil di layar. Lebih baik
tetapkan ukuran grafik di program grafik dulu, baru mengimpor ke FrontPage.
3. Bila perlu, kurangi jumlah warna di grafik (misalnya dari 24 bit menjadi 256 warna).
Marketing Department Only
PDF created with pdfFactory Pro trial version www.pdffactory.com
10 Handout 1
Marketing Department Only
PDF created with pdfFactory Pro trial version www.pdffactory.com
11 Handout 1
Untuk akses website yang lebih cepat, perlu diketahui beberapa file format yang biasa digunakan pada
website, yaitu:
1. GIF : dengan 8-bit colors, gambar dapat transparan, menekan color area dengan baik, sehingga
mengurangi jumlah color dan mendukung process download yang cepat, juga dapat digunakan
untuk gambar animasi seperti banner.
2. JPG : dengan 24-bit colors, sangat diperuntukkan kualitas terutama untuk foto, dapat ditampilkan
untuk resolusi yang rendah dan tinggi, sebuah file JPG tidak dapat menjadi gambar transparan.
3. PNG : dengan 8-bit colors, menekan color area dengan baik, namun menjaga ketajaman gambar
sharpening, bisa menjadi gambar transparan, kompresi gambar lebih kecil 10-30% daripada format
GIF.
B. Organisasi layar
Layar berbeda ukuran, dan browser menampilkan website anda dengan cara berbeda. Pengguna dapat
menentukan ukuran huruf yang ditampilkan di browsernya, sehingga menu manis yang anda rancang
tampaknya semrawut. Website anda yang tampaknya sempurna pada layar 1024 x 768 pixel dan 24 bit
warna di Internet Explorer 6, mungkin tampaknya kacau pada layar 800 x 600 dan 256 warna di
Netscape 4. Website juga tampaknya berbeda di Macintosh dan di PC Windows.
Oleh karena itu:
• Menciptakan website anda supaya tetap bagus tampilannya di browser lama dan layar sempit.
Menguji dulu di berbagai browser dan komputer sebelum diumumkan.
• Usahakan supaya pengguna tidak perlu menggulung (scroll) ke samping untuk melihat isi halaman.
Untuk menghindar itu, masukkan semua isi setiap halaman HTML di dalam tabel dengan satu sel.
Berikan tabel itu border, cellpadding dan cellspacing sama dengan 0, dan lebar 600 atau 800 pixel.
Contoh kode HTMLnya seperti berikut:
•
•
•
•
•
Usahakan pula supaya pengguna tidak perlu menggulung ke bawah. Sebaiknya tidak perlu
menggulung sama sekali; kalau perlu, jangan lebih dari dua kali panjang layar.
Sediakan baris navigasi supaya semuanya terlihat tanpa perlu menggulung.
Gunakan animasi hanya jika dibutuhkan, jangan terlalu banyak karena dapat mempengaruhi
konsentrasi pengunjung ketika membaca informasi. Disamping itu, animasi terlalu banyak dapat
memperlambat akses ke homepage. Sebuah animasi yang baik tidak menjamin peningkatan rasa
ketertarikan pengunjung.
Jika memiliki animasi intro, berikan penawaran pada pengunjung apakah membutuhkan intro atau
tidak (contoh : …)
Hindari pemasangan banner terlalu banyak pada website. Batasi banner yang tampil, maksimal 2
atau bahkan 1 banner saja. Makin banyak banner, makin lambat proses untuk mengakses website.
IX. Software yang Biasanya Digunakan Untuk Merancang Website
Dalam mendesain web, software yang biasanya digunakan untuk membantu mempermudah
perancangan website ialah:
1. Adobe Photoshop (http://www.adobe.com) : software ini sangat populer untuk dapat membuat
dan mengedit grafik atau fotografi.
2. Macromedia Flash (http://www.adobe.com) : software ini digunakan untuk membuat animasi.
3. Macromedia Dreamweaver (http://www.adobe.com) : software ini digunakan untuk merancang
halaman web.
4. Joomla (http://www.joomla.org) : Software CMS yang digunakan untuk mempermudah
perancangan website berikut content dan databasenya.
Marketing Department Only
PDF created with pdfFactory Pro trial version www.pdffactory.com
12 Handout 1
5. XAMPP : Software server emulator yang biasanya digunakan untuk membuat server local pada
komputer yang digunakan untuk merancang website.
6. Animated Banner Maker : Software untuk merancang banner.
7. Logo Creator : Software untuk merancang Logo.
X. Faktor yang dapat mempengaruhi kesuksesan dari suatu website
1. Desain Website.
Desain website harus kelihatan menarik namun sesuai dengan tujuan website yang dibangun. Image
positioning, navigasi yang mudah dan tidak membingungkan, materi yang jelas namun tidak
membosankan serta faktor kecepatan mengakses website merupakan hal-hal yang perlu diperhatikan.
Jika website memiliki desain yang baik dan tatanan informasi yang sangat membantu setiap pengunjung
menggunakan website, pengunjung akan meyakinkan diri untuk kembali mencari informasi pada
website. Tapi sebaliknya jika desain website tidak baik, bahkan hingga pemilihan warna yang tidak
cocok, jangan harapkan pengunjung kembali datang pada website.
2. Content/Isi Website
Isi harus sesuai dengan tujuan website, selain itu berikan hal-hal yang dapat membuat pengunjung
website proaktif, misalnya dengan fasilitas download, games, forum atau survey dan lain-lain.
Pastikan META Tag telah ada dalam setiap halaman web. META Tag adalah kode yang memungkinkan
search engine / mesin pencari seperti Google, yahoo dan sebagainya menemukan keyword relevant dari
website sehingga website mudah ditemukan oleh mesin pencari.
XI. Pengenalan Software Pendukung Server Emulator seperti XAMPP dan PHPTRIAD
Bagi para web developer yang lebih sering bekerja di lingkungan sistem operasi windows, tentu masih
ingat dengan Phptriad. Pada waktu itu Phptriad adalah aplikasi yang membundel apache, mysql dan php
menjadi satu kesatuan dalam file installer. Instalasinya yang sangat mudah membuat kerja web
developer tidak kesulitan untuk menginstall apache dan mysql dari awal. Sayang sekali project phptriad
ini yang dulunya adalah project open source discontinued dan berganti baju menjadi project komersial .
Pada dasarnya Phptriad hanyalah memaketkan aplikasi-aplikasi web developer yang selama ini sering
digunakan dalam lingkungan sistem operasi Linux. LAMP yang sudah bertahun-tahun menjadi andalan
bagi web developer dalam sistem operasi linux ternyata juga bisa diimplementasikan dalam sistem
operasi windows. Ini artinya pasar bagi Apache, Mysql dan PHP sudah mulai merambah ke sistem
operasi selain linux.
Kesempatan itu tentunya tidak disia-siakan oleh pengembang lainnya. Bundel 3 aplikasi (apache, mysql
dan php) mulai bertebaran setelah Phptriad muncul. Beberapa yang sempat tercatat dan diketahui
antara lain FoxServ, WinLamp dan Xampp.
Dari tiga alternatif Winlamp, FoxServ dan Xampp telah mencoba dua terakhir, namun saya pribadi lebih
tertarik untuk membicarakan Xampp. Seperti Phptriad, Xampp mengikuti kemudahan instalasi dan
konfigurasi seperti yang dimiliki oleh Phptriad. Ketika tulisan ini dibuat Xampp sudah mencapai versi.
Marketing Department Only
PDF created with pdfFactory Pro trial version www.pdffactory.com
13 Handout 1
Beberapa fitur yang ada pada Xampp adalah seperti yang ada di bawah ini :
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
Apache 2.0.53
MySQL 4.1.10
PHP 5.0.3 + PHP 4.3.10 + PEAR
eAccelerator 0.9.2a
PHP-Switch win32 1.0 (please use the “php-switch.bat”)
XAMPP Control Version 1.0 from www.nat32.com
XAMPP Security 1.0
SQLite 2.8.15
OpenSSL 0.9.7e
PHPMyAdmin 2.6.1
ADODB 4.60
Mercury Mail Transport System for Win32 and NetWare Systems v4.01a
FileZilla FTP Server 0.9.4e
Webalizer 2.01-10
Zend Optimizer 2.5.7
Kebutuhan minimal komputer yang dibutuhkan untuk menjalankan adalah sebagai berikut :
•
•
•
•
64 MB RAM (recommended)
115 MB free Fixed Disk
Windows 98, ME, XP Home
Windows NT, 2000, XP Professional (Recommended)
Dengan fitur seperti itu rasa-rasanya Xampp dapat menggantikan fungsionalitas LAMP pada sistem
operasi Windows. Bahkan Xampp juga dapat dijadikan web server yang aman dan handal pada sistem
operasi Windows.
Dalam server emulator, biasanya terdapat folder htdocs dimana folder ini untuk menempatkan semua
file web seperti halaman, gambar dan sebagainya yang telah dirancang. Kemudian terdapat pula file
apache dan mysql, dimana apache untuk mengaktifkan semua file dalam folder htdocs sedangkan mysql
untuk mengaktifkan phpmyadmin guna perancangan database.
Sumber:
1.
2.
3.
4.
5.
6.
Adhytia Wisnu Sasmita. 2003. Meningkatkan Fungsi Situs Web Komersial. Ilmu Komputer.com.
Freddy H. Istanto. Potensi Dan Kaidah Perancangan Situs-Web Sebagai Media Komunikasi Visual. Universitas Kristen Petra.
Http://www.slametriyanto.net.
Pepen Saepudin. 2003. Pentingnya Komunikasi Dengan Pengunjung Situs Kita. Ilmu Komputer.com.
Pustaka Deptan. Perancangan Situs. http://www.pustaka-deptan.go.id.
Xampp Alternatif Lamp Di Windows. http://dgk.or.id/archives/.
Wordpress Sebagai Cms Untuk Company Profile. http://www.sunaryohadi.info/.
Marketing Department Only
PDF created with pdfFactory Pro trial version www.pdffactory.com