peyotest

GXT set DateField value from string

2012-01-24T06:15:00.000-08:00

Here is the code to set GXT datefield value from the date string.

String sdate="24-01-2012";  //24 Jan 2012
DateTimeFormat dformat = DateTimeFormat.getFormat("dd-MM-yyyy");
DateField date2 = new DateField();
date2.getPropertyEditor().setFormat(dtFormat);
Date dDate= dformat.parse(sdate);
date2.setValue(dDate);

GXT Grid Column Alignment

2012-01-24T06:05:00.000-08:00

How to align GXT grid column?
Answer : it can be done at ColumnConfig.
Here is sample code :

List configs = new ArrayList();

ColumnConfig column = new ColumnConfig();
column.setId("name");
column.setHeader("Company");
column.setWidth(200);
configs.add(column);

column = new ColumnConfig();
column.setId("symbol");
column.setHeader("Symbol");
column.setWidth(100);
configs.add(column);

column = new ColumnConfig();
column.setId("last");
column.setHeader("Last");
column.setAlignment(HorizontalAlignment.RIGHT);
column.setWidth(75);
column.setRenderer(gridNumber);
configs.add(column);

column = new ColumnConfig("change", "Change", 100);
column.setAlignment(HorizontalAlignment.RIGHT);
column.setRenderer(change);
configs.add(column);

The full example can be found here :
http://www.java2s.com/Code/Java/GWT/SetcolumnalignmentnameandheightExtGWT.htm

GWT Anchor Image Link

2012-01-24T05:58:00.000-08:00

In my project, I need to display image link in GXT grid with the cursor changed to pointer when the cursor hover on the image. When clicked, it will open a new window.

Here is the code :

Anchor anchor =new Anchor();
final Image image = new Image("../resources/images/pdf.png");

anchor.addMouseOverHandler(new MouseOverHandler() {
    
    @Override
    public void onMouseOver(MouseOverEvent event) {
        DOM.setStyleAttribute(image.getElement(), "cursor", "pointer");
    }
});
                
anchor.addMouseOutHandler(new MouseOutHandler() {
    
    @Override
    public void onMouseOut(MouseOutEvent event) {
        DOM.setStyleAttribute(image.getElement(), "cursor", "default");                        
    }
});
anchor.addClickHandler(new ClickHandler() {
    
    @Override
    public void onClick(ClickEvent event) {
        String url="upload/" + model.get(property).toString();
        Window.open(url, "_blank", "");
        Info.display("Hardware", "Show Datasheet");
    }
});                
anchor.getElement().appendChild(image.getElement());            
return anchor;

GWT 2.4. Static Google Map in Frame not working

2011-09-14T03:08:00.000-07:00

Before this static Google map can be viewed using Frame object and what I need to do is to give the URL of the static map. Please refer to my previous post http://peyotest.blogspot.com/2011/03/gwt-google-map-static-and-dynamic.html

Unfortunately, when I upgraded the GWT to version 2.4, it didn't display the image.
It works fine with web page but not image.
So I searched in Google, but there is no one having problem like I did.

Since the static map is an image, so I decided to use image object in GWT and it can be loaded from URL. That's nice and easy solution for me.

Here is the new code :

package com.vcari.jscadav2.client;

import com.google.gwt.user.client.Element;
import com.google.gwt.user.client.ui.Frame;
import com.google.gwt.user.client.ui.Image;

public class SiteMapStaticMapPanel extends SiteMapPanel {

    public SiteMapStaticMapPanel(){
        super();
    }    
    
    Frame frame = new Frame("http://google.com");
    final Image image = new Image();


    @Override
    protected void onRender(Element parent, int index) {
        super.onRender(parent, index);
        //setLayout(new FitLayout());
        setBorders(false);
        image.setWidth("640");
        image.setHeight("430");
        image.setVisible(true);
        add(image);
    }
    
    /**
     * Set map center to the defined latitude and longitude
     * @param latitude
     * @param longitude
     */
    public void setMapCenter(Double latitude, Double longitude, int zoomLevel) {                
       Integer width=this.getWidth();
       Integer height=this.getHeight();
       String url="http://maps.google.com/maps/api/staticmap?center={0},{1}&zoom={2}&size={3}x{4}&maptype=roadmap&sensor=false";
       url+="&markers=color:red7C%{0},{1}";
       //url=String.format(url, latitude,longitude,zoomLevel,width,height);
       url=url.replace("{0}", latitude.toString());
       url=url.replace("{1}", longitude.toString());
       url=url.replace("{2}", String.valueOf(zoomLevel));
       url=url.replace("{3}", width.toString());
       url=url.replace("{4}", height.toString());
       url=url.replace("{5}",  Application.areaName);      
       image.setUrl(url);
    }
}

Win 7 Can't Login to Windows Sharing

2011-08-17T23:33:00.000-07:00

There is a PC with newly installed Windows 7.
The computer failed to be connected to my office's file server on Windows 2003.
The server keep fail to authenticate the computer and the computer keep asking for user name and password.

The solution:

Browse to "Local Policies" -> "Security Options".
Now look for the entry "Network Security: LAN Manager authentication level" and open it.
Click on the dropdown menu and select "Send LM & NTLM - use NTLMv2 session security if negotiated". Apply the settings.

Jonathan Ravzin (MCT - Microsoft Certified Trainer)
URL: http://social.technet.microsoft.com/Forums/en-US/w7itpronetworking/thread/68ffbe2a-09a7-4e29-859c-ca1aaf75dcd1/

Ghost Explorer

2011-05-19T05:35:00.000-07:00

Ghost Explorer can be downloaded for free from Symantec.

ftp://ftp.symantec.com/public/english_us_canada/products/ghost/utilities/GHO_Explorer.exe

Using this software, ghost file can be view and extracted.
I use ghost software to create image for my Embedded Linux on VortexSx86.

GXT Paging ListView

2011-05-17T08:03:00.000-07:00

Simply bind the store to ListView and loader to PagingToolBar.
Here is the source code. You might need to refer to my previous posting on JSON reader and paging grid.

/*
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */
package com.ppktechnology.assetmanagement.client;

import java.util.List;

import com.extjs.gxt.ui.client.Registry;
import com.extjs.gxt.ui.client.data.BaseListLoader;
import com.extjs.gxt.ui.client.data.BasePagingLoader;
import com.extjs.gxt.ui.client.data.BeanModel;
import com.extjs.gxt.ui.client.data.BeanModelReader;
import com.extjs.gxt.ui.client.data.ListLoadResult;
import com.extjs.gxt.ui.client.data.ListLoader;
import com.extjs.gxt.ui.client.data.ModelData;
import com.extjs.gxt.ui.client.data.RpcProxy;
import com.extjs.gxt.ui.client.event.Events;
import com.extjs.gxt.ui.client.event.ListViewEvent;
import com.extjs.gxt.ui.client.event.Listener;
import com.extjs.gxt.ui.client.event.SelectionChangedEvent;
import com.extjs.gxt.ui.client.store.ListStore;
import com.extjs.gxt.ui.client.util.Format;
import com.extjs.gxt.ui.client.widget.ContentPanel;
import com.extjs.gxt.ui.client.widget.LayoutContainer;
import com.extjs.gxt.ui.client.widget.ListView;
import com.extjs.gxt.ui.client.widget.layout.FitLayout;
import com.extjs.gxt.ui.client.widget.layout.FlowLayout;
import com.extjs.gxt.ui.client.widget.toolbar.PagingToolBar;
import com.google.gwt.core.client.GWT;
import com.google.gwt.user.client.Element;
import com.google.gwt.user.client.rpc.AsyncCallback;
import com.ppktechnology.assetmanagement.client.model.ImagesModel;
import com.vcari.client.utils.DataUtils;

/**
 * 
 * @author peyo
 */
@SuppressWarnings({ "rawtypes", "unchecked", "unused" })
public class ImagesList extends LayoutContainer {

    ListStore store = ImagesModel.getInstance().getPagingStore();
    int limit = 20;

    @Override
    protected void onRender(Element parent, int index) {
        super.onRender(parent, index);
        final ContentPanel panel = new ContentPanel();
        setLayout(new FitLayout());
        
        panel.setCollapsible(true);
        panel.setAnimCollapse(false);
        panel.setFrame(true);
        panel.setId("images-view");
        panel.setHeading("Simple ListView (0 items selected)");
        panel.setBodyBorder(false);
        panel.setLayout(new FitLayout());
                
        ListView<ModelData> view = new ListView<ModelData>() {
            @Override
            protected ModelData prepareData(ModelData model) {
                String s = model.get("imagedesc");
                model.set("imagedesc", Format.ellipse(s, 15));
                String thumbnail="images/" +  model.get("thumbnail");
                model.set("thumbnail", DataUtils.formatURL(thumbnail));
                String imagefile="images/" +  model.get("imagefile");
                model.set("imagefile", DataUtils.formatURL(imagefile));
                return model;
            }

        };

         view.addListener(Events.OnDoubleClick, new Listener<ListViewEvent<ModelData>>() {

                @Override
                public void handleEvent(ListViewEvent<ModelData> be) {
                    String imgurl = be.getModel().get("imagefile");
                    com.google.gwt.user.client.Window.open(imgurl, "_blank", "");
                }
            });
        
        final PagingToolBar pagingToolBar = new PagingToolBar(limit);
        pagingToolBar.bind((BasePagingLoader) store.getLoader());
        panel.setBottomComponent(pagingToolBar);
          
        view.setTemplate(getTemplate());
        view.setStore(store);
        view.setItemSelector("div.thumb-wrap");
        view.getSelectionModel().addListener(Events.SelectionChange, new Listener<SelectionChangedEvent<ModelData>>() {

            public void handleEvent(SelectionChangedEvent<ModelData> be) {
                panel.setHeading("Simple ListView (" + be.getSelection().size() + " items selected)");
            }

        });
        panel.add(view);
        add(panel);
        store.getLoader().load();
    }

    private native String getTemplate() /*-{
        return [ '<tpl for=".">', '<div class="thumb-wrap" id="{imageid}">',
                '<div class="thumb"><img src="{imagefile}" title="{imagedesc}"></div>',
                '<span class="x-editable">{imagedesc}</span></div>', '</tpl>',
                '<div class="x-clear"></div>' ].join("");

    }-*/;

}

Eclipse JAVA Formatter Line Wrapper Setting

2011-05-07T05:34:00.000-07:00

Personally I don't like Eclipse line wrapper default setting since it's not properly wrap my code.
As the result, my code look ugly and harder to be read.

Before : (It will look worse if the code is longer)

adminTree.addListener(Events.OnDoubleClick,
                new Listener<TreePanelEvent<ModelData>>() {

                    @SuppressWarnings("unchecked")
                    @Override
                    public void handleEvent(TreePanelEvent<ModelData> be) {
                        ModelData p = be.getItem();
                        System.out.println(p.get("name"));
                        // MenuHandler.handleMenu(p);
                        Application.defaultViewNavigationTree.getTree()
                                .getSelectionModel().select(p, false);
                        Application.defaultViewNavigationTree.getTree()
                                .setExpanded(p, true);
                    }
                });

Finally I found the solution.

ANSWER:
Source: http://minimalbugs.com/questions/disable-line-wrapping-in-eclipse

You can’t disable line wrapping, but you can add more maximum characters to appear in a single line, by accessing :

Window – Preferences – Java – Code Style – Formatter – Edit
Insert New profile name because you can’t edit the default profile
Click Line wrapping tab in the maximum width, put the maximum character you wanted to be appeared in a single line

After :

adminTree.addListener(Events.OnDoubleClick, new Listener<TreePanelEvent<ModelData>>() {

            @SuppressWarnings("unchecked")
            @Override
            public void handleEvent(TreePanelEvent<ModelData> be) {
                ModelData p = be.getItem();
                System.out.println(p.get("name"));
                // MenuHandler.handleMenu(p);
                Application.defaultViewNavigationTree.getTree().getSelectionModel().select(p, false);
                Application.defaultViewNavigationTree.getTree().setExpanded(p, true);
            }
        });

OCI_INVALID_HANDLE (ext\pdo_oci\oci_driver.c:579)

2011-05-04T04:31:00.000-07:00

In my project, I need to pull data from Oracle Server.
I need to enable oci8 and PDO_OCI extensions but there is a problem since PHP couldn't find OCI.dll.
I had downloaded the oracle Instant Client, extract and copy the oci.dll file to windows folder and successfully enable the extension. But when I tried to connect to the server, PHP gave me this error message:

OCI_INVALID_HANDLE (ext\pdo_oci\oci_driver.c:579)

So, I take a look on oracle Instant Client installation manual. Actually, it's very simple solution.

How to solve :

Set the variable ORACLE_HOME in the Windows environment setting to the path of the extracted Oracle Instant Client folder.
Restart Apache

It works.

GWT - PHP on Apache 3rd Review

2011-04-28T23:55:00.000-07:00

Yesterday, on the GWT training session at PPK, Ilhamy (one of my internship student) told me he found another way to communicate GWT with PHP. Actually it's very simple solution without need to configure Apache.

In the solution, the project must located in /htdocs folder and compiler argument must be configured.

The original argument:

-remoteUI "${gwt_remote_ui_server_port}:${unique_id}" -startupUrl GWTPHP.html -logLevel INFO -codeServerPort 9997 -port 8888 -war C:\xampp\htdocs\GWTPHP\war com.vcari.jscadav2.Jscadav2_gwt

New configuration

-noserver -remoteUI "${gwt_remote_ui_server_port}:${unique_id}" -startupUrl http://localhost/GwtPhp/war/GWTPHP.html -logLevel INFO -codeServerPort 9997 -war C:\xampp\htdocs\GWTPHP\war com.peyotest.gwtphp.GWTPHP

Steps :

add -noserver
change startup url from GWTPHP.html to full url http://localhost/GwtPhp/war/GWTPHP.html
remove server port -codeServerPort 9997

The full article about this can be found here:
http://cambiatablog.wordpress.com/2010/11/22/gwt-developing-with-hosted-mode-and-phpxampp/

GWT XMLRPC

2011-04-01T15:57:00.000-07:00

On my previous work on XMLRPC, I had work with C# and PHP.
This morning I decide to try a library written for GWT.
The project can be found at:

http://code.google.com/p/xmlrpc-gwt/

Since there is no compiled .jar files, so I need create the .jar file myself.
Since I just used Eclipse for 2 weeks (before this using Netbeans + GWT4NB), it take me a long way just to create the .jar file. Actually to create .jar file is very simple step and require less than a minute.

Simply put the library inherits setting in the project.

<inherits name='com.fredhat.gwt.xmlrpc.XMLRPC'>

I just modify the sample given on the project's wiki and call the add function in my previous XMLRPC server sample.

XmlRpcClient client = new XmlRpcClient("http://127.0.0.1/xmlrpc/server.php");
String methodName = "add";
Object[] params = new Object[]{3, 4};
 
XmlRpcRequest<Integer> request = new XmlRpcRequest<Integer>(client, methodName, params, new AsyncCallback<Integer>() {
   public void onSuccess(Integer response) {
           // Handle integer response logic here
     Console.writeLine(response);
   }

   public void onFailure(Throwable response) {
           String failedMsg = response.getMessage();
           // Put other failed response handling logic here
           Console.writeLine(failedMsg);
   }
});
request.execute();

Done and it work just fine.
The .jar file can be found here.

GXT HighCharts

2011-04-01T03:31:00.000-07:00

In my project, I had implement GXT chart. It works well on my system but my client wants to print the graph. Since the chart is in Flash, it can't be printed directly from the webpage. Actually I found an article to make it printable, but for it's not a good solution.

I found several project for JavaScript chart, but I to make it work with GWT & GXT is big problem for me.
Luckily, somebody has been working with Highchart (one of my candidate before) and give it a try.
I just follow the sample, and it works.

The project require jquery and highchart library.
After this I will found out whether it is work without jQuery since I can do AJAX query using GWT.

The project can found here:
http://highcharts-gxt.sourceforge.net/wordpress/

Highchart
http://www.highcharts.com/

I'm going to replace the existing chart. Hopefully, there is no big issues arise.

GWT Google Map (Static and Dynamic)

2011-03-31T23:50:00.000-07:00

In my project, my client want to use Google map.
I had put the Google Map V3 but due to poor internet connection, the retrieval time is very slow. They want to use static map.

I decide to create an option for them to choose whether to use dynamic or static Google map. To change between dynamic and static just simply change the instance.

The dynamic map, I use a library from http://code.google.com/p/gwt-google-maps-v3/

SitemapPanel.java

package com.vcari.jscadav2.client;

import com.extjs.gxt.ui.client.widget.LayoutContainer;
import com.google.gwt.user.client.Element;

public abstract class SiteMapPanel extends LayoutContainer{

    @Override
    protected void onRender(Element parent, int index) {
        super.onRender(parent, index);
    }
    
     public abstract void setMapCenter(Double latitude, Double longitude, int zoomLevel);
}

SiteMapStaticMapPanel.java (Static Map)
This solution is working for GWT 2.4. Please refer to my new post below for solution. http://peyotest.blogspot.com/2011/09/gwt-24-static-google-map-in-frame-not.html

package com.vcari.jscadav2.client;

import com.extjs.gxt.ui.client.widget.layout.FitLayout;
import com.google.gwt.user.client.Element;
import com.google.gwt.user.client.ui.Frame;

public class SiteMapStaticMapPanel extends SiteMapPanel {

    public SiteMapStaticMapPanel(){
        super();
    }    
    
    Frame frame = new Frame();

    @Override
    protected void onRender(Element parent, int index) {
        super.onRender(parent, index);
        setLayout(new FitLayout());
        setBorders(false);
        add(frame);
    }
    
    /**
     * Set map center to the defined latitude and longitude
     * @param latitude
     * @param longitude
     */
    public void setMapCenter(Double latitude, Double longitude, int zoomLevel) {                
       Integer width=this.getWidth();
       Integer height=this.getHeight();
       String url="http://maps.google.com/maps/api/staticmap?center={0},{1}&zoom={2}&size={3}x{4}&maptype=roadmap&sensor=false";
       url+="&markers=color:red7C%{0},{1}";
       url=String.format(url, latitude,longitude,zoomLevel,width,height);
       url=url.replace("{0}", latitude.toString());
       url=url.replace("{1}", longitude.toString());
       url=url.replace("{2}", String.valueOf(zoomLevel));
       url=url.replace("{3}", width.toString());
       url=url.replace("{4}", height.toString());
       url=url.replace("{5}",  Application.areaName);
      
       frame.setUrl(url);
    }
}

Dynamics Google Map Version 3

/*
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */
package com.vcari.jscadav2.client;

import com.extjs.gxt.ui.client.widget.layout.FitLayout;
import com.google.gwt.maps.client.MapOptions;
import com.google.gwt.maps.client.MapTypeId;
import com.google.gwt.maps.client.MapWidget;
import com.google.gwt.maps.client.base.LatLng;
import com.google.gwt.maps.client.overlay.Marker;
import com.google.gwt.user.client.Element;

/**
 *
 * @author peyo
 */
public class SiteMapV3Panel extends SiteMapPanel {

    private Marker marker;
    private MapWidget mapWidget;

    public SiteMapV3Panel() {
        setLayout(new FitLayout());
                      
        final MapOptions options = new MapOptions();
        // Zoom level. Required
        options.setZoom(8);
        // Open a map centered on Cawker City, KS USA. Required
        options.setCenter(new LatLng(5.519216, 116.822204));
        // Map type. Required.
        options.setMapTypeId(new MapTypeId().getRoadmap());

        marker=new Marker();
        
        // Enable maps drag feature. Disabled by default.
        options.setDraggable(true);
        // Enable and add default navigation control. Disabled by default.
        options.setNavigationControl(true);
        // Enable and add map type control. Disabled by default.
        options.setMapTypeControl(true);
        mapWidget = new MapWidget(options);
        mapWidget.setSize("800px", "600px");
        add(mapWidget);
    }
    
   
    @Override
    protected void onRender(Element parent, int index) {
        super.onRender(parent, index);
    }

    /**
     * Set map center to the defined latitude and longitude
     * @param latitude
     * @param longitude
     */
    public void setMapCenter(Double latitude, Double longitude, int zoomLevel) {                
        mapWidget.getMap().setZoom(zoomLevel);
        mapWidget.getMap().panTo(new LatLng(latitude, longitude));
        marker.setPosition(new LatLng(latitude, longitude));
        marker.setMap(mapWidget.getMap());
        marker.setTitle(Application.areaName);
    }
}

PHP Fatal error: date(): Timezone database is corrupt - this should never happen!

2011-03-10T02:24:00.000-08:00

When I tried to execute a script that using date function on my Vortex, i got this error message.

"PHP Fatal error: date(): Timezone database is corrupt - this should *never* happen!".

Actually, this happened a long time ago, but only today I gave my efficient time tried to solve this problem. Luckily,I found the solution with just a few minutes.

Solution :

Make sure that web server(I'm using lighttpd on vortex) has enough access to read
/etc/localtime
/usr/share/zoneinfo

if localtime is not exist, you can copy the file from any Linux system.

GXT Remote Paging With GWT RPC

2011-03-07T15:20:00.000-08:00

This code example shows how to make GXT grid with remote paging to work with GWT RPC.That's means you can use POST to send the request. I'm not sure whether it can be done before.

To do that,we need just need to use RpcProxy and override the load method.

Anyway, I put the sample code below.
I take it from GXT demo code.

final ExampleServiceAsync service = (ExampleServiceAsync) Registry.get(Examples.SERVICE);
RpcProxy<PagingLoadResult<Post>> proxy = new RpcProxy<PagingLoadResult<Post>>() {

    @Override
    public void load(Object loadConfig, AsyncCallback<PagingLoadResult<Post>> callback) {
        service.getPosts((PagingLoadConfig) loadConfig, callback);
    }
};

// loader  
final PagingLoader<PagingLoadResult<ModelData>> loader = new BasePagingLoader<PagingLoadResult<ModelData>>(proxy);
loader.setRemoteSort(true);
ListStore<Post> store = new ListStore<Post>(loader);

GXT ModelData Cloning

2011-03-07T15:00:00.000-08:00

It's easy to clone a GXT ModelData.

 public static void cloneModelData(ModelData source, ModelData dest) {
        Iterator<String> iterator = source.getPropertyNames().iterator();
        while (iterator.hasNext()) {
            String key = iterator.next();
            dest.set(key, source.get(key));
        }
    }

PHP XML-RPC Client Simplified

2011-03-05T15:45:00.000-08:00

In my previous for XML-RPC client helper, I suggested to create a client instance to make your methods exposed and developer friendly. But may be some of us are too lazy write all the wrapper code. There is solution for that.

In this case you still need to create client instance which extends XMLRPCClientHelper, but this time you don't need to write all the wrapper code. Just simply add __call overload methods.

It's easy but you need to remember the service API.

Here is the code:

<?php
class TestXMLRPCClientSimplified extends XMLRPCClientHelper {
    public function __call($name, $arguments) {
        return $this->sendRequest("$name", $arguments);
    }    
}
?>

PHP XML-RPC Client Helper

2011-03-04T13:28:00.000-08:00

I wrote a helper for XMLRPC client.
I also added the automatic base64 type setting for bytes data.
Just need to create the client instance and supply the service URL, then you can start to call the service.

To make you client methods is expose and developer friendly, you can create your own client class which extends XMLRPCClientHelper.

<?php
class TestXMLRPCClient extends XMLRPCClientHelper {

    /**
     * Add two number
     * @param <int> $A
     * @param <int> $B
     * @return <int>
     */
    public function add($A, $B) {
        $params = array($A, $B);
        return $this->sendRequest("add", $params);
    }
}
?>

Here is the simple example :

$url = "http://192.168.56.1:5678/service.rem";
$client = new TestXMLRPCClient();
$client->setURL($url);
$result=$client->add(1,4);  //test add
print "Add Result: $result <br>\n";

It also support the exception when there is any error occurs it will throw the exception.So you just need to use try and catch to handle that.

XMLRPCClientHelper.php. This file also included in my training materials on my previous post.

<?php

/**
 * This helper class help to create a simple XML-RPC client
 * @author Mohamad Fairol Zamzuri B Che Sayut <mfz_peyo@yahoo.com>
 */
class XMLRPCClientHelper {

    private $url;

    /**
     * Get URL
     */
    public function getURL() {
        return $this->url;
    }

    /**
     * Set URL
     * @param <string> $url URL
     */
    public function setURL($url) {
        $this->url = $url;
    }

    /**
     * Send RPC request
     * @param <string> $methodname method name
     * @param <array> $parameters parameters
     */
    public function sendRequest($methodname, $parameters) {
        for ($i = 0; $i < count($parameters); $i++) {
            if (mb_detect_encoding($parameters[$i]) === false) {
                xmlrpc_set_type(&$parameters[$i], "base64");
            }
        }
        $request = xmlrpc_encode_request($methodname, $parameters);
        $context = stream_context_create(array('http' => array(
                        'method' => "POST",
                        'header' => "Content-Type: text/xml",
                        'content' => $request
                        )));
        $file = file_get_contents($this->url, false, $context);
        $response = xmlrpc_decode($file);
        if (is_array($response) && xmlrpc_is_fault($response)) {
            throw new Exception($response['faultString'], $response['faultCode']);
        }
        return $response;
    }

}

?>

PHP XML-RPC Server Helper

2011-03-04T13:05:00.000-08:00

I wrote a XMLRPCServerHelper to help me to create XML-RPC service in PHP.
It's easy to use and you just need to set the classname of service and all the methods will be extracted automatically using ReflectionClass.

The example of the server :

<?php
error_reporting(E_ERROR | E_PARSE);
require_once("autoload.php");

$server = new XMLRPCServerHelper();
$server->setClassName("TestXMLRPCService");
$answer = $server->handle();
header('Content-Type: text/xml');
print($answer);
?>

The service can be access from your normal webserver url.
To generate php client class, just simply add ?phpwrapper to the url. E.g :

http://localhost/xmlrpc/server.php?phpwrapper

XMLRPCServerHelper.php . This file also incuded in my training materials on my previous post.

<?php

/**
 * This helper class help to create XML-RPC server
 */
class XMLRPCServerHelper {

    /**
     * Server handler holder
     * @var <Object> Server handler holder
     */
    private $serverHandler;
    /**
     * Class name holder
     * @var <string> Class name holder
     */
    private $classname;
    /**
     * External function list holder
     * @var <array>  External function list holder
     */
    private $externalFunctions;

    /**
     * Contructor
     */
    public function __construct() {
        $this->serverHandler = xmlrpc_server_create();
        $this->externalFunctions = array();
    }

    /**
     * Set object class.
     * All class methods will be extracted and registerd automatically
     * @param <Object> $class
     */
    public function setClassName($classname) {
        $this->classname = $classname;
        $reflection = new ReflectionClass($classname);
        $methods = $reflection->getMethods();
        $props = $reflection->getProperties(ReflectionProperty::IS_PUBLIC | ReflectionProperty::IS_PROTECTED);
        for ($i = 0; $i < count($methods); $i++) {
            $reflectmethod = $methods[$i];
            $methodname = $reflectmethod->name;
            $reflectparams = $reflectmethod->getParameters();
            if (count($reflectparams) > 0) {
                for ($j = 0; $j < count($reflectparams); $j++) {
                    $methodparams[] = $reflectparams[$j]->name;
                }
            } else {
                $methodparams = array();
            }
            $this->registerMethod($methodname, array(&$classname, $methodname), $methodparams);
        }
    }

    /**
     * Generate client wrapper
     */
    private function generatePHPClientWrapper() {
        $classfunctions = "";
        $reflection = new ReflectionClass($this->classname);
        $methods = $reflection->getMethods();
        $props = $reflection->getProperties(ReflectionProperty::IS_PUBLIC | ReflectionProperty::IS_PROTECTED);
        for ($i = 0; $i < count($methods); $i++) {
            $reflectmethod = $methods[$i];
            $methodname = $reflectmethod->name;
            $reflectparams = $reflectmethod->getParameters();
            $funcParams = "";
            $funcContent = "";
            if (count($reflectparams) > 0) {
                for ($j = 0; $j < count($reflectparams); $j++) {
                    //$funcContent.= "\$params[] = \$" . $reflectparams[$j]->name . ";\n";
                    if ($funcParams != "") {
                        $funcParams.=",";
                    }
                    $funcParams.='$' . $reflectparams[$j]->name;
                }
                $funcContent = "\$params = array($funcParams);\n";
            } else {
                $funcContent = "\$params = array();\n";
            }

            $classfunctions.="public function $methodname($funcParams) {\n";
            $classfunctions.=$funcContent;
            $classfunctions.="return \$this->sendRequest(\"$methodname\", \$params);\n";
            $classfunctions.="}\n\n";
        }

        $wrapper = "<pre>class " . $this->classname . "XMLRPCClient extends XMLRPCClientHelper {\n";
        $wrapper .= "$classfunctions";
        $wrapper .= "}\n</pre>";
        return $wrapper;
    }

    /**
     * Register method
     * @param <string> $externalName class name
     * @param <Object> $function class pointer
     * @param <array> $parameterNames parameters name
     */
    public function registerMethod($externalName, $function, $parameterNames) {
        if ($function == null) {
            $function = $externalName;
        }
        xmlrpc_server_register_method($this->serverHandler, $externalName, array(&$this, 'callMethod'));
        $this->externalFunctions[$externalName] = array('function' => $function, 'parameterNames' => $parameterNames);
    }

    /**
     * Invoke class method
     * @param <string> $functionName method name
     * @param <array> $parametersFromRequest parameters
     * @return <variant> function call result
     */
    public function callMethod($functionName, $parametersFromRequest) {
        if ($functionName == "generatePHPClientWrapper") {
            return $this->generatePHPClientWrapper();
        }

        $function = $this->externalFunctions[$functionName]['function'];
        $parameterNames = $this->externalFunctions[$functionName]['parameterNames'];
        return call_user_func_array($function, $parametersFromRequest);
    }

    /**
     * Handle server call
     * @return <variant>  function call result
     */
    public function handle() {
        $bWrapper = false;
        foreach ($_GET as $key => $value) {
            if ($key == "phpwrapper") {
                $bWrapper = true;
                continue;
            }
        }

        if ($bWrapper) {
            print $this->generatePHPClientWrapper();
            exit();
        }
        return xmlrpc_server_call_method($this->serverHandler, file_get_contents('php://input'), null);
    }

}

?>

XMLRPC Training (C# and PHP)

2011-03-04T12:45:00.000-08:00

Today, I'm going to conduct a simple training on XML-RPC at my previous company.
You can access to the training materials on my googleDocs.

Presentation Slide
PHP source code
C# source code

PHP Simple Auto Load

2011-02-22T18:03:00.000-08:00

Just wanna share my PHP autoload function.
In my application, I have several types of classes and may located in different folder such as :

Helper
Model
Component
Web Service
etc

The easiest way to use the classes is to create an auto load function so the classes file will be included automatically.

Hope this could be useful to you too.

<?php
/**
 * Auto function
 * @param <string> $classname class name
 * @return <void> void
 */
function __autoload($classname) {
    global $global_helper_path;
    global $global_model_path;
    global $global_component_path;
    global $global_wsobject_path;

    //load helper
    $pos = strrpos($classname, "Helper");
    if ($pos === false) { // note: three equal signs
    } else {
        //print $classname;
        $filepath = "$global_helper_path/$classname.php";
        require_once "$filepath";
        return;
    }

    // load component
    $pos = strrpos($classname, "com_");
    if ($pos === false) { // note: three equal signs
    } elseif ($pos == 0) {
        $filepath = "$global_component_path/$classname/$classname.php";
        require_once "$filepath";
        return;
    }

    // load database driver
    $pos = strrpos($classname, "DB");
    if ($pos === false) { // note: three equal signs
    } elseif ($pos == 0) {
        $filepath = "$global_helper_path/database/$classname.php";
        require_once "$filepath";
        return;
    }

    // load model
    $pos = strrpos($classname, "Model");
    if ($pos === false) { // note: three equal signs
    } else {
        $filepath = "$global_model_path/$classname.php";
        require_once "$filepath";
        return;
    }

    // load webservice class
    $pos = strrpos($classname, "WS");
    if ($pos === false) { // note: three equal signs
    } elseif ($pos == 0) {
        $filepath = "$global_wsobject_path/$classname.php";
        require_once "$filepath";
        return;
    }
}

?>

PHP Web Service Library

2011-02-22T16:40:00.000-08:00

I gave a look on my PHP web service class. It's quite hard to extends and create a new web service application. I search on Google and found several open source projects and gave them a test.

I found "php-webservice-class" is the best since the implementation is simple,easy and fully commented. It also use ReflectionClass, makes the code simpler without need to create phpDoc parser to get your parameter settings.

The project url:
http://code.google.com/p/php-webservice-class/

Update on 28th Feb 2011

The wsdl output is not standard. :(
You can't call the web service from other language.
I'm considering to use David Kingma library (my old library also based on his work) for replacement.

GXT Paging Toolbar Disabled

2010-12-01T16:05:00.000-08:00

The paging toolbar keep disabled when it loads data and a new request is made before the last request accomplished. My temporary solution is to use flag to avoid request the same data several time concurrently. But what about, the data is different ????

Finally I found the solution after read the post in GXT forum. You can find it here.
http://www.sencha.com/forum/showthread.php?85011-Loading-Store-twice-causes-PagingToolBar-to-disable

But in my solution, I just use override the loader LoadListener events. The concept is to disable paging toolbar on data load and enable it on load completed.

Code:
grid.getStore().getLoader().addLoadListener(new LoadListener() {

@Override
public void loaderBeforeLoad(LoadEvent le) {
getPanel().getBottomComponent().setEnabled(false);
}

@Override
public void loaderLoad(LoadEvent le) {
getPanel().getBottomComponent().setEnabled(true);
super.loaderLoad(le);
}
});

Hope this code is useful to you too.

GXT JsonReader without model type fields

2010-10-29T03:42:00.000-07:00

In GXT, to convert JSON to ModelData we need to declare the model type fields for each variable to be converted into model data. As the data changed, you need to change the model type fields or you will get the null pointer exception. So I want to create a JSON reader that can read json string and convert to model data without need specify the fields.

To do that I need to create a custom JsonReader, JsonPagingLoadResultReader and JsonLoadResultReader.

The can be downloaded here :

MyJsonReader.java
MyJsonPagingLoadResultReader.java
MyJsonLoadResultReader.java

Change background color in GXT grid column

2010-10-17T17:07:00.000-07:00

column.setRenderer(new GridCellRenderer() {
    public String render(Stock model, String property, ColumnData config, int rowIndex,
        int colIndex, ListStore store) {
      config.style = "background-color: silver;";
      return model.get(property);
    }
  });


Source:http://www.sencha.com/forum/showthread.php?49510-Change-background-color-in-GXT-grid-column

Apache Compression

2010-09-20T16:44:00.000-07:00

Actually, when I worked out with GWT Code Splitting, I still not satisfied with the result.
I know the web browser support content compression so a gave it a look.I chose to use the most simple solution, Apache compression. I just need to set .htaccess configuration and copy to your web folder.

Steps :

1. Enable Apache mod_deflate. mod_gzip is better but I don't have the extension. Open Apache configuration file and turn on the settings.

LoadModule deflate_module modules/mod_deflate.so

2. Create .htaccess file and paste these configuration. I want to compress all files with js, css, html, htm and php extensions.


<FilesMatch "(?i)^.*\.(js|css|html|htm|php)$">
SetOutputFilter DEFLATE
</FilesMatch>

3. Restart Apache. Done.

Try to open your web and use firebug to see your file downloads.
I was successfully, reduce the file download from 600Kb (After GWT code splitting) to 250Kb. So the total I saved around 800Kb and speed up my system.

GWT Code Splitting

2010-09-20T16:29:00.000-07:00

In my GWT + GXT project, the obfuscated javascript output file is around 1.1MB. It takes quite long for the browser to load all the files before the system is running. So I gave a look on GWT code splitting.

It's very simple and just need to implement

GWT.runAsync(new RunAsyncCallback() {}
Set GWT compiler parameter : -compileReport. Make sure you disable draft compile mode since it will not produce the SOYC(Story of your compile)

You can see the compile report as you know what is going to be downloaded on initial download, full download and leftover.

http://code.google.com/webtoolkit/doc/latest/DevGuideCodeSplitting.html
http://code.google.com/webtoolkit/doc/latest/DevGuideCompileReport.html

Soon I will try to reduce the usage of the GXT library which is the most codes included in my initial download.

HTML Doc PHP Implementation

2010-07-08T20:14:00.001-07:00

I want to use PDF in my project to print the report. Currently my report is in HTML format since it is easy to generate using PHP. Before this, I have try to use DOMPDF and TCPDF, but unfortunately, there is a lot of customization need to be done to get a good PDF report.
Finally, I found HTMLDoc. It's open source but to get the compiled-ready binary you need to buy.
Fortunately. I found the free compiled binary here :

http://htmldoc-binaries.org/

Download and install HTMLDoc.

 public function topdf($filename, $options = "") {

      $path = "library_includes/general/htmldoc/htmldoc.exe";
      $path=realpath($path);
      # Tell HTMLDOC not to run in CGI mode...
      putenv("HTMLDOC_NOCGI=1");

      $scmd = "$path -t pdf --quiet --landscape --jpeg --webpage --header ... $options $filename";
      # Write the content type to the client...
      header("Content-Type: application/pdf");
      flush();
      system($scmd);
  }

Just submit your URL / file name and the HTMdoc will will create the PDF on the fly.
For more details about the command line, you can refer be to the document :

http://www.easysw.com/htmldoc/docfiles/8-cmdref.html

But, if your url is password protected using login and session, you need to handle to bypass the session checking since HTMLDoc read the url and PHP will treat HTMLDoc as new session rather than your current.

GXT Paging Grid With Remote Search

2010-06-30T16:23:00.000-07:00

I'm using paging grid in GXT to view a list.
The basic is shown below:

ScriptTagProxy<PagingLoadResult<ModelData>> proxy = new ScriptTagProxy<PagingLoadResult<ModelData>>(url);
JsonPagingLoadResultReader<PagingLoadResult<ModelData>> reader = new JsonPagingLoadResultReader<PagingLoadResult<ModelData>>(type);
final PagingLoader<PagingLoadResult<ModelData>> loader = new BasePagingLoader<PagingLoadResult<ModelData>>(proxy, reader);
loader.setRemoteSort(true);
final ListStore<ModelData> mystore = new ListStore<ModelData>(loader);
return mystore;

But I want to use the same paging component for remote search. Finally I came out with this solution.


private void searchStaff() {
 String url = "index.php?option=com_model&model={0}&action=getStaffList";
 PagingLoadConfig config = new BasePagingLoadConfig();
 config.setOffset(0);
 config.setLimit(50);

 BasePagingLoader loader = ((BasePagingLoader) store.getLoader());
 ScriptTagProxy proxy = (ScriptTagProxy) loader.getProxy();
 if (keyword.getValue() == null || keyword.getValue().equals("")) {
 } else {
     url += "&keyword=" + keyword.getValue().toString();
 }
 url = url.replace("{0}", "Staff");
 url = DataUtils.formatURL(url);
 url = url.replaceAll("kpiwebgwt", "kpiweb");
 proxy.setUrl(url);
 store.getLoader().load(config);
}

GWT Native Base64

2010-06-28T21:44:00.000-07:00

Here is the code:

public static native String Base64Encode(String data) /*-{
function encode_base64(data) {
var tab = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";
var out = "", c1, c2, c3, e1, e2, e3, e4;
for (var i = 0; i < data.length; ) {
c1 = data.charCodeAt(i++);
c2 = data.charCodeAt(i++);
c3 = data.charCodeAt(i++);
e1 = c1 >> 2;
e2 = ((c1 & 3) << 4) + (c2 >> 4);
e3 = ((c2 & 15) << 2) + (c3 >> 6);
e4 = c3 & 63;
if (isNaN(c2))
e3 = e4 = 64;
else if (isNaN(c3))
e4 = 64;
out += tab.charAt(e1) + tab.charAt(e2) + tab.charAt(e3) + tab.charAt(e4);
}
return out;
}
return encode_base64(data);
}-*/;

public static native String Base64Decode(String data)/*-{
function decode_base64(data) {
var tab = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";
var out = "", c1, c2, c3, e1, e2, e3, e4;
for (var i = 0; i < data.length; ) {
e1 = tab.indexOf(data.charAt(i++));
e2 = tab.indexOf(data.charAt(i++));
e3 = tab.indexOf(data.charAt(i++));
e4 = tab.indexOf(data.charAt(i++));
c1 = (e1 << 2) + (e2 >> 4);
c2 = ((e2 & 15) << 4) + (e3 >> 2);
c3 = ((e3 & 3) << 6) + e4;
out += String.fromCharCode(c1);
if (e3 != 64)
out += String.fromCharCode(c2);
if (e4 != 64)
out += String.fromCharCode(c3);
}
return out;
}
return decode_base64(data);
}-*/;

GWT Native RC4 Encryption

2010-06-28T21:22:00.000-07:00

Here is the code:

private static native String rc4Encrypt(String key, String pt) /*-{
function rc4Encrypt1(key, pt) {
s = new Array();
for (var i=0; i<256; i++) {
s[i] = i;
}
var j = 0;
var x;
for (i=0; i<256; i++) {
j = (j + s[i] + key.charCodeAt(i % key.length)) % 256;
x = s[i];
s[i] = s[j];
s[j] = x;
}
i = 0;
j = 0;
var ct = '';
for (var y=0; y i = (i + 1) % 256;
j = (j + s[i]) % 256;
x = s[i];
s[i] = s[j];
s[j] = x;
ct += String.fromCharCode(pt.charCodeAt(y) ^ s[(s[i] + s[j]) % 256]);
}
return ct;
}
return rc4Encrypt1(key, pt);
}-*/;

GWT Native MD5

2010-06-28T21:12:00.000-07:00

Here is the code:

public static native String md5(String string) /*-{
function RotateLeft(lValue, iShiftBits) {
return (lValue<>>(32-iShiftBits));
}

function AddUnsigned(lX,lY) {
var lX4,lY4,lX8,lY8,lResult;
lX8 = (lX & 0x80000000);
lY8 = (lY & 0x80000000);
lX4 = (lX & 0x40000000);
lY4 = (lY & 0x40000000);
lResult = (lX & 0x3FFFFFFF)+(lY & 0x3FFFFFFF);
if (lX4 & lY4) {
return (lResult ^ 0x80000000 ^ lX8 ^ lY8);
}
if (lX4 | lY4) {
if (lResult & 0x40000000) {
return (lResult ^ 0xC0000000 ^ lX8 ^ lY8);
} else {
return (lResult ^ 0x40000000 ^ lX8 ^ lY8);
}
} else {
return (lResult ^ lX8 ^ lY8);
}
}

function F(x,y,z) { return (x & y) | ((~x) & z); }
function G(x,y,z) { return (x & z) | (y & (~z)); }
function H(x,y,z) { return (x ^ y ^ z); }
function I(x,y,z) { return (y ^ (x | (~z))); }

function FF(a,b,c,d,x,s,ac) {
a = AddUnsigned(a, AddUnsigned(AddUnsigned(F(b, c, d), x), ac));
return AddUnsigned(RotateLeft(a, s), b);
};

function GG(a,b,c,d,x,s,ac) {
a = AddUnsigned(a, AddUnsigned(AddUnsigned(G(b, c, d), x), ac));
return AddUnsigned(RotateLeft(a, s), b);
};

function HH(a,b,c,d,x,s,ac) {
a = AddUnsigned(a, AddUnsigned(AddUnsigned(H(b, c, d), x), ac));
return AddUnsigned(RotateLeft(a, s), b);
};

function II(a,b,c,d,x,s,ac) {
a = AddUnsigned(a, AddUnsigned(AddUnsigned(I(b, c, d), x), ac));
return AddUnsigned(RotateLeft(a, s), b);
};

function ConvertToWordArray(string) {
var lWordCount;
var lMessageLength = string.length;
var lNumberOfWords_temp1=lMessageLength + 8;
var lNumberOfWords_temp2=(lNumberOfWords_temp1-(lNumberOfWords_temp1
% 64))/64;
var lNumberOfWords = (lNumberOfWords_temp2+1)*16;
var lWordArray=Array(lNumberOfWords-1);
var lBytePosition = 0;
var lByteCount = 0;
while ( lByteCount < lMessageLength ) {
lWordCount = (lByteCount-(lByteCount % 4))/4;
lBytePosition = (lByteCount % 4)*8;
lWordArray[lWordCount] = (lWordArray[lWordCount] |
(string.charCodeAt(lByteCount)< lByteCount++;
}
lWordCount = (lByteCount-(lByteCount % 4))/4;
lBytePosition = (lByteCount % 4)*8;
lWordArray[lWordCount] = lWordArray[lWordCount] |
(0x80< lWordArray[lNumberOfWords-2] = lMessageLength<<3;
lWordArray[lNumberOfWords-1] = lMessageLength>>>29;
return lWordArray;
};

function WordToHex(lValue) {
var WordToHexValue="",WordToHexValue_temp="",lByte,lCount;
for (lCount = 0;lCount<=3;lCount++) {
lByte = (lValue>>>(lCount*8)) & 255;
WordToHexValue_temp = "0" + lByte.toString(16);
WordToHexValue = WordToHexValue +
WordToHexValue_temp.substr(WordToHexValue_temp.length-2,2);
}
return WordToHexValue;
};

function Utf8Encode(string) {
string = string.replace(/\r\n/g,"\n");
var utftext = "";

for (var n = 0; n < string.length; n++) {

var c = string.charCodeAt(n);

if (c < 128) {
utftext += String.fromCharCode(c);
}
else if((c > 127) && (c < 2048)) {
utftext += String.fromCharCode((c >> 6) | 192);
utftext += String.fromCharCode((c & 63) | 128);
}
else {
utftext += String.fromCharCode((c >> 12) | 224);
utftext += String.fromCharCode(((c >> 6) & 63) | 128);
utftext += String.fromCharCode((c & 63) | 128);
}

}

return utftext;
};

var x=Array();
var k,AA,BB,CC,DD,a,b,c,d;
var S11=7, S12=12, S13=17, S14=22;
var S21=5, S22=9 , S23=14, S24=20;
var S31=4, S32=11, S33=16, S34=23;
var S41=6, S42=10, S43=15, S44=21;

string = Utf8Encode(string);

x = ConvertToWordArray(string);

a = 0x67452301; b = 0xEFCDAB89; c = 0x98BADCFE; d = 0x10325476;

for (k=0;k AA=a; BB=b; CC=c; DD=d;
a=FF(a,b,c,d,x[k+0], S11,0xD76AA478);
d=FF(d,a,b,c,x[k+1], S12,0xE8C7B756);
c=FF(c,d,a,b,x[k+2], S13,0x242070DB);
b=FF(b,c,d,a,x[k+3], S14,0xC1BDCEEE);
a=FF(a,b,c,d,x[k+4], S11,0xF57C0FAF);
d=FF(d,a,b,c,x[k+5], S12,0x4787C62A);
c=FF(c,d,a,b,x[k+6], S13,0xA8304613);
b=FF(b,c,d,a,x[k+7], S14,0xFD469501);
a=FF(a,b,c,d,x[k+8], S11,0x698098D8);
d=FF(d,a,b,c,x[k+9], S12,0x8B44F7AF);
c=FF(c,d,a,b,x[k+10],S13,0xFFFF5BB1);
b=FF(b,c,d,a,x[k+11],S14,0x895CD7BE);
a=FF(a,b,c,d,x[k+12],S11,0x6B901122);
d=FF(d,a,b,c,x[k+13],S12,0xFD987193);
c=FF(c,d,a,b,x[k+14],S13,0xA679438E);
b=FF(b,c,d,a,x[k+15],S14,0x49B40821);
a=GG(a,b,c,d,x[k+1], S21,0xF61E2562);
d=GG(d,a,b,c,x[k+6], S22,0xC040B340);
c=GG(c,d,a,b,x[k+11],S23,0x265E5A51);
b=GG(b,c,d,a,x[k+0], S24,0xE9B6C7AA);
a=GG(a,b,c,d,x[k+5], S21,0xD62F105D);
d=GG(d,a,b,c,x[k+10],S22,0x2441453);
c=GG(c,d,a,b,x[k+15],S23,0xD8A1E681);
b=GG(b,c,d,a,x[k+4], S24,0xE7D3FBC8);
a=GG(a,b,c,d,x[k+9], S21,0x21E1CDE6);
d=GG(d,a,b,c,x[k+14],S22,0xC33707D6);
c=GG(c,d,a,b,x[k+3], S23,0xF4D50D87);
b=GG(b,c,d,a,x[k+8], S24,0x455A14ED);
a=GG(a,b,c,d,x[k+13],S21,0xA9E3E905);
d=GG(d,a,b,c,x[k+2], S22,0xFCEFA3F8);
c=GG(c,d,a,b,x[k+7], S23,0x676F02D9);
b=GG(b,c,d,a,x[k+12],S24,0x8D2A4C8A);
a=HH(a,b,c,d,x[k+5], S31,0xFFFA3942);
d=HH(d,a,b,c,x[k+8], S32,0x8771F681);
c=HH(c,d,a,b,x[k+11],S33,0x6D9D6122);
b=HH(b,c,d,a,x[k+14],S34,0xFDE5380C);
a=HH(a,b,c,d,x[k+1], S31,0xA4BEEA44);
d=HH(d,a,b,c,x[k+4], S32,0x4BDECFA9);
c=HH(c,d,a,b,x[k+7], S33,0xF6BB4B60);
b=HH(b,c,d,a,x[k+10],S34,0xBEBFBC70);
a=HH(a,b,c,d,x[k+13],S31,0x289B7EC6);
d=HH(d,a,b,c,x[k+0], S32,0xEAA127FA);
c=HH(c,d,a,b,x[k+3], S33,0xD4EF3085);
b=HH(b,c,d,a,x[k+6], S34,0x4881D05);
a=HH(a,b,c,d,x[k+9], S31,0xD9D4D039);
d=HH(d,a,b,c,x[k+12],S32,0xE6DB99E5);
c=HH(c,d,a,b,x[k+15],S33,0x1FA27CF8);
b=HH(b,c,d,a,x[k+2], S34,0xC4AC5665);
a=II(a,b,c,d,x[k+0], S41,0xF4292244);
d=II(d,a,b,c,x[k+7], S42,0x432AFF97);
c=II(c,d,a,b,x[k+14],S43,0xAB9423A7);
b=II(b,c,d,a,x[k+5], S44,0xFC93A039);
a=II(a,b,c,d,x[k+12],S41,0x655B59C3);
d=II(d,a,b,c,x[k+3], S42,0x8F0CCC92);
c=II(c,d,a,b,x[k+10],S43,0xFFEFF47D);
b=II(b,c,d,a,x[k+1], S44,0x85845DD1);
a=II(a,b,c,d,x[k+8], S41,0x6FA87E4F);
d=II(d,a,b,c,x[k+15],S42,0xFE2CE6E0);
c=II(c,d,a,b,x[k+6], S43,0xA3014314);
b=II(b,c,d,a,x[k+13],S44,0x4E0811A1);
a=II(a,b,c,d,x[k+4], S41,0xF7537E82);
d=II(d,a,b,c,x[k+11],S42,0xBD3AF235);
c=II(c,d,a,b,x[k+2], S43,0x2AD7D2BB);
b=II(b,c,d,a,x[k+9], S44,0xEB86D391);
a=AddUnsigned(a,AA);
b=AddUnsigned(b,BB);
c=AddUnsigned(c,CC);
d=AddUnsigned(d,DD);
}

var temp = WordToHex(a)+WordToHex(b)+WordToHex(c)+WordToHex(d);

return temp.toLowerCase();
}-*/;

GXT Paging Row Number

2010-05-26T02:16:00.000-07:00

I got problem to display the row number for the paging grid.
The value always start from 1 to the end of row in the grid.
After trying several methods (actually several frustrated hours), finally I found the soultion.
It's very simple and I don't believe, why I not think of this before.

Here is the code

final RowNumberer rn = new RowNumberer();
rn.setWidth(30);
rn.setRenderer(new GridCellRenderer() {

public Object render(ModelData model, String property, ColumnData config, int rowIndex, int colIndex, ListStore store, Grid grid) {
int offset = 0;
if (store.getLoadConfig().get("offset") != null) {
offset = Integer.parseInt(store.getLoadConfig().get("offset").toString());
}
return offset + rowIndex + 1;
}
});

GWT - PHP on Apache 2nd Review

2010-05-24T20:32:00.000-07:00

My latest project doesn't let quercus running on glassfish. I need to to remove quercus before the project can be deployed.

Finally I found a new way to enable data transfer from GWT application on GlassFish Server to Apache Web Server. The solution is simpler. No querchos and curl php script required.

How it can be possible?

Let say the Apache is running on port 80 and glassfish is running on port 8080.
Let say your GWT project is in /web1 folder on glassfish.
Let say your PHP project in in /web1 folder on Apache.

First you need to set Apache proxy settings. You might need to install the module if you don't have one on your Apache.

Open the apache httpd.conf file and add the following lines

LoadModule proxy_module modules/mod_proxy.so
LoadModule proxy_http_module modules/mod_proxy_http.so

Order deny,allow
Allow from all

ProxyRequests on
ProxyPreserveHost on

ProxyPass /web2 http://localhost:8080/web1/
ProxyPassReverse /web2 http://localhost:8080/web1/

using the setting your GWT project can be access using this following URL

http://localhost/web2

In your GWT project the data can be access using http://localhost/web1. Now it's on the same domain with your GWT project on http://localhost/web2. You can access to any php script on your Apache from GWT without creating any proxy servlet or curl script.

Working with Zebra RW420

2010-03-02T23:59:00.001-08:00

Bulan lepas aku buat program untuk project MEPA, untuk print resit guna Zebra Rw420 melalui bluetooth. Printer banyak org pakai untuk portable billing macam TNB, SYABAS dan yang seaktu dengannya. Sebenarnya, printer tu jadi serial port je. Jadi kena buat serial port programming la untuk hantar data ke printer.

Cara mudah nak pakainya macam ni.

Untuk design resit, boleh guna label vista. Program ni datang sekali dengan printer ni.
Untuk grafik, font yang x standard, kena upload ke printer terlebih dahulu sebelum boleh pakai.
Lepas tu, untuk text just guna mana tag untuk replace tag tu nanti dengan value yang sebenar. Sebagai contoh {$tarikh}.
Save file projek label vista tu. Sebenarnya fail project tu dia simpan dalam format CPL.
Untuk program serial port, just read file template tu, replace string tag tu dengan value-value yang sepatutunya dan send ke serial port.
Serial port perlu dibuka sepanjang process printing. Kalau close, printer x akan print resit. Sementara nak tunggu tu, boleh baca status printer busy , paper status dan sebagainya.
Dah siap print, baru la tutup serial port.

DeepSea Obfuscator

2010-03-02T23:47:00.000-08:00

Aku nk obfuscate kod automatik bila aku compile projek.
Setakat yang aku try, aku jumpa DeepSea Obfuscator dan aku rasa agak menarik untuk dicuba.

Boleh pakai secara external atau integrate terus dengan .NET 2005/2010.
Senang je nak pakai, since just set config atau load config guna software dia dan load balik masa compile.

Untuk ILmerge aku dah pakai script lain masa post-build.
Jadi aku boleh automatekan code merge & obfuscate semasa build time.

url : http://www.deepseaobfuscator.com/home.aspx

Using ILMerge in a post build step

2010-03-02T23:40:00.000-08:00

Reference : http://geekswithblogs.net/mapfel/archive/2008/11/01/126469.aspx

I want automate the ILMerge process on build time.
I found this article and it works for me with minimal modification.

This is my ilmerge.bat file content

ECHO parameter=%1
CD %1
D:
COPY testLib.dll temp.dll
"C:\Program Files\Microsoft\ILMerge\ILMerge.exe" /out:testlib2.dll testLib.dll VL.dll
DEL temp.dll

on project configuration, build event just add below text in post-build event

"$(TargetDir)ILMerge.bat" "$(TargetDir)"

Couldn't open outlook Windows

2009-12-18T05:08:00.001-08:00

My boss asked me, why his outlook couldn't be started and keep giving the error message "Couldn't open outlook Windows". Luckily I found the solution on google.

Just open the start menu dan type outlook /resetnavpane on the run command text box.
If you could'nt find the run command text box, just simply press the Windows button and R button simultaneously.

Now he can start the outlook dan running faster than ever.

Lighttpd PHP File Upload - Error 413 request entity is too large

2009-12-15T03:02:00.001-08:00

I'm having problem with PHP File upload running on lighttpd web server deployed on my VortexSX86. Lighttpd keep giving me the 413 error message ( 413 request entity is tool large)

Open /etc/lighttd/lighttpd.conf change the following parameters :

server.max-request-size=100000000     # or whatever you want max file size to be
server.upload-dirs=( "/mnt" )     # location to place the uploaded file
                               # probably should be the same as php.ini
server.network-backend="write"    # this one was the key one for me

if the value of "write" doesn't work, try "writev".

server.network-backend="write" or server.network-backend="writev"

Make sure the upload directory is exist and writable.
Done.

GWT Property Grid Readonly

2009-11-19T22:47:00.000-08:00

In my case I want to set the property grid to read only mode.
How I can do that?

Readonly. Can't copy.

Just add the editor event listener of the property panel, and on doBeforeEdit, set to always return false;

LTCInfoGrid.addEditorGridListener(new EditorGridListenerAdapter(){
        @Override
        public boolean doBeforeEdit(GridPanel grid, Record record, String field, Object value, int rowIndex, int colIndex) {
            return super.doBeforeEdit(grid, record, field, value, rowIndex, colIndex);
        }
)};

Read only. Can copy & modified but reset the changes.

Add the listener to editor listener, on doValidateEdit, set to always return false


LTCInfoGrid.addEditorGridListener(new EditorGridListenerAdapter(){

 @Override
 public boolean doValidateEdit(GridPanel grid, Record record, String field, Object value, Object originalValue, int rowIndex, int colIndex) {
     return false;
 }
});

SSH login without password

2009-11-16T13:52:00.000-08:00

Source : http://linuxproblem.org/art_9.html
Note : Aku dah try. Jalan.

Your aim

You want to use Linux and OpenSSH to automize your tasks. Therefore you need an automatic login from host A / user a to Host B / user b. You don't want to enter any passwords, because you want to call ssh from a within a shell script.

How to do it

First log in on A as user a and generate a pair of authentication keys. Do not enter a passphrase:


a@A:~> ssh-keygen -t rsa
Generating public/private rsa key pair.
Enter file in which to save the key (/home/a/.ssh/id_rsa):
Created directory '/home/a/.ssh'.
Enter passphrase (empty for no passphrase):
Enter same passphrase again:
Your identification has been saved in /home/a/.ssh/id_rsa.
Your public key has been saved in /home/a/.ssh/id_rsa.pub.
The key fingerprint is:
3e:4f:05:79:3a:9f:96:7c:3b:ad:e9:58:37:bc:37:e4 a@A

Now use ssh to create a directory ~/.ssh as user b on B. (The directory may already exist, which is fine):

a@A:~> ssh b@B mkdir -p .ssh
b@B's password:

Finally append a's new public key to b@B:.ssh/authorized_keys and enter b's password one last time:

a@A:~> cat .ssh/id_rsa.pub | ssh b@B 'cat >> .ssh/authorized_keys'
b@B's password:

From now on you can log into B as b from A as a without password:

a@A:~> ssh b@B hostname
B

A note from one of our readers: Depending on your version of SSH you might also have to do the following changes:

* Put the public key in .ssh/authorized_keys2
* Change the permissions of .ssh to 700
* Change the permissions of .ssh/authorized_keys2 to 640

Web Auto Update (Linux + PHP)

2009-11-16T00:30:00.000-08:00

In my project, the controller will be place at the remote site (like sabah & sawarak) and having sluggish internet connection. I need the controller to automatic update the firmware during the transfer.

How to do it?

download the update script.

wget http://192.168.0.8/ipvision-client/tools/autoupdate.php?id=IPV0001 -O autoupdate.sh
Change the script file permission to allow execute.
/bin/chmod 777 autoupdate.sh
Execute the script

bin/sh /tmp/autoupdate.sh
update the status, so this operation not reoccur.

wget http://192.168.0.8/ipvision-client/tools/autoupdate.php?id=IPV0001&action=done
put the script on cron job.

Fileupload firmware update (linux + php)

2009-11-16T00:14:00.000-08:00

I would like to perform the firmware update over file upload in my current project.
In my case I'm using Linux + PHP running on my vortex86SX controller.

How to do it ??

Just pack all the updated files together and create a installation script (shell script) called installupdate.sh.
Since shell script created is created on Windows, Linux is having problem to execute the script since it don't understand the additional trail ("\r") for new line. I use this command to remove the "\r" character.

/bin/cat /tmp/installupdate/installupdate.sh | /bin/tr -d "\r" > /tmp/installupdate
change permission of installation script to enable execute.
run the installation script
remove all the temporary files

Full code :

function installupdate(){
 $uploadfile = '/tmp/installupdate.zip';
 //phpinfo();
 if (move_uploaded_file($_FILES['uploadfile']['tmp_name'], $uploadfile)) {
     $cmd='/bin/mkdir /tmp/installupdate
     /bin/unzip -o /tmp/installupdate.zip -d /tmp/installupdate
     cd /tmp/installupdate/
     /bin/cat /tmp/installupdate/installupdate.sh | /bin/tr -d "\r" > /tmp/installupdate/installupdate.sh
     /bin/chmod 777 /tmp/installupdate/installupdate.sh
     /bin/sh /tmp/installupdate/installupdate.sh
     /bin/rm /tmp/installupdate.zip
     /bin/rm /tmp/installupdate -r
     ';         
     echo "File is valid, and was successfully uploaded.\n";
     system("$cmd");
 } else {
     echo "Possible file upload attack!\n";
 }
}

GWT-Ext & PHP , Glassfish & Apache

2009-11-04T06:34:00.000-08:00

Berikut cara macam mana nak guna GWT-Ext dalam Galssfish dan data dalam Apache-PHP.

1. Install Quercus. Ni carik post aku sebelum ni.
2. Create gateway script dalam glassfish (php-Quercus). Nama fail sebaiknya sama dengan nama fail dalam apache (php).

Fail scriptnya adalah seperti di bawah. Support untuk GET, POST & SESSION.

// create a new cURL resource
$ch = curl_init();
// set URL and other appropriate options
curl_setopt($ch, CURLOPT_URL, "http://localhost/adapt-gwt/index.php");
curl_setopt($ch, CURLOPT_HEADER, false);
curl_setopt($ch, CURLOPT_VERBOSE, true);

curl_setopt($ch, CURLOPT_COOKIEJAR, 'cookies.txt');
curl_setopt($ch, CURLOPT_COOKIEFILE, 'cookies.txt');

curl_setopt($ch, CURLOPT_POST, true);
curl_setopt($ch, CURLOPT_POSTFIELDS, $_POST);

// grab URL and pass it to the browser
curl_exec($ch);
// close cURL resource, and free up system resources
curl_close($ch);
?>

Install quercus -100% Java implementation of the PHP

2009-11-04T06:22:00.000-08:00

Berikut adalah cara-cara untuk install quercus.

1. Download fail .war dari web http://quercus.caucho.com/
2. Deploy fail .war dalam glassfish.
3. Extract fail .war dan copy semua fail .jar dalam folder /WEBINF/lib/ ke folder GLASSFISH_HOME/domains/domain/lib.
4. Tambah servlet & mapping dalam web.xml

<servlet> <servlet-name>Quercus Servlet</servlet-name> <servlet-class>com.caucho.quercus.servlet.QuercusServlet</servlet-class> </servlet> <servlet-mapping> <servlet-name>Quercus Servlet</servlet-name> <url-pattern>*.php</url-pattern> </servlet-mapping>

6. create fail index.php dan deploy.
7. Try access fail php dari web browser.

GWT-Ext dengan PHP

2009-11-04T06:13:00.000-08:00

Oleh kerana aplikasi GWT-Ext perlu menggunakan JAVA, agak susah untuk menggunakan data dari domain yang berlainan. Contohnya :

GWT -Glassfish guna port 16476.
PHP-Apache guna port 80.

Terdapat 2 cara untuk menggunakan php.
1. Install quercus -100% Java implementation of the PHP dan guna quercus ni saja.
2. Install quercus -100% Java implementation of the PHP dan guna PHP pada apache web server pada port 80. Kena pakai CURL.

SSH Reverse Tunneling

2009-10-15T03:05:00.000-07:00

Hari yang x berapa memberansangkan walapun banyak keje siap hari ni.
Hari ni aku nak cerita sikit pasal SSH Remote Tunnling. Aku buat ni sebab aku nak masuk ke Linux board aku yang aku remote site tapi dia x de public ic untuk access direct. So kena la buat ssh reverse tunneling.

Dekat Controller :
ssh -R 2000:127.0.0.1:22 root@remoteserver.com

Dekat PC aku pulak kena buat 2 connection.

1st untuk buat poft forwarding port ke local port.
ssh -L 90:127.0.0.1:2000 root@remoteserver.com

jadi aku dah buat tunneling port 90 (pc aku) ke port 2000 kat remote server --> controller port 22.

Jadi, untuk masuk ke console controller aku tu :
ssh root@127.0.0.1 -p 90

jadi boleh la aku masuk ke console controller aku tu dan buat la apa-apa yang aku nak buat.

.NET Licensing

2009-09-27T23:44:00.001-07:00

I'm going to put the license component in my .Net program and considering the license for developer and run time.Microsoft already provide several licensing model in .NET such as Registry or Lic File.As for me, I'm prefer to use WMI with a propitiatory algorithm such as encryption to generate the license as I can generate an unique license key for each computer.

This how we could do that :

For Developer (Design Time) :

if (System.ComponentModel.LicenseManager.CurrentContext.UsageMode ==
System.ComponentModel.LicenseUsageMode.Designtime)
      {
          throw new System.Exception("Design Time License Required");
      }

For run time :


if (System.ComponentModel.LicenseManager.CurrentContext.UsageMode == System.ComponentModel.LicenseUsageMode.Runtime)
         {
             throw new System.Exception("Run Time License Required");
         }

For more details you can refer to these links :

How to display your web site logo on the address bar and in the favorites list

2009-09-04T20:23:00.000-07:00

Source : http://www.chami.com/tips/internet/110599I.html

Want to make your web site standout in crowded favorites lists in browsers and address bars? How about displaying your logo next to links to your site.

First, you have to create a logo for your site; a very tiny logo to be specific. The size of the logo should be 16x16 pixels and it should be saved as a Windows icon file (logo.ico for example). If your image editor doesn't support saving files in Windows icon format, you can use the following online tool or download an icon editor from a shareware site.

Once you have an icon file with your logo, you're ready to take the final step. Following methods will work in Explorer 5.x and higher without having any negative effects on other browsers.

Method 1

This is the easiest method to implement and it will work regardless of the particular page on your site users choose to add to their favorites list. Don't worry if you don't have access to your web site root; take a look at the next method.

If you have access to the root of your web site, simply save your icon file as "favicon.ico" there. For example, if your web site is "www.chami.com", your icon file should be available at "www.chami.com/favicon.ico". The web browser will look for favicon.ico whenever your site is added to the favorites list and if it is found at the root of your web site, the icon will appear next to the link to your site.

Method 2 If you don't have access to the root of your web site, you have to add the following tag to your web page so that the browser will know where to look for your icon. Unlike before, this time you can save the icon under any name ending with ".ico" We'll use the name "logo.ico" and assume that your web site is under the directory "~your_directory".

Above tag should be inserted in-between the and tags.

By the way, you can specify multiple logos for multiple pages using the second method. Simply save your icons using unique names, such as logo1.ico, logo2.ico, logo3.ico for example, and replace "logo.ico" in the above HTML code with the name of the icon you want to use for any particular page.

innodb_file_per_table

2009-08-01T07:48:00.000-07:00

innodb_file_per_table
Source : http://capttofu.livejournal.com/11791.html

In a previous post, I was trying to figure out the most optimal way to switch from two large innodb table space files to using innodb_file_per_table to take advantage of some of the benefits of this setting. I had one part of it solved, which was to stop MySQL, add innodb_file_per_table to the my.cnf, then restart, perform a "no-op" alter of "ALTER TABLE t1 ENGINE=InnoDB" which would cause the table to be re-created an it's own .ibd file. The remaining problem was how to be able to resize the huge table space files after converting all the tables to a smaller size (in my case from 10GB to 10MB).

Someone suggested a better way:

1. Alter all innodb tables to MyISAM
2. Stop the server
3. Add innodb_file_per_table to my.cnf
4. Change innodb_data_file_path to new settings (10MB tablespaces) in my.cnf
5. Move all innodb files (logs, data) to a backup directory
6. Restart MySQL
7. Alter all tables converted to MyISAM back to InnoDB

This works great! I think using ALTER vs. dumping the data is the fastest way, for me at least.

InnoDB Tablespace Size

2009-08-01T07:30:00.000-07:00

InnoDB Tablespace Size
Source :http://optimmysql.blogspot.com/2007/07/innodb-tablespace-size.html

Unlike MyISAM where data for individual tables is stored in their respective files, InnoDB stores data in a tablespace. By default, there is one single tablespace and data of all the databases is stored in one file. This file has data dictionary, tables, as well as indexes in it. There is a global parameter innodb_data_file_path that defines this tablespace file. It has a syntax like ibdata1:256M:autoextend, this means at the beginning a file of size 256 MB will be created and then whenever the data size exceeds this, the file will be auto-extended. The innodb_autoextend_increment variable defines in MB's that by how much each increment should be.

Let's see how well can we play around:

Inserts: Suppose you have too many inserts and InnoDB is extending the file too frequently. It makes sense to increase the value of innodb_autoextend_increment. Say we increase it to 16MB, then obviously the number of attempts to autoextend tablespace comes down by a factor of 2, hence performance. But beware before you take it too easy and increase the value too much. There is a big trap, we will come to it shortly.
Deletes: Here is the trap. You have a 10 GB tablespace (after too many autoextends), delete some 5 GB data (data + indexes) and think now the tablespace is 5 GB. Wrong, InnoDB doesn't have the notion of giving back space to the file system. Though, it will make sure to use the freed up space for further inserts. So, this method directly cannot be used to free disk space. So, in case you have data which you can get rid of, get rid of quickly before the next autoextend is done. One thing that can be done to reclaim space is to use OPTIMIZE TABLE frequently enough on tables that have high volume of inserts and deletes. But again remember, MySQL locks a table during the time OPTIMIZE TABLE is running. Another Gotcha, right? OPTIMIZE TABLE does several other things for which it makes sense to run it, though not that frequently. I will be posting a blog soon on it.
Separate Files per Table: InnoDB provides this option where data (data + indexes) for each table can be stored in a separate file through a global variable innodb_file_per_table. Though still a shared tablespace will be created for storing the likes of data dictionary et al. But still this approach makes sense as having data in small chunks (separate files) will improve the scope of managing them well and may increase performance in general.
Fixed Tablespace size: One way to work around with the tablespace file size problems is to fix the tablespace size (remove autoextend) to an extrapolated value. So, when you hit the limit, you know it is time to cleanup. This is not that viable with all the applications, as extrapolation is not always possible. And also it increases the complexity of the application, which then needs to take care of all such error conditions and not lose any data.

So, where does this end? You need to figure out what your data is, how critical it is, what all you want to do with it, what all you want your data to do. Then take some of the following steps.

Move to MyISAM: For all the tables (or even databases), for which you feel data is not that critical to have transactions et al, move them to MyISAM. So, for the problem we can't solve completely, we destroy the problem.
Separate Tablespace: Its a lot easier to maintain 10 small problems than a single big one.
Delete data/OPTIMIZE TABLE: Figure out how soon you can get rid of data. You actually don't need to delete data as it is. Transfer it to a MyISAM table, compress the file and archive it somewhere else and then delete it from the main table. Likewise there are many ways to do it. Run OPTIMIZE TABLE frequently enough so that it doesn't bother your reads and writes too much and also it doesn't take too much time to run.

Hope this blog was helpful to you. Keep posting your comments.

C# Clone Image

2009-07-23T19:13:00.000-07:00

Aku tengah buat image processing program ada masalah masa clone image. Image yang dah asal yang dah diclone dan diproses turut menjejaskan image asal. Jadi aku cari jumpa code ni :

public static Image cloneImage(Image srcImage){
if (srcImage == null) return null;
Bitmap copy = new Bitmap(srcImage);
using (Graphics g = Graphics.FromImage(copy))
{
g.DrawImage(srcImage,new Rectangle(0, 0, srcImage.Width, srcImage.Height));
}
return copy;
}

Compact Framework Load Image

2009-07-14T08:40:00.000-07:00

Biasanya aku guna image.fromFile je untuk load image, tapi tak de pulak dalam compact framework. Kena pakai bitmap (ada 2-3 cara). Aku tunjuk satu je la ek.

private void loadLogo() {
  String logoFile = Utils.getCurrentDirectory() + "\\logo.jpg";
  System.IO.FileStream fs=new System.IO.FileStream(logoFile,System.IO.FileMode.Open);
  picLogo.Image = new Bitmap(fs);
  fs.Close();
}

Compact Framework Get Current Directory

2009-07-14T04:25:00.000-07:00

Aku tengah buat projek PDA. By default compact framework tak support cara untuk dapatkan current directory guna System.IO. Kena guna cara lain, seperti di bawah :

System.IO.Path.GetDirectoryName(
System.Reflection.Assembly.GetExecutingAssembly().GetName().CodeBase
);

PHP Exec function Alternative

2009-02-25T05:24:00.000-08:00

Dalam projek linux aku ni, aku nak exec command linux untuk control proses x dapat nak buat sebab masalah dengan php exec function. Dia run tapi disebabkan priviledge problem x jadi2 aku buat. Habis aku configure safe_mode option kat php semua x jadi.

Last aku teringat Jimin cerita dia buat VPN pakai SSH. Aku pun try. Alhamdulillah jadik.
Script akan sentiasa looping.
Koronologinya :

Start loop
Ada satu script yang sentiasa monitor file command
kalau file tu ada, dia exec
sleep 2 saat
delete file tersebut lepas dia execute
kalau x de file tu, sleep 2 saat
Loop lagi
Tammat.

Contohnya mcm kat bawah :

#!/bin/sh
while [ 1 -ne 2 ]
do
if [ -f /opt/lampp/htdocs/ipvision-client/cmd.sh ]; then
/bin/chmod 777 /opt/lampp/htdocs/ipvision-client/cmd.sh
/bin/sh /opt/lampp/htdocs/ipvision-client/cmd.sh
sleep 2
/bin/rm /opt/lampp/htdocs/ipvision-client/cmd.sh
fi
sleep 2
done

p/s : boleh pendekkan lagi script ni.

Linux auto reboot on Kernel panic

2009-02-25T04:37:00.000-08:00

Tertinggal henset kat rumah hari ni.
Takpe, kerja diteruskan. Aku tengah buat projek on Linux on tiny board.
Boot pakai usb. Kadang2 terjadi kernel panic. Carik punya jumpa cara yang simple.

pada bootloader config just tambah satu lagi paramter panic=5 , untuk saat. Nak lebih tambah sendirik. Hemo..hemoo..

Contonhnya macam kat bawah (sysLinux)

LABEL LINUX
KERNEL linux
APPEND root=/dev/sda3 rootdelay=10 panic=5

GWT HIbernate Native Query

2009-02-09T20:10:00.001-08:00

Dalam aku dok try GWT + RPC + Hibernate, aku try la guna JPA (Java Persistent API) untuk manage database connection. Aku pakai EntityManager dengan annotation @persistentcontext.
Yang semua ok tapi untuk nativeQuery tanpa class object diberi aku dapat output yang berbeza.

Untuk toplink/EclipseLink : aku dapat sebagai List.
Pakai print toString outputnya = [[value1,value2],[value1,value2]]

Untuk yang lain (Hibernate/OpenJPA,KODO) : Ouputnya adalah object[][]
Pakai print toString outputnya = Object[][];

Contohnya macam kat bawah ni.

public List getSQLQuery(String sql) {
Query query = em.createNativeQuery(sql);
return query.getResultList();
}

GWT Custom Seriallizable HashTable

2009-02-09T20:04:00.000-08:00

Untuk memudahkan data exchange antara server & client serta memudahkan client mencapai data, aku create satu seriallizable class ala hashtable. Pengguna boleh panggil data guna index atau key. Senang bukan ?

Anyway seperti, code dia ada kat bawah ni.

/*
* To change this template, choose Tools | Templates
* and open the template in the editor.
*/
package my.com.client;

import com.gwtext.client.data.BooleanFieldDef;
import com.gwtext.client.data.FloatFieldDef;
import com.gwtext.client.data.IntegerFieldDef;
import com.gwtext.client.data.Record;
import com.gwtext.client.data.RecordDef;
import com.gwtext.client.data.StringFieldDef;
import java.io.Serializable;
import java.util.ArrayList;
import java.util.List;

/**
*
* @author Peyo
*/
public class MyHashTable implements Serializable {

private ArrayList alValue = new ArrayList();
private ArrayList alKeys = new ArrayList();

public MyHashTable() {
}

public MyHashTable(List list, Object[] keys) {
for (int i = 0; i < list.size(); i++) {
for (int k = 0; k < keys.length; k++) {
add(keys[k], list.get(k));
}
}
}

public MyHashTable(Record record, RecordDef recordDef) {
alValue.clear();
alKeys.clear();
for (int i = 0; i < recordDef.getFields().length; i++) {
String fieldname = recordDef.getFields()[i].getName();
if (recordDef.getFields()[i].getClass().equals(StringFieldDef.class)) {
String value = record.getAsString(fieldname);
add(fieldname, value);
} else if (recordDef.getFields()[i].getClass().equals(IntegerFieldDef.class)) {
Integer value = record.getAsInteger(fieldname);
add(fieldname, value);
} else if (recordDef.getFields()[i].getClass().equals(FloatFieldDef.class)) {
Float value = record.getAsFloat(fieldname);
add(fieldname, value);
} else if (recordDef.getFields()[i].getClass().equals(BooleanFieldDef.class)) {
Object value = record.getAsBoolean(fieldname);
} else {
Object value = record.getAsObject(fieldname);
add(fieldname, value);
}
}
}

public final ArrayList getKeys() {
return alKeys;
}

public Object getValue(
Object key) {
Integer index = checkKeyExist(key);
if (index > -1) {
return alValue.get(index);
}

return null;
}

public Object getValue(Integer index) {
return alValue.get(index);
}

public Integer getCount() {
return Integer.valueOf(alKeys.size());
}

public void add(Object key, Object object) {
alValue.add(object);
alKeys.add(key);
}

public void updateItem(Object key, Object value) {
int index = checkKeyExist(key);
if (index > -1) {
alValue.set(index, value);
}
}

public void deleteItem(Object key) {
int index = checkKeyExist(key);
if (index > -1) {
alValue.remove(index);
alKeys.remove(index);
}
}

private Integer checkKeyExist(Object key) {
for (int i = 0; i <
alKeys.size(); i++) {
if (alKeys.get(i).equals(key)) {
return Integer.valueOf(i);
}

}
return Integer.valueOf(-1);
}

public Object[] toArray() {
return alValue.toArray();
}

public Record toRecord(
RecordDef recordDef) {
Object[] obj = new Object[recordDef.getFields().length];
for (int i = 0; i <
recordDef.getFields().length; i++) {
obj[i] = getValue(recordDef.getFields()[i].getName());
}

Record record = recordDef.createRecord(obj);
return record;
}
}

GWT RPC Custom Service Manager

2009-02-09T18:07:00.001-08:00

Untuk memudahkan aku access kepada service GWT yang telah aku buat, aku create satu Service Manager class untuk manage service-service yang ada. Jadi x perlua setiap kali nak guna service tu declare satu persatu. Call aje, senang.

Actually, yang bahagian if else tu patutnya x ada, tapi sebab benda ni x stable aku terpaksa juga buat.

package my.com.client.common;

import com.google.gwt.core.client.GWT;
import com.google.gwt.user.client.rpc.ServiceDefTarget;
import my.com.client.GeneralSettings.GeneralSettingsService;
import my.com.client.GeneralSettings.GeneralSettingsServiceAsync;
import my.com.client.lecturer.LecturerService;
import my.com.client.lecturer.LecturerServiceAsync;
import my.com.client.login.LoginService;
import my.com.client.login.LoginServiceAsync;
import my.com.client.semester.SemesterService;
import my.com.client.semester.SemesterServiceAsync;
import my.com.client.subject.SubjectService;
import my.com.client.subject.SubjectServiceAsync;

/**
*
* @author Peyo
*/
public class ServiceManager {

public static LoginServiceAsync getLoginService() {
return (LoginServiceAsync) getService(LoginService.class,"loginservice");
}

public static SubjectServiceAsync getSubjectService() {
return (SubjectServiceAsync) getService(SubjectService.class,"subjectservice");
}

public static GeneralSettingsServiceAsync getGeneralSettingService() {
return (GeneralSettingsServiceAsync) getService(GeneralSettingsService.class,"generalsettingsservice");
}

public static SemesterServiceAsync getSemesterService(){
return (SemesterServiceAsync) getService(SemesterService.class,"semesterservice");
}

public static LecturerServiceAsync getLecturerService(){
return (LecturerServiceAsync) getService(LecturerService.class,"lecturerservice");
}

private static Object getService(Class myclass,String relativeurl) {
Object service=null;
if (relativeurl.equals("subjectservice")) {
service = GWT.create(SubjectService.class);
}else if(relativeurl.equals("loginservice")){
service = GWT.create(LoginService.class);
}else if(relativeurl.equals("generalsettingsservice")){
service = GWT.create(GeneralSettingsService.class);
}else if(relativeurl.equals("semesterservice")){
service = GWT.create(SemesterService.class);
}else if(relativeurl.equals("lecturerservice")){
service = GWT.create(LecturerService.class);
}

//service = GWT.create(myclass);
ServiceDefTarget endpoint = (ServiceDefTarget) service;
String moduleRelativeURL = GWT.getModuleBaseURL() + relativeurl;
endpoint.setServiceEntryPoint(moduleRelativeURL);
return service;
}
}

GWT Custom Exception

2009-02-09T17:38:00.000-08:00

Masa guna gwt-rpc-java servlet aku kena buat server side error handling.
Untuk membolehkan exception tu boleh cross antara server side & client side aku kena buat satu exception class aku sendiri yang extend dari serializableException.
Code dia ada kat bawah tu aku pastekan.

/*
* To change this template, choose Tools | Templates
* and open the template in the editor.
*/
package my.com.client.common;

import com.google.gwt.user.client.rpc.SerializationException;

/**
*
* @author Peyo
*/
public class MyException extends SerializationException {

public MyException() {
super();
}

public MyException(String string) {
super(string);
}

public MyException(Throwable cause) {
super(cause);
}

public MyException(String string,Throwable cause) {
super(string, cause);
}
}

QR Code Testing Updates

2008-12-30T23:27:00.000-08:00

Aku baru je test satu lagi projek QRCode, ZXing. Actually projek ni adalah projek untuk baca semua jenis barcode. Aku dah test dengan beberapa jenis QRCode yang aku dah generate. Bagusnya dia boleh detect QRCode dalam semua arah walaupun telah dirotate.

Dalam post aku sebelum ni, projek tu x boleh recognize kalau QRcode tu dah dirotate beberapa degree.

Kalau nak try, boleh gi web ni. Ader link untuk online encode & decode.
http://code.google.com/p/zxing/

GWT Ext Grid Remote Paging + PHP JSON

2008-12-29T02:51:00.000-08:00

Aku tengah belaja cara nak pakai Google Web Toolkit sendiri lepas Jimin tunjuk kat aku projek dia yang pakai GWT ni. Maklumat lanjut pasal GWT ni boleh rujuk kat sini.

http://code.google.com/webtoolkit/
http://extjs.com
http://www.gwt-ext.com
http://code.google.com/p/cypal-studio/

Masa aku try, aku berdepan dengan satu masalah. Macam mana nak buat remote paging & sort remotely pakai JSON. Dekat sehari aku try baru berjaya. Masa aku deploy error ada popup message Error:Expected";". Rupanya, GWT ni dia pakai Callback untuk JSON dia.

online demo kat sini
http://www.gwt-ext.com/demo/#remotePagingGrid

Full URL yang dipanggil oleh GWT setiap kali ke page seterusnya adalah seperti di bawah:
http://extjs.com/forum/topics-browse-remote.php?start=25&limit=25&sort=lastpost&dir=DESC&_dc=1203168761468&callback=stcCallback1002

Kalau dalam PHP kena buat macama ni.

$arr = array('totalCount'=>"4",'topics'=>$data);
$jsonstr= json_encode($arr);
print $_GET['callback']."(".$jsonstr.");";
?>

AES Random IV

2008-12-04T01:23:00.001-08:00

Sebenarnya lama dah aku nak try buat random IV untuk Rjindael Encryption ni. Actually Jimin pernah tunjuk kat aku tapi tu dah setahun yang lepas rasanya. Mostly, sample kat internet dia buat ambik dari Hash (SHA atau MD5) dari salt. 32 byte pakai untuk key , 16 byte pakai untuk IV.

Semalam aku sempat try sambil2 aku tolong staf aku buat secure config.

Apa kejadahnya IV ni?

IV ni sebenarnya adalah Initiallized Vector. IV ni akan menentukan output encryption. kalau pakai statik IV, password yang sama dan data yang sama, hasil output akan konsisten je setiap kali encrypt. Kalau pakai random IV ni, password sama dan data yang sama, hasil outputnya akan berbeza setiap kali encrypt. Jadi, ini menjadikan ia lebih susah untuk dihack(aku rasala). Tambah2 lagi kalau digunakan dalam watermarking atau steganography.

Nak cerita lebih2 pun payah, takut x paham pulak. aku letak code dia kat sini. Korang try la sendiri kalau nak la. X nak sudah..... hahahhahah...

Imports System.Security.Cryptography
Imports System.IO

Public Class clsAESJCE
Public Shared Function Encrypt(ByVal data() As Byte, ByVal key As String) As Byte()
Dim ms As New MemoryStream
Dim AES As New System.Security.Cryptography.RijndaelManaged
Dim SHA As New SHA512Managed

Dim keybyte() As Byte = System.Text.ASCIIEncoding.ASCII.GetBytes(key.ToCharArray)
Dim HashByte() As Byte = SHA.ComputeHash(keybyte)

Dim keys(31) As Byte
Dim IV(15) As Byte

System.Array.Copy(HashByte, 0, keys, 0, 32)
'System.Array.Copy(HashByte, 32, IV, 0, 16)

AES.KeySize = 256
'AES.BlockSize = 256
AES.Mode = CipherMode.CBC
AES.Padding = PaddingMode.PKCS7
AES.GenerateIV()

Dim newdata() As Byte
Try
Dim objCryptoStream As CryptoStream
objCryptoStream = New CryptoStream(ms, AES.CreateEncryptor(keys, IV), CryptoStreamMode.Write)
objCryptoStream.Write(data, 0, data.Length)
objCryptoStream.FlushFinalBlock()

newdata = ms.ToArray()
objCryptoStream.Close()
ms.Close()
Catch ex As Exception

End Try

Return newdata
End Function

Public Shared Function Decrypt(ByVal data() As Byte, ByVal key As String) As Byte()

Dim ms As New MemoryStream(data)
Dim AES As New System.Security.Cryptography.RijndaelManaged
Dim SHA As New SHA512Managed

Dim keybyte() As Byte = System.Text.ASCIIEncoding.ASCII.GetBytes(key.ToCharArray)
Dim HashByte() As Byte = SHA.ComputeHash(keybyte)

Dim keys(31) As Byte
Dim IV(15) As Byte

System.Array.Copy(HashByte, 0, keys, 0, 32)
'System.Array.Copy(HashByte, 32, IV, 0, 16)

AES.KeySize = 256
'AES.BlockSize = 256
AES.Mode = CipherMode.CBC
AES.Padding = PaddingMode.PKCS7
AES.GenerateIV()

Dim newdata(data.Length - 1) As Byte
Dim iRead As Integer = -1
Try
Dim objCryptoStream As CryptoStream
objCryptoStream = New CryptoStream(ms, AES.CreateDecryptor(keys, IV), CryptoStreamMode.Read)

iRead = objCryptoStream.Read(newdata, 0, newdata.Length)

objCryptoStream.FlushFinalBlock()
objCryptoStream.Close()
ms.Close()
Catch ex As Exception

End Try
ReDim data(iRead - 1)
System.Array.Copy(newdata, 0, data, 0, iRead)
Return data
End Function
End Class

QR Code

2008-11-20T01:50:00.000-08:00

Masa aku tengah carik2 paper on Wavelet. Mojette Transform & watermarking aku terbaca pasal QR Code. Actually dia lebih kurang macam project Optar (lihat post aku sebelum ni).

Actually QR Code ni adalah 2D barcode. Dicipta oleh Denso Wave Incorporated dan banyak digunakan dalam industri di seluruh dunia. Lebihnya QR Code ni dia laju, kapasiti besar dan saiznya yang lebih kecil berbanding dengan teknik barcode yang lain.

Aku tengah test dengan beberapa keadaan untuk test ketahanan & charateristic QR Code ni. Harap2 aku boleh implement dalam projek watermarking aku nanti.

Nak tahu lebih lanjut baca kat sini :
http://code.google.com/p/zxing/ (Open Source Java Project)
http://www.denso-wave.com/qrcode/qrgene1-e.html (Denso Wave Inc.)
http://www.codeproject.com/KB/cs/qrcode.aspx (Open Source C# project)
http://en.wikipedia.org/wiki/QR_Code

Covariance matrix

2008-11-19T04:39:00.000-08:00

Prof Christian Bharat, dari Antropolis,Nice,France datang buat lawatan kerja kat opis aku. Prof Marzuki mintak dia consult researchers kat opis aku (CAIRO) on projek Kenalkayu.

Aku try nak buat program untuk kurangkan features untuk training database kenalkayu (ni actually hasil kajian Prof Christian tu la). Nak buat benda ni kena pakai matrix. Tiba-tiba aku check x de la pulak function Covariance dalam library matrix tu. Ahh... sudah. Jenus nak kena carik pulak. Dalam matlab satu baris je Cov(M).

Jadi aku pun berhempas pulas la dengan Due(email glamor dia =MrUTM) nak buat benda ni. Akhirnya berjaya jugak.Ni aku pastekan code dalam VB.NET yang aku buat.

Private Function Covariance(ByVal M As CSML.Matrix, Optional ByVal N As Integer = 0)
Dim iRow As Integer = M.Size(0)
Dim iCol As Integer = M.Size(1)

Dim i, j As Integer
'Console.WriteLine("Mean")
'Dim MeanMat As New CSML.Matrix(Mean)
'Console.WriteLine(MeanMat.ToString)
Dim MeanMat As CSML.Matrix = Mean(M)
Me.PrintMatrixSize("Covariance Mean=", MeanMat)
Me.PrintMatrix("Covariance Mean=", MeanMat)

Dim A As New CSML.Matrix
For i = 1 To iRow
Dim B As CSML.Matrix = M.Row(i) - MeanMat.Row(1)
A.InsertRow(B, i)
Next
'Console.WriteLine(A.ToString)

Dim AT As CSML.Matrix = A.Transpose
Dim covMat As CSML.Matrix = AT * A

Dim divider As Integer = iRow - 1
If N = 1 Then
divider = iRow
End If

covMat = covMat / divider
'Console.WriteLine(covMat.ToString)
Return covMat
End Function

Library matrix(C#) boleh download kat sini :
http://www.codeproject.com/KB/cs/CSML.aspx

References :
http://en.wikipedia.org/wiki/Covariance_matrix

Dynamic Pattern Recognition : Temporal Planification of Classification Tools eFISH : Recognition of Fish Freshness

2008-11-04T21:59:00.000-08:00

Hari ni Prof. Pierre Loonis dari Institut Sup´erieur de l’Automobile et des Transports - ISA, Universit ´e de Bourgogne datang bagi Talk sikit pasal Dynamic Pattern Recognition. Dia buat satu sistem untuk dapatkan tahap kesegaran ikan di pasar La Rochelle. 7 tahun dia buat research ni. Dia pakai HMM (Hidden Markov Model) + Fuzzy Petri Net. Menarik juga idea dia.

Dia tinggalkan presentation dalam PC aku. Aku masukkan dalam blog ni. Kalau nak cari ada dalam blog.

Kalau nak tengok presentation di ada kat sini,
http://sites.google.com/site/peyotest/file-c/utm-05nov2009.pdf?attredirects=0

Twibright Optar

2008-11-02T20:52:00.000-08:00

Jimin bagitau aku pasal projek Optar untuk OPTical ARchive. Menarik jugak benda ni boleh aku implement dalam watermarking. Source semua boleh download. Kalau ada masa aku nak port code dia ni ke C#. Senang aku nak pakai nanti.

http://ronja.twibright.com/optar/

LIFO Alarm Processing

2008-10-26T00:15:00.000-07:00

Sekarang aku tengah buat alarm processing untuk support LIFO data transaction. Ini bermakna alarm akan direkodkan tanpa mengira masa dihantar. Jadi setiap kali data dihantar ke server, kita perlu memproses dan membandingkan data yang terima dengan alarm yang telah ada di dalam database.

Boleh tahan jugak memikirkannya. Tapi aku dah jumpa caranya. Nanti aku update post ni nanti dengan cara-cara aku buat.

Seminggu kemudian ....

aku dah siap buat LIFO alarm processing ni.

Katakan kita ada table alarm yang mempunyai field seperti berikut :

alarmid (auto increment)
alarmcode
alamrmdatetime
rtuid
alarmofftime

Processing flownya macam ni:
Kena ambil 1 alarm sebelum dan 1 selepas masa data diterima.

Sebelum	Selepas	Offtime=Set?	Current=Alarm?	Result
X	X	X	1	Create new alarm
X	1	X	1	Update alarm selepas alarmtime=current
X	1	1	1	Update alarm selepas alarmtime=current
1	X	X	X	Update alarm sebelum alarmtime=current
1	X	1	X	Update alarm sebelum current >offtime, create new alarm
1	1	1	X	Update alarm sebelum offtime = current jika current < offtime
1	1	1	1	Update alarm selepas alarmtime=current

MySQL multi keywords search with priority

2008-10-23T21:44:00.001-07:00

Ader org tanya aku pasal nak buat carian nama berdasarkan lebih dari satu keyword dan nak result tu disusun mengikut priority carian tersebut.

kata kan mencari nama manaf osman

nama yang akan keluar :

manaf bin osman
manaf abdul osman
manaf gazali osman
manaf hashim osman
abdul manaf
daud manaf
osman manf

Jadi aku try la buat satu query untuk sort carian tu. Idea dia,

1. Carik location carian tu berlaku untuk setiap keyword.
2. Kalau result location dia 0 (x jumpa), kene jadikan value dia paling tinggi.
3. Left pad kan result dengan kosong di hadapan, max aku pakai 7 digit
4. CONCAT semua result carian.
5. CAST result yang dah di CONCAT kepada nilai integer.
6. Susun mengikut hasil pada no 5.

Ni contoh query yang aku dah buat.

SELECT * FROM (
SELECT CAST(CONCAT(LPAD(BBPos1,7,'0'),LPAD(BBPos2,7,'0')) as UNSIGNED) as Position,CC.* FROM (
SELECT IF(Pos1=0,999999,Pos1) as BBPos1,IF(Pos2=0,999999,Pos2) as BBPos2,BB.* FROM (
SELECT LOCATE('mohd',namapenuh) as Pos1,LOCATE('HJ',namapenuh) as Pos2,AA.* FROM (
SELECT * FROM ahli WHERE namapenuh LIKE '%mohd%'
UNION
SELECT * FROM ahli WHERE namapenuh LIKE '%HJ%'
) as AA
) as BB
) as CC
) as DD ORDER BY Position,namapenuh

Ni kira math dan logik kena power gak la. Macam ninja.

Nin.. Nin..
Hemo... Hemo..

PHP Web Service, .NET Remote MySQL Dataset

2008-10-22T16:41:00.001-07:00

Projek open source aku yang pertama kat google code.
Kebanyakkan web hosting tak membenarkan connection MySQL dari luar untuk dasar keselamatan. Biasanya kalau nak manage ke pakai phpMyAdmin. Tapi kalau database tu dah besar, nak dump data macam lama gila, tambah lagi dengan internet yang slow.

So, aku create la web service pakai PHP dan return data dalam bentuk .NET dataset untuk mudahkan aku process data. Harap projek ni berguna jugak untuk org lain.

Nin...nin..

http://code.google.com/p/phpremotemysqldataset/downloads/list

SQLite for ADO.NET 2.0

2008-10-22T04:45:00.000-07:00

Dalam aku tengah rilek-rilek aku teringat nak carik library untuk develop system PDA guna Sqlite sebagai database. Sebelum ni aku dah guna Sqlite ni untuk desktop application. Kira Ok jugak SQlite ni. Bagus untuk small embbed database dan boleh digunakan dalam CD. Library yang ni ader include sekali binary untuk Compact Framework.

Ni link untuk ke website dia.
http://sourceforge.net/project/showfiles.php?group_id=132486

First Post

2008-10-22T04:34:00.001-07:00

Tujuan aku buat blog ni sebagai catatan berkaitan kerja aku dalam programming. Mungkin org lain pun boleh dapat manfaatnya.