<?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>Sur la route de la Geek</title>
	<atom:link href="http://www.julia.buchner.fr/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.julia.buchner.fr</link>
	<description>I&#039;ll still be a geek after nobody thinks it&#039;s chic !</description>
	<lastBuildDate>Tue, 01 May 2012 20:59:13 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>Heather Mallender a disparu</title>
		<link>http://www.julia.buchner.fr/heather-mallender-a-disparu/</link>
		<comments>http://www.julia.buchner.fr/heather-mallender-a-disparu/#comments</comments>
		<pubDate>Tue, 01 May 2012 20:59:13 +0000</pubDate>
		<dc:creator>Julia</dc:creator>
				<category><![CDATA[En librairie]]></category>
		<category><![CDATA[robert goddard]]></category>

		<guid isPermaLink="false">http://www.julia.buchner.fr/?p=12222</guid>
		<description><![CDATA[Comme son nom l'indique, Heather Mallender a disparu. Fille d'un riche armateur anglais, elle est venue soigner sa dépression dans les îles grecques. Sa sœur, Clare, est morte quelques mois plus tôt dans un attentat de l'IRA visant son patron, le politicien talentueux Alan Dysart. Le-dit Alan propose à la jeune Heather de venir se [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.julia.buchner.fr/wp-content/uploads/2012/05/heather_mallender_a_disparu-191x300.jpg" alt="" title="heather_mallender_a_disparu" width="191" height="300" class="alignleft size-medium wp-image-12225" />Comme son nom l'indique, Heather Mallender a disparu. Fille d'un riche armateur anglais, elle est venue soigner sa dépression dans les îles grecques. Sa sœur, Clare, est morte quelques mois plus tôt dans un attentat de l'IRA visant son patron, le politicien talentueux Alan Dysart. Le-dit Alan propose à la jeune Heather de venir se ressourcer dans sa maison grecque, chaperonnée par son meilleur ami et homme à tout faire, Harold. Mais Heather disparaît, laissant à Harold le soin de porter les accusations d'enlèvement, de séquestration et de meurtre qui lui tombent dessus. Le pauvre bougre se met alors en chasse de la vérité, seule capable de le laver de tout soupçon. Magouilles politiques, ingérences médicales, rancunes personnelles,... Mais pourquoi Heather a-t-elle disparu ?</p>
<p>Emmenant le lecteur tambour battant des îles grecques à la campagne anglaise en passant par la Suisse, le suspense commence dès les premières pages pour ne le lâcher qu'à la dernière. Encore un coup à ne pas dormir la nuit, tellement on est pris au jeu de recherche et de découvertes qui entraîne Harold au fond de la manipulation et de la corruption humaine. &Agrave; ne surtout pas manquer !</p>
]]></content:encoded>
			<wfw:commentRss>http://www.julia.buchner.fr/heather-mallender-a-disparu/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>More Mozilla Spaces&#8230;</title>
		<link>http://www.julia.buchner.fr/more-mozilla-spaces/</link>
		<comments>http://www.julia.buchner.fr/more-mozilla-spaces/#comments</comments>
		<pubDate>Fri, 13 Apr 2012 13:37:34 +0000</pubDate>
		<dc:creator>Julia</dc:creator>
				<category><![CDATA[English Life]]></category>
		<category><![CDATA[mozilla spaces]]></category>

		<guid isPermaLink="false">http://www.julia.buchner.fr/?p=12195</guid>
		<description><![CDATA[Last February, I wrote about Mozilla Spaces, a project about Mozilla offices, with co-working inside. After sharing this article with members of Mozilla Reps, I got a lot of feedbacks, mostly very positive. And some made me think about issues and extensions that this project could take. Mozilla office, yes, but if not? The first [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.julia.buchner.fr/mozilla-spaces/">Last February, I wrote about Mozilla Spaces</a>, a project about Mozilla offices, with co-working inside. After sharing this article with members of Mozilla Reps, I got a lot of feedbacks, mostly very positive. And some made me think about issues and extensions that this project could take.</p>
<h3>Mozilla office, yes, but if not?</h3>
<p>The first problem is: what if <strong> there is no Mozilla office in the city or if the office is too small for hosting events?</strong> In this case, it's hard for a Mozillians' community renting an office space (in Paris, it is extremely expensive, even for special events less than a day). A first line of thought would be to invest places that are already "open", according to the different kind of events you want to organize:</p>
<ul>
<li><strong>cafés:</strong> many cafés / bars can be reserved for informal community events, small meetings conferences. For my part, I have organized this kind of thing in Paris, <a href="http://www.corcorans.fr/">Corcoran's</a>, <a href="http://www.tgcparis.com/">Great Canadian</a>, <a href="http://www.leplayers.com/accueil/accueil,6,299,135.html">Players</a> or <a href="http://www.it-place.fr/">IT Place</a>. But these are only examples <img src='http://www.julia.buchner.fr/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> .</li>
<li><strong>hacker-spaces:</strong> a little more <em>underground</em>, these places are often large sympathizers of free software / open source. You just have to come and talk with persons present to see if the place can host an event. Still in Paris: <a href="http://leloop.org/">LeLoop</a>, <a href="http://blackboxe.fr/">BlackBloxe</a>, <a href="http://www.tmplab.org/">TMP/LAB</a>...</li>
<li><strong>co-working places:</strong> here, you must find out about this places, because if it's possible to come and work individually, organizing a bigger event may be paid. For Paris, the best is <a href="http://lacantine.org/">La Cantine</a>, but it is not alone: ​​<a href="http://www.the-ruche.net/">La Ruche</a>, <a href="http://www.mutinerie.org/">La Mutinerie</a>, <a href="http://www.soleillescowork.com/blog">Soleilles</a>, <a href="http://next-coworking.com/">Next &#038; Co-working</a>... </li>
</ul>
<p>There are other ideas that can be explored for "affiliate" Mozilla Spaces:</p>
<ul>
<li><strong>museums:</strong> this may seem a little huge, but this already happens: la Cité des Sciences et de l'Industrie of Paris regularly provides its <a href="http://www.universcience.fr/fr/carrefour-numerique">digital space</a> to <a href="http://ubuntu-fr.org/">Ubuntu-Fr</ a>, who organize events about Free Software. In the same kind, <a href="http://www.gaite-lyrique.net/">la Gaîté Lyrique</a> opened its office for one year to the hacker-space TMP/LAB.</li>
<li><strong>associations and business partners:</strong> I do it regularly with <a href="http://gitparis.com/">Girls in Tech Paris</a>, which organizes events around diversity in entrepreneurship. The difficulty lies in finding the sponsor, whose ideas are in place with your mission/vision.</li>
</ul>
<p>With all this, there is work to do!</p>
<h3>Present, captain!</h3>
<p>Second important question: <strong>what kind of presence can we organize?</strong> It depends on the presence of an employee whose mission is to do this (I talked in my previous article about a <em>community manager</em> associated with this Space, who would manage activities around the office and Mozilla affiliate places).<br />
Typically, this presence includes a large number of events:</p>
<ul>
<li><strong>every day presence:</strong> welcome and assistance, driving  in the office and projects, translation,... With this real presence, we should add a virtual presence, of course.</li>
<li><strong>occasional workshops, with communities, on a specific topic:</strong> it's already common in Mozilla Paris, with workshops such as TupperVim, Documentation of Wednesday,...</li>
<li><strong>workshops more "generic":</strong>projects' presentation, education, support, evangelism,...</ li>
<li><strong>workshops on selective news:</strong> SOPA and PIPA made great noise in the U.S., Mozilla reacts about these law. Little noise was made about ACTA, HADOPI, LOPPSI or some laws in the same vein. In a less politicized way, we can do things during Internet's festival, Music' fest or the Women's Day, for example.</li>
</ul>
<h3>Enlarge your UX!</h3>
<p>This last question is from my own idea: how can we improve the user experience around this kind of project? When I come in a Mozilla office, what I expect of it? What can I win by coming to such a place? What can make me want to return or to participate more?</p>
<p>Awaiting responses, more for the next episode <img src='http://www.julia.buchner.fr/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.julia.buchner.fr/more-mozilla-spaces/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Firefox + Twiligth = ???</title>
		<link>http://www.julia.buchner.fr/firefox-twiligth/</link>
		<comments>http://www.julia.buchner.fr/firefox-twiligth/#comments</comments>
		<pubDate>Fri, 13 Apr 2012 13:08:56 +0000</pubDate>
		<dc:creator>Julia</dc:creator>
				<category><![CDATA[Dans la peau du Panda]]></category>
		<category><![CDATA[firefox flicks]]></category>
		<category><![CDATA[mozilla]]></category>

		<guid isPermaLink="false">http://www.julia.buchner.fr/?p=12206</guid>
		<description><![CDATA[Quel titre racoleur&#160;! Utiliser le dernier navet pardon, la dernière saga à la mode, pour faire du visiteur unique ou de la page visitée,... Serai-je tombée aussi bas&#160;? En fait, non, c'est plutôt une opération séduction de chez Mozilla qui m'a fait penser à un tel titre&#160;: Et oui, ils ont osé... Mais c'est pour [...]]]></description>
			<content:encoded><![CDATA[<p>Quel titre racoleur&nbsp;! Utiliser <del>le dernier navet</del> pardon, la dernière saga à la mode, pour faire du visiteur unique ou de la page visitée,... Serai-je tombée aussi bas&nbsp;? En fait, non, c'est plutôt une opération séduction de chez Mozilla qui m'a fait penser à un tel titre&nbsp;:</p>
<p><iframe width="560" height="315" src="http://www.youtube.com/embed/LfY3i3_62gc" frameborder="0" allowfullscreen></iframe></p>
<p>Et oui, ils ont osé... Mais c'est pour la bonne cause&nbsp;! En effet, ici, il est question de mettre en avant un concours&nbsp;: </p>
<blockquote><p>Mozilla aimerait maintenant entendre votre voix et regarder votre bobine... de films. C'est pourquoi nous avons lancé la 2ème édition de notre concours &laquo;&nbsp;<a href="http://firefoxflicks.mozilla.org/fr/">Firefox Flicks</a>&nbsp;&raquo;. Soyez inventif, laissez libre cours à votre imagination, amusez-vous&nbsp;! Réalisez votre vidéo pour Firefox, le résultat sera visionné par un jury composé de personnalités de Hollywood, dont <strong>Edward Norton</strong>. Les récompenses se montent à plusieurs milliers de dollars. Et toutes les vidéos seront visibles dans le monde entier&nbsp;!</p></blockquote>
<p>Edward Norton, tout de même&nbsp;! Quoi, &laquo;&nbsp;c'est qui, Edward Norton&nbsp;?&nbsp;&raquo; <a href="http://www.youtube.com/watch?v=k4QaUHdfNxM">Si si, vous savez qui c'est, obligé</a>&nbsp;!</p>
<p>Et il se trouve que mercredi 18 avril, Mozilla organise une soirée spéciale &laquo;&nbsp;cinéma et animation&bsp;&raquo;. Au programme&nbsp;:</p>
<ul>
<li>19:30 Mozilla et l'avenir de la création sur le Web</li>
<li>19:45 Présentation du concours Flicks</li>
<li>20:15 Popcorn.js, un nouvel outil pour décupler les possibilités de la vidéo en ligne</li>
<li>20:40 Démonstrations</li>
<li>21:30 Q/R autour d'un verre</li>
</ul>
<p>Tout cela se passe à La Cantine, 151 rue Montmartre, Passages des Panoramas, 75002, Paris, à partir de 19h,<br />
On vous attend, il y aura à boire et à manger&nbsp;!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.julia.buchner.fr/firefox-twiligth/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Encore plus d&#8217;espace&#8230;</title>
		<link>http://www.julia.buchner.fr/encore-plus-despace/</link>
		<comments>http://www.julia.buchner.fr/encore-plus-despace/#comments</comments>
		<pubDate>Wed, 11 Apr 2012 13:09:44 +0000</pubDate>
		<dc:creator>Julia</dc:creator>
				<category><![CDATA[Dans la peau du Panda]]></category>
		<category><![CDATA[mozilla spaces]]></category>

		<guid isPermaLink="false">http://www.julia.buchner.fr/?p=12149</guid>
		<description><![CDATA[Mi-février, je parlais de Mozilla Spaces, un projet autour des bureaux de Mozilla, avec une pointe de co-working. En partageant cet article avec les membres du projet Mozilla Reps, j'ai eu droit à un bon nombre de retours, la plupart très positif. Et quelques uns m'ont fait réfléchir à certaines problématiques et certaines extensions que [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.julia.buchner.fr/mozilla-spaces/">Mi-février, je parlais de Mozilla Spaces</a>, un projet autour des bureaux de Mozilla, avec une pointe de co-working. En partageant cet article avec les membres du projet Mozilla Reps, j'ai eu droit à un bon nombre de retours, la plupart très positif. Et quelques uns m'ont fait réfléchir à certaines problématiques et certaines extensions que pouvait prendre un tel projet.</p>
<h3>Bureau Mozilla oui mais si&nbsp;?</h3>
<p>La première problématique est&nbsp;: <strong>que faire s'il n'y a pas de bureau Mozilla dans une ville ou si les bureaux sont un peu petits</strong>. Dans ce cas, il est assez dur pour une communauté de Mozilliens de louer des bureaux (à Paris, c'est extrêmement coûteux, même pour des événements ponctuels qui dure moins d'une journée). Une première piste de réflexion serait d'investir des lieux déjà &laquo;&nbsp;ouverts&nbsp;&raquo;, différents selon le genre d'événements que vous souhaitez organiser&nbsp;:</p>
<ul>
<li><strong>des cafés&nbsp;:</strong> de nombreux cafés / bars peuvent être réservés, pour des événements communautaires informels, de petites réunions conférences. Pour ma part, j'ai déjà organisé ce genre de choses dans Paris au <a href="http://www.corcorans.fr/">Corcoran's</a>, au <a href="http://www.tgcparis.com/">Great Canadian</a>, au <a href="http://www.leplayers.com/accueil/accueil,6,299,135.html">Players</a> ou encore au <a href="http://www.it-place.fr/">IT Place</a>. Mais ce ne sont que des exemples <img src='http://www.julia.buchner.fr/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> .</li>
<li><strong>des hackerspaces&nbsp;:</strong> un peu plus <em>underground</em>, ces endroits sont souvent de grands sympathisants de la cause libriste / open source. Il suffit d'y pointer son nez et de parler avec les gens pour voir si l'endroit peut accueillir un événement. Toujours à Paris, il en existe quelques un : <a href="http://leloop.org/">LeLoop</a>, le <a href="http://blackboxe.fr/">BlackBloxe</a>, le <a href="http://www.tmplab.org/">TMP/LAB</a>,…</li>
<li><strong>des espaces de co-working&nbsp;:</strong> ici, il faut bien se renseigner, car s'il est possible d'y venir individuellement pour y travailler, y organiser un événement de plus grosse envergure peut y être payant. Pour Paris, le plus connu reste <a href="http://lacantine.org/">la Cantine</a>, même s'ils ne sont pas seuls&nbsp;: <a href="http://www.la-ruche.net/">La Ruche</a>, <a href="http://www.mutinerie.org/">La Mutinerie</a>, <a href="http://www.soleillescowork.com/blog">Soleilles</a>, <a href="http://next-coworking.com/">Next&#038;Co-working</a>,…</li>
</ul>
<p>Il existe également d'autres pistes que l'on peut explorer pour des Mozilla Spaces &laquo;&nbsp;affiliés&nbsp;&raquo;&nbsp;:</p>
<ul>
<li><strong>des musées&nbsp;:</strong> cela peut paraître un rien énorme, mais cela se fait déjà&nbsp;: La Cité des Sciences et de l'Industrie de Paris fournit régulièrement son <a href="http://www.universcience.fr/fr/carrefour-numerique">espace numérique</a> à des associations tels que <a href="http://ubuntu-fr.org/">Ubuntu-Fr</a> pour organiser des événements sur le Logiciel Libre. Dans le même genre, <a href="http://www.gaite-lyrique.net/">la Gaîté Lyrique</a> a ouvert ces locaux pendant un an au hackerspace du TMP/LAB.</li>
<li><strong>des associations et des entreprises partenaires&nbsp;:</strong> je le fais régulièrement au sein de l'association <a href="http://gitparis.com/">Girls In Tech Paris</a>, qui organise des événements autour de la parité dans l'entrepreneuriat. Toute la difficulté tient dans le fait de trouver le sponsor de local, dont les idées sont en lieu avec votre mission / vision.</li>
</ul>
<p>Avec tout cela, on a déjà de quoi faire&nbsp;!</p>
<h3>Présente, mon capitaine&nbsp;!</h3>
<p>Deuxième question importante&nbsp;: <strong>quelle genre de présence peut-on y apporter&nbsp;?</strong> Tout dépend de la présence d'un(e) employé(e), délégué(e) à ce genre de choses (je parlais dans mon article précédent d'un <em>community manager</em> associé à ce Space, qui gérerait l'activité autour du ou des lieux affiliés Mozilla autour du bureau).<br />
Typiquement, cette présence regroupe un grand nombre d'événements&nbsp;:</p>
<ul>
<li><strong>la présence de tous les jours&nbsp;:</strong> accueil et assistance, pilotage au sein des locaux et des projets, vulgarisation en tout genre,… À cette présence réelle doit s'ajouter une présence virtuelle, cela va sans dire.</li>
<li><strong>des ateliers ponctuels, communautaires, sur un sujet bien précis&nbsp;:</strong> cela se fait déjà couramment au sein de Mozilla Paris, avec des ateliers tels que TupperVim, le Mercredi de la Doc,…</li>
<li><strong>des ateliers plus &laquo;&nbsp;généraux&nbsp;&raquo;&nbsp;:</strong> présentation des projets, éducation, assistance, évangélisation,… </li>
<li><strong>des ateliers sur des idées d'actualités&nbsp;:</strong> SOPA et PIPA ont fait coulé beaucoup d'encre aux US, Mozilla étant de ceux réagissant à cette loi. Pourtant, peu de bruit a été fait pour l'ACTA, l'HADOPI ou la LOPPSI, alors qu'ils sont dans la même veine. De manière moins politisée, on pourrait faire des choses durant la fête de l'Internet, la fête de la Musique ou la journée de la Femme, par exemple.</li>
</ul>
<h3>Enlarge your UX&nbsp;!</h3>
<p>Cette dernière question est de mon propre jus : comment pourrait-on améliorer l'expérience utilisateur autour d'un tel projet&nbsp;? Quand je viens dans les bureaux Mozilla, qu'est ce que j'attends d'eux&nbsp;? Avec quoi pourrais-je partir en sortant&nbsp;? Qu'est-ce qui peut me donner envie de revenir, voire de participer plus&nbsp;?</p>
<p>En attente de réactions, la suite au prochain épisode <img src='http://www.julia.buchner.fr/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.julia.buchner.fr/encore-plus-despace/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Education, gamification and Mozilla ? The Open Badges solution</title>
		<link>http://www.julia.buchner.fr/education-gamification-and-mozilla-the-solution-open-badges/</link>
		<comments>http://www.julia.buchner.fr/education-gamification-and-mozilla-the-solution-open-badges/#comments</comments>
		<pubDate>Mon, 02 Apr 2012 12:52:40 +0000</pubDate>
		<dc:creator>Julia</dc:creator>
				<category><![CDATA[English Life]]></category>
		<category><![CDATA[mozilla]]></category>
		<category><![CDATA[open badges]]></category>

		<guid isPermaLink="false">http://www.julia.buchner.fr/?p=12168</guid>
		<description><![CDATA[Studying education in general and more particularly in Mozilla project, I have found a project named Open Badges. To give some origins, Open Badges is a project from Mozilla Drumbeat, powered in partnership with the MacArthur Foundation. But before presenting Open Badges, I have to present gamification. Gamification? Another marketing « buzzword », will you [...]]]></description>
			<content:encoded><![CDATA[<p>Studying education in general and more particularly in Mozilla project, I have found a project named <a href="http://openbadges.org/">Open Badges</a>. To give some origins, Open Badges is a project from <a href="https://www.drumbeat.org/">Mozilla Drumbeat</a>, powered in partnership with the <a href="http://www.macfound.org/">MacArthur Foundation</a>.</p>
<p>But before presenting Open Badges, I have to present gamification. Gamification? Another marketing « buzzword », will you tell me? In fact, we could say that it's been a while since we talk about gamification. Since the arrival of « serious games ». <a href="http://en.wikipedia.org/wiki/Gamification">Wikipedia</a> made a great definition of this term :</p>
<blockquote><p>Gamification is the use of game design techniques, game thinking and game mechanics to enhance non-game contexts. Typically gamification applies to non-game applications and processes, in order to encourage people to adopt them, or to influence how they are used. Gamification works by making technology more engaging, by encouraging users to engage in desired behaviors, by showing a path to mastery and autonomy, by helping to solve problems and not being a distraction, and by taking advantage of humans' psychological predisposition to engage in gaming.</p>
<p>The technique can encourage people to perform chores that they ordinarily consider boring, such as completing surveys, shopping, filling out tax forms, or reading web sites.</p></blockquote>
<p>During a TEDx Boston conference, last year, Seth Priebatsch gave a really great presentation of gamification mechanism :</p>
<p><object width="526" height="374" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" 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="wmode" value="transparent" /><param name="bgColor" value="#ffffff" /><param name="flashvars" value="vu=http://video.ted.com/talk/stream/2010X/Blank/SethPriebatsch_2010X-320k.mp4&amp;su=http://images.ted.com/images/ted/tedindex/embed-posters/SethPriebatsch-2010X.embed_thumbnail.jpg&amp;vw=512&amp;vh=288&amp;ap=0&amp;ti=936&amp;lang=fr&amp;introDuration=15330&amp;adDuration=4000&amp;postAdDuration=830&amp;adKeys=talk=seth_priebatsch_the_game_layer_on_top_of_the_world;year=2010;theme=the_rise_of_collaboration;theme=what_s_next_in_tech;theme=tales_of_invention;theme=the_creative_spark;theme=ted_under_30;event=TEDxBoston+2010;tag=business;tag=entertainment;tag=entrepreneur;tag=gaming;tag=money;tag=psychology;&amp;preAdTag=tconf.ted/embed;tile=1;sz=512x288;" /><param name="src" value="http://video.ted.com/assets/player/swf/EmbedPlayer.swf" /><param name="pluginspace" value="http://www.macromedia.com/go/getflashplayer" /><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><embed width="526" height="374" type="application/x-shockwave-flash" src="http://video.ted.com/assets/player/swf/EmbedPlayer.swf" allowFullScreen="true" allowScriptAccess="always" wmode="transparent" bgColor="#ffffff" flashvars="vu=http://video.ted.com/talk/stream/2010X/Blank/SethPriebatsch_2010X-320k.mp4&amp;su=http://images.ted.com/images/ted/tedindex/embed-posters/SethPriebatsch-2010X.embed_thumbnail.jpg&amp;vw=512&amp;vh=288&amp;ap=0&amp;ti=936&amp;lang=fr&amp;introDuration=15330&amp;adDuration=4000&amp;postAdDuration=830&amp;adKeys=talk=seth_priebatsch_the_game_layer_on_top_of_the_world;year=2010;theme=the_rise_of_collaboration;theme=what_s_next_in_tech;theme=tales_of_invention;theme=the_creative_spark;theme=ted_under_30;event=TEDxBoston+2010;tag=business;tag=entertainment;tag=entrepreneur;tag=gaming;tag=money;tag=psychology;&amp;preAdTag=tconf.ted/embed;tile=1;sz=512x288;" pluginspace="http://www.macromedia.com/go/getflashplayer" allowfullscreen="true" allowscriptaccess="always" /></object></p>
<p>During this conference, he gives many examples, but only one will be useful to explain Open Badges : school. Indeed, school could be seen as a game: there are levels we have to pass, scores to reach, challenges to complete, even competitions to win, sometimes. School, whether primary, secondary or higher, for small kids or adults, is a great environment for gamification. Imagine a few minutes:</p>
<p>I'm a student, I learn things and fill out controls which verifies my understanding of my knowledge. Instead of traditional sheets, I use a computer, with quizzes or serious game that I have to finish to complete controls and have badges. Here, badges are not like <a href="https://foursquare.com/">FourSquare</a>, a simple image. This is a set of meta-data, which permit to know when I got my badge, in what conditions, if it has a validity period, etc. All my badges are gathered in my backpack, which allows me to see badges collected, group them and share them with my parents, my friends, my classmates and even my future employers. I do an internship. My manager, which is a very nice guy, prepared a small end-of-course, with some badges. He turned out that during my internship, I showed a great sense of community project management and a talent for web integration. He wants to reward me, and thus the future recruiters can see how I'm unique. So I put this badge in my bag, in the group &laquo;&nbsp;Web Skills&nbsp;&raquo;.</p>
<p>And if all this were true? And if we could push gamification to simply &laquo;&nbsp;plug in&nbsp;&raquo; a badge system to a third party website. Basically, an API gamification.</p>
<p>Well this is precisely what is proposed to be Open Badges. An API which permits  to design and install badges on a website. User side, a website &laquo;&nbsp;backpack&nbsp;&raquo; to manage all the badges and share them with whoever I want. In the education field, it may help to highlight profiles with a higher degree of accuracy and on a wider range of diversity. And we can even imagine a third player: the badge integrator, as <a href="http://www.badgestack.com/">BadgeStack</a>, which develops badges for educational institutions in the United States.</p>
<p>There are many applications, only limited by our own imagination. So long live Open Badges <img src='http://www.julia.buchner.fr/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.julia.buchner.fr/education-gamification-and-mozilla-the-solution-open-badges/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Éducation, gamification et Mozilla ? La solution OpenBadges</title>
		<link>http://www.julia.buchner.fr/education-gamification-et-mozilla-la-solution-openbadges/</link>
		<comments>http://www.julia.buchner.fr/education-gamification-et-mozilla-la-solution-openbadges/#comments</comments>
		<pubDate>Wed, 28 Mar 2012 17:39:39 +0000</pubDate>
		<dc:creator>Julia</dc:creator>
				<category><![CDATA[Dans la peau du Panda]]></category>
		<category><![CDATA[mozilla]]></category>
		<category><![CDATA[mozilla spaces]]></category>
		<category><![CDATA[open badges]]></category>

		<guid isPermaLink="false">http://www.julia.buchner.fr/?p=12154</guid>
		<description><![CDATA[En étudiant ce qui se fait dans le domaine de l'éducation en général et plus particulièrement chez Mozilla, je suis tombée sur le projet Open Badges. Pour situer un peu les origines, Open Badges est un projet sorti de chez Mozilla Drumbeat, propulsé en partenariat avec la fondation MacArthur. Mais avant de présenter Open Badges, [...]]]></description>
			<content:encoded><![CDATA[<p>En étudiant ce qui se fait dans le domaine de l'éducation en général et plus particulièrement chez Mozilla, je suis tombée sur le projet <a href="http://openbadges.org">Open Badges</a>. Pour situer un peu les origines, Open Badges est un projet sorti de chez <a href="https://www.drumbeat.org">Mozilla Drumbeat</a>, propulsé en partenariat avec la <a href="http://www.macfound.org/">fondation MacArthur</a>.</p>
<p>Mais avant de présenter Open Badges, je vais devoir parler de gamification. La gamification ? Encore un &laquo;&nbsp;buzzword&nbsp;&raquo; marketing, allez vous me dire&nbsp;? En fait, on pourrait dire que ça fait un petit bout de temps que l'on parle de gamification. Depuis l'arrivée des &laquo;&nbsp;serious game&nbsp;&raquo;, on pourrait dire. Citons <a href="http://fr.wikipedia.org/wiki/Gamification">Wikipédia</a> qui va parfaitement nous définir la gamification&nbsp;:</p>
<blockquote><p><strong>La gamification (ou ludification) est le transfert des mécanismes du jeu dans d’autres domaines</strong>, en particulier des sites web, des situations d'apprentissage, des situations de travail ou des réseaux sociaux. Son objet est d’augmenter l’acceptabilité et l’usage de ces applications en s’appuyant sur la prédisposition humaine au jeu.</p>
<p>Cette technique de conception permet d’obtenir des personnes des comportements que l’on pourrait considérer sans intérêt ou que l’on ne voudrait ordinairement pas faire : remplir un questionnaire, acheter un produit, regarder des publicités ou assimiler des informations.</p></blockquote>
<p>Une très bonne présentation de la gamification a été faite lors d'une conférence TEDx Boston, datant de l'année dernière (elle est en anglais, mais il y a des sous-titres dans 24 langues, dont le français) :</p>
<p><object width="526" height="374" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" 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="wmode" value="transparent" /><param name="bgColor" value="#ffffff" /><param name="flashvars" value="vu=http://video.ted.com/talk/stream/2010X/Blank/SethPriebatsch_2010X-320k.mp4&amp;su=http://images.ted.com/images/ted/tedindex/embed-posters/SethPriebatsch-2010X.embed_thumbnail.jpg&amp;vw=512&amp;vh=288&amp;ap=0&amp;ti=936&amp;lang=fr&amp;introDuration=15330&amp;adDuration=4000&amp;postAdDuration=830&amp;adKeys=talk=seth_priebatsch_the_game_layer_on_top_of_the_world;year=2010;theme=the_rise_of_collaboration;theme=what_s_next_in_tech;theme=tales_of_invention;theme=the_creative_spark;theme=ted_under_30;event=TEDxBoston+2010;tag=business;tag=entertainment;tag=entrepreneur;tag=gaming;tag=money;tag=psychology;&amp;preAdTag=tconf.ted/embed;tile=1;sz=512x288;" /><param name="src" value="http://video.ted.com/assets/player/swf/EmbedPlayer.swf" /><param name="pluginspace" value="http://www.macromedia.com/go/getflashplayer" /><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><embed width="526" height="374" type="application/x-shockwave-flash" src="http://video.ted.com/assets/player/swf/EmbedPlayer.swf" allowFullScreen="true" allowScriptAccess="always" wmode="transparent" bgColor="#ffffff" flashvars="vu=http://video.ted.com/talk/stream/2010X/Blank/SethPriebatsch_2010X-320k.mp4&amp;su=http://images.ted.com/images/ted/tedindex/embed-posters/SethPriebatsch-2010X.embed_thumbnail.jpg&amp;vw=512&amp;vh=288&amp;ap=0&amp;ti=936&amp;lang=fr&amp;introDuration=15330&amp;adDuration=4000&amp;postAdDuration=830&amp;adKeys=talk=seth_priebatsch_the_game_layer_on_top_of_the_world;year=2010;theme=the_rise_of_collaboration;theme=what_s_next_in_tech;theme=tales_of_invention;theme=the_creative_spark;theme=ted_under_30;event=TEDxBoston+2010;tag=business;tag=entertainment;tag=entrepreneur;tag=gaming;tag=money;tag=psychology;&amp;preAdTag=tconf.ted/embed;tile=1;sz=512x288;" pluginspace="http://www.macromedia.com/go/getflashplayer" allowfullscreen="true" allowscriptaccess="always" /></object></p>
<p>Dans cette conférence, plusieurs exemples sont donnés, mais un seul va m'être utile pour expliquer Open Badges&nbsp;: celui de l'école. En effet, l'école est un jeu&nbsp;: il y a des niveaux à passer, des scores à atteindre, des challenges à remplir, parfois même des compétitions quand il est question de concours. L'école, qu'elle soit primaire, secondaire ou supérieure, pour petits enfants ou pour adultes, se prête très volontiers à la gamification. Imaginez quelques minutes que ce soit le cas, de manière numérique&nbsp;:</p>
<p>Je suis étudiante, j'apprends des choses et je remplis des contrôles qui vérifie ma compréhension des acquis. Au lieu de la traditionnelle feuille de papier, il m'est proposé un ordinateur, avec des quizz ou des serious game que je dois finir pour compléter mon contrôle et ainsi avoir mon badge. Ici, le badge n'est pas, contrairement à <a href="https://fr.foursquare.com/">FourSquare</a>, une simple image. C'est un ensemble de méta-données, permettant de savoir quand j'ai eu mon badge, dans quelle condition, que représente-t-il, est-ce qu'il a une durée de validité, etc. Tous mes badges sont regroupés dans mon sac à dos, qui me permet de voir les badges récoltés, de les regrouper et de les partager avec mes parents, mes amis, mes camarades de classe ou même mes futurs employeurs. Je vais en stage. Mon chef de stage, qui est très sympa, m'a préparé un petit bilan de fin de stage, avec un lot de badges. Il s'est avéré que durant mon stage, j'ai montré d'un grand sens de la gestion de projet communautaire ainsi que d'un certain talent pour l'intégration web. Il veut me récompenser pour que j'ai une trace sur mon profil, et qu'ainsi les futurs recruteurs puissent voir en quoi je suis unique. Je range donc ce badge dans mon sac, dans le groupe "Web Skills".</p>
<p>Et si tout ceci était vrai ? Et si nous pouvions pousser la gamification jusqu'à simplement &laquo;&nbsp;brancher&nbsp;&raquo; un système de badge à un site web tierce. En gros, une API de gamification.</p>
<p>Et bien c'est ce que propose justement Open Badges. Une API permettant de designer et d'installer un système de badge sur un site web. Côté utilisateur, un site &laquo;&nbsp;backpack&nbsp;&raquo; permet de gérer tous les badges et des les partager avec qui je le souhaite. Côté organisme d'enseignement, cela permet de mettre en avant des profils plus pointus mais aussi plus diversifiés. Et on peut même imaginer un troisième acteur : l'intégrateur de badge, comme <a href="http://www.badgestack.com/">BadgeStack</a>, qui développe des badges pour des institutions éducatives aux États-Unis.</p>
<p>Les applications sont multiples et ne sont limitées que par notre propre imagination. Alors longue vie à Open Badges <img src='http://www.julia.buchner.fr/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.julia.buchner.fr/education-gamification-et-mozilla-la-solution-openbadges/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>HowTo : organiser un Learning Lab Popcorn.js</title>
		<link>http://www.julia.buchner.fr/howto-organiser-un-learning-lab-popcorn-js/</link>
		<comments>http://www.julia.buchner.fr/howto-organiser-un-learning-lab-popcorn-js/#comments</comments>
		<pubDate>Mon, 20 Feb 2012 15:47:12 +0000</pubDate>
		<dc:creator>Julia</dc:creator>
				<category><![CDATA[Dans la peau du Panda]]></category>
		<category><![CDATA[mozilla]]></category>
		<category><![CDATA[popcorn.js]]></category>

		<guid isPermaLink="false">http://www.julia.buchner.fr/?p=12124</guid>
		<description><![CDATA[Ceci est une traduction d'un article de Michelle Thorne, qui travaille chez Mozilla. Ce genre d'événement d'enseignement aurait une belle place dans le Mozilla Space dont je parlais plus tôt, d'où la traduction. Learning Lab Popcorn Un labo d'enseignement Popcorn (ou Learning Lab Popcorn) est un événement permettant aux développeurs et aux réalisateurs de films [...]]]></description>
			<content:encoded><![CDATA[<p>Ceci est une traduction d'<a href="http://michellethorne.cc/2012/02/howto-popcorn-learning-lab/">un article de Michelle Thorne</a>, qui travaille chez Mozilla. Ce genre d'événement d'enseignement aurait une belle place dans <a href="http://www.julia.buchner.fr/mozilla-spaces/">le Mozilla Space dont je parlais plus tôt</a>, d'où la traduction.</p>
<p><img class="aligncenter size-full wp-image-12131" title="mozillapopcorn" src="http://www.julia.buchner.fr/wp-content/uploads/2012/02/mozillapopcorn.png" alt="" width="238" height="106" /></p>
<h3>Learning Lab Popcorn</h3>
<p><strong>Un labo d'enseignement Popcorn (ou Learning Lab Popcorn)</strong> est un événement permettant aux développeurs et aux réalisateurs de films de se familiariser avec la technologie <a href="http://mozillapopcorn.org/">Popcorn.js</a>, une bibliothèque HTML5 Javascript qui permet d'intégrer les technologies du Web dans la production de médias.</p>
<p>Les participants peuvent <a href="http://popcornjs.org/plugins">créer de nouvelles extensions</a>, <a href="http://mozillapopcorn.org/maker/lib/userManual.html">bidouiller des modèles</a> et <a href="http://popcornjs.org/demos">coder des démonstrations</a> qui mélangent des informations à des vidéos, en utilisant des outils ouverts et un design collaboratif.</p>
<p>Ce guide a pour but de vous permettre d'organiser un learning lab de manière autonome.</p>
<h3>Pourquoi Popcorn ?</h3>
<p>Outre le fait que c'est une librairie amusante qui permet de bidouiller des vidéos facilement, c'est aussi un outil puissant qui permet de créer des vidéos parfaitement intégrées dans les technologies Web. Christian Heilmann a fait <a href="http://christianheilmann.com/2012/02/02/web-enabled-video-at-newsrewired/">du bon travail</a> en décrivant ses points forts :</p>
<p><img class="alignright size-medium wp-image-12132" title="PopcornMaker31" src="http://www.julia.buchner.fr/wp-content/uploads/2012/02/PopcornMaker31-300x187.png" alt="" width="300" height="187" /></p>
<ul>
<li>la vidéo est par nature assez compliquée à éditer et à modifier</li>
<li>une vidéo est souvent une boîte noire, non indexée sur le Web</li>
<li>la séparation entre l'information et la vidéo permet de faciliter la maintenance, l'amélioration, l'accessibilité et la découverte</li>
<li>l'élément <code>video</code> dans HTML5 n'est qu'un nouvel élément de la page</li>
<li>l'horadatage est la base</li>
<li>on peut bidouiller le Web en temps réel grâce à Popcorn.js</li>
</ul>
<p>Il existe aussi de nombreuses démonstrations des capacités de Popcorn.js. <a href="http://popcornjs.org/demos">N'hésitez pas à y jeter un coup d’œil !</a></p>
<h3>Que faire ?</h3>
<p><img class="alignleft size-full wp-image-12135" title="popcorn-vision" src="http://www.julia.buchner.fr/wp-content/uploads/2012/02/popcorn-vision.jpg" alt="" width="260" height="172" />Les participants vont mettre les mains dans le cambouis en partageant leurs bidouilles et en se faisant évaluer par leurs pairs. Les démos venant de la communauté Popcorn peuvent être prises comme source d'inspiration.</p>
<p>La devise est : <strong>Partager et faire !</strong></p>
<p>Les Learning Labs peuvent être organisés en partenariat avec Mozilla, qui fournit son expérience et sa connaissance approfondie du logiciel, et avec l'aide de la communauté de Popcorn.</p>
<p>Mozilla travaillera avec les partenaires pour assurer aux participants <strong>une compréhension plus approfondie des possibilités de Popcorn et une manière de l'enseigner</strong>.</p>
<p>Le laboratoire d'enseignement peut également être <strong>auto-organisé</strong>, en suivant ce présent guide !</p>
<h3>Qui ?</h3>
<p><img class="alignright size-full wp-image-12137" title="pair-programming" src="http://www.julia.buchner.fr/wp-content/uploads/2012/02/pair-programming.jpg" alt="" width="262" height="174" /></p>
<p>Les équipes sont constituées de :</p>
<ul>
<li>développeurs Web possédant des compétences en Javascript</li>
<li>cinéastes audacieux qui veulent jouer avec le code</li>
<li>contributeurs Popcorn.js expérimentés</li>
</ul>
<p>De petites équipes de développeurs Web sont mélangées avec des contributeurs expérimentés. Les facilitateurs et les Web designers peuvent aussi jouer un rôle durant ce genre de sessions d'événements.</p>
<h3>Comment ?</h3>
<h4>Préparation</h4>
<p>Mozilla ainsi que les partenaires de l'événement contactent la communauté Popcorn, les développeurs Javascript ainsi que les cinéastes de la région. Grâce à des entretiens avec un petit échantillon de participants, il est possible de calibrer le niveau de compétence et les intérêts du groupe, <strong>en affinant l'ordre du jour autour de ce que les gens veulent apprendre et faire</strong>.</p>
<h4>Agenda</h4>
<p><img class="alignright size-full wp-image-12138" title="popcorn-demoing" src="http://www.julia.buchner.fr/wp-content/uploads/2012/02/popcorn-demoing.jpg" alt="" width="260" height="172" />Tous les animateurs et les participants se regroupent pour une <strong>démonstration</strong>. Les contributeurs Popcorn font un rappel des bases du framework Javascript, en mettant en avant les principales fonctionnalités et utilisations de développement.</p>
<p>Durant la première session de bidouillage, selon les compétences techniques en présence, les participants peuvent choisir de :</p>
<ul>
<li>jouer avec <a href="http://mozillapopcorn.org/maker/">Popcorn Maker</a> - un environnement de création de vidéos interactives - et rendre une vidéo interactive</li>
<li>ou plonger de le développement d'<a href="http://popcornjs.org/creating-plugins">extensions</a>, une manière puissante d'ajouter des services, comme Flickr, Open Street Map, Document Cloud, ou d'autres fonctionnalités, pour enrichir les vidéos.</li>
</ul>
<p>Après avoir produit un premier "hack", le groupe partage son résultat. Les participants donnent des retours d'utilisation, rapporte des bugs, proposent leur aide et notent des manières d'améliorer l'expérience.</p>
<p><img class="size-full wp-image-12140 alignright" title="coding" src="http://www.julia.buchner.fr/wp-content/uploads/2012/02/coding.jpg" alt="" width="260" height="173" />Durant la seconde session de bidouillage, vous pouvez :</p>
<ul>
<li>créer votre propre <a href="http://mozillapopcorn.org/maker/lib/userManual.html">template Popcorn Maker</a></li>
<li>commencer à créer des démos</li>
<li>continuer à coder votre extension</li>
<li>ou encore traîner dans le coin et aider les autres</li>
</ul>
<p>Les participants <strong>codent leurs projets</strong>, donnent des retours d'utilisation et demandent de l'aide aux contributeurs plus expérimentés s'ils sont bloqués.</p>
<p>À la fin de la journée, <strong>une projection et une fête</strong> sont organisées. Chaque groupe fait une présentation de sa démo finalisée, évalue le tout et fait la fête après une dure journée de travail.</p>
<p>Par la suite, les participants s'inscrivent aux activités qui les intéressent : participer aux événements futurs, contribuer au code Popcorn.js, enseigner à d'autres développeurs ou tout simplement rester informé sur le sujet.</p>
<p><a href="http://www.julia.buchner.fr/wp-content/uploads/2012/02/popcorn-victory.jpg"><img class="aligncenter size-full wp-image-12141" title="popcorn-victory" src="http://www.julia.buchner.fr/wp-content/uploads/2012/02/popcorn-victory.jpg" alt="" width="262" height="174" /></a></p>
<h4>Ressources nécessaires</h4>
<ul>
<li>Un ordinateur par équipe au moins.</li>
<li>Des logiciels de montage vidéo rapide et un navigateur moderne.</li>
<li>Popcorn.js installé.</li>
<li>Des fichiers vidéos pour chaque démo.</li>
<li>Du Wifi fiable.</li>
<li>Des prises électriques.</li>
<li>Des projecteurs avec tous les adaptateurs nécessaires.</li>
<li>Les repas doivent être pris en charge par l'événement.</li>
<li>Des commodités tels que du café, de l'eau et des casse-croûtes doivent être prévus.</li>
<li>Si besoin, de l'aide pour les transports.</li>
</ul>
<h3>Étude de cas d'événements Popcorn passés</h3>
<p><strong>Independent Television Service (ITVS) + Mozilla, San Francisco.</strong> <a href="http://www.wired.com/underwire/2011/10/coders-filmmakers-popcorn/all/1">http://www.wired.com/underwire/2011/10/coders-filmmakers-popcorn/all/1</a> Video: <a href="http://mozillapopcorn.org/the-living-docs-hack-day/">http://mozillapopcorn.org/the-living-docs-hack-day/</a></p>
<p><strong>“ButterCamp”, NYC, March 2011.</strong> <a href="http://mozillapopcorn.org/videoblog-buttercamp/">http://mozillapopcorn.org/videoblog-buttercamp/</a></p>
<p><strong>Mozilla Festival, London. November 2011.</strong> <a href="http://mozillapopcorn.org/what-we-made-at-mozfest/">http://mozillapopcorn.org/what-we-made-at-mozfest/</a></p>
<p><em>Photos: <a href="https://creativecommons.org/licenses/by-nc-sa/3.0/">CC BY-NC-SA</a> by <a href="http://www.flickr.com/photos/jonathanmcintosh/sets/72157628099406338/with/6332190107/">Jonathan Mcintosh</a></em></p>
]]></content:encoded>
			<wfw:commentRss>http://www.julia.buchner.fr/howto-organiser-un-learning-lab-popcorn-js/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>L&#8217;attribut viewBox en SVG</title>
		<link>http://www.julia.buchner.fr/lattribut-viewbox-en-svg/</link>
		<comments>http://www.julia.buchner.fr/lattribut-viewbox-en-svg/#comments</comments>
		<pubDate>Fri, 17 Feb 2012 14:27:41 +0000</pubDate>
		<dc:creator>Julia</dc:creator>
				<category><![CDATA[Dans le garage]]></category>
		<category><![CDATA[mdn]]></category>
		<category><![CDATA[svg]]></category>
		<category><![CDATA[viewBox]]></category>

		<guid isPermaLink="false">http://www.julia.buchner.fr/?p=12104</guid>
		<description><![CDATA[En ce moment, je profite de mon chômage pour faire de la documentation. SVG sur le portail MDN, pour être plus précise. C'est donc en traduisant le guide du débutant pour le SVG que je me suis frottée à une incompréhension :  l'attribut viewBox, extrêmement mal documenté, même en anglais. D'où ce petit article, qui va [...]]]></description>
			<content:encoded><![CDATA[<p>En ce moment, je profite de mon chômage pour faire de la documentation. SVG sur le portail MDN, pour être plus précise. C'est donc en traduisant le guide du débutant pour le SVG que je me suis frottée à une incompréhension :  l'attribut viewBox, extrêmement mal documenté, même en anglais. D'où ce petit article, qui va servir de bac à sable pour écrire la page de documentation correspondante.</p>
<p>Commençons déjà par une belle démonstration, histoire d'expliquer comment fonctionne SVG. SVG permet de faire du rendu graphique grâce à du balisage XML :</p>
<p><code>&lt;?xml version="1.0" standalone="no"?&gt;<br />
&lt;!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"<br />
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"&gt;</p>
<p>&lt;svg version="1.1"<br />
xmlns="http://www.w3.org/2000/svg"&gt;</p>
<p>&lt;rect x="0" y="0" width="1500" height="1000" fill="red"/&gt;</p>
<p>&lt;circle cx="750" cy="500" r="450" fill="green"/&gt;</p>
<p>&lt;text x="750" y="550" font-size="250" text-anchor="middle" fill="white"&gt;SVG&lt;/text&gt;<br />
&lt;/svg&gt;</code></p>
<p><a href="http://www.julia.buchner.fr/tmp/demos/viewBox1.svg">Voici le résultat</a>. Ici, rien de bien sorcier, je dessine un rectangle rouge, un cercle vert et des lettres blanches. C'est un peu gros, n'est-ce pas ? Il faudrait le redimensionner, non ? Si je me souviens bien de mes cours de CSS, peut être qu'en rajoutant des attributs <code>width</code> et <code>height</code>, ça va passer, non ?</p>
<p><code>&lt;?xml version="1.0" standalone="no"?&gt;<br />
&lt;!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"<br />
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"&gt;</p>
<p>&lt;svg version="1.1" width="300" height="200"<br />
xmlns="http://www.w3.org/2000/svg"&gt;</p>
<p>&lt;rect x="0" y="0" width="1500" height="1000" fill="red"/&gt;</p>
<p>&lt;circle cx="750" cy="500" r="450" fill="green"/&gt;</p>
<p>&lt;text x="750" y="550" font-size="250" text-anchor="middle" fill="white"&gt;SVG&lt;/text&gt;<br />
&lt;/svg&gt;</code></p>
<p><a href="http://www.julia.buchner.fr/tmp/demos/viewBox2.svg">Le résultat</a> n'est pas vraiment ce que j'attendais. Cela m'a effectivement retaillé l'image, mais ne l'a pas redimensionné. En gros, il a pris mon image d'origine, à tailler ce qui correspondait aux coordonnées (0,0) (3OO,200) (soit un rectangle de 300 px par 200) et à laisser tomber tout le reste. C'est ici que <code>viewBox</code> entre en jeu :</p>
<p><code><!--?xml version="1.0" standalone="no"?-->&lt;?xml version="1.0" standalone="no"?&gt;<br />
&lt;!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"<br />
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"&gt;</p>
<p>&lt;svg version="1.1" width="300" height="200"<br />
viewBox="0 0 1500 1000"<br />
xmlns="http://www.w3.org/2000/svg"&gt;</p>
<p>&lt;rect x="0" y="0" width="1500" height="1000" fill="red"/&gt;</p>
<p>&lt;circle cx="750" cy="500" r="450" fill="green"/&gt;</p>
<p>&lt;text x="750" y="550" font-size="250" text-anchor="middle" fill="white"&gt;SVG&lt;/text&gt;</p>
<p>&lt;/svg&gt;</code></p>
<p>C'est mieux, <a href="http://www.julia.buchner.fr/tmp/demos/viewBox3.svg">là</a>, non ? En fait, <code>viewBox</code> va tout simplement définir l'échelle de l'image à afficher. Mon image d'origine commence au point (0,0) et fait 1500 par 1300px. Ainsi, quand je vais adjoindre des attributs de taille à mon élément SVG, le viewBox adaptera automatiquement l'échelle définit à ces nouveaux attributs.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.julia.buchner.fr/lattribut-viewbox-en-svg/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Mozilla Spaces</title>
		<link>http://www.julia.buchner.fr/mozilla-spaces-en/</link>
		<comments>http://www.julia.buchner.fr/mozilla-spaces-en/#comments</comments>
		<pubDate>Thu, 16 Feb 2012 11:19:43 +0000</pubDate>
		<dc:creator>Julia</dc:creator>
				<category><![CDATA[English Life]]></category>
		<category><![CDATA[mozilla]]></category>
		<category><![CDATA[mozilla spaces]]></category>

		<guid isPermaLink="false">http://www.julia.buchner.fr/?p=12099</guid>
		<description><![CDATA[When I attended the Mozilla Festival last November, I saw an unusual workshop: you had to "hack" a space to make it the ideal place to work, create, innovate, in short, change the world. Initially, you had a plan of an empty space and add parts, equipment, furniture, arrange it to fit your needs. It [...]]]></description>
			<content:encoded><![CDATA[<div style="float: left; margin-right: 5px;"><a title="DY Hack-A-Space de Julia Buchner, sur Flickr" href="http://www.flickr.com/photos/juliant/6352698243/"><img src="http://farm7.staticflickr.com/6236/6352698243_e243db765e.jpg" alt="DY Hack-A-Space" width="250" height="166" /></a></div>
<p>When I attended the Mozilla Festival last November, I saw an unusual workshop: you had to "hack" a space to make it the ideal place to work, create, innovate, in short, change the world. Initially, you had a plan of an empty space and add parts, equipment, furniture, arrange it to fit your needs. It was then possible to create the office of our dreams with modeling clay. The final step was to share plans, to create a debate around what should be a workspace. The project was called "Hack-A-Space".http://www.mozilla.org/en/about/mozilla-spaces/</p>
<p>Recently, Mozilla launched a web page named <a href="http://www.mozilla.org/en/about/mozilla-spaces/">Mozilla Spaces</a>:</p>
<blockquote><p>Mozilla Spaces are open working environments where Mozillians can hack, code, design, research, create, engage and contribute to building a brighter future for the Web. Keep reading to learn more or check out the map above for info on specific locations.</p></blockquote>
<p>And I don't know why, but this project remind me about the Mozilla Festival's workshop. As this workshop suggested, I share my version of Mozilla Space "hacked", in Paris' sauce, of course <img src='http://www.julia.buchner.fr/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<ol>
<li><strong>In downtown</strong>, close from a metro station: it must be conveniently accessible.</li>
<li><strong>Unlimited Internet, high availability, unfiltered, uncensored</strong>: it sounds trivial, but nothing more irritating than a cut Internet during a meeting or when you're researching for a project. Similarly, nothing more boring than blocked ports when we want access to Jabber to contact people, for example.</li>
<li><strong>Comfortable desks, in relatively large quantities, in a calm environment</strong>: it sounds trivial again, but nothing more annoying than a creaky chair or an unsteady desk. Small offices isolated must be added, where it may be possible to isolate themselves to think or to phone.</li>
<li><strong>A conference room</strong>: to make events more or less public, conferences, demos, lessons, playing geeks in short.</li>
<li><strong>A kitchen and a relaxation area</strong>: we all know the coffee machine's phenomenon that solves bugs, or at least is useful to disconnect and socialize 5 min.</li>
<li><strong>Accessibility to all</strong>: triviality again, but nobody thinks about it. In the same way that web integrators often forget the integration of accessibility, we often forget that a work place must be accessible for a wheelchair.</li>
<li><strong>An on-line forum, dedicated to the Space</strong>: to keep in touch afterwards, there is no better way than the Web. For keeping exchanges about past events, announcing next ones, requesting emergency assistance, etc. A instant channel and a recording one is the perfect combo (for example, IRC + wiki).</li>
<li><strong>A community manager</strong>: to organize life in this kind of place, an office manager is not enough. It needs someone close to communities, capable of directing newcomers, organizing events (geek or not geek), speaking for Mozilla, linking projects to the <em>Space</em>.</li>
</ol>
<p>Imagine that this co-working space dedicated to the Web is available in Paris! Just a quick scenario. I am bringing a project. It may be an association project, an software's idea, even a project to create a business, why not? I'm home alone, and do not necessarily like to work at my place. Also, I did not necessarily have all the skills for my project. I seek a place where I'm pretty sure of finding people to help me, or even to take part in the project, if it tells them. I see this kind of spaces, where meetings are organized about documentation, code, open web, standards, [<em>add your topic here</em>] are organized. A beautiful dream of geek, isn't it?</p>
]]></content:encoded>
			<wfw:commentRss>http://www.julia.buchner.fr/mozilla-spaces-en/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Mozilla Spaces</title>
		<link>http://www.julia.buchner.fr/mozilla-spaces/</link>
		<comments>http://www.julia.buchner.fr/mozilla-spaces/#comments</comments>
		<pubDate>Thu, 16 Feb 2012 10:15:55 +0000</pubDate>
		<dc:creator>Julia</dc:creator>
				<category><![CDATA[Dans la peau du Panda]]></category>
		<category><![CDATA[mozilla]]></category>

		<guid isPermaLink="false">http://www.julia.buchner.fr/?p=12064</guid>
		<description><![CDATA[Quand j'ai participé au Mozilla Festival en novembre dernier, j'ai pu y voir un atelier des plus singuliers : il fallait "hacker" un espace pour en faire le lieu idéal pour travailler, créer, innover, bref, changer le monde. Dans un premier temps, il fallait prendre le plan d'un espace vide et y ajouter des pièces, [...]]]></description>
			<content:encoded><![CDATA[<div style="float: left; margin-right: 5px;"><a title="DY Hack-A-Space de Julia Buchner, sur Flickr" href="http://www.flickr.com/photos/juliant/6352698243/"><img src="http://farm7.staticflickr.com/6236/6352698243_e243db765e.jpg" alt="DY Hack-A-Space" width="250" height="166" /></a></div>
<p>Quand j'ai participé au Mozilla Festival en novembre dernier, j'ai pu y voir un atelier des plus singuliers : il fallait "hacker" un espace pour en faire le lieu idéal pour travailler, créer, innover, bref, changer le monde. Dans un premier temps, il fallait prendre le plan d'un espace vide et y ajouter des pièces, du matériel, du mobilier, l'aménager donc. Il était ensuite possible de créer le bureau de nos rêves avec de la pâte à modeler. L'étape ultime était de partager les plans, de manière à créer un débat autour de ce que devrait être un espace de travail. Le projet s’appelait "Hack-A-Space".</p>
<p>Récemment, Mozilla vient de lancer une page nommée <a title="Mozilla Spaces" href="http://www.mozilla.org/fr/about/mozilla-spaces/">Mozilla Spaces</a> :</p>
<blockquote><p>Les espaces Mozilla sont des environnements de travail ouverts où les Mozilliens peuvent venir bidouiller, développer, concevoir, rechercher, créer, s'impliquer et contribuer à construire un avenir meilleur pour le Web.</p></blockquote>
<p>Et je ne sais pourquoi, cela m'a rappelé ce projet durant le Mozilla Festival. Comme le suggérait alors l'atelier, je vais donc partager ma version "hackée" du Mozilla Space, à la sauce parisienne bien sûr <img src='http://www.julia.buchner.fr/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<ol>
<li><strong>En centre-ville</strong>, très proche d'une station de métro : il faut que ce soit pratique d'accès.</li>
<li><strong>Internet illimité, à haute disponibilité, non filtré, non censuré</strong> : ça paraît triviale, mais rien de plus énervant qu'une coupure Internet en pleine réunion ou quand on est en pleines recherches pour un projet. De la même manière, rien de plus chiant que des ports bloqués quand on veut accéder à Jabber pour contacter des gens, par exemple.</li>
<li><strong>Des bureaux confortables et en assez grandes quantités, le tout au calme</strong> : là encore, ça paraît triviale, mais rien de plus désagréable qu'une chaise qu'un couine ou un bureau qui vibre. Le système Open Space doit être adjoint de petits bureaux d'isolement, où il peut être possible de s'isoler pour réfléchir ou pour téléphoner.</li>
<li><strong>Une salle de conférence</strong> : pour faire des événements plus ou moins grand public, des cours, des démos, bref, jouer aux geeks.</li>
<li><strong>Une cuisine et un espace détente</strong> : on connaît tous le phénomène de la machine à café qui résout les bugs, ou en tout cas permet de déconnecter et de socialiser 5 min.</li>
<li><strong>Une accessibilité à tous</strong> : encore de la trivialité, mais on y pense jamais. De la même manière que les intégrateurs web oublient souvent l'intégration d'accessibilité, on oublie souvent qu'il faut qu'un endroit soit accessible en fauteuil roulant et pourtant, c'est la base.</li>
<li><strong>Un espace de discussion en ligne dédié à l'espace en question</strong> : pour garder le contact après coup, rien de tel que le Web. Que ce soit pour conserver les échanges des conférences et rencontre passées, pour annoncer les événements à venir, pour demander une aide d'urgence, etc. Un canal de discussion instantanée et un canal d'enregistrement des informations est le combo rêvé (par exemple, IRC + wiki).</li>
<li><strong>Un community manager</strong> : pour organiser la vie dans ce genre d'endroit, un office manager n'est pas suffisant. Il faut quelqu'un proche des communautés, capable de diriger les nouveaux arrivants, d'organiser les événements geek ou non geek, de parler au nom de Mozilla et de relier les projets du <em>Space</em> entre eux.</li>
</ol>
<p>Imaginez que cet espace de coworking dédié au Web soit disponible, dans Paris ! Juste une petite mise en situation. Je suis porteuse d'un projet. Cela peut être un projet d'association, une idée de logiciel, même un projet de création d'entreprise, pourquoi pas ? Je suis seule chez moi, et n'aime pas forcément travailler à mon domicile. De plus, je n'ai pas forcément toutes les compétences nécessaires à mon projet. Je cherche donc un lieu où je suis à peu près sure de trouver des gens pour m'aider, voire même pour prendre part au projet, si ça leur dit. Je vois ce genre d'espaces, où  des rencontres documentations sont organisés, des conférences de code, de Web ouvert, de standards, [ajoutez le sujet qui vous intéresse ici] sont organisés. Un beau rêve de geek !</p>
<p>Yapuka, comme on dit !</p>
]]></content:encoded>
			<wfw:commentRss>http://www.julia.buchner.fr/mozilla-spaces/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

