• 20 heures
  • Facile

Ce cours est visible gratuitement en ligne.

Ce cours existe en livre papier.

Vous pouvez être accompagné et mentoré par un professeur particulier par visioconférence sur ce cours.

J'ai tout compris !

Mis à jour le 20/12/2017

Historique et Visual Basic Express 2010

Connectez-vous ou inscrivez-vous gratuitement pour bénéficier de toutes les fonctionnalités de ce cours !

Pour commencer, je vais vous présenter l'historique du Visual Basic. Ensuite, nous verrons ensemble comment télécharger et installer les outils nécessaires pour poursuivre la lecture de ce tutoriel sans embûches.

Historique, naissance du Visual Basic

D'où vient le Visual Basic ?

Nous allons donc commencer par un petit morceau d'histoire, car il est toujours intéressant de connaître le pourquoi de l'invention d'un langage (il doit bien y avoir une raison ; sinon, nous serions encore tous à l'assembleur :p ).

J'ai récupéré l'essentiel des articles de Wikipédia sur notre sujet et vous l'ai résumé.

Le BASIC

BASIC est un acronyme pour Beginner's All-purpose Symbolic Instruction Code. Le BASIC a été conçu en 1963 par John George Kemeny et Thomas Eugene Kurtz au Dartmouth College pour permettre aux étudiants qui ne travaillaient pas dans des filières scientifiques d'utiliser les ordinateurs. En effet, à l'époque, l'utilisation des ordinateurs nécessitait l'emploi d'un langage de programmation assembleur dédié, ce dont seuls les spécialistes étaient capables.

Les huit principes de conception du BASIC étaient :

  • Être facile d'utilisation pour les débutants (Beginner) ;

  • Être un langage généraliste (All-purpose) ;

  • Autoriser l'ajout de fonctionnalités pour les experts (tout en gardant le langage simple pour les débutants) ;

  • Être interactif ;

  • Fournir des messages d'erreur clairs et conviviaux ;

  • Avoir un délai de réaction faible pour les petits programmes ;

  • Ne pas nécessiter la compréhension du matériel de l'ordinateur ;

  • Isoler l'utilisateur du système d'exploitation.

Tout ce qu'il nous faut, donc. :)

Le Visual Basic

De ce langage — le BASIC — est né le Visual Basic. Le VB est directement dérivé du BASIC et permet le développement rapide d'applications, la création d'interfaces utilisateur graphiques, l'accès aux bases de données, ainsi que la création de contrôles ou d'objets ActiveX.
Je pense qu'avec ces possibilités on va déjà pouvoir créer de petites choses. :p
Le traditionnel « Hello World ! » en Visual Basic :

Sub Main()
    MsgBox("Hello World !")
End Sub

Ce code ouvre uneMsgBox(comme un message d'erreur Windows) dans laquelle est contenu le message « Hello World ! ».

Il faut savoir que le BASIC, ancêtre du Visual Basic, est un langage de haut niveau. En programmation, les langages peuvent se trier par niveau : plus le niveau du langage est bas, plus celui-ci est proche du matériel informatique (le C est considéré comme un langage de bas niveau). Un développeur utilisant un langage de bas niveau devra, entre autres, gérer la mémoire qu'il utilise. Il peut même aller jusqu'à spécifier les registres matériels dans lesquels écrire pour faire fonctionner son programme.
Un langage de haut niveau fait abstraction de tout cela ; il le fait en interne, c'est-à-dire que le développeur ne voit pas toutes ces opérations. Après, tout dépend de votre envie et de votre cahier des charges : si vous devez développer une application interagissant directement avec les composants, un langage de bas niveau est requis. En revanche, si vous ne souhaitez faire que du graphisme, des calculs, du fonctionnel, etc., un langage de haut niveau vous permettra de vous soustraire à beaucoup de manipulations fastidieuses.

Le Visual Basic est donc un langage de haut niveau. Il a d'emblée intégré les concepts graphiques et visuels des programmes que l'on concevait avec. Il faut savoir que les premières versions de VB, sorties au début des années 1990, tournaient sous DOS et utilisaient des caractères pour simuler une fenêtre.

|---------------------------|
|    Ma fenêtre en VB 1.0   |
|---------------------------|
|                           |
|                           |
|                           |
|                           |
|                           |
|                           |
|---------------------------|

Ce n'était pas la joie, certes, mais déjà une révolution !

Aujourd'hui, le VB a laissé place au VB .NET. Le suffixe .NET spécifie en fait qu'il nécessite le framework.NET de Microsoft afin de pouvoir être exécuté. À savoir qu'il est également possible d'exécuter un programme créé en VB sous d'autres plates-formes que Windows grâce à Mono.

M'sieur… c'est quoi un framework ?

Très bonne question. Un framework (dans notre cas, le framework .NET de Microsoft) est une sorte d'immense bibliothèque informatique contenant des outils qui vont faciliter la vie du développeur. Le framework .NET est compatible avec le Visual Basic et d'autres langages tels que le C#, le F#, le J#, etc.

Le framework .NET

La plate-forme .NET fournit un ensemble de fonctionnalités qui facilitent le développement de tous types d'applications :

  • Les applications Windows classiques ;

  • Les applications web ;

  • Les services Windows ;

  • Les services web.

En Visual Basic, toutes ces applications sont réalisables grâce au framework .NET.

Du développement de l'application jusqu'à son exécution, le framework .NET prend en charge l'intégralité de la vie de cette application.

Ce framework doit être hébergé sur le système d'exploitation avec lequel il doit interagir. Pas d'inquiétude, nous allons nous en charger.

Le framework .NET (voir figure suivante) a été créé par Microsoft : le premier système d'exploitation permettant de le posséder est bien sûr Windows, mais d'autres versions sont disponibles, permettant l'adaptation de la plate-forme .NET à des systèmes d'exploitation tel que Linux ou Unix.

Vue d'ensemble du framework .NET
Vue d'ensemble du framework .NET

Cela doit vous sembler bien compliqué, mais retenez bien son utilité première : nous mâcher le travail. Par exemple, si vous souhaitez lire et écrire dans un fichier (ce que nous verrons plus tard), le développement depuis zéro d'un programme capable d'effectuer cette tâche est longue et fastidieuse. Il va falloir envisager toutes les possibilités d'erreurs, trouver un moyen d'interagir avec votre disque dur, etc. Cela s'appelle de la programmation bas niveau (proche du matériel informatique en lui-même).

Cependant, des personnes ont déjà codé les éléments permettant d'effectuer ces actions. Tout cela a été intégré au framwork .NET et installé sur vos machines. Vous allez donc pouvoir réutiliser leur travail pour vous simplifier la vie et diminuer le risque d'erreurs. Cela s'appelle de la programmation haut niveau (éloigné du matériel).

Notre outil : Visual Basic 2010 Express

L'environnement de développement

Eh oui, pour coder en Visual Basic, il nous faut des outils adaptés !

Comme je l'ai expliqué précédemment, nous allons utiliser du Visual Basic et non pas du BASIC. Cela signifie que nous créerons des interfaces graphiques et ergonomiques pour nos logiciels, et tout cela facilement. :-°

Comment va-t-on procéder ? Utiliser un éditeur comme Paint et dessiner ce que l'on veut ?

Non, on ne va pas procéder de la sorte. Ce serait bien trop compliqué !
Sachez que des outils spécifiques existent : utilisons-les ! Bien, allons-y…

Visual Studio Express

Microsoft a créé une suite logicielle nommée « Visual Studio », qui rassemble Visual Basic, Visual C++, Visual C#, et j'en passe.

La suite provenant de Microsoft, on peut facilement deviner qu'elle coûte une certaine somme !
Heureusement, l'éditeur nous propose généreusement une version « Express » gratuite de chaque logiciel de cette suite.

Nous allons donc utiliser Visual Basic 2010 Express (les étudiants peuvent toujours récupérer une version de Visual Studio 2010 sur la MSDN pour étudiants).

J'ai déjà installé une version de Visual Basic Express, mais celle de 2005 ou antérieure. Cela pose-t-il problème ?

Si vous êtes assez débrouillards, vous pouvez toujours conserver votre version. Je m'explique : Microsoft a sorti des versions différentes du framework (comme des bibliothèques) pour chaque version de Visual Studio : VS 2003 (Framework 1.1), VS 2005 (Framework 2.0), VS 2008 (Framework 3.5) et VS 2010 (Framework 4.0).

Vous l'avez donc certainement compris : si vous utilisez une autre version, vous aurez un ancien framework. De ce fait, certains objets ou propriétés évoqués ou utilisés dans le tutoriel sont peut-être différents voire inexistants dans les versions précédentes. Je vous conseille donc tout de même d'installer cette version « Express » qui est relativement légère et vous permettra de suivre le tutoriel dans les meilleures conditions.

Installation de Visual Basic 2010 Express

Étape par étape

Passons immédiatement au téléchargement du petit logiciel intermédiaire, qui ne pèse que quelques Mo et qui va télécharger Visual Basic 2010 Express.

Vous lancez donc le programme et arrivez à la première page (figure suivante).

Installation de Visual Basic 2010 Express
Installation de Visual Basic 2010 Express

Sur cette page, l'installateur vous propose déjà une case à cocher. Si vous autorisez Microsoft à récupérer des informations sur votre ordinateur et des statistiques pour ses bases de données, laissez comme tel. Dans le cas contraire, décochez la case. Cliquez ensuite sur le bouton « Suivant ». Lisez puis acceptez les termes du contrat de licence. Cela fait, appuyez une nouvelle fois sur « Suivant ».

Comme pour n'importe quelle autre installation, choisissez le dossier dans lequel vous souhaitez que le logiciel s'installe. Cliquez ensuite sur « Installer ». Une nouvelle page apparaît. Elle indique la progression du téléchargement du logiciel, le taux de transfert et la partie du programme en cours d'installation, comme à la figure suivante.

Visual Basic 2010 Express est en cours de téléchargement
Visual Basic 2010 Express est en cours de téléchargement

Il ne vous reste plus qu'à attendre la fin du téléchargement, suivi de l'installation. Une fois cela terminé, vous voilà avec Visual Basic 2010 Express installé !

Découverte de l'interface

L'interface de VB 2010 Express

Vous avez donc installé Visual Basic 2010 Express. En passant, sachez que ce dernier est un IDE (environnement de développement intégré) qui rassemble les fonctions de conception, édition de code, compilation et débogage. Lors du premier lancement, vous constatez qu'un petit temps de chargement apparaît : le logiciel configure l'interface pour la première fois.

Page d'accueil

Nous voici sur la page de démarrage du logiciel (voir figure suivante). Vous pouvez la parcourir, elle contient des informations utiles aux développeurs (vous) et conservera l'historique de vos projets récents.

Page de démarrage
Page de démarrage
Barre d'outils

La barre d'outils (voir figure suivante) vous sera indispensable afin de travailler avec une parfaite ergonomie. Je vais récapituler les boutons présents (de gauche à droite), actifs ou non durant vos travaux.

La barre d'outils
La barre d'outils
  • Image utilisateurImage utilisateurImage utilisateurImage utilisateurImage utilisateurImage utilisateur

    Nouveau projet : crée un projet.

  • Image utilisateurImage utilisateurImage utilisateurImage utilisateurImage utilisateurImage utilisateur

    Ouvrir un fichier : à utiliser pour ouvrir un projet existant ou une page simple.

  • Image utilisateurImage utilisateurImage utilisateurImage utilisateurImage utilisateurImage utilisateur

    Ajouter un nouvel élément : disponible quand un projet est ouvert ; il permet d'ajouter des feuilles au projet.

  • Image utilisateurImage utilisateurImage utilisateurImage utilisateurImage utilisateurImage utilisateur

    Enregistrer : raccourci CTRL + S.

  • Image utilisateurImage utilisateurImage utilisateurImage utilisateurImage utilisateurImage utilisateur

    Enregistrer tout : raccourci CTRL + MAJ + S.

  • Image utilisateurImage utilisateurImage utilisateurImage utilisateurImage utilisateurImage utilisateur

    Couper : raccourci CTRL + X.

  • Image utilisateurImage utilisateurImage utilisateurImage utilisateurImage utilisateurImage utilisateur

    Copier : raccourci CTRL + C.

  • Image utilisateurImage utilisateurImage utilisateurImage utilisateurImage utilisateurImage utilisateur

    Coller : raccourci CTRL + V.

  • Image utilisateurImage utilisateurImage utilisateurImage utilisateurImage utilisateurImage utilisateur

    Rechercher : fort utile dans le cas de gros projets ; raccourci CTRL + F.

  • Image utilisateurImage utilisateurImage utilisateurImage utilisateurImage utilisateurImage utilisateur

    Commenter les lignes : je reviendrai plus tard sur le principe des commentaires.

  • Image utilisateurImage utilisateurImage utilisateurImage utilisateurImage utilisateurImage utilisateur

    Décommenter les lignes.

  • Image utilisateurImage utilisateurImage utilisateurImage utilisateurImage utilisateurImage utilisateur

    Annuler : raccourci CTRL + Z.

  • Image utilisateurImage utilisateurImage utilisateurImage utilisateurImage utilisateurImage utilisateur

    Rétablir : raccourci CTRL + MAJ + Z.

  • Image utilisateurImage utilisateurImage utilisateurImage utilisateurImage utilisateurImage utilisateur

    Démarrer le débogage : expliqué plus tard.

  • Image utilisateurImage utilisateurImage utilisateurImage utilisateurImage utilisateurImage utilisateur

    Arrêter le débogage : expliqué plus tard.

  • Image utilisateurImage utilisateurImage utilisateurImage utilisateurImage utilisateurImage utilisateur

    Pas à pas détaillé : expliqué plus tard.

  • Image utilisateurImage utilisateurImage utilisateurImage utilisateurImage utilisateurImage utilisateur

    Pas à pas principal : expliqué plus tard.

  • Image utilisateurImage utilisateurImage utilisateurImage utilisateurImage utilisateurImage utilisateur

    Pas à pas sortant : expliqué plus tard.

  • Image utilisateurImage utilisateurImage utilisateurImage utilisateurImage utilisateurImage utilisateur

    Explorateur de solutions : affiche la fenêtre de solutions.

  • Image utilisateurImage utilisateurImage utilisateurImage utilisateurImage utilisateurImage utilisateur

    Fenêtre des propriétés : affiche la fenêtre des propriétés.

  • Image utilisateurImage utilisateurImage utilisateurImage utilisateurImage utilisateurImage utilisateur

    Boîte à outils : permet d'afficher la boîte à outils.

  • Image utilisateurImage utilisateurImage utilisateurImage utilisateurImage utilisateurImage utilisateur

    Gestionnaire d'extensions : permet de gérer les extensions que vous pouvez ajouter à Visual Basic Express.

  • Image utilisateurImage utilisateurImage utilisateurImage utilisateurImage utilisateurImage utilisateur

    Liste d'erreurs : affiche la fenêtre des erreurs.

Toutes ces commandes ne seront pas forcément utiles ; au besoin, n'hésitez pas à revenir voir cette liste.

Nouveau projet

Je vous invite, seulement pour appréhender l'interface, à créer un projet Windows Forms (voir figure suivante). Pour ce faire, trois solutions s'offrent à vous : cliquer sur le bouton « Nouveau projet », se rendre dans le menuFichier > Nouveau projet, ou utiliser le raccourci clavier CTRL + N.

Créer un nouveau projet
Créer un nouveau projet

Cliquez donc sur l'icône correspondant à  Application Windows Forms.
Saisissez un nom de projet dans la case « Nom ». Vous pouvez laisser le nom par défaut, ce projet ne sera pas utilisé. Cliquez ensuite sur « OK », et vous voici dans un nouveau projet ! Vous remarquez que beaucoup plus de choses s'offrent à vous (voir figure suivante).

Projet « Application Windows Forms »
Projet « Application Windows Forms »

Nous allons tout voir en détail.

Espace de travail

Cette partie (voir figure suivante) correspond à notre espace de travail : c'est ici que nous allons créer nos fenêtres, entrer nos lignes de code, etc.

Espace de travail
Espace de travail
Boîte à outils

Sur la gauche de l'interface, nous avons accès à la boîte à outils. Pour afficher cette boîte, vous allez devoir cliquer sur le petit onglet qui dépasse sur la gauche. Une fois la boîte sortie, cliquez sur la punaise pour la « fixer » et la maintenir visible. La boîte à outils (voir figure suivante) nous sera d'une grande utilité lorsque nous créerons la partie graphique de nos applications, mais inutile lors de l'écriture du code VB. Dès lors, si vous voulez la rentrer automatiquement, cliquez une nouvelle fois sur la punaise.

Boîte à outils
Boîte à outils
Fenêtre de solutions

De l'autre côté de notre écran, nous remarquons la fenêtre de solutions (voir figure suivante) : elle récapitule l'arborescence de notre projet. Elle servira également à gérer les bases de données, mais plus tard. :)

Fenêtre de solutions
Fenêtre de solutions
Fenêtre des propriétés

Autre partie essentielle : la fenêtre des propriétés (voir figure suivante) qui va nous permettre, en mode conception, de modifier les propriétés de nos objets. Vous n'avez rien compris ? Mettez ce terme dans un coin de votre tête, nous allons rapidement y revenir.

Fenêtre des propriétés
Fenêtre des propriétés

La dernière fenêtre est celle des erreurs. J'espère que vous n'en aurez pas l'utilité, mais elle saura se faire remarquer quand il le faudra, ne vous inquiétez pas. :p

En attendant, je vous laisse vous familiariser avec l'environnement : déplacez les boîtes, les fenêtres, et redimensionnez-les à votre guise.

  • Le Visual Basic .NET est une amélioration du langage BASIC qui ajoute une partie de gestion de l'interface visuelle associée au framework .NET de Microsoft.

  • On télécharge Visual Basic Express Edition sur le site de Microsoft, cette version est gratuite mais c'est une version d'évaluation valable 30 jours.

Exemple de certificat de réussite
Exemple de certificat de réussite