IN S T I TUT
SUPERIEUR
INFORMATIQUE
ISI
اﻟـﻣﻌﮭـد اﻟﻌـﺎﻟـﻲ ﻟﻺﻋـﻼﻣــﯾـﺔ
TP N°1 Environnement Base de Données
Environnement de développement .net
Installation et manipulation
Interfaces graphiques
INTRODUCTION
Visual Basic s’est développé à partir du langage (BASIC, 1960). Avec le développement
(1980-1990) de l’interface utilisateur graphique (Graphical User Interface - GUI) de
Windows Microsoft, BASIC a naturellement évolué pour donner lieu à Visual Basic (1991).
Depuis, plusieurs versions ont été proposées. Ce langage est réputé pour permettre un
développement rapide d’applications. Outre une interface utilisateur graphique, il dispose de
caractéristiques telles que la manipulation d’évènements, la programmation orientée objet, la
gestion d’erreurs, la programmation structurée.
Nous nous intéressons au [Link] qui est un langage récent. Il a été disponible en versions
beta depuis l’année 2000 avant d’être officiellement disponible en février 2002 en meme
temps que la plate-forme .NET de Microsoft a laquelle il est lie. [Link] ne peut fonctionner
qu’avec cet environnement d’exécution.
Les programmes (aussi appelées applications) sont créés dans un environnement de
développement intégré (Integrated Development Environment – IDE).
ENVIRONNEMENT DE DÉVELOPPEMENT INTÉGRÉ (EDI)
L’environnement de développement intégré de Visual Basic permet de créer, exécuter et
déboguer des programmes Windows dans une seule application.
-Présentation de l’Environnement de Développement Intégré (EDI)
Pour commencer, nous allons créer la classique application "Hello Votre Nom".
Au lancement de VB net, la fenêtre de sélection de type de projet est affichée :
Evt. Base de Données A.U.11/12 Page 1 sur 4
IN S T I TUT
SUPERIEUR
INFORMATIQUE
ISI
اﻟـﻣﻌﮭـد اﻟﻌـﺎﻟـﻲ ﻟﻺﻋـﻼﻣــﯾـﺔ
Dans ce document nous nous limiterons au projet standard, sélectionnez donc "Application
Windows Forms", ce qui permet de créer une première fenêtre "Form1".
Modifiez ensuite le code de cette fenêtre, pour accéder au code qui lui est associé, vous
pouvez "double-cliquer" sur celle-ci ou utiliser le menu "Affichage/Code"
Exécution du programme
Evt. Base de Données A.U.11/12 Page 2 sur 4
IN S T I TUT
SUPERIEUR
INFORMATIQUE
ISI
اﻟـﻣﻌﮭـد اﻟﻌـﺎﻟـﻲ ﻟﻺﻋـﻼﻣــﯾـﺔ
Une fois ce code saisi, utilisez la commande Exécuter, pour lancer le projet. Vous trouverez
cette commande dans le menu Exécution :
soit en actionnant la Touche F5, ou le bouton Exécuter de la boîte à outils "Débogage" :
Le message désiré est alors affiché :
Enregistrement du programme
Passez ensuite à l'enregistrement du programme, pour cela sélectionnez l'entrée : "Enregistrer
le projet" du menu Fichier :
Ensuite sélectionnez le répertoire et le nom de fichier souhaités, grâce à la fenêtre "Enregistrer
sous" qui vous permet en outre de créer le répertoire de destination :
Cette fenêtre est affichée pour tous les fichiers du projet.
Interfaces Graphiques
La barre de contrôles, située dans la partie gauche de l’Ècran, contient des contrôles
permettant de réaliser l’Interface Utilisateur Graphique (IUG)
Ces derniers permettent une programmation accélérée. La figure et le tableau suivants
résument les contrôles contenus dans cette barre.
Evt. Base de Données A.U.11/12 Page 3 sur 4
IN S T I TUT
SUPERIEUR
INFORMATIQUE
ISI
اﻟـﻣﻌﮭـد اﻟﻌـﺎﻟـﻲ ﻟﻺﻋـﻼﻣــﯾـﺔ
Pour sélectionner un objet de la boîte à outils, déplacez le
curseur de la souris sur l'élément que vous voulez choisir
une info bulle apparaît et vous indique le nom de l'objet sur
lequel vous pointez la souris.
Exercice 1
Il s’agit d’Ecrire le message " Premier Exercice " autant de fois que l’utilisateur clique sur le
bouton Ecrire. Le fait de cliquer sur le bouton Sortir permet de terminer l’exécution du
programme.
Exercice 2
Addition d’entiers
A partir d’entiers introduits par l’utilisateur, il s’agit d’afficher leur somme successive. L’IUG
consiste en deux Etiquettes (Label), deux zones de saisie (TextBox) et trois boutons
(CommandButton).
Bouton Ok : somme entre deux entiers
Annuler : vider les champs et mettre le curseur sur le premier champ
Quitter : quitter l’application avec l’affichage du message suivant
Evt. Base de Données A.U.11/12 Page 4 sur 4
