Database telah dihimpun dalam bentuk sistem, dibikin oleh @fnazarullah .

Silakan unduh di sini.

Berikut contoh kode enskripsi text file. (keterangan ada di sumber kode) :

Proses enkripsi (encode data ke text file) :

9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47

    public function encrypt() {
        $data['book_title']     = 'Senyumku adalah Tangisku' ;
        $data['book_desc']      = '<em>Deskripsi Tulisan</em>' ;
        $data['book_date']      = '1980-07-09 13:13:09' ;
        $data['book_author']    = 'Fredy Siswanto' ;
 
        $this->load->helper('file') ;
        $this->load->library('encrypt') ;
 
        // ubah ke format json terlebih dahulu
        $data_to_json   = json_encode($data) ;
 
        // ini kode kunci. 
        $secure_key = 'kode kunci Anda!' ;
 
        // encrypt data
        $json_to_encrypt = $this->encrypt->encode($data_to_json,$secure_key) ;
        /* ALTERNATIVE
           $secure_key bisa dihilangkan sehingga bisa ditulis :
           $json_to_encrypt = $this->encrypt->encode($text)
           =============================================
           asal di bagian application/config/config.php bagian
           $config['encryption_key'] diisi sesuai dengan key Anda.
           =======================================================
        */
 
        // nama file yang dienkripsi
        $filename   = 'book_freddyS-1.txt' ;
        // lokasi folder tempat menyimpan
        $dir        = APPPATH . 'cache/' ; // ~ application/cache/
 
        // simpan ke $filename ;
        if ( ! write_file( $dir . $filename , $json_to_encrypt ) ) {
            echo 'Unable to write the file';
        }
        else {
            echo 'File written!';
        }
    }

Hasil tampilan file di folder cache :

...

Saat file book_freddyS-1.txt dibuka :

...

Untuk menampilkan data tersebut ke sistem tentu saja bukan hasil enkripsi tersebut ditampilkan, tapi data sebenarnya. Berikut contoh kode untuk mengembalikan hasil enkripsi tersebut ke data asal :

49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87

    public function decrypt() {
        // nama file yang dienkripsi
        $filename   = 'book_freddyS-1.txt' ;
        // lokasi folder tempat menyimpan
        $dir        = APPPATH . 'cache/' ; // ~ application/cache/
 
        if ( file_exists( $dir. $filename ) ) {
            $this->load->helper('file') ;
            $this->load->library('encrypt') ;
 
            // simpan data di text file dalam satu variable
            $text   = file_get_contents( $dir . $filename ) ;
 
            // ini kode kunci.
            $secure_key = 'kode kunci Anda!' ;
            // decode text
            $text_to_json = $this->encrypt->decode($text,$secure_key) ;
            /* ALTERNATIVE
               $secure_key bisa dihilangkan sehingga bisa ditulis :
               $text_to_json = $this->encrypt->decode($text)
               =============================================
               asal di bagian application/config/config.php bagian
               $config['encryption_key'] diisi sesuai dengan key Anda.
               =======================================================
            */
 
            // tahap ini data sudah didapatkan tapi dalam format json
            // decode data json
            $json_to_data   = json_decode($text_to_json,TRUE) ;
 
            // tahap ini selesai
            // data telah tersimpan dalam bentuk array
           print_r($json_to_data) ;
 
        }
        else {
            echo 'Unable to read the file';
        }
    }

Saat dijalankan :

...

CMIIW.

.php

Beberapa waktu lalu, sempat terpikir oleh gw, untuk sistem (web) yang sederhana (dari segi fitur) __ yang mungkin __ terlalu boros jika dibikin pakai framework ataupun berorientasi objek sehingga dibuat alurnya prosedural saja, tapi strukturnya masih rapi, minimal ada pemisahan kode php dengan template. Tidak perlu memakai template engine yang sudah komplek seperti Smarty atau yang lainnya, karena ya itu terlalu boros (dilihat ukuran size aplikasinya).

So iseng-iseng gw coba bikin.

Jadi strukturnya kira-kira seperti ini :

Strukturnya mungkin seperti CodeIgniter (karena inspirasinya di sana), simple.templating.php adalah librari-nya, welcome_view.php adalah contoh file templatenya (HTML/web page) , dan file welcome.php yang terletak di luar folder lib dan views adalah contoh “controller”nya.

simple.templating.php

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32

<?php
 
define('EXT'        , '.php') ;
define('VIEWPATH'   , 'views/') ;
 
/**
 * Load View
 *
 * @access	public
 * @param	string $file file location (no extension (.php))
 * @param	string $data array nor not
 * @param	mixed  $string print results (FALSE) or save results to string (TRUE)
 * @return	string
 */
 
function load_view($file,$data = NULL,$string = FALSE) {
    if (is_array($data)) {
        // this is like "value to variable", see my artcle on http://kohaci.com/2010/03/24/value-to-variable.html
        // check more on http://php.net/manual/en/function.extract.php
        extract($data) ;
    }
 
    ob_start();
    include ( VIEWPATH . $file . EXT );
    $content = ob_get_clean();
 
    if ($string)    return $content ;
    else            echo $content ;
}
 
/* End of file simple.templating.php */
/* Location: ./lib/simple.templating.php */

Jika di CodeIgniter, untuk me-load view dijalankan seperti ini :

$this->load->view($WEB_PAGE,$data) ;

Maka di simple template engine kali ini jalannya :

load_view($WEB_PAGE,$data) ;

Ataupun hasil templating disimpan dulu ke variable, di CodeIgniter :

$string = $this->load->view($WEB_PAGE,$data,FALSE) ;

Di simple template engine :

$string = load_view($WEB_PAGE,$data,FALSE) ;

Contoh view di welcome_view.php

1
2
3
4
5
6
7
8
9
10

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title></title>
    </head>
    <body>
        <?php echo $welcome ;?>
    </body>
</html>

Contoh “controller”nya di welcome.php

1
2
3
4
5
6
7
8
9

<?php
include 'lib/simple.templating.php';
 
$data['welcome'] = "halo ..." ;
 
load_view('welcome_view',$data) ;
 
/* End of file welcome.php */
/* Location: ./welcome.php */

Download kode di atas di sini.

Semoga bermanfaat.

“Kamu dimana, dengan siapa, semalam kemana saja” , lirih sang kodok

Di depan kamar, hinggap macam-macam binatang yang antah berantah datang dari mana.

Ada ayam broiler yang umurnya hampir dua tahun, waktu masih kanak-kanak sering disinggahi musang yang kelaparan di tengah malam.

Ulat bulu yang berusaha menjalin silaturahmi dengan gw saat dilakukan pembersihan pekarangan kosan yang tepat berada di depan kamar. Bisa dibilang mencari tempat baru karena sarang lama udah dihancurin.

Anjing liar yang masuk dari pagar belakang kosan yang (lagi-lagi) tepat di belakang kamar gw. Yang ngeselin nih anjing bawa makanan dari luar, trus sampahnya dibuang di pekarangan kosan. Emang nih tempat makan, sepertinya perlu ditaro palang : BUKAN RESTORAN ANJING!! Kalau diusir, tu anjing akan gong gong sepanjang malam, dan (lagi-lagi) dia gong gong posisinya persis di belakang kamar gw. Mimpi indah bercinta dengan Koharu Kusumi, berakhir tragis dengan kisah antara Sin Chan dan Shiro

Pernah ketemu anak ular (sepertinya baru menetas) yang .. sungguh gw berharap sangat, jangan pernah ketemu dengan orang tuanya.

No KB , Life is Wonderfull

Di samping kamar gw adalah gudang, saat kucing hamil (bukan milik kosan, tapi betah di kosan, diberi nama Messi), maka gudang jadi tempat bersalinnya. Aroma menyengatkan hidung dan perasaan (terutama), yang akhirnya gw mengambil tindakan untuk menyegel tu pintu gudang. Yang anehnya kucing tu hobi banget hamil, gak ikut KB atau apa gitu. Dan saat musim kawin, sungguh edan para kucing jantan “pelepas syahwat” berbondong-bondong ngerebutin tuh Messi. Kosan udah kayak “rumah bordir kucing” aja

Ada kolam lele di samping dan depan kamar gw (lagi-lagi) … -.-”

Terakhir kodok. Ini nih yang mau gw ceritaiin

Semasa bocah di kampung, salah satu hewan yang gw takuti untuk didekati adalah kodok. Orang-orang tua di kampung sering ngomong : “Ati-ati jo koncek, dikajambankan beko , buto ang! “ (indonesia : jangan dekat-dekat dengan kodok, dikencingin ntar kamu buta!) . Karena stigma tersebutlah gw jadi takut dengan kodok.

Alkisah, di sekitar taman mess bupati, ada tempat yang dipagari beton, cuma ada satu jalan untuk masuk dan keluar, untungnya tidak ditutup. Di sana terdapat patung manusia yang “mitosnya” dijaga oleh kodok. Mitosnya lagi jika ada yang coba-coba masuk ke tempat tersebut (apalagi mendekati tuh patung) akan dikencingin ama sang penjaga (tahu sendiri donk selanjutnya apa).

Entah siapa yang nyebarin tu isu, yang jelas mitos tersebut menyebar luas di kalangan teman-teman gw di SD. Dan hebatnya banyak yang percaya (termasuk gw).

Entah kelas berapa (masih SD) gw dan teman-teman memberanikan diri untuk melihat tuh patung dari dekat. Saat uji nyali pertama, gw dan teman-teman dikejar ama satpam penjaga mess (karena masuk dengan manjat pagar). Uji nyali kedua, pas masuk ke pintu masuk kami langsung kabur karena melihat ada kodok meloncat-loncat di kolam taman mess. Uji nyali ketiga, satpam penjaga mess berhasil menangkap kami dengan sukses, pertama diceramahi tentang “pendidikan moral dan pancasila beserta P4″ dan terakhir diketawain waktu jelasin niat kami. Uji nyali keempat, gak perlu manjat pagar lagi, langsung minta izin ke satpam di sana yang dibalas dengan acungan jempol sambil berucap “Semoga Sukses, Dek!” .

Yup, kami berhasil melihat patung tersebut, posisinya malah lebih dekat lagi. Gak ada kodok, cuma ada patung yang wajahnya setengah hancur. Kecewa bercampur senang. Kecewa karena patungnya jelek dan gak ada kodok-kodokan, bayangin aja kalau dikencingin beneran.

Senang karena dari tiga percobaan yang gagal, yang keempatnya berhasil. Kalau bilang D’massive : “Jangan menyerah … jangan menyerah .. syukuri apa yang ada .. hidup adalah perjuangan .. “ . Sayangnya kami masih kecil untuk memahami arti sebuah perjuangan.

Sekarang pertanyaanya, benar gak sih dikencingin kodok jadi buta? Perlu uji lapangan untuk membuktikan, sayangnya belum ada volunteer yang bersedia menjadi “tumbal” … So, sampai saat ini gw belum tahu

Kembali ke judul : PENANTIAN SANG KODOK .

Sebenarnya gw gak paham-paham amat perbedaan kodok dengan katak, tapi dari surfing ke wikipedia dan artikel-artikel lainnya di internet, gw kira gambar yang gw photo di atas adalah kodok. CMIIW .

Ok back to topic, please ..

Dari photo, setiap malam, antara pukul 19 – 22 itu kodok hampir satu minggu ini berdiam diri di depan pintu kamar tetangga sebelah kamar gw. Kamar sebelah kosong, dihuni oleh mahasiswa S2 yang sedang pulang kampung yang berharap “kepulangannya akan membuat dosen pembimbing jenuh menunggu (kapan bimbingan) dan dengan berat hati memberi nilai A”.

Yup, baru seminggu ini si kodok di sana. Apakah si kodok menunggu orang di sebelah kamar gw. Ada apa gerangan? FYI, tu orang udah pulang kampung lebih sebulan yang lalu. Hmmm, coba dianalisis :

Si kodok baru seminggu (asumsi 7 hari) , si punya kamar udah sebulan (asumsi 28 hari) ,ghmm …

FAQ (Frequently Ask Question) :

Apakah terjadi “kecelakaan” antara mereka ?

28 – 7 = 21 hari , mungkin aja pembuahan di rahim kodok kebentuk di waktu tersebut. Dan saat selang tersebut si kodok nyadar, dan bingung. (Manusia aja rata-rata banyak yang nyadar klw dia hamil saat usia kandungan 3 bulan kan?)

Si kodok meminta pertanggungjawaban ?

Rata-rata perempuan di dunia, “tidak sanggup” mempunyai/membesarkan anak tanpa pendamping, itulah mengapa ada yang dinamakan suami dan istri. Dan mungkin seperti itu juga yang dirasakan si kodok.

Mengapa harus segitu lebaynya menunggu di depan pintu setiap malam?

Pertanyaan di atas bisa dijabarkan lagi menjadi dua pertanyaan :

Mengapa menunggu di depan pintu ?

Ada dua, yaitu :

Pertama. Si kodok udah diusir oleh keluarganya karena membawa aib. Si kodok gak ada tempat tinggal lagi, satu-satunya tempat berlindung ya itu … si punya kamar.

Kedua. Bisa jadi pertemuan pertama mereka ada di depan pintu. Saat sang mahasiswa membuka pintu, bertemu dengan si kodok yang loncat-loncat yang akhir dari loncatan si kodok adalah sang mahasiswa. Cinta pada pandangan pertamapun terjadi, pikiran mengkhayal menari-nari layaknya Kuch Kuch Hota Hai .. atau apalah gitu .. namanya juga ngasal ..

Jadi wajar dong, kalau dia nunggu di depan pintu. Banyak orang berharap tempat pertemuan pertama adalah kenangan, dan kesan tersebut akan sangat berharga saat kenangan tersebut dibangkitkan kembali di tempat yang sama.

Contoh :

ada pria yang ngantor + mahasiswa, biasanya naik KRL (Kereta Rel Listrik) pukul 7 pagi untuk berangkat ke kantor, suatu waktu dia naik KRL pukul 5.40, ketemu cewek cantik naik KRL yang sama. Besok-besoknya pria tersebut rela-relain naik KRL pukul 5.40 setiap hari demi “mandangin tuh cewek” (yang selalu berada di gerbong dan pintu yang sama). Saat sampai, kantor masih sepi, cleaning service aja masih molor di rumah. Suatu hari, pria tersebut resign karena dikejar-kejar oleh pertanyaan “Kapan wisuda?” Otomatis rutinitas naik KRL terhenti, dan ketemu dengan wanita idaman pun tak bisa. Saat berhasil mencuri waktu, di gerbong dan posisi pintu yang sama si pria setia menanti tapi ternyata wanita idaman tidak ada. Tapi si pria tidak putus asa, dan masih menanti di tempat yang sama (kalau sempat naik KRL pkl 5.40) . Walaupun si pria gak nyadar, kalau saat ini di KRL udah ada gerbong khusus wanita, dan kemungkinan besar dia di sana dan tentu aja PRIA DILARANG MASUK!

Yah .. begitulah … hahahahaha …

Mengapa harus malam?

Yaaaaa .. masa gw harus jelasin sih .

Kodoknya cowok?

berarti MAHO !!

Apakah ini nyata ?

No pic = hoax ! Gw ngasih pic kan? berarti benar kan! Untuk analisis, namanya aja analisis, ketidakakuratan analisis ini dijamin 100% .

sekian.

www.fusioncharts.com

FusionCharts adalah komponen pemetaan dalam basis flash yang dapat digunakan untuk merender data dalam bentuk animasi grafik. Dengan basis Adobe Flash, FusionCharts dapat digunakan dengan berbagai macam bahasa scripting web seperti HTML, .NET, ASP, JSP, PHP, ColdFusion dan lain sebagainya, untuk menghasilkan chart yang interaktif dan powerfull. Menggunakan XML sebagai data interface-nya, FusionCharts mampu menciptakan charts yang compact, interaktif, dan visually-arresting.

Tulisan kali ini adalah update dari tulisan saya Agustus 2008 silam tentang Fusion Chart dan CodeIgniter. Saya tulis kembali sebab banyak yang bertanya tentang ketidakcocokan librari yang saya buat dengan Fusion Chart sekarang. Poin yang patut diketahui adalah versi yang saya pakai dulu adalah versi Fusion Chart lama yaitu Fusion Chart 2 (masih bersifat trial) sebelum ada rilis versi free untuk Fusion Chart 3. Ada beberapa perubahan yang cukup signifikan, seperti penggantian inisialisasi awal XML dari fusion chart, dari :

<chart ...>
 
...
 
</chart>

menjadi :

<graph ...>
 
...
 
</graph>

Walaupun ada sebagian bentuk grafik tertentu yang masih memakai inisialisasi awal <chart .. /> .

Oke, kita mulai implementasi. Langkah pertama adalah download Fusion Chart 3 versi free di sini. Setelah didownload file Fusion Chart di ekstrak, dan diambil file-file penting yang akan kita gunakan untuk membuat chart, yaitu :

FusionCharts.js , dari :

JSClass -> FusionCharts.js

File SWF dari folder Charts

PHP FusionChart function (FusionCharts.php) dari :

Code -> PHP -> Includes -> FusionChart.php

(Optional) Struktur folder public saya seperti ini :

Struktur folder

Simpan FusinChart.js ke folder public/javascript/ .

Simpan semua isi File SWF (tidak termasuk folder Charts) ke folder public/flash/ .

Ubah nama FusionCharts.php menjadi fusioncharts_helper.php dan simpan ke folder system/application/helpers/ . (Jika pada tulisan sebelumnya fungsi Fusion Chart saya jadikan library, pada saat ini saya jadikan helper karena ternyata lebih simple dan praktis ).

Pada fusioncharts_helper.php tambahkan fungsi berikut :

5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36

$FC_ColorCounter=0;
function getFCColor() 
{
    //We also initiate a counter variable to help us cyclically rotate through
    //the array of colors.
    global $FC_ColorCounter;
    //Update index
    $FC_ColorCounter++;
 
    $arr_FCColors[0] = "1941A5" ;//Dark Blue
    $arr_FCColors[1] = "AFD8F8";
    $arr_FCColors[2] = "F6BD0F";
    $arr_FCColors[3] = "8BBA00";
    $arr_FCColors[4] = "A66EDD";
    $arr_FCColors[5] = "F984A1" ;
    $arr_FCColors[6] = "CCCC00" ;//Chrome Yellow+Green
    $arr_FCColors[7] = "999999" ;//Grey
    $arr_FCColors[8] = "0099CC" ;//Blue Shade
    $arr_FCColors[9] = "FF0000" ;//Bright Red
    $arr_FCColors[10] = "006F00" ;//Dark Green
    $arr_FCColors[11] = "0099FF"; //Blue (Light)
    $arr_FCColors[12] = "FF66CC" ;//Dark Pink
    $arr_FCColors[13] = "669966" ;//Dirty green
    $arr_FCColors[14] = "7C7CB4" ;//Violet shade of blue
    $arr_FCColors[15] = "FF9933" ;//Orange
    $arr_FCColors[16] = "9900FF" ;//Violet
    $arr_FCColors[17] = "99FFCC" ;//Blue+Green Light
    $arr_FCColors[18] = "CCCCFF" ;//Light violet
    $arr_FCColors[19] = "669900" ;//Shade of green
 
    return($arr_FCColors[$FC_ColorCounter % count($arr_FCColors)]);
}

Fungsi tersebut didapatkan dari file FC_Colors.php (yang telah dimodifikasi) dari folder Fusion Chart :

Code -> PHP -> Includes -> FC_Colors.php

Kemudian kita buat class Chart di controller dengan nama file chart.php .

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53

<?php
/**
 * Description of chart
 *
 * @author  Freddy Yuswanto
 * @link    http://www.kohaci.com
 */
class Chart extends Controller {
 
    public function  __construct() {
        parent::Controller() ;
    }
 
    public function index() {
        $this->load->helper(array('url','fusioncharts')) ;
 
        $graph_swfFile      = base_url().'public/flash/Column3D.swf' ;
        $graph_caption      = 'Harga Produk' ;
        $graph_numberPrefix = 'Rp.' ;
        $graph_title        = 'Penjualan Produk' ;
        $graph_width        = 450 ;
        $graph_height       = 250 ;
 
        // Store Name of Products
        $arrData[0][1] = "Product A";
        $arrData[1][1] = "Product B";
        $arrData[2][1] = "Product C";
        $arrData[3][1] = "Product D";
        $arrData[4][1] = "Product E";
        $arrData[5][1] = "Product F";
 
        //Store sales data
        $arrData[0][2] = 567500;
        $arrData[1][2] = 815300;
        $arrData[2][2] = 556800;
        $arrData[3][2] = 734500;
        $arrData[4][2] = 676800;
        $arrData[5][2] = 648500;
 
        $strXML = "<graph caption='".$graph_caption."' numberPrefix='".$graph_numberPrefix."' formatNumberScale='0' decimalPrecision='0'>";
 
        //Convert data to XML and append
	foreach ($arrData as $arSubData) {
            $strXML .= "<set name='" . $arSubData[1] . "' value='" . $arSubData[2] . "' color='".getFCColor()."' />";
        }
	//Close <chart> element
	$strXML .= "</graph>";
 
        $data['graph']  = renderChart($graph_swfFile, $graph_title, $strXML, "div" , $graph_width, $graph_height);
 
        $this->load->view('chart_view',$data) ;
    }
}

Terakhir membuat file di view dengan nama chart_view.php .

1
2
3
4
5
6
7
8
9
10

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <!-- FUSION CHARTS -->
	<script type="text/javascript" src="<?php echo base_url();?>public/javascript/FusionCharts.js"></script>
    </head>
    <body>
        <?php echo $graph ; ?>
    </body>
</html>

Jalankan dengan URL :

http://[nama server anda]/[folder ci anda]/index.php/chart

Jika berjalan lancar, hasil yang keluar adalah :

Contoh dengan Column 3D

Semoga bermanfaat. CMIIW.

Demo dapat didownload di link ini.

JQuery Crop

Pada tulisan kali ini, saya akan mencoba mengimplementasi antara PHP, CodeIgniter , jQuery (image area select), dan librari image_moo. Sebagian besar ilmunya saya dapatkan dari WebMotionUK. Pada artikel WebMotionUK dijelaskan implementasi PHP + jQuery (image area select), saya mencoba menggabungkan dengan CodeIgniter dibantu dengan librari Image_moo yang implementasinya telah saya jelaskan pada artikel sebelumnya.

Syarat-syarat yang harus dipenuhi sebelum koding adalah sebagai berikut :

• PHP 5 atau di atasnya
• PHP GD 2 library
• Framework CodeIgniter 1.7.0 atau di atasnya
• Librari Image_moo oleh Mat-moo
• jQuery ver 1.2.3 atau di atasnya
• Image Area Select plugin oleh Michal Wojciechowski

Setelah syarat-syarat di atas dipenuhi, selanjutnya kita bentuk struktur folder upload dan hasil crop yang strukturnya sama dengan tulisan saya sebelumnya.

Struktur folder

Setelah itu kita buat file javascript yang bernama jquery.imgpreview.js yang berfungsi menampilkan preview image yang akan dicrop sebelum dicrop, serta menyimpan posisi-posisi X1, X2, Y1, dan Y2 yang nantinya akan diproses oleh Image_moo.

49
50
51
52

	$this->image_moo
		->load($upload_path . $file_name)
		->crop($x1,$y1,$x2,$y2)
		->save($destination_thumbs . $file_name) ;

File : jquery.imgpreview.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34

function preview(img, selection) {
    var scaleX = thumb_width / selection.width;
    var scaleY = thumb_height / selection.height;
 
    $('#thumbnail + div > img').css({
            width: Math.round(scaleX * image_width) + 'px',
            height: Math.round(scaleY * image_height) + 'px',
            marginLeft: '-' + Math.round(scaleX * selection.x1) + 'px',
            marginTop: '-' + Math.round(scaleY * selection.y1) + 'px'
    });
    $('#x1').val(selection.x1);
    $('#y1').val(selection.y1);
    $('#x2').val(selection.x2);
    $('#y2').val(selection.y2);
}
 
$(document).ready(function () {
    $('#save_thumb').click(function() {
        var x1 = $('#x1').val();
        var y1 = $('#y1').val();
        var x2 = $('#x2').val();
        var y2 = $('#y2').val();
        if(x1=="" || y1=="" || x2=="" || y2==""){
                alert("You must make a selection first");
                return false;
        }else{
                return true;
        }
    });
});
 
$(window).load(function () {
    $('#thumbnail').imgAreaSelect({ aspectRatio: '1:' + thumb_height/thumb_width, onSelectChange: preview });
});

File jquery.imgpreview.js disimpan di folder public/javascript .

Nilai thumb_width dan thumb_height merupakan ukuran default hasil cropping dengan rasio ukuran :

1 : (thumb_height/thumb_width)

Nilai thumb_width dan thumb_height kita definiskan terlebih dahulu.

Nilai image_height dan dan image_width didapatkan dari ukuran gambar yang kita upload ke sistem.

Pendefinisian nilai-nilai tersebut pada views adalah sebagai berikut :

11
12
13
14
15
16
17
18
19

	<script src="<?php echo base_url();?>public/javascript/jquery.imgpreview.js" type="text/javascript"></script>
	<script type="text/javascript">
		// <![CDATA[
			var thumb_width    = <?php echo $thumb_width ;?> ;
			var thumb_height   = <?php echo $thumb_height ;?> ;
			var image_width    = <?php echo $img['image_width'] ;?> ;
			var image_height   = <?php echo $img['image_height'] ;?> ;
		// ]]>
	</script>

Penentuan nilai-nilai tersebut kita tulis di controller, saya tulis dengan nama class Crop di file crop.php.

<?php
/**
 * Description of crop
 *
 * @author  Freddy Yuswanto
 * @link    http://www.kohaci.com/
 */
class Crop extends Controller {
 
    public function  __construct() {
        parent::Controller() ;
        $this->load->helper(array('form', 'url'));
        $this->load->library('image_moo') ;
    }
 
    public function index() {
        $data['upload_path']        = $upload_path          = "public/upload/real/" ;
        $data['destination_thumbs'] = $destination_thumbs   = "public/upload/thumbs/" ;
 
        $data['large_photo_exists'] = $data['thumb_photo_exists'] = $data['error'] = NULL ;
        $data['thumb_width']        = "100";
        $data['thumb_height']       = "100";
 
        if (!empty($_POST['upload'])) {
            $config['upload_path']  = $upload_path ;
            $config['allowed_types']= 'gif|jpg|png|jpeg';
            $config['max_size']     = '2000';
            $config['max_width']    = '2000';
            $config['max_height']   = '2000';
 
            $this->load->library('upload', $config);
 
            if ($this->upload->do_upload("image")) {
                $data['img']	 = $this->upload->data();
                $data['large_photo_exists']  = "<img src=\"".base_url() . $upload_path.$data['img']['file_name']."\" alt=\"Large Image\"/>";
            }
        }
        elseif (!empty($_POST['upload_thumbnail'])) {
            $x1 = $this->input->post('x1',TRUE) ;
            $y1 = $this->input->post('y1',TRUE) ;
            $x2 = $this->input->post('x2',TRUE) ;
            $y2 = $this->input->post('y2',TRUE) ;
            $w  = $this->input->post('w',TRUE) ;
            $h  = $this->input->post('h',TRUE) ;
 
            $file_name                  = $this->input->post('file_name',TRUE) ;
 
            if ($file_name) {
                $this->image_moo
                    ->load($upload_path . $file_name)
                    ->crop($x1,$y1,$x2,$y2)
                    ->save($destination_thumbs . $file_name) ;
 
                if ($this->image_moo->errors) {
                    $data['error'] = $this->image_moo->display_errors() ;
                }
                else {
                    $data['thumb_photo_exists'] = "<img src=\"".base_url() . $destination_thumbs . $file_name."\" alt=\"Thumbnail Image\"/>";
                    $data['large_photo_exists'] = "<img src=\"".base_url() . $upload_path.$file_name."\" alt=\"Large Image\"/>";
                }
            }
 
        }
 
        $this->load->view('crop_form',$data) ;
    }
}
?>

Setelah itu kita buat file views dengan nama crop_form.php .

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 
    <title>Kohaci - PHP, CodeIgniter, &amp; Jquery image upload &amp; crop</title>
    <script src="<?php echo base_url();?>public/javascript/jquery-1.3.2.min.js" type="text/javascript"></script>
    <script src="<?php echo base_url();?>public/javascript/jquery.imgareaselect.min.js" type="text/javascript"></script>
 
    <?php if($large_photo_exists && $thumb_photo_exists == NULL):?>
    <script src="<?php echo base_url();?>public/javascript/jquery.imgpreview.js" type="text/javascript"></script>
    <script type="text/javascript">
    // <![CDATA[
        var thumb_width    = <?php echo $thumb_width ;?> ;
        var thumb_height   = <?php echo $thumb_height ;?> ;
        var image_width    = <?php echo $img['image_width'] ;?> ;
        var image_height   = <?php echo $img['image_height'] ;?> ;
    // ]]>
    </script>
    <?php endif ;?>
</head>
<body>
 
<h1>Photo Upload and Crop</h1>
<?php if($error) :?>
    <ul><li><strong>Error!</strong></li><li><?php echo $error ;?></li></ul>
<?php endif ;?>
 
<?php if($large_photo_exists && $thumb_photo_exists) :?>
	<?php echo $large_photo_exists."&nbsp;".$thumb_photo_exists; ?>
	<p><a href="<?php echo $_SERVER["PHP_SELF"];?>">Upload another</a></p>
 
<?php elseif($large_photo_exists && $thumb_photo_exists == NULL) :?>
 
<h2>Create Thumbnail</h2>
<div align="center">
        <img src="<?php echo base_url() . $upload_path.$img['file_name'];?>" style="float: left; margin-right: 10px;" id="thumbnail" alt="Create Thumbnail" />
        <div style="border:1px #e5e5e5 solid; float:left; position:relative; overflow:hidden; width:<?php echo $thumb_width;?>px; height:<?php echo $thumb_height;?>px;">
                <img src="<?php echo base_url() . $upload_path.$img['file_name'];?>" style="position: relative;" alt="Thumbnail Preview" />
        </div>
        <br style="clear:both;"/>
        <form name="thumbnail" action="<?php echo $_SERVER["PHP_SELF"];?>" method="post">
                <input type="hidden" name="x1" value="" id="x1" />
                <input type="hidden" name="y1" value="" id="y1" />
                <input type="hidden" name="x2" value="" id="x2" />
                <input type="hidden" name="y2" value="" id="y2" />
                <input type="hidden" name="file_name" value="<?php echo $img['file_name'] ;?>" />
                <input type="submit" name="upload_thumbnail" value="Save Thumbnail" id="save_thumb" />
        </form>
</div>
 
<hr />
<?php 	else : ?>
 
<h2>Upload Photo</h2>
<form name="photo" enctype="multipart/form-data" action="<?php echo $_SERVER["PHP_SELF"];?>" method="post">
Photo <input type="file" name="image" size="30" /> <input type="submit" name="upload" value="Upload" />
</form>
<?php 	endif ?>
 
</body>
</html>

Setelah itu jalankan dengan alamat URL :

http://[nama server anda]/[folder ci anda]/index.php/crop

Untuk demo dapat didownload di link ini.

Semoga bermanfaat. CMIIW.

Referensi :

http://www.webmotionuk.co.uk/php-jquery-image-upload-and-crop/

http://www.matmoo.com/digital-dribble/codeigniter/image_moo/

=============================

New Update ! (2010/11/12)

Addition :

• Auto selection (thanx to @Team)
• Image resizing for image bigger than window and thumbnail bigger than 100×100 – thumbnail standard size for thiz article (thanx to @Pavel Ivanov)

You can download here.

Image Manipulation

Tulisan saya kali ini menyambung dari tulisan saya terdahulu tentang Image Resizing di PHP CodeIgniter , jika sebelumnya library yang saya gunakan adalah bawaan dari CodeIgniter, kali ini saya akan memakai library Image_moo yang saya dapatkan dari Mat-moo melalui forum Codeigniter.

Kekuatan dari librari ini jika dibandingkan dari bawaan CodeIgniter adalah adanya multiple process sehingga menghemat baris kode untuk melanjutkan proses images manipulation berikutnya. Contoh dapat dilihat pada tulisan saya terdahulu dimana antara proses resize ke ukuran thumbnail dan medium perlu ada jeda (penghapusan proses sebelumnya) yang tandai dengan : $this->image_lib->clear() , sedangkan pada Image_moo proses tersebut bisa terus berlanjut tanpa harus menghapus proses sebelumnya.

Kekurangannya pada libari ini adalah hanya bisa berjalan PHP 5 di atas atau sama dengan dan hanya menggunakan librari GD 2 untuk proses images manipulation.

Mari kita langsung dengan contoh implementasi.

Pertama, download library Image_moo di sini. Setelah selesai, ekstrak akan keluar image_moo.php , rename menjadi Image_moo.php (I = i besar) dan letakkan di /system/application/libraries untuk CI 1.7 atau /application/libraries untuk CI 2.

Seperti tulisan saya terdahulu saya menggunakan proses upload untuk kemudian diproses image-nya. Struktur folder tempat upload saya sebagai berikut :

Struktur Folder

Tempat upload saya letakkan di folder upload dengan bagian-bagiannya :

• Folder real : untuk menyimpan hasil gambar dengan ukuran sebenarnya.
• Folder medium : untuk menyimpan hasil gambar yang telah diresize dari ukuran sebenarnya.
• Folder thumbs : untuk menyimpan hasil gambar yang telah diresize dan dicrop sehingga hanya menampilkan sebagian gambar saja dari gambar aslinya.

Next, kemudian buat file view dengan nama upload_form.php (contoh kode sama dengan tulisa sebelumnya) .

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

<html>
	<head>
		<title>Upload Form</title>
	</head>
<body>
 
	<?php echo form_open_multipart('upload/do_upload');?>
 
		<input type="file" name="photo" size="20" />
 
		<br /><br />
 
		<input type="submit" value="upload" />
 
	<?php echo form_close() ;?>
 
</body>
</html>

Terakhir buat class Controller dengan nama Upload.php

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92

<?php
 
/**
 * Upload Class
 *
 * @subpackage	Controller
 * @link        http://www.kohaci.com/
 * @author	Freddy Yuswanto
 */
 
class Upload extends Controller {
 
    public function  __construct() {
        parent::Controller();
        $this->load->helper(array('form', 'url'));
        $this->load->library('image_moo') ;
    }
 
    public function index() {
        $this->load->view('upload_form') ;
    }
 
    public function do_upload() {
        $config['upload_path']	= "./public/upload/real/";
        $config['allowed_types']= 'gif|jpg|png|jpeg';
        $config['max_size']     = '2000';
        $config['max_width']  	= '2000';
        $config['max_height']  	= '2000';
 
        $this->load->library('upload', $config);
 
        if ($this->upload->do_upload("photo")) {
            $data	 	= $this->upload->data();
 
            /* PATH */
            $source             = "./public/upload/real/".$data['file_name'] ;
            $destination_medium	= "./public/upload/medium/" ;
            $destination_thumbs	= "./public/upload/thumbs/" ;
 
            $size_medium_width  = 300 ;
            $size_medium_height = 300 ;
 
            $size_thumb_width   = 150 ;
            $size_thumb_height  = 150 ;
 
            $this->image_moo
                ->load($source)
 
                /* RESIZING IMAGE TO BE MEDIUM SIZE */
 
                ->resize($size_medium_width,$size_medium_height)
                ->save($destination_medium . 'resize_' . $data['file_name'])
                ->set_background_colour("#49F")
                ->resize($size_medium_width,$size_medium_height,TRUE)
                ->save($destination_medium . 'colour_'.$data['file_name'])
                ->resize($size_medium_width,$size_medium_height)
                ->border(5, "#ffffff")
                ->border(1, "#000000")
                ->save($destination_medium . 'border_'.$data['file_name'])
                ->resize($size_medium_width,$size_medium_height)
                ->round(10)
                ->save($destination_medium . 'corner_'.$data['file_name'])
                ->resize($size_medium_width,$size_medium_height)
                ->border_3d(10)
                ->save($destination_medium . '3d_'.$data['file_name'])
 
                /* CROPPING IMAGE TO BE THUMBNAIL SIZE */
 
                ->resize_crop($size_thumb_width,$size_thumb_height)
                ->save($destination_thumbs . 'crop_'. $data['file_name'])
                ->set_background_colour("#49F")
                ->resize($size_thumb_width,$size_thumb_height,TRUE)
                ->save($destination_thumbs . 'colour_'.$data['file_name'])
                ->resize_crop(150,150)
                ->border(5, "#ffffff")
                ->border(1, "#000000")
                ->save($destination_thumbs . 'border_'.$data['file_name'])
                ->resize_crop($size_thumb_width,$size_thumb_height)
                ->round(10)
                ->save($destination_thumbs . 'corner_'.$data['file_name'])
                ->resize_crop($size_thumb_width,$size_thumb_height)
                ->border_3d(5)
                ->save($destination_thumbs . '3d_'.$data['file_name']) ;
 
            if ($this->image_moo->errors) print $this->image_moo->display_errors();
            else {
                echo "Lihat hasilnya di folder <b>medium</b> dan <b>thumbs</b> Anda." ;
            }
        }
    }
}
?>

Jalankan dengan alamat :

http://[nama server anda]/[folder ci anda]/index.php/upload

Conto hasil :

Gambar asli : 351x480

Resize 219x300

Resize 3D 219x300

Resize Corner 219x300

Resize Border 219x300

Resize Colour 300x300

Crop 150x150

Crop 3D 150x150

Crop Border 150x150

Crop Corner 150x150

Crop Colour 150x150

Info selengkapnya tentang Image_moo dapat dilihat di websitenya di link ini.

Semoga bermanfaat.

Write Less, Do More

JQuery adalah framework Javascript yang menekankan bagaimana interaksi antara Javascript dan HTML. JQuery merupakan salah satu framework yang membuat program web di sisi klien (Achmad Solichin).

JSON (JavaScript Object Notation) adalah format pertukaran data yang ringan, mudah dibaca dan ditulis oleh manusia, serta mudah diterjemahkan dan dibuat (generate) oleh komputer. JSON merupakan format teks yang tidak bergantung pada bahasa pemprograman apapun karena menggunakan gaya bahasa yang umum digunakan oleh programmer keluarga C termasuk C, C++, C#, Java, JavaScript, Perl, Python dll. Oleh karena sifat-sifat tersebut, menjadikan JSON ideal sebagai bahasa pertukaran-data (www.json.org).

Pada tulisan kali ini, akan ditunjukkan salah satu implementasi penggunaan JSON dan JQuery dalam CodeIgniter. Pada contoh kali ini akan diimplementasi bagaimana proses pengambilan data dari database (MySQL) dengan metode GET dengan request dari klien ke server tanpa melalui proses submit.

Gambar 1. Form dropdown

Pada Gambar 1 saat user memasukkan kategori yang berupa pilihan dropdown secara otomasi nilai Input 1, Input 2, dan Input 3 terisi otomatis sesuai dengan kategorinya masing-masing.

Gambar 2. Form Input Text

Pada Gambar 2 saat user memasukkan kategori yang berupa input text dari user secara otomatis nilai Input 1, Input 2, dan Input 3 terisi secara otomasi sesuai dengan apa yang dimasukkan user.

Untuk hasil proses pada Gambar 1 dan Gambar 2 tidak perlu menggunakan proses submit ataupun perpindahan halaman. Caranya sebagai berikut :

Download JQuery disini.

(Optional) Saya menggunakan jquery-1.3.2.min.js dan biasanya saya simpan di struktur folder seperti ini :

tapi itu terserah Anda, asalkan Anda tahu lokasinya dimana, itu sudah cukup.

Membuat file ist.js yang merupakan fungsi javascript untuk meload data.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

function getData(type) {
    var kategori  = document.getElementById("kat_" + type).value;
 
    $.ajax({
        url: site_url + "/ist/" + type + "_load/" + kategori,
        dataType:"json",
        success:function(data){
            $.each(data, function(i,n){
                document.getElementById("input1_" + type).value     = n["input1"] ;
                document.getElementById("input2_" + type).value     = n["input2"] ;
                document.getElementById("input3_" + type).value     = n["input3"] ;
            });
        },
        error: function(data){
            document.getElementById("input1_" + type).value   = "" ;
            document.getElementById("input2_" + type).value   = "" ;
            document.getElementById("input3_" + type).value   = "" ;
        }
    });
}

Membuat class di controller yang diberi nama class Ist di file ist.php

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58

<?php
/**
 * Description of ist
 *
 * @author  Freddy Yuswanto
 *          email   : freddy.august@gmail.com
 *          web     : http://www.kohaci.com
 */
class Ist extends Controller {
 
    public $table   = 'jq_kategori' ;
 
    public function  __construct() {
        parent::Controller() ;
        $this->load->database() ;
        $this->load->helper('url') ;
        $this->load->helper('form') ;
    }
 
    public function index() {
        return $this->form() ;
    }
 
    public function form() {
        $query  = $this->db->get($this->table) ;
        $data['dw']['']   = '- Kategori - ' ;
        foreach ($query->result() as $q) {
            $data['dw'][$q->id]   = $q->kategori ;
        }
 
        $this->load->view('ist_view',$data) ;
    }
 
    /* URL AJAX REQUEST */
	public function select_load($id = NULL) {
        if (!empty($id)) {
            $this->db->where('id',$id) ;
            $query  = $this->db->get($this->table) ;
 
            if ($query->num_rows > 0) {
                $data[] = $query->row_array() ;
                echo json_encode($data) ;
            }
        }
    }
 
    public function input_load($kategori = NULL) {
        if (!empty($kategori)) {
            $this->db->like('kategori',$kategori) ;
            $query  = $this->db->get($this->table) ;
 
            if ($query->num_rows > 0) {
                $data[] = $query->row_array() ;
                echo json_encode($data) ;
            }
        }
    }
}

Membuat view yang diberi nama ist_view.php

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

<html>
<head>
<title>Tes</title>
 
<script src="<?php echo base_url();?>public/javascript/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="<?php echo base_url();?>public/javascript/ist.js" type="text/javascript"></script>
 
<script type="text/javascript">
// <![CDATA[
    var site_url    = "<?php echo site_url() ;?>" ;
// ]]>
</script>
 
<h1>DEMO DATA DROPDOWN</h1>
 
<p><?php echo form_dropdown('kategori_id',$dw,NULL,'id="kat_select" onchange="getData(\'select\'); return false;"') ;?></p>
<p> Input 1 <?php echo form_input('input1','','id="input1_select"') ;?></p>
<p> Input 2 <?php echo form_input('input2','','id="input2_select"') ;?></p>
<p> Input 3 <?php echo form_input('input3','','id="input3_select"') ;?></p>
 
<h1>DEMO DATA TEXT</h1>
<p>
    <?php echo form_input('kategori','','id="kat_input" onkeypress="getData(\'input\');"') ;?>
    <em>(exp. hewan, kendaraan, angkutan, makan, minum)</em>
</p>
<p> Input 1 <?php echo form_input('input1','','id="input1_input"') ;?></p>
<p> Input 2 <?php echo form_input('input2','','id="input2_input"') ;?></p>
<p> Input 3 <?php echo form_input('input3','','id="input3_input"') ;?></p>
 
</body>
</html>

Dan terakhir jangan lupa, databasenya. Untuk contoh kali ini tabel yang kita pakai adalah jq_kategori .

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

CREATE TABLE IF NOT EXISTS `jq_kategori` (
  `id` INT(10) UNSIGNED NOT NULL AUTO_INCREMENT,
  `kategori` VARCHAR(45) NOT NULL,
  `input1` VARCHAR(45) NOT NULL,
  `input2` VARCHAR(45) NOT NULL,
  `input3` VARCHAR(45) NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=MyISAM  DEFAULT CHARSET=latin1 AUTO_INCREMENT=6 ;
 
INSERT INTO `jq_kategori` (`id`, `kategori`, `input1`, `input2`, `input3`) VALUES
(1, 'Kendaraan', 'Motor', 'Mobil', 'Kapal'),
(2, 'Angkutan Umum', 'Bajaj', 'Ojek', 'Bus'),
(3, 'Makanan', 'Sate', 'Bakso', 'Dendeng Batokok'),
(4, 'Hewan', 'Sapi', 'Kambing', 'Ular'),
(5, 'Minuman', 'Orange Juice', 'Teh Manis', 'Kopi');

Sebelum mencoba jangan lupa, set base_url dan database di config CodeIgniter sesuai dengan aturan CodeIgniter. Dan jalankan alamat berikut :

http://[nama server anda]/[folder ci anda]/index.php/ist

Selamat mencoba, dan jika bingung jangan ragu untuk bertanya. Happy Coding.

Demo.

Download source code lengkap di sini.

	function contoh_fungsi($a = NULL, $b = 8, $c = NULL, $d = 'D', $e = '150', $f = '30', $g = NULL, $h = 7200) {
		// bla ... bla ..
	}

Kode di atas benar, dan tentu aja gak salah sama sekali ^-^ . Tapi sungguh menyenangkan (bagi gw) jika disederhanakan lagi fungsinya menjadi :

       function contoh_fungsi($data = array()) {
		// bla ... bla ..
	}

Lho kok bisa?

Kembali ke contoh kode awal, jika ingin mengganti value dari variable $a saja :

	$a	= 3600
	contoh_fungsi($a) ;

Begitupun kalau gak ada value default yang berubah

	contoh_fungsi() ;

Tapi yang menjadi persoalan gimana kalau kita hanya ingin mengganti value dari variable $h saja, dengan cara penulisan di atas maka cara memanggilnya adalah .

	$h	= 3600
	contoh_fungsi('',8,'','D','150','30','', $h) ;

Bukan masalah panjangnya, yang repot adalah gw harus tahu nilai default dari masing-masing variable , dan variablenya itu ada banyak. Karena daya ingat gw gak terlalu terlalu , bagi gw itu cukup merepotkan jika memanggil fungsi tersebut jika hanya mengubah satu variable defaultny saja yang kebetulan ada posisi akhir.

So, lebih baik dibikin alternatif, manfaatkan fleksibiltas variable di PHP yang on-the-fly (kata sebagian orang). Kata kuncinya adalah “value to variable” , maksudnya mengubah value menjadi variable , misalkan ada value “hai” maka akan dijadikan $hai.

contoh :

2
3
4
5

$var	= "hai" ;
$$var	= "freddy ganteng" ;
 
echo "$var $hai" ; // print "hai freddy ganteng"

Modifikasi untuk fungsi di atas

2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

function contoh_fungsi($data = array()) {
	$defaults = array('a' => NULL, 'b' => 8, 'c' => NULL, 'd' => 'D', 'e' => '150', 'f' => '30', 'g' => NULL, 'h' => 7200);
 
	foreach ($defaults as $key => $val) {
		$$key = ( ! isset($data[$key])) ? $val : $data[$key];
	}
 
	// bla .. bla ..
	// contoh bla .. bla ..
	echo 	"a => ",$a,"<br />",
		"b => ",$b,"<br />",
		"c => ",$c,"<br />",
		"d => ",$d,"<br />",
		"e => ",$e,"<br />",
		"f => ",$f,"<br />",
		"g => ",$g,"<br />",
		"h => ",$h ;
}
 
// Cara memanggil
$data	= array('a' => 3, 'h' => 2500) ;
contoh_fungsi($data) ;

Semoga berguna. CMIIW.

From Paris With Love

Dari judulnya gw kira film lope-lope gitu, tapi ngelihat posternya dimana John Travolta lagi megang bazoka membuat gw berpikir ulang lagi kalau ini sebenarnya film bergenre apa??

Mengambil setting di Paris (ye.. namanya aja From Paris With Love) berkisah tentang seorang sekretaris duta besar AS di Prancis yang juga berprofesi sebagai agen mata-mata untuk AS. Ia ingin mendapat pekerjaan besar, yaitu langsung beraksi di lapangan. Pada saat keinginannya dikabulkan dia dipertemukan dengan John Travolta, partnernya. Saat itulah aksi menegangkan dimulai. John Travolta seperti biasa, cukup lihai memerankan agen yang nyentrik dan kalau boleh dibilang agak-agak pyscho .. gak kenal kompromi, tembak-tembak aja.. “if i said shoot the fucker, shoot the fucker!!!”

Nah kata “Love” itu maksdunya apa? Saat film pertama dimulai akan disambut dengan lagu-lagu romantis … cium sana cium sini, sebentar setelah itu langsung DAR .. DER .. DOR .. dan saat akhir cerita, si pemeran utama mulai merayu dengan kata “LOVE … ” walau akhirnya tetap aja DAR .. DER .. DOR !!! eh gak dink .. cuma “DOR” aja …

Gak spoiler kan? nonton aja.

Last Chance Harvey

Last Chance Harvey

Nih film 2008. Yah .. genrenya drama-drama gitu. Gw lumayan suka film-film romantis tapi meraninnya orang-orang tua .. kesannya giman gitu .. * atau gw-nya aja yang udah ketuaan ya .. ? * Yah lebih mendingan lah dari kisah romantis teenlit ya .. :fd_2:

Kisah si Harvey (Dustin Hoffman – untuk selanjutnya gw sebut nama asli pemeran nya aja ya) yang mengalami pemerosotan dalam karir. Pada saat itu pula dia harus menghadiri acara perkawinannya di London. Betapa kecewanya ia waktu tahu putrinya lebih memilih ayah tirinya untuk menyampaikan pidato penyambutan selamat dari pihak keluarga.

Pada tokoh yang lain, ada Emma Thompson (gw lupa dia meranin sebagai apa) yang selalu diteror oleh ibunya untuk segera mencari pasangan. Usahapun dilakukan seperti blind date, but .. always failed!

Pada saat sama-sama kondisi putus asa mereka bertemu, berbincang-bincang , dan bla … bla … akhirnya cocok … yah you can guess that!

Yang pengen romantis-romantis, tapi kayaknya khusus orang-orang tua deh .. :tkp2:

(500) Days Summer

(500) Days Summer

Dari awal si narator film udah ngomong kalau film ini bukan love story, tapi gw tetap mengharapkan kalau ini adalah the naked love story!!

Film yang satu ini top markotop, dan sampai sekarang gw heran kenapa film ini gak satupun masukan nominasi Oscar, padahal dari set dan alur sampai tokohnya 90% perfect. Cerita tentang John-Levit (benar gak sih nama tokohnya gitu) jatuh cinta dengan cewek bernama Summer Finn (entah siapa nama aslinya yang jelas mirip Katy Perry). Berhubungan .. dekat.. tetapi dengan status tidak jelas . Yah intinya bercerita tentang pria yang kisah cintanya yang tidak berbalas .. nion-60:

Salut pada Marc Webb sang director , gw benar-benar suka cara dia memplot alur cerita filmnya, diputar-putar tetapi terstruktur rapi, (berbeda dengan C. Nolan yang memang seni abstraknya mengacaukan alur, sehingga perlu nonton lebih sekali untuk memahami jalan ceritanya). Dan makin penasaran lagi gimana ntar dia menyutradai Spiderman 4 ya ? Ditunggu banget!

Eternal Sunshine Of The Spotless Mind

Drama romantis dibalut dengan gaya-gaya fantasy. Berkisah tentang Jim Carrey punya pacar (Kate Winslet), tiba-tiba saat dia berkunjung di tempat kerja pacarnya, pacarnya nggak ingat apa-apa tentang ia. Merasa dicampakkan , Jim mencari tahu mengapa. Dan ternyata Kate telah melakukan pencucian otak untuk menghapus kenangan tentang Jim di memori Kate melalui seorang dokter. Sekali lagi, merasa dicampakkan , Jim pun ikut-ikutan untuk melakukan penghapusan memory tentang Kate di otaknya. Dari sanalah petualangan dimulai, petualangan dari alam bawah sadar Jim untuk menghapus segala memorynya bersama Kate.

Yang gw suka, cara-cara fantasy yang dilakukan, penggambaran bagaimana satu per satu kenangan terhadap sang kekasih terhapus. Saat penghapusan hampir selesai, Jim (dari alam bawah sadarnya) sadar bahwa ia masih cinta, dan tidak ingin menghapus ingatan tentang Kate. Berhasilkah? Apakah kekuatan cinta mampu menggagalkan mesin penghapusan memory tersebut? Waaaa .. lebay … nion-90: