Adobe Flex 3. Training from the Source. Jeff Tapper Michael Labriola Matthew Boles avec James Talbot
|
|
- Jean-Pierre Gaumond
- il y a 8 ans
- Total affichages :
Transcription
1 Adobe Flex 3 Training from the Source Jeff Tapper Michael Labriola Matthew Boles avec James Talbot Avant-propos de Matt Chotin, responsable produit Flex
2 LEÇON 2 Ce que vous allez apprendre Dans cette leçon, vous allez : créer un nouveau projet et trois principaux fichiers d application ; comprendre les différentes parties du workbench Flex Builder : éditeurs, vues et perspectives ; programmer, enregistrer et exécuter des fichiers d application ; utiliser certaines des fonctionnalités de Flex Builder 3 qui facilitent et accélèrent le développement des applications, comme les indications de code et l historique local ; travailler en mode Source et en mode Design ; utiliser différentes vues, comme la vue Navigator, la vue Composants et la vue Propriétés de Flex. Temps approximatif Cette leçon prend environ 1 heure 30 minutes. Fichiers de leçon Fichiers multimédias : Aucun Fichiers de départ : Aucun Fichiers terminés : Lesson02/complete/DataEntry.mxml Lesson02/complete/Dashboard.mxml Lesson02/complete/EComm.mxml
3 LEÇON 2 Prise en main Vous voilà prêt à vous lancer dans l apprentissage de Flex, et la première chose avec laquelle vous devez vous familiariser est l environnement dans lequel vous allez développer vos applications. Cet environnement baptisé Adobe Flex Builder 3 s appuie sur la plate-forme Eclipse, un EDI (environnement de développement intégré) open source extensible. Flex Builder 3 a étendu et personnalisé Eclipse pour la conception d applications Flex. Dans cette leçon, vous allez vous familiariser avec Adobe Flex Builder 3 en créant les trois fichiers d application principaux de l application FlexGrocer que vous allez construire dans ce livre. Vous découvrirez l interface de Flex Builder 3 et apprendrez à créer, à exécuter et à enregistrer des fichiers d application. Vous découvrirez également quelques-unes des nombreuses fonctionnalités que Flex Builder 3 propose pour faciliter le développement des applications. Création d un nouveau projet dans Flex Builder 3. 15
4 16 Adobe Flex 3 Débuter le développement d une application Flex Avant de pouvoir construire un immeuble, il faut en disposer les fondations. C est ce que propose cette leçon pour le développement ultérieur d une application Flex. Lorsque vous l aurez terminée, vous saurez manipuler le workbench Flex Builder 3 de manière à rendre le processus de développement Flex plus facile et plus rapide. En passant, vous créerez les trois fichiers d application principaux qui définissent les plus importantes sections de l application FlexGrocer. L étude d un nouveau domaine de connaissance implique toujours d en apprendre le vocabulaire de base. Dans cette leçon, vous allez apprendre le vocabulaire de base du développement Flex et de Flex Builder. Vous apprendrez ce que sont les vues, la perspective et l éditeur pour le workbench Flex Builder. Vous comprendrez aussi les termes décrivant les processus (et les processus eux-mêmes) qui transforment le texte entré dans Flex Builder de manière à obtenir le type de fichier que vous pouvez visualiser avec votre navigateur et le lecteur Flash. Créer un projet et une application MXML Dans ce premier exercice, vous allez créer une application Flex. Pour cela, vous devez d abord créer un projet dans Flex Builder. Le projet est une simple collection de fichiers et de dossiers qui vous aident à organiser votre travail. Tous les fichiers qui seront créés pour l application FlexGrocer viendront se placer dans ce projet. Vous verrez également que vous avez deux choix lorsque vous travaillez avec un fichier d application : vous pouvez travailler en mode Source ou en mode Design. Dans la plupart des cas, le mode choisi est affaire de préférence personnelle, mais il peut arriver que certaines fonctionnalités ne soient disponibles que dans un mode particulier. Au cours de cet exercice, vous allez aussi exécuter l application Flex. Vous verrez comment le code MXML que vous aurez écrit se transformera en un fichier SWF qui s affichera dans un navigateur. 1 Lancez Flex Builder 3 en choisissant Démarrer > Tous les programmes > Adobe > Adobe Flex Builder 3. C est très certainement ainsi que vous démarrerez Flex Builder. Il est possible qu Eclipse soit déjà installé sur votre ordinateur et que vous ayez précédemment ajouté la fonctionnalité Flex en utilisant la configuration de plug-in. Dans ce cas, vous devez ouvrir Eclipse comme vous l avez fait auparavant.
5 LEÇON 2 : Prise en main 17 2 Choisissez File > New > Flex Project. Pour le nom du projet (Project name), tapez FlexGrocer. Décochez la case Use default location (utiliser l emplacement par défaut) et, dans le champ Folder, tapez racinelecteur:\flex3tfs\flexgrocer. Assurez-vous que le bouton radio Web Application est sélectionné et que l option None est sélectionnée dans la liste déroulante Application server. Cliquez sur Next. NOTE : racinelecteur est une formule de remplacement désignant le disque racine de votre système d exploitation, qu il s agisse de Windows ou de Mac. Remplacez racinelecteur par le chemin approprié. En outre, notez que le nom du répertoire tient compte de la casse des caractères. Le nom du projet doit évoquer les fichiers contenus dans le projet. À mesure que vous travaillerez avec Flex Builder, vous aurez bientôt de nombreux projets et les noms de ces projets vous aideront à vous rappeler quels fichiers se trouvent dans chaque projet. N acceptez pas l emplacement par défaut. Il utilise votre répertoire Mes documents et place les fichiers en profondeur dans la structure des répertoires. Par souci de simplicité, placez vos fichiers de travail directement à la racine du lecteur.
6 18 Adobe Flex 3 Flex Builder 3 vous permet de choisir si vous souhaitez utiliser le compilateur le plus récent (par défaut) ou une version antérieure. Pour cette application, utilisez le compilateur le plus récent. 3 Conservez bin-debug comme dossier de sortie pour l application Flex compilée. Cliquez sur Next. Pour le moment, il n est pas utile de modifier ce réglage par défaut. 4 Pour le fichier d application principal (Main application file), tapez DataEntry.mxml. Par défaut, Flex Builder donne au fichier d application principal le même nom que votre projet. Ce n est pas ce que nous voulons dans le cas présent. Flex Builder crée automatiquement le fichier d application principal et inclut la structure de base d un fichier d application Flex.
7 LEÇON 2 : Prise en main 19 NOTE : Le MXML est un langage qui prend en compte la casse des caractères. Assurez-vous donc de respecter la casse des noms de fichier dans les balises présentées dans ce livre. À la fin de la leçon, nous verrons rapidement comment la programmation orientée objet affecte certains des usages en matière de casse des caractères dans les noms de fichiers, les balises et les propriétés. 5 Cliquez sur Finish et observez le projet et le fichier d application créés. Vous avez sous les yeux votre première application Flex. Elle s affiche pour le moment en mode Source. Dans la suite de cette leçon, vous l observerez aussi en mode Design. Bouton Run Boutons modes Source et Design Bouton Open Perspective Vue Navigator Vue Problems Éditeur Le fichier d application par défaut contient certains éléments que vous devez comprendre. La première ligne de code (<?xml version="1.0" encoding="utf-8"?>) est une déclaration de type de document XML. Le MXML étant un langage XML standard, il est impératif que la déclaration de document soit incluse.
8 20 Adobe Flex 3 La seconde ligne de code (<mx:application xmlns:mx=" mxml"layout="absolute">) définit une page d application Flex principale. La balise <mx:application> représente le conteneur externe dans lequel s insère tout le contenu de l application Flex. Vous ne pouvez avoir qu une seule balise <mx:application> par application Flex. Dans la balise <mx:application>, la paire attribut /variable qui contient l URL xmlns:mx=" définit un espace de noms pour vos balises Flex. Ce code définit le préfixe mx à associer avec un ensemble de balises. Selon la terminologie XML, la valeur de l attribut qui ressemble à une URL est en fait un URI (Universal Resource Identifier ou identifiant universel de ressource). Dans un fichier de configuration comme flex-config.xml, une association est opérée entre cet URI et ce que l on appelle un fichier de manifeste. Le fichier de manifeste contient toutes les balises légales qui peuvent être utilisées avec le préfixe mx. Avec une configuration Flex Builder standard sur PC, le fichier se trouve à l emplacement suivant : dossierinstallation/adobe/ Flex Builder 3/sdks/3.0.0/frameworks/mxml-manifest.xml. Sur Mac, il se trouve à l emplacement suivant : dossierinstallation/adobe Flex Builder 3/sdks/3.0.0/frameworks/ mxml-manifest.xml. La figure suivante présente une partie de ce fichier. Pour finir, layout="absolute" définit de quelle manière cette application dispose ses enfants ou ce qui se trouve dans la page. Avec la disposition absolute, vous spécifiez
9 LEÇON 2 : Prise en main 21 des coordonnées x et y afin de positionner tous les enfants de l application. Les autres valeurs possibles pour la disposition sont vertical et horizontal. Le mode vertical signifie que tous les enfants de l application s enchaînent verticalement vers le bas de la page de l application. Le mode horizontal signifie qu ils s étendent dans la largeur de la page de l application. Au cours de votre développement dans Flex, vous utiliserez une variété de dispositions afin d obtenir l effet désiré. Comprendre le workbench de Flex Builder 3 Avant de poursuivre votre travail sur votre fichier d application, vous devez commencer par vous familiariser avec le workbench Flex Builder, qui n est autre que l interface de Flex Builder. Vous devez vous familiariser avec plusieurs termes concernant cette interface. Par exemple, vous allez apprendre dans cet exercice ce que signifient les vues, les éditeurs et les perspectives dans le workbench. 1 Fermez l éditeur actuel en cliquant sur le x à l extrémité droite de l onglet d éditeur DataEntry.mxml. Tous les éditeurs ont un onglet en haut à gauche de leur zone. À chaque fois qu un fichier est ouvert, il s ouvre dans le workbench à l intérieur de ce que l on appelle un éditeur. Vous venez ainsi de fermer l éditeur contenant le fichier DataEntry.mxml. Dans le workbench, vous pouvez ouvrir autant d éditeurs que vous le souhaitez à la fois. Chacun contient un fichier avec du code. 2 Ouvrez l éditeur contenant le fichier DataEntry.mxml depuis la vue Navigator en double-cliquant sur le nom du fichier. Vous pouvez également ouvrir le fichier en cliquant du bouton droit sur son nom et en choisissant Open. 3 Étirez l éditeur en largeur et en hauteur en double-cliquant sur son onglet. Dans certains cas, vous aurez besoin de voir autant de code que possible à l écran, notamment parce que Flex Builder ne renvoie pas le texte à la ligne. Double-cliquez simplement sur l onglet de l éditeur pour l étendre en largeur et en hauteur afin d afficher le maximum de code possible. 4 Ramenez l éditeur à sa taille précédente en double-cliquant sur son onglet de nouveau. Comme vous pouvez le voir, il est très facile de basculer d un affichage à l autre. 5 Cliquez sur le bouton Design dans l éditeur afin d afficher l application en mode Design.
10 22 Adobe Flex 3 Le workbench prend une apparence radicalement différente en mode Design et vous permet de faire glisser des contrôles d interface utilisateur dans l application. Vous pourrez aussi définir les valeurs de propriété en mode Design. Le mode Design permet de voir votre application sous une forme plus conforme à celle qu elle possédera pour l utilisateur final. 6 Retournez au mode Source en cliquant sur le bouton Source dans l éditeur. Dans ce livre, vous passerez le plus souvent votre temps en mode Source, mais le mode Design convient mieux pour certaines tâches. 7 Fermez la vue Navigator en cliquant sur le x de l onglet Navigator. Comme les éditeurs, toutes les vues possèdent des onglets en haut à gauche. Dans Flex Builder 3, les différentes sections qui affichent du contenu sont appelées des vues. 8 Rouvrez la vue Navigator en choisissant Window > Project Navigator. Quand vous fermez une vue, vous pouvez la rouvrir à partir de ce menu. Il existe quantité de vues. Choisissez Window > Other Views pour en faire apparaître un grand nombre. 9 Cliquez sur le bouton Open Perspective juste au-dessus du coin supérieur droit de l éditeur et choisissez la perspective Flex Debugging.
11 LEÇON 2 : Prise en main 23 Une perspective désigne une disposition de vues que vous pouvez utiliser de manière répétitive. Flex Builder inclut deux perspectives prédéfinies : Flex Development et Flex Debugging. Vous pouvez créer un assemblage avec votre propre ensemble de vues et l enregistrer sous la forme d une perspective que vous pourrez réactiver à tout moment. 10 Retournez à la perspective Flex Development. Comme vous pouvez le voir, il est très aisé de basculer d une perspective à l autre. Dans la suite du livre, vous utiliserez la perspective Debugging (débogage) et découvrirez plusieurs de ses options utiles. 11 S ils ne sont pas déjà affichés, activez les numéros de ligne de code en choisissant Window > Preferences. Dans la boîte de dialogue, cliquez sur les signes plus ou les triangles (sous Windows Vista) devant General puis Editors. Pour finir, cliquez sur Text Editors et cochez l option Show Line Numbers (afficher les numéros de ligne). Les numéros de ligne sont utiles car Flex Builder les mentionne lors du signalement des erreurs. ASTUCE : Vous pouvez également activer les numéros de ligne en cliquant du bouton droit dans la barre des marqueurs de l éditeur et en choisissant Show Line Numbers. La barre des marqueurs désigne la zone située juste à gauche du code dans l éditeur.
12 24 Adobe Flex 3 Exécuter votre application Lors du premier exercice, vous avez créé votre projet et une page d application. Sans même vous laisser le temps d exécuter cette application, le deuxième exercice vous a entraîné pour une visite guidée du workbench de Flex Builder. Vous allez maintenant revenir à votre application, l exécuter, y ajouter du code et vous familiariser avec la manipulation des fichiers. 1 Ouvrez le menu Project. Assurez-vous que l option Build Automatically ( compilation automatique) est précédée d une marque de coche. Lorsque l option Build Automatically est sélectionnée, Flex vérifie continuellement vos fichiers enregistrés, les compile au moment de la sauvegarde et les prépare à l exécution. Les erreurs de syntaxe sont marquées avant même que l application ne s exécute, ce qui ne se produit pas lorsque l option est décochée. ASTUCE : Avec des applications plus complexes, il est possible que vous constatiez que ce réglage ralentit votre travail. Vous pourrez dans ce cas désélectionner l option pour n effectuer la compilation qu au moment de l exécution de l application. 2 Exécutez votre application en cliquant sur le bouton Run. La fenêtre du navigateur s affiche mais rien n y apparaît. Vous venez d exécuter votre première application Flex, mais il ne s est pas passé grandchose. Ici, l application squelette ne contenait pas la moindre balise qui lui permette
13 LEÇON 2 : Prise en main 25 d afficher quelque chose dans le navigateur. Vous avez cependant vu l application s exécuter et le navigateur par défaut s ouvrir et afficher le résultat, si maigre qu il ait été. NOTE : Que s est-il exactement passé lorsque vous avez cliqué sur le bouton Run? En fait, un certain nombre de processus entrent en jeu. Tout d abord, les balises XML dans le fichier d application sont traduites en ActionScript. Le code ActionScript est ensuite utilisé pour générer un fichier SWF, le format que comprend le lecteur Flash. Le fichier SWF est à son tour envoyé au lecteur Flash dans le navigateur. htpp:// MXML Client équipé du lecteur Flash ActionScript DataEntry.swf SWF 3 Fermez le navigateur et revenez à Flex Builder. 4 Ajoutez une balise <mx:label> en plaçant le pointeur entre les balises <mx:application>. Entrez le signe inférieur à (<) puis tapez mx, suivi par un signe deux-points (:). Une longue liste de balises s affiche. Appuyez sur L (majuscule ou minuscule) et sélectionnez Label en la passant en surbrillance et en appuyant sur Entrée ou en double-cliquant dessus.
14 26 Adobe Flex 3 Il s agit d un exemple d indication de code, une fonctionnalité très utile de Flex Builder qu il est judicieux de mettre à profit. 5 Appuyez sur la barre d espace. Une liste d options s affiche, dont des propriétés et des méthodes, que vous pouvez utiliser avec la balise <mx:label>. Appuyez sur la lettre t puis sur la lettre e. Ensuite, sélectionnez la propriété text. La fonctionnalité d indication de code permet non seulement de sélectionner des balises, mais également de choisir les attributs qui leur appartiennent. NOTE : Dans ces deux exemples d indication de code, les deux options apparaissent en haut de la liste. Si les options ne se trouvent pas en haut, sélectionnez-les en maintenant la touche fléchée du bas enfoncée et en cliquant sur Entrée ou en double-cliquant sur la sélection. 6 Tapez My first Flex application pour la valeur de la propriété text. Assurez-vous que le texte se trouve placé entre les guillemets insérés par l indicateur de code. Pour respecter les règles de formatage XML, la valeur de l attribut doit être placée entre guillemets. 7 Terminez la balise avec une barre oblique (/) et un signe supérieur à (>). Vérifiez que votre code ressemble à ceci : <?xml version="1.0" encoding="utf-8"?> <mx:application xmlns:mx=" layout="absolute"> <mx:label text="my first Flex application"/> </mx:application>
15 LEÇON 2 : Prise en main 27 NOTE : Le code de cet exemple place la paire attribut/valeur layout="absolute" de la balise Application sur une ligne séparée et en retrait. La balise </mx:application> entière aurait pu se trouver sur une ligne. L ajout de sauts de ligne au code est affaire de préférence personnelle. Certains développeurs aiment placer chaque paire attribut/valeur sur une ligne séparée en retrait. La syntaxe XML permet de terminer une balise par deux moyens. Vous venez d utiliser le premier, qui consiste à placer une barre oblique à la fin de la balise. L autre option consiste à utiliser la barre oblique devant le nom de la balise tapé entièrement une seconde fois, comme ceci : <mx:label text="my first Flex application"> </mx:label> En général, on utilise la barre oblique à la fin de la balise à moins qu il n y ait une raison de placer quelque chose dans un bloc de balise. Par exemple, si vous souhaitez placer la balise </mx:label> à l intérieur du bloc de balises <mx:application>, vous devez terminer la balise </mx:application> sur une ligne séparée. 8 Enregistrez le fichier et exécutez-le. Le texte My first Flex application apparaît dans votre navigateur. Quelque chose apparaît enfin dans votre nouvelle application Flex. La balise <mx:application> possède une apparence par défaut dont le tableau suivant livre la synthèse : Style backgroundimage fillalphas fillcolors backgroundsize 100 % paddingtop paddingleft paddingbottom paddingright horizontalalign Styles d application par défaut Par défaut Dégradé contrôlé par les fillalphas et les fillcolors [1.0,1.0], un arrière-plan entier opaque [0x9CB0BA,0x68808C], un arrière-plan gris légèrement plus sombre en bas 24 pixels 24 pixels 24 pixels 24 pixels Centré
16 28 Adobe Flex 3 Si vous n aimez pas ces valeurs par défaut et souhaitez commencer avec l apparence la plus simple possible, attribuez la valeur plain à la propriété stylename, comme ceci : <mx:application xmlns:mx=" layout="vertical" stylename="plain"/> Dans ce cas, vous obtenez l apparence dont le tableau suivant livre la synthèse : Style backgroundimage backgroundcolor paddingtop paddingleft paddingbottom paddingright horizontalalign Styles d application simples (plain) Description Aucun Blanc 0 pixels 0 pixels 0 pixels 0 pixels Gauche 9 Changez la valeur de la propriété text en remplaçant My first Flex application par un nouveau texte. Enregistrez le fichier et exécutez-le. L étape suivante présente une autre fonctionnalité utile de Flex Builder mais, pour la découvrir, vous devez avoir au moins deux versions enregistrées du fichier. Voilà pourquoi vous devez changer le texte et enregistrer une autre version du fichier. 10 Cliquez du bouton droit dans l éditeur et, dans le menu contextuel, choisissez Replace With > Local History. Une grande boîte de dialogue apparaît. 11 Comparez la version courante de votre fichier, qui se trouve du côté gauche de la boîte de dialogue, avec l ancienne version à droite. Un historique des cinquante dernières versions du fichier est conservé en haut de la boîte de dialogue. Cliquez sur Replace (remplacer) pour ramener votre texte d origine, My first Flex application. Cette fonctionnalité peut se révéler très utile lorsque vous souhaitez revenir à une version précédente du code.
17 LEÇON 2 : Prise en main 29 ASTUCE : Vous pouvez modifier les réglages de l historique local en choisissant Window > Preferences. Dans la boîte de dialogue, choisissez General > Workspace, puis Local History. 12 Introduisez volontairement une erreur dans la page en remplaçant la balise <mx:label> par <mx:labe>, enregistrez le fichier, puis voyez où l erreur est signalée. Dès que le fichier est enregistré, la fonctionnalité de compilation automatique vérifie votre code. L erreur est trouvée et signalée de deux manières. Tout d abord, un petit x blanc dans un cercle rouge apparaît à côté de la ligne de code dans laquelle l erreur se trouve. Ensuite, une liste des erreurs apparaît dans la vue Problems.
18 30 Adobe Flex 3 ASTUCE : Conservez le pointeur au-dessus de la description de l erreur pour en afficher la description. Vous pouvez aussi double-cliquer sur l erreur listée dans la vue Problems afin de positionner le curseur dans la ligne appropriée de code de l éditeur. 13 Exécutez l application. Vous verrez l avertissement suivant, qui indique que le projet contient des erreurs et vous demande de confirmer avant de poursuivre le lancement. Dans le cas présent, cliquez sur No pour interrompre le lancement. Si vous cliquez sur Yes dans cette boîte de dialogue, Flex Builder exécute la dernière version correctement compilée de votre application. 14 Corrigez l erreur, enregistrez le fichier et exécutez-le pour vous assurer que tout fonctionne de nouveau correctement. Fermez le fichier une fois qu il s est correctement exécuté. Vous êtes maintenant prêt à passer au prochain exercice. Créer une seconde page d application et travailler en mode Design Jusqu à ce point, vous avez travaillé avec le fichier en mode Source. Vous préférerez peutêtre n examiner que le code, mais certaines tâches sont bien plus simples à réaliser en mode Design. C est le cas par exemple des opérations de mise en page. 1 Choisissez File > New > MXML Application. Dans la boîte de dialogue qui apparaît, entrez le nom de fichier (Filename) Dashboard. Dans la liste déroulante Layout, sélectionnez horizontal. Cliquez sur Finish. Flex Builder mémorise votre choix de mise en page précédent la prochaine fois que vous créez une application. Rappelez-vous que la mise en page horizontal dispose tous les contrôles ajoutés à l application en les répartissant horizontalement. NOTE : Vous n êtes pas obligé d entrer l extension.mxml. Flex Builder l ajoute automatiquement.
19 LEÇON 2 : Prise en main 31 2 Cliquez sur le bouton mode Design dans l éditeur pour ouvrir le nouveau fichier en mode Design. Vous remarquerez qu un certain nombre de nouvelles vues s ouvrent lorsque vous passez en mode Design. Examinez la figure suivante pour découvrir quelques vues clés avec lesquelles vous travaillerez en mode Design. Boutons des modes Source et Design Vue States Vue Flex Properties Vue Components
20 32 Adobe Flex 3 3 Dans la vue Components, localisez le dossier Controls. Faites glisser un contrôle Text et positionnez-le dans la portion supérieure de l éditeur. Le contrôle Text se centre car vous avez choisi la disposition horizontale. La vue Components contient les composants que vous allez utiliser dans vos applications Flex. Cette vue, qui n est disponible qu en mode Design, permet de faire glisser des composants dans votre application. Vous verrez dans une prochaine leçon que vous pouvez aussi positionner les contrôles en utilisant une mise en page contrainte. 4 Localisez la vue States en haut à droite de l éditeur. Cliquez sur l icône Minimize pour réduire la vue States. Ensuite, concentrez-vous sur la vue Flex Properties. 5 Cliquez n importe où dans l éditeur afin de désélectionner le contrôle Text et de sélectionner l application. Le nom de l objet actuellement sélectionné apparaît en haut de la vue Flex Properties. Assurez-vous qu il s agit de mx:application. Localisez la section Layout de la vue Flex Properties. Dans la liste déroulante Layout, choisissez absolute.
21 LEÇON 2 : Prise en main 33 Lorsque la disposition est horizontale, vous ne pouvez pas spécifier la position du contrôle Text en utilisant des coordonnées x et y, ce que vous souhaitez faire ici. La disposition absolue le permet.
22 34 Adobe Flex 3 6 Sélectionnez le contrôle Text et tapez 160 pour la valeur x et 180 pour y. Vous venez de positionner le contrôle Text en définissant ses valeurs dans la vue Flex Properties. 7 Cliquez sur le contrôle Text et déplacez-le en haut à gauche de l écran. Notez que les coordonnées x et y ont changé. Vous venez de positionner le contrôle Text en le faisant glisser en mode Design. 8 En haut de la vue Flex Properties, localisez la section Common. Pour la valeur de la propriété text, entrez la chaîne I am using the Flex Properties view. Appuyez sur Entrée. Le contrôle Text contenant la chaîne entrée apparaît. Vous venez de découvrir deux moyens d entrer des valeurs pour des propriétés. En mode Source, ces valeurs se saisissent entre guillemets après le nom de la propriété et un signe égal. En mode Design, sélectionnez le contrôle auquel les valeurs de propriétés doivent être fournies, puis utilisez la vue Flex Properties pour taper les valeurs des propriétés. Un troisième moyen pour changer la valeur du texte affiché consiste à doublecliquer sur le contrôle en mode Design et à taper ou à modifier le texte. NOTE : L une des différences entre le contrôle Label et le contrôle Text tient à ce que ce dernier peut contenir plusieurs lignes de texte. Ce n est pas le cas du contrôle Label que vous avez utilisé en mode Source. Celui-ci ne peut en contenir qu une seule.
23 LEÇON 2 : Prise en main 35 9 Repassez en mode Source. Vous pouvez voir à présent le code qui représente vos actions en mode Design. Vous avez un contrôle Text avec des propriétés text, x et y associées aux valeurs que vous avez attribuées dans la vue Flex Properties. Vous en viendrez très certainement à développer une préférence pour l un ou l autre mode (Source ou Design). Un grand nombre d actions peuvent être réalisées dans les deux vues. 10 Exécutez l application en choisissant Dashboard.mxml dans la liste déroulante qui apparaît lorsque vous cliquez sur la flèche du bas à côté du bouton Run. Le texte du contrôle Text apparaît dans le navigateur. Lorsque vous exécutez l application, le texte apparaît dans le navigateur comme vous l avez positionné en mode Design. Félicitations! Vous venez d exécuter votre deuxième application Flex. NOTE : Il ne peut y avoir qu une seule balise <mx:application> pour application Flex. À ce stade, DataEntry.mxml et Dashboard.mxml contiennent tous deux une balise <mx:application>. En utilisant plusieurs balises <mx:application>, vous avez créé deux applications Flex distinctes. 11 De retour dans Flex Builder, supprimez le contrôle Text dans l application Dashboard. Changez aussi la disposition en sélectionnant de nouveau l option horizontal. Vous devez changer ce fichier afin de le préparer pour travailler avec dans les leçons ultérieures. Préparation à la leçon suivante L application FlexGrocer complète sera constituée de trois fichiers d application Flex. Vous en avez créé deux : DataEntry.mxml et Dashboard.mxml. Nous allons créer dans cet exercice la dernière application, EComm.mxml. 1 Choisissez File > New > MXML application. Dans la boîte de dialogue qui apparaît, tapez le nom de fichier EComm. Choisissez absolute dans la liste déroulante Layout. Cliquez sur Finish.
24 36 Adobe Flex 3 Cette application permet aux clients de commander des articles d épicerie sur FlexGrocer. DataEntry.mxml définit l endroit où les articles sont ajoutés à l inventaire et où les quantités sont mises à jour dans l application. Dashboard.mxml définit l endroit où les ventes de produits peuvent être analysées. 2 Assurez-vous que les trois fichiers ne contiennent rien d autre que le code de squelette inséré lors de la génération automatique du fichier. Pour cela, vous devez supprimer un contrôle Label de DataEntry.mxml. La propriété layout de DataEntry.mxml et EComm. mxml doit se voir attribuer la valeur absolute, tandis que la propriété layout de Dashboard.mxml doit valoir horizontal. La seule ligne de code dans les trois fichiers doit être celle qui apparaît ici, avec la valeur de disposition ( layout) appropriée : <?xml version="1.0" encoding="utf-8"?> <mx:application xmlns:mx=" layout="absolute"> </mx:application> 3 Enregistrez chaque fichier, exécutez-le, puis fermez-le afin de vous préparer à la leçon suivante. Vous avez créé les trois fichiers d application principaux avec lesquels vous allez travailler pour le reste du livre. NOTE : La programmation orientée objet n est pas le sujet de ce livre mais, pour être un développeur Flex efficace, vous devez au moins avoir quelques connaissances des principes et de la terminologie de la programmation orientée objet. Par exemple, les balises que vous avez vues (comme <mx:application>, <mx:label> et <mx:text>) font en fait référence à des classes. L aide Adobe Flex 3 MXML et ActionScript Language Reference (parfois appelée ASDoc) est le document qui liste ces classes, leurs propriétés, leurs méthodes, et d autres informations également. NOTE : Les standards de la programmation orientée objet ont influencé le choix des noms de fichiers dans cette leçon. De manière traditionnelle, les noms de classes commencent toujours par une lettre majuscule et chaque classe doit être stockée dans un fichier séparé dans Flex. Les trois fichiers que vous avez créés dans cette leçon sont des classes respectivement nommées DataEntry, Dashboard et EComm. Chacune de ces classes est une sous-classe, ou un enfant, de la classe Application, et commence donc par une lettre majuscule.
25 LEÇON 2 : Prise en main 37 Dans cette leçon, vous avez : créé un projet pour organiser les fichiers de votre application ; effectué une visite guidée des composants du workbench de Flex Builder 3 (les vues, les éditeurs et les perspectives) utilisés pour créer des fichiers d application ; créé et exécuté des fichiers d application en utilisant des indications de code et l historique local pour produire le code de ces fichiers ; travaillé en mode Source et en mode Design dans un éditeur.
Prise en main rapide
Prise en main rapide 4 Dans cette leçon, vous découvrirez les fonctionnalités de création de page web de Dreamweaver et apprendrez à les utiliser dans l espace de travail. Vous apprendrez à : définir un
Plus en détailL espace de travail de Photoshop
L espace de travail de Photoshop 1 Au cours de cette leçon, vous apprendrez à : ouvrir les fichiers Photoshop ; sélectionner et employer certains des outils dans le panneau Outils ; définir les options
Plus en détailCréer des documents interactifs
Créer des documents interactifs 14 Au cours de cette leçon, vous apprendrez à : créer un document en ligne de base ; ajouter des boutons, des transitions de page et des hyperliens ; exporter au format
Plus en détailVOCABULAIRE LIÉ AUX ORDINATEURS ET À INTERNET
VOCABULAIRE LIÉ AUX ORDINATEURS ET À INTERNET Brancher / débrancher l ordinateur de la prise Allumer / éteindre l ordinateur : pour allumer ou éteindre l ordinateur vous devez appuyer sur le bouton On/off
Plus en détail1) Installation de Dev-C++ Téléchargez le fichier devcpp4990setup.exe dans un répertoire de votre PC, puis double-cliquez dessus :
1) Installation de Dev-C++ Téléchargez le fichier devcpp4990setup.exe dans un répertoire de votre PC, puis double-cliquez dessus : La procédure d installation démarre. La fenêtre suivante vous indique
Plus en détailGuide de l utilisateur Mikogo Version Windows
Guide de l utilisateur Mikogo Version Windows Table des matières Création d un compte utilisateur 3 Téléchargement et installation 4 Démarrer une session 4 Joindre une session 5 Fonctionnalités 6 Liste
Plus en détailBIRT (Business Intelligence and Reporting Tools)
BIRT (Business Intelligence and Reporting Tools) Introduction Cette publication a pour objectif de présenter l outil de reporting BIRT, dans le cadre de l unité de valeur «Data Warehouse et Outils Décisionnels»
Plus en détailEclipse atelier Java
Eclipse atelier Java Table des matières 1. Introduction...2 2. Télécharger eclipse...3 3. Installer eclipse...3 4. Premier lancement d eclipse...3 5. Configurer eclipse pour faire du Java...5 6. Développer
Plus en détailIntroduction à Eclipse
Introduction à Eclipse Eclipse IDE est un environnement de développement intégré libre (le terme Eclipse désigne également le projet correspondant, lancé par IBM) extensible, universel et polyvalent, permettant
Plus en détailTutoriel. Votre site web en 30 minutes
Tutoriel Votre site web en 30 minutes But du tutoriel Nous allons vous présenter comment réaliser rapidement votre site avec Web Creator Pro 6 en vous basant sur l utilisation des modèles fournis avec
Plus en détailAvant-propos FICHES PRATIQUES EXERCICES DE PRISE EN MAIN CAS PRATIQUES
Avant-propos Conçu par des pédagogues expérimentés, son originalité est d être à la fois un manuel de formation et un manuel de référence complet présentant les bonnes pratiques d utilisation. FICHES PRATIQUES
Plus en détailMO-Call pour les Ordinateurs. Guide de l utilisateur
MO-Call pour les Ordinateurs Guide de l utilisateur Sommaire MO-CALL POUR ORDINATEURS...1 GUIDE DE L UTILISATEUR...1 SOMMAIRE...2 BIENVENUE CHEZ MO-CALL...4 MISE EN ROUTE...5 CONNEXION...5 APPELS...7 COMPOSITION
Plus en détailDes outils numériques simples et conviviaux!
Des outils numériques simples et conviviaux! 1 La clé USB en bref La clé USB vous permet : n De projeter, avec ou sans tableau blanc interactif (TBI), les pages du livre numérique. n De naviguer facilement
Plus en détailGuide de l utilisateur. Faites connaissance avec la nouvelle plateforme interactive de
Guide de l utilisateur Faites connaissance avec la nouvelle plateforme interactive de Chenelière Éducation est fière de vous présenter sa nouvelle plateforme i+ Interactif. Conçue selon vos besoins, notre
Plus en détailInstallation et utilisation du client FirstClass 11
Installation et utilisation du client FirstClass 11 Support par téléphone au 03-80-77-26-46 ou par messagerie sur la conférence «Support Melagri» Sommaire Page I) Installation du client FirstClass 2 II)
Plus en détailPRISE EN MAIN D ILLUSTRATOR
CHAPITRE 1 PRISE EN MAIN D ILLUSTRATOR Présentation... 13 Contenu du livre... 13 Les nouveautés... 14 Composants de l interface... 15 Afficher les documents... 20 Organiser son espace de travail... 21
Plus en détailComment utiliser FileMaker Pro avec Microsoft Office
Guide d utilisation Comment utiliser FileMaker Pro avec Microsoft Office Comment utiliser FileMaker Pro et Microsoft Office page 1 Table des matières Introduction... 3 Avant de commencer... 4 Partage de
Plus en détailNAVIGATION SUR INTERNET EXPLORER
Centres d accès communautaire Internet des Îles NAVIGATION SUR INTERNET EXPLORER Table des matières Introduction 1- Les barres d outils 1.1 La barre d adresse 2 5 min. 1.2. Les boutons de navigation 2
Plus en détail«Petit guide d utilisation Prezi» par Marc Nolet
«Petit guide d utilisation Prezi» par Marc Nolet Étape 1 : INSCRIPTiON : S inscrire à Prezi en suivant les étapes à l aide du tutoriel suivant : cliquez ici Étape 2 : OUVRIR UNE NOUVELLE PRÉSENTATION :
Plus en détailCréer et partager des fichiers
Créer et partager des fichiers Le rôle Services de fichiers... 246 Les autorisations de fichiers NTFS... 255 Recherche de comptes d utilisateurs et d ordinateurs dans Active Directory... 262 Délégation
Plus en détailECLIPSE ET PDT (Php development tools)
ECLIPSE ET PDT (Php development tools) Eclipse Eclipse est un IDE (Integrated Development Environment)).C estun projet de la Fondation Eclipse visant à développer tout un environnement de développement
Plus en détailGuide d installation UNIVERSALIS 2016
Guide d installation UNIVERSALIS 2016 (Windows) Nous vous recommandons de lire ce document avant de commencer l installation d UNIVERSALIS 2016 sur Windows. Vous y trouverez la description de la procédure
Plus en détailOptimiser pour les appareils mobiles
chapitre 6 Optimiser pour les appareils mobiles 6.1 Créer un site adapté aux terminaux mobiles avec jquery Mobile... 217 6.2 Transformer son site mobile en application native grâce à PhoneGap:Build...
Plus en détailLes calques : techniques avancées
Les calques : techniques avancées 9 Au cours de cette leçon, vous apprendrez à : importer un calque d un autre fichier ; créer un masque d écrêtage ; créer et modifier un calque de réglage ; employer les
Plus en détailMon aide mémoire traitement de texte (Microsoft Word)
. Philippe Ratat Mon aide mémoire traitement de texte (Microsoft Word) Département Ressources, Technologies et Communication Décembre 2006. Sommaire PRÉSENTATION DU DOCUMENT 1 Objectif principal 1 Deux
Plus en détail1 CRÉER UN TABLEAU. IADE Outils et Méthodes de gestion de l information
TP Numéro 2 CRÉER ET MANIPULER DES TABLEAUX (Mise en forme, insertion, suppression, tri...) 1 CRÉER UN TABLEAU 1.1 Présentation Pour organiser et présenter des données sous forme d un tableau, Word propose
Plus en détailGuide de configuration. Logiciel de courriel
Guide de configuration Logiciel de courriel Août 2013 Table des matières 1. Logiciels de courriel Mac 1.1 Télécharger, installer et mettre à niveau Microsoft Outlook (Utilisateurs du Courriel Affaires
Plus en détailGuide d installation UNIVERSALIS 2014
Guide d installation UNIVERSALIS 2014 (Windows) Nous vous recommandons de lire ce document avant de commencer l installation d UNIVERSALIS 2014 sur Windows. Vous y trouverez la description de la procédure
Plus en détail2013 Pearson France Adobe Illustrator CC Adobe Press
Au cours de cette démonstration d Adobe Illustrator CC, vous découvrirez les nouvelles fonctionnalités du logiciel, comme les outils de retouche et la sélection du texte, ainsi que d autres aspects fondamentaux
Plus en détail< Atelier 1 /> Démarrer une application web
MES ANNOTATIONS SONT EN ROUGE : Axel < Atelier 1 /> Démarrer une application web Microsoft France Tutorial Découverte de ASP.NET 2.0 Sommaire 1 INTRODUCTION... 3 1.1 CONTEXTE FONCTIONNEL... 3 1.2 CONTEXTE
Plus en détailInitiation à Mendeley AUT2012
0. Trouver Mendeley... 2 1. Ouverture de l application Mendeley... 2 2. Saisie manuelle d une référence... 2 3. Inscrire une note liée à la référence... 2 4. Attacher un fichier à la référence... 2 5.
Plus en détailYour Detecting Connection. Manuel de l utilisateur. support@xchange2.net
Your Detecting Connection Manuel de l utilisateur support@xchange2.net 4901-0128-5 ii Table des matières Table des matières Installation... 4 Conditions d utilisation de XChange 2...4 Définir vos Préférences
Plus en détailCorrection des Travaux Pratiques Organiser son espace de travail
Module 01 Correction des Travaux Pratiques Organiser son espace de travail Correction de l exercice N 1 Organiser son espace de travail Objectif de l exercice : 1. Comprendre le dock 2. Afficher les règles
Plus en détailContactForm et ContactFormLight - Gestionnaires de formulaire pour Prestashop Edité par ARETMIC S.A.
ContactForm et ContactFormLight - Gestionnaires de formulaire pour Prestashop Edité par ARETMIC S.A. - 1 - PREAMBULE Les conditions générales d utilisation détaillant l ensemble des dispositions applicables
Plus en détailLe langage C. Séance n 4
Université Paris-Sud 11 Institut de Formation des Ingénieurs Remise à niveau INFORMATIQUE Année 2007-2008 Travaux pratiques d informatique Le langage C Séance n 4 But : Vous devez maîtriser à la fin de
Plus en détailDécouvrez Windows NetMeeting
Découvrez Windows NetMeeting Conférence Internet 2001 Université de Moncton. Tous droits réservés. Table des matières 1. Comment puis-je télécharger, installer et démarrer NetMeeting?... 3 2. Quelles sont
Plus en détailUtilisation de l éditeur.
Utilisation de l éditeur. Préambule...2 Configuration du navigateur...3 Débloquez les pop-up...5 Mise en évidence du texte...6 Mise en évidence du texte...6 Mise en page du texte...7 Utilisation de tableaux....7
Plus en détailSecurexam Consignes pour l EFU Les 2, 3 et 4 juin 2015
Securexam Consignes pour l EFU Les 2, 3 et 4 juin 2015 ATTENTION : Consignes aux candidats qui doivent encrypter leur clé USB : Une fois votre ordinateur démarré, avant de lancer Securexam (CA), procédez
Plus en détailServices bancaires par Internet aux entreprises. Guide pratique pour : Rapports de solde Version 8.05.22
Services bancaires par Internet aux entreprises Guide pratique pour : Rapports de solde Version 8.05.22 Table des matières Avez-vous besoin d aide?... 3 Exigences informatiques... 4 Navigateurs acceptés...
Plus en détailNumérisation. Copieur-imprimante WorkCentre C2424
Numérisation Ce chapitre contient : «Numérisation de base», page 4-2 «Installation du pilote du scanner», page 4-4 «Réglage des options de numérisation», page 4-5 «Récupération des images», page 4-11 «Gestion
Plus en détail[WINDOWS 7 - LES FICHIERS] 28 avril 2010. Logiciel / Windows
Ce dossier a une forme un peu différente des précédentes : c est un ensemble de «fiches» décrivant chacune une des opérations que l on peut effectuer avec un fichier (enregistrer, renommer, etc.). Chaque
Plus en détailCOURS WINDEV NUMERO 3
COURS WINDEV NUMERO 3 01/02/2015 Travailler avec un fichier de données Etude du gestionnaire d analyse, Manipulation des tables mémoires, Manipulation de données, Création d états, Pré requis : Cours WinDev
Plus en détailGUIDE DE DÉMARRAGE. SitagriPro Infinite FINANCEAGRI. Un service. c o r p o r a t e
GUIDE DE DÉMARRAGE SitagriPro Infinite Un service FINANCEAGRI c o r p o r a t e SOMMAIRE ÉTAPE 1 : Installation... p.3 1. Introduction 2. Connexion à SitagriPro Infinite ÉTAPE 2 : Identification... p.5
Plus en détailGuide d usage pour Word 2007
Formation TIC Septembre 2012 florian.jacques@etsup.com Guide d usage pour Word 2007 ETSUP 8 villa du Parc Montsouris 75014 PARIS SOMMAIRE Interface... 2 Organiser son espace de travail... 3 La barre d
Plus en détailTroisième projet Scribus
Sommaire 1. Réponse à la question du deuxième projet... 2 2. Présentation du projet... 2 2.1. Organiser son travail... 2 3. Réalisation... 2 3.1. Préparation du texte... 2 3.1.1. Les styles «Dys»... 3
Plus en détailwww.imprimermonlivre.com
0 www.imprimermonlivre.com Composition d une couverture avec Word L objectif de ce guide est de vous proposer un mode opératoire pour créer une couverture avec Word. Nous vous rappelons toutefois que Word
Plus en détail1. Insérez le DVD de support dans le lecteur optique. L onglet Drivers (Pilotes) apparaîtra si l Exécution automatique est activée.
ASUS PC Probe II PC Probe II est un utilitaire qui contrôle l activité des composants cruciaux de l ordinateur ; il détecte et vous avertit de tout problème survenant sur l un de ces composants. PC Probe
Plus en détailESPACE COLLABORATIF SHAREPOINT
Conseil de l Europe Service des Technologies de l Information ESPACE COLLABORATIF SHAREPOINT DOSSIER D UTILISATEUR 1/33 Sommaire 1. Présentation de SharePoint... 3 1.1. Connexion... 4 2. Les listes...
Plus en détailLES GRANDES ETAPES DE CREATION D UN WEB DESIGN
LES GRANDES ETAPES DE CREATION D UN WEB DESIGN PENSER LA STRUCTURE ET LE THEME DU SITE STRUCTURE ET THEME DU SITE Taille (le site sera-t-il extensible ou fixe?) Organisation Thème Couleurs Illustrations
Plus en détailOn trouvera sur le site du CCDMD un exemple d album construit avec Cantare. (http://www.ccdmd.qc.ca/ri/cantare)
Cantare 2 Introduction L outil logiciel Cantare s adresse à toute personne qui veut construire des leçons visant l apprentissage d une langue par l écoute de chansons ou de fichiers sonores dont les paroles
Plus en détailModule 1 : Tableau de bord Excel * 2010 incl.*
Module 1 : Tableau de bord Excel * 2010 incl.* 1.0 Introduction Excel nous aide à mieux comprendre les données en les plaçant dans des cellules (réparties en lignes et en colonnes) et au moyen de formules
Plus en détailTapez le titre de la page «BASTIA ville méditerranéenne», puis allez deux fois à la ligne à l aide de la touche Entrée.
Créer un site Internet à l aide du logiciel NVU Le logiciel NVU, permet l édition Wysiwyg (What You See, Is What You Get, ce que vous voyez, est ce que vous obtenez ) d un site internet. Vous rédigez le
Plus en détailLeçon N 5 PICASA Généralités
Leçon N 5 PICASA Généralités Avec cette leçon N 5, nous allons commencer l étude du traitement de vos photos avec le logiciel de GOOGLE, PICASA, que vous avez téléchargé dans la leçon N 3. 1 Présentation
Plus en détailSOMMAIRE 1 INTRODUCTION 3 2 CONTACTER VOTRE SUPPORT 3 3 ESPACE DE GESTION DES CARTES 4 4 CONFIGURER UNE CARTE 5
SOMMAIRE 1 INTRODUCTION 3 2 CONTACTER VOTRE SUPPORT 3 3 ESPACE DE GESTION DES CARTES 4 4 CONFIGURER UNE CARTE 5 4.1 Ajouter une carte 5 4.1.1 Détails : nom, taille, marqueur 5 4.1.2 Ajout d un marqueur
Plus en détail<Créer un site Web. avec/> Suzanne Harvey
aire l o c s texte n o c le Dans Suzanne Harvey Conseillère pédagogique en informatique Service local du RÉCIT Commission scolaire de Saint-Hyacinthe Québec, Canada suzanne.harvey@prologue.qc.ca
Plus en détailStyler un document sous OpenOffice 4.0
Mars 2014 Styler un document sous OpenOffice 4.0 Un style est un ensemble de caractéristiques de mise en forme (police, taille, espacement, etc.) qui sert à structurer un document en l organisant de manière
Plus en détailCréation d un site Internet
Création d un site Internet Weebly.com Johanne Raymond Collège Lionel Groulx, mai 2010 Service du soutien à l enseignement et Plan de réussite Ouvrir un compte sur Weebly... 1 Modifier le modèle... 2 Ajouter
Plus en détailPlug-in Verizon Collaboration pour Microsoft Outlook Guide de l utilisateur
Plug-in Verizon Collaboration pour Microsoft Outlook Guide de l utilisateur Version 4.11 Dernière mise à jour : Juillet 2011 2011 Verizon. Tous droits réservés. Les noms et logos Verizon et Verizon Business,
Plus en détailiil est désormais courant de trouver sur Internet un document
Matériels et systèmes L Acrobat qui cherche dans les PDF Michel NARCY - Formateur TICE et Médialog Bulletin officiel, programmes d enseignement, articles de quotidiens ou de revues scientifiques... De
Plus en détailAntidote et vos logiciels
Antidote et vos logiciels Antidote 8 v2 Mac OS X Antidote, c est un correcteur avancé, des dictionnaires et des guides linguistiques qui s ajoutent à vos logiciels pour vous aider à écrire en français.
Plus en détailSilhouette Studio Leçon N 2
Silhouette Studio Leçon N 2 Apprendre comment utiliser Ma Bibliothèque et la Boutique en Ligne Silhouette pour importer des nouveaux modèles. Matériels nécessaires Silhouette SD Feuille de transport colle
Plus en détailOrganiser le disque dur Dossiers Fichiers
Ce document contient des éléments empruntés aux pages d aide de Microsoft Organiser le disque dur Dossiers Fichiers Généralités La connaissance de la logique d organisation des données sur le disque dur
Plus en détailiphoto Premiers contacts Découvrez iphoto et apprenez à importer et organiser vos photos et à créer un diaporama ou un livre.
iphoto Premiers contacts Découvrez iphoto et apprenez à importer et organiser vos photos et à créer un diaporama ou un livre. 1 Table des matières Chapitre 1 3 Bienvenue dans iphoto 3 Ce que vous apprendrez
Plus en détailAfin d accéder à votre messagerie personnelle, vous devez vous identifier par votre adresse mail et votre mot de passe :
1 CONNEXION A LA MESSAGERIE ZIMBRA PAR LE WEBMAIL Ecran de connexion à la messagerie Rendez vous dans un premier temps sur la page correspondant à votre espace webmail : http://webmailn.%votrenomdedomaine%
Plus en détailcbox VOS FICHIERS DEVIENNENT MOBILES! INTERFACE WEB MANUEL D UTILISATION
cbox VOS FICHIERS DEVIENNENT MOBILES! INTERFACE WEB MANUEL D UTILISATION BV Introduction L application cbox peut-être installée facilement sur votre ordinateur. Une fois l installation terminée, le disque
Plus en détailGUIDE Excel (version débutante) Version 2013
Table des matières GUIDE Excel (version débutante) Version 2013 1. Créer un nouveau document Excel... 3 2. Modifier un document Excel... 3 3. La fenêtre Excel... 4 4. Les rubans... 4 5. Saisir du texte
Plus en détailVous allez le voir au cours de ce premier chapitre, 1. Découvrir l ipad
1. Découvrir l ipad Vous allez le voir au cours de ce premier chapitre, l utilisation de l ipad est très intuitive et, surtout, votre tablette obéit au doigt et à l œil. Vous ne pourrez bientôt plus vous
Plus en détailGuide d installation de MySQL
INF 1250 Introduction aux bases de données Guide d installation de MySQL 1 Introduction Ce guide vous indique la façon d installer et d utiliser le logiciel MySQL de Oracle (disponible en licence GPL).
Plus en détailTutoriel BLOGGER. Pour vous donner une idée, voici un exemple de blog : http://formationlaragne.blogspot.fr/
Tutoriel BLOGGER Blogger est un outil Google gratuit de publication de blogs qui permet de partager du texte, des photos et des vidéos. C est un outil simple, bénéficiant du référencement de Google, ce
Plus en détailUniversalis 2013. Guide d installation. Sommaire
Guide d installation Universalis 2013 Nous vous recommandons de lire ce document avant de commencer l installation d UNIVERSALIS 2013 sur Windows. Vous y trouverez la description de la procédure d installation,
Plus en détailSYSTRAN 7 Guide de démarrage
1 SYSTRAN 7 Guide de démarrage Réf : DSK-7-QSG-HO-FR Bienvenue SYSTRAN 7 Guide de démarrage Félicitations! Nous vous remercions d avoir choisi SYSTRAN V7 la version la plus récente et la plus puissante
Plus en détailLe logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation.
1 Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation. Voici un mode opératoire qui vous guidera dans l utilisation de
Plus en détailpas à pas prise en main du logiciel Le Cloud d Orange - Transfert de fichiers sur PC et MAC Le Cloud
pas à pas prise en main du logiciel Le Cloud d Orange - Transfert de fichiers sur PC et MAC Le Cloud sommaire installer son logiciel PC : 3-9 / MAC : 15-19 définir ses répertoires à surveiller PC : 10-12
Plus en détailDans cette Unité, nous allons examiner
13.0 Introduction Dans cette Unité, nous allons examiner les fonctionnements internes d une des plateformes de publication web les plus largement utilisées de nos jours sur l Internet, WordPress. C est
Plus en détailDate M.P Libellé Catégorie S.Catégorie Crédit Débit Solde S.B
Excel : Réalisation d un classeur Compta Saisir les étiquettes Renommer la première feuille Compta Laisser la première ligne vide et sur la deuxième ligne saisir les étiquettes Se placer sur A2 et saisir
Plus en détailBoard (Tablette) Manuel de l utilisateur. Windows 7 / XP / Vista
Board (Tablette) Manuel de l utilisateur Windows 7 / XP / Vista *Il se peut que le pilote ait déjà été mis à jour sur une version plus récente avant/après l emballage. Si votre écran d installation ne
Plus en détailCréation WEB avec DreamweaverMX
Creation Web avec DreamweaverMX MX Initiation Sommaire.preparation.mise en forme.liens hypertextes.images.liens sur images.images avec zones sensibles.images survolees.liens de type courriel.apercu dans
Plus en détailOpen-Sankoré. Mise en route. Guide utilisateur Février 2013 NTICE (E. S.)
Guide utilisateur Février 2013 NTICE (E. S.) Open-Sankoré Développé à l Université de Lausanne en 2003 sous le nom d Uniboard, ce logiciel combine la simplicité des outils d enseignements traditionnels
Plus en détailComment insérer une image de fond?
COMMUNICATION VISUELLE Mise en page à l aide d un traitement de texte Comment insérer une image de fond? Image Plein papier ou au Format utile qu est-ce que cela veut dire? La mise en page d un document
Plus en détailGestion des références bibliographiques. Comment simplifier la gestion des références bibliographiques?
Gestion des références bibliographiques Comment simplifier la gestion des références bibliographiques? Objectifs de la formation Créer votre base de données personnelle de références bibliographiques.
Plus en détailGroupe Eyrolles, 2003, ISBN : 2-212-11317-X
Groupe Eyrolles, 2003, ISBN : 2-212-11317-X 3 Création de pages dynamiques courantes Dans le chapitre précédent, nous avons installé et configuré tous les éléments indispensables à la mise en œuvre d une
Plus en détailIndiquer l'espace libre sur le disque dur
ordinateur les plus Indiquer l'espace libre sur le disque dur - Nettoyer le disque dur - Défragmenter le disque dur Graver un CD ou un DVD - Installer un antivirus - Désinstaller un programme Copier des
Plus en détailTABLETTE GRAPHIQUE USB FUN
TABLETTE GRAPHIQUE USB FUN PX-8171-675 1 TABLETTE GRAPHIQUE USB FUN Importé par : PEARL Agency GmbH PEARL-Straße 1-3 D-79426 Buggingen 04/2011 - EX:MH//EX:MH//SF TABLE DES MATIÈRES Votre nouvelle tablette
Plus en détailThe Grid 2: Manuel d utilisation
The Grid 2: Manuel d utilisation Bienvenue dans The Grid 2 Merci d avoir choisi The Grid 2! Ce guide va vous apprendre tout ce que vous devez savoir à propos de The Grid 2. Il vous guidera pas à pas pour
Plus en détailGérer les fichiers et les dossiers
_C WindowsVistaAA:Illustrated 7/28/08 7:22 PM Page 51 C Gérer les fichiers et les dossiers Vous aurez besoin de ces fichiers : Voyages Tour Aventure (dossier) Courrier (dossier) Courrier d affaires (dossier)
Plus en détailPRISE EN MAIN D UN TABLEUR. Version OPEN OFFICE
PRISE EN MAIN D UN TABLEUR Version OPEN OFFICE Prise en main d un tableur page 2 1. L utilisation de la souris Pour faire fonctionner un tableur, on utilise le clavier mais aussi la souris. Rappelons,
Plus en détailGUIDE D UTILISATION DU BROWSER DE BEYOND 20/20
GUIDE D UTILISATION DU BROWSER DE BEYOND 20/20 Le browser Beyond 20/20 permet de visualiser, manipuler, présenter sous forme graphique, imprimer et sauvegarder des tableaux de données. Il s agit d un logiciel
Plus en détail145A, avenue de Port Royal, Bonaventure (Québec) G0C 1E0 Sans frais : 1 888 765 4636 www.solutioninfomedia.com
Guide de l utilisateur CMS 1 Navigation dans le CMS... 2 1.1 Menu principal... 2 1.2 Modules tableau... 3 1.3 Modules formulaire... 5 1.4 Navigation dans le site Web en mode édition... 6 2 Utilisation
Plus en détailAdministration du site
Administration du site 1 TABLE DES MATIÈRES Administration du site... 1 Accéder à la console d administration... 3 Console d administration... 4 Apparence... 4 Paramètres... 5 Allez sur le site... 5 Edition
Plus en détailSOMMAIRE. 1. Connexion à la messagerie Zimbra 4 1.1.Pré-requis 4 1.2.Ecran de connexion à la messagerie 4
Messagerie Zimbra version 7 Prise en main Nadège HARDY-VIDAL 2 septembre 20 SOMMAIRE. Connexion à la messagerie Zimbra 4..Pré-requis 4.2.Ecran de connexion à la messagerie 4 2. Présentation générale de
Plus en détailIntroduction au logiciel de gestion bibliographique Zotero
au logiciel de gestion bibliographique Zotero Pour Microsoft Word et Writer La gestion manuelle des références bibliographiques (inventaire des sources consultées, rédaction d une bibliographie et création
Plus en détailFileMaker Pro 12. Didacticiel
FileMaker Pro 12 Didacticiel 2007 2012 FileMaker, Inc. Tous droits réservés. FileMaker, Inc. 5201 Patrick Henry Drive Santa Clara, California 95054 FileMaker et Bento sont des marques commerciales de FileMaker,
Plus en détailCréer un compte itunes Store
P r o f i t e r d I n t e r n e t A t e l i e r 0 9 Créer un compte itunes Store en 4 étapes L ipad est un ordinateur aux nombreuses capacités dès la sortie du carton mais ses capacités ne sont rien face
Plus en détailMISE AU POINT FINANCIÈRE GUIDE DE L UTILISATEUR. Le logiciel MISE AU POINT FINANCIÈRE est offert sous licence par EquiSoft.
MISE AU POINT FINANCIÈRE GUIDE DE L UTILISATEUR Le logiciel MISE AU POINT FINANCIÈRE est offert sous licence par EquiSoft. Accès MISE AU POINT FINANCIÈRE Guide de l utilisateur (V3) Octobre 2012 Page 2
Plus en détailZotero Gérer ses références bibliographiques
Zotero Gérer ses références bibliographiques 1. Présentation 1.1 Installer Zotero 1.2. L interface de Zotero 6. Utiliser le plugin Traitement de texte 6.1. Citer des références 6.2. Insérer une bibliographie
Plus en détailINSERER DES OBJETS - LE RUBAN INSERTION... 3 TABLEAUX
TABLE DES MATIERES Livret Utilisateur Excel 2007 Niveau 2 INSERER DES OBJETS - LE RUBAN INSERTION... 3 TABLEAUX... 4 Les tableaux croisés dynamiques... 4 Création d un tableau croisé... 5 Comparer des
Plus en détailOuvrir le compte UQÀM
Cliquez sur le titre pour visionner 1 Cliquez sur le titre pour visionner 2! Préliminaires! Ouvrir le compte UQÀM! Accéder au compte UQÀM! Paramètres de configuration! Les dossiers! Gérer les dossiers!
Plus en détailPublier dans la Base Documentaire
Site Web de l association des ingénieurs INSA de Lyon Publier dans la Base Documentaire Remarque : la suppression des contributions n est pas possible depuis le Front-Office. lbuisset Page 1 18/09/2008
Plus en détailGuide des fonctions avancées de mywishtv
Guide des fonctions avancées de mywishtv Table des matières Présentation des fonctionalités avancées de mywishtv 3 Raccorder au réseau domestique et à Internet 4 Logiciel serveur dlna pour votre pc 6 Navigation
Plus en détail