Présentation prime facesfinal

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

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 )

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

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (20)

En vedette

En vedette (20)

Similaire à Présentation prime facesfinal

Similaire à Présentation prime facesfinal (20)

Présentation prime facesfinal