Présenté par : Bouabane Moahmed Salah
               Belhaj Ali Slimen

             GL5
Plan :
Introduction
Historique
Commencer avec PrimeFaces
UI composants
Thèmes
PrimeMobile
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 PrimeFaces ?
PrimeFaces 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 PrimeFaces sont basés sur la librairie la plus populaire
de javascript jQuery .




PrimeFaces vise à garder le traitement propre,
rapide et léger.
Qui a développé PRIMEFACES ?




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




             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

RCFaces

OpenFaces

………
PRIMEFACES VS RICHFACES


                         PrimeFaces         RichFaces
Début                    À partir de 2009   À partir de 2006
Documentation            ++                 ++++
Composants               ++++               ++
Facilité d’intégration   ++++               ++
Mise en route            Facile             Plus complexe
Nouveauté de             ++++               ++
composants
Commencer avec PrimeFaces :

Dépendances :
PrimeFaces 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)
Téléchargement :
PrimeFaces peut être téléchargé soit :

Manuellement :
                                           primefaces-{version}.jar

                 http://www.primefaces.org/downloads.html

Via 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>
Configuration :
PrimeFaces namespace est nécessaire pour ajouter les composants PrimeFaces
à votre page :
               xmlns:p="http://primefaces.prime.com.tr/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>


Remarque :
A partir de la version 3.0.M4 on utilise :     xmlns:p="http://primefaces.org/ui
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 ) :
Demo :
Thèmes (+30 thèmes prédéfinies ) :
Installer un thème :
Ajout de:
primefaces-{themename}.jar



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

Configuration:
                               <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/
Integration avec Java EE :

PrimeFaces peut être soutenu par plusieurs Framworks d’application
d'entreprise:


Spring Core
Spring WebFlow
EJBs
…..
PrimeFaces Mobile :
PrimeFaces 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 PrimeFaces 2.2)
PrimeFaces Mobile est inclus dans PrimeFaces donc aucune configuration
supplémentaire n'est requise autre que la taglib primefaces mobile.


     <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>




Remarque :
  on utilse : xmlns:i="http://primefaces.prime.com.tr/touch avec
TouchFaces(ancienne version avec primefaces 2.2 )
Demo :
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 .

Présentation prime facesfinal

  • 1.
    Présenté par :Bouabane Moahmed Salah Belhaj Ali Slimen GL5
  • 2.
    Plan : Introduction Historique Commencer avecPrimeFaces UI composants Thèmes PrimeMobile Limites de PRIMEFACES Conclusion
  • 3.
    Introduction : Le développementd’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 PrimeFaces ?
  • 5.
    PrimeFaces est unebibliothèque open source de composants JSF . Il est basé côté serveur sur l’API standard de JSF 2. Coté client les scripts de PrimeFaces sont basés sur la librairie la plus populaire de javascript jQuery . PrimeFaces vise à garder le traitement propre, rapide et léger.
  • 6.
    Qui a développéPRIMEFACES ? PrimeFaces est maintenu par « Prime Teknoloji » , une entreprise de logiciels Turque de développement spécialisée dans Agile et Java EE conseil.
  • 7.
    PrimeFaces Qui utilise PRIMEFACES ?
  • 8.
    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)
  • 9.
    Les concurrents dePRIMEFACES : RichFaces ICEfaces Tomahawk RCFaces OpenFaces ………
  • 10.
    PRIMEFACES VS RICHFACES PrimeFaces RichFaces Début À partir de 2009 À partir de 2006 Documentation ++ ++++ Composants ++++ ++ Facilité d’intégration ++++ ++ Mise en route Facile Plus complexe Nouveauté de ++++ ++ composants
  • 11.
    Commencer avec PrimeFaces: Dépendances : PrimeFaces 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)
  • 12.
    Téléchargement : PrimeFaces peutêtre téléchargé soit : Manuellement : primefaces-{version}.jar http://www.primefaces.org/downloads.html Via 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>
  • 13.
    Configuration : PrimeFaces namespaceest nécessaire pour ajouter les composants PrimeFaces à votre page : xmlns:p="http://primefaces.prime.com.tr/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> Remarque : A partir de la version 3.0.M4 on utilise : xmlns:p="http://primefaces.org/ui
  • 14.
    UI composants : Ensembleriche 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
  • 15.
  • 16.
  • 17.
    Thèmes (+30 thèmesprédéfinies ) :
  • 18.
    Installer un thème: Ajout de: primefaces-{themename}.jar Via Maven <dependency> <groupId>org.primefaces.themes</groupId> <artifactId> themename </artifactId> <version>1.0.2</version> </dependency> Configuration: <context-param> <param-name>primefaces.THEME</param-name> <param-value>cupertino</param-value> </context-param>
  • 19.
    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/
  • 20.
    Integration avec JavaEE : PrimeFaces peut être soutenu par plusieurs Framworks d’application d'entreprise: Spring Core Spring WebFlow EJBs …..
  • 21.
    PrimeFaces Mobile : PrimeFacesMobile 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 PrimeFaces 2.2)
  • 22.
    PrimeFaces Mobile estinclus dans PrimeFaces donc aucune configuration supplémentaire n'est requise autre que la taglib primefaces mobile. <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> Remarque : on utilse : xmlns:i="http://primefaces.prime.com.tr/touch avec TouchFaces(ancienne version avec primefaces 2.2 )
  • 23.
  • 24.
    Limites de PRIMEFACES: Manquede documentation Bugs et problèmes dans quelques composants
  • 25.
    Conclusion : Malgré lemanque 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 .