Tous les autres noms de produits ou appellations sont des marques déposées ou des noms commerciaux appartenant à leurs propriétaires respectifs.

Dimension: px
Commencer à balayer dès la page:

Download "Tous les autres noms de produits ou appellations sont des marques déposées ou des noms commerciaux appartenant à leurs propriétaires respectifs."

Transcription

1 Manipulation d'image avec le SVG Par Thomas FITCH, Technical Services Team Member, 4D Inc. Note technique 4D FR Version 1 - Date 1 décembre 2010 Résumé Traduction de l'anglais par Bertrand SOUBEYRAND - Soubeyrand Consultant SVG pour Scalable Vector Graphics signifie "graphique vectoriel adaptable" est un format de données conçu pour décrire des ensembles de graphiques vectoriels. Cette note technique s attache à montrer la manipulation d images existantes. Trois transformations seront étudiées : la mise à l échelle, la réflexion et le fondu. Une base exemple accompagne la note technique. 4D Notes techniques Copyright D SAS - Tous droits réservés Tous les efforts ont été faits pour que le contenu de cette note technique présente le maximum de fiabilité possible. Néanmoins, les différents éléments composant cette note technique, et le cas échéant, le code, sont fournis sans garantie d'aucune sorte. L'auteur et 4D SAS déclinent donc toute responsabilité quant à l'utilisation qui pourrait être faite de ces éléments, tant à l'égard de leurs utilisateurs que des tiers. Les informations contenues dans ce document peuvent faire l'objet de modifications sans préavis et ne sauraient en aucune manière engager 4D SAS. La fourniture du logiciel décrit dans ce document est régie par un octroi de licence dont les termes sont précisés par ailleurs dans la licence électronique figurant sur le support du Logiciel et de la Documentation afférente. Le logiciel et sa documentation ne peuvent être utilisés, copiés ou reproduits sur quelque support que ce soit et de quelque manière que ce soit, que conformément aux termes de cette licence. Aucune partie de ce document ne peut être reproduite ou recopiée de quelque manière que ce soit, électronique ou mécanique, y compris par photocopie, enregistrement, archivage ou tout autre procédé de stockage, de traitement et de récupération d'informations, pour d'autres buts que l'usage personnel de l'acheteur, et ce exclusivement aux conditions contractuelles, sans la permission explicite de 4D SAS. 4D, 4ème Dimension, 4D Server, ainsi que tous les logos sont des marques enregistrées de 4D SAS. Windows,Windows NT, Vista, Windows 7, Win 32s et Microsoft sont des marques enregistrées de Microsoft Corporation. ICU Copyright International Business Machines Corporation and others - iodbc Copyright : Open Linck Software - LibZip Copyright 2006 Dieter Baron and Thomas Klausner. OpenSSL : OpenSSL Project for use in the OpenSSL Toolkit. - SYNAPSE Copyright Synapse Developement - XALAN Copyright D SAS/ XERCES Copyright D SAS - zlib Copyright Jean-Loup Gailly and Mark Adler. Apple, Macintosh, QuickTime sont des marques enregistrées ou des noms commerciaux de Apple Computer,Inc. Mac2Win Software Copyright est un produit de Altura Software,Inc. Tous les autres noms de produits ou appellations sont des marques déposées ou des noms commerciaux appartenant à leurs propriétaires respectifs. 1 / 13

2 Manipulation d'image avec le SVG Résumé SVG pour Scalable Vector Graphics signifie "graphique vectoriel adaptable". C'est un format de données conçu pour décrire des ensembles de graphiques vectoriels. Cette note technique s attache à montrer la manipulation d images existantes. Trois transformations seront étudiées : la mise à l échelle, la réflexion et le fondu. Une base exemple accompagne cette note technique. Introduction 4D v12 propose plusieurs outils pour manipuler les images : des bibliothèques PHP, des commandes 4D natives comme TRANSFORMER IMAGE ou encore SVG que cette note technique se propose de mettre en œuvre. SVG est un format de données conçu pour décrire des ensembles de graphiques vectoriels ; SVG est basé sur XML. Il est possible d embarquer différents types d images dans du SVG avec l élément <image>. Quand l inclusion est réalisée, des effets ou des transformations peuvent être appliqués à l image pour en modifier l apparence. Le document SVG dans son intégralité, dont l image embarquée, peut être sauvé dans l application 4D et affiché dans une variable image. Cette note technique explorera trois manipulations d images : la mise à l échelle, la réflexion et le fondu (en anglais le terme «fading» est un terme général qui décrit quelque chose tendant à disparaître, à se transformer en un glissement). Chacune des trois implémentations recours à un style différent et une fois familiarisé avec ces façons de faire, d autres manipulations pourront être implémentées : la distorsion, l étirement, etc. Tirer parti du SVG 4D v12 propose de nombreux outils pour construire des documents SVG. Le composant SVG est depuis la v12 installé par défaut avec 4D et en permanence disponible. Au développeur 4D familier du langage, il rend intuitive la création de documents SVG. Le composant SVG est un incontournable avec lequel il est bon de se familiariser. Pour développer en profondeur avec SVG, il peut être utile de connaître les spécifications du W3C : Notez que le composant SVG de 4D contient tout ce qu il faut pour être utilisé par le développeur débutant SVG et aussi par celui plus avancé. Cependant il ne faut pas perdre de vue que le document qui sera créé et manipulé par les commandes SVG de 4D n est ni plus ni moins qu un document XML modifié dans le composant par les commandes du thème DOM de 4D. En conclusion : le développeur 4D n est pas limité aux commandes SVG du composant. Inclure une image dans SVG On inclut une image dans un document XML à l aide du tag <image>. Voici un exemple d utilisation : 2 / 13

3 <image id="base_image" x="0" y="0" width="1024" height="768" xlink:href="file:///c:/test_images/dock.jpg"/> Le premier élément id permet de créer une référence pour <image> que les commandes de 4D comme SVG FIXER ATTRIBUT pourront utiliser par la suite. Quatre attributs suivent et positionnent l image : x, y, width et height ("largeur" et "hauteur" : les termes restent en anglais dans le code). Ils décrivent un rectangle dont le coin supérieur gauche est en x, y et dont la largeur et la hauteur sont fournies par width et height : l image sera incluse dans ce rectangle. Le dernier attribut permet d accéder au fichier image situé sur le disque dur de l ordinateur. Dans la base de démonstration, le document SVG est créé dans la méthode formulaire Image_Manipulation. La première étape consiste à récupérer le fichier sur le disque dur avec le code suivant : pic_path_t:=dossier 4D(Dossier Resources courant)+"images"+sep_t+"dock.jpg" LIRE FICHIER IMAGE(pic_path_t;$temp_pic_p) Pour les besoins de la démonstration des images de test sont placées dans un dossier d images situé dans le dossier "Resources" de 4D. Remarquez que pour inclure une image, seul son chemin d accès est requis. Comme le montre le code ci-dessus, l image est récupérée dans une variable image grâce à la commande LIRE FICHIER IMAGE. Ensuite on déduit les dimensions de cette image : PROPRIETES IMAGE($temp_pic_p;$pic_width_l;$pic_height_l) La commande PROPRIETES IMAGE retourne la hauteur et la largeur de l image pour les passer comme attributs à l élément <image> à créer. L étape finale doit convertir le chemin d accès à l image en chemin noté au format POSIX. Le code qui suit détaille l opération : $temp_path_t:=convertir chemin Système vers POSIX(pic_path_t) Ces réglages étant réalisés, l élément <image> peut être créé et ajouté. Remarquez que dans le code suivant la variable $svgroot_t fait référence à la racine de l arbre XML (DOM) embarquant le document SVG. Voici un exemple de code créant l'élément <image> : $picreflectref_t:=dom Creer element XML($svgRoot_t;"image";\ "xlink:href";"file:///"+$temp_path_t) S DOM Creer element XML est tout d abord utilisée pour créer un élément image et fixer xlink: href attribut. Le format pour une image sur le disque est "file:///chemin_image" où CHEMIN_IMAGE est bien sûr le chemin d accès à l image sur le disque, chemin dont le nom est noté selon le standard POSIX 3 / 13

4 (Portable Operating System Interface, dont le X exprime l héritage UNIX de l interface de programmation) grâce à la commande 4D Convertir chemin systeme vers POSIX. Le positionnement de l image est défini comme dans le code qui suit : SVG_SET_ATTRIBUTES ($picref_t; \ "width";chaine ($pic_width_l); \ "height";chaine ($pic_height_l); \ "x";"0"; \ "y";"0") La méthode du composant SVG_SET_ATTRIBUTES permet de fixer plusieurs attributs en un unique appel. L image sera affichée en haut et à gauche du document SVG, aux coordonnées 0,0. La largeur et la hauteur ont été placées dans les variables $pic_width_l et $pic_height_l à l aide de la commande PROPRIETES IMAGE. L attribut id est ensuite fixé avec la méthode du composant SVG SVG_SET_ID. SVG_SET_ID ($picref_t; image_id_t) L attribut id est renseigné dans la variable texte image_id_t rendant ainsi possible l appel à l élément <image> durant toute la durée de vie du process. Cela sera utile pour modifier l image SVG avec la commande 4D SVG FIXER ATTRIBUT. La dernière opération pour créer l élément <image> sera de définir un attribut de transformation. Il est créé dans l optique de le modifier plus tard avec SVG FIXER ATTRIBUT. Dans le cas présent c'est une transformation qui est implémentée sans déformation puisque l échelle est de 1 en x et en y. La méthode du composant SVG SVG_SET_TRANSFORM_SCALE est utilisée : SVG_SET_TRANSFORM_SCALE ($picref_t;1;1) Souvenez-vous qu un deuxième élément <image> est créé dans le document de la base de démonstration. C'est l élément utilisé pour la réflexion ; il a pour largeur et hauteur 0. Tant que ses attributs ne seront pas modifiés l image restera invisible. Le code qui suit montre la création de cet élément : $picreflectref_t:=dom Creer element XML($svgRoot_t;"image";"xlink:href";"file:///"+$temp_path_t) SVG_SET_ATTRIBUTES ($picreflectref_t;\ "width";"0";\ "height";"0";\ "x";"0";\ "y";"0") SVG_SET_ID ($picreflectref_t;reflection_id_t) SVG_SET_TRANSFORM_SCALE ($picreflectref_t;1;1) 4 / 13

5 Note : le code qui est décrit utilise souvent la nouvelle possibilité de l'éditeur de méthode qui autorise de casser une ligne de code sur plusieurs niveaux. Mise à l échelle de l image embarquée Une image incorporée dans un document SVG est de suite redimensionnable. Lors de sa création, l élément <image> inclut un attribut de transformation ; c est cet attribut qui est mis à jour quand il est besoin de redimensionner. La transformation utilisée est une mise à l échelle qui modifie les dimensions de l image en largeur et en hauteur. Une mise à l échelle avec la commande 4D SVG FIXER ATTRIBUT se fait dynamiquement. Dans la base exemple les axes x et y sont modifiés dans les mêmes proportions pour ne pas déformer l image, ce qui ne serait pas le cas avec un axe x différent d un axe y. Quand par exemple une image est nouvellement chargée dans la base de démonstration vous voyez ceci : Vous constatez la taille de l image qui déborde quelque peu de sa zone. Après mise à l échelle la même image ressemble à ceci : 5 / 13

6 Il est important de noter que SVG est un format qui permet de redimensionner toute image vectorielle (image réalisée dans Adobe Illustrator, par exemple) sans perte de qualité. Cependant si le document SVG contient une image qui n est pas vectorielle (une image au format gif, jpeg par exemple) celle-ci pixelisera à partir d un taux d agrandissement. Le bouton "Mise à l échelle" de la base exemple va nous permettre d étudier le redimensionnent d une image afin de la contenir dans la variable my_pic_p. Il convient de tout d abord récupérer les informations de l image dans des variables : OBJET LIRE COORDONNEES(*;"my_pic";$left_l;$top_l;$right_l;$bottom_l) LIRE FICHIER IMAGE(pic_path_t;$temp_pic_p) PROPRIETES IMAGE($temp_pic_p;$pic_width_l;$pic_height_l) OBJET LIRE COORDONNEES permet de déduire la hauteur et la largeur de l image en soustrayant coté gauche à côté droit et bas de haut. La commande PROPRIETES IMAGE récupère les mêmes informations sur l image. Avec ces informations l échelle horizontale et l échelle verticale peuvent enfin être calculées comme le montre le code qui suit : $xscale_r:=($right_l-$left_l)/$pic_width_l 6 / 13

7 $yscale_r:=($bottom_l-$top_l)/$pic_height_l $scale_r:=choisir($xscale_r>$yscale_r;$yscale_r;$xscale_r) L échelle est trouvée en divisant la hauteur et la largeur de la variable my_pic_p par la hauteur et la largeur de l image sur le disque. La commande Choisir permet de récupérer la plus petite valeur qui servira de rapport de mise à l échelle. Note : toutes les valeurs décimales doivent être notées avec un point (comme sur les OS anglais). 4D v12 introduit une nouvelle technique pour convertir une valeur décimale à virgule en chaîne avec point : Chaine (12,3;"&xml") $scale_text_t:="scale("+chaine($scale_r;"&xml")+","+chaine($scale_r;"&xml")+")" SVG FIXER ATTRIBUT(*;"my_pic";image_id_t;"transform";$scale_text_t) SVG FIXER ATTRIBUT(*;"my_pic";rect_id_t;"transform";$scale_text_t) Dans ce code on commence par fixer l attribut de transformation sous la forme «scale (0.5,0.5)» qui ici diminuerait une image de 50 %. La commande 4D SVG FIXER ATTRIBUT sert à mettre à jour l attribut "transform" des éléments <image>. Comme à l habitude dans le langage de 4D, si vous désignez un nom d objet vous l'indiquez par une étoile * en premier paramètre suivi du nom d'objet entre guillemets, sinon c est une variable que vous désignez. Vous précisez ensuite la référence de l'objet SVG à mettre à jour. Cet id a été obtenu lors de la création du document SVG. Pour finir les deux derniers paramètres définissent l attribut, dans le cas présent "transform" et sa valeur. SVG FIXER ATTRIBUT est appelé deux fois : pour l image principale et pour sa réflexion. Ajout d une réflexion à une image SVG La procédure pour avoir une réflexion d image peut paraître plus complexe mais en réalité il n en est rien. Il faut récupérer une copie conforme de la 1re image et la positionner en opposition. Cela peut se faire en jouant sur le x et le y de la deuxième image ou bien en faisant sa transformation SVG. Pour finir, on retourne l image grâce à une transformation SVG ; une transformation «scale». Voici un reflet d image : 7 / 13

8 Dans la base de démonstration la première étape a été faite à la création du document SVG, dans la méthode formulaire : $picreflectref_t:=dom Creer element XML($svgRoot_t;"image";\ "xlink:href";"file:///"+$temp_path_t) SVG_SET_ATTRIBUTES ($picreflectref_t;\ "width";"0";\ "height";"0";\ "x";"0";\ "y";"0") SVG_SET_ID ($picreflectref_t;reflection_id_t) SVG_SET_TRANSFORM_SCALE ($picreflectref_t;1;1) Originellement l image est masquée en mettant ses dimensions à zéro. La réflexion de la copie d écran cidessus est réalisée dans le bouton "Reflet". On récupère les coordonnées de l image : OBJET LIRE COORDONNEES(*;"my_pic";$left_l;$top_l;$right_l;$bottom_l) LIRE FICHIER IMAGE(pic_path_t;$temp_pic_p) PROPRIETES IMAGE($temp_pic_p;$pic_width_l;$pic_height_l) On définit ensuite le rapport de mise à l'échelle : 8 / 13

9 $xscale_r:=(($right_l-$left_l-5)/2)/$pic_width_l $yscale_r:=($bottom_l-$top_l)/$pic_height_l $scale_r:=choisir($xscale_r>$yscale_r;$yscale_r;$xscale_r) On prend la largeur et la hauteur de la variable image et on divise par la hauteur et la largeur de l image. Notez qu'on ne prend qu une demi-largeur de la variable qui affiche la photo : en effet il faudra pouvoir placer le reflet de cette dernière à droite de l originale. La commande Choisir fournit la valeur qui servira à donner le rapport d échelle. On peut à présent appliquer la transformation à l image principale : $scale_text_t:="scale("+chaine($scale_r;"&xml")+","+chaine($scale_r;"&xml")+")" SVG FIXER ATTRIBUT(*;"my_pic";image_id_t;"transform";$scale_text_t) Il faut ensuite calculer la transformation de l image réfléchie. La transformation consiste à calculer la distance de déplacement de l élément <image>. Voici le calcul : $translate_r:=((($right_l-$left_l-5)/2)+5)+($scale_r*$pic_width_l) Ensuite on applique : $transform_text_t:="translate("+chaine($translate_r;"&xml")+",0) "+$transform_text_t SVG FIXER ATTRIBUT(*;"my_pic";reflection_id_t;"transform";$transform_text_t;\ "height";$pic_height_l;\ "width";$pic_width_l) Notez comment est renseignée la variable texte $transform_text_t : cela veut dire qu en une passe on appliquera un "translate" et un "scale". Si la mise à l échelle (scale) était appliquée en premier alors la distance de la translation changerait en fonction de la mise à l échelle. La commande 4D SVG FIXER ATTRIBUT est utilisée ici pour fixer l attribut de transformation. On applique à l image réfléchie les mêmes dimensions que pour l image principale. Auparavant l image existait déjà mais était invisible car ses dimensions étaient nulles. C est grâce à l attribut scale avec une valeur négative que se réalise la réflexion de l image : parce que le x est négatif la réflexion se fait en sens opposé. Implémentation d un effet de fondu Pour obtenir un effet de fondu il suffit de placer un rectangle principalement transparent au-dessus de 9 / 13

10 l image principale. À ce rectangle on applique ensuite un dégradé qui va du transparent (opacité 0 %) vers la couleur de fond (opacité 100 %). Voici le résultat : Pour arriver à ce résultat il faut d abord définir une valeur de dégradé lors de la création du document SVG. On crée ensuite le rectangle qui couvre l élément <image> de l image principale ; il sera dans un premier temps caché en lui assignant une largeur et une hauteur nulles. Par la suite le rectangle se déplacera en fonction du redimensionnement de l image principale pour toujours la couvrir et donner cet effet de fondu. La base exemple propose un fondu au blanc. Le dégradé est défini dans la méthode formulaire Image_Manipulation. Voici le code : $defsref_t:=dom Creer element XML($svgRoot_t;"defs") $gradientref_t:=dom Creer element XML($defsRef_t;"linearGradient";\ "id";fade_gradient_t;\ "x1";0;\ "x2";0;\ "y1";0;\ " y2";1) $stop_r:=0 $stop_opacity_r:=0 $stopref_t:=dom Creer element XML($gradientRef_t;"stop";\ "offset";chaine($stop_r;"&xml")+"%";\ "stop-opacity";chaine($stop_opacity_r;"&xml");\ "stop-color";"white") $stop_r:=100 $stop_opacity_r:=0,99 $stopref_t:=dom Creer element XML($gradientRef_t;"stop";\ "offset";chaine($stop_r;"&xml")+"%";\ "stop-opacity";chaine($stop_opacity_r;"&xml");\ "stop-color";"white") 10 / 13

11 Il existe bien une méthode dans le composant pour définir un dégradé : SVG_Define_linear_gradient. Elle n'est pas utilisée dans notre démonstration car elle ne permet pas de contrôler finement l élément <stop> de notre dégradé. Le code 4D ci-dessus génère le code SVG suivant : <defs> <lineargradient id="fade_gradient" x1="0" x2="0" y1="0" y2="1"> <stop offset="0%" stop-color="white" stop-opacity="0"/> <stop offset="100%" stop-color="white" stop-opacity="0.99"/> </lineargradient> </defs> Les balises <defs> </defs> encadrent des définitions qui seront utilisées plus tard. Les symboles et les dégradés sont décrits dans le cadre de ces balises et un URL se référera à eux par la suite dans le document. L élément <lineargradient> décrit le type du dégradé et sa direction. Les attributs x1, x2, y1, y2 précisent dans quelle direction avance le dégradé ; dans le cas où x1 et x2 sont à zéro on comprendra qu il n y a pas de changement de direction sur l axe horizontal x. avec y1 à zéro et y2 à 1 on comprendra qu en haut du dégradé on applique la première couleur et qu en bas du dégradé on applique la deuxième couleur. La couleur et l opacité sont décrites dans l élément <stop>. Chacun de ces éléments <stop> contient une valeur d offset précisant où démarre le dégradé et aussi un attribut stop-color pour définir la couleur jusqu à ce stop. Dans la base exemple les deux stop-color sont le blanc (white) car le dégradé ne change jamais de couleur. Le premier stop offset est fixé à 0 % et le deuxième à 100 % : de cette façon tout le rectangle est couvert par le dégradé. Le dernier attribut est stop-opacity décrit le niveau d opacité à un endroit donné. L opacité est répartie entre les deux stops ; dans notre cas elle débute à 0 et progresse jusqu à 0.99 en bas du rectangle. Ceci étant fait, nous avons un beau dégradé dans un rectangle qu il faut ajouter. La méthode formulaire montre cela : $rectref_t:=svg_new_rect ($svgroot_t;0;0;-1;-1;0;0;url_fade_gradient_t;url_fade_gradient_t) SVG_SET_ID ($rectref_t;rect_id_t) $rectreflectref_t:=svg_new_rect ($svgroot_t;0;0;-1;-1;0;0;url_fade_gradient_t;url_fade_gradient_t) SVG_SET_ID ($rectreflectref_t;rect_reflect_id_t) On crée un rectangle avec la méthode du composant SVG_New_rect, en haut et à gauche du document SVG. Largeur et hauteur sont nulles pour le rendre invisible. Les deux dernières valeurs définissent un arrondi du rectangle dessiné. Comme nous voulons des angles droits c est 0 qui est passé. Arrivent les couleurs d arrière-plan et d avant-plan : Ce sont des URL qui pointent sur le dégradé créé précédemment. La valeur de ces variables texte est "url(#fade_gradient)". La valeur fade_gradient est l id du dégradé : on pointe vers l élément <defs> du document pour y trouver la couleur du rectangle. Remarquez que deux rectangles ont été créés et sont référencés par deux id utilisés pour leurs modifications. 11 / 13

12 Le redimensionnement de chaque rectangle est fait par une transformation «scale». Le code qui suit est un présent dans la base dès lors qu il est question de redimensionner un élément <image>. Dans l exemple nous avons deux rectangles qui se superposent. Dans la méthode objet du bouton "Placer " on utilise le code qui suit à chaque fois qu une image est importée et ainsi cacher les rectangles : SVG FIXER ATTRIBUT(*;"my_pic";rect_id_t;\ "width";-1;\ "height";-1;\ "transform";"scale(1,1)") SVG FIXER ATTRIBUT(*;"my_pic";rect_reflect_id_t;\ "width";-1;\ "height";-1;\ "transform";"scale(1,1)") En premier lieu on passe le nom d'objet my_pic à la commande de 4D SVG FIXER ATTRIBUT et ainsi définir l'objet allant contenir l image SVG. Puis on passe l id des rectangles (rect_id_t et rect_reflect_id_t) pour pouvoir modifier leurs attributs respectifs. Les dimensions appliquées permettent de cacher les rectangles. L attribut "scale" est fixé à (1,1) : cela signifie que la taille originale sera respectée quand on n appliquera plus l attribut "scale". Le code qui vient est contenu dans le bouton "Dégradé vers le transparent" ; il permet d afficher les rectangles du fondu : LIRE FICHIER IMAGE(pic_path_t;$temp_pic_p) PROPRIETES IMAGE($temp_pic_p;$pic_width_l;$pic_height_l) SVG FIXER ATTRIBUT(*;"my_pic";rect_id_t;\ "width";chaine($pic_width_l;"&xml");\ "height";chaine($pic_height_l;"&xml")) Si (reflect_b=vrai) SVG FIXER ATTRIBUT(*;"my_pic";rect_reflect_id_t;\ "width";chaine($pic_width_l;"&xml");\ "height";chaine($pic_height_l;"&xml")) Fin de si LIRE FICHIER IMAGE et PROPRIETES IMAGE récupèrent les dimensions de l'image à montrer. Les deux SVG FIXER ATTRIBUT fixent les hauteurs et largeurs des rectangles. Aucune transformation n est appliquée car elles le seront en même temps. De cette façon les rectangles correspondent à la transformation de l image qu ils doivent recouvrir. Utilisation de la base de démonstration La base exemple qui accompagne cette note technique est simple d utilisation. Il n y a qu un formulaire projet Image_Manipulation ; il est ouvert au lancement de l application. 12 / 13

13 Et quatre boutons : Placer : il permet d importer une image à modifier ; Mise à l échelle : il met l image à une échelle telle que l image importée est contenue en largeur et en hauteur dans la variable ; Reflet : il ajoute un double de l image tel un reflet sur une surface brillante ; Dégradé vers le transparent : il ajoute un dégradé au blanc donnant une impression de fondu de l image importée. Conclusion Cette note technique décrit trois implémentations pour manipuler une image en SVG dans 4D. Les effets peuvent être appliqués à une grande variété d images pour la plus grande satisfaction. Les bases explorées dans cette Note technique peuvent certainement être élargies dans d autres applications personnelles. Par exemple, une méthode a montré le fondu d une image au blanc vers le bas. Une manipulation similaire pourrait être mise en œuvre avec un fondu au noir, le dégradé étant concentrique faisant disparaître les angles plutôt que le bas. Une autre méthode a montré le redimensionnement d une image. Ici il était parfaitement proportionnel mais il aurait aussi été possible de distordre ou d étirer l image. SVG offre de puissantes fonctions de manipulation d images ; de nombreuses possibilités existent dans les spécifications SVG pour encore plus de manipulations! 13 / 13

Tous les autres noms de produits ou appellations sont des marques déposées ou des noms commerciaux appartenant à leurs propriétaires respectifs.

Tous les autres noms de produits ou appellations sont des marques déposées ou des noms commerciaux appartenant à leurs propriétaires respectifs. Envoi d'e-mail Par Mélinda GALLO, 4D Today Note technique 4D-200210-32-FR Version 1 Date 10 Octobre 2002 Résumé Cette note technique explique comment envoyer un email à partir d un serveur de messagerie

Plus en détail

Tous les autres noms de produits ou appellations sont des marques déposées ou des noms commerciaux appartenant à leurs propriétaires respectifs.

Tous les autres noms de produits ou appellations sont des marques déposées ou des noms commerciaux appartenant à leurs propriétaires respectifs. 4D Debug log analyzer Par Josh FLETCHER, Ingénieur support technique, 4D Inc. Note technique 4D-201003-06-FR Version 1 - Date 1 mars 2010 Résumé Cette note technique LogAnalyser et sa base fournissent

Plus en détail

Tous les autres noms de produits ou appellations sont des marques déposées ou des noms commerciaux appartenant à leurs propriétaires respectifs.

Tous les autres noms de produits ou appellations sont des marques déposées ou des noms commerciaux appartenant à leurs propriétaires respectifs. Apache, Mod_proxy et 4D Par Timothy PENNER, Technical Services Team Member, 4D Inc. Note technique 4D-201003-05-FR Version 1 - Date 1 mars 2010 Résumé Cette note technique porte sur l utilisation du serveur

Plus en détail

Tous les autres noms de produits ou appellations sont des marques déposées ou des noms commerciaux appartenant à leurs propriétaires respectifs.

Tous les autres noms de produits ou appellations sont des marques déposées ou des noms commerciaux appartenant à leurs propriétaires respectifs. Connexion à 4D Server depuis une page ASP Par Noreddine MARGOUM, Technicien Contrôle Qualité, 4D S.A. Note technique 4D-200403-08-FR Version 1 Date 1 Mars 2004 Résumé Le propos de cette note technique

Plus en détail

4e Dimension Clés XML Backup. Windows /Mac OS 4e Dimension 2006 4D SA. Tous droits réservés.

4e Dimension Clés XML Backup. Windows /Mac OS 4e Dimension 2006 4D SA. Tous droits réservés. 4e Dimension Clés XML Backup Windows /Mac OS 4e Dimension 2006 4D SA. Tous droits réservés. 4e Dimension Clés XML Backup Copyright 2006 4D SA Tous droits réservés. Les informations contenues dans ce manuel

Plus en détail

Importation et exportation de contenu

Importation et exportation de contenu Importation et exportation de contenu Bienvenue dans Corel DESIGNER, programme de dessin vectoriel complet destiné à la création de graphiques techniques. Dans ce didacticiel, vous allez importer un fichier

Plus en détail

Tous les autres noms de produits ou appellations sont des marques déposées ou des noms commerciaux appartenant à leurs propriétaires respectifs.

Tous les autres noms de produits ou appellations sont des marques déposées ou des noms commerciaux appartenant à leurs propriétaires respectifs. 4D v12 et LDAP Par Jesse PINA, Membre des Services techniques, 4D Inc. Note technique 4D-201009-17-FR Version 1 - Date 1 septembre 2010 Résumé Traduction de l'anglais par Djompolo Tandjigora, Ingénieur

Plus en détail

Tous les autres noms de produits ou appellations sont des marques déposées ou des noms commerciaux appartenant à leurs propriétaires respectifs.

Tous les autres noms de produits ou appellations sont des marques déposées ou des noms commerciaux appartenant à leurs propriétaires respectifs. Le framework YUI et le développement 4D Par Olivier DESCHANELS, Responsable Programme 4D S.A. Note technique 4D-201004-08-FR Version 1 - Date 1 avril 2010 Résumé Dans la présente note technique, nous allons

Plus en détail

Initiation à linfographie

Initiation à linfographie Ce support de cours de l Agence universitaire de la Francophonie est distribué sous licence GNU FDL. Permission vous est donnée de copier, distribuer et/ou modifier ce document selon les termes de la Licence

Plus en détail

Création de maquette web

Création de maquette web Création de maquette web avec Fireworks Il faut travailler en 72dpi et en pixels, en RVB Fireworks étant un logiciel dédié à la création de maquettes pour le web il ne propose que les pixels pour le texte

Plus en détail

Voici quelques-unes des questions auxquelles répond cette présentation.

Voici quelques-unes des questions auxquelles répond cette présentation. Qu est-ce que l édition d images? Quels sont les formats d image possibles? Quels sont les logiciels permettant de la pratiquer? Voici quelques-unes des questions auxquelles répond cette présentation.

Plus en détail

Modules Multimédia PAO (Adobe)

Modules Multimédia PAO (Adobe) Modules Multimédia PAO (Adobe) Pré-requis : Bonne maîtrise de la manipulation d'un PC (environnement Windows ou Mac) et de la navigation Internet. Disposition pour le graphisme recommandée. Mémoire visuelle,

Plus en détail

Permission is granted to copy, distribute and/or modify this document under the terms of the GNU Free Documentation License,

Permission is granted to copy, distribute and/or modify this document under the terms of the GNU Free Documentation License, Langage HTML Copyright 2010 tv Permission is granted to copy, distribute and/or modify this document under the terms of the GNU Free Documentation License, Version 1.1 or any

Plus en détail

Cours de numérisation sur Epson Perfection

Cours de numérisation sur Epson Perfection Cours de numérisation sur Epson Perfection 1- Vérifiez la propreté de la vitre, placez l original sur celle-ci. À savoir, on peut numériser des transparents avec ce scanner ; il a un capteur CCD dans le

Plus en détail

Cahier n o 6. Mon ordinateur. Fichiers et dossiers Sauvegarde et classement

Cahier n o 6. Mon ordinateur. Fichiers et dossiers Sauvegarde et classement Cahier n o 6 Mon ordinateur Fichiers et dossiers Sauvegarde et classement ISBN : 978-2-922881-10-3 2 Table des matières Fichiers et dossiers Sauvegarde et classement La sauvegarde 4 Enregistrer 4 De quelle

Plus en détail

Comment utiliser FileMaker Pro avec Microsoft Office

Comment 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étail

Logiciel (Système d impression directe)

Logiciel (Système d impression directe) Manuel d utilisation Logiciel (Système ) Systèmes d imagerie numérique Paramétrage du Système Utilisation du Système Description générale Configuration requise Il est recommandé de lire attentivement ce

Plus en détail

Prise en main du logiciel. Smart BOARD Notebook 10

Prise en main du logiciel. Smart BOARD Notebook 10 Prise en main du logiciel Smart BOARD Notebook 10 1. Introduction : Le logiciel Smart BOARD est utilisable avec les tableaux blancs interactifs de la gamme SMART. Toutefois, il n'est pas nécessaire d'avoir

Plus en détail

Tutoriel. Votre site web en 30 minutes

Tutoriel. 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étail

Comment intégrer des images dans un texte

Comment intégrer des images dans un texte Quoi de plus utile que de pouvoir ajouter une image, un graphique à un commentaire afin d étoffer celui-ci. C est possible de le faire de plusieurs façon dans le forum Météocentre. Cependant il faut limiter

Plus en détail

Langage HTML (2 partie) <HyperText Markup Language> <tv>lt La Salle Avignon BTS IRIS</tv>

Langage HTML (2 partie) <HyperText Markup Language> <tv>lt La Salle Avignon BTS IRIS</tv> Langage HTML (2 partie) «Je n'ai fait que prendre le principe d - hypertexte et le relier au principe du TCP et du DNS et alors boum! ce fut le World Wide Web!» Tim Berners-Lee

Plus en détail

Créer un modèle Impress

Créer un modèle Impress Auto-formation sur OpenOffice.org 2.0 par Cyril Beaussier Version 1.0.24 - Janvier 2006 Créer un modèle Impress Sommaire Introduction... 2 Présentation... 3 Création du modèle... 4 Passage en mode Masque...

Plus en détail

GESTION DU LOGO. 1. Comment gérer votre logo? 2. 2.1. Format de l image 7 2.2. Dimensions de l image 8 2.3. Taille de l image 9

GESTION DU LOGO. 1. Comment gérer votre logo? 2. 2.1. Format de l image 7 2.2. Dimensions de l image 8 2.3. Taille de l image 9 GESTION DU LOGO 1. Comment gérer votre logo? 2 1.1. Insérer un logo 3 1.1.1. Insérer un logo dans le bandeau 3 1.1.2. Insérer un logo dans les éditions 4 1.2. Supprimer un logo 6 1.2.1. Supprimer un logo

Plus en détail

Optimisation de 4D Server et 4D Web Server. Résumé. 4D Notes techniques

Optimisation de 4D Server et 4D Web Server. Résumé. 4D Notes techniques Optimisation de 4D Server et 4D Web Server Par Chiheb NASR, Ingénieur Contrôle Qualité, 4D SA Note technique 4D-200312-34-FR Version 1 Date 1 Décembre 2003 Résumé Dans cetteprésentenotenous passons en

Plus en détail

Single User. Guide d Installation

Single User. Guide d Installation Single User Guide d Installation Copyright 2012, Canto GmbH. Tous droits réservés. Canto, le logo Canto, le logo Cumulus et l'appellation Cumulus sont des marques de Canto, déposées aux États-Unis et dans

Plus en détail

VOCABULAIRE LIÉ AUX ORDINATEURS ET À INTERNET

VOCABULAIRE 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étail

Support de formation Notebook

Support de formation Notebook Support de formation Notebook Guide de l utilisateur du tableau interactif SMART Board Table des matières Le Tableau Blanc Interactif... 1 Comprendre le fonctionnement du TBI... 1 Utiliser le plumier

Plus en détail

LES GRANDES ETAPES DE CREATION D UN WEB DESIGN

LES 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étail

ORACLE TUNING PACK 11G

ORACLE TUNING PACK 11G ORACLE TUNING PACK 11G PRINCIPALES CARACTÉRISTIQUES : Conseiller d'optimisation SQL (SQL Tuning Advisor) Mode automatique du conseiller d'optimisation SQL Profils SQL Conseiller d'accès SQL (SQL Access

Plus en détail

Chapitre 22 Optimisation pour diffusion à l'écran, pour le web

Chapitre 22 Optimisation pour diffusion à l'écran, pour le web 1 1 9 9 7 7 Optimisation pour diffusion à l'écran, pour le web Diffusion pour le web........................ 31 Les paramètres avant l exportation................. 31 Optimisation pour le web......................

Plus en détail

Conservez la documentation à portée de main pour toute référence future. Le terme «pointeur» dans ce manuel désigne le pointeur interactif YA-P10.

Conservez la documentation à portée de main pour toute référence future. Le terme «pointeur» dans ce manuel désigne le pointeur interactif YA-P10. Presentation Draw F Mode d emploi Conservez la documentation à portée de main pour toute référence future. Le terme «pointeur» dans ce manuel désigne le pointeur interactif YA-P10. Microsoft, Windows et

Plus en détail

Créer le schéma relationnel d une base de données ACCESS

Créer le schéma relationnel d une base de données ACCESS Utilisation du SGBD ACCESS Polycopié réalisé par Chihab Hanachi et Jean-Marc Thévenin Créer le schéma relationnel d une base de données ACCESS GENERALITES SUR ACCESS... 1 A PROPOS DE L UTILISATION D ACCESS...

Plus en détail

Base de Connaissances SiteAudit. Utiliser les Rapports Planifiés. Sommaire des Fonctionnalités. Les Nouveautés

Base de Connaissances SiteAudit. Utiliser les Rapports Planifiés. Sommaire des Fonctionnalités. Les Nouveautés Base de Connaissances SiteAudit Utiliser les Rapports Planifiés Avril 2010 Dans cet article: Sommaire des fonctionnalités Les nouveautés Planifier des rapports SiteAudit 4.0 fournit une nouvelle interface

Plus en détail

Manuel Utilisateur Version 1.6 Décembre 2001

Manuel Utilisateur Version 1.6 Décembre 2001 Manuel Utilisateur Version 1.6 Décembre 2001 Table des matières TABLE DES MATIERES 2 PRESENTATION 4 À PROPOS DU FORMAT PDF 4 PDFMAIL : L ASSOCIATION DU FORMAT PDF ET DE L EMAIL 4 PRINCIPE DE FONCTIONNEMENT

Plus en détail

2013 Pearson France Adobe Illustrator CC Adobe Press

2013 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

Structure du format BMP, sa lecture, sa construction et son écriture

Structure du format BMP, sa lecture, sa construction et son écriture Structure du format BMP, sa lecture, sa construction et son écriture Claude Parisel Mars 2003 Table des matières : 1. Le choix du format 2. Commentaires sur les autres formats 3. Format BMP pour noir&blanc,

Plus en détail

L espace de travail de Photoshop

L 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étail

Traitement numérique de l'image. Raphaël Isdant - 2009

Traitement numérique de l'image. Raphaël Isdant - 2009 Traitement numérique de l'image 1/ L'IMAGE NUMÉRIQUE : COMPOSITION ET CARACTÉRISTIQUES 1.1 - Le pixel: Une image numérique est constituée d'un ensemble de points appelés pixels (abréviation de PICture

Plus en détail

Your Detecting Connection. Manuel de l utilisateur. support@xchange2.net

Your 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étail

MEGA ITSM Accelerator. Guide de Démarrage

MEGA ITSM Accelerator. Guide de Démarrage MEGA ITSM Accelerator Guide de Démarrage MEGA 2009 SP4 1ère édition (juin 2010) Les informations contenues dans ce document pourront faire l objet de modifications sans préavis et ne sauraient en aucune

Plus en détail

Pages 08 Guide de l utilisateur

Pages 08 Guide de l utilisateur Pages 08 Guide de l utilisateur K Apple Inc. 2008 Apple Inc. Tous droits réservés. Ce manuel est soumis aux lois sur le droit d auteur et ne peut être copié, totalement ou partiellement, sans le consentement

Plus en détail

Utiliser le logiciel Photofiltre Sommaire

Utiliser le logiciel Photofiltre Sommaire Utiliser le logiciel Photofiltre Sommaire 1. Quelques mots sur l image 2. Obtenir des images numériques 3. Le tableau de bord de logiciel PhotoFiltre 4. Acquérir une image 5. Enregistrer une image 6. Redimensionner

Plus en détail

Licence de Biologie, 1ère année. Aide. [Aide 1] Comment utiliser l'explorateur Windows? Comment créer des dossiers?

Licence de Biologie, 1ère année. Aide. [Aide 1] Comment utiliser l'explorateur Windows? Comment créer des dossiers? Aide [Aide 1] Comment utiliser l'explorateur Windows? Comment créer des dossiers? Au sein d'un ordinateur, les données et les fichiers sont stockés suivant une structure d'arbre appelée arborescence. Pour

Plus en détail

MANUEL UTILISATEUR. Application 4trip

MANUEL UTILISATEUR. Application 4trip * MANUEL UTILISATEUR Application 4trip Table des matières 1. Introduction... 1 1.1. Description globale du produit... 1 1.2. Description de la finalité du manuel... 1 2. Manuel d utilisation... 2 2.1.

Plus en détail

Tous les autres noms de produits ou appellations sont des marques déposées ou des noms commerciaux appartenant à leurs propriétaires respectifs.

Tous les autres noms de produits ou appellations sont des marques déposées ou des noms commerciaux appartenant à leurs propriétaires respectifs. Détecter et suivre un problème TCP/IP (partie 1) Par David ADAMS Note technique 4D-200308-22-FR Version 1 Date 1 Août 2003 Résumé Le débogueur est un fabuleux outil pour traquer les problèmes au sein de

Plus en détail

Introduction à Expression Web 2

Introduction à Expression Web 2 Introduction à Expression Web 2 Définitions Expression Web 2 est l éditeur HTML de Microsoft qui répond aux standard dew3c. Lorsque vous démarrez le logiciel Expression Web 2, vous avez le choix de créer

Plus en détail

Guide de réalisation d une campagne e-mail marketing

Guide de réalisation d une campagne e-mail marketing Guide de réalisation d une campagne e-mail marketing L ère des envois d e-mails en masse est révolue! Laissant la place à une technique d e-mail marketing ciblé, personnalisé, segmenté et pertinent. La

Plus en détail

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.

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

Numérisation. Copieur-imprimante WorkCentre C2424

Numé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

PAGE 1. L écran du logiciel d Open Office Draw. Barre de menu: Les commandes du logiciel

PAGE 1. L écran du logiciel d Open Office Draw. Barre de menu: Les commandes du logiciel PAGE L écran du logiciel d Open Office Draw Nom du document : Nom d enregistrement Barre de mise forme: Ligne, couleurs, fond,... Barre de menu: Les commandes du logiciel Barre d outils: Les boutons de

Plus en détail

PR OC E D U RE S D E B A S E

PR OC E D U RE S D E B A S E Photofiltre Préparé par Philipe Lampron, auxiliaire du cours FPE 7650 en 2004-2005. *** Pour optimiser une image : enregistrer sous et augmenter la compression PR OC E D U RE S D E B A S E PhotoFiltre

Plus en détail

LANGAGUE JAVA. Public Développeurs souhaitant étendre leur panel de langages de programmation

LANGAGUE JAVA. Public Développeurs souhaitant étendre leur panel de langages de programmation ING 01 LANGAGUE JAVA Durée : 21 heures 1090 HT / jour Dates : à définir en 2012 Concevoir et développer des programmes en langage Java Comprendre le fonctionnement de la machine virtuelle S approprier

Plus en détail

pcon.planner 6 Préparer et présenter une implantation en toute simplicité

pcon.planner 6 Préparer et présenter une implantation en toute simplicité pcon.planner 6 Préparer et présenter une implantation en toute simplicité Sommaire 1. Installation :... 3 2. Démarrer le logiciel :... 3 3. Interface :... 3 4. Naviguer :... 4 5. Réaliser une implantation

Plus en détail

Infolettre #18 : Les graphiques avec Excel 2010

Infolettre #18 : Les graphiques avec Excel 2010 Infolettre #18 : Les graphiques avec Excel 2010 Table des matières Introduction... 1 Hourra! Le retour du double-clic... 1 Modifier le graphique... 4 Onglet Création... 4 L onglet Disposition... 7 Onglet

Plus en détail

4D v11 SQL BREAKING THE LIMITS * Les nouveautés

4D v11 SQL BREAKING THE LIMITS * Les nouveautés BREAKING THE LIMITS * *Dépasser les limites 4D v11 SQL Les nouveautés SQL natif intégré Nouveau moteur de base de données ultra-performant Productivité de développement inégalée Architecture Universal

Plus en détail

Niveau 1. Atelier d'initiation à l'ordinateur ... Fondation de la Bibliothèque Memphrémagog inc. Magog (Québec) J1X 2E7 Tél.

Niveau 1. Atelier d'initiation à l'ordinateur ... Fondation de la Bibliothèque Memphrémagog inc. Magog (Québec) J1X 2E7 Tél. . Fondation de la Bibliothèque Memphrémagog inc. Magog (Québec) J1X 2E7 Tél. : 843-1330 Atelier d'initiation à l'ordinateur Niveau 1.......... JB septembre 20085 1 Section I : Introduction à l ordinateur

Plus en détail

Optimiser pour les appareils mobiles

Optimiser 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étail

www.geomaticien.com Par Daniel FAIVRE WebMapper ... Publication de cartes pour Internet avec ArcGis

www.geomaticien.com Par Daniel FAIVRE WebMapper ... Publication de cartes pour Internet avec ArcGis www.geomaticien.com. Par Daniel FAIVRE WebMapper......... Publication de cartes pour Internet avec ArcGis WebMapper Publication de cartes pour le web Fonctionnalités de l'application WebMapper exporte

Plus en détail

Introduction à. Oracle Application Express

Introduction à. Oracle Application Express Introduction à Oracle Application Express Sommaire Qu est-ce que Oracle Application Express (APEX)? Vue d ensemble des fonctionnalités et des différents composants d Oracle APEX Démonstration de création

Plus en détail

Dans l idéal, ceci devrait être fait en amont pour chaque image envoyée sur l espace de stockage de votre site internet.

Dans l idéal, ceci devrait être fait en amont pour chaque image envoyée sur l espace de stockage de votre site internet. 1- Optimiser le poids de votre image : Dans l idéal, ceci devrait être fait en amont pour chaque image envoyée sur l espace de stockage de votre site internet. Tous les types d utilisateurs (auteur, publicateur,

Plus en détail

Corrigé de l'atelier pratique du module 5 : Analyse de SQL Server

Corrigé de l'atelier pratique du module 5 : Analyse de SQL Server Corrigé de l'atelier pratique du module 5 : Analyse de SQL Server Table des matières Atelier pratique 5 : Analyse de SQL Server 1 Exercice 1 : Analyse des performances SQL Server 1 Exercice 2 : Suivi de

Plus en détail

Formation : WEbMaster

Formation : WEbMaster Formation : WEbMaster Objectif et Description : Centre Eclipse vous propose une formation complète WebMaster, vous permettant de : Utiliser dès maintenant les nouveautés du web2, ainsi alléger les besoins

Plus en détail

Création et utilisation de formulaire pdf

Création et utilisation de formulaire pdf Création et utilisation de formulaire pdf Grâce à Adobe Acrobat, il est plus facile de créer, de remplir et d envoyer des formulaires électroniques PDF. Vous pouvez concevoir et créer un formulaire complètement

Plus en détail

26 Centre de Sécurité et de

26 Centre de Sécurité et de 26 Centre de Sécurité et de Maintenance La fenêtre du Centre de sécurité et de maintenance (CSM) rassemble tous les outils nécessaires au contrôle, à l analyse, à la maintenance, à la sauvegarde et au

Plus en détail

www.imprimermonlivre.com

www.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étail

ecafé TM EMAIL CENTER

ecafé TM EMAIL CENTER ecafé TM EMAIL CENTER Manuel de l'utilisateur 1/18 TABLE DES MATIÈRES 1. INTRODUCTION...3 2. PREMIERE UTILISATION : AJOUTER SON COMPTE EMAIL PRINCIPAL...4 3. ENVOYER / RECEVOIR DES EMAILS...7 4. RETROUVER

Plus en détail

4D v12. Mise à jour Windows /Mac OS. 4D 1985-2010 4D SAS. Tous droits réservés.

4D v12. Mise à jour Windows /Mac OS. 4D 1985-2010 4D SAS. Tous droits réservés. 4D v12 Mise à jour Windows /Mac OS 4D 1985-2010 4D SAS. Tous droits réservés. 4D v12 - Mise à jour Versions Windows and Mac OS Copyright 1985-2010 4D SAS. Tous droits réservés. Les informations contenues

Plus en détail

Atelier Formation Pages sur ipad Pages sur ipad

Atelier Formation Pages sur ipad Pages sur ipad Pages sur ipad 1/43 Table des matières Atelier Formation Pages sur ipad Introduction à Pages 3 Créer ou ouvrir un document 3 Créer ou ouvrir un document 3 Textes et images du modèle 4 Remplacer du texte

Plus en détail

Dans l Unité 3, nous avons parlé de la

Dans l Unité 3, nous avons parlé de la 11.0 Pour commencer Dans l Unité 3, nous avons parlé de la manière dont les designs sont créés dans des programmes graphiques tels que Photoshop sont plus semblables à des aperçus de ce qui va venir, n

Plus en détail

L ÉDITEUR DE COMPOSANTS A PROPOS DE LA TRADUCTION.

L ÉDITEUR DE COMPOSANTS A PROPOS DE LA TRADUCTION. PRISE EN MAIN DE FRITZING (2) LA CRÉATION DE COMPOSANTS 2007-2010 University of Applied Sciences Potsdam Site Internet de Fritzing : http://fritzing.org/ Traduction française : Yves MERGY A PROPOS DE LA

Plus en détail

Bureautique Initiation Excel-Powerpoint

Bureautique Initiation Excel-Powerpoint Module de Formation Personnalisée : Bureautique Initiation Excel-Powerpoint Durée : jours ouvrables Prix : Formation personnalisée en vue d obtenir les notions de base indispensables pour : Excel Office

Plus en détail

Votre site Internet avec FrontPage Express en 1 heure chrono

Votre site Internet avec FrontPage Express en 1 heure chrono 1.1. Précautions préliminaires Votre site Internet avec FrontPage Express en 1 heure chrono Le contenu de ce site n'est pas très élaboré mais il est conçu uniquement dans un but pédagogique. Pour débuter,

Plus en détail

Formation > Développement > Internet > Réseaux > Matériel > Maintenance

Formation > Développement > Internet > Réseaux > Matériel > Maintenance Formation > Développement > Internet > Réseaux > Matériel > Maintenance SOMMAIRE 1. ACCEDER A L'INTERFACE D'ADMINISTRATION...5 1.1. Le navigateur... 5 1.2. L'interface d'administration... 5 2. METTRE

Plus en détail

SUGARCRM Sugar Open Source Guide d Installation de French SugarCRM Open Source Version 4.2

SUGARCRM Sugar Open Source Guide d Installation de French SugarCRM Open Source Version 4.2 SUGARCRM Sugar Open Source Guide d Installation de French SugarCRM Open Source Version 4.2 Version 1.0.5 Mentions légales Mentions légales Ce document est susceptible de modification à tout moment sans

Plus en détail

Les calques : techniques avancées

Les 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étail

Système de Tableau Blanc Interactif Manuel d Utilisation

Système de Tableau Blanc Interactif Manuel d Utilisation Système de Tableau Blanc Interactif Manuel d Utilisation Table des Matières Ce qu il y a dans la Boîte 1 L Essentiel 1 Deux Manières de l Utiliser 2 Comment Ça Marche 3 Apprendre à le Connaître 4 L installer

Plus en détail

À la découverte de l ordinateur

À la découverte de l ordinateur À la découverte de l ordinateur Au début de l informatique, la seule possibilité pour communiquer avec l ordinateur était d écrire des lignes de code pour lui donner des ordres et obtenir des résultats

Plus en détail

LECON 2 : PROPRIETES DE L'AFFICHAGE Version aout 2011

LECON 2 : PROPRIETES DE L'AFFICHAGE Version aout 2011 LECON 2 : PROPRIETES DE L'AFFICHAGE Version aout 2011 COPIER LE FICHIER LECON 1_02 DU DISQUE D : VERS LA CLE USB Cliquez gauche deux fois sur l'icône POSTE DE TRAVAIL Cliquez gauche deux fois sur DONNEES

Plus en détail

Formats d images. 1 Introduction

Formats d images. 1 Introduction Formats d images 1 Introduction Lorsque nous utilisons un ordinateur ou un smartphone l écran constitue un élément principal de l interaction avec la machine. Les images sont donc au cœur de l utilisation

Plus en détail

Guide de l administrateur DOC-OEMCS8-GA-FR-29/09/05

Guide de l administrateur DOC-OEMCS8-GA-FR-29/09/05 Guide de l administrateur DOC-OEMCS8-GA-FR-29/09/05 Les informations contenues dans le présent manuel de documentation ne sont pas contractuelles et peuvent faire l objet de modifications sans préavis.

Plus en détail

FORMATION PcVue. Mise en œuvre de WEBVUE. Journées de formation au logiciel de supervision PcVue 8.1. Lieu : Lycée Pablo Neruda Saint Martin d hères

FORMATION PcVue. Mise en œuvre de WEBVUE. Journées de formation au logiciel de supervision PcVue 8.1. Lieu : Lycée Pablo Neruda Saint Martin d hères FORMATION PcVue Mise en œuvre de WEBVUE Journées de formation au logiciel de supervision PcVue 8.1 Lieu : Lycée Pablo Neruda Saint Martin d hères Centre ressource Génie Electrique Intervenant : Enseignant

Plus en détail

Manuel d utilisation Logiciel (Communications Utility)

Manuel d utilisation Logiciel (Communications Utility) Manuel d utilisation Logiciel (Communications Utility) Pour les systèmes d imagerie numérique Configuration requise Description générale Il est recommandé de lire attentivement ce manuel d utilisation

Plus en détail

FAQ Trouvez des solutions aux problématiques techniques.

FAQ Trouvez des solutions aux problématiques techniques. FAQ Trouvez des solutions aux problématiques techniques. 1. Au lieu des livres numériques dont je m'attendais, j'ai téléchargé un fichier qui s'intitule «urllink.acsm». Où est le livre numérique? 2. Comment

Plus en détail

Usage des photos pour Internet et pour la presse

Usage des photos pour Internet et pour la presse Usage des photos pour Internet et pour la presse Que ce soit sur Internet ou dans la presse, l'usage de photographies a la même fonction qui est d illustrer le propos. Pour bien jouer son rôle d information

Plus en détail

La technologie au collège

La technologie au collège La technologie au collège Qu est-ce qu un fichier? DOC 0 En informatique, la notion de fichier et omniprésente. Lors de l'utilisation d'un PC, il nous arrive fréquemment d'en copier, d'en effacer, d'en

Plus en détail

PRODIGE V3. Manuel utilisateurs. Consultation des métadonnées

PRODIGE V3. Manuel utilisateurs. Consultation des métadonnées PRODIGE V3 Manuel utilisateurs Consultation des métadonnées Pour plus d'information sur le dispositif : à remplir par chaque site éventuellement 2 PRODIGE V3 : Consultation des métadonnées SOMMAIRE 1.

Plus en détail

Utilisation du logiciel Epson Easy Interactive Tools

Utilisation du logiciel Epson Easy Interactive Tools Utilisation du logiciel Epson Easy Interactive Tools Ce logiciel permet d'utiliser le stylo electronique comme souris pour contrôler l'ordinateur depuis l'écran et comme feutre électronique pour écrire

Plus en détail

Manuel d utilisation. Logiciel (Device Monitor) Pour les systèmes d imagerie numérique. Configuration requise Description générale

Manuel d utilisation. Logiciel (Device Monitor) Pour les systèmes d imagerie numérique. Configuration requise Description générale Manuel d utilisation Logiciel (Device Monitor) Pour les systèmes d imagerie numérique Configuration requise Description générale Démarrage et paramétrage de Device Monitor Il est recommandé de lire attentivement

Plus en détail

!!! La solution bureautique collaborative 100% gratuite!!!

!!! La solution bureautique collaborative 100% gratuite!!! !!! La solution bureautique collaborative 100% gratuite!!! SOMMAIRE 1. Présentation de Google Drive 2. L'accès à Google Drive 3. Créer & gérer ses documents 4. Une suite multi-utilisateur 5. l importation

Plus en détail

Guide d utilisation et d administration

Guide d utilisation et d administration Guide d utilisation et d administration Guide d utilisation et d administration l Sommaire Logo Vtiger...1 Chapitre 1. Premières étapes...5 Devenir un utilisateur...5 Installation sur PC et autres conditions...5

Plus en détail

Publication Assistée par Ordinateur

Publication Assistée par Ordinateur Présentation OpenOffice Draw est l'outil de dessin vectoriel de la suite bureautique OpenOffice. De fait, Draw permet de réaliser certains documents comparables à ceux de Publisher, le logiciel de P.A.O.

Plus en détail

PHPWEBSITE -Tutoriel image

PHPWEBSITE -Tutoriel image PHPWEBSITE -Tutoriel image La capture des images depuis le web pour mon site. L optimisation d images pour le web, 1 Préparer des images pour le Web A. Généralités 1. Les trois formats d'images sur le

Plus en détail

Corrigé de l'atelier pratique du module 3 : Récupération d'urgence

Corrigé de l'atelier pratique du module 3 : Récupération d'urgence Corrigé de l'atelier pratique du module 3 : Récupération d'urgence Table des matières Atelier pratique 3 : Récupération d'urgence 1 Exercice 1 : Implémentation d'une stratégie de sauvegarde 1 Exercice

Plus en détail

La Clé informatique. Formation Excel XP Aide-mémoire

La Clé informatique. Formation Excel XP Aide-mémoire La Clé informatique Formation Excel XP Aide-mémoire Septembre 2005 Table des matières Qu est-ce que le logiciel Microsoft Excel?... 3 Classeur... 4 Cellule... 5 Barre d outil dans Excel...6 Fonctions habituelles

Plus en détail

Publication dans le Back Office

Publication dans le Back Office Site Web de l association des ingénieurs INSA de Lyon Publication dans le Back Office Note : dans ce guide, l'appellation GI signifie Groupe d'intérêt, et GR Groupe Régional laure Buisset Page 1 17/09/2008

Plus en détail

Corrigé de l'atelier pratique du module 8 : Implémentation de la réplication

Corrigé de l'atelier pratique du module 8 : Implémentation de la réplication Corrigé de l'atelier pratique du module 8 : Implémentation de la réplication Table des matières Atelier pratique 8 : Implémentation de la réplication 1 Exercice 1 : Création d'une publication 1 Exercice

Plus en détail

Chapitre 2 Créer son site et ses pages avec Google Site

Chapitre 2 Créer son site et ses pages avec Google Site Réaliser un site internet à l aide de Google Site 10 Chapitre 2 Créer son site et ses pages avec Google Site 1. Créer un Google site 1. Rendez-vous sur www.google.be et connectez-vous à votre compte Gmail

Plus en détail

Keynote 08 Guide de l utilisateur

Keynote 08 Guide de l utilisateur Keynote 08 Guide de l utilisateur K Apple Inc. 2008 Apple Inc. Tous droits réservés. Ce manuel est soumis aux lois sur le droit d auteur et ne peut être copié, totalement ou partiellement, sans le consentement

Plus en détail