TP 3 : Interface Graphique 1 - l`informatique c`est de la loisir

Département Informatique
POO
I4
2009-2010
1
TP 3 : Interface Graphique 1
Plan :
* But
* Objectif
* Introduction : présentation de Netbeans
* Utilisation des composants : fenêtre, bouton, zones de texte, label
* Paramétrer les composants, conventions de programmation
* Ajouter les événements
* Récapitulatif
Réalisation :
1. GHARBI Sami
2. ECHY Meriam
3. HAMDANI Hanen
Coordinateur:
ZIDI Kamel

Département Informatique
POO
I4
2009-2010
2
But :
On veut créer une application graphique permettant d'ajouter un texte saisi par l'utilisateur,
dans une zone de texte multi-ligne et un bouton Quitter qui permet d’arrêter l'application.
Déployer cette application et la tester sur une architecture hôte.
Objectif :
A la fin de ce TP, il faut avoir une fenêtre comme la suivante avec les événements de chaque
composant :
I) Introduction : présentation de NetBeans :
NetBeans est un EDI (environnement de développement intégré) permettant l'édition, la
compilation et la construction des programmes java. L'édition peut être assistée par la
complétion du code et le dessin des interfaces graphiques de manière WYSIWYG en
générant le code en arrière plan.

Département Informatique
POO
I4
2009-2010
3
Interface de NetBeans
1: espace de design (fenêtre)
2: palette des composants graphiques
3: palette des propriétés du composant sélectionné sur l’espace de design
4: explorateur des projets
5 : explorateur des composants
II) Les composants nécessaires :
Composant
Classe (javax.swing)
fenêtre
JFrame
bouton
JButton
zone de texte
JTextField
zone de texte multi-ligne
JTextArea
label
JLabel
1
3
2
4
5
6

Département Informatique
POO
I4
2009-2010
4
III) Création d’un projet :
Cliquer sur le bouton New Project de la barre d’outils :
Choisir le type de projet : Java Application pour créer une application graphique :
Définir les propriétés du projet :
nom, chemin, définir une classe Main, le définir comme projet principal.

Département Informatique
POO
I4
2009-2010
5
IV) Composant racine : fenêtre :
IV-1) Ajouter une fenêtre :
Pour ajouter une fenêtre au projet on sélectionne le dossier :
Source Packages->New->JFrame Form
IV-2) Paramétrer une fenêtre :
Donner un nom à la classe de la fenêtre. Par exemple le nom Principale :