7 Okt 2013

Using fancybox in yii without extension

There are several guides that help you use fancybox in yii, e.g. http://www.yiiframework.com/extension/fancybox/  or http://www.yiiframework.com/wiki/357/how-to-render-a-view-in-fancybox-using-ajax/ . But if you prefer a direct way, here's how to use fancybox in yii.

  1. Download fancybox from http://fancyapps.com/fancybox/. Extract in your base application directory, e.g. /fancybox
  2. Insert the following code in any view files:
  3. Yii::app()->clientScript->registerScriptFile(Yii::app()->baseUrl.'/fancybox/source/jquery.fancybox.pack.js');
    Yii::app()->clientScript->registerCssFile(Yii::app()->baseUrl.'/fancybox/source/jquery.fancybox.css');
    
  4. And add your image html code like:
  5. CHtml::link('', 'big.jpg', array('class'=>'myphotos', 'rel'=>'group1'));
    
  6. Finally
  7. <? php
    // in case you have not loaded jquery
    Yii::app()->clientScript->registerCoreScript("jquery");
    
    ?>
    $(document).ready(function() {
    
     /* This is basic - uses default settings */
     
     $("a.myphotos").fancybox();
     
     /* Using custom settings */
     
     $("a#inline").fancybox({
      'hideOnContentClick': true
     });
    
     /* Apply fancybox to multiple items */
     
     $("a.group").fancybox({
      'transitionIn' : 'elastic',
      'transitionOut' : 'elastic',
      'speedIn'  : 600, 
      'speedOut'  : 200, 
      'overlayShow' : false
     });
     
    });
    

3 Apr 2013

Installing webmin on Raspberry pi

Make sure you have installed apache. If not, do this command:

pi@raspberrypi ~ $ sudo apt-get install apache2

Download webmin, I prefer to get a debian package instead of other formats since I'm using Raspbian wheezy.

wget http://prdownloads.sourceforge.net/webadmin/webmin_1.620_all.deb

Install webmin:

pi@raspberrypi ~ $ sudo dpkg -i webmin_1.620_all.deb

 Selecting previously unselected package webmin.  
 (Reading database ... 62437 files and directories currently installed.)  
 Unpacking webmin (from webmin_1.620_all.deb) ...  
 dpkg: dependency problems prevent configuration of webmin:  
  webmin depends on libnet-ssleay-perl; however:  
  Package libnet-ssleay-perl is not installed.  
  webmin depends on libauthen-pam-perl; however:  
  Package libauthen-pam-perl is not installed.  
  webmin depends on libio-pty-perl; however:  
  Package libio-pty-perl is not installed.  
  webmin depends on apt-show-versions; however:  
  Package apt-show-versions is not installed.  
 dpkg: error processing webmin (--install):  
  dependency problems - leaving unconfigured  
 Errors were encountered while processing:  
  webmin  

Don't worry, we will resolve dependency with:

pi@raspberrypi ~ $ sudo apt-get -f install


 Reading package lists... Done  
 Building dependency tree  
 Reading state information... Done  
 Correcting dependencies... Done  
 The following extra packages will be installed:  
  apt-show-versions libapt-pkg-perl libauthen-pam-perl libio-pty-perl libnet-ssleay-perl  
 The following NEW packages will be installed:  
  apt-show-versions libapt-pkg-perl libauthen-pam-perl libio-pty-perl libnet-ssleay-perl  
 0 upgraded, 5 newly installed, 0 to remove and 4 not upgraded.  
 1 not fully installed or removed.  
 Need to get 503 kB of archives.  
 After this operation, 1,675 kB of additional disk space will be used.  
 Do you want to continue [Y/n]? Y  
 Get:1 http://mirrordirector.raspbian.org/raspbian/ wheezy/main libnet-ssleay-perl armhf 1.48-1 [317 kB]  
 Get:2 http://mirrordirector.raspbian.org/raspbian/ wheezy/main libauthen-pam-perl armhf 0.16-2 [31.2 kB]  
 Get:3 http://mirrordirector.raspbian.org/raspbian/ wheezy/main libio-pty-perl armhf 1:1.08-1 [39.3 kB]  
 Get:4 http://mirrordirector.raspbian.org/raspbian/ wheezy/main libapt-pkg-perl armhf 0.1.26+b1 [80.9 kB]  
 Get:5 http://mirrordirector.raspbian.org/raspbian/ wheezy/main apt-show-versions all 0.20 [34.9 kB]  
 Fetched 503 kB in 11s (45.4 kB/s)  
 Selecting previously unselected package libnet-ssleay-perl.  
 (Reading database ... 86030 files and directories currently installed.)  
 Unpacking libnet-ssleay-perl (from .../libnet-ssleay-perl_1.48-1_armhf.deb) ...  
 Selecting previously unselected package libauthen-pam-perl.  
 Unpacking libauthen-pam-perl (from .../libauthen-pam-perl_0.16-2_armhf.deb) ...  
 Selecting previously unselected package libio-pty-perl.  
 Unpacking libio-pty-perl (from .../libio-pty-perl_1%3a1.08-1_armhf.deb) ...  
 Selecting previously unselected package libapt-pkg-perl.  
 Unpacking libapt-pkg-perl (from .../libapt-pkg-perl_0.1.26+b1_armhf.deb) ...  
 Selecting previously unselected package apt-show-versions.  
 Unpacking apt-show-versions (from .../apt-show-versions_0.20_all.deb) ...  
 Processing triggers for man-db ...  
 Setting up libnet-ssleay-perl (1.48-1) ...  
 Setting up libauthen-pam-perl (0.16-2) ...  
 Setting up libio-pty-perl (1:1.08-1) ...  
 Setting up libapt-pkg-perl (0.1.26+b1) ...  
 Setting up apt-show-versions (0.20) ...  
 ** initializing cache. This may take a while **  
 Setting up webmin (1.620) ...  
 Webmin install complete. You can now login to https://raspberrypi:10000/  
 as root with your root password, or as any user who can use sudo  
 to run commands as root.  

After that, point your browser to https://YourRaspberryIP:10000 
That's it :).

5 Jan 2011

Upload file dari URL melalui proxy pada mediawiki

Saya dibuat bingung oleh dokumentasi mediawiki yang sangat minimum, bahkan nyaris tidak ada. Pencarian dengan google pun tiada hasil.

Begini ceritanya, bila anda ingin fitur upload file dari URL aktif, maka harus diset $wgAllowCopyUploads = true; (baca di sini). Permasalahnnya adalah server anda ada di belakang proxy, jadi menurut petunjuk $wgHTTPProxy harus diset ke alamat proxy server. Sampai disini saja kita sudah bingung bagaimana format penulisan proxy terutama bagi yang awam dengan environmet operating system.

Setelah coba-coba mengisi variabel $wgHTTPProxy dengan format standar environment linux ternyata tidak berhasil. Alamat proxy dengan format [protocol]://[address]:[port] maupun [protocol]://[user]:[password]@[address]:[port] (bila memerlukan authentication) pun sama saja. Padahal perintah yang memerlukan koneksi seperti wget berjalan dengan mulus.

Akhirnya tersangka terakhir tertuju pada script mediawiki sendiri. Setelah sedikit menganalisa, akhirnya ketemu juga. Caranya adalah memodifikasi file includes/upload/UploadFromUrl.php. Cari fungsi curlCopy() dan tambahkan baris sebagai berikut:

curl_setopt( $ch, CURLOPT_WRITEFUNCTION, array( $this, 'uploadCurlCallback' ) );
/* tambahkan disini */
curl_setopt($ch, CURLOPT_HTTPPROXYTUNNEL, 0);
curl_setopt($ch, CURLOPT_PROXY, 'http://192.168.5.2:3128'); //sesuaikan alamat + port proxy-nya
/* 0_0 */
curl_exec( $ch );

CURLOPT_HTTPPROXYTUNNEL diset ke 0 karena selalu terdapat error: Received HTTP code 403 from proxy after CONNECT. Mungkin anda punya kasus yang berbeda, silakan dicoba apakah perlu atau tidak.

FYI, MediaWiki menggunakan versi 1.16.1 (versi terbaru pada saat menulis ini).

Selamat mencoba.

9 Jun 2010

Samsung Galaxy Spica (i5700) baru dengan Android 2.1


Ponsel buatan Samsung ini telah resmi menggunakan OS Android 2.1 (Eclair). Bagi yang akan membeli (mulai bulan Mei 2010), pastikan mendapatkan handphone dengan release terbaru. Saya beruntung mendapatkan barang ini di BEC Bandung karena pada waktu itu terbilang susah mencarinya, maklum barang baru alias fresh di pasaran.

Selain telah mengusung Android yang lebih baru, ada sedikit perbedaan pada tampilan fisik. Pada bagian atas tertulis kata 'android' dan logo android. Sedangkan tulisan merknya pindah ke bawah, seperti terlihat pada gambar paling kanan.

Adapun fitur-fitur yang baru antara lain adalah tampilan UI yang lebih baru (Patheon), slide lock, mendukung animasi wallpaper dan windows, improvement pada widget, clock, voice memo, kamera, gallery, google maps, my files, search dan lain-lain . Jangan takut aplikasi bawaan dari sononya hanya standar, dengan Market anda bisa memasang ratusan bahkan ribuan aplikasi secara gratis!

Sebagai kilas balik, sebelumnya ponsel ini menggunakan Android versi 1.5 (Cupcake). Pada awal tahun 2010, Samsung menyediakan update ke Android versi 2.1 / preloaded. Kemudian pada bulan Mei 2010, produk yang keluar di pasaran sudah resmi mengusung Android 2.1 dari pabriknya.

Bagi yang baru mengenal handphone ini silakan lihat spesifikasi lengkapnya di http://www.gsmarena.com/samsung_i5700_galaxy_spica-2965.php atau di tempat-tempat lain.




Beberapa hal penting yang perlu diketahui:

  1. Salah satu pengembang sistem operasi Android adalah Google Inc. Bila anda cerdik, maka banyak sekali fitur Google yang bisa dimanfaatkan di handphone ini. Contohnya seperti Google Contacts, Google Map, Gmail, Google Talk, Sync, Calendar, Buzz, Google Shopper dan lain-lain.
  2. Jangan kecewa apabila software bawaan dalam CD (Samsung New PC Suite) tidak bisa digunakan. Bahkan Samsung Kies pun tidak bisa melakukan koneksi dengan PC :) Saya sudah menanyakan ke service center secara langsung dan still unresolved. Anda pasti ingin melakukan sinkronisasi contact kan? Percayalah, banyak jalan menuju roma.
  3. Bila anda maniak browsing internet atau hobi traveling dan mengaktifkan GPS, siap-siaplah membeli batere cadangan.

1 Feb 2010

Mengganti Layar LCD Notebook Acer 14.1"



Hari ini saya merasa senang karena salah satu notebook saya (Acer Aspire 5583 NWXMi) yang rusak telah selesai diperbaiki layarnya. Layar LCD dengan ukuran 14.1 inch dan resolusi 1280 x 800 pixel mengalami gangguan berupa garis-garis dan bercak berwarna merah di beberapa bagian. Awalnya tidak terlalu kelihatan, bahkan dengan cara menggerakkan lid kadang-kadang gangguan itu langsung hilang. Namun lama kelamaan warna merah itu semakin melebar, hampir menutupi seperempat bagian layar.

Sebetulnya layar notebook ini sudah lama rusak. Namun karena saya mempunyai notebook lain yang lebih baru, maka saya tunda perbaikannya. Tentu saja saya punya alasan yang masuk akal, apakah itu? Apalagi kalau bukan unsur 'M' alias malas hehe... Disamping itu, garansi spare part satu tahun yang diberikan Acer juga sudah habis. Maklum notebook ini saya beli pada tahun 2007. Jadi sudah terbayang nanti bakal mengeluarkan dana yang tidak sedikit.

Masalah bermula ketika notebook saya yang baru tiba-tiba mengalami masalah (nanti bila sempat akan saya ceritakan, ternyata notebook Acer Aspire Timeline 3810TG bermasalah dan di-recall). Artinya, sekarang saya tidak punya notebook yang benar-benar bisa digunakan untuk bekerja. Apalagi akhir-akhir ini saya sangat membutuhkan notebook karena ada pekerjaan yang mesti dilakukan di tempat yang berbeda-beda.

Akhirnya saya memilih untuk memperbaiki layar notebook Aspire 5583 terlebih dahulu dari pada mengirim notebook Timeline 3810TG ke service center. Pertimbangannya sederhana, yaitu masalah waktu. Memperbaiki notebook Timeline AS3810TG-944G50n ke service center Acer hampir bisa dipastikan memakan waktu yang lama (saya sempat baca cerita dan pengalaman di beberapa forum).

Kebetulan di situs kaskus banyak yang menjual layar LCD notebook. Tanpa mengalami kesulitan saya menitipkan ke adik saya untuk dibawa ke toko di daerah Mangga Dua. Dalam tempo kurang dari setengah hari, layar notebook pun sudah terpasang. Bisa ditunggu lagi. Barangnya baru dengan harga 1,25jt sudah termasuk ongkos pasang dan garansi 3 bulan. Menurut adik saya, kebetulan sedang ada harga diskon (sulit untuk memisahkan bahwa ini bukan promosi, tapi bila info ini berguna nama tokonya M2M Notebook).

So, dengan harga 1,25jt maka notebook seharga 8,4jt (waktu itu beli di BEC Bandung, plus upgrade memory/asesoris menjadi 9,5jt-an) bisa kembali berfungsi normal.

Jangan tanya harga jual seken-nya, bisa nangis :)