Visitez http://liliasfaxi.wix.com/liliasfaxi

1. Module : Atelier de Génie Logiciel
Institut Supérieur d'Informatique
Niveau : L2-SIL-ARS
Année Universitaire : 2010-2011
WINDEV
IN EV
I
Présentation de Windev
WINDEV est un atelier de génie logiciel, il contient donc l'ensemble des éléments
permettant la réalisation d'applications :
-
Création d'interfaces de façon visuelle (fenêtres, états, ...)
-
Gestion des données (définition des bases de données manipulées,accès par
programmation, génération de requêtes)
-
Aide à la conception (modélisation merise, modélisation UML, etc...)
-
Un langage de haut niveau (le WLangage) permettant une programmation
procédurale ou objet
-
Une base de données propriétaire redistribuable sans royalties (Hyper File)
-
Un générateur d'installation
-
Le support (création et intégration) de services Web ou d'assemblage .Net
-
Un interfaçage avec d'autres langages (tel que le C++)
-
....
Le principe de WinDev est simple :
-
Les outils "classiques" sont livrés en standard et intégrés dans l'environnement de
développement (jusqu'à l'installation en clientèle)
-
Le langage est utilisable en français ou en anglais (pratique quand on vient d'un autre
langage) et ressemble beaucoup à de l'algorithmique
-
La base de données Hyper File est livrée avec WinDev et permet de déployer
facilement (et librement) des applications (il est cependant possible d'accéder aux
autres bases de données avec la même programmation)
Mme. Lilia SFAXI
Page 1/6

2. Module : Atelier de Génie Logiciel
Institut Supérieur d'Informatique
Niveau : L2-SIL-ARS
Année Universitaire : 2010-2011
II Exemple de Fenêtre : Compteur
Nous allons réaliser la fenêtre suivante :
La valeur dans la zone de texte sera incrémentée et décrémentée par les flèches à droite.
1. Lancer Windev
2. Créez un nouveau projet, que vous appellerez « Projet_Compteur ». Pour cela,
cliquez sur la flèche à côté de
et choisissez Projet.
3. Une fenêtre « What do you want to do ? » apparaît. Cliquez sur « create a window ».
Si elle n’apparaît pas, ciquer sur l’icône
Une fenêtre sous forme de roue va
apparaître. Aller vers la catégorie « Window->Window ». L’assistant va s’ouvrir.
4. Choisir « Blank » dans la liste des fenêtres donnée. Choisissez le thème que vous
voulez dans la partie « Skins » à droite.
5. Votre fenêtre est maintenant créée. Pour modifier ses informations, clic-droit dessus,
et
choisir
« Description ».
Modifier
le
nom
de
la
fenêtre
en
mettant
« Win_Compteur ». Valider.
6. Pour ajouter un compteur numérique, on crée d’abord un contrôle qui contient la
valeur numérique.
Mme. Lilia SFAXI
Page 2/6

3. Module : Atelier de Génie Logiciel
Niveau : L2-SIL-ARS

Institut Supérieur d'Informatique
Année Universitaire : 2010-2011
Cliquer sur la flèche à côté du bouton
et choisissez « Integer + Spin ».
Placez-le sur votre fenêtre là où vous le désirez.

Double-cliquez sur le champ de texte que vous venez de créer. La fenêtre de
description va s’ouvrir. Modifier son nom : « EDT_Counter », son type :
« Numeric » ainsi que son masque : 999,999.

Pour l’initialiser, cliquez sur l’onglet « Content » sur votre gauche, et entrez
une valeur initiale dans le champ de texte (100 par exemple). Valider.

Cliquer avec le clic droit sur les flèches à côté du champ de texte (appelé aussi
le Spin). Et choisir « Code ». Vous trouverez les deux champs suivants :
- Increment code : code exécuté quand on appuie sur la flèche
supérieure. Dans notre cas, nous allons mettre : EDT_Counter++
- Decrement code : code exécuté quand on appuie sur la flèche
inférieure. Dans notre cas, nous allons mettre : EDT_Counter - -

Valider.

Vous pouvez ajouter un bouton qui permet de fermer votre fenêtre. Pour cela,
cliquer sur la flèche à côté du bouton
Et choisissez le bouton
« Close ». Ajoutez-le dans votre fenêtre.

Sauvegarder ces modifications, puis lancez votre application en cliquant sur le
bouton
Exercice : Ajouter un menu à votre fenêtre qui s’appelle « Bonjour ». Au clic sur ce
menu, une fenêtre s’ouvre pour afficher « Bonjour ! »
Astuce : Aidez-vous du tutoriel fournis avec l’application
III Etude de Cas : Rally
Pour cette étude de cas, vous allez créer un nouveau projet. Pour cela :
1. Cliquer sur le bouton « New » et choisir le cercle central : « Project »
Mme. Lilia SFAXI
Page 3/6

4. Module : Atelier de Génie Logiciel
Institut Supérieur d'Informatique
Niveau : L2-SIL-ARS
Année Universitaire : 2010-2011
2. Nommez votre projet « Rally ». Un tableau de bord pour le projet va apparaître.
III.1. Modélisation
Soit le diagramme de classes suivant :
Dessinez ce diagramme de classes sur Windev et générez le code en WLangage
correspondant. Modifier ensuite le code et observez le changement dans le diagramme des
classes.
Pour réaliser un diagramme de classes UML, suivez les étapes suivantes :
1. Cliquer sur « New » et choisissez sur la roue : Architecture -> UML
2. Choisissez « Class Diagram »
3. Pour créer une nouvelle classe, cliquez sur le bouton
et suivez l’assistant
4. Pour ajouter un attribut ou une méthode à la classe, clic-droit dessus, et choisissez ce
que vous désirez dans le pop-up menu
5. Pour créer une association, cliquez sur
, cliquez successivement sur les deux
classes à associer, et suivez l’assistant.
6. Pour créer une relation d’héritage, cliquez sur le bouton
7. Une fois le diagramme de classes terminé, générez le code WLanguage, et observezMme. Lilia SFAXI
Page 4/6

5. Module : Atelier de Génie Logiciel
Institut Supérieur d'Informatique
Niveau : L2-SIL-ARS
Année Universitaire : 2010-2011
le. Essayez de le changer, et observez le résultat.
III.2. Création de la base de données
Créer la base de données nommée « Rally » relative au schéma de la figure précédente,
en utilisant Windev .
Pour créer la base de données, suivez les étapes suivantes :
1. Cliquez sur la flèche à côté de l’icône
et choisissez « Analysis »
2. Spécifiez le nom (« Rally ») de votre base de données. Laissez le chemin donné par
défaut.
3. Choisissez le type « HyperFileSQL Classic » pour votre base. C’est le type par défaut
qu’utilise Windev.
4. Une fenêtre vide apparaît. Nous allons maintenant créer nos tables à partir de
l’éditeur. Pour cela, Cliquer sur le bouton
pour la création d’une table.
L’assistant apparaît.
5. Choisissez « Create a new file description »
6. Définissez le nom de votre table.
7. Pour le type de la base, choisissez le type par défaut « HyperFileSQL Classic »
8. Laissez le reste des paramètres comme indiqué par défaut, et validez.
9. Un assitant pour la création des différents champs de la table apparaît. Remplissez
votre table avec les valeurs adéquates.

Pour définir une clef primaire, ou un index, choisissez dans la fenêtre de
droite l’une des options données :
- Not Key : pour les champs ordinaires
- Unique Key : pour les clefs primaires
- Key with duplicates : pour les index

Mme. Lilia SFAXI
Pour modifier plus de paramètres de votre champ, cliquez sur la double flèche
Page 5/6

6. Module : Atelier de Génie Logiciel
Niveau : L2-SIL-ARS
Institut Supérieur d'Informatique
Année Universitaire : 2010-2011
en bas de votre écran. Une fenêtre de propriétés sera affichée.
10. Pour créer une relation entre deux tables, revenez à la page principale, et cliquez sur
. Un assistant apparaîtra. Vous devez répondre à quatre questions pour spécifier
les cardinalités de la relation. Les clefs étrangères vont migrer automatiquement.
11. Il est maintenant nécessaire de générer cette base, pour la rendre accessible aux autres
modules du projet. Pour cela, allez vers : « Analysis -> Generate ». Validez les
différentes fenêtres qui apparaissent jusqu’à la génération de la base.
III.3. Utilisation de RAD : Rapid Application Development
C’est un concept utilisé pour construire automatiquement une application. Il utilise la
base que nous avons créé au préalable pour réaliser très facilement l’application qui permet de
l’utiliser.
Sélectionnez « Workshop -> RAD Generation ». Suivez l’assistant. L’application qui
utilisera votre base sera générée automatiquement. Testez-la.
Mme. Lilia SFAXI
Page 6/6