.:: Kohaci Site ::. » PHP http://kohaci.com Sat, 09 Jul 2011 12:06:38 +0000 en hourly 1 http://wordpress.org/?v=3.3 Enkripsi Teks di CodeIgniter http://kohaci.com/2011/07/09/enkripsi-teks-di-codeigniter.html http://kohaci.com/2011/07/09/enkripsi-teks-di-codeigniter.html#comments Sat, 09 Jul 2011 12:06:38 +0000 kohaci http://kohaci.com/?p=317 Jika Ada mengaktifkan $config['sess_encrypt_cookie'] = TRUE di config.php , saat mencoba buka cookies Anda dengan print_r($_COOKIE) , maka hasil cetak yang keluar adalah data cookies Anda tapi sudah terenkripsi sehingga sulit dibaca. Tapi jika menonaktifkan $config['sess_encrypt_cookie'] = FALSE saat dicetak akan muncul data cookies Anda dalam format JSON yang bisa dipahami. Proses tersebut disebut enkripsi, salah satu faktor mengapa proses itu ada adalah karena faktor keamanan. Penjelasan lengkap bisa dibaca di CodeIgniter User Guide.

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.

]]> http://kohaci.com/2011/07/09/enkripsi-teks-di-codeigniter.html/feed 1 Template Engine Sederhana http://kohaci.com/2011/03/08/template-engine-sederhana.html http://kohaci.com/2011/03/08/template-engine-sederhana.html#comments Tue, 08 Mar 2011 01:50:52 +0000 kohaci http://kohaci.com/?p=307 .php

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

Struktur sederhana
Struktur sederhana

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.

]]> http://kohaci.com/2011/03/08/template-engine-sederhana.html/feed 0 [Update] FusionCharts (Free) + CodeIgniter http://kohaci.com/2010/10/26/update-fusioncharts-free-codeigniter.html http://kohaci.com/2010/10/26/update-fusioncharts-free-codeigniter.html#comments Tue, 26 Oct 2010 09:27:59 +0000 kohaci http://kohaci.com/?p=283 www.fusioncharts.com

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

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

Contoh dengan Column 3D

Semoga bermanfaat. CMIIW. :)

Demo dapat didownload di link ini.

]]> http://kohaci.com/2010/10/26/update-fusioncharts-free-codeigniter.html/feed 17 Upload and Crop Image with CodeIgniter and JQuery Image Area Select http://kohaci.com/2010/10/25/upload-and-crop-image-with-codeigniter-and-jquery-image-area-select.html http://kohaci.com/2010/10/25/upload-and-crop-image-with-codeigniter-and-jquery-image-area-select.html#comments Mon, 25 Oct 2010 05:34:15 +0000 kohaci http://kohaci.com/?p=278 JQuery Crop

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 :

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

Struktur folder

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. ;)

]]> http://kohaci.com/2010/10/25/upload-and-crop-image-with-codeigniter-and-jquery-image-area-select.html/feed 22 Image Manipulation with Image_moo’s library (CodeIgniter) http://kohaci.com/2010/10/24/image-manipulation-with-image_moos-library-codeigniter.html http://kohaci.com/2010/10/24/image-manipulation-with-image_moos-library-codeigniter.html#comments Sun, 24 Oct 2010 10:45:20 +0000 kohaci http://kohaci.com/?p=267 Image Manipulation

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

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

Gambar asli : 351x480

Resize 219x300

Resize 219x300

Resize 3D 219x300

Resize 3D 219x300

Resize Corner 219x300

Resize Corner 219x300

Resize Border 219x300

Resize Border 219x300

Resize Colour 300x300

Resize Colour 300x300

Crop 150x150

Crop 150x150

Crop 3D 150x150

Crop 3D 150x150

Crop Border 150x150

Crop Border 150x150

Crop Corner 150x150

Crop Corner 150x150

Crop Colour 150x150

Crop Colour 150x150

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

Semoga bermanfaat.

]]> http://kohaci.com/2010/10/24/image-manipulation-with-image_moos-library-codeigniter.html/feed 6 CodeIgniter + JQuery + JSON http://kohaci.com/2010/10/23/codeigniter-jquery-json-2.html http://kohaci.com/2010/10/23/codeigniter-jquery-json-2.html#comments Sat, 23 Oct 2010 09:24:16 +0000 kohaci http://kohaci.com/?p=261 Write Less, Do More

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

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.

]]> http://kohaci.com/2010/10/23/codeigniter-jquery-json-2.html/feed 0 Value to Variable http://kohaci.com/2010/03/24/value-to-variable.html http://kohaci.com/2010/03/24/value-to-variable.html#comments Wed, 24 Mar 2010 07:48:08 +0000 kohaci http://kohaci.com/?p=249 Seringkali gw melihat kode fungsi yang dtuliskan seperti bawah ini

	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 :D , 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.

]]> http://kohaci.com/2010/03/24/value-to-variable.html/feed 10 Menghindari duplikasi nama file saat proses upload http://kohaci.com/2009/09/04/menghindari-duplikasi-nama-file-saat-proses-upload.html http://kohaci.com/2009/09/04/menghindari-duplikasi-nama-file-saat-proses-upload.html#comments Fri, 04 Sep 2009 07:37:44 +0000 kohaci http://kohaci.com/?p=216 Seringkali kita membuat kode (PHP) untuk membuat upload file seperti di bawah ini :

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

// Folder tempat isi file upload
$dir		= "upload/" ;
 
// Nama File yang diupload
$filename	= $_FILES['upload']['name'] ;
 
// Spesifikasi lokasi file yang akan diupload
$target_dir = $dir . $filename ;
 
// upload
if(move_uploaded_file($_FILES['upload']['tmp_name'], $target_dir))
	return TRUE ;
else 
	return FALSE ;

Kode di atas memiliki kelemahan, salah satunya adalah jika diupload file berkas.odt kedalam folder “upload“, dimana sebelumnya di dalam folder upload telah ada file berkas.odt, maka berkas.odt yang lama akan te-replace oleh berkas.odt yang baru. Mungkin tidak akan ada masalah jika file-file tersebut serupa dan sama. Tapi jika file-file tersebut serupa tapi tidak sama (maksudnya nama file sama tetapi isi atau konten di dalamnya berbeda), tentu proses pengoleksian file-file yang telah diupload menjadi kacau, dan pasti kode di atas salah.

Untuk itu perlu diperbaiki kode program di atas untuk menghindari terjadi duplikasi nama file saat proses upload.

Berikut contoh kode perbaikannya :

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

// Folder tempat isi file upload
$dir		= "upload/" ;
 
// Nama file yang diupload
$filename	= $_FILES['upload']['name'] ;
 
// Spesifikasi lokasi file yang akan diupload
$target_dir = $dir . $filename ;
 
/* 
* Gunakan fungsi file_exists() untuk memeriksa apakah 
* file X telah ada sebelumnya di folder Y 
*/
if(file_exists($target_dir)) {
	/* 
	* Iterasi sampai 100 dg asusmi file duplikasi (bernama sama) itu maksimal 100, 
	* lebih dari itu ... TERLALU (mode on Bang Rhoma) :-p
	*/
	for($i = 1; $i < 100; $i++) { 
		$target_dir = $dir . $i . '-' . $filename ;
		/* 
		* Misal file berkas.odt ada di folder sebelumnya, 
		* maka file berkas.odt yang baru akan direname menjadi 1-berkas.odt
		*/
		if(!file_exists($target_dir)) break;
	}
}
 
// upload
if(move_uploaded_file($_FILES['upload']['tmp_name'], $target_dir)) 
	return TRUE ;
else 
	return FALSE ;

Selamat mencoba. CMIIW.

]]> http://kohaci.com/2009/09/04/menghindari-duplikasi-nama-file-saat-proses-upload.html/feed 6 Tip dan Trik Optimasasi Query SQL (bag 1) http://kohaci.com/2009/03/27/tip-dan-trik-optimasasi-query-sql-bag-1.html http://kohaci.com/2009/03/27/tip-dan-trik-optimasasi-query-sql-bag-1.html#comments Fri, 27 Mar 2009 00:43:17 +0000 kohaci http://kohaci.com/?p=167 Misalkan gw punya tiga tabel di database yang mana ketiga database tersebut saling berhubungan , yaitu Tabel Mahasiswa , MataKuliah, dan Mahasiswa_MataKuliah .

Tabel Mahasiswa terdiri dari dua kolom , yaitu : ID_Mahasiswa dan Nama_Mahasiswa. Tabel MataKuliah terdiri dari dua kolom, yaitu ID_MataKuliah dan Nama_MataKuliah. Dan terakhir tabel Mahasiswa_MataKuliah yang terdiri dari ID_Mahasiswa dan ID_MataKuliah. Tabel terakhir menunjukkan hubungan antara Mahasiswa dan MataKuliah yang bersifat many to many, dimana satu mahasiswa bisa memiliki banyak mata kuliah dan begitu juga sebaliknya.

Proses Pertama : INSERT .

Anggap semua terjadi dalam satu proses sekaligus.

Cara primitif :D :

<?php
 
// INSERT Mahasiswa
$sql_mahasiswa	= mysql_query("INSERT INTO Mahasiswa VALUES (NULL, '".$Nama_Mahasiswa."')") ;
 
// INSERT MataKuliah
$sql_matakuliah	= mysql_query("INSERT INTO Mahasiswa VALUES (NULL, '".$Nama_MataKuliah."')") ;
 
// Ambil ID Mahasiswa yang baru dimasukkan
$sql_id_mahasiswa	= mysql_query("SELECT ID_Mahasiswa FROM Mahasiswa ORDER BY ID_Mahasiswa DESC LIMIT 1") ;
$rs_id_mahasiswa	= mysql_fetch_array($sql_id_mahasiswa) ;
// dan bla... bla.. sehingga
$ID_Mahasiswa		= $rs_id_mahasiswa['ID_Mahasiswa'] ;
 
// Ambil ID MataKuliah yang baru dimasukkan
$sql_id_matakuliah	= mysql_query("SELECT ID_MataKuliah FROM MataKuliah ORDER BY ID_MataKuliah DESC LIMIT 1") ;
$rs_id_matakuliah	= mysql_fetch_array($sql_id_matakuliah) ;
// dan bla... bla.. sehingga
$ID_MataKuliah		= $rs_id_matakuliah['ID_MataKuliah'] ;
 
// Sehingga tinggal dimasukkan ke Tabel Mahasiswa_MataKuliah
$sql_mahasiswa_matakuliah	= mysql_query("INSERT INTO Mahasiswa_MataKuliah VALUES ('".$ID_Mahasiswa."','".$ID_MataKuliah."')") ;	
 
?>

Cara optimasasi :

<?php
// INSERT Mahasiswa
$sql_mahasiswa	= mysql_query("INSERT INTO Mahasiswa VALUES (NULL, '".$Nama_Mahasiswa."')") ;
 
// INSERT MataKuliah
$sql_matakuliah	= mysql_query("INSERT INTO Mahasiswa VALUES (NULL, '".$Nama_MataKuliah."')") ;
 
// Langsung dimasukkan ke tabel Mahasiswa_MataKuliah
$sql_mahasiswa_matakuliah	= mysql_query("INSERT INTO Mahasiswa_Matakuliah
							SELECT 	(SELECT ID_Mahasiswa FROM Mahasiswa ORDER BY ID_Mahasiswa DESC LIMIT 1),
								(SELECT ID_MataKuliah FROM MataKuliah ORDER BY ID_MataKuliah DESC LIMIT 1)
						") ;
// ATAU .... ?
?>

Proses Kedua : READ

<?php
// Proses read dengan mengambil seluruh mahasiswa berikut mata kuliah yang diambilnya
$sql	= mysql_query("
			SELECT Nama_Mahasiswa, Nama_MataKuliah 
				FROM Mahasiswa M, MataKuliah MK, Mahasiswa_MataKuliah MM 
				WHERE 	MM.ID_Mahasiswa	= M.ID_Mahasiswa AND
					MM.ID_MataKuliah= MK.ID_Mahasiswa
		") ;
 
 
// Proses read dengan megambil beberapa mahasiswa ($limit) berikut mata kuliah yang diambilnya
// $limit = batasan yang ditampilkan
// $start = mulai dari baris berapa ditampilkan
$sql	= mysql_query("
			SELECT Nama_Mahasiswa, Nama_MataKuliah 
				FROM 	(SELECT ID_Mahasiswa, Nama_Mahasiswa FROM Mahasiswa LIMIT ".$start.",".$limit.") M, 
					MataKuliah MK, Mahasiswa_MataKuliah MM 
				WHERE 	MM.ID_Mahasiswa	= M.ID_Mahasiswa AND
					MM.ID_MataKuliah= MK.ID_Mahasiswa
		") ;
 
 
?>

Semoga bermanfaat . Good Luck.

]]> http://kohaci.com/2009/03/27/tip-dan-trik-optimasasi-query-sql-bag-1.html/feed 4 Trik Menghapus Method Index di CI (Kasus : Pagination) http://kohaci.com/2009/03/20/trik-menghapus-method-index-di-ci.html http://kohaci.com/2009/03/20/trik-menghapus-method-index-di-ci.html#comments Fri, 20 Mar 2009 07:05:36 +0000 kohaci http://kohaci.com/?p=162 Umumnya jika membuat pagination di CI, dasarnya seperti ini :

class Blog extends Controller {
 
    public function  __construct() {
        parent::Controller();
    }
 
    public function index() {
        $this->load->library('pagination');
 
        $config['base_url'] = site_url('blog/index') ; 
        $config['total_rows'] = '200';
        $config['per_page'] = '20';
 
        $this->pagination->initialize($config);
 
        echo $this->pagination->create_links();
    }
 
}

 

Tautannya akan membentuk seperti ini :

www.example.com/blog/index/10

Dengan Blog sebagai nama class dan index sebagai nama method. Permasalahannya saat ini gw pengen menghapus nama methodnya, sehingga di URL akan kelihatan seperti ini :

www.example.com/blog/10

Cara dengan menambahkan method _remap() , source codenya akan seperti ini :

 class Blog extends Controller {
 
    public function  __construct() {
        parent::Controller();
    }
 
    public function index($page = 0) {
        $this->load->library('pagination');
 
        $config['base_url'] = site_url('blog') ; 
        $config['total_rows'] = '200';
        $config['per_page'] = '20';
        $config['cur_page'] = $page; // Halaman terakhir yang dilihat
 
        $this->pagination->initialize($config);
 
        echo $this->pagination->create_links();
    }
 
    // Method untuk menyederhanakan URI
    public function _remap($method) {
        $this->index($method) ;
    }
}

Pengembangannya selanjutnya diserahkan kepada pembaca. Happy coding!

]]> http://kohaci.com/2009/03/20/trik-menghapus-method-index-di-ci.html/feed 1