Tables de conversions

Yan — Tue, 07 Jun 2011 20:19:09 +0000

Comment vérifier rapidement et simplement l’exactitude d’une conversion ? Voici un petit programme flash qui va vous aider :

Source : http://instrumenpoche.sesamath.net/IMG/tableaux.swf

Fiji 2.0 : Intégration de FusionCharts et JSF

Yan — Tue, 01 Mar 2011 10:42:53 +0000

Après avoir parlé de Fiji il y a quelques mois, j’ai souhaité développer un petit exemple pour mettre en pratique l’intégration Flex dans une page JSF 2. Pour cela j’ai choisis d’intégrer un graphique FusionCharts dans une page JSF. Pour information, FusionCharts est une librairie graphique qui permet de développer des graphiques à partir d’un fichier XML (lignes, histogrammes, cartes du monde, etc.).

Mise en place du projet

Pour faire simple, j’ai choisis de commencer une nouvelle application Java J2EE6 grâce au squelette de projet weld : org.jboss.weld.archetypes:weld-jsf-servlet-minimal. Je suis ensuite aller chercher les librairies tierces suivantes :

Fiji 2.0 sur le site http://exadel.org/fiji
FusionCharts sur le site http://www.fusioncharts.com/free/Overview.asp (version gratuite)

Développement

Mon but est de reproduire le premier exemple de graphique proposé sur la gallerie du site internet de FusionCharts :

Tout d’abord, il faut déposer la librairie Fiji 2.0 dans le répertoire src/main/webapp/WEB-INF/lib puis un graphique fusionChart (*.swf) dans un répertoire web du projet. Ensuite, deux fichiers sont nécessaires :

Un fichier XHTML pour générer le XML qui décrit le graphique
Un fichier XHTML pour décrire la page JSF qui va intégrer le graphique

Voici le fichier XHTML qui va décrire le graphique :

On peut remarquer que j’utilise le tag pour itérer sur une liste de données qui va représenter plusieurs séries sur mon histogramme. Ci-dessous, le fichier qui décrit le même graphique en static :

Les deux classes java qui vont contenir les données pour le graphique. Vous allez retrouver les données précédentes dans la première classe :

@Model
public class DynaGraphique {
 private List listPersonne = new ArrayList();

 @PostConstruct
 public void initialize() {
   listPersonne.add(new Personne("Alex", 25000, "AFD8F8"));
   listPersonne.add(new Personne("Mark", 35000, "F6BD0F"));
   listPersonne.add(new Personne("David", 42300, "8BBA00"));
   listPersonne.add(new Personne("Graham", 35300, "FF8E46"));
   listPersonne.add(new Personne("John", 31300, "008E8E"));
 }
 // Getter et Setter

}

public class Personne {
 private String name;
 private int sales;
 private String color;

 public Personne() {
 }

 public Personne(String name, int sales, String color) {
 super();
 this.name = name;
 this.sales = sales;
 this.color = color;
 }
//Getter et Setter ...
...
}

Le fichier XHTML qui va générer la page JSF :

Pour information, il ne faut pas oublier de préciser les attributs bgcolor, width et height pour éviter une erreur d’exécution de Fiji.

Exécution du projet

Pour exécuter le projet, j’utilise la commande maven mvn compile tomcat:run. L’application est alors disponible à l’adresse : http://localhost:9090/jsf.servlet.minimal.

Vous pouvez checkouter le projet à l’adresse suivante : http://subversion.assembla.com/svn/everythingiswrong/tutorial-fiji-fusionchart/

Fiji 2.0 : Intégration de Flex avec JSF

Yan — Fri, 17 Sep 2010 22:03:54 +0000

Le framework fiji de Exadel a fait l’actualité en septembre 2008 car il permettait d’intégrer des composants Flex au framework Java JSF. La vitrine de composant graphique basée sur Amchart était très bien faite. C’est sur ce point que je trouvais Fiji prometteur. Après l’avoir essayé, j’étais assez déçu car fiji n’est pas déployé sur les repositories Maven, la release publiée se base sur des versions SNAPSHOT, elle dépend de Richfaces, etc. De plus depuis fin 2008, j’ai eu l’impression que le projet était abandonné car il n’y eu jamais d’autre release.