Module : Atelier de Génie Logiciel Institut Supérieur d'Informatique

Niveau : L2-SIL-ARS Année Universitaire : 2010-2011

Mme. Lilia SFAXI Page 1/6

WWWIIINNNDDDEEEVVV

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)

Module : Atelier de Génie Logiciel Institut Supérieur d'Informatique

Niveau : L2-SIL-ARS Année Universitaire : 2010-2011

Mme. Lilia SFAXI Page 2/6

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.

Module : Atelier de Génie Logiciel Institut Supérieur d'Informatique

Niveau : L2-SIL-ARS Année Universitaire : 2010-2011

Mme. Lilia SFAXI Page 3/6

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 »

Module : Atelier de Génie Logiciel Institut Supérieur d'Informatique

Niveau : L2-SIL-ARS Année Universitaire : 2010-2011

Mme. Lilia SFAXI Page 4/6

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 observez-

Module : Atelier de Génie Logiciel Institut Supérieur d'Informatique

Niveau : L2-SIL-ARS Année Universitaire : 2010-2011

Mme. Lilia SFAXI Page 5/6

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

Pour modifier plus de paramètres de votre champ, cliquez sur la double flèche

Module : Atelier de Génie Logiciel Institut Supérieur d'Informatique

Niveau : L2-SIL-ARS Année Universitaire : 2010-2011

Mme. Lilia SFAXI Page 6/6

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.