<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Archives des Infographies / Diagrammes - Tree Learning</title>
	<atom:link href="https://www.tree-learning.fr/sujets/boite-a-outils/infographies-diagrammes-boite-a-outils/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.tree-learning.fr/sujets/boite-a-outils/infographies-diagrammes-boite-a-outils/</link>
	<description>Digitalisez vos formations</description>
	<lastBuildDate>Tue, 28 Dec 2021 12:26:09 +0000</lastBuildDate>
	<language>fr-FR</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0</generator>

<image>
	<url>https://www.tree-learning.fr/wp-content/uploads/2021/10/cropped-Sans-titre-70-32x32.png</url>
	<title>Archives des Infographies / Diagrammes - Tree Learning</title>
	<link>https://www.tree-learning.fr/sujets/boite-a-outils/infographies-diagrammes-boite-a-outils/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Comment utiliser Vizzlo</title>
		<link>https://www.tree-learning.fr/boite-a-outils/comment-utiliser-vizzlo/</link>
					<comments>https://www.tree-learning.fr/boite-a-outils/comment-utiliser-vizzlo/#respond</comments>
		
		<dc:creator><![CDATA[AdminWP]]></dc:creator>
		<pubDate>Thu, 29 Nov 2018 15:42:27 +0000</pubDate>
				<category><![CDATA[Boite à outils]]></category>
		<category><![CDATA[Infographies / Diagrammes]]></category>
		<category><![CDATA[chart]]></category>
		<category><![CDATA[diagramme]]></category>
		<category><![CDATA[embed code]]></category>
		<category><![CDATA[infographie]]></category>
		<category><![CDATA[test]]></category>
		<category><![CDATA[TICE]]></category>
		<category><![CDATA[tuto]]></category>
		<category><![CDATA[tutoriel]]></category>
		<category><![CDATA[vizzlo]]></category>
		<guid isPermaLink="false">https://www.tree-learning.fr/2018/11/29/comment-utiliser-vizzlo/</guid>

					<description><![CDATA[<p>Dans le grand bain des éditeurs d&#8217;infographies, est-ce que Vizzlo va tirer son épingle du jeu ? C&#8217;est ce que nous allons voir dans ce nouveau tutoriel. Dans un premier temps, renseignez pour vous inscrire votre adresse mail. Un mail de confirmation vous est alors envoyé, avec à l’intérieur un lien cliquable qui va lui, [&#8230;]</p>
<p>L’article <a href="https://www.tree-learning.fr/boite-a-outils/comment-utiliser-vizzlo/">Comment utiliser Vizzlo</a> est apparu en premier sur <a href="https://www.tree-learning.fr">Tree Learning</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="3157" class="elementor elementor-3157" data-elementor-post-type="post">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-49515f3b elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="49515f3b" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-29e906d5" data-id="29e906d5" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-5bcce1c7 elementor-widget elementor-widget-text-editor" data-id="5bcce1c7" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Dans le grand bain des éditeurs d&rsquo;infographies, est-ce que Vizzlo va tirer son épingle du jeu ? C&rsquo;est ce que nous allons voir dans ce nouveau tutoriel.</p><p style="text-align: justify;">Dans un premier temps, renseignez pour vous inscrire votre adresse mail. Un mail de confirmation vous est alors envoyé, avec à l’intérieur un lien cliquable qui va lui, vous amener à la dernière étape de l&rsquo;inscription, celle où vous allez renseigner un mot de passe.</p><p style="text-align: justify;">Cette étape passée, vous accédez à votre espace personnel où vous sont proposés les différents templates. Et le moins que l&rsquo;on puisse dire, c&rsquo;est qu&rsquo;il y en a MOULT ! Joie !</p><p style="text-align: justify;">Ceux-ci sont classés par utilisation (Project Management, Finance &amp; Economics), par catégorie (Bar &amp; Column Charts, Circular Charts), par nouveauté ou par ordre alphabétique. Certains sont encore en phase de test, mais tout de même utilisables. Le choix est disons-le, vaste. Non seulement le choix est vaste, mais Vizzlo vous propose des templates que vous ne retrouverez pas forcément souvent ailleurs, notamment les &lsquo;Pictorial Charts&rsquo; (schémas graphiques ?) et le &lsquo;Signs &amp; Memes&rsquo;.</p><p><img fetchpriority="high" decoding="async" class="size-large wp-image-67283 aligncenter" src="https://noobelearning.com/wp-content/uploads/2018/11/vizzlo3-1024x413.png" alt="" width="840" height="339" /></p><p><img decoding="async" class="size-large wp-image-67285 aligncenter" src="https://noobelearning.com/wp-content/uploads/2018/11/Vizzlo4-1024x444.png" alt="" width="840" height="364" /></p><p>Vous cliquez sur le modèle qui vous intéresse, puis sur &lsquo;Create now&rsquo;.</p><h3> </h3><h3>1. La Création :</h3><p style="text-align: justify;">Alors vous pouvez certes remplacer directement les chiffres/pourcentages donnés en exemple sur le graphique. Mais niveau réactivité, je vous conseillerai néanmoins d&rsquo;ouvrir la feuille de calcul (&lsquo;Edit Data in Spreadshit&rsquo;) et d&rsquo;y entrer vos données.</p><p><img decoding="async" class="size-full wp-image-67287 aligncenter" src="https://noobelearning.com/wp-content/uploads/2018/11/Vizzlo7.png" alt="" width="449" height="439" /><img loading="lazy" decoding="async" class="size-large wp-image-67286 aligncenter" src="https://noobelearning.com/wp-content/uploads/2018/11/Vizzlo5-1024x493.png" alt="" width="840" height="404" /></p><p style="text-align: justify;">Ensuite, cliquez sur &lsquo;Ok&rsquo;. Votre diagramme les a pris en compte. Ensuite, à vous de voir si vous voulez personnaliser votre diagramme, auquel cas retournez dans &lsquo;Appearance&rsquo;.</p><p><img loading="lazy" decoding="async" class="size-full wp-image-67288 aligncenter" src="https://noobelearning.com/wp-content/uploads/2018/11/vizzlo6.png" alt="" width="434" height="865" /></p><p style="text-align: justify;">Et donc bonne surprise : vous avez choisi le template qu&rsquo;il vous fallait, vous pouvez également choisir son fond, ses dimensions, et différents paramètres d&rsquo;édition de la légende !</p><h3>2. Partage et diffusion :</h3><p style="text-align: justify;">Une fois que vous êtes satisfait, cliquez sur &lsquo;Export &amp; Share&rsquo; en haut, à gauche et en rouge. (Soit dit en passant, c&rsquo;est original que ce bouton soit à gauche.)</p><p style="text-align: justify;">Vizzlo vous propose donc soit de télécharger votre création au format png (pour les formats PDF il vous faut investir dans la version payante), de le télécharger avec votre fond ou sans (mais par contre avec le logo Vizzlo pour ce qui est de la version gratuite), soit de la partager sur les réseaux sociaux ou de l&rsquo;intégrer dans un site/blog/<a href="https://www.crea-learning.com/">outil auteur</a>.</p><p><img loading="lazy" decoding="async" class="size-full wp-image-67290 aligncenter" src="https://noobelearning.com/wp-content/uploads/2018/11/Vizzlo8.png" alt="" width="950" height="637" /></p><h3>3. Exemple :</h3><div style="position: relative; width: 100%; height: 0; padding-bottom: 75%;"><iframe style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; overflow: hidden;" src="https://vizzlo.com/embed/celiaramain/CJu5aXx5SXWfDwIzw08P9g" frameborder="0" scrolling="no"></iframe></div><p>(Parce que c&rsquo;est bientôt Noweeeel ! Ho ho ho.)</p><h3>4. L&rsquo;avis de Noobelearning :</h3><p style="text-align: justify;">J&rsquo;aime beaucoup ! La diversité et le nombre de templates proposés est un très bon point. Je note aussi la facilité de création et de diffusion. A adopter !</p>								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div>
		<p>L’article <a href="https://www.tree-learning.fr/boite-a-outils/comment-utiliser-vizzlo/">Comment utiliser Vizzlo</a> est apparu en premier sur <a href="https://www.tree-learning.fr">Tree Learning</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.tree-learning.fr/boite-a-outils/comment-utiliser-vizzlo/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Comment utiliser Venngage, pour vos infographies</title>
		<link>https://www.tree-learning.fr/boite-a-outils/comment-utiliser-venngage-pour-vos-infographies/</link>
					<comments>https://www.tree-learning.fr/boite-a-outils/comment-utiliser-venngage-pour-vos-infographies/#respond</comments>
		
		<dc:creator><![CDATA[AdminWP]]></dc:creator>
		<pubDate>Thu, 21 Jun 2018 14:56:17 +0000</pubDate>
				<category><![CDATA[Boite à outils]]></category>
		<category><![CDATA[Infographies / Diagrammes]]></category>
		<category><![CDATA[embed code]]></category>
		<category><![CDATA[infographies]]></category>
		<category><![CDATA[test]]></category>
		<category><![CDATA[TICE]]></category>
		<category><![CDATA[tutoriel]]></category>
		<category><![CDATA[venngage]]></category>
		<guid isPermaLink="false">https://www.tree-learning.fr/2018/06/21/comment-utiliser-venngage-pour-vos-infographies/</guid>

					<description><![CDATA[<p>Venngage est un outil permettant de créer facilement des infographies. Sa version freemium est plus que correcte, comme vous allez le voir dans ce nouveau tutoriel. 1. Les premiers pas : Comme d&#8217;habitude, vous pouvez vous inscrire soit avec votre compte Facebook, votre compte Google ou bien vous créer un compte en renseignant votre adresse [&#8230;]</p>
<p>L’article <a href="https://www.tree-learning.fr/boite-a-outils/comment-utiliser-venngage-pour-vos-infographies/">Comment utiliser Venngage, pour vos infographies</a> est apparu en premier sur <a href="https://www.tree-learning.fr">Tree Learning</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p style="text-align: justify;"><a href="https://fr.venngage.com/features/">Venngage </a>est un outil permettant de créer facilement des infographies. Sa version freemium est plus que correcte, comme vous allez le voir dans ce nouveau tutoriel.</p>
<h3>1. Les premiers pas :</h3>
<p style="text-align: justify;">Comme d&rsquo;habitude, vous pouvez vous inscrire soit avec votre compte Facebook, votre compte Google ou bien vous créer un compte en renseignant votre adresse mail et un mot de passe.</p>
<p><img loading="lazy" decoding="async" class="aligncenter wp-image-66771 size-large" src="https://noobelearning.com/wp-content/uploads/2018/06/VENNGAGE-INSCRIPTION-1024x618.png" alt="" width="840" height="507" /></p>
<h3>2. La Création :</h3>
<p style="text-align: justify;">Alors, dans un premier temps, il s&rsquo;agit de choisir son template. <strong>Ce qui est chouette de la part de Venngage, c&rsquo;est qu&rsquo;il indique quels sont ceux qui nécessitent de connaître un tant soit peu l&rsquo;outil, et ceux que l&rsquo;on peut utiliser en tant que &lsquo;Débutant&rsquo;</strong>.</p>
<p style="text-align: justify;">Au delà de ce point, les templates sont également classés par catégories, dans le menu à gauche. Vous retrouverez par exemple &lsquo;Informatives&rsquo;, &lsquo;Statistiques&rsquo;, &lsquo;Processus&rsquo;, &lsquo;Géographiques&rsquo;, &lsquo;Chronologiques&rsquo;, &lsquo;Comparatives&rsquo;, &lsquo;Liste&rsquo;, &lsquo;Données Amusantes&rsquo;, &lsquo;Tutorielles&rsquo;, &lsquo;Non-lucratives&rsquo;, &lsquo;Ressources Humaines&rsquo; et &lsquo;Immobilier&rsquo;.</p>
<p style="text-align: justify;">D&rsquo;une façon générale, il me semble que le choix de templates proposés avec la version gratuite est tout à fait correct.</p>
<p style="text-align: justify;">A noter également que vous pouvez créer d&rsquo;autres supports graphiques comme des présentations, des livres blancs etc; même si le choix est plus restreint.</p>
<p style="text-align: justify;">Une fois que vous avez fait votre choix, vous arrivez sur votre éditeur.</p>
<p style="text-align: justify;">Concrètement comment se présente t-il ?</p>
<p style="text-align: justify;">A gauche, vous avez un menu déroulant avec tous les éléments que vous allez pouvoir <strong>intégrer par simple glisser / déposer</strong>, ce qui inclue les textes, les icônes, les diagrammes, les cartes (même si dans ce cas de figure mieux vaut avoir un accès premium), l&rsquo;ajout d&rsquo;un fond de couleur personnalisé, importer une illustration de son ordinateur, ajouter un cadre d&rsquo;image ou un élément cliquable (vidéo Youtube, sondage, formulaire etc.)</p>
<p><img loading="lazy" decoding="async" class="aligncenter wp-image-66772 size-large" src="https://noobelearning.com/wp-content/uploads/2018/06/VENNGAGE2-1024x466.png" alt="" width="840" height="382" /></p>
<h3></h3>
<h3>3. Partage et diffusion de la création :</h3>
<p>Attention piège : pour partager sur les réseaux sociaux (Pinterest, Facebook, Twitter et Linkedin) eh bien cliquez sur &lsquo;Partager&rsquo; (jusque là tout va bien).</p>
<p><img loading="lazy" decoding="async" class="aligncenter wp-image-66770 size-full" src="https://noobelearning.com/wp-content/uploads/2018/06/VENNGAGE7.png" alt="" width="411" height="273" /></p>
<p>Par contre, si vous voulez récupérer le lien externe ou le lien embed, c&rsquo;est en fait dans &lsquo;Publier&rsquo; que ça se passe!</p>
<p><img loading="lazy" decoding="async" class="aligncenter wp-image-66769 size-full" src="https://noobelearning.com/wp-content/uploads/2018/06/VENNGAGE6.png" alt="" width="255" height="575" />Je récupère donc ce lien embed et je le colle dans mon <a href="https://www.crea-learning.com/index.php">Créa Learning</a> en tant qu&rsquo;objet intégré.</p>
<p>Par contre, avec la version gratuite, vous ne pouvez télécharger votre création, que ce soit sous le format png ou pdf.</p>
<h3>4. Exemple :</h3>
<p>Pour mon exemple, je me suis basée sur la très récente <a href="http://www.centrenationaldulivre.fr/fichier/p_ressource/14846/ressource_fichier_fr_les.jeunes.adultes.et.la.lecture.2018.06.15.syntha.se.ok.pdf">étude du Centre National du Livre à propos du rapport à la lecture des jeunes adultes (15 / 25 ans)</a></p>
<h3><script src="https://infograph.venngage.com/js/embed/v1/embed.js" data-vg-id="aogBHBlXls" data-title="5 Happy Tips" data-w="816" data-h="1056" data-multipage="true"></script></h3>
<h3> 5. L&rsquo;avis de Noobelearning :</h3>
<p style="text-align: justify;">Simple, propre, efficace. Ne se distingue peut-être pas foncièrement de ses concurrents mais fonctionne d&rsquo;une façon intuitive et avec un choix plus que correct même avec la version gratuite.</p>
<p>L’article <a href="https://www.tree-learning.fr/boite-a-outils/comment-utiliser-venngage-pour-vos-infographies/">Comment utiliser Venngage, pour vos infographies</a> est apparu en premier sur <a href="https://www.tree-learning.fr">Tree Learning</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.tree-learning.fr/boite-a-outils/comment-utiliser-venngage-pour-vos-infographies/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Comment utiliser Datamatic Editor</title>
		<link>https://www.tree-learning.fr/boite-a-outils/comment-utiliser-datamatic-editor/</link>
					<comments>https://www.tree-learning.fr/boite-a-outils/comment-utiliser-datamatic-editor/#respond</comments>
		
		<dc:creator><![CDATA[AdminWP]]></dc:creator>
		<pubDate>Thu, 17 May 2018 14:59:05 +0000</pubDate>
				<category><![CDATA[Boite à outils]]></category>
		<category><![CDATA[Infographies / Diagrammes]]></category>
		<category><![CDATA[data]]></category>
		<category><![CDATA[datamatic editor]]></category>
		<category><![CDATA[infographies]]></category>
		<category><![CDATA[test]]></category>
		<category><![CDATA[tutoriel]]></category>
		<guid isPermaLink="false">https://www.tree-learning.fr/2018/05/17/comment-utiliser-datamatic-editor/</guid>

					<description><![CDATA[<p>Certains d&#8217;entre vous connaissent probablement Google Forms (d&#8217;ailleurs en parlant de Google Forms, vous avez répondu à celui-ci ?) ou de Google Slides, mais connaissez-vous Datamatic Editor ? Datamatic Editor fait lui aussi partie des outils conçus par le géant du net, et plus précisément par : &#8216;The Digital News Innovation Fund (DNI Fund) qui [&#8230;]</p>
<p>L’article <a href="https://www.tree-learning.fr/boite-a-outils/comment-utiliser-datamatic-editor/">Comment utiliser Datamatic Editor</a> est apparu en premier sur <a href="https://www.tree-learning.fr">Tree Learning</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p style="text-align: justify;"><strong>Certains d&rsquo;entre vous connaissent probablement <a href="https://noobelearning.com/2017/07/12/comment-utiliser-google-forms/">Google Forms</a> (d&rsquo;ailleurs en parlant de Google Forms, vous avez répondu <a href="https://noobelearning.com/2018/05/04/avis-aux-noobs/">à celui-ci ?</a>) ou de Google Slides, mais connaissez-vous Datamatic Editor ? Datamatic Editor fait lui aussi partie des outils conçus par le géant du net, et plus précisément par : &lsquo;The Digital News Innovation Fund (DNI Fund) qui est  &lsquo;a European program that&rsquo;s part of the Google News Initiative, an effort to help journalism thrive in the digital age.&rsquo;</strong></p>
<h3 style="text-align: justify;"></h3>
<h3>1. Les premiers pas :</h3>
<p style="text-align: justify;">Une fois n&rsquo;est pas coutume, cette étape va être intéressante. <strong>Vous ne pouvez utiliser cet outil (ou du moins le tester) que si vous disposez d&rsquo;une adresse gmail</strong>, comme finalement le reste des outils Google cités au-dessus. Alors certes, on observe que la majorité des adresses mail aujourd&rsquo;hui sont des adresses gmail, mais le cas échéant, Google va vous obliger à en créer une. Personnellement cela me dérange, même si on ne va pas se mentir : Google restera Google&#8230;</p>
<h3>2. La Création :</h3>
<p style="text-align: justify;">Vous voilà donc sur l&rsquo;accueil. Petite remarque : l&rsquo;outil est en anglais. Dans un premier temps, il va s&rsquo;agir de choisir votre modèle d&rsquo;infographie, parmi les 74 modèles classés en plusieurs catégories. Certains sont gratuits (26 en tout), d&rsquo;autres payants ( 48).</p>
<p><img loading="lazy" decoding="async" class="aligncenter wp-image-66585 size-large" src="https://noobelearning.com/wp-content/uploads/2018/05/datamaticeditor5-1024x501.png" alt="" width="840" height="411" /></p>
<p>Le choix me semble assez développé, même avec les modèles gratuits. Lorqu&rsquo;un modèle vous intéresse, cliquez dessus puis sur le bouton &lsquo;Edit&rsquo;.</p>
<p><img loading="lazy" decoding="async" class="aligncenter wp-image-66588 size-full" src="https://noobelearning.com/wp-content/uploads/2018/05/editdatamatic.png" alt="" width="470" height="619" /></p>
<p style="text-align: justify;">S&rsquo;ouvre alors votre éditeur d&rsquo;infographie, composé de trois éléments : une feuille de calcul, l&rsquo;infographie et ses éléments de personnalisation, les &lsquo;Properties&rsquo;. <strong>Ces éléments de personnalisation sont très précis, trop ?</strong> Disons que c&rsquo;est à ce moment que le fait que l&rsquo;outil soit en anglais peut se révéler déstabilisant&#8230;</p>
<p><img loading="lazy" decoding="async" class="aligncenter wp-image-66589 size-full" src="https://noobelearning.com/wp-content/uploads/2018/05/properties.png" alt="" width="309" height="597" /></p>
<h3>3. Partage et Diffusion de la Création :</h3>
<p style="text-align: justify;">Juste en haut de vos paramètres d&rsquo;édition de votre infographie, vous avez &lsquo;Publish&rsquo; en haut à droite (et en bleu). Vous avez trois possibilités de partage dont récupérer le lien externe, et surtout récupérer le lien embed. C&rsquo;est ce lien embed qui m&rsquo;intéresse, de façon à pouvoir le coller dans mon <a href="https://www.crea-learning.com/index.php">Créa Learning</a> en tant qu&rsquo;objet intégré.</p>
<h3><img loading="lazy" decoding="async" class="aligncenter wp-image-66590 size-full" src="https://noobelearning.com/wp-content/uploads/2018/05/datamaticeditor3.png" alt="" width="583" height="220" /></h3>
<h3>4. Exemple :</h3>
<p><iframe src="https://cdn.datamatic.io/runtime/echarts/3.7.2_237/embedded/index.html#id=114781119957699301647/1VGFLhwSzkOVJvoTIExVbfKOpyFQ_NYKS" width="707" height="446" frameborder="0"></iframe><br />
Festival de Cannes oblige, je me suis appuyée sur une des <a href="http://www.cnc.fr/web/fr/publications/-/ressources/14231993">dernières études du CNC</a>.</p>
<h3>5. L&rsquo;avis de Noobelearning :</h3>
<p style="text-align: justify;">Alors oui, Datamatic Editor est un outil bien conçu (après c&rsquo;est un peu la moindre des choses quand on s’appelle Google).  Le choix de proposer une personnalisation assez pointue est autant un atout qu&rsquo;un inconvénient. Et puis si vous n&rsquo;avez pas de compte gmail, le plus simple est peut-être d&rsquo;aller découvrir d&rsquo;autres éditeurs d&rsquo;infographies&#8230;</p>
<p>L’article <a href="https://www.tree-learning.fr/boite-a-outils/comment-utiliser-datamatic-editor/">Comment utiliser Datamatic Editor</a> est apparu en premier sur <a href="https://www.tree-learning.fr">Tree Learning</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.tree-learning.fr/boite-a-outils/comment-utiliser-datamatic-editor/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Comment utiliser Chartblocks, pour créer des diagrammes</title>
		<link>https://www.tree-learning.fr/boite-a-outils/comment-utiliser-chartblocks-pour-creer-des-diagrammes/</link>
					<comments>https://www.tree-learning.fr/boite-a-outils/comment-utiliser-chartblocks-pour-creer-des-diagrammes/#respond</comments>
		
		<dc:creator><![CDATA[AdminWP]]></dc:creator>
		<pubDate>Thu, 01 Mar 2018 15:48:22 +0000</pubDate>
				<category><![CDATA[Boite à outils]]></category>
		<category><![CDATA[Infographies / Diagrammes]]></category>
		<category><![CDATA[Chartblocks]]></category>
		<category><![CDATA[diagramme]]></category>
		<category><![CDATA[embed code]]></category>
		<category><![CDATA[test]]></category>
		<category><![CDATA[tuto]]></category>
		<guid isPermaLink="false">https://www.tree-learning.fr/2018/03/01/comment-utiliser-chartblocks-pour-creer-des-diagrammes/</guid>

					<description><![CDATA[<p>Si vous avez récolté au cours d&#8217;une formation des statistiques, des données, il peut intéressant de les représenter visuellement de façon à avoir une vue d&#8217;ensemble. C&#8217;est là qu&#8217;entre en jeu Chartblocks, outil permettant de créer gratuitement des diagrammes. 1. Les premiers pas : Commencez par vous inscrire, en cliquant sur &#8216;S&#8217;inscrire&#8217; en haut, à [&#8230;]</p>
<p>L’article <a href="https://www.tree-learning.fr/boite-a-outils/comment-utiliser-chartblocks-pour-creer-des-diagrammes/">Comment utiliser Chartblocks, pour créer des diagrammes</a> est apparu en premier sur <a href="https://www.tree-learning.fr">Tree Learning</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p style="text-align: justify;"><strong>Si vous avez récolté au cours d&rsquo;une formation des statistiques, des données, il peut intéressant de les représenter visuellement de façon à avoir une vue d&rsquo;ensemble. C&rsquo;est là qu&rsquo;entre en jeu Chartblocks, outil permettant de créer gratuitement des diagrammes.</strong></p>
<h3 style="text-align: justify;">1. Les premiers pas :</h3>
<p style="text-align: justify;">Commencez par vous inscrire, en cliquant sur &lsquo;S&rsquo;inscrire&rsquo; en haut, à droite de la page d&rsquo;accueil. Là va vous être proposé le choix habituel, à savoir : renseigner une adresse mail et un mot de passe, ou passer via les réseaux sociaux. Un mail avec un code de confirmation vous est alors envoyé.</p>
<p style="text-align: justify;">A partir de là, vous devez choisir quelle formule vous intéresse, entre la version freemium et les versions payantes (allant respectivement de 5  à 40 euros par mois). Pour ma part, c&rsquo;est la version freemium que je vais privilégier.</p>
<p><img loading="lazy" decoding="async" class="aligncenter wp-image-66235 size-large" src="https://noobelearning.com/wp-content/uploads/2018/03/Chartblocks3-1024x519.png" alt="" width="840" height="426" /></p>
<h3>2. La création :</h3>
<p><img loading="lazy" decoding="async" class="aligncenter wp-image-66234 size-full" src="https://noobelearning.com/wp-content/uploads/2018/03/Chartsblock1.png" alt="" width="572" height="264" /></p>
<p style="text-align: justify;">La première étape va consister à importer vos data, soit de façon manuelle, soit en les important de votre ordinateur. Si comme moi, vous avez opté pour la façon manuelle, vous arrivez sur une feuille de calcul. Vous n&rsquo;avez qu&rsquo;à remplir puis donner un titre à votre graphique (à droite). Comme vous pouvez le constater, le processus de création est limpide, clair et efficace. Chaque étape est indiquée :</p>
<p><img loading="lazy" decoding="async" class="aligncenter wp-image-66238 size-full" src="https://noobelearning.com/wp-content/uploads/2018/03/Chartsblock6.png" alt="" width="1196" height="132" /></p>
<p style="text-align: justify;">Une fois que vous avez saisi vos chiffres, cliquez sur &lsquo;Next&rsquo; qui va du coup logiquement amener à l&rsquo;étape &lsquo;Type&rsquo;, soit l&rsquo;aspect visuel que vous voulez donner à votre graphique :  colonnes , camembert etc. Vient ensuite la troisième étape, &lsquo;Series&rsquo;, probablement la plus complexe où vous allez devoir déterminer sur votre feuille de calcul les colonnes que vous voulez retrouver sur votre graphique, et leur organisation. Mais comme Chartblocks est un outil sympa, il va vous faciliter la tâche, par exemple en important les titres que vous avez mis dans les premières cellules de vos colonnes pour les intégrer directement dans votre future légende. Brave bête. Cette étape passée, vous arrivez sur &lsquo;Template&rsquo;. Là encore une fois, il va s&rsquo;agir de déterminer l&rsquo;aspect visuel de votre diagramme, son fond, ses couleurs&#8230; Si les choix proposés ne vous conviennent pas, pas d&rsquo;inquiétude, vous pourrez à la dernière étape, customiser votre création. Choisissez donc un template et cliquez sur &lsquo;Next&rsquo;.</p>
<p style="text-align: justify;">Là concrètement, vous avez plusieurs choix :</p>
<p><img loading="lazy" decoding="async" class="aligncenter wp-image-66239 size-full" src="https://noobelearning.com/wp-content/uploads/2018/03/Chartsblock7.png" alt="" width="864" height="203" /></p>
<p style="text-align: justify;">Et en terme de customisation, le choix est assez large. Vous pouvez en effet changer la police, les couleurs, les dimensions de votre diagramme&#8230; Vous pouvez même changer son type, passer d&rsquo;un diagramme en barres à un diagramme circulaire (ou autre), même si je ne vous le recommande pas, tous les diagrammes n&rsquo;étant pas forcément interchangeables selon les données renseignées.</p>
<h3>3. Partage et diffusion de votre création :</h3>
<p style="text-align: justify;">Une fois que vous avez peaufiné les derniers détails, cliquez sur &lsquo;Share&rsquo;. Le bouton se trouve en haut, à droite.</p>
<p><img loading="lazy" decoding="async" class="aligncenter wp-image-66240 size-full" src="https://noobelearning.com/wp-content/uploads/2018/03/Chartsblock8.png" alt="" width="349" height="89" /></p>
<p style="text-align: justify;">Vous êtes donc en mesure de partager votre création sur les réseaux sociaux (Facebook, Twitter, Pinterest), de récupérer son lien externe, ainsi que son &#8217;embed code&rsquo;.</p>
<p style="text-align: justify;"><img loading="lazy" decoding="async" class="aligncenter wp-image-66246 size-full" src="https://noobelearning.com/wp-content/uploads/2018/03/Chartsblock9.png" alt="" width="591" height="403" /></p>
<p style="text-align: justify;">Pour l&rsquo;intégrer à votre Créa Learning, vous n&rsquo;avez qu&rsquo;à copier ce code et à le coller dans la section &lsquo;Objet intégré&rsquo; de votre outil auteur préféré.</p>
<p style="text-align: justify;">On note également que la création peut être téléchargée au format png. Pour les autres formats (dont pdf) il faudra passer à une version payante.</p>
<h3>4. Exemple :<br />
<iframe src="//embed.chartblocks.com/1.0/?c=5a97d9901ea0f62c0be81460&amp;t=2a910bd97866286" width="800" height="450" frameborder="0"></iframe></h3>
<h3>5. L&rsquo;avis de Noobelearning :</h3>
<p style="text-align: justify;">Chartblocks est un outil qui se distingue par sa fluidité, et sa simplicité d&rsquo;utilisation. Le fait que les différentes étapes soient annoncées d&#8217;emblée me semble être un vrai plus. Il existe certes d&rsquo;autres outils permettant la création de diagrammes, peut-être moins minimalistes, mais finalement le minimalisme affiché de Chartblocks est-ce réellement un souci ?</p>
<p>L’article <a href="https://www.tree-learning.fr/boite-a-outils/comment-utiliser-chartblocks-pour-creer-des-diagrammes/">Comment utiliser Chartblocks, pour créer des diagrammes</a> est apparu en premier sur <a href="https://www.tree-learning.fr">Tree Learning</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.tree-learning.fr/boite-a-outils/comment-utiliser-chartblocks-pour-creer-des-diagrammes/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Comment utiliser Visme, outil de création graphique</title>
		<link>https://www.tree-learning.fr/boite-a-outils/comment-utiliser-visme-outil-de-creation-graphique/</link>
					<comments>https://www.tree-learning.fr/boite-a-outils/comment-utiliser-visme-outil-de-creation-graphique/#respond</comments>
		
		<dc:creator><![CDATA[AdminWP]]></dc:creator>
		<pubDate>Thu, 21 Dec 2017 15:59:16 +0000</pubDate>
				<category><![CDATA[Boite à outils]]></category>
		<category><![CDATA[Infographies / Diagrammes]]></category>
		<category><![CDATA[création graphique]]></category>
		<category><![CDATA[embedcode]]></category>
		<category><![CDATA[test]]></category>
		<category><![CDATA[TICE]]></category>
		<category><![CDATA[tutoriel]]></category>
		<category><![CDATA[visme]]></category>
		<guid isPermaLink="false">https://www.tree-learning.fr/2017/12/21/comment-utiliser-visme-outil-de-creation-graphique/</guid>

					<description><![CDATA[<p>On ne va pas se mentir, les outils de création graphique sont on ne peut plus utiles au quotidien pour les formateurs et les professionnels de la communication. Et si Canva s&#8217;est imposé comme un incontournable, Visme dont il est question aujourd&#8217;hui, de par sa simplicité et son efficacité, tire également son épingle du jeu. [&#8230;]</p>
<p>L’article <a href="https://www.tree-learning.fr/boite-a-outils/comment-utiliser-visme-outil-de-creation-graphique/">Comment utiliser Visme, outil de création graphique</a> est apparu en premier sur <a href="https://www.tree-learning.fr">Tree Learning</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p style="text-align: justify;"><strong>On ne va pas se mentir, les outils de création graphique sont on ne peut plus utiles au quotidien pour les formateurs et les professionnels de la communication. Et si <a href="https://noobelearning.com/2017/09/07/comment-utiliser-canva-outil-de-conception-graphique/">Canva</a> s&rsquo;est imposé comme un incontournable, Visme dont il est question aujourd&rsquo;hui, de par sa simplicité et son efficacité, tire également son épingle du jeu.</strong></p>
<h3>1. Les premiers pas :</h3>
<p>Comme souvent la première étape consiste à s&rsquo;inscrire : soit d&rsquo;une façon traditionnelle avec un mail et mot de passe, soit via Facebook.</p>
<h3><img loading="lazy" decoding="async" class="aligncenter wp-image-65934 size-full" src="https://noobelearning.com/wp-content/uploads/2017/12/VISME1.png" alt="" width="922" height="459" /></h3>
<p style="text-align: justify;">Un mail de confirmation vous est ensuite envoyé. Une fois ces étapes passées, vous arrivez sur la page d&rsquo;accueil, où sont proposées plusieurs possibilités de création. Vous trouverez entre autres :</p>
<ul>
<li style="text-align: justify;">des présentations (comprendre des diaporamas)</li>
</ul>
<p><img loading="lazy" decoding="async" class="aligncenter wp-image-66719 size-large" src="https://noobelearning.com/wp-content/uploads/2017/12/presentationsvisme-1024x370.png" alt="" width="840" height="304" /></p>
<ul>
<li style="text-align: justify;">des infographies,</li>
</ul>
<p><img loading="lazy" decoding="async" class="aligncenter wp-image-66717 size-large" src="https://noobelearning.com/wp-content/uploads/2017/12/infographicsvisme-1024x428.png" alt="" width="840" height="351" /></p>
<ul>
<li>des publications pour les réseaux sociaux (Facebook, Twitter, Google +, Youtube et Linkedin)</li>
</ul>
<p><a href="https://www.visme.co/flyer-maker/"><img loading="lazy" decoding="async" class="aligncenter wp-image-66718 size-large" src="https://noobelearning.com/wp-content/uploads/2017/12/socialmediavisme-1024x341.png" alt="" width="840" height="280" /></a></p>
<ul>
<li style="text-align: justify;"><a href="https://www.visme.co/flyer-maker/">des supports graphiques imprimables (type flyers)</a></li>
</ul>
<p style="text-align: justify;"><img loading="lazy" decoding="async" class="aligncenter wp-image-66715 size-large" src="https://noobelearning.com/wp-content/uploads/2017/12/flyersvisme-1024x488.png" alt="" width="840" height="400" /></p>
<ul>
<li style="text-align: justify;"><a href="https://www.visme.co/scatter-plot-maker/">des nuages de points</a></li>
</ul>
<p style="text-align: justify;"><img loading="lazy" decoding="async" class="aligncenter wp-image-66716 size-large" src="https://noobelearning.com/wp-content/uploads/2017/12/scatterplotvisme-1024x408.png" alt="" width="840" height="335" /></p>
<p style="text-align: justify;">Bref, il y a du choix. Si les dimensions spécifiques de ces publications ne vous conviennent pas, vous pouvez créer votre propre modèle en cliquant sur &lsquo;Custom Size&rsquo;.</p>
<h3></h3>
<h3>2. La Création :</h3>
<p style="text-align: justify;">Je clique donc sur le modèle qui m&rsquo;intéresse, en l’occurrence une infographie qui va me permettre d&rsquo;illustrer <a href="https://www.arcep.fr/uploads/tx_gspublication/barometre_du_numerique-2017-dossier-presse-271117.pdf">le dernier baromètre numérique</a> commandé par le Ministère de Numérique. Dans la barre latérale de gauche, vous avez les différents éléments qui vont constituer votre création : fond, texte (animé ou non), formes et icônes, images, graphiques, vidéo, audio et même intégration d&rsquo;outil via embed code.</p>
<p><img loading="lazy" decoding="async" class="aligncenter wp-image-65932 size-full" src="https://noobelearning.com/wp-content/uploads/2017/12/visme2.png" alt="" width="489" height="853" /></p>
<p>Dans la barre latérale de droite vous avez la vue d&rsquo;ensemble de vos slides.</p>
<p>Pour ajouter des éléments, vous n&rsquo;avez qu&rsquo;à les glisser dans l&rsquo;éditeur. Pour les changer, il suffit de faire un double clic. On peut donc considérer cet outil comme intuitif.</p>
<h3>3. Sauvegarde et partage de votre création :</h3>
<p style="text-align: justify;">Et c&rsquo;est là que l&rsquo;on se rend vraiment compte que Visme est un outil bien conçu. Après avoir prévisualisé votre création (dans la barre grisée en haut), vous la sauvegardez (aussi en haut, dans la barre grisée), et vous la publiez (toujours en haut, dans la même barre grisée). Et les possibilités de partages sont vastes: réseaux sociaux (Facebook, Linkedin, Twitter, TumblR, Pinterest), lien externe, embed code (responsive ou non), et lien de téléchargement. Qui plus est, Visme vous permet de paramétrer les options de publication.</p>
<p><img loading="lazy" decoding="async" class="wp-image-65935 size-full aligncenter" src="https://noobelearning.com/wp-content/uploads/2017/12/vismepublish.png" alt="" width="952" height="554" /></p>
<p>Sur votre module de formation <a href="https://www.crea-learning.com/">Créa Learning</a>, vous récupérez donc la balise &#8217;embed&rsquo; et tant qu&rsquo;à faire, sa version responsive, puis vous la collez dans le bouton &lsquo;Objet Intégré&rsquo;.</p>
<h3>4. Exemple :</h3>
<p>(Pour voir le second slide de l&rsquo;infographie, cliquez dessus.)</p>
<p><script src="//my.visme.co/visme.js"></script></p>
<div class="visme_d" data-url="ojxqpz61-untitled-project" data-w="816" data-h="1056" data-domain="my"></div>
<p style="font-family: Arial; font-size: 10px; color: #333333;">Created using <a style="color: #30a0ea;" href="http://www.visme.co/" target="_blank" rel="noopener"><strong>Visme</strong></a>. The Easy Visual Communication Tool.</p>
<h3>5. L&rsquo;avis de Noobelearning :</h3>
<p style="text-align: justify;">Alors, hormis le fait que le choix des modèles gratuits soit un peu limité, Visme est un outil qui fait bien son taf&rsquo;. Les vrais bonus de cet outil, outre<strong> sa simplicité, sont probablement sa capacité à proposer des outils dynamiques ainsi que sa grande diversité d&rsquo;options de partage</strong>.</p>
<p>L’article <a href="https://www.tree-learning.fr/boite-a-outils/comment-utiliser-visme-outil-de-creation-graphique/">Comment utiliser Visme, outil de création graphique</a> est apparu en premier sur <a href="https://www.tree-learning.fr">Tree Learning</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.tree-learning.fr/boite-a-outils/comment-utiliser-visme-outil-de-creation-graphique/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Comment utiliser Easel.ly, éditeur d&#8217;infographies</title>
		<link>https://www.tree-learning.fr/boite-a-outils/easel-ly-lediteur-dinfographies/</link>
					<comments>https://www.tree-learning.fr/boite-a-outils/easel-ly-lediteur-dinfographies/#respond</comments>
		
		<dc:creator><![CDATA[AdminWP]]></dc:creator>
		<pubDate>Thu, 09 Nov 2017 16:04:29 +0000</pubDate>
				<category><![CDATA[Boite à outils]]></category>
		<category><![CDATA[Infographies / Diagrammes]]></category>
		<category><![CDATA[easelly]]></category>
		<category><![CDATA[embedcode]]></category>
		<category><![CDATA[infographies]]></category>
		<category><![CDATA[objetintégré]]></category>
		<category><![CDATA[test]]></category>
		<category><![CDATA[tutoriel]]></category>
		<guid isPermaLink="false">https://www.tree-learning.fr/2017/11/09/easel-ly-lediteur-dinfographies/</guid>

					<description><![CDATA[<p>Après avoir testé différents éditeurs d&#8217;infographies comme Infogram, Piktochart et Canva, nous allons cette semaine tester Easel.ly. 1. Les premiers pas : Commencez par vous inscrire en cliquant sur &#8216;Inscription gratuite&#8217; en haut, à droite (et en jaune). Comme d&#8217;habitude, vous avez plusieurs options d&#8217;inscription: soit en renseignant votre mail, soit en passant par Facebook [&#8230;]</p>
<p>L’article <a href="https://www.tree-learning.fr/boite-a-outils/easel-ly-lediteur-dinfographies/">Comment utiliser Easel.ly, éditeur d&rsquo;infographies</a> est apparu en premier sur <a href="https://www.tree-learning.fr">Tree Learning</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><strong>Après avoir testé différents éditeurs d&rsquo;infographies comme Infogram, Piktochart et Canva, nous allons cette semaine tester Easel.ly.</strong></p>
<h3>1. Les premiers pas :</h3>
<p>Commencez par vous inscrire en cliquant sur &lsquo;Inscription gratuite&rsquo; en haut, à droite (et en jaune).</p>
<p><img loading="lazy" decoding="async" class="alignnone wp-image-65746" src="https://noobelearning.com/wp-content/uploads/2017/11/easelly4-300x14.png" alt="" width="600" height="28" /></p>
<p>Comme d&rsquo;habitude, vous avez plusieurs options d&rsquo;inscription: soit en renseignant votre mail, soit en passant par Facebook et Google.</p>
<p>Vous voilà sur la page d&rsquo;accueil; qui avec les infographies que le reste de la communauté a partagées, vous donne une assez bonne idée de ce qu&rsquo;il est possible de créer. Cliquez ensuite sur celle qui vous inspire le plus afin qu&rsquo;elle vous serve de base. Le point positif étant que le choix est assez étendu.</p>
<p><img loading="lazy" decoding="async" class="alignnone wp-image-65742" src="https://noobelearning.com/wp-content/uploads/2017/11/interfaceeaselly-300x135.png" alt="" width="440" height="198" /></p>
<h3>2. Création de votre oeuvre :</h3>
<p>Une fois votre template choisi, vous arrivez sur votre éditeur. Et à ce niveau là, il me semble que l&rsquo;on peut faire une petite critique : c&rsquo;est pour le moins austère. Tous les boutons sont placés au même endroit, et certains dans le bandeau noir ont une police tellement réduite que le confort de lecture et d&rsquo;utilisation est assez limité. Mais passons.</p>
<p><img loading="lazy" decoding="async" class="alignnone wp-image-65739" src="https://noobelearning.com/wp-content/uploads/2017/11/EASELLY-300x20.png" alt="" width="542" height="36" /></p>
<p>Vous avez donc la possibilité d&rsquo;insérer des objets (ou personnages), des médias (par exemple des vidéos Youtube), du texte, des statistiques; bref tous les parfaits ingrédients pour une bonne infographie, même si le choix par exemple d&rsquo;objets est assez réduit avec la version gratuite. Vous sélectionnez l&rsquo;élément que vous voulez utiliser, puis vous le déposez dans l&rsquo;éditeur. Ensuite, il ne vous reste plus qu&rsquo;à vous occuper de bien remplir les données et légendes.</p>
<h3>3. Partage et diffusion de votre création :</h3>
<p>La démarche est finalement assez simple: vous sauvegardez votre infographie en cliquant sur &lsquo;Save&rsquo; ( le 2ème bouton minuscule dans le bandeau noir) et ensuite soit vous la téléchargez (5ème bouton minuscule dans ledit bandeau) soit vous la partagez ( 6ème bouton minuscule) par email, par lien, par embed code&#8230; On admet aisément que les choix de partages sont assez importants.</p>
<p><img loading="lazy" decoding="async" class="size-full wp-image-65741 aligncenter" src="https://noobelearning.com/wp-content/uploads/2017/11/easelly3.png" alt="" width="224" height="267" /></p>
<p>Pour insérer mon infographie dans mon Créa Learning, je n&rsquo;ai donc qu&rsquo;à récupérer l&#8217;embed code et à le coller dans &lsquo;Objet intégré&rsquo;.</p>
<h3>4. Exemple :</h3>
<p><iframe style="overflow-y: hidden;" src="https://www.easel.ly/index/embedFrame/easel/6407290" width="651" height="811" frameborder="0" scrolling="no"></iframe></p>
<h3>5. L&rsquo;avis de Noobelearning :</h3>
<p>En terme d&rsquo;ergonomie et de possibilité de création avec une version gratuite, Easel.ly pêche un peu par rapport à ses concurrents. Néanmoins, les infographies restent dans l&rsquo;ensemble faciles à réaliser et surtout à partager. L&rsquo;intérêt de l&rsquo;outil pour le secteur pédagogique et même journalistique est évident.</p>
<p>L’article <a href="https://www.tree-learning.fr/boite-a-outils/easel-ly-lediteur-dinfographies/">Comment utiliser Easel.ly, éditeur d&rsquo;infographies</a> est apparu en premier sur <a href="https://www.tree-learning.fr">Tree Learning</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.tree-learning.fr/boite-a-outils/easel-ly-lediteur-dinfographies/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Comment utiliser Infogram, éditeur d&#8217;infographies</title>
		<link>https://www.tree-learning.fr/boite-a-outils/comment-utiliser-infogram-editeur-dinfographies/</link>
					<comments>https://www.tree-learning.fr/boite-a-outils/comment-utiliser-infogram-editeur-dinfographies/#respond</comments>
		
		<dc:creator><![CDATA[AdminWP]]></dc:creator>
		<pubDate>Thu, 12 Oct 2017 13:50:27 +0000</pubDate>
				<category><![CDATA[Boite à outils]]></category>
		<category><![CDATA[Infographies / Diagrammes]]></category>
		<category><![CDATA[embedcode]]></category>
		<category><![CDATA[Infogram]]></category>
		<category><![CDATA[infographies]]></category>
		<category><![CDATA[test]]></category>
		<category><![CDATA[tutoriel]]></category>
		<guid isPermaLink="false">https://www.tree-learning.fr/2017/10/12/comment-utiliser-infogram-editeur-dinfographies/</guid>

					<description><![CDATA[<p>Nous vous avions précédemment parlé de Piktochart, pour éditer gratuitement  des infographies. Nous vous parlons aujourd&#8217;hui d&#8217;un autre outil, tout aussi intéressant: il s&#8217;agit d&#8217;Infogram. Les premiers pas : D&#8217;une façon habituelle, vous devez d&#8217;abord vous inscrire. Pour cela, cliquez sur &#8216;Get started&#8217; en haut à droite. Vous pouvez vous connecter grâce à vos identifiants [&#8230;]</p>
<p>L’article <a href="https://www.tree-learning.fr/boite-a-outils/comment-utiliser-infogram-editeur-dinfographies/">Comment utiliser Infogram, éditeur d&rsquo;infographies</a> est apparu en premier sur <a href="https://www.tree-learning.fr">Tree Learning</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p style="text-align: justify;"><strong>Nous vous avions précédemment parlé de <a href="http://noobelearning.com/2017/08/03/comment-utiliser-piktochart-lediteur-dinfographies/">Piktochart</a>, pour éditer gratuitement  des infographies. Nous vous parlons aujourd&rsquo;hui d&rsquo;un autre outil, tout aussi intéressant: il s&rsquo;agit d&rsquo;Infogram.</strong></p>
<ol>
<li>
<h3>Les premiers pas :</h3>
</li>
</ol>
<p>D&rsquo;une façon habituelle, vous devez d&rsquo;abord vous inscrire. Pour cela, cliquez sur &lsquo;Get started&rsquo; en haut à droite.</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-6154" src="https://noobelearning.com/wp-content/uploads/2017/10/getstarted.png" alt="getstarted" width="390" height="141" /></p>
<p>Vous pouvez vous connecter grâce à vos identifiants Facebook, Google ou avec votre mail.</p>
<p>Vous voilà donc sur l&rsquo;interface. Infogram vous propose 3 possibilités de création :</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-6163" src="https://noobelearning.com/wp-content/uploads/2017/10/infogram1.png" alt="infogram1.PNG" width="970" height="321" /></p>
<p>J&rsquo;ai retenu l&rsquo;option &lsquo;Chart or graph&rsquo;, mais n&rsquo;ayez crainte, quel que soit votre choix vous pourrez de toute façon inclure les trois éléments dans votre création. Il vous faut donc la nommer, puis choisir si vous voulez qu&rsquo;elle soit publique ou privée (à priori publique). Ensuite, cliquez sur &lsquo;Create&rsquo;.</p>
<h3>2. Création de votre infographie :</h3>
<p>Voilà à quoi ressemble mon interface :</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-6173" src="https://noobelearning.com/wp-content/uploads/2017/10/infogram2.png" alt="infogram2.PNG" width="1563" height="839" /></p>
<p style="text-align: justify;"><strong>A gauche, dans la barre latérale</strong>, vous avez plusieurs icônes, respectivement : graphique, carte, texte, image, média (lien YouTube, Vimeo, Flickr etc.) et data (à partir d&rsquo;un document Google Drive, Dropbox etc.)</p>
<p>Si vous voulez insérer par exemple un graphique, après l&rsquo;avoir choisi, glissez-le dans votre éditeur, au centre. Puis cliquez dessus. Va alors s&rsquo;afficher 5 petites icones à droite.  Pour rentrer les données relatives, cliquez sur la première icône &lsquo;Edit Data&rsquo; :</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-6192" src="https://noobelearning.com/wp-content/uploads/2017/10/infogram3.png" alt="infogram3.PNG" width="572" height="182" /></p>
<p style="text-align: justify;">Une feuille de calcul va apparaître dans lequel vous pouvez rentrer vos chiffres. Pas besoin d&rsquo;enregistrer quoi que ce soit, les modifications sur le graphique se font immédiatement.</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-6198" src="https://noobelearning.com/wp-content/uploads/2017/10/infogram4.png" alt="INFOGRAM4" width="582" height="232" /></p>
<p>Le même principe s&rsquo;applique aux cartes interactives, si jamais vous voulez en rajouter.</p>
<h3>3. Sauvegarde et diffusion de votre création :</h3>
<p style="text-align: justify;">Une fois satisfait de votre création, vous n&rsquo;avez plus qu&rsquo;à cliquer sur &lsquo;Share&rsquo; (le bouton bleu en haut à droite). Vous pouvez récupérer l&rsquo;adresse de votre création ainsi que son lien &#8217;embed&rsquo; (son code intégré).</p>
<p style="text-align: justify;"> <img loading="lazy" decoding="async" class="alignnone size-full wp-image-6218" src="https://noobelearning.com/wp-content/uploads/2017/10/infogram5.png" alt="infogram5" width="581" height="607" /></p>
<p>C&rsquo;est donc ce code intégré que je copie et que je colle après avoir au préalable sélectionné dans mon outil auteur <a href="https://www.crea-learning.com/index.php">CréaLearning</a> le bouton &lsquo;Objet intégré&rsquo;.</p>
<h3>4. Exemple :</h3>
<p style="text-align: justify;">Les infographies sont des éléments multimédia très utilisées par le secteur du journalisme. C&rsquo;est donc tout naturellement que pour élaborer ma création Infogram, je me suis basée sur un article récent, à savoir un article du Monde autour de la pollution de l&rsquo;air en Europe, à retrouver <a href="http://www.lemonde.fr/pollution/article/2017/10/11/la-pollution-de-l-air-cause-encore-plus-de-500-000-morts-par-an-en-europe_5199226_1652666.html">ici.</a></p>
<p>Voilà à quoi ressemble <a href="https://infogram.com/la-pollution-de-lair-en-europe-1g43mnqw6kg3mzy" target="_blank" rel="noopener">mon exemple .</a></p>
<div class="infogram-embed" data-id="13345a23-c7f8-4b29-a46b-66840fbea1c5" data-type="interactive" data-title="La pollution de l&amp;#39;air en Europe"></div>
<p><script>!function(e,t,s,i){var n="InfogramEmbeds",o=e.getElementsByTagName("script"),d=o[0],r=/^http:/.test(e.location)?"http:":"https:";if(/^/{2}/.test(i)&&(i=r+i),window[n]&&window[n].initialized)window[n].process&&window[n].process();else if(!e.getElementById(s)){var a=e.createElement("script");a.async=1,a.id=s,a.src=i,d.parentNode.insertBefore(a,d)}}(document,0,"infogram-async","https://e.infogram.com/js/dist/embed-loader-min.js");</script></p>
<div style="padding: 8px 0; font-family: Arial!important; font-size: 13px!important; line-height: 15px!important; text-align: center; border-top: 1px solid #dadada; margin: 0 30px;"><a style="color: #989898!important; text-decoration: none!important;" href="https://infogram.com/13345a23-c7f8-4b29-a46b-66840fbea1c5" target="_blank" rel="noopener">La pollution de l&rsquo;air en Europe</a><br />
<a style="color: #989898!important; text-decoration: none!important;" href="https://infogram.com" target="_blank" rel="nofollow noopener">Infogram</a></div>
<h3>5. Avis de Noobelearning :</h3>
<p style="text-align: justify;">Très positif. Même dans sa version gratuite, Infogram permet de créer des <strong>infographies assez esthétiques et ce, d&rsquo;une façon intuitive</strong>. Certains détails sont peut-être à revoir comme l&rsquo;impossibilité de corriger la légende de &lsquo;facts &amp; figures&rsquo; (dans la catégorie &lsquo;Graphique&rsquo;) mais dans l&rsquo;ensemble, <strong>Infogram est un outil vraiment bien pensé</strong>.</p>
<p>L’article <a href="https://www.tree-learning.fr/boite-a-outils/comment-utiliser-infogram-editeur-dinfographies/">Comment utiliser Infogram, éditeur d&rsquo;infographies</a> est apparu en premier sur <a href="https://www.tree-learning.fr">Tree Learning</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.tree-learning.fr/boite-a-outils/comment-utiliser-infogram-editeur-dinfographies/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Comment utiliser Piktochart, l&#8217;éditeur d&#8217;infographies</title>
		<link>https://www.tree-learning.fr/boite-a-outils/comment-utiliser-piktochart-lediteur-dinfographies/</link>
					<comments>https://www.tree-learning.fr/boite-a-outils/comment-utiliser-piktochart-lediteur-dinfographies/#respond</comments>
		
		<dc:creator><![CDATA[AdminWP]]></dc:creator>
		<pubDate>Thu, 03 Aug 2017 13:38:06 +0000</pubDate>
				<category><![CDATA[Boite à outils]]></category>
		<category><![CDATA[Infographies / Diagrammes]]></category>
		<category><![CDATA[digitallearning]]></category>
		<category><![CDATA[elearning]]></category>
		<category><![CDATA[embedcode]]></category>
		<category><![CDATA[infographie]]></category>
		<category><![CDATA[piktochart]]></category>
		<category><![CDATA[test]]></category>
		<category><![CDATA[tool]]></category>
		<category><![CDATA[tutoriel]]></category>
		<guid isPermaLink="false">https://www.tree-learning.fr/2017/08/03/comment-utiliser-piktochart-lediteur-dinfographies/</guid>

					<description><![CDATA[<p>A tous ceux qui voudraient présenter une infographie, ou n&#8217;importe quelle information sur le plan visuel (flyer, communiqué de presse) mais qui ne seraient pas graphistes, voici un outil qui peut s&#8217;avérer drôlement utile, il s&#8217;agit de Piktochart ! Les premières étapes : Une fois sur le site, cliquez sur &#8216;Start For Free&#8217;. Piktochart va [&#8230;]</p>
<p>L’article <a href="https://www.tree-learning.fr/boite-a-outils/comment-utiliser-piktochart-lediteur-dinfographies/">Comment utiliser Piktochart, l&rsquo;éditeur d&rsquo;infographies</a> est apparu en premier sur <a href="https://www.tree-learning.fr">Tree Learning</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p style="text-align: justify;"><strong>A tous ceux qui voudraient présenter une infographie, ou n&rsquo;importe quelle information sur le plan visuel (flyer, communiqué de presse) mais qui ne seraient pas graphistes, voici un outil qui peut s&rsquo;avérer drôlement utile, il s&rsquo;agit de Piktochart !</strong></p>
<h2>Les premières étapes :</h2>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-3947" src="https://noobelearning.com/wp-content/uploads/2017/08/piktochart1-1.png" alt="piktochart1.PNG" width="1444" height="797" /></p>
<p style="text-align: justify;">Une fois sur le site, cliquez sur &lsquo;Start For Free&rsquo;. Piktochart va alors vous demander de vous identifier, soit avec votre compte Google, Facebook, soit en créant purement et simplement un compte. Validez enfin en cliquant sur &lsquo;Create Account&rsquo;. Un email vous demandant de confirmer votre inscription vous sera envoyé.</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-3952" src="https://noobelearning.com/wp-content/uploads/2017/08/piktochart2-1.png" alt="piktochart2" width="426" height="743" /></p>
<h2>Choix du Template :</h2>
<p>Voici les templates gratuits que vous pouvez utiliser. A vous de faire votre choix.</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-3958" src="https://noobelearning.com/wp-content/uploads/2017/08/piktochart3-1.png" alt="piktochart3.PNG" width="1383" height="835" /></p>
<p style="text-align: justify;">Vous pouvez également faire le choix d&rsquo;autres visuels: des présentations au format panorama (dans Presentation), des posters, flyers etc. (dans Printable).</p>
<h2>A vous de créer !</h2>
<p>Vous avez à gauche plusieurs icônes nommées respectivement: &lsquo;Graphics&rsquo;, &lsquo;Uploads&rsquo;, &lsquo;Background&rsquo;, &lsquo;Text&rsquo;, Color Scheme&rsquo; et enfin &lsquo;Tools&rsquo;.</p>
<p style="text-align: justify;">Vous êtes donc en mesure de changer de place les blocs du template de base, de les changer de couleurs, voire même de les supprimer. Vous pouvez insérer avec &lsquo;Graphics&rsquo; des formes, des lignes etc. Avec &lsquo;Uploads&rsquo; vous pouvez importer vos visuels personnels. &lsquo;Backgrounds&rsquo; vous permet de choisir le fond de votre template (avec possibilité de changer son opacité). Avec &lsquo;Color Scheme&rsquo; c&rsquo;est la palette de couleurs que vous pouvez changer, si celle du template ne vous convient pas.</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-3963" src="https://noobelearning.com/wp-content/uploads/2017/08/piktochart4-1.png" alt="piktochart4" width="1560" height="898" /></p>
<h2>&lsquo;Tools&rsquo;, les outils primordiaux pour votre infographie :</h2>
<p>Mais c&rsquo;est avec l&rsquo;icône &lsquo;Tools&rsquo; que Pitkochart devient vraiment intéressant. Vous pouvez avec &lsquo;Charts&rsquo; insérer dans votre template des visuels infographiques et ce, grâce à une proposition de visuels assez variée.</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-3969" src="https://noobelearning.com/wp-content/uploads/2017/08/piktochart5.png" alt="piktochart5" width="985" height="651" /></p>
<p>Vous pouvez également faire le choix d&rsquo;une carte dynamique:</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-3973" src="https://noobelearning.com/wp-content/uploads/2017/08/piktochart6-1.png" alt="piktochart6.PNG" width="983" height="580" /></p>
<p style="text-align: justify;">Enfin dernière possibilité: intégrer une vidéo Youtube ou Vimeo en copiant/collant son URL. (Piktochart est l&rsquo;Inception de l&rsquo;objet intégré: dans cet objet intégré, vous pouvez insérer des objets intégrés. Vous suivez ?)</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-3978" src="https://noobelearning.com/wp-content/uploads/2017/08/piktochart7.png" alt="piktochart7.PNG" width="352" height="557" /></p>
<h2>Sauvegarde et partage de votre infographie :</h2>
<p style="text-align: justify;">Lorsque vous êtes finalement satisfait de votre création, sauvegardez-la en cliquant sur &lsquo;Save&rsquo; (bouton vert, en haut, à droite). Pour la partager, cliquez sur &lsquo;Share&rsquo;. Il vous est d&rsquo;abord demandé de nommer votre infographie, puis ensuite dans les paramètres de confidentialité (juste en dessous) cliquez sur &lsquo;Unpublished&rsquo;, puis sélectionnez &lsquo;Public&rsquo; et enfin &lsquo;Ok&rsquo;.</p>
<p style="text-align: justify;">Une fois cette étape validée, vous pouvez partager votre infographie sur les différents réseaux sociaux, mais également en cliquant sur l&rsquo;icône: &lt;&gt; , récupérer sa balise iframe et l&rsquo;intégrer par exemple dans votre module Créa Learning. Pour cela, sélectionnez l&rsquo;icône &lsquo;Objet intégré&rsquo; et copiez/collez la balise. Et voilà !</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-3983" src="https://noobelearning.com/wp-content/uploads/2017/08/piktochart8.png" alt="piktochart8.PNG" width="561" height="531" /></p>
<h2></h2>
<h2>Exemple à retrouver <a href="https://magic.piktochart.com/output/23679385-got">ici</a> :</h2>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-4003" src="https://noobelearning.com/wp-content/uploads/2017/08/got1.png" alt="got1" width="678" height="862" /></p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-4004" src="https://noobelearning.com/wp-content/uploads/2017/08/got2-1.png" alt="got2" width="753" height="854" /></p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-4005" src="https://noobelearning.com/wp-content/uploads/2017/08/got3.png" alt="got3" width="757" height="483" /></p>
<h2></h2>
<h2>L&rsquo; Avis de Noobelearning :</h2>
<p>Piktochart est un outil vraiment bien fait. Même dans sa version gratuite, il propose des fonctionnalités intéressantes qui en font un outil de qualité et très intuitif.</p>
<p>L’article <a href="https://www.tree-learning.fr/boite-a-outils/comment-utiliser-piktochart-lediteur-dinfographies/">Comment utiliser Piktochart, l&rsquo;éditeur d&rsquo;infographies</a> est apparu en premier sur <a href="https://www.tree-learning.fr">Tree Learning</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.tree-learning.fr/boite-a-outils/comment-utiliser-piktochart-lediteur-dinfographies/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
