Sabtu, 27 Februari 2010

Pengertian Website

1.1. Pengertian Website
Website atau situs dapat diartikan sebagai kumpulan halaman yang menampilkan informasi data teks, data gambar diam atau gerak, data animasi, suara, video dan atau gabungan dari semuanya, baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait dimana masing-masing dihubungkan dengan jaringan-jaringan halaman (hyperlink).

Bersifat statis :
 Web statis nama lainnya web tetap, maksudnya web yg bersifat client side atau hanya berjalan pada sisi client.
 Web ini tidak bisa diubah-ubah, kalau mau ngubah harus ngubah source kodenya habis itu di upload lagi untuk mereplace yang lama.
 Biasanya pemrograman yang dipakai html, javascript

Contoh : companyprofile




WEBSITE

1.1. Pengertian Website
Website atau situs dapat diartikan sebagai kumpulan halaman yang menampilkan informasi data teks, data gambar diam atau gerak, data animasi, suara, video dan atau gabungan dari semuanya, baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait dimana masing-masing dihubungkan dengan jaringan-jaringan halaman (hyperlink).

Bersifat statis :
 Web statis nama lainnya web tetap, maksudnya web yg bersifat client side atau hanya berjalan pada sisi client.
 Web ini tidak bisa diubah-ubah, kalau mau ngubah harus ngubah source kodenya habis itu di upload lagi untuk mereplace yang lama.
 Biasanya pemrograman yang dipakai html, javascript

Contoh : companyprofile



Bersifat dinamis :
 Web dinamis nama lainnya web yg tidak tetap tau berubah-ubah (up to date) Maksudnya bersifat server side jadi Web ini dkendalikan oleh seorang administrator
 Cara mengupdate lewat halaman admin adalah yg punya otoritas penuh. SAPA? (ya adminnya)
 Web dinamis hampir selalu punya database untuk menyimpan data
 Biasanya pemrograman yang dipakai php

Contoh : Facebook, Frendster, detik.com, dll


1.2. Unsur-Unsur Dalam Penyedia Website
Untuk menyediakan sebuah website, maka harus tersedia unsur-unsur penunjang nya, adalah sebagai berikut :
A. Nama domain (Domain name/URL – Uniform Resource Locator)
Nama domain atau biasa disebut dengan Domain Name atau URL adalah alamat unik di dunia internet yang digunakan untuk mengidentifikasi sebuah website, atau dengan kata lain domain name adalah alamat yang digunakan untuk menemukan sebuah website pada dunia internet. Contoh : http://www.namadomain.com
Nama domain sendiri mempunyai identifikasi ekstensi/akhiran sesuai dengan kepentingan dan lokasi keberadaan website tersebut. Contoh ekstensi domain :
 com, net, org, info, biz, name, ws. : Untuk nama domain ber-ekstensi internasional
 co.id : Untuk Badan Usaha yang mempunyai badan hukum 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 yand tidak termasuk dalam kategori “ac.id”,”co.id”,”go.id”,”mil.id” dan lain lain
 war.net.id : untuk industri warung internet di Indonesia
 sch.id : khusus untuk Lembaga Pendidikan yang menyelenggarakan pendidikan seperti SD, SMP dan atau SMU/SMK
 web.id : Ditujukan bagi badan usaha, organisasi ataupun perseorangan yang melakukan kegiatannya di World Wide Web.

B. Rumah tempat website (Web hosting)
 Web Hosting dapat diartikan sebagai ruangan yang terdapat dalam harddisk tempat menyimpan berbagai data, file-file, gambar, video, data email, statistik, database dan lain sebagainya yang akan ditampilkan di website. Besarnya data yang bisa dimasukkan tergantung dari besarnya web hosting yang disewa/dipunyai, semakin besar web hosting semakin besar pula data yang dapat dimasukkan dan ditampilkan dalam website.
 Web Hosting juga diperoleh dengan menyewa. Pengguna akan memperoleh kontrol panel yang terproteksi dengan username dan password untuk administrasi websitenya. Besarnya hosting ditentukan ruangan harddisk dengan ukuran MB (Mega Byte) atau GB (Giga Byte). Lama penyewaan web hosting rata-rata dihitung per tahun.
 Penyewaan hosting dilakukan dari perusahaan-perusahaan penyewa web hosting yang banyak dijumpai baik di Indonesia maupun Luar Negeri. Lokasi peletakan pusat data (datacenter) web hosting bermacam-macam. Ada yang di Jakarta, Singapore, Inggris, Amerika, dll dengan harga sewa bervariasi

C. Bahasa Program (Scripts Program).
 Bahasa program adalah bahasa yang digunakan untuk menerjemahkan setiap perintah dalam website yang pada saat diakses. Jenis bahasa program sangat menentukan statis, dinamis atau interaktifnya sebuah website. Semakin banyak ragam bahasa program yang digunakan maka akan terlihat website semakin dinamis, dan interaktif serta terlihat bagus.
 Beragam bahasa program saat ini telah hadir untuk mendukung kualitas website. Jenis jenis bahasa program yang banyak dipakai para desainer website antara lain HTML, ASP, PHP, JSP, Java Scripts, Java applets, XML, Ajax dsb. Bahasa dasar yang dipakai setiap situs adalah HTML sedangkan PHP, ASP, JSP dan lainnya merupakan bahasa pendukung yang bertindak sebagai pengatur dinamis, dan interaktifnya situs.
 Bahasa program ASP, PHP, JSP atau lainnya bisa dibuat sendiri. Bahasa program ini biasanya digunakan untuk membangun portal berita, artikel, forum diskusi, buku tamu, anggota organisasi, email, mailing list dan lain sebagainya yang memerlukan update setiap saat.

D. Desain website.
Setelah melakukan penyewaan domain name dan web hosting serta penguasaan bahasa program (scripts program), unsur website yang penting dan utama adalah desain. Desain website menentukan kualitas dan keindahan sebuah website. Desain sangat berpengaruh kepada penilaian pengunjung akan bagus tidaknya sebuah website. Untuk membuat website biasanya dapat dilakukan sendiri atau menyewa jasa website designer. Saat ini sangat banyak jasa web designer, terutama di kota-kota besar.
Perlu diketahui bahwa kualitas situs sangat ditentukan oleh kualitas designer. Semakin banyak penguasaan web designer tentang beragam program/software pendukung pembuatan situs maka akan dihasilkan situs yang semakin berkualitas, demikian pula sebaliknya.
Jasa web designer ini yang umumnya memerlukan biaya yang tertinggi dari seluruh biaya pembangunan situs dan semuanya itu tergantung kualitas designer. Program-program desain website salah satunya adalah Macromedia Firework, Adobe Photoshop, Adobe Dreamweaver, Microsoft Frontpage, dll.

1.3. Kriteria Website Baik dan Buruk
A. BURUK :
DESAIN SECARA UMUM
 Loading makan waktu lama
 Halaman pertama (index/home) tidak pas dalam browser standar (800 x 600 pixel)
 Frame yang harus discroll menyamping
 Tak ada fokus tema pada halaman itu
 Sebaliknya, terlalu banyak fokus tema dalam halaman itu
 Tombol navigasi menjadi satu-satunya daya tarik
 Peletakan elemen (teks, paragraf, gambar, dsb.) berantakan
 Warna tidak cocok satu sama lain
 Halaman bagus jika dibuka di satu browser, tetapi hancur jika dibuka di browser lain

LATAR BELAKANG
 Warna abu-abu standar
 Kombinasi teks dan latar belakang yang membuat tulisan sulit dibaca
 Latar belakang terlalu ramai dan menyakitkan mata (misalnya menggunakan gambar gif animasi) yang membuat tulisan tidak jelas





TEKS
 Teks terlalu kecil sehingga sulit dibaca
 Teks terlalu panjang dan menembus batas kanan halaman
 Seluruh paragraf ditulis dengan HURUF BESAR
 Seluruh paragraf ditulis dengan huruf cetak tebal
 Seluruh paragraf ditulis dengan huruf miring
 Memberi garis bawah pada teks yang bukan link, akan membingungkan pengunjung

LINK
 Link standar berwarna biru
 Ada border link berwarna biru di seputar gambar
 Link yang tidak jelas akan membawa pengunjung kemana
 Link tanpa tujuan (broken link)
 Teks link yang tidak bergaris bawah atau tidak berubah warna ketika ditunjuk

GAMBAR
 Gambar yang sangat besar sehingga loadingnya lama
 Gambar yang tidak ada hubungannya dengan tema situs
 Gambar thumbnail yang ukurannya sama dengan gambar aslinya
 Gambar tanpa label alt
 Gambarnya hilang (muncul tanda x kecil warna merah)
 Gambar yang terlalu besar dan tidak muat di layar (anggap ukuran resolusi layar 800x600 pixel)

TABEL
 Ada bordernya
 Tabel digunakan sebagai hiasan dengan border yang sangat tebal

OBJEK BLINKING (BERKEDIP) DAN ANIMASI
 Apa saja yang berkedip, khususnya teks
 Garis berwarna pelangi
 Tulisan "Under construction", apalagi ditambahi gambar pekerja konstruksi jalan raya
 Animasi gambar "under construction"
 Animasi gambar e-mail
 Animasi yang tidak pernah berhenti

SAMPAH
 Counter - siapa yang perduli!?
 Iklan sampah
 Pengunjung harus melakukan scroll menyamping (kiri-kanan) - percayalah, ini menyebalkan!
 Scroll bar frame di tengah-tengah halaman

NAVIGASI
 Menu navigasi yang tidak jelas atau terlalu kompleks
 Terlalu banyak frame
 Frame terlalu kompleks
 Scroll bar yang tidak perlu pada frame
 Halaman yatim-piatu (tak memiliki link untuk kembali ataupun maju, serta tak ada keterangan apapun)
 Title halaman yang tidak ada hubungannya dengan tema atau isi halaman tersebut

B. BAIK :
DESAIN SECARA UMUM
 Loading halaman cepat
 Halaman index atau home pas di ukuran minimal 800 x 600 pixel
 Seluruh halaman lainnya juga harus pas dengan ukuran minimal 800 x 600 pixel
 Gunakan elemen grafis (foto, gambar, dsb.) untuk mengisi jeda antara paragraf dalam sebuah tulisan berukuran sangat panjang
 Buat setiap halaman tampak sebagai bagian dari situs tersebut; tampilkan elemen tertentu secara berulang yang akan mengingatkan pengunjung bahwa ia masih berada dalam situs yang sama.



TEKS
 Warna latar belakang tidak bertabrakan dengan warna teks
 Teks cukup besar untuk dibaca, tetapi jangan terlalu besar
 Hirarki informasi jelas
 Kolom teks lebih kecil dari kolom di buku untuk memudahkan membaca di layer

NAVIGASI
 Tombol dan bar navigasi mudah dipahami penggunaannya
 Navigasi konsisten di seluruh situs
 Tombol dan bar navigasi memberi petunjuk kepada pengunjung dimana mereka berada sekarang, dan halaman apa yang mereka lihat sekarang
 Frame, jika digunakan, tidak menggangu
 Situs berukuran besar memiliki index atau peta situs

LINK
 Warna link disesuaikan dengan warna halaman
 Link selalu bergaris bawah sehingga jelas bagi pengunjung

GAMBAR
 Tombol-tombol berukuran secukupnya
 Setiap gambar ada keterangan/label alt-nya
 Setiap link gambar memiliki link teks yang sesuai
 Gambar dan latar belakang menggunakan warna yang mampu ditampilkan browser (browser-safe colors)
 Animasi akan berhenti dengan sendirinya setelah beberapa saat