ETM IBN ROCHD
Présenté par :
Mlle KHETTAR Lamia
&
Mlle AIT SAADA Kahina
Novembre 2012
Plan :
1. Introduction
1.1 Prime Faces , c’est quoi ?
1.2 Prime Teknoloji
1.3 Historique
1.4 Pourquoi PrimeFaces
2. Environement D’Installation
3. Installation
4. Exemple De Demo : interface Login.jsf
5. Conclusion
1. Introduction :
De nos jours, Le développement WEB a évolué
d’une façon très rapide et est devenu plus facile à
mettre en place une application WEB grâce aux
framesworks Java existants , cependant ces
frameworks connaissent un manque de
composants , pour cela des projets ont été faits
afin de faciliter le développement des interfaces
web JSF , et cela en créant des bibliothèques de
composant plus riches et évolués.
1.1 Prime Faces , c’est quoi ?
Prime Faces est une bibliothèques Open Source de
composants JSF , téléchargeable directement à partir
de l’URL suivant :
http://www.primefaces.org/downloads.html, elle est
caractérisée par :
- Un ensemble riche de composant (HtmlEditor,
Dialog, AutoComplete, Charts … et bien d’autres )
- Construit en AJAX, basé sur le standard JSF 2.0 API
AJAX.
- Installation facile et légère : un fichier JAR, 0 config,
aucune dépendance.
1.2 Prime Teknoloji:
Prime Teknoloji est une entreprise turque de
développement de logiciel spécialisée dans le
Consulting JAVAEE et Agile. Cette entreprise est à
l’origine des Prime Faces, un projet mené et réalisé par
un groupe d’expert en JSF dirigé par Cagatay Civici.
1.3 Historique :
- Novembre 2008 - démarrage
- Janvier 2009 – Première version 0.8.0
- Février 2011-2.2.1(Dernière version stable)
- Novembre 2011 – 3.0.M4(Dernière version non
stable)
1.4 Pourquoi PrimeFaces :
- Une bibliothèque de composants très riche (plus
de 100 composants) .
- Mieux définir l’interface du projet web
- Composants Facile à utiliser et à intégrer
- Personnalisation du look de l’interface : plus de
30thèmes prédéfinis .
1.3 Historique :
- Novembre 2008 - démarrage
- Janvier 2009 – Première version 0.8.0
- Février 2011-2.2.1(Dernière version stable)
- Novembre 2011 – 3.0.M4(Dernière version non
stable)
2. Environnement D’Installation :
Pour pouvoir utiliser les PrimeFaces il faut
disposer au minimum d’un Runtime JAVA 5 et
d’un framework JSF 2.0
3. Installation :
Pas d’installation requise pour les PrimeFaces, il
suffit juste d’importer le JAR puis ajouter le
namespace dans la page JSF ou dans le cas de
JBOSS ajouter la palette de composant dans la page
JSF, les étapes ci-après illustre ce principe :
Etape1:
Créer un nouveau projet JSF
Clique droit-> new-> JSF Project
l faut choisir l’environnement JSF 2.0 tel que illustré dans
l’image ci-dessous:
Serveur Apache Tomcat v6 ou +:
ape2: Ajouter le Taglib Primefaces 3.4
que droit sur le projet-> build Path-> add External Archives -> sélectionner les fichiers .jar
mefaces
ape2:
porter les composants Primefaces dans la palette
Cliquer sur l’icone import
a boite de dialogue suivante s’affiche
Cliquer sur le bouton Browse
Sélectionner le Tag Primefaces
Attribuer un nom et un groupe au Tag ajouté:
Ajouter une nouvelle page
XHTML au projet
l suffit de glisser un composant
Primeface de la palette et le
namespace est automatiquement
ajouté à la page comme suit:
4) Exemple de Demo : Login.jsf
Nous présentons dans ce qui suit un exemple d’interface
Login en utilisant les composants de la bibliothèque
PrimeFaces cités ci-dessous :
-CommandButton : correspond au bouton Login
-InputText : correspond à la zone de texte où l’utilisateur
peut faire entrer son nom
Le thème choisi pour cette interface est : « sunny »
5) Conclusion :
Nous avons présenté à travers ces slide la bibliothèque
« PrimeFaces », comment la configurer et comment
l’utiliser, nous concluons en cette fin de présentation que
cette bibliothèque a fortement contribué au
développement d’applications web en allègent la
programmation et en offrant la possibilité à l’utilisateur
de personnaliser son application .
