Minggu, 21 April 2013

Dasar Dan Tahap Desain Web


Pengertian website, situs web atau di forum komunitas bernama W3 (WWW) adalah salah satu media online yang berada di internet. Saya tidak akan menjelaskan panjang lebar tentang website atau situs web. Namun akan saya berikan sedikit penjelasan ringan hanya sebagai permulaan artikel di personal site saya ini. Mungkin ada yang di antara banyak pengguna internet sering menyebut website, blog, situs namun kurang mengerti apa itu. Mari saya jelaskan.
 Pengertian website
 Website pada umumnya adalah salah satu media online yang berada di internet. Untuk mengetahui lebih jelas tentang pengertian internet dan cara kerjanya silahkan kunjungi artikel di blog situs WHA. Banyak media online yang terdapat di internet selain website, yaitu IM / Internet Messaging seperti YM, GTalk, Skype, IRC dan lain-lain.
 Website sekarang ini menjadi trend di kalangan masyarakat dunia. Tidak heran jika di jaman sekarang orang-orang menilai perusahaan yang tidak mempunyai website itu dianggap perusahaan kecil, perusahaan yang kurang maju, dan sebagainya. Terlebih lagi, hampir setiap remaja Indonesia mempunyai website blog / personal blog karena memang blog sudah dimasukkan di kurikulum pendidikan di Indonesia, terutama di jenjang SMA/SMU/SMK sederajat. Kita harus berikan applause kepada negeri kita, Indonesia, yang akhirnya mau dan mampu mengikuti trend jaman. 
 Website secara teori dan cara kerjanya
 Oke saya lanjutkan kembali ke topik pengertian website. Pengertian website selain sebagai media online, website secara teoritis adalah … . Sebentar saya buka Laporan Tugas Akhir saya yang diuji oleh dosen UNY, Kadarisman TY (hehehehe., pamer   ). Jadi begini, pengertian website / WWW (World Wide Web) / situs web merupakan kumpulan informasi pada beberapa server kompuer yang terhubung satu sama lain dalam jaringan internet, yang mana satu informasi dalam web mempunyai link-link yang menghubungkan informasi satu dan lainnya sehingga informasi (hypertext) itu menjadi informasi kompleks (hypermedia) serta berisikan informasi teks, gambar, audio, bahkan video.
 Website ini sendiri agar dapat diakses oleh khalayak umum mempunyai beberapa aspek utama, yaitu script website, web server, web browser (seperti mozilla firefox, opera, google chrome, dll) maupun sql server jika diperlukan. Apa itu sql server? SQL server merupakan server basis data (database) atau penunjang informasi-informasi website terkait. Website tidak memperlukan sql server jika website itu merupakan website statis, yang mana tidak memperlukan data kompleks untuk disimpan. Sedangkan website dinamis, merupakan website yang mempunyai data-data kompleks dan harus di simpan di SQL server.
 SQL itu adalah kepanjangan dari … . Sebentar saya buka buku besar saya lagi (ah kelamaan deh loe!!). Belajar sebaiknya SerSan, serius tapi santai mas-mbak-dek-om-tante.  SQL adalah kepanjangan dari Structured Query Language. SQL ini mempunyai statement DDL (Data Definition Language) dan juga DML (Data Manipulation Language). DDL adalah statement untuk mendifinisikan objek-objek basis data, contohnya membuat sebuah tabel basis data dan kolom-kolomnya. Sedangkan DML adalah kumpulan aturan untuk memanipulasi data, contohnya seperti menyimpan data ke dalam tabel, mengeksekusi / menampilkan data, mengubah serta menghapus data tersebut dari tabel data.
 Website statis dan website dinamis
 Website statis pada umumnya menggunakan script html yang mana untuk file yang dieksekusi dari browser menggunakan ekstensi akhiran”.html”. Sedangkan website dinamis sering yang kita jumpai menggunakan script php, namun ada juga yang menggunakan jsp, asp, cold fusion, dan lain-lain. Namun untuk saya sih cenderung memakai PHP karena mudah dipelajari, banyak dokumentasi dan juga banyak programmer profesional yang melakukan developtment atau pengembangan di script PHP. Script web dinamis harus didukung oleh webserver, yang mana harus menyediakan algoritma penerjemah bahasa dari script mentah menjadi halaman yang disajikan kepada user / visitor web tersebut.
 Jenis SQL yang sering digunakan oleh programmer web biasanya adalah MySQL dan PostgreSQL. Tidak semua web server di pasaran menyediakan ke-2 fasilitas tersebut. Namun tenang saja, Anda bisa menggunakan 2 bahasa SQL yaitu MySQL dan PostgreSQL tadi dengan menggunakan web hosting server WHA. Ya, kami sebagai developer berusaha menyediakan fasilitas yang maksimum untuk para developer lainnya. 
 Saya kira itu yang bisa saya jelaskan untuk pengertian website, cara kerja dan aspek pentingnya. Jika artikel ini dianggap masih ada yang kurang oleh kawan-kawan silahkan berkomentar atau sekedar menyapa saya di chat bagian footer personal site saya ini. Terima kasih atas kunjungannya di artikel pengertian website atau situs web.
Bagaimana membentuk tim Web Developer yang handal? Berawal dari pengalaman tim hosting kami yang merangkap menjadi tim developer website, kami dulu sangat kesulitan melakukan manajemen job task. Walaupun kami adalah sesama teman dekat, tetapi tim haruslah mempunyai suatu struktur organisasi.
 Karena di antara teman-teman saya yang paling berpengalaman untuk bekerja dalam tim, maka tanpa diputuskan secara langsung saya menjadi pemimpinnya (hingga sekarang ini). Menurut saya, tujuan dibentuk tim itu untuk mempercepat penyelesaian pekerjaan. Bagaimana itu bisa terjadi?
Manajemen Tim Web Developer
 Dengan membagi antar tim, maka pekerjaan bisa cepat selesai. Hal itu dikarenakan setiap bagian atau bidang diisi oleh orang yang ahli dan atau berpengalaman di bidangnya. Bagaimana jika dia tidak mau? Cari orang lain, tidak usah pekerjakan dia, atau jika mereka tidak cocok pasti mereka akan keluar atau berhenti dengan sendirinya. Sikap atau attitude yang profesional harus didasari dari hal yang paling basic dan niat atau kemauan.
 Yang saya pelajari di pendidikan saya dulu, Webmaster itu terdiri dari Web Programmer, Web Designer dan Web Analisis. Kalo menurut kamu ada yang lain silahkan tambah di komentar. Dari 3 struktur tim web developer tadi mempunyai bagian yang sangat berbeda, untuk lebih jelasnya berikut:
  1. Web Programmer, tenaga yang berkutat di bagian inti website (backend code) yang membangun aplikasi hingga fungsi website mampu berjalan dengan baik.
  2.  Web Designer, tenaga yang berkutat di bagian luar website (frontend code) yang membuat tampilan dan mengolahnya dengan code atau script (dari web programmer) hingga website berfungsi sebagaimana mestinya pekerjaan yang diterima ( kalo pekerjaan pemerintah sesuai KAK atau Kerangka Acuan Kerja  ).
  3. Web Analisis, tenaga yang berkutat di bagian perencanaan dan awal project, yaitu lebih tepatnya melakukan analisis aplikasi dan menyiapkannya ke dalam bentuk database.

Oke, itu garis besarnya untuk tugas di tim web developer, yaitu dibutuhkan webmaster yang meliputi web analisis, web designer dan web programmer.
Ada baiknya kita mengerti tentang dasar-dasar desain website. Apa saja yang menjadi tujuan atau misi seorang web designer? Tujuan utama web designer adalah mampu membentuk website dengan tampilan yang indah tetapi dengan kecepatan load kecil. Load kecil dibutuhkan untuk seo atau Search Engine Optimization dan juga banyak sumber mengatakan bahwa audience tidak suka dengan website yang waktu loadnya besar atau berat, maka mereka akan meninggalkan website tersebut.
Tahap-tahap desain website
 Ada beberapa tahap melakukan desain website perlu kamu ketahui, yaitu:
  1. Web Design from Scratch
Melakukan desain dari coret-coretan di kertas atau di program komputer pengolah gambar, seperti Corel Draw, Adobe Photoshop dan sebagainya. Tetapi saya tidak merekomendasikan kamu pakai Microsoft Paint. 
  2. Design Websitemu sekarang juga!
Setelah melakukan coret-coret sketsa desain, mulailah melakukan desain di Adobe Photoshop. Saya kira tidak ada tool yang optimal untuk melakukan desain web selain program berbayar atau bajakan Anda tadi itu. 
 3. Slicing Design Web
Slicing atau pemotongan desain web dapat dilakukan dengan menggunakan Adobe Image Ready, atau jika menggunakan Adobe Photoshop CS3 ke atas kamu bisa langsung melakukan slicing desainmu.
 4. Integrasikan code ke desain web
Saat tahap slicing tadi, kamu bisa membuat dalam bentuk html dahulu atau langsung ke proses integrasi dengan code websitenya. Melakukan proses ke html biasanya dilakukan jika web designer tidak mengerti code dan akan dilempar kembali kepada web programmer untuk diintegrasikannya. Jika memang begitu cukup sampai di sini tugas Anda sebagai Web Designer. Tetapi di beberapa tempat kerja, seperti yang terjadi tim design & hosting kami, (obyektif) web designer harus mengerti code dan masih dalam tahap melakukan integrasi code dan desainnya. Jadi ada baiknya seorang web designer juga mempelajari code website yang digunakan, jangan sampai buta sama sekali dengan code.

Oke, sampai di sini dulu tentang dasar dan tahap desain web. Terima kasih.

Tidak ada komentar:

Posting Komentar