Aller au menu - Aller au contenu

Icône Historique et Visual Basic Express 2010

Avatar
Par Avatar Hankerspace
Mise à jour : 13/12/2010
Difficulté : Facile Facile Creative Commons BY-NC-SA
23 410 visites depuis 7 jours, dont 1 394 sur ce chapitre classé 14/786
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 afin de poursuivre la lecture de ce tutoriel sans embûches.
Retour en haut
Sommaire du chapitre :
Icône du chapitre
Sommaire Chapitre suivant
Retour en haut

Historique, naissance de Visual Basic

D'où vient le Visual Basic ?


Nous allons donc débuter 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 de Wikipédia et vous le résume brièvement.

Le BASIC


BASIC est un acronyme pour Beginner's All-purpose Symbolic Instruction Code. Le BASIC a été conçu à la base 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 :
Image utilisateur

  • ê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 :

Code : Autre
1
2
3

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

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

Nous allons rapidement résumer tout ce que Wikipédia nous a appris.

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 va vous permettre 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 graphique et visuel pour les 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 semblables à des lettres pour simuler une fenêtre.

Code : Console
|---------------------------|
|    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 y a également moyen d'exécuter un programme créé en VB sous d'autres plates-formes que Windows grâce à Mono.




M'sieur... qu'est-ce qu'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 évolue : la version 2.0 en 2005, suivie de la 3.0 puis de la 3.5 en 2007, pour arriver aujourd'hui, en 2010, à la 4.0. Chaque version a apporté son lot de « livres » supplémentaires dans la bibliothèque. Au fil de ce tutoriel, j'évoquerai régulièrement ce framework qui va nous mâcher le travail dans bien des cas.



Après cette ignoble partie d'histoire, passons aux outils ! :D 



Sources : 



                

                
Retour en haut

            
                

                    

                        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é ! :colere2:

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 librairies) 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.






Image utilisateur

Cliquez sur l'image pour télécharger Visual Basic 2010 Express en français.

                

                
Retour en haut

            
                

                    

                        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.



Sachez que je travaillerai avec la version française du logiciel tout au long du tutoriel. Cela dit, rien ne vous empêche d'opter pour la version anglaise. :-°




Accueil de l'installation


Vous lancez donc le programme, le laissez se préparer et arrivez à la première page. 




Image utilisateur




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 ».




Contrat de licence



Image utilisateur


Lisez puis acceptez les termes du contrat de licence. Cela fait, appuyez une nouvelle fois sur « Suivant ».




Chemin d'installation


Comme pour n'importe quelle autre installation, choisissez le dossier dans lequel vous souhaitez que le logiciel s'installe. Cliquez ensuite sur « Installer ».




Téléchargement et installation


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.




Image utilisateur




Il ne vous reste plus qu'à attendre la fin du téléchargement, suivi de l'installation. En attendant, faites un tour sur les articles de Wikipédia portant sur le Visual Basic.




Fini !



Image utilisateur


Nous voilà à présent avec Visual Basic 2010 Express installé ! Vous êtes désormais parés pour affronter cet abominable tutoriel.

                

                
Retour en haut

            
                

                    

                        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



Image utilisateur


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




Barre d'outils



Image utilisateur


La barre d'outils vous sera indispensable afin de travailler en parfaite ergonomie. Je vais récapituler les boutons présents ci-dessus (de gauche à droite), actifs ou non durant vos travaux.




    

  • Image utilisateur Nouveau projet : crée un projet.
    • 

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

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

  • Image utilisateur Enregistrer : raccourci CTRL + S.
    • 

  • Image utilisateur Enregistrer tout : raccourci CTRL + MAJ + S.
    • 

  • Image utilisateur Couper : raccourci CTRL + X.
    • 

  • Image utilisateur Copier : raccourci CTRL + C.
    • 

  • Image utilisateur Coller : raccourci CTRL + V.
    • 

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

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

  • Image utilisateur Décommenter les lignes.
    • 

  • Image utilisateur Annuler : raccourci CTRL + Z.
    • 

  • Image utilisateur Rétablir : raccourci CTRL + MAJ + Z.
    • 

  • Image utilisateur Démarrer le débogage : expliqué plus tard.
    • 

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

  • Image utilisateur Pas à pas détaillé : expliqué plus tard.
    • 

  • Image utilisateur Pas à pas principal : expliqué plus tard.
    • 

  • Image utilisateur Pas à pas sortant : expliqué plus tard.
    • 

  • Image utilisateur Explorateur de solutions : affiche la fenêtre de solutions.
    • 

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

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

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

  • Image utilisateur Liste d'erreurs : affiche la fenêtre d'erreurs.
    • 



Efforcez-vous de mémoriser les boutons importants, formatés en rouge dans la liste à puces ci-dessus. Il est également préférable de connaître les raccourcis clavier.




Nouveau projet



Image utilisateur


Je vous invite donc, seulement pour l'appréhension de l'interface, à créer un projet Windows Forms.

Pour ce faire, trois solutions s'offrent à vous : cliquer sur le bouton « Nouveau projet », se rendre dans le menu Fichier → Nouveau projet ou utiliser le raccourci clavier CTRL + N.




Image utilisateur
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.



Image utilisateur


Nous allons tout voir en détail.




Espace de travail



Image utilisateur


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




Boîte à outils



Image utilisateur


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 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.




Fenêtre de solutions



Image utilisateur


De l'autre côté de notre écran, nous remarquons la fenêtre de solutions : elle récapitule l'arborescence de notre projet.

Elle servira également à gérer les bases de données, mais plus tard. :)




Fenêtre des propriétés



Image utilisateur


Autre partie essentielle : la fenêtre des propriétés 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.



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.

                

                
Retour en haut

            
    

        

            
Q.C.M.

            
                

                    

                    D'où vient le visual basic ?
                    
    
                        
                                
  •  
    • 
                            
                                
  •  
    • 
                            
                                
  •  
    • 
                            
                                
  •  
    • 
                            
                                
  •  
    • 
                            
                    

                

            
                

                    

                    Quel IDE (environnement de développement) allons-nous utiliser au cours de ce tutoriel ?
                    
    
                        
                                
  •  
    • 
                            
                                
  •  
    • 
                            
                                
  •  
    • 
                            
                                
  •  
    • 
                            
                                
  •  
    • 
                            
                    

                

            
                

                    

                    A quoi nous servira la fenêtre de solutions ?
                    
    
                        
                                
  •  
    • 
                            
                                
  •  
    • 
                            
                                
  •  
    • 
                            
                                
  •  
    • 
                            
                    

                

            

            

            
Statistiques de réponses au QCM

        

    

    
Retour en haut




Nous voici donc parés !



    

        
            
            
        
    


    

        
            

                

                    
                    
                    
                

            

        
            Sommaire
        
            Chapitre suivant
        
    







    
Retour en haut



    
Partager

    


    


    

    
Retour en haut

    
            

                28 commentaires pour "Historique et Visual Basic Express 2010"
                

                    Note moyenne :
                        3.60
                    / 4
                    (543 votes)
                    
                

            

        
        

            
              

                Pseudo
                Commentaire
              

            
            
              
                

                  
                    
                      Hors ligne 
                    
                      Nervalo88
                    
                  
                  
                    #
                    
                         Posté le 02/01/2011 à 18:25:05
                    
                    
                


                
                    

                
                
                    




    





                		
                
                    
                    Petite coquille en passant :



Notre outil : Visual Basic 2011 Express



Comme tu parles de VB2010 par la suite...



Ce big tuto a l'air bien complet...
                    
                		
                

              
                

                  
                    
                      Hors ligne 
                    
                      aiatar
                    
                  
                  
                    #
                    
                         Posté le 23/02/2011 à 16:51:34
                    
                    
                


                
                    

                
                
                    




    





                		
                
                    
                    Bonjour, je voudrais juste savoir si ce langage est compatible à tous les OS, ou seulement à Windows.

Sinon, ce tuto à l'air très bien et très complet
                    
                		
                

              
                

                  
                    
                      Hors ligne 
                    
                      le pere ceval
                    
                  
                  
                    #
                    
                         Posté le 05/03/2012 à 13:09:19
                    
                    
                


                
                    

                
                
                    

c'est pas faux !
Avatar



     Ville : Bonny sur loire

	Pays : France métropolitaine






                		
                
                    
                    Doit on télécharger et installer silverlight et la base de données ?
                    
                        
 Faut faire comme avec les scorpions qui se suicident quand ils ont entourés par le feu, faut faire un feu en forme de cercle, autour 

d’eux, comme ça ils se suicident, pendant que nous on fait le tour et on lance de la caillasse de l’autre côté pour brouiller… Non ?…   :euh: 


c:|||||||||||||||||||||||||||||||

c++:|||||||||||||||

PHP: |||||||||||||||||||||||||||||||||

                        
 

                    
                		
                

              
                

                  
                    
                      Hors ligne 
                    
                      Tyranostorm
                    
                  
                  
                    #
                    
                         Posté le 05/03/2012 à 17:31:09
                    
                    
                


                
                    

                
                
                    

Avatar

    

    Avis : Très bon
        
    

            Groupe : Bannis
        


    





                		
                
                    
                    Oui, c'est recommandé (enfin tout dépend de ce que tu comptes réaliser comme application). D'ailleurs, durant le téléchargement de Visual Basic 2010 Express, on te le propose.



Citation : aiatar
Bonjour, je voudrais juste savoir si ce langage est compatible à tous les OS, ou seulement à Windows.

Sinon, ce tuto à l'air très bien et très complet 




Le langage a été crée par Microsoft, il est donc compatible avec Windows. Pour ce qui concerne Mac OS X, Linux, BSD... il existe Mono (mais en matière de framework .NET, c'est moins complet qu'un système Windows).
                    
                        
Image utilisateur   tutoriel Visual Basic.NET





Règles et bonnes pratiques du forum C#.NET & VB.NET

                        
 

                    
                		
                

              
                

                  
                    
                      Connecté 
                    
                      EhJoe
                    
                  
                  
                    #
                    
                         Posté aujourd'hui à 09:11:59
                    
                    
                


                
                    

                
                
                    

Vae victis
Avatar

    

    Avis : Très bon
        
    



    





                		
                
                    
                    Bonjour,



Cette syntaxe :

MsgBox("Hello World !")



Peut être plus simple :

MsgBox "Hello World !"



Cordialement.
                    
                        
.

Cordialement, Joe.

.

                        
 

                    
                		
                

              
            
        

        
            
Voir tous les commentaires