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 :)

– gambar diambil dari sini

“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 :D

– gambar diambil dari sini

• Plugin Directory
• Plugin Homepage

* ini sekalian test post (berhasil ga ya?)

** update : ternyata berhasil dan bisa cross posting juga :D

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 :D

“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 :D, 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 :D.

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 :D