Selepas paragraf ini, komentar pribadi dari saya akan ditulis dengan menggunakan huruf miring.

:::::

Proses Pembuatan dan Pengembangan Website

Sebelum diteruskan, perlu diingat bahwa sudah sewajarnya hal-hal semacam ini memiliki jumlah variabel yang tidak terbatas ketika menentukan jangka waktu pengerjaan. Dalam situasi sebenarnya, proses pengerjaan tidak akan pernah semulus seperti yang dijelaskan disini. Akan ada suatu hal yang perlu diulang-ulang, langkah yang tidak berurutan, juga waktu yang lebih banyak ketika menyempurnakan CSS, back-end, dan sebagainya. Jadi mohon gunakan artikel ini hanya sebagai pengetahuan langkah-langkah dasar, yang saya anggap paling tepat, sebagai seorang web designer/developer.

Langkah #1: Diskusi

Sudah pasti yang pertama kali dilakukan adalah diskusi, atau berbicara santai dengan klien. Pada pertemuan pertama anda perlu menetapkan ruang lingkup pekerjaan, menyamakan persepsi (dengan klien), siapa yang harus dihubungi untuk urusan bahan-bahan (artikel, foto), dan sebagainya.

Langkah #2: Brainstrorming

Pikirkan dan diskusikan bersama mengenai struktur website yang akan dibuat. Hal apa yang penting? Apa yang tidak penting? Apa yang harus ada di setiap halaman?

Berdasarkan besar pekerjaan, anda perlu membuat sebuah sitemap untuk diperlihatkan kepada klien. Sitemap ini amat berguna ketika kita perlu mengubah letak-letak content situs ketika mendiskusikannya.

Langkah #3: Wireframe

Wireframe adalah kerangka situs yang menunjukkan semua navigasi, fungsi, dan elemen-elemen content yang akan ada di hasil akhir, tanpa disertai gambar-gambar disain layout. Hal ini berguna untuk mengeliminasi masalah-masalah seperti putusnya navigasi atau bahkan tidak adanya sebuah halaman yang penting. Wireframe akan berfungsi sebagai blueprint untuk pekerjaan-pekerjaan berikutnya.

Bagaimana membuat wireframe sepenuhnya terserah kepada anda. Untuk pekerjaan kecil, barangkali cukup dengan membuat bagan dengan Photoshop atau Illustrator. Untuk website yang lebih besar dan kompleks, kemungkinan diperlukan untuk memasukkan skema wireframe tersebut kedalam HTML sehingga klien dapat melakukan navigasi dan memeriksa apakah semua hal yang diinginkan sudah ada pada tempatnya.

Langkah #4: Merencanakan Content

Dengan menggunakan sitemap dan wireframe, anda dan klien dapat mulai memikirkan content, khususnya teks. Perencanaan dan penulisan content teks ini barangkali merupakan bagian pekerjaan yang paling besar dari sisi klien, dan ini dapat memakan cukup banyak waktu.

Catatan: Pengalaman pribadi saya, beberapa klien tidak memiliki bahan-bahan artikel/tulisan lengkap untuk websitenya, sehingga saya terus melanjutkan sampai beberapa langkah dibawah tanpa ada content, atau content yang akhirnya saya cari sendiri. Setelah itu, klien lantas tinggal tunjuk bagian-bagian yang dianggapnya tidak cocok, dan menyuruh kita untuk memperbaiki. Masih untung kalau cuma tulisan, kalau ternyata ada yang terhubung ke struktur disain atau program, berarti harus dirombak total :p

Langkah #5: Disain Awal

Disainer mulai melakukan semua pekerjaan disain, yaitu layout halaman-halaman utama dan barangkali beberapa halaman lainnya.

Langkah #6: Masukan dari Klien

Ketika disain layout awal sudah selesai, klien perlu memeriksa apakah anda sudah berada pada arah yang benar, dan klien dapat menyarankan perubahan atau penyesuaian.

Langkah #7: Penyesuaian atau Perbaikan Desain

Kemungkinan akan berisi pengerjaan ulang, perubahan, dan penyempurnaan…

Langkah #8: Persetujuan Klien

…sampai semua merasa puas dan bahagia.

Proses pengerjaan – dengar pendapat – pengerjaan ulang diatas, akan berulang dalam tingkat yang berbeda pada keseluruhan proyek. Selain perencanaan content, hal ini juga merupakan salah satu bagian pekerjaan yang besar dari sisi klien.

Langkah #9: Disain Halaman-halaman Lainnya

Saat telah dicapai kesepakatan mengenai disain layout dasar, anda dapat mulai mengerjakan layout dan disain untuk tiap halaman-halaman kecil lain pada website.

Langkah #10: Konfirmasi

Sekali lagi, setiap langkah perlu diperiksa, disempurnakan, dan disetujui.

Langkah #11: Membuat Halaman HTML

Anda lalu dapat mulai membuat halaman-halaman HTML…

Langkah #12: Dan CSS

…dan CSS-nya. (Sebetulnya kedua langkah terakhir ini dapat disatukan, tapi saya menyukai gambar si robot kecil.)

Catatan: Menurut saya, disini seharusnya dimasukkan juga pekerjaan programmer yaitu membuat dan mengimplementasikan script-script (apabila ada). Pekerjaan ini menurut saya cukup besar dan rumit, terutama pada situs yang besar dan kompleks scripting-nya.

Langkah #13: Perlihatkan kepada Klien

Lagi-lagi merupakan kerjasama antara anda dan klien. Pengerjaan – dengar pendapat – pengerjaan ulang untuk memperbaiki dan menyempurnakan segala sesuatunya sampai sebuah website yang sempurna, berhasil dibuat.

Langkah #14: Test

Langkah terakhir dalam proses produksi adalah debug. Website perlu ditest pada berbagai macam platform untuk menghilangkan segala kemungkinan masalah-masalah teknis. Juga perlu dilakukan pemeriksaan menyeluruh atas kesalahan-kesalahan yang barangkali terdapat pada content. Sebetulnya, ketika berada pada langkah pembuatan HTML dan CSS anda sudah harus memperhatikan masalah cross-browser (fungsionalitas pada browser yang berbeda) ini, tapi tentunya anda memerlukan sebuah pengecekan besar pada saat terakhir, yang dilakukan dalam kesempatan khusus dan diberi porsi waktu yang cukup.

Langkah #15: Peluncuran

Gambar menyatakan “The End”, tapi anda tentu tidak dapat mengambil uang dan lari ke pintu. Anda perlu memantau situs selama paling tidak 10 hari untuk melihat masalah-masalah yang barangkali muncul, dan memperbaikinya.

:::::

Demikianlah proses pembuatan website yang dijelaskan dalam gambar-gambar yang (menurut saya) unik, semoga berguna. Sekali lagi, hak cipta ada pada penulis asli: http://www.pingmag.jp/

test