Module : Atelier de Génie Logiciel

Institut Supérieur d'Informatique

Niveau : L2-SIL-ARS

Année Universitaire : 2010-201...
Module : Atelier de Génie Logiciel

Institut Supérieur d'Informatique

Niveau : L2-SIL-ARS

Année Universitaire : 2010-201...
Module : Atelier de Génie Logiciel
Niveau : L2-SIL-ARS


Institut Supérieur d'Informatique
Année Universitaire : 2010-201...
Module : Atelier de Génie Logiciel

Institut Supérieur d'Informatique

Niveau : L2-SIL-ARS

Année Universitaire : 2010-201...
Module : Atelier de Génie Logiciel

Institut Supérieur d'Informatique

Niveau : L2-SIL-ARS

Année Universitaire : 2010-201...
Module : Atelier de Génie Logiciel
Niveau : L2-SIL-ARS

Institut Supérieur d'Informatique
Année Universitaire : 2010-2011
...
Prochain SlideShare
Chargement dans…5
×

Tp5 - WINDEV

2 308 vues

Publié le

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

Publié dans : Technologie
0 commentaire
1 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
2 308
Sur SlideShare
0
Issues des intégrations
0
Intégrations
375
Actions
Partages
0
Téléchargements
77
Commentaires
0
J’aime
1
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Tp5 - WINDEV

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

×