sejak diperdengarkan pada tahun 2001, semantic web yang dicanangkan sebagai web 3.0, mencoba mengedepankan konsep yang bertumpu pada dua hal, tentang sebuah format atau pola umum untuk integrasi dan kombinasi data yang diambil dari berbagai sumber, sehingga sebuah website tidak lagi hanya berfungsi sebagai alat tukar menukar informasi secara langsung, tapi juga berfungsi untuk merekam bagaimana data tersebut memiliki relasi dengan objek didunia nyata.

yang pada akhirnya memungkinkan seseorang atau mesin sekalipun, untuk mencari sesuatu pada sebuah database, dan kemudian menemukan kemungkinan untuk memperluas pencariannya ke sejumlah database yang bisa jadi tidak terbatas yang tidak terkoneksikan secara langsung, tapi terkoneksikan karena hal yang sama.

all about data relation, source : w3c

contoh sederhananya seperti ini, semantic web memungkinkan hasil pencarian dari kata kunci “dokter gigi”, adalah sejumlah dokter gigi yang praktek di sekitar rumah kita, dokter gigi yang merupakan teman kita, dan dokter gigi yang sedang membuka praktek disaat kita melakukan pencarian.

sudah hampir 4 tahun lalu saya mulai membaca tentang apa itu semantic web, dan hampir 4 tahun itu juga saya tidak menemukan sebuah titik terang akan bergeraknya konsep ini menjadi kenyataan sampai akhirnya facebook memperkenalkan Open Graph Protocol.

tweet[] : will facebook’s open graph bring the idea of semantic web become real?

Open graph protocol memungkinkan user untuk mengintegrasikan halaman web ke social graph. Yang akhirnya memungkinkan sebuah halaman facebook pages menjadi tempat berkumpulnya data maupun informasi yang berhubungan dengan user, mulai dari lokasi, hobi, dan mungkin juga interest.

menurut saya hal ini mirip dengan konsep semantic web atau si web 3.0 tentang bagaimana world wide web menjadi sebuah database yang sangat besar dan bagaimana data dan dokumen dapat diolah, dilihat, dicari, dan dimodifikasi menjadi informasi yang merepresentasikan hubungan antar objek-objek didalam jaringan internet.

tweet[] : about 4 years ago me start reading about semantic web, and itz gettin’ closer nowadays, do FB’s open graph using RDF?

pada awalnya saya percaya bahwa platform utama yang akan bermain pada level semantic adalah search engine, dan pastinya akan mengarah kepada google (which is according to me, we don’t have any other choice by then), namun seiring berjalannya waktu, saya mulai ragu dengan bergerak lambannya google menuju era semantic web, dan titik terang itu muncul ketika si empunya facebook memperkenalkan facebook open graph, yang mana didukung dengan ilustrasi yang mirip dengan apa yang diinginkan oleh semantic web.

Open Graph protocol, source: Facebook Developers

inisialisasi yang dilakukan oleh facebook sebenarnya akan bertumpu pada berkembangnya tombol “like”, sebuah tombol baru yang menggantikan tombol “become a fan” dan tombol “share to FB”, penggunaan tombol “like” yang diikuti dengan penambahan beberapa metadata tertentu yang berbasis pada RDFa, akan memungkinkan data dari sebuah halaman web untuk diterjemahkan kedalam banyak format, karena metadata yang ditambahkam pun dapat mencantumkan banyak sekali atribut, mulai dari informasi kontak, lokasi, hingga jenis dari objek yang diterjemahkan.

"layercake" diagram, source: w3c

dan bagaimana kemudian hal ini bisa mewujudkan “we semantically connected?”, saya rasa masih banyak yang harus digali, karena RDFa sendiri masih salah satu item dari dasar terwujudnya semantic web, karena disana masih ada OWL, SPARQL, LOD, dan bagaimana perkembangan AI search engine yang kemudian dapat menggabungkan informasi yang terkait dan memberikan suggestion yang paling tepat pada user.

tweet[] : imho, to implement semantic web, we need a search engined style platform to connect and learn all the information, will it be FB or google?

itz a nice start, but itz still a long way to go.. can’t wait to see it coming anyway..

referensi:

• http://opengraphprotocol.org/
• http://developers.facebook.com/docs/opengraph
• http://www.w3.org/2001/sw/
• http://www.w3.org/Talks/2002/10/16-sw/slide1-0.html
• http://www.w3.org/2001/sw/wiki/Main_Page
• http://www.w3.org/2009/Talks/0829-Nanjing-IH/Tutorial.pdf
• http://www.w3.org/2009/Talks/0830-Nanjing-IH/Talk.pdf
• http://en.wikipedia.org/wiki/Semantic_Web
• http://en.wikipedia.org/wiki/Web_Ontology_Language
• http://en.wikipedia.org/wiki/Resource_Description_Framework
• http://en.wikipedia.org/wiki/RDFa

sebuah kerangka, akan saya artikan seperti sebuah batasan-batasan, yang bisa jadi akan membatasi langkah, gerak, imajinasi, dan mungkin pula solusi, membuat kita terkurung dengan bahan-bahan yang telah ditentukan.

beberapa pekerjaan terakhir saya mengharuskan saya ‘bermain’ atau berurusan dengan framework php, framework sendiri bisa diartikan sebagai kerangka kerja pemrograman, dimana seorang programmer cukup menggunakan library-library yang telah tersedia, untuk mempermudah proses pembuatan program.

sebenarnya dari awal saya mendengar kata framework dan apa gunanya, saya sudah berfikir untuk tidak menggunakan framework, alasan saya saat itu adalah karena ‘setiap orang punya cara dan metode pendekatan yang berbeda’ dan yang lebih sederhana adalah alasan ‘saya ingin membuat sesuatu dengan cara saya, ngapain ikut cara orang lain?’

tapi pekerjaan yang akhirnya membuat saya bersentuhan dengan framework, dan saat menggunakannya hingga pekerjaan itu hampir selesai, saya masih saja berfikir ‘apa sih gunanya nih framework?’, karena bagi saya penggunaan framework ini buang-buang tenaga, kenapa?

begini, framework selalu menyertakan banyak library, class, function, method dan lain sebagainya, dan sering kali dari sekian banyak fitur yang ada, tidak semua digunakan, dan mungkin fitur yang ada tidak bisa memnuhi kebutuhan sehingga programmer harus menambahkan plugin atau fungsi baru.

proses ini lah yang akhirnya membuat saya berfikir bahwa ini buang-buang tenaga, dan sebenarnya bukan hanya tenaga saja yang dibuang, tapi juga space hosting yang ada, sesederhana kalo saya hanya butuh space 5MB untuk program saya, kenapa harus menghabiskan 20MB karena pake framework. dan ini bukan hanya soal space, mengingat bagaimana cara menggunakan php dengan Object Oriented Programming, tentu proses loading banyak library akan mempengaruhi loading program utamanya.

belum lagi, perkembangan framework yang digunakan diseluruh dunia dan tidak pernah adanya buatan manusia yang sempurna, maka apabila ada yang bisa menembus pertahanan pusat framework di satu tempat, maka pengguna framework dengan tipe dan versi yang sama, akan memiliki kerentanan terhadap serangan yang sama pula.

ya memang, bisa saja ini hanya terjadi di php, dan bisa jadi framework untuk bahasa pemrograman yang lain bisa lebih efisien. hmm.. teman-teman saya sesama programmer selalu mendengungkan bahwa dengan framework, apa yang kita bikin nantinya bisa di re-use alias dipake lagi dikemudian hari, dan jawaban saya pun sederhana ‘selama ini saya selalu pake source saya yang dulu-dulu koq :p’

ada yang bilang juga kalo framework akan sangat berguna untuk era kolaborasi sekarang ini, dimana sebuah project bisa dikerjakan oleh banyak programmer yang ada dibanyak tempat pada saat yang bersamaan, dan dengan framework, para programmer tersebut tidak perlu susah-susah untuk berargumentasi mengenai apa dan bagaimana rangka awal sebuah fitur dibuat.

tapi itu juga masih bisa dibantah, karena kembali lagi setiap orang memiliki cara pemikiran dan pendekatan yang berbeda tentang apa dan bagaimana sesuatu itu dibuat, dan bisa jadi pada akhirnya titik temu dari pendekatan yang berbeda itu memutuskan untuk tidak lagi menggunakan framework.

saya tidak menyarankan penggunaan framework bagi mereka yang baru atau sedang belajar pemrograman, daripada belajar framework, lebih baik meluangkan waktu lebih banyak untuk mempelajari algoritma, logika, struktur pemrograman,  dan banyak latihan membuat program sendiri. membuat program sendiri? ya.. karena dengan merasakan sulit hingga mudahnya membuat program sendiri, sedikit banyak akan memberikan modal yang lebih sebelum menginjak kepada kolaborasi pemrograman hingga nantinya menggunakan framework.

kalo saya? saya lebih senang menggunakan model tailor made software dari pada framework based software, bukan karena tidak suka atau tidak mau, tetapi lebih karena sebuah aplikasi itu selalu unik, dan akan selalu membutuhkan perlakuan yang unik pula..

hmm.. dan karena suatu saat saya akan membuat framework saya sendiri, dan saya sudah melakukannya dari beberapa waktu yang lalu.

so.. happy coding

“kredibilitas” dalam artian kemampuan seorang pekerja web untuk membuat web sesuai dengan aturan yang berlaku dan “aksesibilitas” dalam maksud tampilan yang sama pada browser yang berbeda.

namun akhirnya saya mendapatkan jawaban yang lain untuk soal ini, menurut mas Zam yang bikin even “Lewat Twitter @zamdesign Membuka Tanya Jawab (Sharing) XHTML/CSS Web Design & Usability” jawaban dari pertanyaan diatas adalah :

1. 2a) sangat membantu dalam cross-browser dan cross-platform. XHTML/CSS valid mengurangi jumlah error dan bug
2. 2b) bagus untuk SEO. Struktur XHTML/CSS yang valid dan rapi lebih mudah ter-index oleh mesin pencari
3. 2c) mempercepat loading halaman dan menghemat space hosting. XHTML/CSS valid meminimalisasi tag-tag yg tdk perlu
4. 2d) memudahkan dalam maintain dan redesain. Struktur XHTML/CSS valid dan rapi mudah dipelajari perlu terutama dalam kerja tim
5. 2e) lebih profesional dan mampu bersaing. web developer dengan karya web yg valid XHTML/CSS akan memiliki nilai lebih

yay *happy*.. inilah jawaban yang saya tunggu, at least sekarang saya punya kata-kata yang tepat dan data yang lebih apabila ada pertanyaan sama datang pada saya di waktu yang lain.

kemudian pada saat yang sama saya jadi ingat pertanyaan berikutnya dari kawan saya itu “emang XHTML/CSS valid itu harus ya?” hm.. kalo yang ini belum saya tanyakan sama mas Zam, mungkin lain waktu, hehe.. tapi saat itu saya cuman mengembalikan ke jawaban saya yang “kredibilitas”. XHTML/CSS valid adalah standar dokumen web yang digunakan diseluruh dunia, dan dengan segala kemudahan tingkatan validasinya, tentu kembali ke diri kita masing-masing mau mengikuti aturan umum tersebut atau bikin aturan sendiri. hehe..

mungkin validasi atau apapun itu terasa sepele dan remeh, tapi menurut saya sih ini modal awal harus dimiliki seorang pekerja web. CMIIW..

sekali lagi.. terima kasih mas Zamdesign atas jawabannya

• Plugin Directory
• Plugin Homepage

* ini sekalian test post (berhasil ga ya?)

** update : ternyata berhasil dan bisa cross posting juga

sek.. sek.. ini aku yang baru tau apa gimana ya? a.. entahlah.. hehe

Hal kecil yang mengarah ke keberhasilan

ketika para website desainer dan website developer memikirkan satu-demi satu detil dari sebuah project, mereka harus berpikir kritis dan analitis. demi mencapai sebuah solusi terbaik yang berasal dari kedua belah sisi otak, yang di bangun dari sisi bagaimana dan sisi mengapa.

agar menjadi benar-benar besar dan berhasil, kita harus memahami motivasi dari klien kita, menjaga secara konstan komunikasi dua arah dengan orang-orang yang teramat tidak kreatif, bekerja keras dengan file-file fotokopi dan bagaimana keahlian kita dapat memunculkannya dengan elemen tampilan visual, dan mencoba meramalkan bagaimana hasil keseluruhanya dapat jauh lebih baik daripada jumlah dari repihan dan kepingan yang berjam-jam coba kita kumpulkan. dan semua faktor ini saling berhubungan untuk mencapai produk yang sesungguhnya.

Para profesional yang kreatif yang dapat melihat semua sudut dari proyek adalah orang yang akhirnya berhasil dalam industri ini. Mereka memenangkan penghargaan, mendapatkan promosi, dan mendapatkan penghasilan, tetapi yang paling penting adalah mereka mengembangkan reputasi untuk memperhatikan hingga detil, untuk menempatkan pribadi dan berupaya memastikan semua hal-hal kecil itu berada di tempat mereka untuk membuat produk akhir menjadi semakin sempurna.

note : dicuplik dan diterjemahkan secara kurang seksama dari A List Apart Magazine

setiap pekerjaan pasti membutuhkan pengetahuan dan ketelatenan tentang detil-detil yang ada, demikian juga ketika bekerja dengan website, detil yang harus diperhatikan tidak hanya yang berhubungan dengan tampilan visual saja, bukan hanya soal gambar, font, dan warna, tapi juga tentang tata letak, pemilihan, dan cara penulisan huruf dan kata.

karena website mungkin dapat membantu kita untuk saling mengerti satu sama lain

“how? how? selesai sudah.. satisfied already??”
“huh?? satisfied?.. huh.. of course not, not at all”
“lha ya? koq gitu??”
“hm… terkgandeng sih… mo liat dari sisi yang mana dulu”

“maksudnya?”
“jadi gini sob… jujur aku ga suka ama pekerjaan yang cuma punya timeline super sedikit, emang cukup apa 3 hari buat nge-Up totally redesign website??”
“haha.. lah buktinya selesai, uda Up juga kan?”
“ya secara fisik sih emang udah Up, kalo mo realistis, i’ve done my part of the job, deadline uda gw penuhin, kerjaan selesai, fitur beres, tinggal nunggu bayaran”

“lah? bukanya emang gitu??”
“hm… dunno why, ada yang bikin ga sreg, coz, semua yang instan itu biasanya kurang baik”
“ya emang sih, lah trus dirimu maunya gimana?”
“jah… kalo nurutin mau ya minimal minta waktu 1 bulan lah… ”

“kenapa koq minimal 1 bulan? wong 3 hari juga beres…”
“memang.. tapi selalu butuh waktu buat perfecting things sob… expect the unexpected itu ga bakal selesai dalam 1-2 hari, wong kadang 1-2 bulan aja juga belom tentu selesai”
“perfecting things?? expect the unexpected???”
“hehe.. sistem yang baik itu kan harus melalui perancangan yang matang, urusan gambar, coding, dsb itu gampang kalo perancangannya yahud.. expect the unexpected itu intinya antisipasi, antisipasi soal apa? ya semua yang berhubungan dengan sistem yang mo kita bangun lah.. whatever it is semua harus diusahakan buat perfect..”

“ya walaupun tidak ada yang sempurna di dunia ini… so?? harusnya gimana dunk??”
“ya itu sih terkgandeng lagi sob… apa yang kamu cari waktu kamu ngerjain itu… duit? skill? or just killing time?”
“eh??”
“hehe… kalo gw sih… saking egoisnya gw.. gw ga mo ada kerjaan gw yang cacat, klo ga bagus gw bakal bilang ga bagus and gw bakal bilang gw butuh waktu buat ngebenerin itu.. lah kalo gw aja ga sreg gimana klien gw bisa hidup tenang ama kerjaan gw?”

“lah kalo klienmu oke-oke aja?”
“ya itu mah lain soal… sampe sekarang sih gw ga suka ama barang yang asal jadi, realistis ama waktu, fee, and skill sih emang, tapi ga ada alasan untuk tidak membuat sebuah karya yang tidak sebaik mungkin”
“emang lo ga butuh duit? kalo kerjaan cepet selese, trus ada kerjaan lagi kan pendapatanmu nambah juga?”
“youp… benul banget tuh… cuman seperti banyak orang bijak bilang (bukan gw loh).. ada yang lebih berharga dari pada sekedar rupiah (dolar mungkin).. dan gw lebih nyari kepuasan hati dari semua yang uda gw kerjain”

“y y y….. lah kalo kerjaan yang uda Up di-utek2 terus bukanya ntar bikin orang yang ngakses kerepotan?”
“ya yang namanya improvisasi, pengembangan, perbaikan, itu kan ga harus selalu kelihatan mata, ya pinter2nya kita lah.. kan kita ga bakal tau bug kalo ga ada report, kritik, saran, or dsb..”
“emang butuh error report ama kritikan ya?”
“ya pasti.. dari situ kita dapet ilmu baru, jangan salah.. perang antara developer sama bug tracker itu menarik lho.. bisa dibilang ajang uji skill masing-masing, ya sekali lagi karena tujuannya utnuk sistem yang lebih baik kan?”

“y y y…”
“yang penting kan berusaha untuk menyenangkan semua pihak, tidak salah langkah, tidak membuang waktu, dan tidak merugikan orang lain…”
“hm.. bisa… bisa….”

**) hm… kate ngomong “ojo gampang lego”, “ojo sekarepe dewe”, “ojo gampang ngeculno”, “lek kerjo seng ati-ati”, “lek ga ikhlas yo ikhlasno”, “lek ga trimo yo benakno” “kudu gelem introspeksi” “seng digawe iku utek dhisik, ojo ati dhisik” ae cek angel temen se . . . (lho akeh tiba’e)

setelah beberapa waktu memutar otak dan berpacu dengan waktu disela-sela segala ‘kesibukan’, akhirnya saya berhasil membuat sebuah Themes WordPress dari hasil bongkar pasang stock photo-nya stock.xchng.

desain html dan css-nya sebetulnya sudah selesai lumayan lama, benernya sih mau dipakai buat AMBER yang versi selanjutnya, tapi karena engine web ini diganti jadi wordpress, ya sekalian aja desain itu dirubah jadi themes wordpress.

sayangnya belum ada versi yang free download, hehehe. karena proses editing dan semacamnya masih belum selesai. however..

welcome to the new alitmahendra.com

and sekalian promo… hihihi…

http://works.alitmahendra.com

“Sakui Web Validator is a free online website analysis tool. It tests the quality of your website and generates an online report, which details how to improve your website.”

pertama nyoba kaget karena ratingnya rendah, padahal perasaan dulu dah di validasi ke w3c, dan setelah diperiksa lagi dan beberapa pembenahan kecil disana sini, hasil akhirnya untuk web ini adalah…

untuk hasil lengkapnya bisa dilihat disini, and what about your site?? wanna try??? hehehe

dan apakah komponen utama penilaian kita tentang visualisasi sebuah website? apakah jumlah gambar? sususan grafis dan art-nya kah? atau gabungan teks dan ilustrasinya? jika saya, maka yang pertama kali saya perhatikan adalah warna, walaupun saya juga bukan pengguna warna yang baik.

warna dari sebuah website dapat menarik pengunjung dan dapat pula mengusir pengunjung pergi. warna juga dapat membuat sebuah website tampak profesional atau tampak amatir.

sebuah website yang menawarkan web desain sebagai salah satu layananya yang diberikan, tidak akan dapat menarik banyak klien jika warna yang digunakan pada website mereka suram, membosankan atau tidak atraktif.

warna memegang persentase yang besar dalam urusan menarik perhatian pengunjung. why? karena warna adalah yang pertama kali menarik perhatian pengunjung sebelum mulai membaca tulisan, dan oleh karena itu, warna dapat langsung mempengaruhi keputusan pengunjung, akan tinggal atau pergi.

para pekerja web harus mengerti pentingnya pemilihan warna untuk memastikan bahwa mereka mnggunakan elemen desain ini secara efektif.

sebuah website tampak baik jika memiliki keselarasan warna. warna yang digunakan tidak boleh suram, gelap atau malah terlalu mencolok. warna yang telalu gelap atau terlalu terang akan membuat pengunjung membebani saat mengunjungi website tersebut.

ada beberapa aturan dasar yang harus digunakan dalam memilih atau menentukan warna dari website, antara lain :

• gunakan warna yang ringan dan menyejukkan. jangan menggunakan warna yang terlalu gelap atau terlalu terang yang dapat mempengaruhi penglihatan
• teks warna hitam dengan background putih mungkin adalah kombinasi terbaik. jika anda tidak terlalu yakin dengan kombinasi warna yang anda gunakan, mungkin hitam dan putih adalah pilihan yang aman, dimana warna teks harus selalu lebih gelap dari background.
• gunakan warna yang sesuai dengan warna logo perusahaan, jangan membuat logo terkesan berada diluar website. keselarasan warna dapat membuat pengunjung menghubungkan logo dengan perusahaan, atau mungkin menghubungkan website dengan perusahaan atau logo yang ada.
• warna yang kontras adalah pilihan yang baik untuk teks dan background. hal ini akan membuat teks tampak jelas, dan gunakan warna-warna yang berkomplemen untuk mengkombinasikan warna untuk background.

desain web menggabungkan beberapa elemen untuk saling bekerja sama dan membuat website tampil menarik dan profesional. dan dari sekian banyak elemen, satu yang seringkali kurang diperhatikan adalah pemilihan warna.

dan entah kita sedang berhubungan dengan klien atau sekedar mendesain untuk blog pribadi, tidak ada salahnya untuk selalu mempertimbangkan warna yang digunakan.

karena pemilihan warna yang berbeda akan selalu membawa perubahan yang berbeda.

diterjemahkan dan disimpulkan dengan kurang seksama dari www.npresence.net

esok selalu diupayakan menjadi lebih baik, namun tak selalu harapan yang menjadi kenyataan, masa lalu adalah sejarah, kadang selalu diingat, kadang sekedar diingat, dan kadang ada yang dengan mudahnya melupakan.

perubahan diri tak tentu menjadi lebih baik, kadang juga bisa menjadi lebih buruk, dan dari serangkaian catatan dan hasil kerja keras, kita bisa melihat hasil apa yang kita dapatkan dulu hingga apa yang kita miliki sekarang.

now we”re not talking about life, i wanna share about my achievement in web design and development , perjalanan membuat web sudah aku mulai sejak aku kelas 2 SMA, namun hampir tidak ada hasilku pada masa itu yang tersisa di harddisk.

belajar membuat web yang lebih baik aku mulai di RisTIE pada tahun 2003, bersama teman2 dan bimbingan kakak-kakakku aku mulai belajar, dari content, desain, photoshop, dreamweaver, hingga tentang programming.

belajar dan mengaplikasikannya langsung lah jalan yang aku ambil agar aku bisa dengan cepat mengejar ketertinggalanku. dan dimana riset web itu dimulai? tentunya aku mulai dari web pribadiku. coz i think jiak aku tidak bisa membuat yang untuk siriku sendiri, bagaimana aku bisa membuatnya untuk orang lain? hehehe

dan alhamdulillah, hasil belajar dalam bentuk web pribadi itu masih tersimpan rapi sampai sekarang, dan setelah melihatnya satu persatu, aku merasakan perubahan itu, dan semoga saja itu adalah perubahan yang lebih baik.

dan karena sudah ada hosting, aku ingin hasil itu dapat dilihat oleh mereka yang datang, dan semoga bisa menginspirasi untuk selalu mengembangkan kemampuan kita .

karena dari ketidak puasan atas hasil itu aku bisa sampai pada tahap ini. sebenarnya sebagian data masih tersimpan di Yahoo! Geocities, namun sekarang aku menyimpan hampir semuanya dihosting ini.

and I proudly present :

http://reinkarnasi.alitmahendra.com

di alamat diatas anda semua dapat melihat hasil belajar dan kerja keras saya dari awal saya belajar web sampai sekarang. dan semoga kita bisa selalu berreinkarnasi, dan berevolusi untuk menjadi yang jauh lebih baik daripada sekarang

dari survey kali ini, majalah A List Apart berharap dapat memberikan efek positif kepada para praktisi dan pekerja web, yang disebutkan sebagai berikut diakhir survey.

The information you’ve so generously shared with A List Apart will help us form a picture of the ways web design is practiced around
the globe. We hope that making this data available will have a positive
effect on best practices and employment, and will enhance public
understanding of, and respect for, our profession.

so, for those who makes websites, why don”t you free your time to take this survey? hehehe

Navigasi yang buruk
pemilik website tidak pernah menginginkan pengunjungnya kesulitan untuk mencari informasi yang dia berikan, hal ini dapat diantisipasi dengan menampilkan link-link utama pada bagian atas website dan bisa juga pada bagian bawah, karena akan lebih memudahkan pengunjung untuk meng-klik link yang berada dibawah daripada harus men-scroll lagi keatas.

drop-down menu juga bisa menjadi pilihan, karena pengunjung cukup meng-klik satu tempat saja untuk berpindah dari suatu halaman ke halaman yang lain. dan biasanya, user akan malas berkunjung jika mereka tidak cepat menemukan apa yang mereka cari.

Loading halaman yang lambat
pengunjung biasanya tidak suka untuk menunggu, seperti halnya diri kita sendiri mungkin, karena seringkali menginginkan segalanya untuk tersedia secepat mungkin.

grafis dengan kualitas tinggi dan media interaktif yang cukup banyak adalah penyebab utama lambatnya loading halaman, grafis bermutu tinggi memang dibutuhkan agar webite menjadi lebih atraktif, but it is not worth it.

proses optimasi grafis dengan menurunkan kualitas gambar dapat menjadi solusi untuk mendapatkan loading halaman yang cepat.

Skema warna yang tidak menarik
faktor ini sangat berperan walau kadang jarang diperhatikan, pemilik website selalu menginginkan pengunjungnya untuk merasa nyaman, sehingga jangan sampai desain website kita memberatkan mata pengunjung.

warna-warna yang menyejukkan dan yang saling berkomplemen dapat menjadi pilihan, jangan lah kita menggunakan warna-warna terang untuk background (seperti merah, kuning, hijau muda) karena warna-warna tersebut dapat mengalihkan perhatian pengunjung dari informasi penting yang disediakan.

penggunaan komplemen warna biasanya dengan menggunakan warna teks terang dengan background gelap dan sebaliknya, desainer website harus mempersiapkan teks yang mudah dibaca dan lebih menonjol daripada backgroundnya.

layout halaman
pada bagian ini, yang utama adalah konsistensi, jangan sampai layout dari halaman satu berbeda dengan halaman yang lain, desainer harus memastikan setiap bagian yang ada terlihat sama dan sesuai pada masing-masing halaman.

penggunaan tema yang sama, kemudian peletakan navigasi dan peletakan informasi-informasi penting pada posisi yang mudah ditemukan dapat menjadi sebuah acuan.

Scroll Horizontal (kiri-kanan)
sebagian besar desainer website telah memperhatikan bagian ini, itu sebabnya, sebagian besar website yang ada memiliki lebar halaman utama dibawah 800 pixel, penggunaan scrolling horizontal biasanya sangat dihindari, karena selain mempersulit, pengunjung dapat dengan mudah kehilangan informasi.

Optimasi Cross-Browser
tampilan website tidak selalu sama pada setiap browser, hanya karena website kita tampak sempurna di Internet Explorer, bukan berarti akan tampak sempurna pula di browser yang lain.

setiap browser memiliki cara penanganan tag-tag HTML yang berbeda-beda, desain website haruslah hati-hati dan memperhatikan tampilan untuk berbagai browser. sebagai contoh, IE memiliki definisi yang berbeda tentang ukuran pixel dengan Mozilla.

Tidak mengambil keuntungan dari SEO
satu-satunya alasan untuk tidak menggunakan teknologi SEO adalah malas, dan malas akan membuat website kita menjadi biasa-biasa saja atau mungkin makin terpuruk.

penambahan judul di website, META tags, ALT tags, konten yang berhubungan, title tags pada link dan berbagai praktek SEO akan sangat mempengaruhi peringkat website.

internet marketing memang membutuhkan cukup banyak waktu dan dedikasi, namun website yang SEO friendly adalah langkah awal yang baik untuk menarik banyak pengunjung baru. dan bukankah itu yang selalu kita inginkan?

dengan teknologi informasi yang semakin maju sekarang ini, membuat website sudah tidak menjadi hal yang sulit, dan setiap orang bisa menjadi seorang web developer untuk dirinya sendiri.

dan jangan sampai kita menjadi pemilik website yang merugi

————————————————-
tulisan ini diterjemahkan dengan kurang seksama dari http://www.rocketface.com

desain visual yang baik memang mutlak dibutuhkan, karena desain visual berfungsi agar konten yang ingin ditampilkan menjadi lebih eye-catching dan atraktif, namun desain visual seharusnya tidak terlepas dari tujuan dan
tema yang ditentukan diperancangan konten, so? apa aja sih yang perlu ditata sebenarnya?

1. halaman utama
komponen website yang tampil pada halaman ini sangat menentukan. peletakan gambar, logo, slogan, penggunaan kata, paragraf, dan hyperlink harus dicermati, karena dari halaman ini pengunjung (orang maupun search engine) akan mengawali kunjungannya, dan halaman ini yang menentukan mereka akan menuju halaman-halaman berikutnya atau tidak.

2. menentukan tema visual
tema visual adalah representasi visual dari konten website, tema visual biasanya diwakili dengan pemilihan komposisi warna dan mungkin gambar-gambar pendukung, melalui tema ini desainer mencoba menampilkan apa yang ingin dilihat oleh pengunjung pada masing-masing halaman website.

penggunaan satu tema visual dapat mempermudah desainer untuk meletakkan beberapa elemen pada satu tempat tertentu, karena biasanya header, footer, menu navigasi, dll, sangat diharapkan untuk berada pada tempat yang sama, demi alasan kenyamanan pengunjung. dan bukankah memang itu yang kita cari?hehehe

3. organisasi visual
setelah pemilihan komposisi warna dan tema visual yang tepat, penataan visual konten dengan pengelompokan data dan informasi yang saling berhubungan akan sangat membantu pengunjung untuk menentukan informasi yang diinginkan.

desain visual harus selalu memiliki titik fokus yang akan mengarahkan pengunjung, dan setiap bagian pada halaman harus memiliki titik fokus yang dominan, sehingga ketika keseluruhan bagian memiliki tingkat kepentingan yang sama, maka tidak ada bagian yang tidak penting.

4. perataan teks
perataan paragraf dan elemen lainnya dari website -vertikal dan horizontal- juga cukup penting, minimal harus ditentukan salah satu perataan (rata kiri, kanan, tengah, atau kiri-kanan?), dan bukan berarti harus digunakan pada seluruh bagian website, yang harus dihindari adalah penggunaan perataan yang berbeda pada salah satu kolom dari halaman website.

5. website templates
kadang kala, daripada kita bersusah-susah untuk memikirkan hal ini dan melanjutakan detaling layout dari awal, kita bisa memilih jalan yang cukup mudah dengan menggunakan website templates yang sudah banyak beredar di jagat internet ini, mulai yang gratis sampai yang berbayar.

tapi kita juga harus pula pintar-pintar memilih, dan meng-custom desain tersebut untuk disesuaikan dengan tema dan tujuan yang telah ditentukan pada perancangan konten. karena website yang satu dan lainnya harusnya tidak sama kan?

dan setiap web desainer biasanya mempunyai caranya tersendiri untuk mengimplementasikan metode penataan ini.

bahan tulisan ini diambil dari http://www.rocketface.com

pengorganisasian konten diperlukan untuk mempermudah proses pembangunan website dan meminimalisir adanya kesalahan, goalnya adalah untuk menyatukan elemen-elemen website tersebut menjadi bagian yang saling bergantung satu sama lain. dan elemen terakhir dari pengorganisasian konten adalah pembentukan layout.

layout adalah rancangan awal dari tampilan visual website yang dibutuhkan oleh desainer tampilan website dalam proses menggambar nanti, proses ini adalah proses penentuan letak dan komposisi bagian2 penyusun website, seperti halnya header, footer, navigasi, logo, links, dll.

seperti potongan-potongan puzzle, setiap bagian yang disusun pada tampilan visual nantinya harus memiliki alasan yang jelas mengapa bagian tersebut diletakkan pada posisi tertentu, bagian-bagian tersebut harus pula saling melengkapi dan menampilkan keseragaman tampilan dan konten ketika satu halaman dilihat secara utuh.

setiap halaman dari website, selain selalu membawa informasinya masing-masing, juga harus selalu terhubung dengan halaman-halaman yang lain dalam hal layout dan skema warna. kesamaan ini yang akan memberikan pengunjung acuan mengenai navigasi dari satu topik ke topik yang lain dan dari halaman satu ke halaman yang lain.

dan website besar kebanyakan (yahoo, google, dsb) memiliki layout yang sangat sederhana, dimana navigasi diletakkan pada satu tempat yang sama pada setiap halaman, dan demikian pula dengan bagian utama website dan bagian pendukung lainnya. tujuannya adalah untuk membuat informasi yang ditampilkan dapat dengan mudah diketahui oleh pengunjung website tersebut.

sebagai contoh : desain layout untuk web elektro brawijaya

bahan penulisan didapat dari http://www.rocketface.com

struktur konten secara umum sama dengan kerangka karangan pada suatu prosa, namun struktur konten merupakan kerangka dari web. struktur konten biasanya dibagi menjadi dua bagian utama, yaitu bagian statis dan bagian dinamis.

bagian statis adalah bagian yang data didalamnya tidak mengalami perubahan yang signifikan dalam jangka waktu yang cukup lama, contohnya adalah halaman profil, biodata, atau mungkin halaman layanan.

sedangkan bagian dinamis adalah kebalikan dari bagian statis. data pada bagian dinamis akan mengalami perubahan dalam kurun waktu singkat, bisa bertambah ataupun berkurang.

bagian dinamis dibagi menjadi 2 bagian yang lebih spesifik lagi, yaitu interaktif dan non-interaktif.

non-interaktif berarti halaman website hanya memberikan informasi
kepada pengunjung, dan pengunjung tidak dapat memberikan input kepada
pemilik website, misal saja halaman berita, galeri, artikel, dan
sebagainya.

interaktif berarti bahwa ada interaksi antara pengunjung dengan pemilik website melalui halaman website, misalkan saja blog, buku tamu, forum diskusi, dan sebagainya.

mungkin web ini bisa dijadikan studi kasus. web ini terdiri dari 4 menu utama, yaitu about, blog, portfolio, dan guestbook, dengan perincian :

• about : statis
• blog : dinamis + interaktif
• portfolio : dinamis + non-iteraktif
• guestbook : dinamis + interaktif

yah, semoga tulisan tidak terstruktur ini bisa membuat kita sedikit memiliki gambaran soal struktur web . dan biasanya jumlah dan jenis halaman web yang akan menentukan harga dari pembuatan web tersebut. :p

proses pengembangan konten sebuah website (content development) tak ubahnya seperti saat kita membuat karangan seperti cerpen atau artikel, konten website juga memerlukan adanya topik/tema dan tujuan, kemudian proses riset, pengumpulan, pengolahan informasi, dan proses penyusunan kerangka utama website.

dari proses riset, pengumpulan dan pengolahan informasi, data/informasi yang telah disesuaikan dengan tema yang telah ditentukan disusun sebuah kerangka yang mempertimbangkan tingkatan kepentingan dan kebutuhan dari informasi yang ingin disampaikan, termasuk pengelompokan informasi sehingga tidak muncul dualisme konten pada menu yang berbeda.

kerangka konten (seperti halnya kerangka karangan) dibutuhkan untuk mencapai :

• web yang sesuai dengan tema dan tujuan.
• segmentasi pengunjung yang jelas sehingga menjelaskan fokus utama website tersebut.
• batas dan acuan untuk developer web dalam mengembangkan konten, grafis, dan pemrograman web.

sehingga diharapkan waktu pembuatan dapat digunakan dengan semaksimal mungkin dan dengan hasil yang semaksimal mungkin pula, dimana masing-masing komponen web terakomodasi dengan baik, dan kebutuhan dari pihak-pihak yang bersangkutan (pemilik website, tim developer, dan pengunjung) pun terpenuhi.

Langkah pertama dari membangun website anda adalah menentukan ‘anda ingin website itu melakukan apa?’.

Pertanyaan itu mungkin pertanyaan yang sangat jelas, namun sepertinya kebanyakan pemilik website tidak pernah mempertanyakan hal tersebut kepada diri mereka sendiri. Dan mungkin inilah salah satu alasan utama mengapa banyak pemilik website tidak puas dengan performa website yang dimilikinya.

Sehingga, alangkah baiknya sebelum anda memulai membangun website, pastikan anda telah menanyakan pertanyaan-pertanyaan dibawah ini kepada diri anda.

• Kenapa aku ingin punya website?
• Butuh di-update secara rutin gak ya?
• Apa aku mau jualan lewat?
• Apa aku mau nyari pelanggan baru lewat website?
• Apa website ini mo dijadiin kayak brosur perusahaan?
• Kira-kira pengunjung nanti ingin lihat apa ya?
• Apa aku butuh bagian khusus?
• Apa aku butuh menerbitkan berita?
• Berapa banyak dana yang bisa aku keluarkan?
• Akankah aku melakukannya seorang diri?

Riset soal Website

Untuk website yang berkategori bisnis, penting sekali untuk mendapatkan keyword yang tepat, anda harus menyadari benar istilah-istilah apa saja yang dapat digunakan oleh user pada mesin pencari untuk mendapatkan barang yang mau anda jual.

Buat sendiri atau dibuatin

Setelah anda mendapatkan apa yang anda inginkan dari website anda secara umum, anda kemudian dapat melangkah ke step berikutnya, yaitu menentukan siapa yang akan membuatnya.

Dan seperti project-project lainnya, anda bisa saja melakukannya sendiri, outsourcing untuk melakukannya, atau kombinasi dari keduanya.

Secara umum oursourcing akan menjadi pertimbangan utama pemilik website berkategori bisnis, namun itu tetap menjadi pilihan apapun kategori website-nya, bisnis atau personal.

Outsourcing bukan berarti hanya mencari seseorang untuk melakukan pekerjaan
itu (pembuatan website) untuk anda, memang bisa dan biasanya begitu, namun bisa
juga membeli sebuah paket/jasa yang memenuhi pekerjaan itu.

Ini adalah hal yang sangat umum dan banyak webmaster berpengalaman
melakukannya juga.

Tingkat keahlian dan berapa jumlah waktu yang dapat anda curahkan akan
menentukan berapa besar pula yang dapat anda outsource-kan. Secara umum,
semakin tinggi kemampuan teknis anda dan semakin banyak waktu yang dapat anda
curahkan, maka semakin besar kemungkinan anda dapat menyelesaikan pekerjaan itu
sendiri

Tipe-tipe Website

Secara umum ada tiga tipe website :

• Business Websites (termasuk website non-profit/yayasan) – untuk para pebisnis yang membutuhkan website.
• Website businesses – untuk para pemilik website yang ingin membangun website sebagai bisnis (untuk mencari pemasukan).
• Personal Websites – untuk individu atau kelompok yang ingin memiliki website

Diterjemahkan secara kurang seksama dari  Sini

Setiap usaha membutuhkan tempat, dan apakah tempat itu di
internet? Yup.. tempat itu adalah website, dan seperti halnya rumah di dunia
nyata, website juga bermacam-macam, mulai dari yang gratis, numpang, sewa dan
yang milik sendiri.

Menurut saya, Website adalah sebuah investasi, tapi seperlu itukah kita untuk memiliki sebuah website?
Menurut saya, kebutuhan akan berjalan beriringan dengan keinginan, dan dari
berbagai variasi keinginan itu, semakin besar keinginan seseorang untuk membuat
website, akan semakin meningkat pula kebutuhannya.

Misalkan saja mereka yang ingin mempromosikan usaha, maka mereka
membutuhkan website yang dapat menampilkan profil usahanya dan produk-produk
yang ditawarkan. Dan akan berbeda dengan pengusaha yang ingin mengembangkan
usaha melalui bisnis on-line, tentunya dia akan membutuhkan website yang
mendukung proses transaksi on-line.

Lalu, bagaimana dengan kami yang bukan pengusaha? Website
dapat juga digunakan untuk mempromosikan diri dan kemampuan kita, dan juga
sebagai media untuk menuangkan pikiran, mengembangkan komunitas, mencari teman lama dan menemukan
banyak teman baru diseluruh penjuru dunia.

Dan tentunya terdapat konsekuensi dari memiliki sebuah
website, seperti halnya rumah yang membutuhkan perawatan , terus perawatan
seperti apa? Salah satu yang terpenting yaitu update konten, konten merupakan
komponen utama dari sebuah website. Konten yang menarik dan up-to-date, selain
akan membawa crita positif untuk sang pemilik, juga akan membawa banyak
pengunjung baru dan meningkatkan ranking website di mesin pencari.

Alangkah baiknya kita memikirkan dengan seksama keinginan
utama kita sebelum memutuskan untuk memiliki sebuah website, dan jangan sampai
website tersebut hanya menjadi investasi yang sia-sia.

kabar pertama

om_ogay : http://dindacatlover.com/
om_ogay : kok kosong ??
itz_me : maksudnya kosong?
om_ogay : ga ada webnya?

kabar kedua

my_dad : stasiunhp.com kok nggak bisa dibuka….? apa belum diupload……?
itz_me : harusnya sudah bisa dilihat..

eh?? what?? koq bisa gitu?? dan setelah dicek… ternyata… dindacatlover sepertinya hostingnya disuspend, kemungkinan besar sih belon dibayar.

sedangkan yang stasiunhp, dunno why, ga bisa diakses dari lokal indonesia, tapi klo pake proxy luar bisa.. terasa aneh… apa host-nya ngeblok IIX yah???

fyuh… kayaknya semakin bertambah aja neh daftar web2 bikinanku yang tidak terurus dengan baik… tapi ya apa mau dikata, aku ga pernah bisa melihat apa yang telah aku kerjakan dengan sepenuh hati jadi terbengkalai dengan sebegitunya… ya rela ga rela deh..

but.. i”m just the developer after all…so.. ganbatte!!!

*apdet : stasiunhp.com uda bisa dibuka dari lokal indo..