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 : 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 démarrage - Janvier 2009 – Première version Février (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 démarrage - Janvier 2009 – Première version Février (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

Il faut choisir l’environnement JSF 2.0 tel que illustré dans l’image ci-dessous:

Serveur Apache Tomcat v6 ou +:

Etape2: Ajouter le Taglib Primefaces 3.4 Clique droit sur le projet-> build Path-> add External Archives -> sélectionner les fichiers.jar Primefaces

Etape2: Importer les composants Primefaces dans la palette - Cliquer sur l’icone import La 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 Il 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.