<?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>Gabyu &#187; carte</title>
	<atom:link href="http://gabyu.com/tag/carte/feed/" rel="self" type="application/rss+xml" />
	<link>http://gabyu.com</link>
	<description>( web ) design, et cetera</description>
	<lastBuildDate>Tue, 07 Feb 2012 12:08:49 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Cartagen</title>
		<link>http://gabyu.com/2009/12/03/cartagen-cartes-vectorielles-en-html5/</link>
		<comments>http://gabyu.com/2009/12/03/cartagen-cartes-vectorielles-en-html5/#comments</comments>
		<pubDate>Thu, 03 Dec 2009 05:22:50 +0000</pubDate>
		<dc:creator>gabriel</dc:creator>
				<category><![CDATA[Trends]]></category>
		<category><![CDATA[application]]></category>
		<category><![CDATA[carte]]></category>
		<category><![CDATA[dataviz]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[map]]></category>

		<guid isPermaLink="false">http://www.gabyu.com/?p=3968</guid>
		<description><![CDATA[Affichons des cartes vectorielles en HTML 5.]]></description>
			<content:encoded><![CDATA[<p>Nous étions déjà très enthousiastes au sujet de l&#8217;HTML 5, avec les <a href="http://www.gabyu.com/2009/08/10/html-5-experiments/">récentes expérimentations réalisées en HTML 5,</a> que <em>moult</em> projets d&#8217;applications étaient en cours d&#8217;achèvement. J&#8217;ai choisi de vous présenter <a href="http://cartagen.org/">Cartagen</a>, car il me parait ambitieux.</p>
<p><strong>Cartagen</strong> fait partie de ces applications qui se chargent sans avoir besoin d&#8217;un quelconque plugin. Ce framework permet d&#8217;afficher des cartes vectorielles en HTML 5. Écrit en Javascript, il utilise la fonction <em>Canvas</em> qui permet de charger des données de cartes depuis de nombreuses sources. L&#8217;affichage utilise une <strong>feuille de style géographique</strong>, (GSS), qui contient, en plus des informations de style, des spécifications de géolocalisation. Rien de vous empêche donc de modifier les données, ou le style, et d&#8217;afficher un rendu immédiatement.</p>
<p>Exemple ici avec une carte de Paris et de Rome, avec les données de <a href="http://openstreetmap.org/">OpenStreetMap</a></p>
<p><img src="http://www.gabyu.com/blog/wp-content/uploads/paris.png" alt="paris" title="paris" width="680" height="384" class="alignnone size-full wp-image-3970" /></p>
<p><img src="http://www.gabyu.com/blog/wp-content/uploads/roma.jpg" alt="roma" title="roma" width="680" height="346" class="alignnone size-full wp-image-3981" /></p>
<p>Un exemple plus ludique, celui d&#8217;afficher une carte de Londres avec une feuille de style inspirée des maps de <a href="http://wow.gamepressure.com/map.asp?ID=28">Mulgore</a> dans <a href="http://en.wikipedia.org/wiki/World_of_Warcraft">World of Warcraft</a> !</p>
<p><img src="http://www.gabyu.com/blog/wp-content/uploads/wow-london.png" alt="wow-london" title="wow-london" width="680" height="345" class="alignnone size-full wp-image-3974" /></p>
<p>Un autre exemple concret de l&#8217;usage de Cartagen est celui d&#8217;afficher un <a href="http://newsflow.cartagen.org/">fil d&#8217;actualité sur une carte, en temps réel.</a></p>
<p><img src="http://www.gabyu.com/blog/wp-content/uploads/cartagen-newsflow-live.png" alt="cartagen-newsflow-live" title="cartagen-newsflow-live" width="680" height="348" class="alignnone size-full wp-image-3972" /></p>
<p><img src="http://www.gabyu.com/blog/wp-content/uploads/cartagen-newsflow-live-nyt.png" alt="cartagen-newsflow-live-nyt" title="cartagen-newsflow-live-nyt" width="680" height="343" class="alignnone size-full wp-image-3977" /></p>
<p>Le site officiel donne toutes les informations nécessaires pour installer et utiliser le framework immédiatement. Le <a href="http://unterbahn.com/tag/cartagen/">blog Unterbahn</a> donne plus d&#8217;informations sur <a href="http://crisismapping.ning.com/profile/JeffreyWarren">Jeffrey Warren</a>, l&#8217;auteur de l&#8217;application Cartagen.</p>
]]></content:encoded>
			<wfw:commentRss>http://gabyu.com/2009/12/03/cartagen-cartes-vectorielles-en-html5/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Plastic Bionic</title>
		<link>http://gabyu.com/2009/11/04/plastic-bionic/</link>
		<comments>http://gabyu.com/2009/11/04/plastic-bionic/#comments</comments>
		<pubDate>Wed, 04 Nov 2009 12:37:55 +0000</pubDate>
		<dc:creator>gabriel</dc:creator>
				<category><![CDATA[Artist > Designer]]></category>
		<category><![CDATA[cards]]></category>
		<category><![CDATA[carte]]></category>
		<category><![CDATA[french]]></category>
		<category><![CDATA[graphicdesign]]></category>

		<guid isPermaLink="false">http://www.gabyu.com/?p=3862</guid>
		<description><![CDATA[Un graphiste qui a la tête dans les maths et sur les épaules.]]></description>
			<content:encoded><![CDATA[<p>Je voulais vous présenter le travail de Julien, graphiste DA freelance. Pas grand chose à dire sur lui à part qu&#8217;il est nantais, mais c&#8217;est déjà beaucoup. Le reste ? juste ces quelques travaux qui m&#8217;ont séduits par leur beauté et leur style, comme ces travaux d&#8217;identité visuelles avec du <em>Bayer dither</em> en prime..</p>
<p><img class="alignnone" src="http://farm3.static.flickr.com/2627/4075020128_37946aaac6_o.jpg" alt="Plastic Bionic ➜ Bug 909 Record Shop" width="640" height="366" /></p>
<p><img class="alignnone" src="http://farm3.static.flickr.com/2513/4075020002_9250120072_o.jpg" alt="Plastic Bionic ➜ PltcBnc Exp" width="640" height="365" /></p>
<p>Ses thèmes de prédilection : le minimalisme, les labels de musique, les expérimentations mathématiques.</p>
<p><img class="alignnone" src="http://farm3.static.flickr.com/2590/4074264409_67f3918544_o.jpg" alt="Plastic Bionic ➜ We want you" width="640" height="365" /></p>
<p><img class="alignnone" src="http://farm3.static.flickr.com/2610/4075019786_d05e1fa039_o.jpg" alt="Plastic Bionic ➜ Plastic card triangle" width="640" height="400" /></p>
<p>Son <a href="http://www.plasticbionic.com">portfolio Cargo</a> vaut le détour, n&#8217;hésitez pas.</p>
]]></content:encoded>
			<wfw:commentRss>http://gabyu.com/2009/11/04/plastic-bionic/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Plans de métro</title>
		<link>http://gabyu.com/2009/05/18/metro-design-map-seoul-tokyo-osaka/</link>
		<comments>http://gabyu.com/2009/05/18/metro-design-map-seoul-tokyo-osaka/#comments</comments>
		<pubDate>Mon, 18 May 2009 14:18:11 +0000</pubDate>
		<dc:creator>gabriel</dc:creator>
				<category><![CDATA[Francais]]></category>
		<category><![CDATA[carte]]></category>
		<category><![CDATA[map]]></category>
		<category><![CDATA[metro]]></category>
		<category><![CDATA[urbain]]></category>

		<guid isPermaLink="false">http://www.gabyu.com/?p=3068</guid>
		<description><![CDATA[Séoul, Tokyo et Osaka redessinés par zerobyzero.]]></description>
			<content:encoded><![CDATA[<p>Une bande de fous s&#8217;amuse à retravailler et repenser les plans de métro, les rendent plus graphiques et relatant des faits historiques, culturels et sociaux associés à la ville représentée. 3 plans : Seoul, Tokyo et Osaka.</p>
<p><img class="alignnone size-medium wp-image-3071" title="seoul-c" src="http://www.gabyu.com/blog/wp-content/uploads/seoul-c-680x453.jpg" alt="seoul-c" width="680" height="453" /><br />
<strong>Seoul</strong> et son fleuve qui symbolise la separation du yin et du yang, un des symboles du pays.</p>
<p><img class="alignnone size-medium wp-image-3070" title="tokyo" src="http://www.gabyu.com/blog/wp-content/uploads/tokyo-680x453.jpg" alt="tokyo" width="680" height="453" /><br />
<strong>Tokyo</strong> et l&#8217;immense variété de ses infrastructures et plus de 1500 stations.</p>
<p><img class="alignnone size-medium wp-image-3069" title="osaka" src="http://www.gabyu.com/blog/wp-content/uploads/osaka-680x453.jpg" alt="osaka" width="680" height="453" /><br />
<strong>Osaka</strong> et les villes aux alentours, symbolisant une pieuvre et ses tentacules. Plus d&#8217;informations sur le blog des auteurs de ces cartes, <a href="http://zeroperzero.com/2008/crc.html">zero par zero</a>.</p>
<p>Edit : J&#8217;ai corrigé le nom de ma légende (merci <a href="http://www.guyonicolas.com/">Nicolas</a>)</p>
]]></content:encoded>
			<wfw:commentRss>http://gabyu.com/2009/05/18/metro-design-map-seoul-tokyo-osaka/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

