Présenté par : Kalleli Dhouha Sassi Med Ikbel Beji Marwa Lachker Anas Daldoul Amine.

22
Présenté par : Kalleli Dhouha Sassi Med Ikbel Beji Marwa Lachker Anas Daldoul Amine

Transcript of Présenté par : Kalleli Dhouha Sassi Med Ikbel Beji Marwa Lachker Anas Daldoul Amine.

Page 1: Présenté par : Kalleli Dhouha Sassi Med Ikbel Beji Marwa Lachker Anas Daldoul Amine.

Présenté par : Kalleli Dhouha Sassi Med Ikbel Beji Marwa Lachker Anas Daldoul Amine

Page 2: Présenté par : Kalleli Dhouha Sassi Med Ikbel Beji Marwa Lachker Anas Daldoul Amine.

Plan :Introduction HistoriqueCommencer avec Prime FacesUI composants Thèmes Prime MobileLimites de PRIMEFACES Conclusion

Page 3: Présenté par : Kalleli Dhouha Sassi Med Ikbel Beji Marwa Lachker Anas Daldoul Amine.

Introduction :

Le développement d’interface web avec JSF était limité à cause de peu de composants graphiques disponibles .

A cause de ce manque de composants, de nombreux projets ont été lancé afin de créer des bibliothèques de composants JSF plus ou mois spécifiques .

C’est quoi Prime Faces ?

Page 4: Présenté par : Kalleli Dhouha Sassi Med Ikbel Beji Marwa Lachker Anas Daldoul Amine.

Prime Faces est une bibliothèque open source de composants JSF .

Il est basé côté serveur sur l’API standard de JSF 2.

Coté client les scripts de Prime Faces sont basés sur la librairie la plus populaire de JavaScript jQuery .

Prime Faces vise à garder le traitement propre, rapide et léger.

Page 5: Présenté par : Kalleli Dhouha Sassi Med Ikbel Beji Marwa Lachker Anas Daldoul Amine.

Qui a développé PRIMEFACES ?

Prime Faces est maintenu par « Prime Teknoloji » , une entreprise de logiciels Turque de développement spécialisée dans Agile et Java EE conseil.

Page 6: Présenté par : Kalleli Dhouha Sassi Med Ikbel Beji Marwa Lachker Anas Daldoul Amine.

PrimeFaces

Qui utilise PRIMEFACES ?

Page 7: Présenté par : Kalleli Dhouha Sassi Med Ikbel Beji Marwa Lachker Anas Daldoul Amine.

Historique :

Novembre 2008 - démarrageJanvier 2009 – Première version 0.8.0Plus que 15 versions jusqu’à présentFévrier 2011-2.2.1(Dernière version stable) Novembre 2011 – 3.0.M4(Dernière version non stable)

Page 8: Présenté par : Kalleli Dhouha Sassi Med Ikbel Beji Marwa Lachker Anas Daldoul Amine.

Les concurrents de PRIMEFACES :

• RichFaces

• ICEfaces

• Tomahawk

• RC Faces

• Open Faces

•………

Page 9: Présenté par : Kalleli Dhouha Sassi Med Ikbel Beji Marwa Lachker Anas Daldoul Amine.

PRIMEFACES VS RICHFACES

Prime Faces RichFacesDébut À partir de

2009À partir de 2006

Documentation ++ ++++Composants ++++ ++Facilité d’intégration

++++ ++

Mise en route Facile Plus complexeNouveauté de composants

++++ ++

Page 10: Présenté par : Kalleli Dhouha Sassi Med Ikbel Beji Marwa Lachker Anas Daldoul Amine.

Commencer avec Prime Faces :

Dépendances :Prime Faces exige seulement -un runtime Java 5+ -JSF 2.0

Il y a certaines bibliothèques en option pour certaines fonctions.Comme par exemple :

Itext (2.1.7) Apache poi (3.2-FINAL)

Page 11: Présenté par : Kalleli Dhouha Sassi Med Ikbel Beji Marwa Lachker Anas Daldoul Amine.

Téléchargement :PrimeFaces peut être téléchargé soit :

Manuellement : primefaces-{version}.jar http://www.primefaces.org/downloads.htmlVia Maven :

<repository> <id>prime-repo</id> <name>PrimeFaces Maven Repository</name> <url>http://repository.primefaces.org</url> <layout>default</layout> </repository>

<dependency> <groupId>org.primefaces</groupId> <artifactId>primefaces</artifactId> <version>2.2</version></dependency>

Page 12: Présenté par : Kalleli Dhouha Sassi Med Ikbel Beji Marwa Lachker Anas Daldoul Amine.

Configuration :Prime Faces namespace est nécessaire pour ajouter les composants Prime Faces à votre page : xmlns:p="http://primefaces.prime.com.tr/ui"

Remarque :A partir de la version 3.0.M4 on utilise : xmlns:p="http://primefaces.org/ui

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html" xmlns:p="http://primefaces.prime.com.tr/ui">

<h:head> </h:head> <h:body> //content </h:body> </html>

Page 13: Présenté par : Kalleli Dhouha Sassi Med Ikbel Beji Marwa Lachker Anas Daldoul Amine.

UI composants :

Ensemble riche de composants : +100

Personnalisables et faciles à utiliser

Compatibles avec d’autre bibliothèques

Composants légères et simples à intégrer

Composants à base de jQuery

Page 14: Présenté par : Kalleli Dhouha Sassi Med Ikbel Beji Marwa Lachker Anas Daldoul Amine.

(+100 composants ) :

Page 15: Présenté par : Kalleli Dhouha Sassi Med Ikbel Beji Marwa Lachker Anas Daldoul Amine.

Thèmes (+30 thèmes prédéfinies ) :

Page 16: Présenté par : Kalleli Dhouha Sassi Med Ikbel Beji Marwa Lachker Anas Daldoul Amine.

Installer un thème :Ajout manuel de: primefaces-{themename}.jar

Via Maven

Configuration:

<dependency> <groupId>org.primefaces.themes</groupId> <artifactId> themename </artifactId> <version>1.0.2</version> </dependency>

<context-param> <param-name>primefaces.THEME</param-name> <param-value>cupertino</param-value> </context-param>

Page 17: Présenté par : Kalleli Dhouha Sassi Med Ikbel Beji Marwa Lachker Anas Daldoul Amine.

Personnaliser votre thème :

Afin de créer un thème personnalisé au lieu d'utiliser ceux prédéfinis, le moyen le plus facile est d'utiliser le Themeroller qui fournit un outil visuel pour créer des thèmes facilement, sans nécessiter des connaissances sur CSS.

http://jqueryui.com/themeroller/

Page 18: Présenté par : Kalleli Dhouha Sassi Med Ikbel Beji Marwa Lachker Anas Daldoul Amine.

Intégration avec Java EE :

Prime Faces peut être soutenu par plusieurs Framework d’application d'entreprise:

Spring CoreSpring Web Flow EJBs…..

Page 19: Présenté par : Kalleli Dhouha Sassi Med Ikbel Beji Marwa Lachker Anas Daldoul Amine.

Prime Faces Mobile :

Prime Faces Mobile est un kit d’interface utilisateur alimenté par JQuery Mobile pour créer des applications JSF optimisé pour les appareils mobiles.

Anciennement appelé TouchFaces(avec Prime Faces 2.2)

Page 20: Présenté par : Kalleli Dhouha Sassi Med Ikbel Beji Marwa Lachker Anas Daldoul Amine.

Prime Faces Mobile est inclus dans Prime Faces donc aucune configuration supplémentaire n'est requise autre que la taglib prime faces mobile.

Remarque : on utilise : xmlns:i="http://primefaces.prime.com.tr/touch avec TouchFaces(ancienne version avec prime faces 2.2 )

<f:view xmlns="http://www.w3.org/1999/xhtml" xmlns:f="http://java.sun.com/jsf/core" xmlns:p="http://primefaces.org/ui" xmlns:pm="http://primefaces.org/mobile" ><i:application> //content</i:application></f:view>

Page 21: Présenté par : Kalleli Dhouha Sassi Med Ikbel Beji Marwa Lachker Anas Daldoul Amine.

Limites de PRIMEFACES:

Manque de documentation

Bugs et problèmes dans quelques composants

Page 22: Présenté par : Kalleli Dhouha Sassi Med Ikbel Beji Marwa Lachker Anas Daldoul Amine.

Conclusion :

Malgré le manque de documentation sur PRIMEFACES et l’apparition de quelques problèmes dans ces composants , PRIMEFACES se déplace vers la bonne direction à cause de sa simple mise en place , la légèreté de ces composants et son évolution rapide . Et dans un futur proche PRIMEFACES peut devenir le meilleur parmi les autres bibliothèques de composants JSF .