Step by Step Design Website

Pelaksanaan perancangan website dibagi menjadi 6 (enam) tahap, yaitu sebagai berikut:

1. Planning (perencanaan website) dilaksanakan oleh web architect
2. Designing (perancangan website) dilaksanakan oleh web designer
3. Coding (penyusunan code/script) dilaksanakan oleh web programmer
4. Testing (pengujian web) dilaksanakan oleh web programmer
5. Promotion (promosi website) dilaksanakan oleh web developer
6. Maintenance (pemeliharaan website) dilaksanakan oleh web administrator

1. Tahapan Perencanaan (Planning)

Konsep perencanaan website meliputi item-item sebagai berkut:

a. Penentuan nama website (name), mencakup:

- Domain Name (nama website)

- Description (deskripsi singkat website)

- Keywords (kata kunci untuk pencarian website)

b. Penentuan tema dan tujuan website (theme), mencakup:

- Character (karakteristik website)

- Form (bentuk desain website)

- Layout (tata letak website)

- Typograph (karakter huruf atau font)

- Colour (dominasi warna website)

c. Pengumpulan data/materi website (content), mencakup:

- Profile (Profil Perusahaan/Organisasi/Personal)

- Corporate Identity (Logo, Tema, Visi, Misi, Struktur Perusahaan/Organisasi)

- Portofolio (Daftar Produk/Karya Perusahaan/Organisasi/Personal)

- Activities (deskripsi kegiatan dan kiprah Perusahaan/Organisasi/Personal)

- Gallery (foto kegiatan dan kiprah Perusahaan/Organisasi/Personal)

d. Pembuatan kerangka situs (site map), mencakup:

- Content Management (manajemen isi/halaman website)

- Media Management (manajemen penyusunan foto, gambar)

- Sitemap Flowchart (skema/bagan alir halaman website)

- Search Tag Index (index kata/tag untuk fungsi pencarian halaman)

e. Penyusunan jadwal pengerjaan website (time schedule), mencakup:

- Barchart Time Schedule (Jadwal kerja pembuatan website)

2. Tahapan Perancangan (Design)

Konsep perancangan website secara detail meliputi item-item sebagai berikut:

a. Pembuatan Header (header design), meliputi:

- Name (nama/judul website)

- Slogan/Motto (Slogan atau motto website)

- Logo & Picture (logo Perusahaan/Organisasi/Foto Personal)

- Header Properties (properti header website, meliputi bentuk, warna, tipografi)

b. Penyusunan Menu (menu mapping), mencakup:

- Main Menu (menu utama website)

- Sub Menu (sub menu website)

- User Menu (menu untuk pengunjung terdaftar)

- Menu Properties (property menu, meliputi bentuk, warna, tipografi)

c. Pembuatan Sidebar (sidebar design), mencakup:

- Sidebar Component (penentuan komponen sidebar)

- Sidebar Properties (properti komponen sidebar, meliputi bentuk, warna, tipografi)

d. Penyusunan Content (content compilation), mencakup:

- Content Management (penyusunan tata letak halaman website)

- Content Properties (property konten, meliputi bentuk, warna, tipografi)

e. Pembuatan Footer (footer design), mencakup:

- Footer Properties (properti footer, meliputi bentuk, warna, tipografi)

- Copyright Text (hak cipta kepemilikan website)

- Publisher (hak cipta kepemilikan website)

f. Pembuatan Fitur (features design), mencakup:

- Search Box (pencarian kata)

- Category List (daftar kategori artikel/berita)

- Guest Book (buku tamu)

- Shout Box (komentar pegunjung)

- Comment Box (kolom komentar artikel/berita)

- Calendar (kalender dan agenda penting)

- Gallery (koleksi foto/gambar)

- Frontpage Slideshow (tampilan slide halaman depan)

- Polling (jajak pendapat)

- Contact Form (form kontak untuk admin)

- Link (daftar link situs lain)

- Login Form (pendaftaran masuk member area)

- Register Form (pendaftaran menjadi member)

- Advertising Banner (daftar dan gambar pemasang iklan)

- Download Area (area untuk mengunduh file)

- Clock (fitur jam dan tanggal)

- Commerce (layanan transaksi jual beli)

- Webmail (layanan email dengan domain sendiri)

- Link Share (tautan untuk menyebarkan konten)

- Web Statistic (statistik aktivitas website)

- RSS Feed (daftar referensi/sindikasi berita)

3. Tahapan Penyusunan Script (Coding)

Tahan penyusunan script (coding) secara detail meliputi item-item sebagai berikut:

a. Penyusunan Script HTML (HTML coding), meliputi:

- Pembuatan halaman dengan tampilan statis dan sederhana.

- Penyusunan content website

b. Penyusunan Script PHP (PHP coding), meliputi:

- Pembuatan fitur/modul dinamis sesuai masing-masing fungsi.

- Pembuatan sistem komputerisasi atas input data yang masuk ke dalam website.

c. Penyusunan Script Cascade Style Sheet (CSS coding), meliputi:

- Penentuan layout website (kerangka dasar website)

- Penentuan properti/karakter fitur ataupun modul dinamis.

- Penentuan tipologi website (karakter font)

- Penentuan dominasi warna website (karakter warna)

d. Penyusunan Script SQL (SQL coding), meliputi:

- Pembuatan sistem write, read dan record database website

- Klasifikasi dan pemilahan data atas rekam data yang masuk melalui website

4. Tahapan Pengujian Website (Testing)

a. Pengujian secara offline (offline testing), meliputi:

- Pengujian layout website terhadap berbagai resolusi layar komputer

- Pengujian tampilan desain agar sesuai dengan script coding

- Pengujian tautan terhadap masing-masing hyperlink object

- Pengujian semua fungsi fitur agar berjalan dengan baik

b. Pengujian secara online (online testing), meliputi:

- Pengujian semua fungsi fitur agar berfungsi secara online (guest book, comment, dll)

- Pengujian website di semua jenis browser (Internet Explorer, Mozilla Firefox, Opera, Google Chrome, dll)

- Pengujian integrasi website terhadap website lainnya.

5. Tahapan Promosi Website (Promotion)

a. Promosi secara online (online promotion), meliputi:

- Promosi link website di internet melalui sistem pencarian yang mendukung SEO (Search Engine Optimization)

- Promosi link di internet melalui pemasangan iklan text maupun banner

- Promosi link di media televisi dengan spot iklan

- Promosi link di radio-radio dengan spot iklan maupun dengan acara khusus

b. Promosi dengan media cetak (printable promotion), meliputi:

- Promosi link dengan menyebarkan stiker atau kaos gratis berisi link website

- Promosi link dengan menyebarkan brosur/flyer/leaflet/souvenir khusus.

- Promosi link dengan kolom iklan di majalah, koran, dll

- Promosi link dengan penerbitian buku/e-book khusus yang menampilkan link website

- Promosi link dengan banner berupa program media partner dengan organisasi lain.

6. Tahapan Pemeliharaan Website (Maintenance)

a. Pemeliharaan Domain & Hosting (domain & hosting maintenance), meliputi:

- Memeriksa status account kepemilikan domain & hosting

- Melakukan perpanjangan sewa domain & hosting saat masa berlaku menjelang habis.

- Melakukan pemeriksaan ukuran file website agar tidak melebihi batas sewa hosting

- Melakukan pemeriksaan dan backup HTML, PHP, CSS dan SQL secara rutin, untuk menghindari terjadinya kerusakan data karena injeksi script oleh para hacker.

- Memeriksa log yang bermasalah (error log) untuk mengetahui penyebab terjadinya bugs (kesalahan) pada sistem.

b. Pemeliharaan Back-End Website (back-end maintenance), meliputi:

- Pengisian content, penataan layout dan pengarsipan dokumen berita dan artkel.

- Pemeriksaan content, baik tulisan, gambar, animasi, link, dll agar tidak mengganggu atau merusak layout yang telah didesain.

- Pemeriksaan komponen lain (3rd party) yang mendukung website secara outsource, misal buku tamu, shout box, web statistic, widget, dan lain-lain.

- Pemeriksaan dan validasi terhadap pengguna (user) yang melakukan registrasi, menulis berita, menampilkan foto, dan sebagainya.

Sumber --> http://www.namagraph.com/