Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

Pr. Imade BENELALLAM Environnement de développement graphique Pr : Imade BENELA

Pr. Imade BENELALLAM Environnement de développement graphique Pr : Imade BENELALLAM e-mail : i.benelallam@insea.ac.ma Année : 2010/2011 Environnement de d Environnement de dé éveloppement veloppement graphique graphique 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 • 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. Objectives Pr. Imade BENELALLAM Environnement de développement graphique 3 • Cours pour débutant • Connaissances en programmation : néant • Connaissances sur les BD : conception • Connaissances sur le langage SQL • Connaissance du logiciel Access. Pré-requis Pr. Imade BENELALLAM Environnement de développement graphique 4 • 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. Évaluation Pr. Imade BENELALLAM Environnement de développement graphique 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 Sommaire Pr. Imade BENELALLAM Environnement de développement graphique • 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 La programmation ? Pr. Imade BENELALLAM Environnement de développement graphique • 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 Quel choix ? Pr. Imade BENELALLAM Environnement de développement graphique 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 Démarche de développement Pr. Imade BENELALLAM Environnement de développement graphique • 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 .net : Introduction Pr. Imade BENELALLAM Environnement de développement graphique 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 Visual Basic (VB) ou VBA ou VBScript Pr. Imade BENELALLAM Environnement de développement graphique Introduction VB : Historique 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#). .net (7.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) 6.0 Disparition des applications 16 bits et stabilité accrue du langage 5.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) 4.0 Evolution du langage, apparition de nouvelles fonction et de structures de contrôle (select case) 3.0 Sortie en 91, Visual Basic innove en particulier grâce à son environnement de développement permettant de masquer les tâches fastidieuse 1.0 Nouveautés Version Pr. Imade BENELALLAM Environnement de développement graphique 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 Pr. Imade BENELALLAM Environnement de développement graphique Introduction VB : Installation Windows 2000 Windows NT 4.0 Windows XP …. Système d’exploitation Obligatoire Lecteur CD Rom 800x600, 256 Couleurs Carte Vidéo 3 Gb Espace Disque libre 256 Mo Mémoire Vive (Ram) P3 733 Mhz Processeur Config. Minimale • A l’instar de la version 6.0, développer en VB .Net requiert une configuration machine beaucoup plus importante. Pr. Imade BENELALLAM Environnement de développement graphique 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‘ Pr. Imade BENELALLAM Environnement de développement graphique 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: Page de démarrage Environnement Visual Studio .net Pr. Imade BENELALLAM Environnement de développement graphique Il faut choisir 'Application Windows Forms' ou 'Application WPF'. Nouveau projet Environnement Visual Studio .net Pr. Imade BENELALLAM Environnement de développement graphique Environnement Visual Studio .net Principaux projets Visual Basic Application console Application Web ASP.Net Application Smart Device Bibliothèque de contrôle Windows Bibliothèque de classe Application Windows 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. • 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 Pr. Imade BENELALLAM Environnement de développement graphique Environnement Visual Studio .net Configuration d’un projet Type de langage à utiliser Langage de script Client Navigateur pour lequel le code HTML doit être compatible Schéma cible 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. Présentation page 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 » Espaces de noms Distinction de la casse en mode binaire (pas en mode texte) Option compare Interdit l’utilisation d’une variable non déclarée Option explicit Fichier .ico servant d’icône au fichier de sortie Icône de l’application Permet de définir un préfixe pour accéder à l’ensemble des classes Espace de nom racine Feuille ou procédure servant de point de départ au programme Objet de démarrage Type d’application a générer Type de sortie Nom du fichier généré après compilation. Nom de l’assembly Description Propriété Propriétés communes Pr. Imade BENELALLAM Environnement de développement graphique 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 Pr. Imade BENELALLAM Environnement de développement graphique • 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 Le concepteur (Designer) Pr. Imade BENELALLAM Environnement de développement graphique • 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 La fenêtre de code Pr. Imade BENELALLAM Environnement de développement graphique Environnement Visual Studio .net Explorateur de Solutions L’explorateur de solutions référence l’ensemble uploads/Philosophie/ cours-visual-basic-insea.pdf