Zack Notes

CKEditor in CodeIgniter

Written by Zack Sunday, 29 August 2010 22:32

ကြၽန္ေတာ္ ဒီ Post မွာ CKEditor ကို CodeIgniter မွာ ဘယ္လိုေပါင္း ထည့္မလဲ ဆိုတဲ့ Tutorial ကိုေရးမွာ ျဖစ္ပါတယ္။ ဒါေၾကာင့္ CI မွာ Helper ေတြ၊ Library ေတြကို ဘယ္လိုေပါင္းထည့္လို႕ ရတယ္ ဆိုတာကို ေရးထားတဲ့ ဒီ Post ကိုအရင္ ဖတ္ထားဖို႔ လိုပါတယ္။

CI ထဲကို ေပါင္းထည့္မယ့္ CKEditor အေၾကာင္းေလး ဗဟုသုတ အျဖစ္ နဲနဲၾကည္ လိုက္ရေအာင္။ CKEditor ဆိုတာကေတာ့ Web ေပၚမွာ user friendly ျဖစ္ေအာင္ လုပ္ေပးထားတဲ့ WYSIWYG editor အမ်ိဳးအစားပဲ ျဖစ္ပါတယ္။ WYSIWYG ကဆိုတာကေတာ့ What-You-See-Is-What-You-Get ကိုေျပာတာ ျဖစ္ပါတယ္။ ကြၽန္ေတာ္တို႔ Word ထဲမွာ Font Size, Font color, Font Style ေတြ၊ Number & Bullet ေတြ၊ Table Format ေတြကို အလြယ္တကူ လုပ္ႏိုင္ သလိုမ်ိဳး Web Page ေတြမွာ CKEditor ကိုသုံးျပီး လုပ္ႏိုင္ပါတယ္။ Web based ျဖစ္တာေၾကာင့္ Word ကိုေတာ့ Feature ေတြအကုန္ ယွဥ္လို႕ မရေပမယ့္ အသုံးဝင္တဲ့ Editor တစ္ခု ျဖစ္တာကေတာ့ အေသအခ်ာပါပဲ ခင္ဗ်ာ။ CKEditor ဆိုတာကေတာ့ 2003 ေလာက္ထဲက စတင္ခဲ့တဲ့ FCKEditor ရဲ႕ new generation အျဖစ္ 2009 မွာေျပာင္းလဲ ခဲ့တာျဖစ္ပါတယ္။

ဒါေၾကာင့္ ခုခ်ိန္မွာ Google မွာ FCKEditor လို႔ရွာရင္လဲ CKEditor ကိုပဲ ေတြ႔ရပါ လိမ့္မယ္။

အဲဒီ အသုံးဝင္တဲ့ကို CI ထဲကို ဘယ္လို ေပါင္းထည့္ မလဲ ဆိုတာ ဆက္ၾကည့္ ရေအာင္။

1) Download CKEditor

ဒီမွာ CKEditor ကို အရင္ Download လုပ္ဖို႔ လိုပါတယ္။

2) Create folder in CI for CKEditor

Download လုပ္ထားတဲ့ Folder ကိုဖြင့္ လိုက္လို႕  _samples ၊  _sources folder ေတြကိုေတြ႔ ခဲ့ရင္ေတာ့  အဲဒီ Folder ေတြ မရွိလည္း အလုပ္လုပ္တာမို႔ Delete လုပ္ျပစ္ရင္ ပိုေကာင္းပါတယ္။ မလုပ္လဲ ျပသနာ မရွိေသာ္လည္း server ေပၚအတင္အခ်ေတြမွာ အခ်ိန္ၾကာတာေတြ ျဖစ္ေစႏိုင္ပါတယ္။ ျပီးရင္ေတာ့ js folder ကို system folder နဲ႔ level တူေဆာက္ေပးျပီး အဲဒီေအာက္မွာ ckeditor ဆိုျပီး ေနာက္ folder တစ္ခုထပ္ေဆာက္ျပီး ခုနက _samples ၊  _sources folder ေတြ Delete လုပ္ျပီး က်န္ေနတဲ့ files ေတြ၊ folders ေတြ အားလုံးကို အဲဒီ ေအာက္မွာ copy ကူးျပီး ထည့္လိုက္ပါ။ Folder Structure ကိုၾကည့္မယ္ ဆိုရင္ေတာ့

3) Add CKEditor Helper in CI

ဒီအဆင့္မွာ helper file ေရးရမွာ ျဖစ္လို႕ application/helpers ေအာက္မွာ file အသစ္ တစ္ခု ေရးျပီးထည့္ ေပးရပါမယ္။ ဒီမွာ ေရးျပေနရင္ အရွည္ၾကီး ျဖစ္သြားမွာ စိုးတာေၾကာင့္ ဒီေနရာမွာ Download လုပ္ျပီး application/helpers ကိုထည့္ေပး လိုက္ပါ။ File name ကိုေတာ့ ckeditor_helper.php လို႔ေပး လိုက္ပါ။ အဲဒီ file ကို ဖြင့္ၾကည့္မယ္ ဆိုရင္ CKEditor ကိုသုံးရန္ လိုအပ္တဲ့ Function ေတြကို စုေရးထားတာ ေတြ႔ရပါမယ္။ Author ေရးထားတဲ့ အတိုင္းသုံးရတာ အဆင္ေျပေနတဲ့ အတြက္ျပင္ေနဖို႔ မလိုပါ။

4) Create Controller

ကြၽန္ေတာ္ထည့္လိုက္တဲ့ helper ကိုျပန္ေခၚဖို႔ Controller ကိုဆက္ လုပ္ပါမယ္။ ckeditor.php လို႔ နာမည္ေပးျပီး ဒီ code ေလးကိုထည့္ ေပးလိုက္ပါ။

<?php

class Ckeditor extends Controller {
   
    public $data     =     array();
   
    public function __construct() {
       
        parent::Controller();

        $this->load->helper('url'); //You should autoload this one ;)
        $this->load->helper('ckeditor');
       
        //Ckeditor's configuration
        $this->data['ckeditor'] = array(
       
            //ID of the textarea that will be replaced
            'id'     =>     'content',
            'path'    =>    'js/ckeditor',
       
            //Optionnal values
            'config' => array(
                'toolbar'     =>     "Full",     //Using the Full toolbar
                'width'     =>     "550px",    //Setting a custom width
                'height'     =>     '100px',    //Setting a custom height
                   
            ),
       
            //Replacing styles from the "Styles tool"
            'styles' => array(
           
                //Creating a new style named "style 1"
                'style 1' => array (
                    'name'         =>     'Blue Title',
                    'element'     =>     'h2',
                    'styles' => array(
                        'color'             =>     'Blue',
                        'font-weight'         =>     'bold'
                    )
                ),
               
                //Creating a new style named "style 2"
                'style 2' => array (
                    'name'         =>     'Red Title',
                    'element'     =>     'h2',
                    'styles' => array(
                        'color'             =>     'Red',
                        'font-weight'         =>     'bold',
                        'text-decoration'    =>     'underline'
                    )
                )               
            )
        );
       

    }
   
    public function index() {
       
        $this->load->view('ckeditor', $this->data);
       
    }
}

id - CKEditor ရဲ႕ ID ပါ။
path - CKEditor Source ေတြကို Download ခ်ျပီး js folder ေအာက္ထားခဲ့တာ မွတ္မိမယ္ ထင္ပါတယ္။ အဲဒီ path ကိုေျပာတာပါ။
config - ဒီမွာေတာ့ toolbar, width, height စတာေတြကို လိုအပ္သလို parameter ေပးႏိုင္ပါတယ္။
style - CKEditor မွာ style ဆိုတဲ့ dropdown ေလးရွိေနျပီး ကိုယ့္ေရးထားျပီးသားကို select လုပ္ျပီး style dropdown ထဲကေန style တစ္ခုခုကိုေရြးတာနဲ႔ auto ေျပာင္းသြားပါမယ္။ အဲဒီ dropdown ထဲမွာေပၚမယ္ style ေတြအတြက္ ေရးထားျခင္း ျဖစ္ပါတယ္။

အားလုံးျပီးသြားေတာ့ view ကိုေခၚရင္း အဲဒီ data array ကိုထည့္ေပး လိုက္ပါတယ္။
$this->load->view('ckeditor', $this->data);

5) Create View

ေနာက္ဆုံး အဆင့္အေနနဲ႔ ckeditor.php ဆိုတဲ့ view ကိုေဆာက္ျပီး ဒီ code ေလးထည့္ေပး လိုက္ပါ။ သုံးသြားတဲ့ display_ckeditor function ကေန ckeditor_helper.php ထဲမွာ ေရးထားျပီးသားကို ေခၚလိုက္တာ ျဖစ္ပါတယ္။

ဒါကေတာ့ Googling လုပ္ရင္း ရွာေတြ႔တာ ေလးကို ျပန္ေရး ထားတာ ျဖစ္လို႕ တျခားနည္း တစ္ခုခုနဲ႔ CI ထဲေပါင္းထည့္တာ ရွိရင္လည္း comment မွာေရးထား ခဲ့ႏိုင္ပါတယ္။

Ref: http://kromack.com/developpement-php/codeigniter/ckeditor-helper-for-codeigniter/

Extend in CodeIgniter Framework

Written by Zack Saturday, 28 August 2010 22:23

ဒီ Post မွာ အဓိကထားျပီး ေရးမွာ ကေတာ့ CodeIgniter Framework ေပၚမွာ ရွိေနျပီးသား Library, Helper ေတြနဲ႔ မလုံေလာက္ ရင္ ျဖစ္ေစ၊ ကိုယ့္ Project Requirement အရ ေရးထည့္ဖို႔ လိုလာရင္ ျဖစ္ေစ Library, Helper အသစ္ေတြကို ဘယ္လိုထည့္ မလဲ ဆိုတာကို ျဖစ္ပါတယ္။ တစ္ နည္း အားျဖင့္ CI Framework ကိုဘယ္လို Extend လုပ္မလဲ ဆိုတာလဲ ျဖစ္ပါတယ္။ ကြၽန္ေတာ္ ေရးထားျပီးသား CI Post ေတြကို ျပန္ဖတ္ခ်င္ရင္ေတာ့

1. CodeIgniter and MVC for Beginners
   
2. Structure and Configuration of CodeIgniter
   
3. CodeIgniter Database Library
   
4. CodeIgniter Form Helper
   
5. Simple Data Entry in CodeIgniter
   
6. Pagination with CodeIgniter
   
7. File upload in CodeIgniter
   

How to add own Helper

Okay အရင္ဆုံး helper တစ္ခုဘယ္လို ေပါင္းထည့္ မလဲ ဆိုတာေလး ၾကည့္ရေအာင္။ CI Structure မွာ application နဲ႔ system ရွိေနျပီး Built-In Library ေတြ၊ Helper ေတြအားလုံးက system ေအာက္မွာပဲ ရွိတယ္ဗ်ာ။ ကိုယ့္ အသစ္ထည့္ ခ်င္တာကို အဲဒီ Folder ေတြေအာက္မွာ သြားမထည့္ ရပါဘူး။ ဒါဆိုဘယ္မွာ ထည့္ရမလဲ ဆိုေတာ့ ... application folder ေအာက္မွာလည္း helpers, libraries folder ေတြရွိေနပါတယ္။ အဲဒီမွာ ထည့္ေပးရပါမယ္။

ကြၽန္ေတာ္ကေတာ့ helpers folder ေအာက္မွာ calculation_helper.php  ဆိုျပီး php file အသစ္တစ္ခု ေဆာက္လိုက္တယ္။ အဲဒီမွာ  မွတ္သား စရာ တစ္ခုကေတာ့ file name မွာ ေနာက္က _helper ဆိုတာပါရပါမယ္။ ဆိုလိုတာကဗ်ာ abc_hepler.php, xyz_helper.php စသည္ျဖင့္ ေရွ႕က ျဖစ္ခ်င္တာ ျဖစ္ျပီး ေနာက္က _helper.php နဲ႔ ဆုံးေပးရမယ္။ ျပီးေတာ့ ေရးေနၾကအတိုင္းပဲ function ေရးလို႕ ရပါတယ္။ ကြၽန္ေတာ္ကေတာ့ function add_value ကိုေရးထားလိုက္ပါတယ္။ 

<?php

function add_value($val1,$val2){
    return $val1 + $val2;
}

အဲဒီ Code ကို Controller ထဲက ေခၚ ၾကည့္ဖို႔ controller တစ္ခုကို ဆက္ျပီးေဆာက္မယ္။ 

<?php


class Test extends Controller{


    function calculate(){
        
      

     $this->load->helper('calculation');
        
      

     $val1 = 5; 
      

     $val2 = 3;
      

     echo "Result is " . add_value($val1,$val2);
  

    }
}

test.php ဆိုျပီး နာမည္ေပး လိုက္မယ္ဗ်ာ။ ဒါက ခုန ကြၽန္ေတာ္ေရးထားတဲ့ Helper calculation ကို loading လုပ္တာပါ။

$this->load->helper('calculation');

ကြၽန္ေတာ္ လုပ္ထားတာ calculation_helper ျဖစ္ေပမယ့္ ျပန္ေခၚေတာ့ _helper မပါေတာ့ပါဘူး။ တကယ္လို႕ ကိုယ့္က abc_helper.php ကိုလုပ္ထားခဲ့ မယ္ဆိုရင္ေတာ့ $this->load->helper('abc'); ေပါ့ဗ်ာ။ Browser ကေန ဒီလို Run လိုက္မယ္ ဆိုရင္ေတာ့

http://localhost:8888/ci_extend/index.php/test/calculate/

ႏွစ္ခု ေပါင္းထားတဲ့ result ကိုျမင္ရဖို႔ သုံးသြားတဲ့ add_value ဆိုတာကေတာ့ calculation_helper.php ထဲက ေခၚသြားတာ ျဖစ္ပါတယ္။
ဒါဆိုရင္ေတာ့ CI မွာ Helper အသစ္တစ္ခု ဘယ္လိုထည့္ မယ္ဆိုတာ Idea အၾကမ္းေတာ့ ရမယ္ ထင္ပါတယ္။

How to add own Library

Library အသစ္တစ္ခု ဘယ္လိုေပါင္းထည့္ မလဲ ဆိုတာကို ဆက္ျပီး ၾကည့္လိုက္ရေအာင္။ application ေအာက္က libraries folder မွာ ကိုယ္ထည့္ ခ်င္တဲ့ library အသစ္တစ္ခုကို ထည့္ေပးရမယ္။ ကြၽန္ေတာ္က hello ဆိုတဲ့ Library ကိုထည့္ ဖို႔ ဒီလိုေလး ေရးလိုက္တယ္ဗ်ာ။ file name ကေတာ့ hello.php ေပါ့ဗ်ာ။

<?php
class hello{

function message(){
    echo "How are you?";
}
    
}
?>

function hello_lib(){
    $this->load->library('hello');
    $this->hello->message();
}

ျပီးရင္ေတာ့ Browser ကေန ဒီလိုေလး run ၾကည့္မယ္ ဆိုရင္ေတာ့  http://localhost:8888/ci_extend/index.php/test/hello_lib/
"How are you?" ဆိုတဲ့ message ကိုျမင္ရမွာ ျဖစ္ပါတယ္။

How to use resource from existing Libraries

အဲဒီ ကိုယ္ထည့္လိုက္တဲ့ Library မွာ ရွိေနျပီးသား library ေတြထဲက value ေတြ function ေတြကို ျပန္သုံးခ်င္ရင္ေရာ ဘယ္လို လုပ္မလဲ ဆိုတာေလးကို ၾကည့္ရေအာင္။ ခုန ေရးထားတဲ့ Library ထဲမွာ ဒီ code ေလးကိုထည့္ ၾကည့္မယ္ေနာ္။  
 

function message(){
        echo "How are you?";
        $this->load->library->('config');
}

ဘာလိုလဲ ဆိုေတာ့ $this က point လုပ္ေနတာက hello class ကိုျဖစ္ေနလိုပဲ ျဖစ္ပါတယ္။ ဒီေတာ့ super class object ကိုျပန္ယူေပးဖို႔  လိုပါတယ္။ အဲဒါေၾကာင့္ Library ကို ဒီလိုေလး ျပင္လိုက္မယ္။

<?php
class hello{
    
    var $CI;
    
    function hello(){
        $this->CI = & get_instance();
        
    }
    
    function message(){
        echo "How are you?";
        $this->CI->load->library('config');
        echo "My Languages is " . $this->CI->config->item('language');
        //$this->load->library->('config');
    }
}
?>

Ref: http://net.tutsplus.com/tutorials/php/codeigniter-from-scratch-extending-the-framework/

Call phone from Gmail

Written by Zack Thursday, 26 August 2010 22:33

ဒီေန႕ 26th August မွာ Google ကေန Phone Call Feature ေလးကို ထည့္ေပးလိုက္တာ Gmail သုံးသူတိုင္း အားလုံး သိမွာပါ။
Gmail Blog မွာ သုံးသြားတဲ့ video ေလးကိုၾကိဳက္လို႕ ျပန္တင္ထားတာပါ။ 39 second ဆိုတဲ့ အခ်ိန္တိုေလးမွာ သူလိုခ်င္တဲ့ message ကိုရေအာင္ ေပးသြားတာကို သေဘာက်တာပါ။

ဒီမွာေတာ့ Google Voice: Calling Rates ေတြကို ၾကည့္ႏိုင္ပါတယ္။

https://www.google.com/voice/b/0/rates

Y2K38 in PHP

Written by Zack Tuesday, 24 August 2010 23:39

PHP မွာ ဒီ Code ေလးကို copy ကူးျပီး run ၾကည့္ရင္ ဘာေပၚမယ္ ထင္လဲ?

<?php  
$date = '2040-02-01';
$format = 'l d F Y H:i'; 
$mydate1 = strtotime($date); 
echo '<p>', date($format, $mydate1), '</p>';  
?>

သူကို Y2K38 လို႔ေခၚျပီး 2038 ကေန စျပီး 1969/70 ကို ႏွစ္ေပါင္း ၇၀ ေလာက္နီးပါး  ေနာက္ ျပန္ေရာက္သြားတာ ကိုေတြ႔ရမယ္။ တကယ္လို႕မ်ား ကိုယ့္ application ထဲ membership plan ေတြကို ေရာင္းတဲ့ application ဆိုရင္ေတာ့ အဲဒီေန႕မွာ expire ျဖစ္မျဖစ္ ကိုဒီအတိုင္း စစ္ရင္မွား ပါေတာ့မယ္။

Date Time ကို ျပဖို႔ 32 Bits ကိုသုံးထားတဲ့ PHP နဲ႔ တျခားေသာ programming languages ေတြအားလုံးမွာ ဒီ bug ကိုေတြ႔ ရပါမယ္။ 32 bit မွာ Date Time ေတြကို 03:14:07 UTC on 19 January 2038 ေတြအထိပဲ ရွိေနျပီး အဲဒါေက်ာ္တာနဲ႔ left-most bit က negative ျဖစ္သြားျပီး 1969/70 ကိုျပန္ေရာက္ သြားတာ ျဖစ္ပါတယ္။

တကယ္လို႕ 64 bit OS ေပၚမွာ တင္ထားျပီး PHP ကလဲ 64 bit edition ဆိုရင္ေတာ့ ဒီ bug မေပၚႏိုင္ဘူးလို႕ ဆိုပါတယ္။ Coding ထဲက safe ျဖစ္ေအာင္လုပ္ ခ်င္ရင္ေတာ့ ဒီလိုေလး ေျပာင္းျပီး ေရးဖို႔လိုပါတယ္။

<?
$date = '2040-02-01';  
$format = 'l j F Y H:i';  
$mydate2 = new DateTime($date);  
echo '<p>', $mydate2->format($format), '</p>';
?>

Tools for Kid's Coding

Written by Zack Saturday, 21 August 2010 13:21

   ကြၽန္ေတာ္တို႔ေတြ Programming ကို   ေသခ်ာတတ္ေျမာက္ဖို႔ အေရးၾကီးတဲ့ အရာေတြက

   Thinking ေတြ၊ Concept  ေတြပဲ ျဖစ္ပါတယ္။   အဲဒါေတြကို  ေသခ်ာမသိပဲအာဂုံေဆာင္

   ေနမယ္ဆိုရင္ေတာ့တကယ္လက္ေတြ႔မွာ  အသုံးမဝင္တဲ့ အျပင္ ဒုကၡ ေရာက္သြားႏိုင္တဲ့   

   အေနအထား ရွိပါတယ္။ ဒါကလည္း ေလ့လာသင္ယူ သူေတြကိုပဲ အျပစ္ေျပာလို႕ မရ

   ဘူးလို႕ ထင္ပါတယ္။ ကြၽန္ေတာ္ Programming ကိုစလုပ္တဲ့ ၂၀၀၁/၀၂ ေလာက္တုန္း

   ကဆရာေျပာ လိုက္တဲ့ lopping ေတြ၊ IF-ELSE ေတြကို ေလ့က်င့္ဖို႔ resource ဆိုလို႕

စာရြက္ေလာက္သာ ကိုယ့္မွာ ရွိေနတာကိုး။ ဒါေၾကာင့္ လည္းစိတ္မဝင္စားသူေတြ အဖို႔ စာေမးပြဲေအာင္ေရး အတြက္ အာဂုံေဆာင္

အဆင့္မွာပဲ ဆုံးခန္းတိုင္ သြားတာေတြကို ကြၽန္ေတာ္ေတြ႔ဖူးပါတယ္။ Programming ရဲ႕ Thinking ေတြ Conpect ေတြ Mathematical

and Momputational ideas ေတြ ကို အလြယ္တကူရဖို႔ Tools ေတြ၊ Resource ေတြကို တကယ္ပဲ

မရွိေတာ့ဘူးလား??? ရွိတာေပါ့ဗ်ာ

ကြၽန္ေတာ္တို႔ေတြ အေၾကာင္း အမ်ိဳးမ်ိဳးေၾကာင့္ မသိခဲ့ မသုံးႏိုင္ခဲ့တာေတြ ကိုေျပာမေနေတာ့ပဲ ေနာက္မ်ိဳးဆက္ေတြ သိျပီး သုံးႏိုင္ေအာင္

လုပ္တာ ေပးၾကတာေပါ့ဗ်ာ။ အေနာက္ႏိုင္ငံေတြမွာ ၈ႏွစ္ အထက္ကေလးေတြကို Programming သင္ၾကားရာမွာ သုံးတဲ့ Tools ေတြ

အေၾကာင္းကို မိတ္ဆက္ေပးခ်င္ပါတယ္။ ကြၽန္ေတာ္ Tools ေတြအေၾကာင္းကို မစခင္  Microsoft's K-12 Computer Science

Academic Relations Manager ျဖစ္တဲ့ Alfred Thompson ရဲ႕ အဆိုေလးကို အရင္ဖတ္ၾကည့္ ေစခ်င္ပါတယ္။

We need to get students interested in computer science and that has to be done at an early age before they decide (incorrectly) that they can't do computer science or that it is dull and boring

Scratch ဆိုတာကေတာ့ MIT Media Lab ကေန ၈ႏွစ္ အထက္ကေလးေတြအတြက္ ရည္ရြယ္ထားတဲ့ graphical programming

language ပဲျဖစ္ပါတယ္။ ၂၀၀၇ မွာ စျပီး release လုပ္ခဲ့တဲ့ scratch ဟာ ခုလက္ရွိခ်ိန္မွာ Projects ေပါင္း one million

ရွိေနျပီး ျဖစ္ပါတယ္။ Scratch ကိုသုံးျပီး ကိုယ္ပိုင္ animations, games, music, and art ေတြကို ဖန္တီးကာ web ေပၚမွာ

share ႏိုင္ပါျပီ။ Sharing project ေတြကို download လုပ္ျပီး remix လည္းလုပ္ႏိုင္ပါတယ္။ Scratch ကိုေလ့လာ ခ်င္တယ္ ဆိုရင္ေတာ့

ဒီမွာ Free Download လုပ္ႏိုင္ျပီး  Scratch Wiki ကို လည္းဖတ္ၾကည့္ ႏိုင္ပါတယ္။ ဒါကေတာ့ Scratch Developer ေတြ၊

သုံးေနတဲ့ ေက်ာင္းသား ကေလးငယ္ေတြရဲ႕ video ေလးပါ။

2. App Inventor

Google ကေနျပီး andriod သုံးစြဲသူေတြကို သာမန္ user  အဆင့္ကေန creator လုပ္ႏိုင္ေအာင္ ဖန္တီးေပးထားတဲ့ 

application  ေလးတစ္ခု ျဖစ္တယ္လို႕ Professor Harold Abelson ေျပာခဲ့တဲ့ အတိုင္း သာမန္ user ေတြ ဘယ္ေလာက္

လုပ္ေဆာင္ႏိုင္တယ္ ဆိုတာ ေအာက္က video ေလးကို ၾကည့္ရင္ သိပါလိမ့္မယ္။ Beta version သာရွိေနတဲ့ App Inventor ရဲ႕

Activity ေတြကို ဒီမွာ ဖတ္ႏိုင္ပါတယ္။

3. Alice

ေနာက္နာမည္ၾကီး တစ္ခုကေတာ့ Carnegie Mellon University က Product တစ္ခုျဖစ္တဲ့ Alice ဆိုတဲ့ open source 3D

programming ပဲျဖစ္ပါတယ္။  Alice မွာ Graphic ေတြကို  drag & drop ေတြနဲ႔ပဲ object-oriented၊ event-driven program ေတြကို

လြယ္ကူစြာ ဖန္တီးႏိုင္ ပါတယ္။ ကိုယ့္မွာ Thinking နဲ႔ Concept ရွိမယ္ဆိုရင္ အလြယ္တကူ အသုံးျပဳ ႏိုင္မွာ ျဖစ္ပါတယ္။ သူလည္းပဲ

Free ရႏိုင္ျပီး platform အေတာ္ေတာ္ မ်ားမ်ား ေျပာမယ္ဆိုရင္ (Win,Lunix,Mac) ေတြအားလုံးမွာ အလုပ္လုပ္ပါတယ္။ ဒါကေတာ့

Carnegie Mellon University က Alice's developer ေတြေျပာျပထားတဲ့ video ေလးတစ္ခုျဖစ္ပါတယ္။

4. Small Basic

Microsoft ရဲ႕ Small Basic ကေတာ့ "Programming is Fun" လို႔ဆိုထားျပီး သူရဲ႕ user friendly ျဖစ္တဲ့ development

environment ေတြအျပင္ မ်ားျပား ျပည့္စုံတဲ့ Library Files ေတြေၾကာင့္ ကိုယ္ပိုင္  game တစ္ခု၊ application တစ္ခုကို

ဖန္တီး ႏိုင္ပါတယ္။ ကိုယ္ဖန္တီးထားတဲ့ program ေလးကို သူငယ္ခ်င္းေတြကို share ခ်င္ရင္လည္း ကိုယ့္ Blog, Website မွာ

ရွိေနတာကို Silverlight player နဲ႔ ကစားႏိုင္ပါတယ္။ ဒါအျပင္ Small Basic ဟာ .net ရဲ႕ အေျခခံ concept ေတြစုစည္းထား

တာေၾကာင့္ ေနာက္ပိုင္း .net ကိုဆက္ျပီး ေလ့လာ ခ်င္သူေတြ အတြက္ ပိုသင့္ေတာ္ မယ္ထင္ပါတယ္။

5. Kodu

သူလည္းပဲ Microsoft ရဲ႕ Product တစ္ခု ျဖစ္ျပီး Xbox ေပၚမွာ run ႏိုင္မယ့္ games ေတြကို ဖန္တီး ႏိုင္မယ့္ programming

environment  တစ္ခု ျဖစ္ပါတယ္။ Kodu မွာ classical programming languages ေတြလို႔ လုပ္ေဆာင္ႏိုင္တဲ့ အျပင္ Icon based နဲ႔

program အလြယ္တကူ ေရးလို႕ ရေအာင္ လုပ္ေဆာင္ထား တာေၾကာင့္လည္း နာမည္ၾကီး ျဖစ္ႏိုင္ပါတယ္။ Game တစ္ခုဖန္တီးဖို႔

ဘယ္ေလာက္လြယ္တယ္ ဆိုတာ 2009 CES မွာ Microsoft ကျပသြားတဲ့ Video ေလးျဖစ္ပါတယ္။

6. Lego Mindstorms

ဒီတစ္ခါေတာ့ software application တစ္ခုမဟုတ္ပဲ programmable robotics တစ္ခုျဖစ္တဲ့ robot ေလးတစ္ခုျဖစ္ပါတယ္။

ဒါေလးကေတာ့ ကေလးငယ္ ေလးေတြအတြက္ ပိုျပီး အဆင္ေျပ သင့္ေတာ္ မယ္လို႕ ထင္ပါတယ္။

Computer Science ကေပးတဲ့ logic, critical thinking, problem solving ေတြဟာ ဘယ္ field မွာ မဆို apply ျပန္လုပ္ႏိုင္ျပီး

baseline တစ္ခု အေနနဲ႔ ရွိေနတာေၾကာင့္ ေနာက္မ်ိဳးဆက္ေတြကို ဒီလို Programming ကိုေလ့လာ သင္ယူဖို႔ လြယ္ကူေစမယ့္

Tools/Programming ေတြကို ေျပာျပၾကရ ေအာင္လာဗ်ာ။ MMTuts မွာလည္း ကိုသီဟေရးထားတဲ့ ဒီ Article ႏွစ္ခုကို ဆက္ျပီး

ဖတ္ေစခ်င္ပါတယ္။

1. Programming သင္ဖို႔ရာ နည္းလမ္းသစ္မ်ားစြာ
   
2. Do-It-Yourself (or) ေနာက္ထပ္လိႈင္းတစ္ခု
   

Ref: http://www.readwriteweb.com/archives/4_tools_for_teaching_kids_to_code.php