CHAPITRE 1

PREMIERS PAS

Crer un premier projet ............................................................................................ 17

crire un programme ................................................................................................ 18
Compiler, excuter ...................................................................................................... 20
Mieux comprendre ..................................................................................................... 22

15

1.1. Crer un premier projet

Pour commencer, lancez Visual Basic Express. Double-cliquez sur le
raccourci plac sur votre Bureau ou allez dans le menu Dmarrer/Tous
les programmes et cliquez sur Visual Basic Express 2010.

Version de Visual Studio Express

Il est galement intressant de noter que les versions 2008 et 2010 sont
presque totalement compatibles entre elles. Si vous aviez dj install une
version 2008 de Visual Studio Express, vous pouvez trs bien lutiliser en lieu
et place de la version 2010.

Vous voici devant la page daccueil de Visual Basic Express 2010.

Figure 1.1 : Page daccueil

Dans le menu Fichier, cliquez sur Nouveau Projet. Vous arrivez alors au
menu de choix suivant :

Figure 1.2 : Choix dapplication

1.1. Crer un premier projet

17

Vrifiez que lentre Application Windows est slectionne, saisissez

un nom pour votre projet en lieu et place de WindowsApplication1, par
exemple MonPremierProjet, et cliquez sur OK.
Vous arrivez la troisime tape du processus de cration de projet.
Lcran de Visual Basic ressemble ceci :

Figure 1.3 : Prt dvelopper !

1.2. crire un programme

Observez ce qui se trouve dans la zone de travail. En haut droite
figure une arborescence contenant deux entres :
j

MyProject, qui va regrouper les proprits relatives au projet en

cours. Nous dtaillerons son fonctionnement plus tard.

j

Form1.vb, qui est la fentre principale de lapplication.

Sous cette arborescence, appele "Explorateur de solutions", se trouve

la fentre Proprits.
Reprez le carr gris gauche de lespace de travail. Cette zone
sappelle le designer et le carr gris est un formulaire Windows. Une
fois que vous aurez fini ce chapitre, il ressemblera une fentre
Windows classique.

18

1. Premiers pas

Cliquez sur le formulaire (le carr gris) et observez la fentre des

proprits (en bas droite de lespace de travail). Elle se remplit dune
liste de proprits qui vont dfinir le formulaire.

Figure 1.4 : Aperu des proprits

Reprez celle qui sappelle Text. droite, vous devriez trouver la

valeur Form1. En lieu et place de Form1, saisissez MaFentre. Appuyez
sur la touche [] : le titre du formulaire dans le designer change ; vous
lisez dsormais MaFentre.
La fentre des proprits permet, entre autres, de modifier le comportement des fentres, par exemple leurs titres, leurs couleurs de
fond, etc.
Nous y reviendrons au chapitre Dialoguer avec un ordinateur.

Lespace de travail est maintenant configur pour le projet en cours et

une fentre porte le nom souhait.
Cliquez gauche sur le bouton nomm Bote outils. Le menu suivant
saffiche alors :

Figure 1.5 : La bote outils

1.2. crire un programme

19

Cette bote outils regroupe tous les lments dont vous avez besoin
pour construire une application : des boutons, des zones de saisie de
texte, des cadres pour placer des images, etc.
Pour dcouvrir les possibilits de cette bote, cliquez sur le menu Tous
les Windows Forms. Une liste droulante apparat. Elle donne le choix
entre plusieurs outils, appels "contrles". Trouvez celui qui sappelle
Button. Effectuez un glisser-dposer vers la fentre dans le designer.
Votre fentre ressemble alors ceci :

Figure 1.6 : Premire bauche de la fentre

Faites de mme avec le contrle appel TextBox. Vous avez maintenant une fentre qui ressemble celle-ci :

Figure 1.7 : Fentre complte

1.3. Compiler, excuter

Votre fentre possde un bouton, une bote permettant de saisir du
texte et un nom. partir de maintenant, vous allez vous intresser au
comportement de ladite fentre. Tout dabord, gnrez votre programme pour le transformer en excutable. Pour cela, appuyez sur la
touche [F5]. Votre projet va tre gnr et lanc. Visual Basic Express
2010 passe alors en mode Test et votre cran ressemble ceci :

20

1. Premiers pas

Figure 1.8 : Votre programme est lanc

Votre fentre est lance, comme tout autre programme, et dispose de

son icne dans la barre des tches de Windows. Vous pouvez cliquer
sur le bouton, entrer du texte dans la TextBox, mais rien dautre. Pour
aller plus loin, fermez la fentre en cliquant sur la croix. Visual Basic
Express 2010 revient automatiquement en mode Dveloppement.

Figure 1.9 : Votre programme en mode Dveloppement

1.3. Compiler, excuter

21

Vous allez entrer vos premires instructions, pour donner un comportement la fentre. Double-cliquez sur le bouton de la fentre. Vous
vous retrouvez sous un nouvel onglet, face ce texte :
Public Class Form1
Private Sub Button1_Click(ByVal sender As System.Object, ByVal
e As System.EventArgs) Handles Button1.Click
End Sub
End Class

Entre les lignes Private Sub [] et End Sub, saisissez le texte suivant :
MessageBox.Show("Bonjour " + TextBox1.Text)

Cela fait, gnrez votre programme

modifi en appuyant sur [F5]. La fentre saffiche nouveau. Cette fois, entrez votre prnom dans la TextBox
puis cliquez sur le bouton. Laffichage
qui en rsulte est le suivant :

Figure 1.10 :
Lordinateur vous
dit bonjour

Une bote de dialogue est affiche ; elle contient le message "Bonjour"

suivi de votre prnom. Cliquez sur OK et fermez la fentre de votre
programme. Analysons maintenant ce que vous avez fait.

1.4. Mieux comprendre

Dans ce chapitre, vous avez ralis un programme complet qui
affiche du texte.
Tous vos dveloppements partir de maintenant se drouleront de
cette manire. Dans un premier temps, crez un nouveau projet dans
Visual Basic. Cest le point de dpart indispensable pour obtenir un
espace de travail fonctionnel.
Dans cet espace de travail, utiliserez le designer pour placer sur la
fentre tout ce dont vous aurez besoin pour le programme. Dans ce
premier exemple, vous avez plac une TextBox et un bouton.
Une fois que la fentre contient tous les contrles ncessaires, dfinissez
le comportement de lapplication avec lditeur de code de Visual Basic
Express. Cest le moment dentrer toutes les instructions que doit excuter lordinateur. Dans cet exemple, les seules instructions ncessaires
sont celles qui sont excutes lors dun clic sur le bouton de la fentre
principale. Comme chaque clic une seule instruction est excute, vous
avez saisi une seule ligne dans lditeur de code, savoir :
MessageBox.Show("Bonjour " + TextBox1.Text)

22

1. Premiers pas

Cette ligne permet dafficher ce que vous saisissez dans la TextBox

aprs le texte "Bonjour". Mais pourquoi ce moment-l ? Tout simplement parce que vous avez plac ce texte aprs avoir cliqu sur le
bouton dans le designer de Visual Basic. Par ce clic, lditeur a
compris que vous vouliez modifier le comportement de lapplication
et, plus prcisment, ce quil se passe lorsque vous cliquez sur le
bouton de la fentre. En fait, chaque contrle dispose dvnements,
qui reprsentent un clic sur un bouton, un changement de texte dans
une TextBox, etc. Lorsque vous dclenchez un vnement dans le
designer, comme le clic sur le bouton dans cet exemple, vous tes
automatiquement redirig vers la partie du code qui permet de
modifier le comportement de lapplication quand lvnement est
lanc. Dans cet exemple, cela correspond au code :
Private Sub Button1_Click(ByVal sender As System.Object,
ByVal e As System.EventArgs) Handles Button1.Click
End Sub

Tout ce qui se trouve entre Private Sub et End Sub reprsente le code
que le programme doit excuter lors de lvnement en question.
tudions maintenant ce quil se passe lorsque vous lancez le programme, cest--dire lorsque vous appuyez sur la touche [F5].
Lors de la gnration du projet, le compilateur se charge de lire, ligne
par ligne, ce que vous avez crit. Ensuite, il traduit le tout en langage
machine. Le rsultat est un fichier excutable qui, par dfaut, est
plac dans le rpertoire Mes documents\Visual Studio 2010\Projects
\MonPremierProjet\MonPremierProjet\bin\Debug. Ce fichier porte le
nom du projet et lextension .exe. Dans ce cas, il sagit du fichier
MonPremierProjet.exe. Une fois quil est gnr, vous pouvez le copier o bon vous semble et lexcuter dun double clic. Cest de cette
manire que vous pourrez le partager avec vos amis, le distribuer sur
Internet ou le sauvegarder sur un CD.
Quand vous double-cliquez sur ce programme, vos instructions sont
excutes. Les premires dentre elles ne sont pas les vtres puisque
vous navez prcis de comportement que pour le clic sur le bouton.
En fait, le programme commence toujours par les instructions de
dessin de la fentre. Elles permettent laffichage dune fentre avec
les boutons Fermer, Rduire et Agrandir. Cela fait, le programme
dessine lintrieur de la fentre. Dans cet exemple, il place un bouton
et une TextBox.
Le programme est maintenant charg. Il attend une action de votre
part pour ragir, ici un clic sur le bouton. Le programme enregistre le

1.4. Mieux comprendre

23

fait que vous cliquez sur le bouton, regarde sa liste dinstructions et

voit quen cas de clic, il faut afficher une bote de dialogue contenant
le message "Bonjour xxx", o xxx est le texte saisi dans la TextBox.
Une fois la bote de dialogue affiche, le programme attend que vous
cliquiez sur le bouton OK pour continuer et repasse la premire
tape : il attend dautres instructions. Vous pouvez par exemple saisir
un autre nom dans la TextBox ou encore quitter le programme en
cliquant sur la petite croix en haut droite de la fentre.
Dans ce chapitre, vous avez vu les principes fondamentaux de cration de projet, ddition de code et de lancement de programme.
Voyons maintenant comment enrichir le contenu des projets par un
code plus complet

24

1. Premiers pas