Cours VB INSEA

INSEA
Institut Nationale de Statistique et d’Économie Appliquée
Environnement de développement
graphique
Pr : Imade BENELALLAM
e-mail : i.benelallam@insea.ac.ma
Année : 2010/2011
Département Informatique, Bureau Numéro 11
Pr. Imade BENELALLAM Environnement de développement graphique

Objectives
• Étudier comment développer une application Windows

• Comprendre les principes de base de l’ergonomie du
logiciel et des Interfaces Homme Machine.
• Comprendre les principes de base de la programmation
en Visual Basic.
• Étudier comment réaliser des applications à base des
référentielles de Base de Données.

Pré-requis
• Cours pour débutant

• Connaissances en programmation : néant
• Connaissances sur les BD : conception
• Connaissances sur le langage SQL
• Connaissance du logiciel Access.
Pr. Imade BENELALLAM Environnement de développement graphique 3

Évaluation
• 60 % : Contrôle final.
• 40 % : Contrôle continu.
un mini projet : Développement d’une application de
gestion.
une note de participation incluant l’assiduité, la
prise de notes et la réalisation des TPs et devoirs.
Pr. Imade BENELALLAM Environnement de développement graphique 4

Sommaire
Introduction
Environnement Visual Studio .net
Applications Windows : Interface Utilisateur
Bases du langage : VB .net
Programmation Objet : Les classes en VB
Fonctionnalités avancées
Accès aux bases de données : ADO .net
Applications Web : ASP .net

Introduction
La programmation ?
• Qu’est-ce que la programmation ?

– Séquences d’instructions qui permettent de données
des ordres à un ordinateur
• A quoi cela sert-elle ?
– Développer des applications, automatiser des tâches
récurrentes, effectuer des calculs complexes
• Quelques langages de programmation
– C, C++, JAVA, (Visual) Basic, Perl, PHP, Cobol,
Forth…

Introduction
Quel choix ?
• Différences principales entre les langages

La structure : lexique, syntaxe, sémantique
Le style : Langages séquentiels, langages orienté-objet
La compilation : Langages interprétés, langages exécutés
Langages spécialement adaptés
• A Internet (pages web): PHP, Perl, JAVA
• Aux simulations: Matlab
• Aux programmes nécessitant une grande vitesse: C, C++
• Aux applications graphiques et bureautiques: VB

Introduction
Démarche de développement
C’est une approche partant de l'abstraction du problème

vers sa réalisation concrète.
1. Spécification du problème : quel est le problème ?
2. Conception abstraite : démarche de réflexion
permettant de déterminer les données et les résultats
du problème.
3. Conception algorithmique : définitions lexicales des
éléments utilisés, et ordonnancement des traitements.
4. Codification : traduction dans un ou ses langages de
programmation.
5. Tests applicatifs : mise en oeuvre d'un échantillon
représentatif de données pour valider l'application.
6. Maintenance : correction, évolution, optimisation,
sécurisation.
Introduction
Visual Basic .net : Introduction
• Visual Basic .Net

Produit Microsoft,
Un langage de programmation événementiel de troisième génération
ainsi qu'un environnement de développement intégré,
Il a été mis à niveau vers un véritable langage orienté objet,
Permet le développement rapide d'applications, la création d'interfaces
utilisateur graphiques, l'accès aux bases de données …

Introduction
Visual Basic (VB) ou VBA ou VBScript
La terminologie autour de Visual Basic peut mener à une certaine

ambiguité.
• VB = Visual Basic
– Langage de programmation intégré dans Visual Studio pour
faire des applications indépendantes mais également contenu
dans MS Office.
• VBA = Visual Basic pour Application
– Disponible avec MS Office (Excel, Access, Word)
• VBscript
– est un sous-ensemble de Visual Basic utilisé en tant que langage
de scripting (exp. Page Web).
– est un langage interprété. Il ne nécessite pas de compilation
avant d'être exécuté.

Introduction
VB : Historique
Version Nouveautés
1.0 Sortie en 91, Visual Basic innove en particulier grâce à son environnement de
développement permettant de masquer les tâches fastidieuse
3.0 Evolution du langage, apparition de nouvelles fonction et de structures de contrôle (select
case)
4.0 Sorti en 96, la version 4.0 marque une étape importante dans l’évolution du langage :
-Création d’application 32 bits
-Création et utilisation de DLL
-Apparition des fonctionnalités Objet (Classes)
5.0 Disparition des applications 16 bits et stabilité accrue du langage
6.0 Peu d’évolution sur le langage mais apparition de la technologie ADO (remplaçante de
DAO et RDO) et des outils de connexion aux sources de données (DataEnvironment)
.net (7.0) L’élément principal de l’infrastructure .NET est le CLR (Common Language Runtime),
permettant à l’utilisateur d’interagir avec le système en utilisant n’importe quel langage
.Net (Vb, C++, C#).

Introduction
VB : Avantages et Inconvénients
• Avantages
Simplicité
Disponible dans MS Office
Accès à toutes les fonctions de Windows
• Systèmes de fenêtres, boîtes de dialogue, API
• Inconvénients
Pas très rapide
Dépend beaucoup des versions utilisées de Windows
et MS Office
Cher si on veut être en règle

Introduction
VB : Installation
• A l’instar de la version 6.0, développer en VB .Net requiert une configuration

machine beaucoup plus importante.
Config. Minimale
Processeur P3 733 Mhz
Mémoire Vive (Ram) 256 Mo
Espace Disque libre 3 Gb
Carte Vidéo 800x600, 256 Couleurs
Lecteur CD Rom Obligatoire
Système d’exploitation Windows 2000
Windows NT 4.0
Windows XP
….

Environnement
Visual Studio .net
Visual Studio .net
• C'est l'Integrated Development Environment

(IDE): Environnement de développement intégré
de Visual Basic
• Il permet de dessiner l'interface (les fenêtres, les
boutons, List, Image...) et d'écrire le code VB.
• En tant que utilisateur Outlook et dans le cadre de
l’accord MS Academic Alliance, il est possible
d'utiliser l’édition Express gratuitement, par fois
même à des fins commerciales (mais avec des
fonctionnalités limitées).
• Ou trouver Visual Studio 2010 Express?
http://www.microsoft.com/express/downloads/
Dans la liste de lien, cliquer sur 'Visual Basic
Express 2010‘

Environnement
Visual Studio .net
Page de démarrage
Quand on lance VB.net 2010, on affiche la Page de démarrage.
On a le choix entre:
-Nouveau projet..
-Ouvrir un projet..
-Projets récents
Créer un nouveau projet:

Pour créer un nouveau projet
Visual Basic, il faut choisir
'Nouveau projet' dans le menu
démarrage ou passer par le
menu 'Fichier' puis 'Nouveau
Projet' . La fenêtre suivante
s'ouvre:

Environnement
Visual Studio .net
Nouveau projet
Il faut choisir 'Application Windows Forms' ou 'Application WPF'.

Environnement
Visual Studio .net
Principaux projets Visual Basic
Principaux Types de projets Visual Basic

Application Windows
Bibliothèque de classe
Bibliothèque de contrôle Windows
Application Smart Device
Application Web ASP.Net
Application console

Environnement
Visual Studio .net
Configuration d’un projet
• Pour chaque projet, un ensemble de propriétés sont configurables.

• Pour accéder aux propriétés d’un projet, clic droit sur le projet dans
l’explorateur de solution et Propriétés.

Environnement
Visual Studio .net
Configuration d’un projet
Propriétés communes
Propriété Description
Nom de l’assembly Nom du fichier généré après compilation.
Type de sortie Type d’application a générer
Objet de démarrage Feuille ou procédure servant de point de départ au programme
Espace de nom racine Permet de définir un préfixe pour accéder à l’ensemble des classes
Icône de l’application Fichier .ico servant d’icône au fichier de sortie
Option explicit Interdit l’utilisation d’une variable non déclarée
Option compare Distinction de la casse en mode binaire (pas en mode texte)
Espaces de noms Permet de définir les espaces de noms qui devront être automatiquement
importés dans le projet (ex : permet d’écrire « form » à la place de
« system.windows.forms.form »
Présentation page Mode de positionnement des contrôles : en mode Grid, le placement est libre,
en mode Flow, le placement se fait dans l’ordre de création.
Schéma cible Navigateur pour lequel le code HTML doit être compatible
Langage de script Client Type de langage à utiliser

Environnement
Visual Studio .net
Interface principale
• l’interface de Visual
Basic .net reprend la
plupart des palettes
standards avec
quelques outils en
plus :
– la barre d’outils
regroupe les
différents contrôles
par catégories
– La zone centrale
permet d’écrire le
code et de définir
les interfaces
graphiques
utilisateurs
– A droite,
l’explorateur de
solutions et la
fenêtre de
propriétés

Environnement
Visual Studio .net
Le concepteur (Designer)
• C'est l'onglet Form1.vb[Design] qui se trouve au centre de l'écran,

• C'est une zone permettant de dessiner l'interface utilisateur : les
fenêtres, contrôles..

Environnement
Visual Studio .net
La fenêtre de code
• Elle contient le code en Visual Basic : dans l'explorateur de solution

à droite, cliquer sur Form1.vb puis sur l'icône 'Afficher le code'

Environnement
Visual Studio .net
Explorateur de Solutions
L’explorateur de solutions référence

l’ensemble des éléments des Projets (
fichiers, feuilles, classes). Une solution
contient les fichiers suivants :
• .sln : fichier de configuration de la
solution
• .vbproj : fichier projet, (ancien .vbp)
• .vb : fichiers contenant du code (anciens
.bas, .frm, .cls)
• .resx : associé à une feuille, contient les
ressources
Il est possible de créer un projet soit
Directement dans une solution ouverte soit
dans une nouvelle solution

Environnement
Visual Studio .net
Fenêtre de propriétés
• cette fenêtre recense toutes les propriétés relatives à

l’objet sélectionné.

Environnement
Visual Studio .net
La listes d’erreurs
• La fenêtre liste d’erreurs permet de recenser l’ensemble des erreurs

à corriger sur votre projet.

Applications Windows
Interface Utilisateur
Les formulaires Windows
• Un formulaire est un objet.

• Les formulaires sont les éléments de base des applications graphiques
Windows.
• Le FrameWork Visual Basic .Net permet la création de formulaires
Windows afin d’établir des interfaces graphiques entre l’utilisateur et le
code.
• Ces formulaires sont des fenêtre qui contiendront des contrôles (Champs
texte, boutons, liste déroulantes ….).

Les formulaires Windows
• Il existe deux solutions pour la création de formulaires

sous le FrameWork .Net :
Windows Forms : Sont utilisés pour le développement
d’applications pour lesquelles la plupart des
traitements se font sur la machine cliente.
Web forms : Les applications à base de Web Forms
sont destinés à être utilisées sur le Web par le biais
d’un navigateur.
• Un formulaire est caractérisé par trois éléments :
Les propriétés
Les méthodes
Les événements

Mode de présentation
En fonction de l’application à réaliser, plusieurs modes de

présentation
des feuilles peuvent être utilisés :
• Mono document : Ce genre d’application appelée SDI
(Single Document Interface) ne permet l’affichage que
d’une fenêtre à la fois.
• Multi document : Les applications MDI (Multiple
Document Interface) sont constituées d’une fenêtre
principale (Fenêtre mère) contenant à son tour plusieurs
documents (fenêtre fille).
• Explorateur : C’est le mode de présentation le plus
utilisé. Il permet un affichage hiérarchique des menus
sur la partie gauche et l’affichage des éléments sous
forme de liste sur la partie droite.
Propriétés des formulaires
• Une propriété est un attribut qui définit les caractéristiques de la

feuille.

• AcceptButton : Lorsque l’utilisateur appuie sur la

touche entrée, la méthode liée à l’événement « click » du
bouton d’acceptation sera automatiquement déclenchée.
Généralement, c’est le bouton « ok » ou « sauvegardé »
qui est paramétré comme AcceptButton.
• AllowDrop : Spécifie si le formulaire gère le Drag and
Drop (Glisser déposé).
• AutoScale : Si cette option est activée, la taille des
contrôles et du formulaire sont automatiquement
redimensionnés lors d’un changement dynamique de la
police d’écran.

• AutoScroll : L’option AutoScroll est une nouveauté de la

version .Net : elle permet de placer automatiquement
des barres de défilement lorsque la taille du formulaire
ne permet pas l’affichage de tous les contrôles qu’il
contient.

• BackColor : La propriété backColor définit la couleur de

fond du formulaire.
• BackgroundImage : Il est possible de définir une image
comme fond pour le formulaire. L’image sera
automatiquement répétée en mosaique.
• CancelButton : Le bouton d’annulation réalise
l’opération inverse du bouton d’acceptation. Il permet de
déclencher l’événement « click » d’un bouton du
formulaire lorsque l’utilisateur appuie sur touche escape.

• ControlBox : La propriété ControlBox définit si le menu

système apparaît au niveau de la barre de titre du
formulaire :
Le menu système peut également être modifié avec les

propriétés « MinimizeBox », « MaximizeBox » et
« HelpButton ».

• Cursor : Définit l’apparence par défaut du curseur sur le

formulaire. Cette option peut également être paramétrée
au niveau des contrôles.
Les différentes valeurs sont disponibles dans la classe

« System.Windows.Forms.Cursors »

• Enabled : Définit si le formulaire est disponible (True) ou

non (False). Dans ce dernier cas, aucun des contrôles et
menus du formulaires ne seront accessibles (grisés).
• Font : Cette propriété définit les paramètres de
formatage du texte. Cette propriété sera
automatiquement appliquée par défaut au texte des
différents contrôles.
• ForeColor : Couleur d’affichage par défaut pour les
textes et graphismes du formulaire.
• HelpButton : Affiche le bouton d’aide à gauche de la
barre de titre. Attention, le bouton ne sera pas affiché si
les boutons min et max sont activés.

• FormBorderStyle : Style de bordure du formulaire :

Valeur Apparence Dimensionnable
None Non
FixedSingle Non
Fixed3d Non
FixedDialog Non
Sizable Oui
FixeToolWindow Non
SizableToolWindow Oui

• Icon : Définit l’icône liée au formulaire : cette dernière

apparaît dans la barre de titre.
• IsMDIContainer : Détermine si le formulaire est un

conteneur MDI, c’est à dire s’il est capable de contenir
d’autre fenêtres.

• Location : Cette objet défini la position du formulaire par

rapport à son conteneur (c’est à dire l’écran ou le
formulaire parent dans le cas d’application MDI).
– X : distance entre le bord gauche du conteneur et le bord
gauche du formulaire
– Y : distance entre le haut du conteneur et le haut du formulaire

• Locked: Détermine si le formulaire est verrouillé ou non : cette

propriété est identique à « enabled » mais elle ne grise pas
l’apparence du formulaire.
• MinimizeBox, MaximizeBox : Détermine si les boutons
« Agrandir » et « Réduire » sont visibles. Leur affichage empêchera
l’affichage du bouton d’aide.
• MinimumSize, MaximumSize : Cet objet définit la taille minimale et

maximale que peut avoir le formulaire. Cet objet est généralement
utilisé pour éviter que l’utilisateur réduise la fenêtre au point de ne
plus avoir accès aux contrôles. Pour chaque objet, deux propriété
sont disponibles : width (largeur) et height (hauteur).

• Opacity : Définit un pourcentage d’opacité pour la

fenêtre. Une valeur de 100% rend la fenêtre opaque.
(Exemple avec 65%)
• ShowInTaskBar : Détermine si un nouveau bouton est

ajouté dans la barre des tâches lorsque la fenêtre est
ouverte :

• Size : Cet objet définit la taille du formulaire à l’aide de

deux propriétés : width (largeur) et height (hauteur).
• Startposition : Définit la position de départ lorsque la
fenêtre est ouverte.
• Text : Détermine le texte affiché dans la barre de titre
• TopMost : Si cette option est activée (true) le formulaire

sera toujours au dessus de tous les autres formulaires,
même s’il n’est pas activé. Cette option se prête
particulièrement bien pour les boîtes à outils qui doivent
toujours rester accessibles.

• TransparencyKey : Cette propriété définit la couleur de

transparence du formulaire : si vous spécifiez la couleur
jaune en tant que TransparencyKey, toutes les zones du
formulaire jaune seront transparentes :
• WindowState : Détermine l’état du formulaire lors de

l’ouverture.

Méthodes des formulaires
• Activate : La méthode activate permet de mettre le

formulaire au premier plan et de lui donner le focus.
• Close : Ferme le formulaire
• ShowDialog : Affiche le formulaire en tant que feuille
modale, c’est à dire qu’au niveau de l’application, la
fenêtre restera au premier plan tant qu’elle n’est pas
fermée.

Événements des formulaires
Les événements correspondent au cycle de vie de l’objet formulaire. Ils

sont listés dans l’ordre chronologique.
• New : L’objet formulaire est en cours de création
• Load : Le formulaire ainsi que ses composants sont chargés mais il
n’est pas visible.
• Paint : Se produit lorsque le formulaire est redessiné. Cet
événement peut apparaître plusieurs fois : par exemple au
démarrage et lorsque le formulaire réapparait devant un autre.
• Activated : Le formulaire récupère le focus.
• Deactivate : Le formulaire perd le focus
• Closing : Le formulaire est en cours de fermeture, les différents
éléments le composant sont détruits. Le formulaire est cependant
encore visible.
• Closed : Le formulaire est fermé et maintenant invisible.

Événements des formulaires
• Dispose : L’objet formulaire est détruit.

• Resize : Cet événement survient lorsque le formulaire est
redimensionné. Généralement utilisé pour modifier la taille des
contrôles le composant.
• Click : L’utilisateur clique sur le fond du formulaire
• DoubleClick : L’utilisateur double clique sur le fond du formulaire

TP 0 : Programmation événementielle

TP 1 : Jetchamp Sport
Scénario :
Vous êtes un programmeur Visual Basic .net avec JetChamp
Sport, une grande chaîne de produits sportifs avec 50 filiales à travers
les États-Unis. L'entreprise vend entre autres des équipements de
football, de baseball..etc.
Votre directeur vous a demandé de développer un formulaire de
Bon de commande qui sera utilisé pour commander des produits auprès
de fournisseurs de JetChamp.
Voire le fichier de ressources (TP1.pdf) pour suivre les étapes.

Les contrôles
• Les contrôles permettent de créer l’interface entre l’utilisateur et

notre application.
• Les contrôles permettent de saisir des données, effectuer des
sélection et déclencher des actions par l’intermédiaires des
événements.

Les contrôles
• Les contrôles sont des objets graphiques placés visiblement sur le

formulaire.
• Certains contrôles offrant des fonctionnalités de programmation
n’apparaîtront pas sur le formulaire.
Contrôle graphique
Contrôle masqué

propriétés des contrôles
• Name : Nom du contrôle. Ce nom ne comporter que des

lettres et le caractère underscore « _ ».
• Anchor : Les ancres permettent de modifier
automatiquement la taille d’un contrôle lors du
redimensionnement d’un formulaire. Chaque contrôle
possède sa propre ancre

• CanFocus : Booléen spécifiant si le contrôle peut

recevoir le focus.
• CanSelect : Booléen spécifiant si le contrôle peut être
sélectionné.
• Dock : la propriété « Dock » permet d’ancrer un contrôle
à un bord du conteneur. Dans l’exemple suivant, le
bouton est ancré en bas :

• Enabled : Cette propriété est une valeur booléenne

spécifiant si le contrôle est accessible ou non. Dans le
second cas, le contrôle apparaîtra grisé.
• Location : La propriété Location est un objet permettant
de définir l’emplacement du contrôle par rapport à son
conteneur. Il est composé de deux propriétés (X et Y)
qui définissent ses coordonnées par rapport au coin
supérieur gauche du conteneur.
• Locked : Contrairement à la version précédente, cette
propriété ne bloque pas le contrôle lors de l’exécution
mais lors de la conception.

• Size : Cet objet permet de définir la taille du contrôle. Il

est composé de deux propriétés, width (largeur) et
height (hauteur).
• TabIndex : Indice définissant l’ordre de tabulation du
contrôle par rapport à son conteneur.
• Text : Cet propriété référence le texte contenu ou affiché
dans un contrôle (Par exemple, le texte affiché sur un
bouton).
• Visible : Cet propriété détermine si le contrôle est visible
lors de l’exécution. Attention, aucun changement n’est
visible lors de la conception

Méthodes et événements des contrôles
Méthode Description Evénements Description
Focus Donne le focus au contrôle Click Activé lors du clic sur le contrôle
DoubleClick Activé lors du double clic sur le contrôle
Enter Activé lorsque l’utilisateur entre sur le contrôle
GotFocus Activé lorsque le contrôle reçoit le focus
KeyDown Touche enfoncée
KeyPress Touche enfoncée et relachée
KeyUp Touche relachée
LostFocus Activé lorsque le contrôle perd le focus
MouseDown Bouton souris enfoncé
MouseUp Bouton souris relaché
MouseMove Souris déplacée sur le contrôle
MouseWheel Déplacement de la roulette
Resize Déclenché lorsque le contrôle est

redimensionné

Les principaux contrôles : TextBox
• Le contrôle TextBox est certainement le contrôle le plus

utilisé : il permet de saisir des chaînes de caractère de
2000 à 32 000 caractères en fonction de la configuration.

CanFocus Détermine si le contrôle peut recevoir le focus
CharacterCasing Détermine la casse du texte : majuscules (upper) ou minuscules (lower)
Focused Indique si le contrôle détient le focus

ForeColor Couleur du texte
HideSelection Définit si le contrôle masque la sélection lorsqu’il perd le focus
Lines Tableau correspondant aux lignes du contrôle
MaxLength Nombre de caractères maximum du contrôle
Modified Spécifie si le contenu du champs a été modifié depuis sa création
MultiLine Définit si le contrôle est multi lignes
PasswordChar Définit le caractère servant à masquer un mot de passe
Readonly Contenu du champs en lecture seule
Scrollbars Affiche ou masque les barres de défilement
Selectionlength Longueur de la sélection
SelectionStart Indice de début de la sélection dans le champs
Text Contenu du champs
TextLength Longueur du texte dans le contrôle

Méthode Description
Clear Efface le contenu du champs texte
Copy / Cut Copie / coupe la sélection dans le presse papier
Focus Donne le focus au contrôle
ResetText Rétabli la valeur initiale du champs
Evénement Description
TextChanged Déclenché lorsque le texte change

Les principaux contrôles : Label
• Le contrôle label est utilisé pour afficher du texte qui ne sera pas
éditable par l’utilisateur. Il est généralement utilisé pour afficher le rôle
des différents contrôles.
BorderStyle Style de bordure
AutoSize Le contrôle s’adapte à la taille du texte
Text Contenu du label

Les principaux contrôles : CheckBox
• Le contrôle Checkbox (Case à cocher) est utilisé pour proposer

plusieurs options à l’utilisateur parmi lesquelles il pourra effectuer
plusieurs choix.
Checked Valeur booléenne indiquant si la case est cochée ou non
CheckState Retourne ou modifie la valeur de la case à cocher en gérant le 3ème mode (grisé).
ThreeState En standard, une case à cochée peut être cochée ou non. Il existe cependant un 3ème état
« Indéterminé » permettant de grisé la case. Cette propriété permet d’activer ce 3ème état.
CheckAlign Alignement de la case à cocher par rapport au contrôle
Text Texte associé au contrôle

Les principaux contrôles : CheckBox
Evénement Description
CheckedChanged Se produit lorsque la propriété « Checked » change
CheckStateChanged Se produit lorsque la propriété « CheckState » change

Les principaux contrôles : RadioButton
• Contrairement aux cases à cocher, les boutons radio permettent à

l’utilisateur d’effectuer un seul choix parmi plusieurs options. Cette
dernière contrainte impose donc qu’il n’y ait jamais deux boutons
cochés en même temps : Visual basic s’occupe de faire basculer
l’état des boutons pour les boutons présents dans le même
conteneur. Dans l’exemple suivant, c’est le formulaire qui est
conteneur. Nous verrons plus loin les conteneurs « GroupBox » et
« Panel ».

Les principaux contrôles : GroupBox et Panel
• Au même titre qu’un formulaire, les contrôles GroupBox

et Panel sont des conteneurs, c’est à dire qu’il
contiennent eux même d’autres contrôles. Ces contrôles
présentent deux intérêts majeurs :
– Regrouper de manière logique des contrôles afin de les isoler
(pour les boutons radio par exemple)
– Faciliter le placement de plusieurs contrôles car en modifiant la
position du conteneur, vous modifiez la position de tous les
contrôles contenus
GroupBox Panel

Les principaux contrôles : Button et ListBox
• Le contrôle « button » est principalement utilisé pour

déclencher une action lors du clic.
• Le contrôle ListBox permet l’affichage d’une liste de
choix, généralement des chaînes de caractères, dans
laquelle l’utilisateur pour effectuer un ou plusieurs choix.

Les principaux contrôles : ComboBox et Splitter
• Le contrôle ComboBox est l’association du contrôle

listBox et TextBox : il permet à l’utilisateur de
sélectionner une valeur dans une liste ou de saisir une
nouvelle valeur. Cependant, ce contrôle n’accepte pas
les sélections multiples.
• Le contrôle « Splitter » est une nouveauté de la version
.Net. Il permet de créer des barres de séparation
redimensionnables pour distribuer l’espace du formulaire
entre les différents contrôles. Splitter est particulièrement
utilisé dans les interfaces de type « explorateur ».

Les principaux contrôles : ImageList
• Le contrôle « ImageList » est un conteneur d’images

destinées à être utilisée dans l’application ou alors par
d’autre contrôles (Listview, TreeView …). Ce contrôle
n’est pas visible sur le formulaire et peut contenir tous
types d’images (Gif, Jper, Bmp …).
ColorDepth Nombre de couleurs à utiliser pour les images
ImageSize Taille en pixels des images
Transparent Définit la couleur de transparence
Images Collection contenant les images

Les principaux contrôles : TabControl
• Le contrôle « TabControl » permet l’affichage d’onglet

contenant chacun plusieurs contrôles. Ce dernier est
généralement utilisé pour regrouper logiquement des
contrôle ou pour placer beaucoup de contrôles dans la
même formulaire.

Les principaux contrôles : Menu
• les menus permettent d’offrir à l’utilisateur un ensemble

de fonctionnalités sans pour autant surcharger la
présentation du formulaire. Il existe 2 types de menu :
– Menu d’application situé en haut du formulaire
– Menu contextuel activé généralement lors d’un clic
droit

Les principaux contrôles : DateTimePicker
• Le contrôle « DateTimePicker » associe une zone de

texte et un calendrier permettant la sélection d’une date.

Scénario:
Votre directeur vous donne une esquisse de la disposition du formulaire. Voire le
fichier de ressources (TP2.pdf) pour compléter le projet.

Scénario:
Vous avez déterminé les propriétés de chaque contrôle et vous décidez de faire
ce qui suit:
1. Supprimer le texte qui s'affiche par défaut avec certains contrôles.
2. Donnez à chaque contrôle un nom significatif.
3. Modifier les propriétés des étiquettes utilisées pour afficher le numéro de
commande, adresse de la société, les prix, et le coût total.
4. Modifier les propriétés de la police des étiquettes qui entourent les différentes
sections du formulaire.

TP 4 : Créer une interface utilisateur pour Moonlight Cinémas
Scénario:
Votre entreprise vient de démarrer un nouveau contrat avec Moonlight Cinemas,

une chaîne de cinémas grand théâtre. Vous avez été mandaté à travailler sur
leur nouveau système de billetterie et de créer une application de
démonstration. La première étape de ce processus consistera à créer une
maquette très simple de démonstration, Voire le fichier de ressources (TP4.pdf)
pour compléter le projet.

Bases du langage
VB .net
Notion d’objet en VB
• Objet: Super-variable(groupe de variables de différents

types et des méthodes)
• Les variables sont désignées par un nom = Propriétés
Exemple 1 : l’objet Voiture
Propriétés: couleur, marque, modèle,
carburant, puissance fiscale, vitesse
Maxi, prix….
Syntaxe : objet propriété

●
Voiture.couleur = rouge
Voiture.marque = ‘’Peugeot’’
p = Voiture.puissanceFiscale
Bases du langage
VB .net
Notion d’objet
• Méthodes = fonctions de l’objet
• Exemple : Voiture
• Accélérer, ralentir, avancer, reculer, s’arrêter….
• Syntaxe : objet.Méthode()
• Voiture.accélérer()
• Voiture.reculer(10 m)
• Voiture.changerCouleur(bleu)
• Voiture.couleur = bleu

Bases du langage
VB .net
Structure de code : Formulaire
• Lors de la création d’un formulaire, le code suivant est

automatiquement généré :
– nouvelle classe portant le nom du formulaire.

– hérite (récupère) tous les éléments de la classe « form »
– l’appel aux méthodes de base de classe form ainsi que
l’initialisation des contrôles.
– Tout ajout d’éléments (Variables, procédures, contrôles) seront
ensuite perçus comme membres de la classe « form1 ».
Bases du langage
VB .net
Structure de code : Module
• Lors de la création d’un nouveau module, le code

suivant est automatiquement généré :

Bases du langage
VB .net
Structure de code : Commentaire
• Les commentaires permettent d’ajouter des annotations

sur le code.
‘ceci est un commentaire
Dim mavar as string ‘ceci est un autre commentaire
• lorsqu’un commentaire commence par le mot clé todo:, il
sera automatiquement ajouté dans la liste des tâches

Bases du langage
VB .net
Structure de code : Régions

Bases du langage
VB .net
Les variables
• Un nom : le nom d’une variable commence

obligatoirement par une lettre, peut contenir des lettres,
chiffres et le signe « _ » (underscore) avec un maximum
de 255 caractères. Visual Basic ne tient pas compte de la
casse (Majuscules / Minuscules)
• Un type : le type d’un variable précise le type de la valeur
stockées par la mémoire (numérique, chaîne de caractère,
date …)
• Une portée : la portée d’une variable correspond à sa
durée de vie.

Bases du langage
VB .net
Les variables
Types:
• Boolean : True – False
• Byte : 0 à 255
• Integer : -32 768 à 32 767
• Long : -2 à 2 milliards
• Single : réels avec 6 chiffres décimaux (x=10/3; 3,333333)
• Double : réels avec 14 chiffres décimaux
• Char : caractère
• String : chaînes de caractères
• Date : Date et heure
• Objet : objets VB (Contrôles, feuilles,..)

Bases du langage
VB .net
Déclaration des variables
• La déclaration des variables se fait de la façon suivante

Dim nomvariable1, nomvariable2, nomvariable3 as type_variables =
valeur_par_defaut
• L’affectation d’une valeur par défaut est facultative.
Dim i as integer = 0
Dim moncar as char = ‘’i’’
Dim aujourdui as date = #12/07/02#
Dim nom as string
• Peut être désactivée !!

Bases du langage
VB .net
Portée des variables
Quatre niveaux de portée existent :

• Niveau Bloc : si la variable est déclarée dans un bloc
(boucle while, condition …), la variable ne sera valable que
à l’intérieur du bloc
• Niveau Procédure : si la variable est déclarée à l’intérieur
d’une procédure ou d’une fonction, elle ne sera accessible
qu’à l’intérieur de cette procédure/fonction
• Niveau Module : la variable déclarée dans un module sera
accessible uniquement à partir des éléments du modules
(procédures, fonctions)
• Niveau projet : la variable est accessible à partir de tous les
éléments du projet. Dans ce cas, il faut utiliser le mot clé
« friend » à la place du mot « dim ».
Bases du langage
VB .net
Visibilité des variables
• En dehors de l’emplacement où est définie la variable,

plusieurs mot clés sont disponibles pour agir sur la
visibilité :
– Public : tous les blocs de code peuvent accéder à la variable
– Private : seul les éléments membres de la classe ou du module
peuvent y accéder
Dim i as integer
Public y as string
Private z as integer

Bases du langage
VB .net
Visibilité des variables
• Les constantes permettent de stocker une valeur

en s’assurant qu’elle ne sera jamais modifiée.
Const Nom_constante As DataType = valeur

Bases du langage
VB .net
Concaténation et conversion de type

Bases du langage
VB .net
Les tableaux
Variables indicées (Tableaux):Déclaration obligatoire!!

• 1- Taille connue à l’avance : Dim MonTableau(n) As Integer
Dim MonTableau(11) As Integer (indices : de 0 à 11 => 12 éléments)
• 2- Tableau dynamique : Dim MonTableau( ) As Integer
• 3- Mes propres indices : Dim MonTableau(2 to 5) As Integer
• 4- Taille fixée ultérieurement : Redim MonTableau(10)
Préserver les valeurs existantes :
Redim Preserve MonTableau(11)
• Les Matrices (mêmes règles que les tableaux!)

Dim Mat(2,3) As Integer

Bases du langage
VB .net
Les énumérations
Les énumérations permettent de définir un type de

variable dont les valeurs appartiennent à un domaine
précis.
Enum civilite
Monsieur
Madame
Mademoiselle
End enum

Cours VB INSEA

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Cours VB INSEA

Uploaded by

Copyright:

Available Formats

INSEA

Institut Nationale de Statistique et d’Économie Appliquée

Département Informatique, Bureau Numéro 11

Pr. Imade BENELALLAM Environnement de développement graphique

• Étudier comment développer une application Windows

Pr. Imade BENELALLAM Environnement de développement graphique

• Cours pour débutant

Pr. Imade BENELALLAM Environnement de développement graphique 3

Pr. Imade BENELALLAM Environnement de développement graphique 4

Pr. Imade BENELALLAM Environnement de développement graphique

• Qu’est-ce que la programmation ?

Pr. Imade BENELALLAM Environnement de développement graphique

• Différences principales entre les langages

Pr. Imade BENELALLAM Environnement de développement graphique

C’est une approche partant de l'abstraction du problème

• Visual Basic .Net

Pr. Imade BENELALLAM Environnement de développement graphique

La terminologie autour de Visual Basic peut mener à une certaine

Pr. Imade BENELALLAM Environnement de développement graphique

Pr. Imade BENELALLAM Environnement de développement graphique

Pr. Imade BENELALLAM Environnement de développement graphique

• A l’instar de la version 6.0, développer en VB .Net requiert une configuration

Pr. Imade BENELALLAM Environnement de développement graphique

• C'est l'Integrated Development Environment

Pr. Imade BENELALLAM Environnement de développement graphique

Quand on lance VB.net 2010, on affiche la Page de démarrage.

Créer un nouveau projet:

Pr. Imade BENELALLAM Environnement de développement graphique

Il faut choisir 'Application Windows Forms' ou 'Application WPF'.

Pr. Imade BENELALLAM Environnement de développement graphique

Principaux Types de projets Visual Basic

Pr. Imade BENELALLAM Environnement de développement graphique

• Pour chaque projet, un ensemble de propriétés sont configurables.

Pr. Imade BENELALLAM Environnement de développement graphique

Pr. Imade BENELALLAM Environnement de développement graphique

Pr. Imade BENELALLAM Environnement de développement graphique

• C'est l'onglet Form1.vb[Design] qui se trouve au centre de l'écran,

Pr. Imade BENELALLAM Environnement de développement graphique

• Elle contient le code en Visual Basic : dans l'explorateur de solution

Pr. Imade BENELALLAM Environnement de développement graphique

L’explorateur de solutions référence

Pr. Imade BENELALLAM Environnement de développement graphique

• cette fenêtre recense toutes les propriétés relatives à

Pr. Imade BENELALLAM Environnement de développement graphique

• La fenêtre liste d’erreurs permet de recenser l’ensemble des erreurs

Pr. Imade BENELALLAM Environnement de développement graphique

• Un formulaire est un objet.

Pr. Imade BENELALLAM Environnement de développement graphique

• Il existe deux solutions pour la création de formulaires

Pr. Imade BENELALLAM Environnement de développement graphique

En fonction de l’application à réaliser, plusieurs modes de

• Une propriété est un attribut qui définit les caractéristiques de la

Pr. Imade BENELALLAM Environnement de développement graphique

• AcceptButton : Lorsque l’utilisateur appuie sur la

Pr. Imade BENELALLAM Environnement de développement graphique

• AutoScroll : L’option AutoScroll est une nouveauté de la

Pr. Imade BENELALLAM Environnement de développement graphique

• BackColor : La propriété backColor définit la couleur de

Pr. Imade BENELALLAM Environnement de développement graphique

• ControlBox : La propriété ControlBox définit si le menu

Le menu système peut également être modifié avec les

Pr. Imade BENELALLAM Environnement de développement graphique

• Cursor : Définit l’apparence par défaut du curseur sur le