Notes sur la prise en mains du logiciel VS 2005, Notes de Applications des sciences informatiques

Télécharge Notes sur la prise en mains du logiciel VS 2005 et plus Notes au format PDF de Applications des sciences informatiques sur Docsity uniquement! TP1 Programmation Evènementielle Mohamed Belhassen 1 TP1 : Prise en Mains du Logiciel VS 2005 But : - Familiarisation à l’environnement de développement intégré VS 2005 - Développement d’une première application - Apprentissage du débogage avec VS 2005 1) Principaux éléments de l’EDI (Environnement de Développement Intégré ; en anglais IDE) : a) Page de démarrage : Figure 1: Page de démarrage de VS 2005 1- Fenêtre cachée 2- Liste de projets récemment ouverts/créés 3- Raccourcis pour la création /ouverture rapide de projets 1 2 3 docsity.com TP1 Programmation Evènementielle Mohamed Belhassen 2 b) L’apparence de l’EDI après la création ou ouverture d’une application graphique : Figure 2: aspect de l'IDE à la création d'une nouvelle application 1- Une feuille de l’application 2- Exécution du projet (F5) 3- Explorateur de solutions 4- Propriété du contrôle ou de la fenêtre active 5- Liste d’erreurs détectées c) Etapes de création d’une application en VB .NET 1- Basculer au menu File (Fichier)/New Project (Nouveau Projet ) ou Ctrl+N 2- Choisir le type de projet Windows (Windows Application) 3- Donner un nom significatif à l’application (par exemple : maPremièreApplication) 4- Valider (OK) 5- Tester l’application : Menu Debug/Start Debugging (Vous pouvez utiliser l’icône « triangle vert » situé dans la barre d’outils ou la touche F5) Figure 3: Fenêtre de création de projet 1 2 5 3 4 docsity.com TP1 Programmation Evènementielle Mohamed Belhassen 5 - Etant donné que l’erreur se produit lors de déplacement de la souris, la source d’erreur se trouve nécessairement dans la méthode évènementielle «Form1_MouseMove ». - Pour dépister la source de l’erreur on va procéder à un débogage pas à pas : o Créez un point d’arrêt (break point) au niveau de l’instruction (AncX = e.X). Pour créer un point d’arrêt, il suffit de cliquer sur la marge (à gauche) de la ligne concernée. o Basculer au menu « Debug » o Sélectionner « Start Debugging » o Dès qu’on déplace la souris sur la feuille, VS bascule à la ligne dans laquelle nous avons ajouté un point d’arrêt. o Dans la fenêtre « Local » (tout en bas), notez l’existence de trois lignes : Me, e, Sender. A l’instant nous nous intéressons de l’objet « e ». cet objet correspond à l’évènement généré (déplacement de la souris sur le formulaire). Il contient les coordonnées courantes de la souris (e.X, e.Y). o Puisque nous visons à tracer une ligne qui suit le déplacement de la souris, notre code doit stocker les coordonnées de la souris à chaque déclenchement de l’évènement de déplacement (AncX, AncY). Ces coordonnées vont être utilisées lors de prochains appels à cette procédure. Donc, normalement, AncX doit contenir la valeur de e.X et AncY doit contenir la valeur de e.Y. o Examinons de près ce qui se passe (pas à pas) o Sélectionner Debug/step into : cette commande, exécute l’instruction de la ligne courante. o Dans la fenêtre Local développez l’objet Me (formaire courant) et chercher l’attribut AncX. Ce dernier doit contenir la même valeur que « e.X ». pour connaitre la valeur de « e.X », soit on consulte l’objet « e » se trouvant dans la fenêtre Local, soit on survole la souris sur « e.X ». o Sélectionner de nouveau « Debug/step into » (ou tapez F8) o De même, Vérifier la valeur de AncY. Ça doit être la même que e.Y. o A ce stade, on remarque que cette instruction est la source de l’erreur car on a affecté e.X (et non pas e.Y) à Anc.Y. o Corrigez l’erreur et déboguer de nouveau le programme - Remarque : pour supprimer un point d’arrêt, il suffit de cliquer sur la puce rouge correspondante dans la marge de code.  Points de traçage : Les points de traçage permettent de visualiser le contenu des variables à la volée tout en continuant l’exécution de l’application. Pour déboguer à la volée l’exemple précédent procéder comme suit : - Supprimer le point d’arrêt précédent. - Créez un point d’arrêt au niveau de l’instruction « End Sub » - Cliquer avec le bouton droit sur la puce rouge (point d’arrêt) ; choisissez l’entrée « When Hit » (lorsqu’il est atteint). Une boite de dialogue s’affiche. - Dans la zone de texte se trouvant au dessous de la case à cocher « Print a message » tapez : AncX{AncX} AncY{AncY}, e.X{e.X},e.Y{e.Y} docsity.com TP1 Programmation Evènementielle Mohamed Belhassen 6 - Valider par « OK » la boite de dialogue - Testez le code (F5) - Déplacez la souris sur la feuille. Puis ouvrir la fenêtre « Immediate Window » de VS. Vous devez voir le contenu des variables (AncX, AncY, e.X, e.Y) modifié à chaque déplacement de la souris sur le formulaire. docsity.com