Software
GFCharts Quick Start Print E-mail
Written by Fadi   
Friday, 31 December 2010 17:17
GFCharts is a simple way to integrate the widely popular Fusion Charts in Google Web Toolkit. A chart is simply a GWT Widget in which you can manipulate and use seamlessly...

 

Follow these steps to get started!
  • To start you need to download the stable version of GFCharts!
  • Extraxt The archive and put gfcharts.jar in your build path!
  • Inhert gfcharts in your gwt.xml file:

<inherits name='net.dudesblog.gfcharts.GFCharts'/>

  • In your war folder add the .swf files from fusioncharts pack along with the .js files in a folder called resources > chart > fusion. as the following image suggests:
  • resources
  • Include FusionCharts.js in your application .html file:

  • <script type="text/javascript" language="javascript"
        src="/website/resources/chart/fusion/FusionCharts.js">
    </script>

  • Use it in your client side!

// Create the Data Object
FusionChartExtendedData chartData = new FusionChartExtendedData();

// Add Chart Properties
chartData.addChartProperty("caption", "Population Chart");
chartData.addChartProperty("showValues", "0");
chartData.addChartProperty("sNumberSuffix", "%");
chartData.addChartProperty("decimals", "3");
chartData.addChartProperty("setAdaptiveYMin", "1");
chartData.addChartProperty("setAdaptiveSYMin", "1");
chartData.addChartProperty("lineThickness", "5");

// Add Chart Categories
chartData.addCategory("2000");
chartData.addCategory("2001");
chartData.addCategory("2002");
chartData.addCategory("2003");
chartData.addCategory("2004");
chartData.addCategory("2005");

// Create Data Set
FusionChartExtendedDataSet dataSet = new FusionChartExtendedDataSet();

// Add Data Set Properties
dataSet.addDataSetProperty("seriesname", "Population");

// Add Data Set Values
dataSet.addValue("275562673");
dataSet.addValue("278558081");
dataSet.addValue("280562489");
dataSet.addValue("290342551");
dataSet.addValue("290342551");
dataSet.addValue("293027112");

// Add Data Set To The Chart Data Object
chartData.addDataSet(dataSet);


// Create Data Set
dataSet = new FusionChartExtendedDataSet();

// Add Data Set Properties
dataSet.addDataSetProperty("parentYAxis", "S");
dataSet.addDataSetProperty("seriesname", "Birth Rate");

// Add Data Set Values
dataSet.addValue("1.42");
dataSet.addValue("1.42");
dataSet.addValue("1.41");
dataSet.addValue("1.414");
dataSet.addValue("1.413");
dataSet.addValue("1.414");

// Add Data Set To The Chart Data Object
chartData.addDataSet(dataSet);


// Create Data Set
dataSet = new FusionChartExtendedDataSet();

// Add Data Set Properties
dataSet.addDataSetProperty("parentYAxis", "S");
dataSet.addDataSetProperty("seriesname", "Death Rate");

// Add Data Set Values
dataSet.addValue("0.87");
dataSet.addValue("0.87");
dataSet.addValue("0.87");
dataSet.addValue("0.844");
dataSet.addValue("0.834");
dataSet.addValue("0.825");

// Add Data Set To The Chart Data Object
chartData.addDataSet(dataSet);


// Finally Create The Chart Itself
FusionChartWidget chart = new FusionChartWidget(FusionCharts.MSCombiDY2D, chartData);
chart.setTransparent(true);

// Now add it to a container
somePanel.add(chart);


 

// Create the Data Object
FusionChartExtendedData chartData = new FusionChartExtendedData();

// Add Chart Properties
chartData.addChartProperty("caption", "Population Chart");
chartData.addChartProperty("showValues", "0");
chartData.addChartProperty("sNumberSuffix", "%");
chartData.addChartProperty("decimals", "3");
chartData.addChartProperty("setAdaptiveYMin", "1");
chartData.addChartProperty("setAdaptiveSYMin", "1");
chartData.addChartProperty("lineThickness", "5");

// Add Chart Categories
chartData.addCategory("2000");
chartData.addCategory("2001");
chartData.addCategory("2002");
chartData.addCategory("2003");
chartData.addCategory("2004");
chartData.addCategory("2005");

// Create Data Set
FusionChartExtendedDataSet dataSet = new FusionChartExtendedDataSet();

// Add Data Set Properties
dataSet.addDataSetProperty("seriesname", "Population");

// Add Data Set Values
dataSet.addValue("275562673");
dataSet.addValue("278558081");
dataSet.addValue("280562489");
dataSet.addValue("290342551");
dataSet.addValue("290342551");
dataSet.addValue("293027112");

// Add Data Set To The Chart Data Object
chartData.addDataSet(dataSet);


// Create Data Set
dataSet = new FusionChartExtendedDataSet();

// Add Data Set Properties
dataSet.addDataSetProperty("parentYAxis", "S");
dataSet.addDataSetProperty("seriesname", "Birth Rate");

// Add Data Set Values
dataSet.addValue("1.42");
dataSet.addValue("1.42");
dataSet.addValue("1.41");
dataSet.addValue("1.414");
dataSet.addValue("1.413");
dataSet.addValue("1.414");

// Add Data Set To The Chart Data Object
chartData.addDataSet(dataSet);


// Create Data Set
dataSet = new FusionChartExtendedDataSet();

// Add Data Set Properties
dataSet.addDataSetProperty("parentYAxis", "S");
dataSet.addDataSetProperty("seriesname", "Death Rate");

// Add Data Set Values
dataSet.addValue("0.87");
dataSet.addValue("0.87");
dataSet.addValue("0.87");
dataSet.addValue("0.844");
dataSet.addValue("0.834");
dataSet.addValue("0.825");

// Add Data Set To The Chart Data Object
chartData.addDataSet(dataSet);


// Finally Create The Chart Itself
FusionChartWidget chart = new FusionChartWidget(FusionCharts.MSCombiDY2D, chartData);
chart.setTransparent(true);

// Now add it to a container
somePanel.add(chart);
  • And the result would be

chart

 

 

The online demo has sample source code for creating most types of charts.
The demo application source code is included in the package.
 
GWT Fusion Charts (Released!) Print E-mail
Written by Fadi   
Thursday, 02 December 2010 20:45

GWT Fusioncharts is released Click here!

Simple way to integrate the widely popular Fusion Charts in Google Web Toolkit. A chart is simply a GWT Widget in which you can manipulate and use seamlessly... 
Features:
  • Standard way to create charts.
  • Full support for Fusion chart properties.
  • Dynamic div naming, meaning you can have multiple charts on the same container.
  • Advanced data chart options (Using Java Objects, XML url, JSON url, XML string and JSON string).
  • No server side calls no rpc, pure client side solution.
  • Fully compatible with GXT and Smart GWT.
  • Cross Browser Compatability Firefox Safari Chrome Opera IE.
Requirements:
  • JAVA 1.6+
  • GWT 2.0+
  • Fusion Charts 3.2+
Last Updated on Sunday, 06 February 2011 21:29
 
Hadith Of The Day RSS Service Print E-mail
Written by Fadi   
Monday, 27 September 2010 10:28

About

With this service you get Hadith Nabawy on daily basis using RSS feed, The hadiths are taken from http://hadith.al-islam.com/ randomly and it includes sanad and maten and also it links to the original hadith n the website.

 

History And Credits

This was a compination of ideas of some brothers including:

  1. Firas Kamal.
  2. Abdelmonam Kouka
  3. And me :)

Status

This is the initial release and it has support to Arabic Hadith only, but a future plan is to have all languages available on http://hadith.al-islam.com/ supported.

 

How To Use It

  1. You can browse it online from 
    1. Sabily.org - The RSS Link
    2. my website - The RSS Link
  2. You Can use Mail clients Feed readers (i.e. outlook, evolution and thunderbird).
  3. You can have it on your desktop (using Yahoo desktop gadgets, Google Desktop, Screenlets, Apple Rss Reader ).
  4. You can have published on your blog or website dynamically.
 
Hijri Wallpaper Clock Screenlet Print E-mail
Written by Fadi   
Saturday, 30 May 2009 18:59

A Screenlet that displays Hijri clock wallpapers , wallpaper clocks is a desktop wallpaper which refreshes every minute to keep your time and date precise as well as stylish in many artistic ways! to install the wcz file drag drop it into the screenlet area , use the install menu or  extract the file to the wallpaper folder inside the screenlet folder.

 Also there is a Hijri theme I created which is called Issra' and it displays a site from the space for both earth and the moon, Issra' has the moon phases enabled with display for the Hijri months.

 You can download boththe screenlet and the wallpaper from my download page.

 

 
Graphical Hijri Date Print E-mail
Written by Fadi   
Saturday, 23 May 2009 14:04

This module is Joomla! 1.5 Native, it is a very simple module that will display the Hijri Date in an elegant simple way!

If you like it click here to download it!