Dalam mempelajari sesuatu saya memang lebih suka menggunakan media audio visual ketimbang membaca karena dengan audio visual (menurut saya) lebih mudah dan cepat memahami pelajaran. Buku tentu saja penting sebagai referensi, namun perlu banyak waktu untuk mempelajarinya lewat textbook. Kalo saya lebih suka menyimpannya secara digital. Nah, di NetTuts Anda dapat belajar visual dengan pakarnya, dan Anda juga bisa langsung berinteraksi melalui blognya.

OK, Salah satu pelajaran yang sedang saya pelajari yaitu CSS Framework menggunakan 960 Grid System.

Apa itu 960 Grid System?

The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem. Read more.
– http://sonspring.com/journal/960-grid-system

Jadi secara garis besarnya 960 Grid System ini adalah suatu cara membangun web dengan cepat menggunakan kolom-kolom yang dirancang sedemikan rupa menggunakan CSS. Dimensi yang digunakan yaitu 12 dan 16 kolom. Sebagai contoh visual Anda dapat lihat di http://960.gs/demo.html

Ok, bagi Anda yang “ngebet” ingin melihat bagaimana cara kerja sistem ini, Anda bisa lihat tutorialnya yang dipresentasikan oleh Jeffrey Way di bawah ini.

Setelah mempelajari Video diatas sangat jelas Framework ini dapat meng-cut waktu Anda membangun sebuah website menggunakan CSS. Yang menjadi tantangan selanjutnya adalah bagaimana memadukan desain yang Anda buat menggunakan Adob Phostohop/Illustrator menggunakan sistem ini. Saya akan lanjutkan di tulisan berikutnya mengenai ini.

Selamat belajar dan mencoba. Everyone is Designer!

Resourcses:

• http://nettuts.com/videos/screencasts/a-detailed-look-at-the-960-css-framework/

• http://960.gs/

• http://blog.themeforest.net/resources/html-css-php-and-jquery-killer-tutorials/

Cara mudah dan effisien untuk posting bagi yang duitnya “cekak” adalah menggunakan tools tambahan untuk menulis posting offline. Setelah mencari beberapa tool posting offline saya mencoba BlogDesk. Saya test dulu ya… nanti baru saya jelaskan apa itu BlogDesk dan Offline Posting.

Salah satu plugin yang saya inginkan adalah cross post plugin antara Wordpress ke Wordpress. Ada bebarapa sumber yang saya dapatkan di Internet namun belum sesuai dengan keinginan saya. Whishlist saya simple aja kok, yaitu pada saat posting di edwin.maolana.web.id maka saat itu juga akan di posting di edwinlab.wordpress.com. Hmmm… sudah ada belum yang yang buat project ini?. Masih terus dicari nih, nanti kalau dapat saya info lagi di blog saya.

Saat ini saya masih lakukan secara manual yaitu dengan cara meng eksport posting saya di edwin.maolana.web.id lalu saya import di http://edwinlab.wordpress.com 

B. APA ITU RSS
RSS kependekan dari RDF Site Summary/Rich Site Summary/Really Simple Summary adalah sebuah metode terbuka untuk pengumpulan dan penyatuan isi halaman sebuah web. Sebuah file RSS memberikan data informasi ringkas (summary) tentang headlines, links dan article dari web site.

File RSS termasuk dalam tipe metadata. Metadata adalah unit-unit informasi tentang informasi yang biasa digunakan untuk menyediakan informasi deskriptif tentang content, context dan karakteristik dari data. Metatags keywords dan description di HTML merupakan contoh metadata, yang digunakan untuk menyediakan informasi tentang web pages.

RSS menggunakan aplikasi XML sebagai formatnya. Sebuah file RSS menerangkan isi dari sebuah saluran informasi (channel) yang berisi logo/image, site link, input box dan items. Items pada file RSS sering disebut sebagai “news items”. Web site tertentu dapat menyalin dan menggunakan RSS yang dimiliki web site lain untuk menginformasikan sebuah berita atau artikel, hal ini sering disebut dengan RSS feeds. RSS di internet digambarkan dengan icon .

Sumber: http://course.wilkes.edu/webmaster/wmlectures/rss/rss-3

Bila kita menggunakan file RSS dari web site lain, kita dapat menampilkan intisari berita dari web site tersebut. Cara ini baik sekali bila kita ingin agar seorang pengunjung yang mengunjungi web site tertentu menjadi betah dengan membaca intisari informasi-informasi berupa news dan artikel yang up to date. Sebaliknya yang ‘empunya’ RSS secara tidak langsung mempromosikan web sitenya ketika orang lain membaca isi dari file RSSnya.

RSS identik dengan apa yang disebut dengan Web Communications. RSS merupakan salah satu topik ‘terpanas’ yang dibicarakan di internet karena mengubah cara kita menggunakan dan menyampaikan sebuah intisari berita yang up to date pada sebuah web site. Penggunaan RSS semakin popular di internet. RSS telah banyak digunakan pada aplikasi weblog, knowledge management networks dan news syndication.

C. SEJARAH SINGKAT
Pada Desember 96 Ramanathan Guha dari Apple mengusulkan sebuah proyek dengan nama Project Sauce/X dengan format MCF (Meta Content Framework) yang merupakan ide awal untuk memproses metadata. MCF adalah sebuah format terbuka untuk mempresentasikan informasi tentang content. Dave Winner adalah pengguna awal MCF ini, namun hal ini masih diragukan.

Pada tahun 1997, Microsoft dan Netscape mengajukan proposal ke W3C. Microsoft mengajukan proposal tentang Channel Definition Format (CDF) sedangkan Netscape dengan Meta Content Framework using XML. MCF using XML dari Netscape merupakan cikal bakal RSS. Pada tahun yang sama W3C mempublikasikan draft RDF (Resource Description Framework) ke public. RDF sendiri digunakan untuk memproses metadata. RDF merupakan inspirasi dari proposal MCF dan PICS. Dave Winner pada tahun yang sama, juga mengajukan proposal ke W3C dengan <scriptingNews> dengan format yang mirip dengan CDF.

Maret 1999 Netscape meluncurkan versi RSS 0.9 dengan nama “RDF Site Summary”. Versi ini menggunakan sintaks RDF dan XML Namespaces. Pada pada tahun yang sama Netscape berkolaborasi dengan UserLand’s mempublikasikan format RSS 0.91 dengan nama “Rich Site Summary” lalu diupgrade oleh Dave Winner menjadi versi RSS 0.92. Versi RSS yang digunakan oleh Dave Winner memasukkan DTD dan elemen <scriptingNews> dari UserLand’s. Pada tahun 2000 RSS-DEV Working Group mengeluarkan RSS 1.0 dengan nama yang sama yaitu “RDF Site Summary”, merupakan pengembangan dari RSS 0.9 yang menggunakan sintak RDF yang mirip dengan konsep asli RDF milik Dan Libby pada RSS 0.9. Versi RSS 1.0 memfokuskan penggunaan modularity/extensibility pada file RSSnya. RSS terus berkembang pesat hingga tahun 2002 dengan versi terakhir RSS 2.0. Versi RSS 2.0 diberi nama “Really Simple Summary”.

D. STRUKTUR FILE RSS
Sebelum membuat file RSS ada baiknya kita mengenal struktur format sebuah file RSS. Kali ini penulis menggunakan contoh RSS 0.91 sebagai dasar pembuatan RSS sederhana. File RSS dibuat dengan format XML dan biasa digambarkan dengan icon di sebuah halaman web site. Sebuah file RSS biasanya terdiri dari 4 tipe elemen utama dari yaitu channel, image, items dan text input.

Dibawah adalah contoh sebuah item:

<item>
<title>Mozilla Dispenses with Old, Proprietary DOM</title>
<link>http://www.mozillazine.org/talkback.html?article=604</link>
<description>The Mozilla team has decided to forgo backwards
compatibility with Netscape’s proprietary DOM.</description>
</item>

Di bawah adalah contoh lengkap isi sebuah file RSS 0.91:

<?xml version=”1.0″ encoding=”ISO-8859-1″ ?>
<!DOCTYPE rss PUBLIC “-//Netscape Communications//DTD RSS 0.91//EN” “http://my.netscape.com/publish/formats/rss-0.91.dtd”>
<rss version=”0.91″>
<channel>

<title>WriteTheWeb</title>
<link>http://writetheweb.com</link>
<description>News for web users that write back</description>
<language>en-us</language>
<copyright>Copyright 2000, WriteTheWeb team.</copyright>
<managingEditor>editor@writetheweb.com</managingEditor>
<webMaster>webmaster@writetheweb.com</webMaster>

<image>
<title>WriteTheWeb</title>
<url>http://writetheweb.com/images/mynetscape88.gif</url>
<link>http://writetheweb.com</link>
<width>88</width>
<height>31</height>
<description>News for web users that write back</description>
</image>

<item>
<title>Giving the world a pluggable Gnutella</title>
<link>http://writetheweb.com/read.php?item=24</link>
<description>WorldOS is a framework on which to build programs that work like Freenet or Gnutella -allowing distributed applications using peer-to-peer routing.</description>
</item>

<item>
<title>Mozilla Dispenses with Old, Proprietary DOM</title>
<link>http:// writetheweb.com /talkback.html?article=604</link>
<description>The Mozilla team has decided to forgo backwards
compatibility with Netscape’s proprietary DOM.</description>
</item>

</channel>
</rss>

Baris pertama file diatas <?xml version=”1.0″ encoding=”ISO-8859-1″ ?> memberitahukan bahwa file ini menggunakan format XML. Baris kedua adalaah pendeklarasian DTD, menspesifikasikan bahwa file XML yang digunakan adalah berdasarkan atas defenisi tipe dokumen RSS 0.91, DTD, di Netscape. Dan selanjutnya elemen-elemen utama akan diletakkan diantara tag <rss version=”0.91″> </rss>.

E. ELEMEN UTAMA FILE RSS

E.1 Elemen Channel

<channel>
<title>WriteTheWeb</title>
<link>http://writetheweb.com</link>
<description>News for web users that write back</description>
<language>en-us</language>
<copyright>Copyright 2000, WriteTheWeb team.</copyright>
<managingEditor>editor@writetheweb.com</managingEditor>
<webMaster>webmaster@writetheweb.com</webMaster>
</channel>

Elemen channel terdiri atas metadata yang menjelaskan channel itu sendiri. Sebuah elemen channel memerlukan pendefenisian: nama dari channel <title>, deskripsi channel <description>, bahasa yang digunakan <language> dan URL channel <link>. Pendefenisan ke empat tag tersebut dalam tag channel dirender ke dalam format HTML. Title pada sebuah elemen channel diberlakukan sebagai headline link, diikuti URL untuk menunjukan dimana channel itu berasal beserta deskripsi channel yang medeskripsikan tentang channel tersebut. Sedangkan pendefenisian language digunakan sebagai filter ketika aggregators mengambil news yang kemudian ditampilkan sesuai dengan format bahasa yang telah didefenisikan di channel.

Untuk <copyright>, <managingEditor> dan <webmaster> adalah tambahan pendefenisian yang dapat digunakan untuk menjelaskan tentang hak cipta, editor dan webmaster.

E.2 Elemen Image

<image>
<title>WriteTheWeb</title>
<url>http://writetheweb.com/images/mynetscape88.gif</url>
<link>http://writetheweb.com</link>
<width>88</width>
<height>31</height>
<description>News for web users that write back</description>
</image>

Elemen image adalah elemen optional yang memasukkan sebuah logo pada RSS. Secara default lebar dari image adalah 88 pixel dan tinggi 31 pixel. Tapi anda bisa juga memberikan nilai pixel yang anda inginkan. Tag-tag seperti title, url, link, width dan height memperbolehkan renderer mentranslasi file kedalam HTML.

E.3 Elemen Item

<item>
<title>Giving the world a pluggable Gnutella</title>
<link>http://writetheweb.com/read.php?item=24</link>
<description>WorldOS is a framework on which to build programs that work like Freenet or Gnutella -allowing distributed applications using peer-to-peer routing.</description>
</item>

Dari sekian elemen yang ada di dalam channel yang merupakan elemen penting adalah elemen item, yang merupakan bagian dinamis dari sebuah RSS. Sementara elemen lain bersifat konstan pada channel, elemen item justru terus dapat berubah setiap saat bergantung dari isi berita yang ingin disampaikan. Elemen item pada HTML di render sebagai headlines news. Dan isinya bergantung dari pengupdatean yang dilakukan secara berkala yang dilakukan oleh webmaster atau siapa saja yang bertanggung jawab pada isi web.

Item-item yang diperbolehkan dibatasi hanya sampai 15 item. Pembatasan ini dilakukan karena RSS menampilkan informasi-informasi terbaru yang di update secara berkala. Sedangkan untuk title dibatasi kurang dari 100 karakter sementara untuk pendeskripsian item dibatasi kurang dari 500 karakter.

Item title adalah headline yang mengaitkan isi berita ke dalam URL yang berisikan artikel lengkap yang di deskripsikan di item description. Dan description merupakan ringkasan atau summary dari isi artikel lengkap atau description dapat juga dikatakan sebagai komentar dari sebuah artikel.

E.4 Elemen Textinput

<textinput>
<title>Send</title>
<description>Comments about writetheweb?</description>
<name>responseText</name>
<link>http://writetheweb.com/cgi-bin/sampleonly.cgi</link>
</textinput>

Elemen textinput merupakan elemen optional yang digunakan sebagai sistem feedback dari sebuah berita. Elemen textinput hanya diperbolehkan satu textinput per channel. Anda mungkin menggunakan feature ini untuk memperbolehkan seseorang mesubscribe ke newsletter anda atau untuk mencari web site Anda.

Tag title dapat di render sebagai label pada form submit button pada HTML. Dan deskripsi sebagai text, di display sebelum atau sesudah field input. Pada saat submit button di click text input menyampaikan isi yang dimasukkan pada field input.

Setelah semua elemen ditulis dan lengkap jangan lupa untuk menutup file dengan tag </channel> dan </rss> pada file RSS, karena harus di ingat bahwa format XML haruslah well formed, dengan mengaruskan menulis closing tag untuk tiap-tiap elemen tag.

Agar orang lain dapat melihat intisari berita di RSS yang anda tulis, anda tinggal menaruh file RSS tersebut di halaman website anda dengan gambar icon istilahnya anda mesyndicate file RSS anda. atau anda bisa minta bantuan melalui internet dengan mesubmit link URL anda di content aggregators seperti Syndic8.com, Moreover.com dan Userland.com. Aggregrators akan mengambil RSS dari berbagai halaman web site yang disimpan di system mereka dan siap mepublishnya secara umum yang siap di ambil oleh siapa saja, atau disebut dengan istilah di feeds.

Bahan Acuan:

• An introduction to RSS news feeds, Using open formats for content syndication James Lewin (jim@lewingroup.com), http://www-106.ibm.com/developerworks/library/w-rss.html
• Publish and Syndicate Your News to the Web, http://gils.utah.gov/rss/
• Netscape’s RSS 0.91 is part of their Quick Start Guide to RSS and provides a step-by-step approach to creating your own My Netscape channel, http://sports.netscape.com/publish/help/mnn20/quickstart.html
• RSS Quick summary, http://www.intertwingly.net/slides/2003/rssQuickSummary.html
• Resource Description Framework (RDF) Model and Syntax Specification, http://www.w3.org/TR/REC-rdf-syntax/
• Web RSS (Syndication) History, http://goatee.net/2003/rss-history.html.

Kemarin sore saya saya ngutak-ngatik Worpress. Tujuan saya kali ini adalah mencari plugin untuk menampilkan foto yang telah saya upload di Flickr.

Kemarin saya sempat juga menginstall WGP2 sebelum akhirnya menemukan plugin yang menurut saya worthed dan asyik untuk menampilkan foto saya di flickr. WGP2 saya tinggalkan, karena untuk dapat menjalankan plugin ini dibutuhkan aplikasi utamanya yaitu Gallery2 sebesar 80Mb, sedangkan space saya terbatas hanya 100Mb. Mudah-mudahan dikemudian hari saya upgrade lagi.

Nah, akhirnya saya memilih anotherFlickr plugin yang dibuat oleh Luke dan dapat di download di Lukeh.com. Namun sayang plugin ini hanya dapat berjalan di Firefox, dan saat ini si Luke sedang mengerjakannya untuk versi di atasnya agar dapat berjalan di IE. Saya juga belum mencoba menggunakan browser lainnya.

Salah satu yang saya suka dengan plugin ini adalah Lightbox pada saat kita meng-click pada salah satu foto dan akan muncul tombol Next dan Prev untuk melihat foto secara back-forward. Yang lainnya yaitu fasilitas untuk memilih album yang telah kita buat di flicker. Gambar juga dapat dipilih juga secara random atau newest pada saat kita setting di Wordpress admin.