Mengganti Skin Facebook

Di facebook, ada beberapa group yang menawarkan fitur untuk mengganti skin facebook kita dengan cara menginvite member lain dan menginstall toolbar. Untuk browser Firefox, sebenarnya ada add-on tersendiri dimana kita bisa mengganti skin facebook (atau website lainnya) sesuai keinginan tanpa harus mengikuti group facebook seperti cara pertama.

Ada 2 add-on yang menyediakan fitur ini, GreaseMonkey dan Stylish. Saya tidak terlalu familiar dengan GreaseMonkey, jadi kali ini saya memilih add-on Stylish dan script-script yang disediakan cukup banyak dan bagus.

Google Labs : News Timeline & Similar Images

Ada yang baru dari Google Labs, News Timeline dan Similar Images.  Ide yang diambil untuk News Timeline cukup menarik, disini kita bisa menampilkan material search result dalam  kategori news, photos, images, dan sebagainya dalam format timeline. Format ini memudahkan kita untuk melihat track record dari material yang kita cari dalam satuan waktu (jam/hari/bulan/tahun). Contohnya jika saya ingin melihat berita tentang “Indonesia” dari waktu ke waktu, maka cukup mengetikan keyword “Indonesia” pada kolom search, lalu memilih kategori yang sesuai, maka akan muncul result dalam bentuk grid. Andy Hertzfeld, Google engineer yang membangun News Timeline mengatakan bahwa News Timeline ini terinspirasi dari Google Map, hanya saja kali ini kita tidak melakukan navigasi tempat-tempat didunia, melainkan navigasi waktu. Kita juga bisa mengatur berbagai macam parameter seperti tanggal, tempat dan lain sebagainya.

Merakit robot sendiri dengan Bioloid

Bioloid adalah robot kit yang terdiri dari beberapa part yang bisa kita rakit menjadi robot sesuka kita. Dan robot yang satu ini bukan mainan anak-anak umur 7 tahun, karena part-part yang disediakan cukup teknikal dan butuh pengetahuan yang cukup (tidak harus jenius). Dengan Bioloid, kita bisa merakit robot jenis apa saja, selama parts yang kita miliki mencukupi. Kemudian memprogram gerakan dan sifat robot tersebut menggunakan software yang telah disediakan.  Contoh gerakan yang bisa diaplikasikan adalah transformasi, misalnya bentuk awalnya adalah mobil, kemudian bisa ditransformasi otomatis menjadi robot berdiri.  Bisa terkoneksi langsung dengan PC/Laptop (USB/Wireless) ataupun dengan radio control. Bisa dipasangi kamera hingga laser panas. Kemudian juga ada detektor suara, cahaya, jarak, dsb. Pokoknya dijadiin apa aja bisa

Peluru jatuh yang mematikan

Sekitar setahun yang lalu, saya pernah menonton sebuah acara TV yang menampilkan kejadian kriminalitas diseluruh dunia. Saat itu ada seorang pemuda mabuk yang ditangkap karena menembakan pistol keatas (ke langit), kemudian seorang polisi sempat berkomentar bahwa “menembakan pistol keatas (vertikal) sama berbahayanya dengan menembakan pistol secara horizontal, karena peluru yang dilontarkan akan jatuh dan bisa mengenai siapa saja, terlebih tidak banyak yang tahu soal ini”. Beberapa hari ini saya kembali penasaran dengan kalimat tersebut. Saya rasa senjata api berukuran relatif kecil juga punya peluru yang cukup berat dan bisa jadi sangat cepat saat jatuh dari ketinggian.

SE XPeria, HTC Touch HD atau HTC Touch Pro?

XPeria di BestBuy.com

Sony Ericsson Xperia X1 sudah tersedia di bestbuy.com dalam status pre-order, dan mulai bisa disentuh awal desember nanti. Harganya? USD799 atau sekitar 8,99 juta rupiah. Terakhir saya lihat mereka hanya menyediakan versi silver. Harga 8.99 juta memang bukan sedikit, apalagi untuk ukuran sebuah ponsel. Tapi Xperia X1 bukan hanya ponsel, lebih tepatnya ini adalah sebuah komputer kecil yang multitasking (meskipun kemampuan multitaskingnya masih meragukan). Jika dipandang sebagai sebuah komputer genggam yang serba bisa, harga USD799 tentu masih reasonable sekali.

Tertarik?. Tunggu dulu, akhir tahun ini ada beberapa gadget lagi dari pabrikan lain yang juga akan dirilis, hardware spec dan fiturnya pun bersaing. Saya akan bahas sedikit tentang Xperia X1 dan 2 gadget lainnya dari HTC yaitu HTC Touch HD dan HTC Touch Pro. Dua gadget ini juga akan rilis akhir tahun ini dan punya spec yang mengancam keberadaan Xperia.

Google Mail new themes

Setelah bertahun-tahun berstatus BETA, tampilan GMail tidak pernah berubah. Tapi pagi ini saat saya cek email, ternyata ada notifikasi bahwa GMail telah menambahkan fitur theme, tampilan GMail saya juga sudah berubah menjadi theme default yang baru.

Penasaran, saya lihat dibagian Settings, ternyata ada satu tab baru yaitu Themes. Cukup banyak theme yang diberikan, beberapa theme bisa mengikuti waktu setempat yang telah kita setup berdasarkan nama negara dan kota. Contohnya, jika siang hari maka beberapa theme akan menampilkan suasana siang. Ini contoh theme yang saya gunakan:

Klik untuk melihat ukuran penuh

Well, I think this is a kind of a big change. Secara saya udah cukup bosan dengan tampilan lama, theme baru yang banyak dan cukup bagus ini harusnya bisa membuat user lama lebih betah serta menarik user-user baru untuk bergabung, congrats to Google!.

Konversi vektor screen ke world pada orthogonal projection

Banyak yang bingung mencari nilai vektor (x, y) pada 3D world yang berasal dari vektor screen. Biasanya teknik ini disebut picking. Kali ini kita akan melakukan konversi vektor screen ke vektor 3D world, tapi dalam orthogonal projection, yang berarti posisi y axis kamera sama nilainya dengan posisi y axis poros kamera. Disini kita menggunakan OpenGL dan GLFW sebagai frameworknya.

Banyak sekali teknik picking yang sudah ada, saya nggak akan ngebahas banyak tentang matematika untuk mendapatkan nilai vektornya, karena OpenGL sendiri punya sebuah library bernama GLU, kita akan menggunakan fungsi gluUnProject() milik GLU untuk melakukan konversi koordinat window ke koordinat objek.

GLdouble posx,posy,posz; // variabel untuk menyimpan hasil konversi
int mx,my; // variabel untuk menyimpan koordinat mouse

// ambil koordinat mouse dengan GLFW, bisa juga menggunakan lib lain (SDL, etc)
glfwGetMousePos(&mx,&my); 

glLoadIdentity(); // reset matrix
GLdouble modelMatrix[16];
glGetDoublev(GL_MODELVIEW_MATRIX,modelMatrix);
GLdouble projMatrix[16];
glGetDoublev(GL_PROJECTION_MATRIX,projMatrix);
int viewport[4];
glGetIntegerv(GL_VIEWPORT,viewport);
gluUnProject(mx,my,0,modelMatrix,projMatrix,viewport,&posx,&posy,&posz);

posx*=(zoom * 10); // hasil konversi dikalikan dengan (zoom * 10)
posy*=(zoom * 10);

posy*=-1; // karena arah y axis pada 3D world umumnya berbeda dengan y axis pada 2D (orthogonal), jadi kita kalikan dengan -1

std::cout << posx << ", " << posy << "\n"; // print output konversi

Disini pertama-tama kita ambil dulu koordinat mouse, kemudian ambil setting model view matrix,projection matrix, dan viewport yang sudah di set sebelumnya, setelah itu gunakan gluUnProject untuk melakukan konversi (silahkan lihat manual gluUnProject pada website OGL).

Variabel zoom adalah distance antara posisi Z kamera dengan posisi Z poros kamera, kita kalikan dengan 10 karena nilai konversi sebelumnya adalah nilai floating point yang sangat kecil. Terakhir mengalikan posy dengan -1 untuk menormalkan posisi y axisnya sesuai dengan 3D world.

Banyak sekali implementasi teknik picking yang tersebar di internet. Teknik diatas adalah salah satu yang paling simpel .

Hacking Trick : CSS Injection

Sebelum saya ngebahas ini, please note that this is just a learning material, and hacking is not a child’s play. When you broke a site, it’s not cool or smart or genius, it’s a crime. Buat saya pribadi hacking adalah proses pembelajaran (mencari bug, fixing code, optimizing) bagi si coder untuk meng-involve teknik/trik programming baru.

Kali ini saya mau ngebahas gimana lubang pada application layer bisa dimanfaatkan buat ngemodifikasi style CSS (Cascading Style Sheet) pada sebuah elemen yang menggunakan tag DIV atau SPAN. Pada prakteknya nanti, kita bisa mengubah tampilan sebuah elemen dengan mengubah style CSS-nya lebih dari yang diperbolehkan oleh situs tersebut. Yang lebih menyeramkan lagi, kita bisa mengubah style tersebut sedemikian rupa hingga tampilan situs secara keseluruhan berubah (atau bisa disebut deface?).