Présenté par : Kalleli Dhouha Sassi Med Ikbel Beji Marwa Lachker Anas Daldoul Amine
Plan : Introduction Historique Commencer avec Prime Faces UI composants Thèmes Prime Mobile Limites de PRIMEFACES Conclusion
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 ?
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.
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.
Qui utilise PRIMEFACES ?
Historique : Novembre 2008 - démarrage Janvier 2009 – Première version 0.8.0 Plus que 15 versions jusqu’à présent Février 2011-2.2.1(Dernière version stable) Novembre 2011 – 3.0.M4(Dernière version non stable)
Les concurrents de PRIMEFACES : RichFaces ICEfaces Tomahawk RC Faces Open Faces ………
PRIMEFACES VS RICHFACES Début À partir de 2009 À partir de 2006 Documentation ++ ++++ Composants Facilité d’intégration Mise en route Facile Plus complexe Nouveauté de composants
Dépendances : Commencer avec Prime Faces : 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) PrimeFaces éxige seulement comme dependences obligatoire java runtime 5+ & une mise en œuvre de jsf 2,0 comme dependences obligatoires Itext à partir de la version (2.1.7) comme soutien à l'exportation PDF pour le composant DataExporter Apache poi à partir de la version (3.2-FINAL) comme soutien à l'exportation Excel pour le composant DataExporter
PrimeFaces peut être téléchargé soit : Manuellement : Téléchargement : PrimeFaces peut être téléchargé soit : Manuellement : primefaces-{version}.jar http://www.primefaces.org/downloads.html Via Maven : <dependency> <groupId>org.primefaces</groupId> <artifactId>primefaces</artifactId> <version>2.2</version> </dependency> <repository> <id>prime-repo</id> <name>PrimeFaces Maven Repository</name> <url>http://repository.primefaces.org</url> <layout>default</layout> </repository>
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>
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
(+100 composants ) :
Thèmes (+30 thèmes prédéfinies ) :
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>
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/
Intégration avec Java EE : Prime Faces peut être soutenu par plusieurs Framework d’application d'entreprise: Spring Core Spring Web Flow EJBs …..
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)
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>
Limites de PRIMEFACES: Manque de documentation Bugs et problèmes dans quelques composants
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 .