Review Visualisasi Informasi: Newsmap

December 4th, 2010

Newsmap (http://newsmap.jp) adalah sebuah aplikasi web buatan orang Jepang yang mencoba memvisualisasikan berita-berita dari Google News ke dalam suatu “peta” dengan teknik visualisasi Treemapping. Peta yang dimaksud bukanlah menggambarkan letak geografis dari berita pada peta dunia, melainkan lebih kepada klasifikasi berita berdasarkan waktu pembuatan, kategori berita, dan regional dari berita. Seperti ini peta berita pada Newsmap (klik untuk memperbesar):

Setiap judul berita dibuat sebuah kotak dengan ukuran yang berbeda-beda sesuai dengan jumlah artikel yang terkait dengannya pada agregator Google News. Semakin besar keterkaitannya, semakin besar pula ukuran kotak dari judul berita itu. Setiap judul berita, bila didekati pointer mouse akan memberikan cuplikan berita yang dimaksud beserta link menuju berita aslinya.

Selain penggunaan perbedaan ukuran, Newsmap juga mengelompokkan berita berdasarkan warna background. Setiap warna merepresentasikan kategori dari setiap judul berita. Misalnya, berita dengan background hijau berarti kategori bisnis, berita dengan background biru muda berarti berita olahraga, dan sebagainya. Hal ini menarik, karena dengan pengelompokan berdasarkan warna, kita akan lebih mudah memilah kategori berita apa yang kita inginkan. Selain itu, kita juga bisa memilih kategori berita yang ingin ditampilkan dalam peta maupun yang tidak dengan memilih pada checkbox pada panel di bagian bawah.

Lebih jauh lagi, selain “memainkan” warna, Newsmap juga menggunakan perbedaan level kecerahan warna untuk menunjukkan freshness dari setiap berita. Berita dengan warna lebih gelap berarti lebih lama, sedangkan warna lebih terang berarti berita yang baru. Seperti pada gambar di atas, tertulis bahwa warna paling cerah adalah berita sekitar 10 menit yang lalu, dan warna paling gelap adalah berita sekitar 1 jam yang lalu. Dengan demikian, bila pembaca menginginkan berita yang paling baru, cukup dengan mencari berita dengan warna yang paling terang.

Selain pengkategorian, Newsmap juga menyuguhkan fasilitas filter berita berdasarkan asal berita. Pada panel bagian atas, terdapat beberapa checkbox nama negara, yang bila di-check akan menampilkan berita dari regional yang dipilih. Dengan kontrol checkbox, kita dapat memilih berita dari beberapa negara/regional sekaligus. Secara default, berita yang ditampilkan adalah berita dari Amerika Serikat.

Secara keseluruhan, aplikasi web berbasis Flash ini cukup menarik. Dengan visualisasi informasi yang berwarna-warni, kita akan lebih mudah dalam mendapatkan berita yang sudah dikelompokkan berdasarkan kategori maupun regionalnya.

Namun demikian, aplikasi ini masih memiliki beberapa kekurangan, di antaranya adalah sumber berita yang hanya dari Google News. Selain itu, pada beberapa keadaan, judul suatu berita menempati kotak yang sangat kecil jika nilai keterkaitannya juga kecil, sehingga teks judul berita menjadi tidak terbaca karena “dipaksa” menempati kotak yang berukuran kecil seperti gambar berikut (ukuran sebenarnya).

Sebaliknya, judul berita terkadang menempati kotak yang sangat besar bila nilai keterkaitannya tinggi. Kontras dengan kotak kecil seperti gambar di atas. Mungkin ini juga kelemahan dari teknik Treemapping seperti ini.

Terakhir, karena aplikasi ini berbasis Flash, mungkin cukup berat untuk di-load, sehingga mungkin tidak cocok untuk mereka yang “fakir bandwidth” :)


Review Singkat Homepage Aikido Indonesia

September 9th, 2010

Posting ini ditulis dalam rangka tugas mata kuliah Interaksi Manusia dan Komputer (IMK) mengenai web usability. Karena memang materi kuliah mengenai hal itu belum terlalu jauh, maka review ini pun sebagian besar hanyalah pendapat pribadi berdasarkan pengalaman saat surfing di internet, serta beberapa hal penting yang pernah saya baca dari dua buah buku:

  1. GUI Bloopers: Common UI Design Don’ts and Dos (Jeff Johnson),
  2. Don’t Make Me Think: A Common Sense Approach to Web Usability (Steve Krug).

Website yang menjadi “sasaran” saya adalah website Aikido Indonesia (http://www.aikidoindonesia.com). Tampilan homepage saat tulisan ini dibuat dapat dilihat pada gambar di samping. Alasan memilih website ini selain karena saya memang anggota dari Aikido Indonesia, juga karena website itu tidak terurus dengan baik, sehingga menurut saya banyak kekurangan di sana-sini.

Read the rest of this entry »


GLUT Autocomplete di Geany

September 9th, 2010

Melanjutkan posting yang kemarin mengenai instalasi dan penggunaan GLUT di Linux menggunakan editor Geany. Kali ini saya ingin membahas cara autocomplete untuk GLUT pada Geany. Fitur ini tidak terdapat di Dev-C++ di Windows, jadi mari menggunakan Geany di Linux :)

Read the rest of this entry »


Menggunakan GLUT di Linux

September 8th, 2010

Bagi mahasiswa yang mengambil mata kuliah Komputer Grafik, praktikumnya adalah pembuatan grafik di komputer dengan bahasa pemrograman C/C++. Library untuk “menggambar” yang digunakan adalah GLUT. Bagi pengguna Windows, dapat menggunakan Dev-C++ yang sudah terinstal paket GLUT untuk membuatnya. Nah, bagaimana dengan para pengguna Linux seperti saya?

Read the rest of this entry »


10 Hal yang Harus Dilakukan Mahasiswa Komputer Sebelum Lulus

August 27th, 2010

Diambil dari http://ifnubima.org/10-hal-yang-harus-dilakukan-mahasiswa-komputer-sebelum-lulus-2/

Saya baca artikel di Joel on Software tentang saran-sarannya kepada mahasiswa ilmu komputer. Sarannya dituangkan dalam sebuah daftar “hal-hal yang harus dilakukan mahasiswa ilmu komputer sebelum lulus”. Sayatertarik untuk membuat daftar saya sendiri yang disusun berdasarkan pengalaman saya sebagai mahasiswa dan sebagai programmer. Daftar ini saya susun berdasarkan urutan dari yang paling penting hingga yang kurang penting.

Read the rest of this entry »


Ide Skripsi

August 25th, 2010

“Penggunaan algoritma shortest path dalam sistem informasi keruangan gedung Fakultas Pertanian IPB”

Sederhananya, sistem seperti peta ruang-ruang di blok bangunan Fakultas Pertanian (Faperta), sekaligus diterapkan algoritma shortest path (misal Dijkstra’s) untuk mencari path atau jalur terpendek dari satu tempat tempat/ruang kuliah ke tempat/ruang kuliah lainnya di blok gedung Faperta (termasuk Fateta dan FMIPA) . Sebaiknya dibuat web-based agar bisa diakses dengan mudah, dan bisa diintegrasikan dengan sistem informasi IPB lainnya (seperti KRS, jadi mahasiswa bisa melihat jalur/denah menuju tempat kuliah tertentu).

Output dari sistem bisa berupa teks yang menunjukkan jalur terpendek dari tempat asal ke tempat tujuan, dan bisa juga berupa denah secara visual (seperti peta). Peta mungkin bisa menggunakan seperti pada sistem GIS. Atau dengan cara lain? Entahlah, teknisnya nanti saja, yang penting ada idenya terlebih dahulu :)


Lab Keilmuan Ilkom IPB

August 21st, 2010

Menemukan sebuah kertas berisi penjelasan laboratorium kelimuan yang ada di Ilkom IPB. Sepertinya ini tidak terlalu up to date, tapi insyaallah lumayan untuk dijadikan referensi, akan kemana penelitian tugas akhir kita nantinya. Silakan disimak.

Read the rest of this entry »


OS or compilers first?

June 21st, 2010

Pertanyaan yang cukup iseng dari seorang senior saya di Ilmu Komputer. Ya, pertanyaannya cukup sederhana dan tidak penting, yaitu, manakah yang lebih dulu ada, OS (sistem operasi) atau compiler?

Read the rest of this entry »


Rahasiakah data Anda di internet?

June 6th, 2010

Keamanan dan kerahasiaan data di Internet. Itulah isu yang dibawa salah seorang dosen beberapa waktu lalu, bahwa tidak ada yang bisa dirahasiakan di internet. Data-data user, seperti e-mail, posting blog, status di Facebook, bahkan SMS, pastilah tersimpan dalam suatu database agar dapat dibuka kembali. Data-data itu pasti ada di suatu tempat, lebih tepatnya di server-server penyedia layanan itu. Para e-mail di Gmail disimpan di server Google, status Facebook disimpan di server Facebook, SMS mungkin disimpan di server operator, dan sebagainya.

Read the rest of this entry »


Ekspresi regular dalam UNIX

June 1st, 2010

Bagi kami mahasiswa Ilmu Komputer, ada mata kuliah Teori Bahasa dan Otomata. Mata kuliah ini terkenal sangat abstrak dan terkesan tidak bermanfaat. Salah satu bahasannya adalah “ekspresi regular” (regular expression – regex). Regex sendiri adalah metode pencocokan suatu string atau kata terhadap suatu pola tertentu.

Read the rest of this entry »