<?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>Edoboard &#187; Trucs &amp; astuces</title>
	<atom:link href="http://edoboard-blog.com/category/trucs-astuces/feed/" rel="self" type="application/rss+xml" />
	<link>http://edoboard-blog.com</link>
	<description>Actualité du monde de l&#039;elearning et du soutien scolaire en ligne</description>
	<lastBuildDate>Fri, 20 Nov 2009 17:52:43 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.5</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Comment réaliser un screencast? partie 2</title>
		<link>http://edoboard-blog.com/2009/11/09/comment-realiser-un-screencast-partie-2/</link>
		<comments>http://edoboard-blog.com/2009/11/09/comment-realiser-un-screencast-partie-2/#comments</comments>
		<pubDate>Mon, 09 Nov 2009 08:13:44 +0000</pubDate>
		<dc:creator>Clement</dc:creator>
				<category><![CDATA[Trucs & astuces]]></category>

		<guid isPermaLink="false">http://edoboard-blog.com/?p=1855</guid>
		<description><![CDATA[
Ça y est, nous y sommes, après avoir choisi notre solution de screencasting, préparé et répété notre screencast (voir la partie 1 de cette série) nous pouvons enfin commencer l&#8217;enregistrement!! Dans cet article nous verrons:

Comment enregistrer son screencast.
Comment éditer son screencast.
Comment effectuer le rendu de sa vidéo.
Comment mettre à disposition sa vidéo.

Pour les besoins de ce post je prendrai exemple avec &#8220;screenr&#8221; pour illustrer les solutions &#8220;web based&#8221; (cf 1ere partie) et camtasia pour les logiciels.
1 Comment enregistrer son screencast?
Pour commencer l&#8217;enregistrement de son screencast il suffit de lancer l&#8217;enregistreur ( &#8220;recorder&#8221; en ...]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-1921" title="screencast part2" src="http://edoboard-blog.com/wp-content/uploads/2009/11/pellicule.jpg" alt="screencast part2" width="500" height="375" /></p>
<p>Ça y est, nous y sommes, après avoir choisi notre solution de screencasting, préparé et répété notre screencast (<a href="http://edoboard-blog.com/2009/11/02/comment-realiser-un-screencast-partie-1/" target="_blank">voir la partie 1 de cette série</a>) nous pouvons enfin commencer l&#8217;enregistrement!! Dans cet article nous verrons:</p>
<ol>
<li>Comment enregistrer son screencast.</li>
<li>Comment éditer son screencast.</li>
<li>Comment effectuer le rendu de sa vidéo.</li>
<li>Comment mettre à disposition sa vidéo.</li>
</ol>
<p>Pour les besoins de ce post je prendrai exemple avec &#8220;screenr&#8221; pour illustrer les solutions &#8220;web based&#8221; (cf 1ere partie) et camtasia pour les logiciels.</p>
<h3>1 Comment enregistrer son screencast?</h3>
<p>Pour commencer l&#8217;enregistrement de son screencast il suffit de lancer l&#8217;enregistreur ( &#8220;recorder&#8221; en version anglaise), en général toutes les solutions de screencasting offrent un outil similaire qui se présente ainsi:</p>
<div id="attachment_1859" class="wp-caption alignnone" style="width: 310px"><a href="http://edoboard-blog.com/wp-content/uploads/2009/11/screencast1.jpg" target="_blank"><img class="size-medium wp-image-1859    " title="L'enregistreur de screenr" src="http://edoboard-blog.com/wp-content/uploads/2009/11/screencast1-300x255.jpg" alt="L'enregistreur de screenr" width="300" height="255" /></a><br />
<p class="wp-caption-text">L&#39;enregistreur de screenr (cliquez sur l&#39;image pour l&#39;agrandir)</p></div>
<div id="attachment_1860" class="wp-caption alignnone" style="width: 310px"><a href="http://edoboard-blog.com/wp-content/uploads/2009/11/screencast2.jpg" target="_blank"><img class="size-medium wp-image-1860    " title="l'enregistreur de camtasia" src="http://edoboard-blog.com/wp-content/uploads/2009/11/screencast2-300x256.jpg" alt="l'enregistreur de camtasia" width="300" height="256" /></a><p class="wp-caption-text">l&#39;enregistreur de camtasia (cliquez sur l&#39;image pour l&#39;agrandir)</p></div>
<p>Les interfaces contiennent les éléments suivants:</p>
<ol>
<li><strong>la zone d&#8217;enregistrement</strong>: la surface délimitée qui sera enregistrée pour votre vidéo. Vous pouvez redimensionner cette zone afin d&#8217;ajuster précisément la partie de l&#8217;écran qui sera prise en compte.</li>
<li><strong>Le bouton de démarrage</strong> de l&#8217;enregistrement.</li>
<li><strong>L&#8217;indicateur du niveau sonore</strong> de votre micro.</li>
<li><strong>Résolution</strong> de votre zone d&#8217;enregistrement.</li>
</ol>
<p><strong><span style="color: #ff6600;">Avant de lancer l&#8217;enregistrement:</span></strong></p>
<ul>
<li><strong>Vérifiez le niveau de votre microphone</strong>. C&#8217;est le rôle de la jauge. Parlez devant votre micro, si la jauge devient rouge cela signifie que le son est saturé, vous devez soit éloigner le micro, soit baisser le niveau via votre ordinateur. Si la jauge est trop basse c&#8217;est qu&#8217;au contraire on ne vous entendra pas, il faut donc vous rapprocher du micro ou augmenter le niveau. L&#8217;idéal est d&#8217;avoir &#8220;en moyenne&#8221; une barre dans le vert.</li>
</ul>
<p><img class="size-full wp-image-1871 alignnone" title="niveau du micro" src="http://edoboard-blog.com/wp-content/uploads/2009/11/screencast3.png" alt="niveau du micro" width="500" height="79" /></p>
<ul>
<li><strong>Dimensionner la zone d&#8217;enregistrement de préférence avec un ratio 4:3 ou 16:9</strong>. Pourquoi? Car il s&#8217;agit d&#8217;un standard utilisé par les hébergeurs de vidéos (youtube, vimeo, dailymotion&#8230;), vous pouvez utiliser d&#8217;autres dimensions mais la zone d&#8217;affichage laissera apparaitre des bandes noires. Par exemple une résolution standard HD fait 1280*720 pixels, soit 1280/720= 16/9, et 640*480 soit 640/480=4/3. Si vous ne voulez pas vous lancer dans de savants calculs utilisez les résolutions prédéfinies par votre logiciel, elles feront très bien l&#8217;affaire.</li>
</ul>
<p><img class="alignnone size-full wp-image-1874" title="screencast4" src="http://edoboard-blog.com/wp-content/uploads/2009/11/screencast4.png" alt="screencast4" width="600" height="800" /></p>
<ul>
<li><strong>Utilisez les raccourcis claviers</strong>, les deux plus pratiques étant pause et arrêt. Pour screenr il s&#8217;agit de ctrl+D, pour camtasia il suffit d&#8217;appuyer sur F10.</li>
</ul>
<p>Vous pouvez maintenant appuyer sur &#8220;Record&#8221; au terme du compte à rebours  exprimez votre talent de screencaster <img src='http://edoboard-blog.com/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> </p>
<h3>2 Comment éditer son screencast</h3>
<p>Cette partie concerne principalement les logiciels comme camtasia ou adobe capture, <strong>si vous utilisez des services comme screenr et screentoaster allez directement à la partie hébergement.</strong></p>
<p>Au terme de la phase d&#8217;enregistrement vous obtenez le fichier vidéo de votre session avec le son et l&#8217;image. Deux solutions: soit laisser tel quel le screencast, soit l&#8217;éditer. Par édition nous entendons l&#8217;ajout d&#8217;éléments graphiques et autres effets afin de:</p>
<ul>
<li> mettre en valeur certaines parties de l&#8217;écran.</li>
<li>dynamiser la vidéo pour maintenir l&#8217;attention de vos spectateurs.</li>
</ul>
<p>Les possibilités offertes par des logiciels comme camtasia ou adobe capture sont tout simplement énormes, d&#8217;après moi seuls quelques effets sont réellement utiles et permettront largement d&#8217;atteindre vos objectifs:</p>
<ul>
<li><strong>L&#8217;outil sous titre</strong>. Mettre des titres et sous titres à vos vidéos donne du poids à votre speech et souligne les points importants auprès de vos spectateurs (qui les retiendront mieux).</li>
<li><strong>L&#8217;outil zoom</strong>. Zoomer sur une partie de l&#8217;écran s&#8217;avère indispensable dans certains cas pour que l&#8217;utilisateur puisse tout simplement lire ce que vous affichez! Trop de screencast oublient ce point et vous commentent des zones illisibles!</li>
<li><strong>L&#8217;encadré</strong>. Très utile pour attirer l&#8217;attention des spectateurs sur des zones particulières de l&#8217;écran.</li>
<li><strong>Le flou</strong>. C&#8217;est le moins utilisé de tous mais reste très pratique pour cacher les données personnelles, par exemple la liste des destinataires d&#8217;un mail, ou votre pseudonyme sur une page internet&#8230;</li>
</ul>
<p>Afin d&#8217;illustrer ces 4 effets principaux je vous ai concocté un screencast de 40 sec:</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="560" height="340" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/U6VVIcPhXb4&amp;hl=fr&amp;fs=1&amp;" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="560" height="340" src="http://www.youtube.com/v/U6VVIcPhXb4&amp;hl=fr&amp;fs=1&amp;" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p>Je ne détaillerai pas ici comment réaliser ces effets tout simplement car cela dépend du logiciel utilisé. Je terminerai cette partie sur l&#8217;édition en insistant sur le fait qu&#8217;il existe de nombreux effets et transitions mais vous n&#8217;êtes pas obliger de tous les utiliser. L&#8217;encadrement en forme de coeur est certes mignon mais pensez à vos spectateurs, de même n&#8217;abusez pas des effets et servez vous en uniquement quand cela est nécessaire, trop de zoom et de cadres donneront le mal de mer à vos utilisateurs.</p>
<p>Lorsque vous êtes content du résultat il est temps de passer au rendu du projet.</p>
<h3>3 Le rendu du projet</h3>
<p><span style="color: #ff6600;"><strong>Qu&#8217;est ce que le rendu?</strong></span></p>
<p>Pour le moment votre montage est constitué de votre piste audio, votre piste vidéo et des effets rajoutés, l&#8217;étape du rendu est simplement le passage du projet vers un fichier vidéo unique.</p>
<p><span style="color: #ff6600;"><strong>dans ce but vous devez choisir:</strong></span></p>
<ul>
<li><strong>le format du fichier: .mp4, .mpeg, .avi etc&#8230;</strong></li>
<li><strong>la qualité d&#8217;encodage du son et de la vidéo.</strong></li>
</ul>
<p>Ces choix sont importants car de ceux-ci découleront la taille et la qualité de votre vidéo. Si vous voulez une excellente qualité cela se paiera par une taille de fichier importante. Ces choix sont donc conduit par vos besoins: si vous voulez envoyer votre vidéo par mail sacrifiez la qualité au profit d&#8217;une taille fichier raisonnable (1 ou 2 MO pour 5 minutes), si vous hébergez vos vidéos sur des sites comme youtube un rapport qualité/taille moyen est préférable (de 5Mo à 15 Mo pour 5 min), enfin si vous ne distribuez pas vos vidéos mais les projetez (ex vidéoproj) alors n&#8217;hésitez pas à utiliser une qualité au top!</p>
<p>Il n&#8217;y a pas de règles universelles, les logiciels utilisant souvent leurs propres paramétrages, voici les paramètres de bases préconisés par les hébergeurs de vidéo (youtube, dailymotion, vimeo&#8230;)</p>
<ul>
<li><strong>codec (format dans lequel est encodée votre vidéo)</strong>, format mp4 (.H264) recommandé</li>
<li><strong>résolution</strong>, recommandés: ratio 4:3 = 640*480 pixels ou haute définition: 1280*720 pixels. Evidemment plus la résolution est élevée plus la qualité et la taille du fichier le seront aussi.</li>
<li><strong>Data rate</strong> <strong>(flux de données, exprimé en kbps, kilobits par secondes)</strong> plus il sera élevé plus la vidéo sera belle mais plus la taille sera importante. Les débits standards: 2000 kbps pour des ratios 4:3, 5000 kbps pour les vidéo hautes définitions.</li>
<li><strong>son</strong>, qualité cd: <span style="padding: 0px; margin: 0px;"> 320 kbps et échantillonnage à </span><span style="padding: 0px; margin: 0px;">44.100 kHz</span>.</li>
</ul>
<p>Ces paramètres sont destinés à ceux qui désirent ajuster finement la qualité du fichier de sortie, si vous désirez la simplicité faîtes confiance aux paramètres prédéfinis de vos logiciels qui vous mâcheront le travail. La seule chose que vous devez absolument choisir est la résolution et la qualité du son.</p>
<div id="attachment_1896" class="wp-caption alignnone" style="width: 575px"><img class="size-full wp-image-1896 " title="screencast5" src="http://edoboard-blog.com/wp-content/uploads/2009/11/screencast5.png" alt="Liste de paramêtres prédéfinis sous camtasia studio" width="565" height="688" /><p class="wp-caption-text">Liste de paramètres prédéfinis sous camtasia studio</p></div>
<p>La liste de paramètres prédéfinis vous aidera, ipod, iphone, youtude, HD, la majorité des formats sont couverts et vous pouvez même créer votre propre jeu de paramètres (ex: Haute def perso).</p>
<p>Pour obtenir le fichier final il ne reste plus qu&#8217;à lancer le rendu!</p>
<h3>4 Comment mettre à disposition sa vidéo.</h3>
<p>Maintenant que votre fichier est produit, la suite logique est de le mettre à disposition afin que vos chers spectateurs puissent en profiter. CD, DVD&#8230; le choix vous appartient, mais pour  l&#8217;hébergement sur internet deux possibilités: sur votre propre serveur, ou sur une plateforme de partage vidéo.</p>
<p><strong>Les hébergeurs vidéos</strong>: les plus connus<a href="http://www.youtube.com/" target="_blank"> Youtube</a>, <a href="http://www.dailymotion.com/fr" target="_blank">Dailymotion</a>,<a href="http://www.vimeo.com/" target="_blank"> vimeo</a>. Chacun de ces sites possède ses propres qualités et ses défauts, plus de trafic sur youtube, meilleure qualité sur vimeo mais payant pour la HD etc&#8230;. Je préfère personnellement vimeo sur laquelle les vidéos chargées sont de meilleurs qualités (nous verrons pourquoi dans la suite). Mon conseil lorsque vous avez décidé de la plateforme est de consulter les recommandations propres à chaque site: <a href="http://www.vimeo.com/help/compression" target="_blank">ici pour vimeo</a>, <a href="http://www.youtube.com/t/yt_handbook_produce#" target="_blank">ici pour youtube</a> et <a href="http://www.dailymotion.com/fr/faq#uploading_videos" target="_blank">ici pour dailymotion</a>.</p>
<p><span style="color: #ff6600;"><strong>Pourquoi la vidéo que j&#8217;ai uploadé sur un hébergeur est de moins bonne qualité que ma vidéo originale?</strong></span></p>
<p>Très souvent l&#8217;apparence d&#8217;une vidéo uploadé sera de qualité inférieure au fichier original (sur votre disque dur). Pourquoi? Tout simplement car lorsque vous envoyez votre fichier (upload) youtube ou autres vont re-compresser votre vidéo aves leurs propres paramètres (cela se passe sur leurs serveurs) qui dégradent votre vidéo. Afin de vous l&#8217;illustrer  j&#8217;ai inséré ci-dessous un screencast: le premier est mon fichier que j&#8217;héberge directement sur mon serveur (donc pas de re-compression) et le second hébergé sur youtube. Vous pouvez noter une différence de la qualité d&#8217;image assez importante! C&#8217;est pour cela qu&#8217;il faut choisir son hébergeur avec soin, vimeo re-compressant mieux que youtube. En revanche votre vidéo a plus de chances d&#8217;être vue sur youtube (plus de visites).<br />
[See post to watch Flash video]
<p>ci-dessus la vidéo sur le serveur, la qualité originale.</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="640" height="385" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/jR41XsgpK5E&amp;hl=fr&amp;fs=1&amp;" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="640" height="385" src="http://www.youtube.com/v/jR41XsgpK5E&amp;hl=fr&amp;fs=1&amp;" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p>Le même fichier uploadé sur youtube, de qualité moindre.</p>
<p><span style="color: #ff6600;"><strong>Qu&#8217;en est-il si j&#8217;utilise screentoaster ou screenr?</strong></span></p>
<p>En ce qui concerne l&#8217;hébergement de ces deux services il se fait automatiquement! Dés que vous avez fini votre enregistrement la vidéo est immédiatement accessible sur leurs serveurs et vous n&#8217;avez plus qu&#8217;à partager le lien. Pas de prise de tête mais moins de contrôle.</p>
<h3><span style="color: #ff6600;"><strong><span style="color: #000000;">Conclusion</span></strong></span></h3>
<p>J&#8217;espère ne pas avoir été trop rébarbatif, même si cela paraît compliqué la création d&#8217;un screencast est très accessible. Lancez vous d&#8217;abord avec des solutions simples comme screenr ou screentoaster qui vous demanderont un minimum d&#8217;investissement (en temps j&#8217;entends). Puis lorsque la qualité de l&#8217;image et du son deviendront importantes alors il sera temps de se pencher sur l&#8217;optimisation de ces flux. Il ne vous faut pas oublier que le succès d&#8217;un screencast vient avant tout de son utilité (le sujet illustré) et de vos explications, si vous remplissez déjà ces critères le &#8220;polissage&#8221; de votre vidéo sera la cerise sur le gateau <img src='http://edoboard-blog.com/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> .</p>
]]></content:encoded>
			<wfw:commentRss>http://edoboard-blog.com/2009/11/09/comment-realiser-un-screencast-partie-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
<enclosure url="http://edoboard-blog.com/wp-content/uploads/2009/11/grapheur.mp4" length="3072303" type="video/mp4" />
		</item>
		<item>
		<title>Histoire: quelques activités elearning pour votre classe</title>
		<link>http://edoboard-blog.com/2009/11/03/histoire-quelques-activites-elearning-pour-votre-classe/</link>
		<comments>http://edoboard-blog.com/2009/11/03/histoire-quelques-activites-elearning-pour-votre-classe/#comments</comments>
		<pubDate>Tue, 03 Nov 2009 22:00:32 +0000</pubDate>
		<dc:creator>Clement</dc:creator>
				<category><![CDATA[Trucs & astuces]]></category>

		<guid isPermaLink="false">http://edoboard-blog.com/?p=1830</guid>
		<description><![CDATA[Un mois de novembre riche en dates historiques, quelques idées d&#8217;activités pour vos élèves.
11 Novembre, armistice de la première guerre mondiale
Idée d&#8217;activité: second life. Je dois avouer que second life n&#8217;est pas du tout ma tasse de thé (moche, pas pratique, pas très utile bref pas fan), néanmoins j&#8217;ai découvert cette initiative anglaise, qui au travers du monde virtuel a reproduit les abords des champs de batailles (camps&#8230;) jusqu&#8217;aux tranchées. A travers une visite guidée vous explorerez cet environnement et consulterez des archives d&#8217;époque, collectées et mises à disposition sous différents ...]]></description>
			<content:encoded><![CDATA[<p>Un mois de novembre riche en dates historiques, quelques idées d&#8217;activités pour vos élèves.</p>
<h3>11 Novembre, armistice de la première guerre mondiale</h3>
<p><strong>Idée d&#8217;activité: second life</strong>. Je dois avouer que second life n&#8217;est pas du tout ma tasse de thé (moche, pas pratique, pas très utile bref pas fan), néanmoins j&#8217;ai découvert cette initiative anglaise, qui au travers du monde virtuel a reproduit les abords des champs de batailles (camps&#8230;) jusqu&#8217;aux tranchées. A travers une visite guidée vous explorerez cet environnement et consulterez des archives d&#8217;époque, collectées et mises à disposition sous différents formats: audio, image, vidéo et des textes complets. Même si second life est toujours aussi buggé ces archives sont vraiment intéressantes.</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="560" height="340" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/ALkq-6aLo_A&amp;hl=fr&amp;fs=1&amp;" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="560" height="340" src="http://www.youtube.com/v/ALkq-6aLo_A&amp;hl=fr&amp;fs=1&amp;" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p><a href="http://slurl.com/secondlife/Frideswide/219/199/646/" target="_blank">le lien de cette zone.</a></p>
<h3>9 Novembre: chute du mur de berlin</h3>
<p><strong>Idées d&#8217;activit</strong><strong>és: google earth et archives INA</strong>. <a href="http://www.google.com/gadgets/directory?synd=earth&amp;hl=fr&amp;url=http://maps.google.com/maps/gx%3Foe%3Dutf-8%26output%3Dghapi%26q%3Dhttp%253A%252F%252Ffileshare174.depositfiles.com%252Fauth-1245664133bb493b652592f4ef04a0fd-93.72.198.168-380144960-20924455-guest%252FFS174-17%252FBerlin_wall.kmz%253F" target="_blank">Ce plugin google earth</a> reproduit le tracé et les différents checkpoints du mur de la honte. Vous trouverez même <a href="http://sketchup.google.com/3dwarehouse/details?mid=516012dd88b158ba79b6fb9cdc662b43&amp;ct=mdrm" target="_blank">ici des modèles 3D</a> à ajouter à votre carte.</p>
<p><img class="alignnone size-full wp-image-1836" title="berlin" src="http://edoboard-blog.com/wp-content/uploads/2009/11/berlin.png" alt="berlin" width="550" height="450" /></p>
<p>Cartes que vous pourrez illustrer avec <a href="http://www.ina.fr/recherche/recherche?vue=Video&amp;startVideo=90" target="_blank">quelques archives de l&#8217;INA</a></p>
<p><script src="http://www.ina.fr/js/global/controle/ogp_player_embed.js" type="text/javascript"></script><script src="http://www.ina.fr/player/embed/w/512/h/384/id_notice/CAC89047963/id_utilisateur/921689/hash/6d66d8a35a9a932b347244d15746a255" type="text/javascript"></script></p>
<div style="background-color: #000; font: 11px/18px Arial,Helvetica,Verdana,sans-serif; color: #b4d2fe; width: 512px;">retrouver ce média sur <a style="font-weight:bold; color:#b4d2fe" href="http://www.ina.fr/video/CAC89047963/historique-du-mur-de-berlin.fr.html" target="_blank">www.ina.fr</a></div>
]]></content:encoded>
			<wfw:commentRss>http://edoboard-blog.com/2009/11/03/histoire-quelques-activites-elearning-pour-votre-classe/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Comment réaliser un screencast? partie 1</title>
		<link>http://edoboard-blog.com/2009/11/02/comment-realiser-un-screencast-partie-1/</link>
		<comments>http://edoboard-blog.com/2009/11/02/comment-realiser-un-screencast-partie-1/#comments</comments>
		<pubDate>Mon, 02 Nov 2009 09:30:45 +0000</pubDate>
		<dc:creator>Clement</dc:creator>
				<category><![CDATA[Trucs & astuces]]></category>

		<guid isPermaLink="false">http://edoboard-blog.com/?p=1770</guid>
		<description><![CDATA[
Dans cette série en 2 parties nous allons découvrir ensemble quelques trucs et astuces pour réaliser un bon screencast. Dans ce premier article nous nous intéresserons à la phase de préparation.

Choisir son logiciel de screencasting.
Le matériel nécessaire.
préparer son screencast.
préparer l&#8217;environnement pour l&#8217;enregistrement.

Etape 1: choisir son logiciel de screencasting
Il existe deux grandes catégories de logiciels et de services pour réaliser des enregistrements de votre écran:

les logiciels: que vous devez télécharger et installer sur votre ordinateur.
Les services sur internet (dit &#8220;web based&#8221;): vous n&#8217;avez rien à télécharger tout se passe dans votre navigateur.

Avantages ...]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-1808" title="screencasting, action!" src="http://edoboard-blog.com/wp-content/uploads/2009/11/cameraman.jpg" alt="screencasting, action!" width="500" height="320" /></p>
<p>Dans cette série en 2 parties nous allons découvrir ensemble quelques trucs et astuces pour réaliser un bon screencast. Dans ce premier article nous nous intéresserons à la phase de préparation.</p>
<ol>
<li>Choisir son logiciel de screencasting.</li>
<li>Le matériel nécessaire.</li>
<li>préparer son screencast.</li>
<li>préparer l&#8217;environnement pour l&#8217;enregistrement.</li>
</ol>
<h3 style="font-size: 1.17em;">Etape 1: choisir son logiciel de screencasting</h3>
<p>Il existe deux grandes catégories de logiciels et de services pour réaliser des enregistrements de votre écran:</p>
<ul>
<li><strong>les logiciels</strong>: que vous devez télécharger et installer sur votre ordinateur.</li>
<li><strong>Les services sur internet</strong> (dit &#8220;web based&#8221;): vous n&#8217;avez rien à télécharger tout se passe dans votre navigateur.</li>
</ul>
<p><span style="color: #000000;">Avantages et inconvénients </span><strong><span style="color: #000000;">des logiciel</span></strong><strong><span style="color: #000000;">s</span></strong><span style="color: #000000;">:</span></p>
<ul>
<li>+ très complets en termes de fonctionnalités: enregistrement, édition poussée (zoom, transitions&#8230;), choix des caractéristiques de la vidéo (taille, qualité&#8230;).</li>
<li>+ Possibilité d&#8217;éditer séparément les pistes audio et vidéo.</li>
<li>+ grande variété des formats de fichiers: mp4, mpeg, avi etc&#8230;</li>
<li>- toutes ces fonctionnalités se payent par une prise en main parfois longue.</li>
<li>- prend du temps pour éditer, faire un rendu et enfin mettre la vidéo en ligne.</li>
<li>- téléchargement et installation obligatoires sur l&#8217;ordinateur.</li>
</ul>
<p>Pour résumer, les logiciels de screencasting sont hyper complets et vous permettent de paramétrer très finement vos screencasts, en revanche leur utilisation nécessite souvent une bonne connaissance informatique et beaucoup de temps.</p>
<p><span style="color: #000000;">Avantages et inconvénients </span><strong><span style="color: #000000;">des services &#8220;web based&#8221;:</span></strong></p>
<ul>
<li>+ plus simple d&#8217;utilisation.</li>
<li>+ pas de téléchargement, tout se passe dans votre navigateur web.</li>
<li>+ intégration des vidéos directement sur internet (youtube&#8230;) l&#8217;hébergement se fait dans la foulée de l&#8217;enregistrement.</li>
<li>- moins de fonctionnalités et de paramètres, comparés aux logiciels.</li>
<li>- Pas de fichiers séparés pour rééditer ou apporter des modifications plus tard.</li>
</ul>
<p>Plus légers et rapides à prendre en main les services de screencast intégrés au navigateur souffrent en contre partie de réglages et de possibilités plus limités.</p>
<p><strong><span style="color: #ff6600;">Quel service de screencast vous faut-il?</span></strong></p>
<p>Afin de choisir le service qui vous conviendra le mieux il est nécessaire de se poser quelques questions:</p>
<ul>
<li>Quels sont les objectifs de votre screencast? (une introduction rapide? une vidéo explicative très poussée?&#8230;)</li>
<li>Comment voulez-vous le distribuer: sur internet (youtube&#8230;), par envoi du fichier? en téléchargement?</li>
<li>Nécessite-t-il une édition poussée (zoom, flèches, sous titres&#8230;) ou s&#8217;agit il simplement d&#8217;une illustration vidéo?</li>
<li>Cherchez-vous la simplicité ou un contrôle total?</li>
</ul>
<p>Une fois que vous avez défini ce cadre, vous pouvez adopter le service le plus adéquat: <strong>pour une utilisation rapide et simple privilégiez les services &#8220;web based&#8221; pour des screencasts nécessitant un montage, préférez les logiciels.</strong></p>
<p>Sans en faire une liste complète je vous propose trois excellents services pour chacune des catégories:</p>
<p><span style="color: #ff6600;"><strong>Logiciels:</strong></span></p>
<ul>
<li><a href="http://www.techsmith.fr/camtasia.asp?CMP=KgoogleCSfr&amp;gclid=CPOA3s6r6p0CFVtn4wodlh8dLg" target="_blank">camtasia studio</a> 30 jours gratuits, à tester absolument.</li>
<li><a href="http://www.techsmith.fr/camtasia.asp?CMP=KgoogleCSfr&amp;gclid=CPOA3s6r6p0CFVtn4wodlh8dLg" target="_blank"></a><a href="http://www.adobe.com/fr/products/captivate/solutions/screencast/" target="_blank">Adobe Captivate</a> une référence, gratuit pour 30 jours.</li>
<li><a href="http://www.adobe.com/fr/products/captivate/solutions/screencast/" target="_blank"></a><a href="http://www.jingproject.com/" target="_blank">Jing</a> (gratuit mais offrant moins de fonctionnalités)</li>
</ul>
<p><span style="color: #ff6600;"><strong>Web based:</strong></span></p>
<ul>
<li><a href="http://www.screentoaster.com" target="_blank">screentoaster</a>, simple, rapide efficace et offre l&#8217;hébergement direct de votre vidéo.</li>
<li><a href="http://www.screentoaster.com" target="_blank"></a> <a href="http://screenr.com/" target="_blank">screenr</a>, de même que screentoaster.</li>
<li><a href="http://screenr.com/" target="_blank"></a> <a href="http://www.skoffer.com/Home" target="_blank">Skoffer</a>, un brin en dessous des deux premiers.</li>
</ul>
<h3>Etape 2: le matériel nécessaire</h3>
<p>Pour réaliser un sceencast il vous faudra simplement un microphone et éventuellement une webcam si vous désirez apparaitre dans votre vidéo. Encore une fois le choix du matériel dépend largement de vos objectifs et de vos exigences en terme de qualité. Le microphone me semble le point le plus sensible, la différence entre le micro de votre casque audio ou celui se trouvant intégré à votre ordinateur et un bon microphone à quelques dizaines d&#8217;€ est souvent flagrante. Atténuation du bruit ambiant, meilleure qualité d&#8217;enregistrement, l&#8217;investissement dans un bon micro se ressentira vraiment dans vos vidéos.</p>
<p><strong><span style="color: #ff6600;">Vers quelle gamme de matériel dois-je me tourner?</span></strong></p>
<p>Si vous faîte occasionnellement ou à des fins personnelles des screencasts, le micro de base  de votre casque  fera l&#8217;affaire. Si vous vous lancez dans une activité plus poussée, cherchez à attirer un public, l&#8217;investissement dans un microphone de qualité me semble indispensable. De plus un micro seul (contrairement à celui intégré au casque) permet d&#8217;ajuster la distance et donc le niveau sonore plus facilement (on sature rapidement le son avec le micro proche de sa bouche).</p>
<ul>
<li>~10€ micros de bases, exemple: <a href="http://micro-informatique.fnac.com/a2756827/Accessoire-micro-et-telecom-Accessoire-micro-Logitech-Desktop-Microphone?Mn=-1&amp;Ra=-5000&amp;To=0&amp;Nu=18&amp;Fr=0" target="_blank">Logitech Desktop Micro</a></li>
<li>à partir de 25€, exemple: <a href="http://micro-informatique.fnac.com/a1725171/Accessoire-micro-et-telecom-Accessoire-micro-Logitech-USB-Desktop-Microphone?Mn=-1&amp;Ra=-5000&amp;To=0&amp;Nu=27&amp;Fr=0" target="_blank">Logitech USB microphone</a></li>
<li>au delà de 40-50€: des microphones de type <a href="http://tv-video.fnac.com/a1787245/Accessoire-image-et-son-Accessoire-audio-Sennheiser-e-815-S-J?Mn=-1&amp;Ra=-5000&amp;To=0&amp;Nu=4&amp;Fr=0" target="_blank">seinheiser</a>, sony&#8230;</li>
</ul>
<p>J&#8217;utilise personnellement un micro de la gamme de 25-30€ et celui-ci me donne entièrement satisfaction (Le Logitech pour ne pas le citer).</p>
<h3>Etape 3: préparer son screencast</h3>
<p>Maintenant que vous avez choisi votre logiciel et réuni votre matériel, il faut se lancer dans la réalisation de son screencast, mais avant de mettre les mains dans le cambouis je vous conseille très fortement une phase de préparation qui vous fera gagner du temps et en qualité lors de l&#8217;enregistrement.</p>
<ul>
<li><strong>Faites un script de votre screencast</strong>. Sans en écrire complètement le texte il est selon moi indispensable de créer un petit script sur papier qui retrace les différents points dans l&#8217;ordre que vous voulez aborder. Cela vous permettra de ne rien oublier et de ne pas vous retrouver au milieu de votre enregistrement à ne plus savoir ou aller.</li>
<li><strong>Prévoyez des screencast de moins de 5 minutes</strong>. L&#8217;attention d&#8217;une personne va rarement au delà de 5 minutes, n&#8217;hésitez pas à faire moins de 5 minutes. L&#8217;exercice vous obligera à  condenser votre message et à aller droit au but, à l&#8217;essentiel.</li>
<li><strong>N&#8217;hésitez pas à diviser vos explications en plusieurs screencasts</strong>. Si vous faîtes une seule vidéo très longue,  vous perdrez les utilisateurs qui cherchent une information particulière. La recherche d&#8217;un passage sur une vidéo reste pour le moment compliquée, si la vidéo dure plus de 5 minutes des chapitres sont nécessaires pour y naviguer.</li>
<li><strong>Répéter une ou deux fois avant d&#8217;enregistrer</strong>. Sans tout régler (micro, zone capturée&#8230;) cela vous permettra de vous entrainer, de faire moins de &#8220;euhhhh&#8221; intempestifs au milieu de vos phrases et de repérer ce qui ne va pas sur votre écran pour l&#8217;enregistrement (données personnelles affichées sur une page etc&#8230;).</li>
</ul>
<p>En suivant ces quelques règles vous gagnerez du temps lors de vos enregistrements. Vos utilisateurs veulent s&#8217;instruire en vous écoutant, en condensant votre message, en allant droit au but et en éliminant les digressions et autres nuisances verbales (euhhhh) l&#8217;efficacité de votre vidéo n&#8217;en sera que meilleur.</p>
<h3>Etape 4: préparation de votre environnement</h3>
<p>Ouf ça y est, on arrive au bout et nous sommes quasiment prêts à enregistrer. Avant de passer à cette étape il reste cependant à préparer votre environnement d&#8217;enregistrement.</p>
<ul>
<li><strong>Installez-vous dans une pièce fermée</strong> et la plus silencieuse possible pour éviter les bruits de fond.</li>
<li><strong>Pensez aux éléments </strong><strong>perturbateurs</strong>: chaise qui grince, téléphone, animal domestique pouvant se réveiller à tout moment. Il est toujours dommage de devoir recommencer son enregistrement quand une sonnerie retentit en plein milieu de la session :-).</li>
<li><strong>Installer vous confortablement et préparez votre espace de travail</strong>: de préférence dégagé avec le micro bien en face de vous, le script sous les yeux au cas ou.</li>
</ul>
<p>ça y est vous êtes prêt maintenant pour la session d&#8217;enregistrement, la suite au prochain article!</p>
]]></content:encoded>
			<wfw:commentRss>http://edoboard-blog.com/2009/11/02/comment-realiser-un-screencast-partie-1/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>twitter: 3 applications pour vos classes</title>
		<link>http://edoboard-blog.com/2009/10/06/twitter-3-applications-pour-vos-classes/</link>
		<comments>http://edoboard-blog.com/2009/10/06/twitter-3-applications-pour-vos-classes/#comments</comments>
		<pubDate>Tue, 06 Oct 2009 20:25:37 +0000</pubDate>
		<dc:creator>Clement</dc:creator>
				<category><![CDATA[Trucs & astuces]]></category>
		<category><![CDATA[elearning]]></category>

		<guid isPermaLink="false">http://edoboard-blog.com/?p=1378</guid>
		<description><![CDATA[

Hier nous avons eu l&#8217;insolence d&#8217;émettre un (très léger) avis sur la surmédiatisation de twitter au détriment du blogging. Pour me repentir de cet acte de rébellion je propose aujourd&#8217;hui  3 exemples d&#8217;applications Twitter  à utiliser en classe. Le but est de proposer une utilisation ludique et utile du service de microbloging.
Mighty quizz: testez vos élèves grâce à twitter
Mighty quizz vous permet de créer des quizz directement en ligne pour ensuite les partager via Facebook, Twitter ou par email. Le processus est assez simple: vous vous connectez avec votre compte Twitter, vous créez vos questions à choix ...]]></description>
			<content:encoded><![CDATA[<p><a href="http://edoboard-blog.com/wp-content/uploads/2009/10/poll.png"><img class="alignnone size-full wp-image-1417" title="twitter quizz" src="http://edoboard-blog.com/wp-content/uploads/2009/10/poll.png" alt="twitter quizz" width="550" height="300" /></a></p>
<p><a href="http://edoboard-blog.com/wp-content/uploads/2009/10/poll.png"></a><br />
Hier nous avons eu l&#8217;insolence d&#8217;émettre un (très léger) avis sur la surmédiatisation de twitter au détriment du blogging. Pour me repentir de cet acte de rébellion je propose aujourd&#8217;hui  3 exemples d&#8217;applications Twitter  à utiliser en classe. Le but est de proposer une utilisation ludique et utile du service de microbloging.</p>
<p><a href="http://www.mightyquiz.com/" target="_blank"><strong>Mighty quizz</strong></a><strong>: testez vos élèves grâce à twitter</strong></p>
<p>Mighty quizz vous permet de créer des quizz directement en ligne pour ensuite les partager via Facebook, Twitter ou par email. Le processus est assez simple: vous vous connectez avec votre compte Twitter, vous créez vos questions à choix multiples et vous pouvez alors les partager avec votre classe, c&#8217;est simple et le design vraiment sympa. Voici un petit exemple  dans lequel nous vous avons conctocté un quizz mathématique!</p>
<p><a href="http://www.mightyquiz.com/q/19995/combien-font-2-2">La question 1 d&#8217;edoboard</a>, <a href="http://www.mightyquiz.com/q/19996/determinez-x-x+2-4" target="_blank">la question 2 d&#8217;edoboard</a></p>
<p><a href="http://strawpollnow.com/" target="_blank"><strong>strawpollnow</strong></a><strong>: sondez votre classe</strong></p>
<p>Avec strawpoll pas de quizz mais une petite application &#8220;sondage&#8221; pour recueillir l&#8217;avis de votre classe. Créez votre question sur le site et twittez  la, les élèves répondent simplement en re-twittant <em>@user &lt;vote&gt; &lt;texte&gt; </em>ou @user est votre compte. Vous recueillez ensuite les résultats sur une page de ce type:</p>
<p><a href="http://edoboard.strawpollnow.com/">http://edoboard.strawpollnow.com/</a></p>
<p><a href="http://twtpoll.com/" target="_blank"><strong>Twtpoll</strong></a><strong>: sondez et testez votre classe</strong></p>
<p>Twtpoll combine les avantages des deux applications précédentes: des questions à choix multiples (et bien d&#8217;autres formats) et les graphiques de résultats. En plus il est possible d&#8217;intégrer facilement les questions et les résultats sous forme de widget blog. la preuve ci-dessous.</p>
<p><script src="http://twtpoll.com/js/badge.js" type="text/javascript"></script> <script src="http://twtpoll.com/badge/?twt=sf41dm&amp;b=1" type="text/javascript"></script></p>
<p><script src="http://twtpoll.com/js/badge.js" type="text/javascript"></script> <script src="http://twtpoll.com/badge/?twt=sf41dm&amp;r=1&amp;s=250&amp;b=1" type="text/javascript"></script></p>
]]></content:encoded>
			<wfw:commentRss>http://edoboard-blog.com/2009/10/06/twitter-3-applications-pour-vos-classes/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
