You are on page 1of 6

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

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

WIIN
NDE
EVV

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


Module : Atelier de Génie Logiciel Institut Supérieur d'Informatique
Niveau : L2-SIL-ARS 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


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


Mme. Lilia SFAXI Page 4/6
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

 Pour modifier plus de paramètres de votre champ, cliquez sur la double flèche
Mme. Lilia SFAXI Page 5/6
Module : Atelier de Génie Logiciel Institut Supérieur d'Informatique
Niveau : L2-SIL-ARS 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

You might also like