Langkah2 Installnya :

1. Download this extension at my GitHub Repository: https://github.com/MeiSign/yii-chartjs
2. Extract the yii-chartjs folder to the extension folder of your yii app (myApp/protected/extensions)
3. Add to you main.php config (myApp/protected/config/main.php)

Yii::setPathOfAlias('chartjs', dirname(__FILE__).'/../extensions/yii-chartjs');

1. Add in the component section of your main.php config (myApp/protected/config/main.php)

'components' => array(
    ...,
    'chartjs' => array('class' => 'chartjs.components.ChartJs'),
)

1. Add in the preload section of your main.php config(myApp/protected/config/main.php)

'preload' => array(
            'chartjs'
        ),

1. Use the widgets:

Bar Chart

 
        $this->widget(
            'chartjs.widgets.ChBars', 
            array(
                'width' => 600,
                'height' => 300,
                'htmlOptions' => array(),
                'labels' => array("January","February","March","April","May","June"),
                'datasets' => array(
                    array(
                        "fillColor" => "#ff00ff",
                        "strokeColor" => "rgba(220,220,220,1)",
                        "data" => array(10, 20, 30, 40, 50, 60)
                    )       
                ),
                'options' => array()
            )
        ); 
    ?>

Line Chart

 
        $this->widget(
            'chartjs.widgets.ChLine', 
            array(
                'width' => 600,
                'height' => 300,
                'htmlOptions' => array(),
                'labels' => array("January","February","March","April","May","June"),
                'datasets' => array(
                    array(
                        "fillColor" => "rgba(220,220,220,0.5)",
                        "strokeColor" => "rgba(220,220,220,1)",
                        "pointColor" => "rgba(220,220,220,1)",
                        "pointStrokeColor" => "#ffffff",
                        "data" => array(10, 20, 25, 25, 50, 60)
                    ),
                    array(
                        "fillColor" => "rgba(220,220,220,0.5)",
                        "strokeColor" => "rgba(220,220,220,1)",
                        "pointColor" => "rgba(220,220,220,1)",
                        "pointStrokeColor" => "#ffffff",
                        "data" => array(55, 50, 45, 30, 20, 10)
                    )      
                ),
                'options' => array()
            )
        ); 
    ?>

Radar Chart

 
        $this->widget(
            'chartjs.widgets.ChRadar', 
            array(
                'width' => 600,
                'height' => 300,
                'htmlOptions' => array(),
                'labels' => array("January","February","March","April", "May"),
                'datasets' => array(
                    array(
                        "fillColor" => "rgba(220,220,220,0.5)",
                        "strokeColor" => "rgba(220,220,220,1)",
                        "pointColor" => "rgba(220,220,220,1)",
                        "pointStrokeColor" => "#ffffff",
                        "data" => array(5, 15, 50, 25, 35)
                    ),
                    array(
                        "fillColor" => "rgba(220,220,220,0.5)",
                        "strokeColor" => "rgba(220,220,220,1)",
                        "pointColor" => "rgba(220,220,220,1)",
                        "pointStrokeColor" => "#ffffff",
                        "data" => array(55, 50, 45, 30, 20)
                    )      
                ),
                'options' => array()
            )
        ); 
    ?>

Polar Area Chart

 
        $this->widget(
            'chartjs.widgets.ChPolar', 
            array(
                'width' => 600,
                'height' => 300,
                'htmlOptions' => array(),
                'drawLabels' => true,
                'datasets' => array(
                    array(
                        "value" => 50,
                        "color" => "rgba(220,30, 70,1)",
                        "label" => "Hunde"
                    ),
                    array(
                        "value" => 25,
                        "color" => "rgba(66,66,66,1)",
                        "label" => "Katzen"
                    ),
                    array(
                        "value" => 40,
                        "color" => "rgba(100,100,220,1)",
                        "label" => "Vögel"
                    ),
                    array(
                        "value" => 15,
                        "color" => "rgba(20,120,120,1)",
                        "label" => "Mäuse"
                    )
                ),
                'options' => array()
            )
        ); 
    ?>

Pie Chart

 
            $this->widget(
                'chartjs.widgets.ChPie', 
                array(
                    'width' => 600,
                    'height' => 300,
                    'htmlOptions' => array(),
                    'drawLabels' => true,
                    'datasets' => array(
                        array(
                            "value" => 50,
                            "color" => "rgba(220,30, 70,1)",
                            "label" => "Hunde"
                        ),
                        array(
                            "value" => 25,
                            "color" => "rgba(66,66,66,1)",
                            "label" => "Katzen"
                        ),
                        array(
                            "value" => 40,
                            "color" => "rgba(100,100,220,1)",
                            "label" => "Vögel"
                        ),
                        array(
                            "value" => 15,
                            "color" => "rgba(20,120,120,1)",
                            "label" => "Mäuse"
                        )
                    ),
                    'options' => array()
                )
            ); 
        ?>

Doughnut Chart

 
        $this->widget(
            'chartjs.widgets.ChDoughnut', 
            array(
                'width' => 600,
                'height' => 300,
                'htmlOptions' => array(),
                'drawLabels' => true,
                'datasets' => array(
                    array(
                        "value" => 50,
                        "color" => "rgba(220,30, 70,1)",
                        "label" => "Hunde"
                    ),
                    array(
                        "value" => 25,
                        "color" => "rgba(66,66,66,1)",
                        "label" => "Katzen"
                    ),
                    array(
                        "value" => 40,
                        "color" => "rgba(100,100,220,1)",
                        "label" => "Vögel"
                    ),
                    array(
                        "value" => 15,
                        "color" => "rgba(20,120,120,1)",
                        "label" => "Mäuse"
                    )
                ),
                'options' => array()
            )
        ); 
    ?>

A papercraft is a folded model of a character. To create my papercraft I used Adobe Illustrator and a papercraft template. I began by designing the face of Lightning McQueen and then moving on to the lightning bolts and the rest of the body. I chose Lightning McQueen because I love the movie Cars and he is one of the main characters. McQueen has simple shaped features and with the tools on Illustrator I knew it would be easy to create him.

Silahkan dicoba, tinggal klik aja polanya, ntar save image as ke komputer kamu ... print dan buat deh. Sebaiknya menggunakan kertas yang agak tebal atau semacam kertas manila ukuran A4 - lem UHU :) Kalo polanya tlalu kecil ... besarkan aja pakai resize image adobe photoshop atau yang lain.

Silahkan mencoba ...

Silahkan dicoba, tinggal klik aja polanya, ntar save image as ke komputer kamu ... print dan buat deh. Sebaiknya menggunakan kertas yang agak tebal atau semacam kertas manila ukuran A4 - lem UHU :) Kalo polanya tlalu kecil ... besarkan aja pakai resize image adobe photoshop ato yang lain.

Silahkan mencoba ...

 

Silahkan dicoba, tinggal klik aja polanya, ntar save image as ke komputer kamu ... print dan buat deh. Sebaiknya menggunakan kertas yang agak tebal atau semacam kertas manila ukuran A4 - lem UHU :) Kalo polanya tlalu kecil ... besarkan aja pakai resize image adobe photoshop ato yang lain.

Silahkan mencoba ...

Danboard memiliki sebutan singkat yaitu Danbo yang terbuat dari kertas karton board. Azuma Kiyohiko adalah pencipta dari boneka Danbo yang juga merupakan komikus serial manga Yotsuba. Melalui internet, boneka ini juga bisa dibeli yaitu lewat situs Amazon, harga boneka danbo ini pun tidaklah murah, kurang lebih Rp. 250.000 sampai Rp. 500.000. Terdapat beberapa bagian tubuh yang bisa digerakkan oleh karena itu kita dapat mendapatkan pose yang diinginkan dari boneka lucu Danbo ini

Bahan dan Alat

• Kertas (kertas untuk menjillid/karton tebal 2 lembar ukuran A4/kertas krep)
• Penggaris
• Gunting
• Silet karter
• Lem Kertas

Rancangan / Model Danbo Papercraft

Silahkan dicoba, tinggal klik aja polanya, ntar save image as ke komputer kamu ... print dan buat deh. Sebaiknya menggunakan kertas yang agak tebal atau semacam kertas manila ukuran A4 - lem UHU :) Kalo polanya tlalu kecil ... besarkan aja pakai resize image adobe photoshop ato yang lain.

Silahkan mencoba ...