<?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>Fuegin&#039; le blog Graphisme Multimédia &#187; Présentation de site internet</title>
	<atom:link href="http://www.fuegin.com/category/presentation-de-site-internet/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.fuegin.com</link>
	<description>Graphisme, publicité et internet</description>
	<lastBuildDate>Sun, 18 Dec 2011 10:00:50 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.1</generator>
		<item>
		<title>Votre appartement en tenue de geek</title>
		<link>http://www.fuegin.com/votre-appartement-en-tenue-de-geek/</link>
		<comments>http://www.fuegin.com/votre-appartement-en-tenue-de-geek/#comments</comments>
		<pubDate>Thu, 07 Apr 2011 17:13:34 +0000</pubDate>
		<dc:creator>Barth</dc:creator>
				<category><![CDATA[Présentation de site internet]]></category>
		<category><![CDATA[appartement]]></category>
		<category><![CDATA[décoration]]></category>
		<category><![CDATA[geek]]></category>
		<category><![CDATA[meninos]]></category>
		<category><![CDATA[mobilier]]></category>

		<guid isPermaLink="false">http://www.fuegin.com/?p=4785</guid>
		<description><![CDATA[Petite site coup de coeur en ce jeudi ensoleillé que je viens de découvrir, geek comme je suis et qui propose de nombreuses décorations d&#8217;appartement. Bon jusque là rien de bien différents de notre ami Ikea, mais meninos a cette particularité de proposer des produits ultra geek mais stylé. Petite démonstration avec ce tapis &#171;&#160;slide [...]]]></description>
			<content:encoded><![CDATA[<div class="TweetButton_button" style="float: right; margin-left: 10px;;height:20px;margin-bottom:5px;"><a href="http://twitter.com/share?url=http%3A%2F%2Fwww.fuegin.com%2Fvotre-appartement-en-tenue-de-geek%2F&amp;text=Votre appartement en tenue de geek&amp;count=horizontal&amp;via=fuegin&amp;lang=en&amp;related=appartement,d%C3%A9coration,geek,meninos,mobilier"><img src="http://www.fuegin.com/wp-content/plugins/tweetbutton-for-wordpress/images/tweet.png" style="border:none" /></a></div>
<p>Petite <a href="http://www.meninos.us/" target="_blank">site </a><strong><a href="http://www.meninos.us/" target="_blank">coup de coeur</a> </strong>en ce jeudi ensoleillé que je viens de découvrir, <strong>geek</strong> comme je suis et qui propose de nombreuses décorations d&#8217;appartement. Bon jusque là rien de bien différents de notre ami Ikea, mais meninos a cette particularité de proposer des <strong>produits ultra geek mais stylé</strong>.  Petite démonstration avec ce <strong>tapis &laquo;&nbsp;slide to unlock&nbsp;&raquo;</strong> qui n&#8217;est pas sans rappeler le glissement de doigt pour déverrouiller son <strong>iPhone</strong> :</p>
<p style="text-align: center;"><a href="http://www.fuegin.com/wp-content/uploads/2011/04/slide-to-unlock1.png"><img class="size-full wp-image-4788 aligncenter" title="slide to unlock" src="http://www.fuegin.com/wp-content/uploads/2011/04/slide-to-unlock1.png" alt="" width="385" height="289" /></a></p>
<p>Ou encore cette lampe qui reprend les deux touches de luminosité de l&#8217;<strong>écran sur mac (F1 &amp; F2)</strong> pour en faire une lampe de plafond ou de chevet :</p>
<p style="text-align: center;"><a href="http://www.fuegin.com/wp-content/uploads/2011/04/Lamp-F1-F2.png"><img class="size-full wp-image-4792 aligncenter" title="Lamp F1 &amp; F2" src="http://www.fuegin.com/wp-content/uploads/2011/04/Lamp-F1-F2.png" alt="" width="406" height="323" /></a></p>
<p>Mais que nos amis <em>un peu geek mais pas trop</em> se rassure car il y en a pour tous les gouts. Cela va donc de la lampe rss au coussin chaine stéréo et je dois bien avouer que je suis assez fan de tout ca.</p>
<p style="text-align: center;"><a href="http://www.fuegin.com/wp-content/uploads/2011/04/Capture-d’écran-2011-04-07-à-19.06.53.png"><img class="size-medium wp-image-4794 aligncenter" title="Subway New York" src="http://www.fuegin.com/wp-content/uploads/2011/04/Capture-d’écran-2011-04-07-à-19.06.53-300x245.png" alt="" width="300" height="245" /></a><a href="http://www.fuegin.com/wp-content/uploads/2011/04/Capture-d’écran-2011-04-07-à-19.06.44.png"><img class="size-medium wp-image-4795 aligncenter" title="Lamp RSS" src="http://www.fuegin.com/wp-content/uploads/2011/04/Capture-d’écran-2011-04-07-à-19.06.44-300x249.png" alt="" width="300" height="249" /></a><a href="http://www.fuegin.com/wp-content/uploads/2011/04/Capture-d’écran-2011-04-07-à-19.06.03.png"><img class="size-medium wp-image-4797 aligncenter" title="Coussin stereo" src="http://www.fuegin.com/wp-content/uploads/2011/04/Capture-d’écran-2011-04-07-à-19.06.03-300x272.png" alt="" width="300" height="272" /></a></p>
<p>Deux seuls petits bémols quand à tout ca, le site est américain donc les frais de ports risquent d&#8217;être salé pour votre chéquier et le prix des produits qui, il faut bien le dire, n&#8217;est pas très donné à savoir <strong>70$ pour le tapis &laquo;&nbsp;slide to unlock&nbsp;&raquo;</strong> ou encore <strong>75$ pour la lampe F1 &amp; F2</strong>.</p>
<p>Néanmoins, rien ne vous empêche d&#8217;aller faire un tour sur le site <a href="http://www.meninos.us/" target="_blank">www.meninos.us/</a></p>
<p>Bonne visite <img src='http://www.fuegin.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.fuegin.com/votre-appartement-en-tenue-de-geek/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Vancouver 2010 : idéntité visuelle, internet et technologies</title>
		<link>http://www.fuegin.com/vancouver-2010-identite-visuelle-internet-et-technologies/</link>
		<comments>http://www.fuegin.com/vancouver-2010-identite-visuelle-internet-et-technologies/#comments</comments>
		<pubDate>Sat, 13 Feb 2010 17:29:44 +0000</pubDate>
		<dc:creator>Ciseur &#38; Fuego</dc:creator>
				<category><![CDATA[Présentation de site internet]]></category>
		<category><![CDATA[3D]]></category>
		<category><![CDATA[Google Earth]]></category>
		<category><![CDATA[Google Street View]]></category>
		<category><![CDATA[Jeux Olympiques]]></category>
		<category><![CDATA[JO]]></category>
		<category><![CDATA[Vancouver]]></category>
		<category><![CDATA[Vancouver 2010]]></category>

		<guid isPermaLink="false">http://www.fuegin.com/?p=2593</guid>
		<description><![CDATA[Les jeux olympiques ont commencés cette nuit. Des outils pour découvrir Vancouver 2010 ont été mis en place sur internet. L&#8217;équipe de Fuegin&#8217; se propose de vous faire une présentation de ces outils, en gardant un oeil sur ce qui nous intéresse : le design et les nouvelles technologies. Ciseur &#38; Fuego se sont associé [...]]]></description>
			<content:encoded><![CDATA[<div class="TweetButton_button" style="float: right; margin-left: 10px;;height:20px;margin-bottom:5px;"><a href="http://twitter.com/share?url=http%3A%2F%2Fwww.fuegin.com%2Fvancouver-2010-identite-visuelle-internet-et-technologies%2F&amp;text=Vancouver 2010 : idéntité visuelle, internet et technologies&amp;count=horizontal&amp;via=fuegin&amp;lang=en&amp;related=3D,Google+Earth,Google+Street+View,Jeux+Olympiques,JO,Vancouver,Vancouver+2010"><img src="http://www.fuegin.com/wp-content/plugins/tweetbutton-for-wordpress/images/tweet.png" style="border:none" /></a></div>
<p>Les jeux olympiques ont commencés cette nuit. <strong>Des outils pour découvrir Vancouver 2010 ont été mis en place sur internet</strong>. L&#8217;équipe de Fuegin&#8217; se propose de vous faire une présentation de ces outils, en gardant un oeil sur <strong>ce qui nous intéresse : le design et les nouvelles technologies</strong>.</p>
<p style="text-align: center;"><a title="Dossier : Identité visuelle, site internet et technologies autour de Vancouver 2010" href="http://www.fuegin.com/vancouver-2010-identite-visuelle-internet-et-technologies"><img class="size-full wp-image-2613 aligncenter" title="Fuegin - Logo Vancouver 2010" src="http://www.fuegin.com/wp-content/uploads/2010/02/2010_winter_olympics_logo1.png" alt="JO Vancouver Logo" width="340" height="340" /></a></p>
<p>Ciseur &amp; Fuego se sont associé pour vous proposer <strong>ce dossier sur le site de Vancouver, et les outils et innovations technologiques de ces Jeux Olympiques d&#8217;hiver.</strong></p>
<p><span id="more-2593"></span></p>
<h2>Identité visuelle Vancouver 2010</h2>
<p style="text-align: center;"><a href="http://www.fuegin.com/wp-content/uploads/2010/02/graphic-identity_38original-aE.jpg"><img class="aligncenter size-full wp-image-2609" title="Identité visuelle des Jeux Olympiques de 2010 à Vancouver" src="http://www.fuegin.com/wp-content/uploads/2010/02/graphic-identity_38original-aE.jpg" alt="Fuegin - Identité visuelle Vancouver 2010" width="399" height="381" /></a></p>
<p>Chaque pays hôte de Jeux olympiques et paralympiques raconte une  histoire culturelle et créative à l’aide de conceptions artistiques.</p>
<p><strong>L’identité graphique de Vancouver 2010 vise à uniformiser et à embellir  l’image des Jeux, grâce à des environnements et des communications qui  ont une image et une essence bien définies</strong>. À l’image de l’énergie dynamique de Vancouver, de Whistler et du Canada,  les graphiques de Vancouver 2010 donnent naissance à un lieu où la  nature et la culture peuvent se transformer et s’épanouir tout comme la  puissance, la rapidité et l’esprit des athlètes.</p>
<p>Des représentations de  l’eau et de la végétation sont intégrées à cette création et symbolisent  souvent la vitalité et la force que l’on peut puiser dans la nature.</p>
<p>Rien de tel qu&#8217;une petite vidéo pour vous expliquer la création des différents éléments de l&#8217;identité.</p>
<p style="text-align: center;"></p>
<h2>Le site : vancouver2010.com</h2>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-2614" title="Aperçu du site internet Vancouver2010.com" src="http://www.fuegin.com/wp-content/uploads/2010/02/JOVancouver.jpg" alt="Fuegin - Aperçu du site des jeux olympiques de 2010 à Vancouver" width="400" height="227" /></p>
<h3>Design</h3>
<p>Le design du <a href="http://www.vancouver2010.com/fr/" target="_blank">site</a> reprend l&#8217;identité visuelle réalisé pour Vancouver 2010, à savoir des couleurs assez fraiches, complémentaires, et qui peuvent éventuellement nous faire penser à des couleurs écolos : Le bleu pour la Neige, le vert pour l&#8217;environnement&#8230;</p>
<p>Le gabarit du site est aussi assez traditionnel, avec une partie navigation juste en dessous du header, et le calendrier des épreuves dans le header.</p>
<h3>Les aspects techniques</h3>
<p>Pour son site internet, le comité olympique de Vancouver 2010 a fait appel à un des leaders du marché Canadien : Bell. <strong>L&#8217;entreprise se vante d&#8217;avoir réussi à mettre en place un système plus puissant que les précédentes éditions pour des coûts réduits de moitié</strong>.</p>
<p>On peut s&#8217;en douter un aussi gros événement va attirer une audience énorme. Qui dit beaucoup de connexion, dit besoin de technologies adaptées. En effet, un simple site en PHP hébergé sur un seul serveur, même dédié, va très vite être débordé. Ici, <strong>le site de Vancouver 2010 est distribué par 30 000 serveurs à travers le monde</strong>. Ce qui protège le système d&#8217;éventuelles attaques et qui surtout permet de répondre très rapidement au requêtes des utilisateurs.</p>
<p>Un système analytique a également été mis en place. Ainsi, les administrateurs peuvent surveiller, évaluer et analyser le site. Grâce à se Google Analytics maison, ils peuvent déterminer quelle partie du site améliorer.</p>
<p>Sinon du coté client, rien de très original pour Vancouver2010.com ! Du HTML/CSS, du flash, des petits effet javascript. On retrouve tout ce qui est courant de nos jours sur le web. À noter tout de même,<strong> le site garde un rendu propre sous IE6 et même sous IE5 </strong>! Pour un site de cette envergure, on peut dire qu&#8217;ils étaient obligés mais la taille de l&#8217;application rend également la tâche d&#8217;autant plus difficile.</p>
<h2>Dévalez les pistes de Skis avec Google Street View !</h2>
<p><a href="http://www.google.com/intl/en/landing/games10/index.html" target="_blank">Google street</a> a mis en place un système nous permettant de découvrir les différentes pistes des JO. Ainsi, comme lorsqu&#8217;on se balade dans une rue avec Google Street View, vous pouvez désormais vous baladez en ski et sur les pistes !</p>
<p>Google nous a d&#8217;ailleurs confectionné une petite vidéo relatant la façon dont ils ont réussi à faire ça. Une bonne nouvelle donc,  pour ceux qui aiment dévaler les pentes <img src='http://www.fuegin.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' />  N&#8217;hésitez pas, et regardez la vidéo ci-dessous pour en découvrir plus sur Street View.</p>
<p style="text-align: center;"></p>
<h2>Les sites des JO en 3D</h2>
<p><img class="aligncenter size-full wp-image-2617" title="JOVancouver3D" src="http://www.fuegin.com/wp-content/uploads/2010/02/JOVancouver3D.jpg" alt="Jo Vancouver 3D" width="400" height="242" /></p>
<p><strong>Plus de 50 sites des JO de Vancouver ont été modelisés via le logiciel Sketchup, un logiciel crée par Google pour réaliser de la 3D relativement facilement</strong>. Plutot que de vous faire un long discours sur le pourquoi du comment de la 3D, nous vous invitons à aller voir par vous même les différents sites en 3D, via <a href="http://www.vancouver2010.com/" target="_blank">le site des JO</a>, puis la rubrique Spectator Guide / Venues . Ensuite, choisissez le batiment que vous souhaitez voir en 3D avec &laquo;&nbsp;3D views&nbsp;&raquo;.  La réalisation est au top, et on ne se lasse pas de naviguer au milieu de la 3D.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.fuegin.com/vancouver-2010-identite-visuelle-internet-et-technologies/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

