Proses Pembangunan Web

Pre-production web
Meliputi langkah langkah sebagai berikut:
Proses Pembuatan website - Dalam pembuatan sebuah website di perlukan dua bidang yang
saling berhubungan satu sama lain, yaitu web programming dan web designing. Web
programing adalah sebuah keahlian yang diperlukan untuk menuliskan script pemrograman
web, sedangkan web designing merupakan bidang keahlian yang merancang dan mendesain
tampilan suatu web. Untuk membangun suatu website yang bagus, dinamis dan interaktif,
keduanya harus ada dan saling melengkapi. Adapun langkah-langkah Proses Pembuatan
websiteyang harus dilaksanakan dalam membangun sebuah website adalah sebagai berikut:
1. Perencanaan dan Tujuan
Dalam memulai pembuatan website sangat diperlukan perencanaan awal, sesuai dengan
tujuan dari pembuatan website itu sendiri. Identifikasi awal perlu diperlukan misalnya:
website apa yang ingin dibuat ? siapa saja pengunjung yang diharapkan ? targetan apa
yang ingin dicapai dengan pembuatan website ini?. Dengan menjawab pertanyaan2 di atas,
akan semakin jelas dan mempermudah dalam membangun sebuah website. Ini merupakan
tahap awal dari Proses Pembuatan website
2. Pemilihan dan Penggunaan software / Engine
Tahap Kedua dari Proses Pembuatan website yaitu Dalam pembuatan website kita
memerlukan software yang digunakan untuk proses desain dan pemrograman web.
Pemakaian software ini dibagi menjadi dua bagian yaitu software untuk program desain
web dan software untuk pemrograman web. Banyak sekali sotware untuk program desain
web seperti Adobe Photoshop, flash, dreamwaver, corel draw, dll. Dan software untuk
pemograman web antara lain, software dreamwaver, crimson editor, notepad, dengan
pemograman seperti php ataupun asp. Dan saat ini marak penggunaan Engine CMS
ataupun CI.
Mengidentifikasi halaman menurut jenis
a. Home page juga dikenal sebagai default page, index page, atau kadang-kadang front door.
Home page menyediakan entri navigasional pertama ke situsnya memapankan tujuan dan
kepribadiannya (pesan branding-nya). Kadang-kadang ditampilkan link ke penawaran
situs, seperti sela antara sampul buku dengan daftar isinya. Sejumlah home page
menawarkan isi aktual, dan seharusnya isi ini dengan jelas menyampaikan branding
situsnya. Item yang paling menarik dan pentng seharusnya gampang diakses dari home
page dan halaman yang kurang menjadi prioritas bisa di-link dari halaman dalam situsnya.
 Tujuan utama home page adalah menyediakan entri yang cepat dan mudah ke situs
bersangkutan.
b. Halaman isi (Content Page) sering menghiasi sebagian besar situs content-driven (tetapi
mungkin hanya bagian dari keseluruhan situs penjualan). Area isi sering dimasuki melalui
suatu halaman indeks yang bertindak sebagai home page area. Isi seharusnya
diorganisasikan dengan baik dan halaman-halaman seharusnya memiliki tampilan sama.
c. Halaman peta situs (berbeda dengan peta situs berjenis perencanaan yang telah
disebutkan sebelumnya daram bab ini, karena diretakkan secara publik di situs web unruk
dilihat pengguna) adalah halaman navigasional yang bisa bertindak sebagai daftar isi
besar yang mencantumkan setiap halaman signifikan pada situs dan jauh lebih
menyeluruh dibanding home page.
d. Halaman pencarian adalah halaman navigasional yang memungkinkan pengguna
secara efisien mencari item-item yang diminati, menawarkan jalur langsung ke item
manapun. Menyusun opsi pencarian situs ini melibatkan pembatalan halaman pencarian
yang diabdikan, tetapi mungkin juga melibatkan peletakan kotak pencarian yang
langsung di home page maupun halaman lain.
e. Halaman bantuan (seperti daftar FAQ) memberdayakan pengguna untuk membantu diri
sendiri dalam menggunakan situs Anda, produk Anda, atau layanan Anda. Halaman
bantuan paling berguna untuk mendidik pengguna tentang cara menayigasi situs Anda
dan menggunakan sistem transaksi Anda, tentang mesin pencarian situs Anda, dan
tentang produk atat layanan Anda. Sungguh arif untuk menyediakan link ke Help di
home page Anda, maupun pada setiap halaman yang mungkin menimbulkan pertanyaan
bagi pengguna, serta untuk meletakkan link Help padabaris navigasi Anda.
f. Halaman perusahaan adalah yang menawarkan latar belakang perusahaan,
menyediakan rincian lokasi, melukiskan nilai-nilai atau visi perusahaan,
g. Halaman transaksi adalah yang mengatahkan pengguna melewati transaksi finansial.
Transaksi finansial mencakup pembelian suatu item tunggal borongan, dengan
mentransfer uang dari satu rekening ke rekening lain suatu situs perbankan, atau
membeli suatu item dari pihak ketiga pada lelang. Navigasi halaman transaksi harus
mudah; Anda tidak melambatnya navigasi atau gangguan dalam prosesnya. Ketika Anda
organisasikan dan memperhatikan rancanganhalaman ini, yang pefiama harus dilakukan
adalah membuat alirannya mudah dan prosesnya jelas. jumlah halaman yang diperlukan
untuk bergerak dari pemilihan produk ga melakukan pembelian. Pastikan segala sesuatu
yang mirip dengan mempunyai fungsi yang sama. Buatlah agar link atau tombol penting
mengarahkan pengguna melalui suatu proses menerapakan item yang jelas di
halamannya.
Production web
Meliuti langkah langkah sebagai berikut:
1. Desain Web
Dalam pembuatan desain-desain grafis untuk web dapat digunakan software desain yang ada
seperti yang telah disebutkan diatas.
2. Pemrograman Web
Pemograman web yang digunakan dalam pembuatan website antara lain php dan asp.
Penggunaan program ini disesuaikan dengan keinginanan ataupun kemampuan seorang
webmaster dalam membuat suatu website. Ini merupakan tahap ke empat dari Proses
Pembuatan website.
3. Menggabungkan Design dan Pemrograman Web
Tahap berikutnya dari Proses Pembuatan website adalah dengan melakukan penggabungan
desain dan pemrograman web yang telah dibuat sebelumnya. Tahap ini merupakan
tahap yang paling penting, dan perlu keahlian dan perhitungan yang cermat.
Sebelum melakukan penggabungan desain dan pemrograman web, sebaiknya ditentukan
terlebih dahulu jenis layout (tata letak) yang akan digunakan. Format layout banyak
digunakan karena banyak menapung informasi dalam suatu halaman, disamping itu layout
jenis ini dapat membuat desain yang telah dibuat terlihat seimbang dan enak dilihat. Model
layout split dibagi menjadi lima bagian, yaitu header, menu kiri, menu kanan, body/content
dan footer.
Bagian header ditempati oleh desaign header yang telah dibuat. Bagian menu kiri akan dipake
untuk menampilkan menu kategori, menu login. Pada menu kanan ditampilkan menu popular,
news lastest dan shoot message. Dan terakhir bagian footer ditempati oleh keterangan siapa
pembutan website.