École Supérieure Polytechnique – Département Génie Informatique DIC3 Université
École Supérieure Polytechnique – Département Génie Informatique DIC3 Université Cheikh Anta Diop Dakar – Sénégal Vue d’ensemble de VS 2019 Écriture d’une application Console Écriture d’une application Graphique Débogage des Applications avec VS 2019 Tests unitaires École Supérieure Polytechnique – Département Génie Informatique DIC3 Université Cheikh Anta Diop Dakar – Sénégal Visual Studio est un environnement de développement intégré complet (IDE) utilisé pour développer des applications pour Windows, Linux, MacOS, IOS, Android et d'autres plates-formes. Il se compose d'un éditeur de code source, concepteur, compilateur, et débogueur. Il y a trois éditions de Visual Studio 2019 : Community, Professionnel, et Entreprise. Visual Studio Community utilisé dans ce cours, est gratuit. École Supérieure Polytechnique – Département Génie Informatique DIC3 Université Cheikh Anta Diop Dakar – Sénégal Avant de commencer ce cours, vous devez avoir Visual Studio installé. Si vous avez déjà installé Visual Studio, s'assurer que vous utilisez la dernière version en exécutant l'installateur de studio visuel. Dans le menu Démarrer, sélectionnez Visual Studio Installer. Si le bouton Mise à jour s'affiche, comme dans l'image suivante, sélectionnez-le. Visual Studio téléchargera et installera toutes les mises à jour. École Supérieure Polytechnique – Département Génie Informatique DIC3 Université Cheikh Anta Diop Dakar – Sénégal École Supérieure Polytechnique – Département Génie Informatique DIC3 Université Cheikh Anta Diop Dakar – Sénégal Solution Visual Studio Les solutions Visual Studio contiennent des projets .NET. Elles peuvent en contenir plusieurs de différent type. projet ASP.NET .aspx .aspx.cs.config .csproj projet WPF .xaml .xaml.cs.config .csproj projet Console .cs .config .csproj École Supérieure Polytechnique – Département Génie Informatique DIC3 Université Cheikh Anta Diop Dakar – Sénégal Solution Visual Studio Quelques définitions Projet Vos premières applications seront constituées d'un seul projet. Votre projet consistera en votre code source (par exemple, C et XAML), toutes les ressources dont votre application a besoin (images et sons) et d'autres informations Visual Studio. École Supérieure Polytechnique – Département Génie Informatique DIC3 Université Cheikh Anta Diop Dakar – Sénégal Solution Visual Studio Quelques définitions Solution Une solution peut englober plus d'un projet. Pourquoi? Peut- être que votre application utilise un autre projet pour certaines fonctionnalités clés. Ou peut-être votre application s'exécute sur différents types d'appareils et doit être construit de manière légèrement différente. Une solution rassemble tous ces projets en un seul endroit. École Supérieure Polytechnique – Département Génie Informatique DIC3 Université Cheikh Anta Diop Dakar – Sénégal Solution Visual Studio Quelques définitions IntelliSense IntelliSense est un ensemble de fonctionnalités qui affiche des informations sur votre code directement dans l'éditeur et, dans certains cas, écrit de petits morceaux de code pour vous. C'est comme avoir la documentation de base en ligne dans l'éditeur, ce qui vous évite d'avoir à chercher ailleurs. École Supérieure Polytechnique – Département Génie Informatique DIC3 Université Cheikh Anta Diop Dakar – Sénégal Ouvrir VS 2019 Dans le menu Fichier, cliquer sur Nouveau, puis Projet Dans la boîte de dialogue Nouveau Projet, indiquer : - Le modèle de Projet - Le nom du Projet - Le chemin d’accès du Projet Puis cliquer sur OK Les fonctionnalités de productivité programmeur incluent: IntelliSense Code snippets (extraits de code) 3 2 1 École Supérieure Polytechnique – Département Génie Informatique DIC3 Université Cheikh Anta Diop Dakar – Sénégal École Supérieure Polytechnique – Département Génie Informatique DIC3 Université Cheikh Anta Diop Dakar – Sénégal MonAssembly .dll ou .exe Briques de base des applications .NET Framework Collection de types et de ressources formant une unité fonctionnelle logique MaClasseA MaClasseB MaResource V 1.1.254.1 Version Assembly <major>.<minor>.<build>.<revision> Assembly signé avec un certificat numérique École Supérieure Polytechnique – Département Génie Informatique DIC3 Université Cheikh Anta Diop Dakar – Sénégal Charge les assemblies que l’application référence Vérifie et compile les assemblies en code machine Exécute l’ assembly sous forme d’exécutable Les Assemblies contiennent du code MSIL, qui n’est pas executable. Le CLR : 3 2 1 École Supérieure Polytechnique – Département Génie Informatique DIC3 Université Cheikh Anta Diop Dakar – Sénégal Makecert.exe Caspol.exe Gacutil.exe Ngen.exe Ildasm.exe Sn.exe École Supérieure Polytechnique – Département Génie Informatique DIC3 Université Cheikh Anta Diop Dakar – Sénégal Dans cette démonstration : • Exécuter une application .NET Framework • Ouvrir Ildasm • Désassembler un assembly .NET Framework • Examiner l’ assembly désassemblé École Supérieure Polytechnique – Département Génie Informatique DIC3 Université Cheikh Anta Diop Dakar – Sénégal Que sont les classes et les namespaces? La Structure d’une Application Console Lecture et affichage dans une Application Console Meilleures Pratiques pour Commenter les Applications C# École Supérieure Polytechnique – Département Génie Informatique DIC3 Université Cheikh Anta Diop Dakar – Sénégal System.IO namespace Une classe décrit une abstraction de données Un namespace représente une collection logique de classes classe File classe Path classe DirectoryInfo classe Directory classe FileInfo École Supérieure Polytechnique – Département Génie Informatique DIC3 Université Cheikh Anta Diop Dakar – Sénégal using System; namespace MonApplication { class Program { static void Main(string[] args) { } }} Rend le namespace System visible déclaration de la classe Program déclaration méthode Main déclaration Namespace École Supérieure Polytechnique – Département Génie Informatique DIC3 Université Cheikh Anta Diop Dakar – Sénégal ReadLine() Clear() ReadKey() Write() WriteLine() Read() Classe System.Console inclut: using System; ... Console.WriteLine(“Salut MTDSI2020!“); École Supérieure Polytechnique – Département Génie Informatique DIC3 Université Cheikh Anta Diop Dakar – Sénégal Afficher sur une nouvelle ligne le message, "Appuyez sur une touche quelconque pour continuer ". Capturer et afficher la touche appuyée par l’utilisateur. École Supérieure Polytechnique – Département Génie Informatique DIC3 Université Cheikh Anta Diop Dakar – Sénégal // Ceci est un commentaire sur une ligne séparée. string message = “Bonjour les gars!"; // Commentaire en ligne. Commencer les procédures par un bloc commentaire Dans les procédures longues, utiliser les commentaires pour séparer les unités de travail Lorsque vous déclarez les variables, utiliser un commentaire pour expliquer l’usage de la variable Lorsque vous écrivez une instruction conditionnelle, ajouter un commentaire pour expliquer chaque décision prise et ses effets École Supérieure Polytechnique – Département Génie Informatique DIC3 Université Cheikh Anta Diop Dakar – Sénégal Qu'est-ce WPF? Structure d'une Application WPF La bibliothèque des contrôles WPF Evénements WPF Construction d’une Application WPF simple Démonstration: Construction d’une Application WPF simple École Supérieure Polytechnique – Département Génie Informatique DIC3 Université Cheikh Anta Diop Dakar – Sénégal WPF est une technologie pour bâtir des applications sous Windows en combinant: Média Documents interface graphique utilisateur Fonctionnalités WPF Conception interface utilisateur aisée ü Support étendu pour le développement d’application client ü Utilisation de XAML ü Support pour l’interopérabilité avec les anciennes applications ü École Supérieure Polytechnique – Département Génie Informatique DIC3 Université Cheikh Anta Diop Dakar – Sénégal <Window x:Class="WpfApplication1.MainWindow” xmlns=“..“ xmlns:x=“.." Title=“Profilage Passagers" Height="350" Width="525"> <Grid> </Grid> </Window> Fichier XAML déclaratif namespace WpfApplication1 { public partial class MainWindow : Window { public MainWindow() { InitializeComponent(); } } } Fichier Visual C# Code-behind École Supérieure Polytechnique – Département Génie Informatique DIC3 Université Cheikh Anta Diop Dakar – Sénégal Connaissez-vous d'autres langages de balisage qui se comportent de manière similaire à XAML? École Supérieure Polytechnique – Département Génie Informatique DIC3 Université Cheikh Anta Diop Dakar – Sénégal Button Les contrôles WPF incluent: Canvas ComboBox Grid Label StackPanel TextBox <Button Name=“btnValider" BorderBrush="Black" BorderThickness="1" Click=“btnValiderOnClick" ClickMode="Press"> Valider </Button> Button example: École Supérieure Polytechnique – Département Génie Informatique DIC3 Université Cheikh Anta Diop Dakar – Sénégal Vous créez un formulaire simple pour capturer les informations d'identification d’un utilisateur (code et nom d'utilisateur, mot de passe) et lui permettre d'ouvrir une session. Quels contrôles pourriez-vous utiliser pour construire ce formulaire ? École Supérieure Polytechnique – Département Génie Informatique DIC3 Université Cheikh Anta Diop Dakar – Sénégal Pour la mise en page, utilisez une grille Grid. Pour les étiquettes nom d'utilisateur et mot de passe, utilisez le contrôle Label. Pour les boîtes de saisie nom d'utilisateur et mot de passe, utilisez une zone de texte TextBox. Pour envoyer le formulaire, utiliser un bouton de commande Button. École Supérieure Polytechnique – Département Génie Informatique DIC3 Université Cheikh Anta Diop Dakar – Sénégal <Button Name=“btnValider" Click=“btnValider_Click"> Valider</Button> Définition d’un Bouton private void btnValider_Click(object sender, RoutedEventArgs e) { // Écrire le Code destiné au traitement de l’événement ici. } Gestionnaire d’Événement Sous WPF, on crée des applications événementielles, qui répondent, par exemple, au clic d’un bouton, à la sélection d’élément etc… École Supérieure Polytechnique – Département Génie Informatique DIC3 Université Cheikh Anta Diop Dakar – Sénégal Visual Studio permet de: Créer une application WPF nouvelle Ajouter des contrôles à une application WPF Fixer les propriétés des contrôles Ajouter les gestionnaires d’événement aux contrôles Ajouter le code pour implémenter la logique de gestion 1 2 3 4 5 École Supérieure Polytechnique – Département Génie Informatique DIC3 Université Cheikh Anta Diop Dakar – Sénégal Dans cette démonstration, nous allons: • Créer une nouvelle application WPF • Ajouter des contrôles à l’ application WPF • Fixer les propriétés des contrôles • Ajouter du code à l’application • Compiler et exécuter l’application École Supérieure Polytechnique – Département Génie Informatique DIC3 Université Cheikh Anta Diop Dakar – Sénégal Que sont les Commentaires XML? Balises XML Courantes Génération de Documentation à partir des commentaires XML Générateur de fichier uploads/Litterature/ c-02-environnement-2020-v0-copie.pdf
Documents similaires
-
22
-
0
-
0
Licence et utilisation
Gratuit pour un usage personnel Attribution requise- Détails
- Publié le Sep 17, 2021
- Catégorie Literature / Litté...
- Langue French
- Taille du fichier 4.6434MB