Axe Ingnierie des Systmes Informatiques Ecole Nationale Suprieure des Mines de SaintEtienne

1
Axe Ingénierie des Systèmes InformatiquesEcole
Nationale Supérieure des Mines de Saint-Etienne

• Outils de Gestion de Projets

2
Objectifs

• Découverte et prise en main d'outils techniques
  d'assistance au développement et à la gestion de
  projet
• Environnement de développement (IDE) Eclipse
  3.3
• Outil pour la modélisation UML plug-in Omondo
• Constructeur d'interface graphique plug-in
  Jigloo
• Bibliothèques Java spécialisées (frameworks)
  Junit, JDBC, Struts, ...
• installation et tutoriels sur
  http//www.emse.fr/vercouter/cours/ogp/

3

• L'environnement de développement
• Eclipse 3.3

4
Origine du projet Eclipse

• Eclipse a été créé par OTI (filiale d'IBM),
  responsable des environnements de développement
  intégrés (IDE)
• Issu de l'environnement VisualAge
  (Java/SmallTalk)
• Historique
• Avril 1999 début d'Eclipse, interne à OTI/IBM
• Octobre 2001 Première version stable Eclipse 1.0
• Novembre 2001 IBM donne Eclipse sous licence
  OpenSource
• Juin 2002 Eclipse 2.0
• Juin 2004 Eclipse 3.0
• Juin 2006 Eclipse 3.2
• Juin 2007 Eclipse 3.3

5
Qu'est ce qu'Eclipse ?
Environnement de développement plug-in

• Eclipse est
• Une plate-forme universelle pour des
  environnements de développement intégrés
• Fondée sur une architecture ouverte et extensible

Outils de développement Java
Plate-forme Eclipse
Machine virtuelle Java2
6
Propriétés de la plate-forme

• C'est un logiciel
• Gratuit licence OpenSource
• Portable écrit en Java
• C'est un IDE
• Générique indépendant de tout langage
• Extensible par l'ajout de plug-in
• Convivial assistance au développeur(s)

7
Composants de la plate-forme

• L'interface principale (workbench) manipule
  différents composants
• Editeurs
• Pour des fichiers de texte ou autre
• Souvent assorties de fonctions d'assistance
• Ex fichier source Java, diagramme de classes
  UML, interfaces graphiques, ...
• Vues
• Fournit une information sur un élément précis
• Ex résultat de compilation, contenu d'une
  classe, ...
• Perspectives
• Ensemble de vues et d'éditeurs
• Quelques perspectives standards sont fournies

8
Perspective Java
Vue d'une classe
Editeur
Autres vues
Vue de l'espace de travail
Vue sur la console
9
L'espace de travail

• L'espace de travail (workspace)
• contient tous les fichiers manipulés
• autorise la création, sauvegarde, modification ou
  suppression de ces ressources
• est organisé en un ensemble de projets
• Correspond à un répertoire précis du disque

Espace de travail
Projet 1
Projet 2
10
Projet

• Un projet est un regroupement de ressources
  (fichiers, répertoires, projets)
• Un projet peut être
• créé
• ouvert il est pris en compte
• fermé il est ignoré
• détruit avec ou sans ses ressources

11
Outils de développement Java

• Compilateur
• compilation incrémentale de tous les projets
  ouverts (build)
• Exécution
• différents types (application, applet, bean, ...)
• configurable (classe exécutable, classpath, ...)
• Débugueur (exemple)
• exécution pas-à-pas ou avec des points d'arrêt
  (breakpoint)
• visualisation de la valeur des variables

12
Assistance de l'éditeur Java

• Complète automatiquement des noms de méthodes
• Détecte certaines erreurs et avertissements avant
  la compilation
• Propose des corrections d'erreur
• Ajoute les importations nécessaires
• Outils de travail coopératif intégré (CVS)

13
Plug-ins

• Un plug-in étend la plate-forme Eclipse pour
  certains types de développement
• Téléchargeables et à installer par le menu
• Help -gt Software Updates -gt Find and Install...
• Un plug-in peut en nécessiter d'autres
• Possibilité de développer de nouveaux plug-ins
• Un site répertorie les principaux plug-ins
  disponibles
• http//eclipse-plugins.2y.net/eclipse/index.jsp

14

• Le plug-in
• Omondo UML

15
Le plug-in Omondo

• Premier plug-in développé en septembre 2002
• Existe en 2 versions Studio (commerciale) et
  Free (libre)
• Permet la manipulation de diagrammes UML
• Édition de diagrammes
• Génération automatique de code
• Conforme aux spécifications UML2.1
• La version commerciale y ajoute une gestion du
  travail en équipe et léchange de diagrammes

16
Aperçu du plug-in Omondo
Éditeur de diagrammes
Éditeur de code
propriétés
17

• Le plug-in
• Jigloo

18
Le plug-in Jigloo

• Outil de construction d'interfaces graphiques et
  de génération automatique de code
• Un éditeur permet de visualiser l'apparence d'une
  interface graphique pendant sa construction
• Construction par  drag and drop  d'éléments
  graphiques (containers, components)
• Ecran d'édition des propriétés des composants
  (e.g. dimensions, couleur, texte d'un bouton, ...)

19
Aperçu de Jigloo
Editeur graphique
Editeur code source
Propriétés d'un composant
20
Construction d'IHM avecVisual Editor

• Utilisable pour le prototypage d'IHM
• ? Tout le code n'est pas généré ?
• La gestion d'événement n'est que partiellement
  générée, il faut compléter le code avec les
  traitements adéquats
• Conseils d'utilisation
• Commencer par les containers les plus petits (ne
  contenant pas d'autres containers), puis
  continuer avec ceux qui les contiennent, etc.
  jusqu'à finir avec la fenêtre principale
• Prototyper et valider l'IHM avant de compléter le
  code

21
Exemples

• Création d'un panel avec champ de texte et bouton
• (exemple)
• Gestion d'événement sur le bouton
• (exemple)

22
Déroulement des TP

• Binôme mais 1 élève par machine (côte à côte)
• Dans un même binôme, un élève développe le projet
   Machine à café  et le second le projet
   Agenda 
• Pour chaque élève
• Consultez la spécification de votre projet et le
  diagramme de classes UML, reproduisez-le en
  utilisant Omondo de manière à générer le code
  Java correspondant
• Dessinez avec Jigloo un prototype d'IHM.
  Transmettez ce prototype à votre partenaire de
  binôme ainsi que les spécifications de votre
  projet
• Rédigez un rapport succinct sur l'interface
  graphique de votre partenaire de binôme pour lui
  indiquer les aspects qui vous semblent à améliorer

23
Déroulement des TP (2)

• Modifiez votre IHM pour prendre en compte les
  remarques de votre binôme
• Complétez le code généré
• Ecrivez les classes de tests demandées dans le
  sujet du projet
• Ce TP est à rendre par mail à l'issue du second
  TP (vendredi 14/09 à midi) et doit contenir une
  archive (de préférence zip) contenant l'ensemble
  de votre projet ainsi que le rapport rédigé à
  l'attention de votre binôme.

24
Liens

• Eclipse 3.3
• http//www.eclipse.org
• Jigloo
• http//www.cloudgarden.com/jigloo/
• Omondo UML
• http//www.eclipsedownload.com/