Arsip

Archive for the ‘Tutorial’ Category

Mengganti Skin Facebook

5 Juni 2009 kecebongsoft 1 comment

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. Read more…

Konversi vektor screen ke world pada orthogonal projection

28 September 2008 kecebongsoft Tinggalkan komentar

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 :roll: .

Middle click pada Firefox 3 (Linux)

Pada Firefox 2 (Windows & Linux) dan Firefox 3 (Windows), middle click biasanya digunakan untuk melakukan auto scrolling halaman dan membuka link pada tab baru. Di Firefox 3 versi Linux, middle click secara default tidak diset untuk melakukan hal yang sama. Untuk mengembalikannya, bisa dicoba cara berikut:

1. Pada address bar, ketik about:config
2. Akan muncul warning, klik tombol “I’ll be careful, I Promise”
3. Cari item general.autoscroll, double klik item tersebut hingga Value-nya menjadi true
4. Cari item middlemouse.contentLoadURL, double klik item tersebut hingga Value-nya menjadi false

Firefox tidak perlu direstart, settingan baru tersebut bisa langsung dicoba. Happy hunting.

Dan browser pun melukis…

26 Mei 2008 kecebongsoft 4 komentar

Konsep dan teknologi Web 2.0 benar-benar telah membawa banyak hal hebat yang dulu belum pernah terpikirkan. Dulu tidak ada yang menyangka bahwa kita bisa mengedit dokumen wordprocessor ataupun spreadsheet secara online melalui browser, tapi sekarang hal itu sudah menjadi barang umum dengan datangnya GoogleDocs dan aplikasi web sejenisnya. Membebaskan user dari tuntutan-tuntutan seperti harus menginstal software, legalitas, dll. Read more…

Mobile Browser : Dunia Tanpa Kue

23 Mei 2008 kecebongsoft 5 komentar

Yayaya.. Sekarang dunia sudah canggih, dan aku pasti dibilang gila karena pernah berfikir seperti apa yang akan kutulis sebentar lagi, bodo ah disebut gila :mrgreen: . Tapi serius aku dulu pernah berfikir seperti ini dan mencari solusinya, meskipun belum pernah implementasi. Apa yang sedang kita bicarakan?. Read more…

Menunggangi Google Blog Search

22 Mei 2008 kecebongsoft 1 comment

Pernah melihat screenshoot disamping?. Bagi pengguna WordPress, ini adalah salah satu widget pada Dashboard page yang akan menampilkan blog apapun yang memiliki link ke blog kita, atau lebih dikenal dengan istilah Trackback URL. Gambar disamping juga adalah salah satu tampilan Dashboard WordPress.com yang baru saja dirombak beberapa bulan yang lalu, yang tentunya bikin kita makin cinta sama WordPress :-D Read more…

Gudang foto di WordPress

20 Mei 2008 kecebongsoft 8 komentar

Selama ini aku menggunakan layanan-layanan image-hosting seperti Flickr dan PhotoBucket dan yang lainnya untuk keperluan menyimpan file-file gambar, namun ada pembatasan pemakaian untuk pengguna yang melakukan setup secara free. Flickr misalnya, layanan ini membatasi penggunanya untuk mengupload tidak lebih dari 200 file gambar, kemudian PhotoBucket juga membatasi penggunanya untuk tidak mengupload gambar yang dimensinya lebih dari 1024×768. Pembatasan seperti ini (terutama storage atau limit file) sangat menjengkelkan apalagi jika kita memiliki file gambar yang cukup banyak untuk diupload. Tapi, aku belum nyobain layanan image-hosting yang lain, mungkin ada layanan selain diatas yang menyediakan storage besar, tidak ada limit apapun untuk tiap filenya, dan fasilitasnya tetap bersaing dengan dua layanan diatas?. Read more…

Menyisipkan Digg pada post WordPress

20 Mei 2008 kecebongsoft 4 komentar

Tahu Digg? Ini adalah situs sosial dimana kita bisa mengirimkan link yang kita suka (berita/video/dll) dan link tersebut bisa divote oleh orang lain, vote yang tertinggi akan muncul dihalaman front-page Digg. Singkatnya, Digg adalah situs yang menampilkan link “terlaris” pilihan voter, layanan seperti ini sangat efektif dan berguna agar kita bisa memilih sebuah link yang benar-benar bagus, karena setiap link adalah murni pilihan voter.

WordPress sendiri sebenarnya sudah dari tahun 2007 yang lalu telah membolehkan pemakainya untuk menyisipkan tombol Digg disetiap postingan yang dibuat, tapi mungkin masih jarang digunakan. Berikut ini cara menyisipkan Digg kedalam postingan kita : Read more…