<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>Ziki - Christophe Clouzeau's last published content</title>
    <link>http://www.ziki.com/en/christopheclouzeau+22247</link>
    <pubDate>Fri, 09 Jul 2010 09:16:12 +0200</pubDate>
    <ttl>120</ttl>
    <description>My aggregated content at ziki.com</description>
    <item>
      <title>L&#8217;&#233;cran publicitaire vid&#233;o interactif de Forever21 sur Times Square</title>
      <link>http://www.neoma-interactive.com/2010/07/09/lecran-publicitaire-video-interactif-de-forever21-sur-times-square/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=lecran-publicitaire-video-interactif-de-forever21-sur-times-square</link>
      <description>
        <![CDATA[<div class="post_content wiki_text"><p>
  <img title="forever21-timessquare" src="http://www.neoma-interactive.com/wp-content/uploads/forever21-timessquare.jpg" height="340" alt="capture de l&amp;apos;écran publicitaire vidéo interactif de Forever21 sur Times Square" width="600" />
</p>
<p>
  <strong>Forever21</strong>, une enseigne de prêt à porter, a utilisé <strong>un billboard interactif faisant appel à la réalité augmentée</strong> pour distraire les passants de Times Square.
</p>
<p>
  <span></span>
</p>
<p>
  Les piétons sont filmés et projetés sur l’écran géant où de jeunes filles, sûrement de 21 ans ?, viennent interagir avec l’image diffusée.
</p>
<p>
  L’agence initiatrice du projet, <a href="http://www.space150.com" title="site internet de l&amp;apos;agence Space150">Space150</a>, souhaitait augmenter le temps moyen passé à&nbsp;regarder&nbsp;les écrans publicitaires dans la rue (qui est de 6 secondes). Résultat garanti car les passants s’amusent à se déplacer, à gesticuler et à faire partie de l’interactivité.
</p>
<p>
  Vidéo de cet écran&nbsp;publicitaire&nbsp;interactif :
</p>
<p>
  <object height="338" width="601">
    
    
    
    <embed src="http://vimeo.com/moogaloop.swf?clip_id=12855619&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" height="338" width="601" />
  </object>
</p>
<p>
  <em>Via Bertrand de <a href="http://www.tobechanged.com/398-lecran-de-pub-espion-qui-filme-les-pietons.html" title="article L’écran de pub espion qui filme les piétons">tobechanged.com</a></em>
</p>
</div>]]>
      </description>
      <pubDate>Fri, 09 Jul 2010 09:16:12 +0200</pubDate>
      <guid isPermaLink="false">tag:ziki.com,2010:/article/12651798</guid>
    </item>
    <item>
      <title>Le site internet de Neoma-Interactive est &#233;lectriquement vert</title>
      <link>http://www.neoma-interactive.com/2010/07/06/site-electriquement-vert/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=site-electriquement-vert</link>
      <description>
        <![CDATA[<div class="post_content wiki_text"><p>
  <a href="http://www.wattimpact.com/sceau2.aspx?urlreferrer=http://www.neoma-interactive.com" title="certificat d&amp;apos;éco-neutralité en impact environnemental"><img title="site-eco-neutralisant" src="http://www.neoma-interactive.com/wp-content/uploads/site-eco-neutralisant.jpg" height="220" alt="Site éco-neutralisant son impact sur l&amp;apos;environnement" width="670" /></a>
</p>
<p>
  Le site internet de Neoma-Interactive s’équipe d’une pastille verte qui permet de contribuer à la production d’énergie propre.
</p>
<p>
  <span></span>
</p>
<h2>
  «&nbsp;Site électriquement vert&nbsp;»
</h2>
<p>
  Attribuée par notre partenaire Watt value, cette pastille est un véritable contrat à valeur écologique donnant droit à <strong>un certificat prouvant notre choix d’éco-neutraliser notre impact sur l’environnement</strong> et de soutenir le développement des énergies propres.
</p>
<h2>
  La méthode de calcul
</h2>
<p>
  Le principe repose sur <strong>une estimation de l’impact énergétique en consommation électrique</strong>. Un visiteur sur notre site provenant de l’autre bout du globe consomme plus d’électricité (donc émet plus d’équivalent CO2) qu’un visiteur local. En faisant cette estimation de consommation, sur la base des IP, une quote-part est ré-investie dans de nouveaux projets pour augmenter les capacités de production d’électricité renouvelable.
</p>
<h2>
  La contribution au développement des filières vertes
</h2>
<p>
  Neoma-Interactive contribue ainsi à hauteur de 1 centime d’euro par kWh certifié proportionnellement au trafic de notre site internet et des provenances de nos internautes. Les centres de production d’électricité verte ont été sélectionnés selon les critères de validation émis par le <strong>RECS</strong> (Renewable Energy Certificate System).&nbsp;Le RECS met en place une certification européenne de l’énergie renouvelable et garantie l’origine verte de l’électricité.
</p>
<p>
  Le représentant du RECS en France est <strong>Observ’ER</strong> (l’Observatoire des Energies Renouvelables) ; c’est l’institut français de certification de l’énergie d’origine renouvelable qui émet les certificats verts, dont le notre&nbsp;!
</p>
<p>
  <strong>Pour en savoir plus :</strong>
</p>
<ul>
  <li>
    <a href="http://www.recs.org">site internet du RECS</a>
  </li>
  <li>
    <a href="http://www.recs-france.com/">site internet de l’EECS</a> (European Energy Certificate System) par Observ’ER
  </li>
  <li>Soutenu par la Commission Européenne et l’Ademe, l’Observatoire des énergies renouvelables réalise et publie tous les deux mois depuis 1998 <a href="http://www.energies-renouvelables.org/barometre.asp">le baromètre EurObserv’ER</a>
  </li>
</ul>
</div>]]>
      </description>
      <pubDate>Tue, 06 Jul 2010 19:44:40 +0200</pubDate>
      <guid isPermaLink="false">tag:ziki.com,2010:/article/12651799</guid>
    </item>
    <item>
      <title>Paris Web 2010, du 14 au 16 octobre</title>
      <link>http://www.neoma-interactive.com/2010/06/24/paris-web-2010-du-14-au-16-octobre/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=paris-web-2010-du-14-au-16-octobre</link>
      <description>
        <![CDATA[<div class="post_content wiki_text"><p>
  <img title="paris-web-2010" src="http://www.neoma-interactive.com/wp-content/uploads/paris-web-2010.jpg" height="150" alt="bannière Paris Web 2010" width="670" />
</p>
<p>
  Même si les dates sont déjà connues par ceux qui s’impatientent toute l’année de la prochaine édition, il est toujours bon de faire la promotion pour cet incontournable événement dédiés aux professionnels des projets interactifs.
</p>
<h2>
  Accessibilité,&nbsp;design&nbsp;et standards
</h2>
<p>
  «&nbsp;Du 14 au 16 octobre à Paris, la cinquième édition de la conférence Paris Web explorera les thèmes de l’accessibilité Web, du&nbsp;design&nbsp;numérique et des standards ouverts.&nbsp;»
</p>
<p>
  Et pour bien communiquer, comme chaque année nous éditons des bannières «&nbsp;J’y serais !&nbsp;» et «&nbsp;Nous y serons !&nbsp;» à placer sans modération sur vos sites internet (comme celle présente en colonne sur notre site). Elles viennent en complément des images, boutons et logo déjà disponibles sur le site officiel à cette adresse : <a href="http://www.paris-web.fr/promotion.php" title="Images, logos et bannières Paris Web">http://www.paris-web.fr/promotion.php</a>
</p>
<p>
  <strong>On se prépare et on y va :</strong>
</p>
<ul>
  <li>bannière&nbsp;<a href="http://www.paris-web.fr/telechargements/banniere-paris-web-240x110-je.jpg">240 × 110 pixels (16&nbsp;<abbr title="Kilo-octets">Ko</abbr>) – version « J’y serai ! »</a>
  </li>
  <li>bannière&nbsp;<a href="http://www.paris-web.fr/telechargements/banniere-paris-web-240x110-nous.jpg">240 × 110 pixels (16&nbsp;<abbr title="Kilo-octets">Ko</abbr>) – version « Nous y serons ! »</a>
  </li>
</ul>
</div>]]>
      </description>
      <pubDate>Thu, 24 Jun 2010 20:18:58 +0200</pubDate>
      <guid isPermaLink="false">tag:ziki.com,2010:/article/12588430</guid>
    </item>
    <item>
      <title>Quelle est l&#8217;empreinte Carbone de vos projets interactifs ?</title>
      <link>http://www.neoma-interactive.com/2010/06/18/quelle-est-lempreinte-carbone-de-vos-projets-interactifs/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=quelle-est-lempreinte-carbone-de-vos-projets-interactifs</link>
      <description>
        <![CDATA[<div class="post_content wiki_text"><p>
  <img title="ccpi-impact-interactif" src="http://www.neoma-interactive.com/wp-content/uploads/ccpi-impact-interactif.jpg" height="340" alt="Bannière de l&amp;apos;outil CCIP Calcul Carbone Projet Interactif" width="670" />
</p>
<p>
  <em>«&nbsp;Nous avons décidé de tout faire en version numérique et en ligne pour des raisons écologiques.&nbsp;»</em>
</p>
<p>
  Cet argument environnemental, ou au nom d’une communication globale sur le développement durable, est-il toujours valable ?
</p>
<p>
  <span></span>
</p>
<p>
  <strong>Neoma-Interactive dévoile sa conception du web-développement durable</strong> et de <strong>son outil de calcul du carbone</strong> émis pour la production d’un projet interactif (web, offline, mobile). Baptisé <strong>CCPI</strong> pour «&nbsp;Calcul Carbone de Projet Interactif&nbsp;», cette méthode permet d’évaluer, au cours d’une production, le rejet émis par les postes numériques et celui lié à la gestion entre les différents interlocuteurs.
</p>
<p>
  <strong>L’impact écologique est mesuré sur la production.</strong> La fabrication matérielle et la diffusion sur divers supports ne sont pas prises en compte pour&nbsp;l’instant. Pour le premier point (fabrication) nous nous reposons sur la taxe «&nbsp;éco-contribution&nbsp;» actuellement en vigueur et fournie par les vendeurs/constructeurs. Pour le second point (diffusion) nous faisons appel à des hébergeurs verts ou à des partenaires calculant l’impact énergétique en fonction du trafic de publication. Bien entendu cet axe est discutable, mais c’est déjà un pas !
</p>
<h2>
  Durable et Vert
</h2>
<p>
  Nous nous engagions à travers <strong>une charte</strong> «&nbsp;<a href="http://www.neoma-interactive.com/2009/01/23/neoma-interactive-sengage-pour-lenvironnement/" title="article Neoma Interactive s’engage pour l’environnement">Je m’engage pour l’environnement</a>&nbsp;» il y a un peu plus d’un an.
</p>
<p>
  <strong>Nous affirmons aujourd’hui&nbsp;apporter&nbsp;une réponse quantifiée aux enjeux environnementaux.</strong> Plus de détails sur notre encart spécial <a href="http://www.neoma-interactive.com/le-web-developpement-durable" title="pages Web-développement durable sur le site de Neoma-Interactive">«&nbsp;Le web-développement durable&nbsp;»</a>.
</p>
<p>
  <em>NB : cet outil est déployé sur nos infrastructures internes afin de le perfectionner avant d’envisager une mise en ligne plus collaborative. Si vous êtes intéressé(e), venez nous voir <img src="http://www.neoma-interactive.com/wp-includes/images/smilies/icon_smile.gif" alt=":)" /></em>
</p>
</div>]]>
      </description>
      <pubDate>Fri, 18 Jun 2010 13:03:44 +0200</pubDate>
      <guid isPermaLink="false">tag:ziki.com,2010:/article/12571472</guid>
    </item>
    <item>
      <title>5 ans</title>
      <link>http://www.neoma-interactive.com/2010/06/12/5-ans/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=5-ans</link>
      <description>
        <![CDATA[<div class="post_content wiki_text"><p>
  Aujourd’hui 12 juin 2010 :&nbsp;Thom’ quittait subitement Neoma-Interactive après l’avoir tout juste créée il y a déjà <a href="http://www.neoma-interactive.com/2005/06/21/adieu-monsieur-thom/" title="Thom">5 ans</a>…
</p>
</div>]]>
      </description>
      <pubDate>Sat, 12 Jun 2010 09:52:56 +0200</pubDate>
      <guid isPermaLink="false">tag:ziki.com,2010:/article/12550686</guid>
    </item>
    <item>
      <title>Ikea proprose la banni&#232;re web &#224; faire soi-m&#234;me</title>
      <link>http://www.neoma-interactive.com/2010/06/03/ikea-proprose-la-banniere-web-a-faire-soi-meme/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=ikea-proprose-la-banniere-web-a-faire-soi-meme</link>
      <description>
        <![CDATA[<div class="post_content wiki_text"><p>
  Les images parlent d’elles-même (et quand les images sont en mouvement, c’est une «&nbsp;vidéo&nbsp;» !).
</p>
<p>
  Ikea propose des&nbsp;bannières&nbsp;créatives comme on les aime qui vont à coup sûr battre des records de temps d’utilisation.
</p>
<p>
  <object height="505" width="640">
    
    
    
    <embed src="http://www.youtube.com/v/G4t_6pn_CPU&amp;hl=fr_FR&amp;fs=1&amp;" height="505" width="640" />
  </object>
</p>
<p>
  <em>Merci à Fab’</em>
</p>
</div>]]>
      </description>
      <pubDate>Thu, 03 Jun 2010 14:39:51 +0200</pubDate>
      <guid isPermaLink="false">tag:ziki.com,2010:/article/12508954</guid>
    </item>
    <item>
      <title>Quai55.com</title>
      <link>http://www.neoma-interactive.com/2010/06/03/quai55-com/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=quai55-com</link>
      <description>
        <![CDATA[<div class="post_content wiki_text"><p>
  <img title="quai55-home" src="http://www.neoma-interactive.com/wp-content/uploads/quai55-home.jpg" height="519" alt="Page d&amp;apos;accueil du site internet quai55.com" width="670" />
</p>
<p>
  Refonte graphique et ergonomique du site de&nbsp;Croisière&nbsp;en bateau à Paris<br />
  <a href="http://www.quai55.com/" title="site internet de Quai55">www.quai55.com</a>
</p>
<p>
  <span></span>
</p>
<p>
  Le Quai 55 organise des animations, des déjeuners et des dîners croisière pour les événements : mariages, baptêmes, séminaires, dîner d’affaires, conférences de presse… Neoma-Interactive a réalisé pour la société <a href="http://www.tarentis.com/" title="site internet de la société Tarentis">Tarentis</a> la réflexion ergonomique et le webdesign de la refonte du site internet.
</p>
<p>
  <img title="quai55-internes" src="http://www.neoma-interactive.com/wp-content/uploads/quai55-internes.jpg" height="661" alt="pages du site internet de Quai55" width="670" />
</p>
</div>]]>
      </description>
      <pubDate>Thu, 03 Jun 2010 12:02:32 +0200</pubDate>
      <guid isPermaLink="false">tag:ziki.com,2010:/article/12508955</guid>
    </item>
    <item>
      <title>Le magazine Wired en &#233;dition iPad</title>
      <link>http://www.neoma-interactive.com/2010/05/27/le-magazine-wired-en-edition-ipad/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=le-magazine-wired-en-edition-ipad</link>
      <description>
        <![CDATA[<div class="post_content wiki_text"><p>
  Le magazine Wired est une référence en matière d’édition sur le monde digital, et en matière d’édition digitale également via leur publication en ligne de référence. Il en va logiquement de l’édition maintenant développée pour l’iPad.
</p>
<p>
  Chris Anderson, le rédacteur en chef, est fier de la présenter en vidéo. Et il a de quoi pavaner un peu : l’innovation et «&nbsp;l’édition numérique du futur&nbsp;» sont déjà au rendez-vous.<br />
  <em>NB : question accessibilité ? cela fera l’objet d’un projet article. Pour l’instant, apprécions l’expérience utilisateur…</em>
</p>
<p>
  <object height="385" width="640">
    
    
    
    <embed src="http://www.youtube.com/v/wwFbwHaP5tE&amp;hl=fr_FR&amp;fs=1&amp;" height="385" width="640" />
  </object>
</p>
<p>
  Source : <a href="http://www.wired.com/magazine/2010/05/mag_editors_letter/" title="Wired Magazine’s iPad Edition Goes Live">Wired.com</a>
</p>
</div>]]>
      </description>
      <pubDate>Thu, 27 May 2010 09:41:50 +0200</pubDate>
      <guid isPermaLink="false">tag:ziki.com,2010:/article/12476737</guid>
    </item>
    <item>
      <title>ATLINKS.com</title>
      <link>http://www.neoma-interactive.com/2010/05/21/atlinks-com/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=atlinks-com</link>
      <description>
        <![CDATA[<div class="post_content wiki_text"><p>
  <img title="atlinks-home" src="http://www.neoma-interactive.com/wp-content/uploads/atlinks-home.jpg" height="638" alt="Interface d&amp;apos;accueil du site internet version 1" width="670" />
</p>
<p>
  Communication interactive d’ATLINKS (internet / intranet / extranet)<br />
  <a href="http://www.atlinks.com" title="site internet de la société ATLINKS">http://www.atlinks.com</a>
</p>
<p>
  <span></span>Neoma-Interactive est fière d’accompagner la société ATLINKS, via son partenaire <a href="http://www.o-communication.com/2010/04/07/les-premiers-pas-d%E2%80%99atlinks/" title="article ATLINKS sur le site de O&amp;apos; Communication">O’ Communication</a>, dans sa stratégie de communication numérique et dans la mise en place des applicatifs nécessaires à son développement.
</p>
<p>
  Née en janvier 2010, mais avec une équipe ayant plus de 15 ans d’expériences dans le domaine des Télécoms, ATLINKS est issue de l’activité Telecom de Thomson (aujourd’hui renommée&nbsp;<a href="http://www.technicolor.com/" title="site internet de la société Technicolor">Technicolor</a>). Elle a&nbsp;pour objectif de fournir des terminaux de communication innovants et un service de qualité dans le secteur des Distributeurs Grand Public, des Professionnels et des Opérateurs.
</p>
<p>
  ATLINKS commercialise actuellement ses produits sous la marque Alcatel. Elle a aussi pour vocation de distribuer des produits sous d’autres marques leaders, englobant ainsi une large gamme de produits conçus pour couvrir les besoins des consommateurs et des utilisateurs professionnels.
</p>
</div>]]>
      </description>
      <pubDate>Fri, 21 May 2010 10:07:07 +0200</pubDate>
      <guid isPermaLink="false">tag:ziki.com,2010:/article/12476738</guid>
    </item>
    <item>
      <title>Typo Berlin 2010</title>
      <link>http://www.neoma-interactive.com/2010/05/19/typo-berlin-2010/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=typo-berlin-2010</link>
      <description>
        <![CDATA[<div class="post_content wiki_text"><p>
  <img title="typo-berlin-2010" src="http://www.neoma-interactive.com/wp-content/uploads/typo-berlin-2010.jpg" height="100" alt="Logo de la conférence 2010 Typo Berlin" width="320" />
</p>
<p>
  <strong>Le 15e rendez-vous international des conférences Design Typo Berlin se déroule du 20 au 22 mai.</strong>
</p>
<p>
  Disons-le : cet événement est au Design (avec un grand D) ce que <a href="http://www.neoma-interactive.com/?s=parisweb" title="articles concernant Paris Web sur le site de Neoma-Interactive">ParisWeb</a> est aux bons usages du Web (avec un grand W). Il s’adresse aux professionnels du design graphique, du design industriel, du design artistique et même celui d’internet.
</p>
<p>
  La liste des intervenants est disponible sur le site officiel <a href="http://www.typoberlin.de/" title="site internet des conférences Design Typo Berlin">www.typoberlin.de</a>, avec notamment au programme une intervention de l’américain <strong>David Carson</strong>. Si vous ne connaissez pas ce typographe/designer, voici une <a href="http://www.ted.com/talks/david_carson_on_design.html" title="Conférence vidéo de David Carson au TED 2003">vidéo de sa conférence au cycle TED de 2003</a>.
</p>
<p>
  L’édition de cette année tourne autour du thème de la «&nbsp;Passion&nbsp;», coeur de réflexion et de travail pour la cinquantaine de graphistes et designers qui relèvent le défi ! Les places ne sont plus disponibles ce jour, mais une application iPhone est proposée sur le site pour suivre la retransmission.
</p>
</div>]]>
      </description>
      <pubDate>Wed, 19 May 2010 15:03:53 +0200</pubDate>
      <guid isPermaLink="false">tag:ziki.com,2010:/article/12476739</guid>
    </item>
    <item>
      <title>Pantone CO2</title>
      <link>http://www.neoma-interactive.com/2010/04/29/pantone-co2/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=pantone-co2</link>
      <description>
        <![CDATA[<div class="post_content wiki_text"><p>
  Voici une petite image issue de l’excellent blog <a href="http://graphism.fr" title="Blog Graphisme et interactivité par Geoffrey Dorne">graphism.fr</a> de Geoffroy Dorne, graphiste designer qui se passionne notamment pour les concepts et designs d’interfaces homme-machine (IHM).
</p>
<p>
  <img title="pantone-co2" src="http://www.neoma-interactive.com/wp-content/uploads/pantone-co2.jpg" height="361" alt="Pantone CO2" width="420" />
</p>
<p>
  Le clin d’oeil au référencier international des couleurs intégrant l’évolution des prises de conscience environnementale est une belle idée.
</p>
<p>
  Plein les yeux de dérivés Pantone sur l’article : <a href="http://graphism.fr/post/555696249/du-pantone-dans-les-yeux" title="Du Pantone dans les yeux, article sur graphism.fr">Du Pantone dans les yeux</a>.
</p>
</div>]]>
      </description>
      <pubDate>Thu, 29 Apr 2010 11:51:57 +0200</pubDate>
      <guid isPermaLink="false">tag:ziki.com,2010:/article/12394392</guid>
    </item>
    <item>
      <title>La semaine du d&#233;veloppement durable 2010</title>
      <link>http://www.neoma-interactive.com/2010/03/31/la-semaine-du-developpement-durable-2010/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=la-semaine-du-developpement-durable-2010</link>
      <description>
        <![CDATA[<div class="post_content wiki_text"><p>
  <img title="semaine-developpement-durable-2010" src="http://www.neoma-interactive.com/wp-content/uploads/semaine-developpement-durable-2010.jpg" height="100" alt="bandeau Semaine du développement durable 2010" width="670" />
</p>
<p>
  Chaque année, le <a href="http://www.developpement-durable.gouv.fr/" title="site internet du Ministère de l&amp;apos;Écologie, de l&amp;apos;Energie, du Développement durable et de la Mer">Ministère de l’Écologie, de l’Energie, du Développement durable et de la Mer</a> invite les entreprises, les associations, les services publics, les collectivités et les établissements scolaires à <strong>promouvoir les principes du développement durable</strong>.
</p>
<p>
  Cette année cet événement de communication se déroule du 1er au 07 avril 2010 afin de sensibiliser la population aux enjeux du développement durable et inciter chacun à adopter des comportements plus responsables.
</p>
<div>
  <object height="300" width="400">
    
    
    
    
    
    
    
    <embed src="http://www.semainedudeveloppementdurable.gouv.fr/plugins/Lecteur_multimedia/flash/player_flv_maxi.swf" height="300" width="400" />
  </object>
</div>
<p>
  Le site internet de la semaine du développement durable : <a href="http://www.semainedudeveloppementdurable.gouv.fr/">http://www.semainedudeveloppementdurable.gouv.fr/</a>
</p>
</div>]]>
      </description>
      <pubDate>Wed, 31 Mar 2010 19:11:35 +0200</pubDate>
      <guid isPermaLink="false">tag:ziki.com,2010:/article/12169604</guid>
    </item>
    <item>
      <title>Intranet CNFPT</title>
      <link>http://www.neoma-interactive.com/2010/03/17/intranet-cnfpt/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=intranet-cnfpt</link>
      <description>
        <![CDATA[<div class="post_content wiki_text"><p>
  <img title="cnfpt-intranet-log" src="http://www.neoma-interactive.com/wp-content/uploads/cnfpt-intranet-log.jpg" height="394" alt="interface de connexion à l&amp;apos;intranet CNFPT" width="670" />
</p>
<p>
  Conception ergonomique, webdesign, intégration et charte web pour l’intranet du Centre National de la Fonction Publique Territoriale (CNFPT)
</p>
<p>
  <span></span>Le <a href="http://www.cnfpt.fr" title="site internet du Centre National de la Fonction Publique Territoriale">CNFPT</a> est un organisme de formation pour les agents de la&nbsp;fonction&nbsp;publique territoriale. Il organise les concours et les formations des personnels des collectivités locales.
</p>
<p>
  Son outil intranet à destination des délégations régionales se modernisant, Neoma-Interactive a participé à la refonte ergonomique de l’outil en s’appuyant sur les services et fonctionnalités proposés par les modèles «&nbsp;web 2.0″. L’intégration xHTML/CSS/Javascript des gabarits a permis d’appliquer l’accessibilité numérique sans dénaturer aux fonctionnalités modulaires retenus pour l’affichage des contenus.
</p>
<p>
  Ce travail a été menée en collaboration avec la société <a href="http://www.temesis.com/" title="site internet de la société Temesis">Temesis</a> pour la conformité qualité, webstandards et accessibilité numérique du projet.
</p>
<p>
  <a href="http://www.neoma-interactive.com/2010/03/17/intranet-cnfpt-un-netvibes-like-accessible/">Voir l’actualité émise pour ce projet &gt;</a>
</p>
<p>
  <img title="cnfpt-intranet-ecrans" src="http://www.neoma-interactive.com/wp-content/uploads/cnfpt-intranet-ecrans.jpg" height="499" alt="capture des interfaces de l&amp;apos;intranet CNFPT" width="670" />
</p>
</div>]]>
      </description>
      <pubDate>Wed, 17 Mar 2010 13:17:22 +0100</pubDate>
      <guid isPermaLink="false">tag:ziki.com,2010:/article/12061088</guid>
    </item>
    <item>
      <title>Intranet CNFPT : un &#8216;Netvibes-like&#8217; accessible</title>
      <link>http://www.neoma-interactive.com/2010/03/17/intranet-cnfpt-un-netvibes-like-accessible/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=intranet-cnfpt-un-netvibes-like-accessible</link>
      <description>
        <![CDATA[<div class="post_content wiki_text"><p>
  <img title="cnfpt-intranet" src="http://www.neoma-interactive.com/wp-content/uploads/cnfpt-intranet.jpg" height="160" alt="capture de l&amp;apos;écran de connexion à l&amp;apos;intranet CNFPT" width="670" />
</p>
<p>
  <a href="http://www.neoma-interactive.com/wp-content/uploads/cnfpt-intranet.jpg"></a>Nous venons d’achever <strong>l’ergonomie et l’intégration d’un projet intranet pour le Centre National de la Fonction Publique Territoriale (CNFPT)</strong> reposant sur le principe fonctionnel du service Netvibes.
</p>
<p>
  <span></span>
</p>
<p>
  Netvibes est un portail web français, lancé en 2005 et représentatif de ce que l’on nomme le «&nbsp;Web 2.0″ : il permet de créer sa page d’accueil personnalisée via la gestion de contenus et de services (agrégation de flux RSS). Les utilisateurs de cette application peuvent construire leur page de démarrage selon leurs besoins en ajoutant différents modules, que ce soit les fils d’actualité de leurs sites favoris ou des applications (widgets) spécifiquement développées. La modularité des «&nbsp;espaces&nbsp;» ou «&nbsp;blocs de contenu&nbsp;» ainsi ajoutée permet de les déplacer, de les afficher en mode réduit et d’en déterminer des&nbsp;paramètres&nbsp;spécifiques d’affichage.
</p>
<p>
  C’est cette <strong>souplesse de modularité en «&nbsp;blocs de contenu&nbsp;»</strong> que nous avons reproduit pour l’interface de l’intranet du CNFPT. Avec un soupçon supplémentaire : l’accessibilité numérique de ces fonctions. Ainsi, la navigation par tabulation permet la même interactivité fonctionnelle que la navigation à la souris.
</p>
<p>
  <strong>Focus :</strong>
</p>
<ul>
  <li>au passage de la tabulation sur l’intitulé de déplacement, une fenêtre de dialogue propose les liens «&nbsp;déplacer vers le bas, déplacer vers la droite&nbsp;» dont les options de déplacement correspondent à l’emplacement de la boite initiale ;
  </li>
  <li>les blocs peuvent être réduits ou agrandis&nbsp;individuellement&nbsp;ou globalement ;
  </li>
  <li>la première tabulation affiche le prélude d’accès aux contenus ou aux outils proposés par l’intranet ;
  </li>
  <li>l’affichage du pied de page peut être réduit ou complet.
  </li>
</ul>
<p>
  <strong>Le résultat est consultable ici :</strong><br />
  - <a href="http://www.neoma-interactive.com/references/CNFPT-intranet/" title="interface type de l&amp;apos;intranet du CNFPT">interface type de l’intranet du CNFPT</a><br />
  - gestion des formulaires et de la navigation interne du backoffice : <a href="http://www.neoma-interactive.com/references/CNFPT-intranet/back-form.html" title="exemple 1 du back office intranet CNFPT">page 1</a> – <a href="http://www.neoma-interactive.com/references/CNFPT-intranet/back-list.html" title="exemple 2 du back office intranet CNFPT">page 2</a>
</p>
<p>
  Pour la bonne réalisation et la qualité de ce projet interactif nous avons collaboré avec la société <a href="http://www.temesis.com/" title="site internet de Temesis, pôle d&amp;apos;expertise au service des professionnels du web">Temesis</a> car il est bien évidemment toujours plus convenable de faire valider son travail par des experts externes !
</p>
<p>
  Un merci au CNFPT pour la confiance accordée et pour les échanges constructifs qui ont abouti à ce résultat. Un merci plus personnel à Servan (webdesign), à Nicolas (développement front) et à Aurélien (audit/validation) pour la qualité et la conformité de ce projet !
</p>
</div>]]>
      </description>
      <pubDate>Wed, 17 Mar 2010 12:35:50 +0100</pubDate>
      <guid isPermaLink="false">tag:ziki.com,2010:/article/12061090</guid>
    </item>
    <item>
      <title>Rustica, le site de la plan&#232;te jardin</title>
      <link>http://www.neoma-interactive.com/2010/03/16/rustica-le-site-de-la-planete-jardin/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=rustica-le-site-de-la-planete-jardin</link>
      <description>
        <![CDATA[<div class="post_content wiki_text"><p>
  <img title="rustica-accueil" src="http://www.neoma-interactive.com/wp-content/uploads/rustica-accueil.jpg" height="546" alt="page d&amp;apos;accueil du site internet Rustica.fr version mars 2010" width="670" />
</p>
<p>
  <a href="http://www.neoma-interactive.com/wp-content/uploads/rustica-accueil.jpg"></a>Intégration xHTML/CSS et conseils en webstandards / accessibilité numérique pour la refonte du portail internet<br />
  <a href="http://www.rustica.fr/" title="site internet de Rustica">www.rustica.fr</a>
</p>
<p>
  <span></span><br />
  Le <strong>groupe Rustica</strong> est l’un des leaders de la presse francophone dans le secteur de l’art de vivre : nature, vie à la campagne, jardin, maison, traditions, bricolage…
</p>
<p>
  Il regroupe les titres :
</p>
<ul>
  <li>
    <em>Rustica l’Hebdo</em>, hebdomadaire
  </li>
  <li>
    <em>Votre Maison Votre Jardin</em>, magazine bimestriel de décoration,
  </li>
  <li>
    <em>Système D</em>, magazine &nbsp;mensuel &nbsp;de bricolage,
  </li>
  <li>
    <em>C’Déco</em>, magazine bimestriel de décoration,
  </li>
  <li>
    <em>Pour Nos Jardins</em>, mensuel du Club des Jardiniers de France,
  </li>
  <li>
    <em>Tout en Un</em>, trimestriel,
  </li>
  <li>et enfin <em>Editions Rustica</em>, une collection de livres.
  </li>
</ul>
<p>
  Créé en 1928, <strong>le magazine Rustica</strong> est l’incontournable hebdomadaire de la presse jardin en France avec une diffusion à plus de 300 000 exemplaires.&nbsp;Il se pose comme référence conseils pour tous les passionnés de jardinage et de nature.
</p>
<p>
  Le site internet&nbsp;<a href="http://www.rustica.fr" title="site internet de Rustica">www.rustica.fr</a> est un complément interactif avec de nombreux conseils pratiques (météo, lune, newsletter…), des vidéos, des lieux d’échanges et d’information.<br />
  Neoma-Interactive a accompagné les équipes sur la refonte de mars 2010 via une mission en 3 axes :
</p>
<ul>
  <li>le montage xHTML/CSS,
  </li>
  <li>le suivi du respect des standards du web,
  </li>
  <li>le conseil pour la mise en conformité de l’accessibilité numérique.
  </li>
</ul>
<p>
  La direction artistique de cette refonte a été assurée par <a href="http://www.pocapoco.com/" title="site internet de Romain Nélis">Romain Nélis</a>.<br />
  Développement et CMS : <a href="http://www.anuman.fr/" title="site internet de Anuman">Anuman</a>.
</p>
<p>
  <img title="rustica-pages-internes" src="http://www.neoma-interactive.com/wp-content/uploads/rustica-pages-internes.jpg" height="1377" alt="pages internes du site internet Rustica.fr version mars 2010" width="670" />
</p>
</div>]]>
      </description>
      <pubDate>Tue, 16 Mar 2010 12:21:28 +0100</pubDate>
      <guid isPermaLink="false">tag:ziki.com,2010:/article/12061092</guid>
    </item>
    <item>
      <title>Green et Vert</title>
      <link>http://www.neoma-interactive.com/2010/03/05/green-et-vert/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=green-et-vert</link>
      <description>
        <![CDATA[<div class="post_content wiki_text"><p>
  <img title="green-et-vert" src="http://www.neoma-interactive.com/wp-content/uploads/green-et-vert.jpg" height="697" alt="interface du site internet greenetvert.fr" width="670" />
</p>
<p>
  Réalisation du site/blog de Green&amp;Vert pour la société LocalEyes<br />
  <a href="http://www.greenetvert.fr/" title="site internet greenetvert.fr - revue de presse internationale sur le développement durable">http://www.greenetvert.fr/</a>
</p>
<p>
  <a href="http://www.greenetvert.fr/"></a><span></span>
</p>
<p>
  <strong>Quel regard les Chinois, les Européens, les Américains, les Japonais, les Brésiliens ou encore les Russes portent-ils sur le développement durable</strong> ?
</p>
<p>
  C’est la question à laquelle l’équipe éditoriale de la société <a href="http://www.localeyes.com" title="site internet de LocalEyes">LocalEyes</a>, spécialisée dans la localisation et la traduction multilingue, veut apporter des réponses concrêtes.
</p>
<p>
  Le développement durable est un sujet planétaire, mais chaque nation l’aborde avec sa propre sensibilité. Le site internet <a href="http://www.greenetvert.fr" title="site internet greenetvert.fr - revue de presse internationale sur le développement durable">greenetvert.fr</a> présente une revue de presse internationale entièrement dédiée au développement durable à travers des articles, des communiqués ou des extraits.
</p>
<p>
  Un site internet vert, et vert en couleurs ! reposant sur la technologie de blog WordPress.
</p>
</div>]]>
      </description>
      <pubDate>Fri, 05 Mar 2010 17:40:20 +0100</pubDate>
      <guid isPermaLink="false">tag:ziki.com,2010:/article/12061094</guid>
    </item>
    <item>
      <title>45 minutes de m&#233;tro, 269 annonces</title>
      <link>http://www.neoma-interactive.com/2010/02/16/45-minutes-de-metro-269-annonces/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=45-minutes-de-metro-269-annonces</link>
      <description>
        <![CDATA[<div class="post_content wiki_text"><p>
  <img src="http://www.neoma-interactive.com/wp-content/uploads/affiche-sans-publicite-metro-couleurs.jpeg" height="375" alt="affiche bleu-violet vide de publicité dans le couloir du métro (via Palagret)" width="500" />
</p>
<p>
  Par simple curiosité,<br />
  *simple*,<br />
  j’ai voulu comptabiliser <strong>le nombre d’annonces publicitaires</strong> que je peux apercevoir durant mon actuel trajet <strong>en métro</strong> (parisien).
</p>
<p>
  <span></span>
</p>
<p>
  Ligne 7, changement Place d’Italie, ligne 6, changement Montparnasse, ligne 13. Cela représente 45 minutes «&nbsp;immergées&nbsp;». Durant ce trajet j’ai tenté objectivement de référencer les messages publicitaires qui tombaient sous mon regard, sans chercher à en voir d’avantage par de physiques contorsions volontaires !
</p>
<p>
  Le résultat est selon moi&nbsp;démesuré&nbsp;: durant <strong>trois quarts d’heure</strong> me sont proposées <strong>269 annonces</strong> !
</p>
<p>
  Cela prend en compte :
</p>
<ul>
  <li>les affiches murales 4×3m
  </li>
  <li>les affiches de biais présentes sur les murs des escaliers/escalators
  </li>
  <li>les formats portrait rétro-éclairés
  </li>
  <li>les affiches sur les distributeurs de boissons et&nbsp;d’encas
  </li>
  <li>les affichettes dans les rames à&nbsp;proximité&nbsp;des portes
  </li>
  <li>les affichettes suspendues au plafond de la rame
  </li>
</ul>
<p>
  Ce chiffre écarte les publicités dans les journaux lus par mes compagnons de voyage. Il est à relativiser sûrement à la hausse puisque certaines affiches 4×3m regroupent parfois plusieurs messages (de 2 à 16).
</p>
<p>
  <strong>Conclusion ?</strong><br />
  Je concentre mon regard sur l’iPhone avec la lecture des applications «&nbsp;presse&nbsp;» et autres : chaque application m’affiche quasi-systématiquement un message publicitaire dès leur ouverture…
</p>
</div>]]>
      </description>
      <pubDate>Tue, 16 Feb 2010 10:36:07 +0100</pubDate>
      <guid isPermaLink="false">tag:ziki.com,2010:/article/12023511</guid>
    </item>
    <item>
      <title>D&#233;tournement des voeux de Neoma</title>
      <link>http://www.neoma-interactive.com/2010/02/15/detournement-des-voeux-de-neoma/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=detournement-des-voeux-de-neoma</link>
      <description>
        <![CDATA[<div class="post_content wiki_text"><p>
  <img title="voeux2010-neoma" src="http://www.neoma-interactive.com/wp-content/uploads/voeux2010-neoma.jpg" height="355" alt="capture écran des voeux 2010 de Neoma" width="670" />
</p>
<p>
  Un <strong>petit malin</strong> a eu l’idée de «&nbsp;hacker&nbsp;» la carte de voeux virtuelle 2010 de Neoma-Interactive et de la publier sur le site de son école. <del datetime="2010-02-15T11:00:21+00:00">Malheureusement</del> Heureusement pour lui, nous le connaissons : nos fort bien informés informateurs ont vite remonté l’information à l’inspecteur Clouzeau.
</p>
<p>
  Voici son détournement amical :<br />
  <a href="http://www.iesanetwork.com/c.boirie/voeuxNeoma/" title="voeux 2010 Neoma-Interactive selon Clément Boirie">http://www.iesanetwork.com/c.boirie/voeuxNeoma/</a>
</p>
<p>
  Bravo <a href="http://twitter.com/petitphp" title="petitphp : profil de Clément Boirie sur Twitter">PetitPHP</a> !
</p>
<p>
  <strong>La version originale de notre carte de voeux virtuelle pour 2010 est ici :</strong><br />
  <a href="http://www.neoma-interactive.com/voeux2010/" title="carte de voeux 2010 de Neoma-Interactive">http://www.neoma-interactive.com/voeux2010/</a>
</p>
</div>]]>
      </description>
      <pubDate>Mon, 15 Feb 2010 15:29:39 +0100</pubDate>
      <guid isPermaLink="false">tag:ziki.com,2010:/article/12015955</guid>
    </item>
    <item>
      <title>Mag+, R&amp;D sur le magazine digital</title>
      <link>http://www.neoma-interactive.com/2010/01/08/mag-plus-recherche-developpement-sur-le-magazine-digital/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=mag-plus-recherche-developpement-sur-le-magazine-digital</link>
      <description>
        <![CDATA[<div class="post_content wiki_text"><p>
  La crise, les prises de parole en faveur du développement durable, le succès de Twitter et de Facebook, la réalité augmentée, la montée en puissance des smart-phones et plus&nbsp;précisément&nbsp;de l’iPhone ou encore la sortie du Google NexusOne, l’arrivée de la domotique à «&nbsp;prix abordable&nbsp;», la remise en cause de nombreux modèles économiques… Ces quelques exemples de contexte sont révélateurs et toutes les analyses&nbsp;sociologiques&nbsp;du début de l’année 2010 le (pré)disent : <strong>le numérique et l’interactif prennent de plus en plus de place dans notre quotidien</strong>. Au point d’inquiéter les médias dits «&nbsp;traditionnels&nbsp;», tout comme la communication&nbsp;ancestrale&nbsp;où un annonceur/une marque diffuse son message à sa cible !
</p>
<p>
  Dans <strong>le domaine de l’édition</strong>, un exemple de concept me séduit beaucoup, sûrement parce que jadis je fis une formation dans la chaîne des industries graphiques avant de basculer dans le web <img src="http://www.neoma-interactive.com/wp-includes/images/smilies/icon_smile.gif" alt=":)" />
</p>
<p>
  Il s’agit du <strong>Mag+</strong>, un projet collaboratif initié par la division R&amp;D de l’agence suédoise Bonnier AB. L’équipe a axé sa réflexion autour de nos expériences de lecture magazine et de la prise en main de services interactifs. Le résultat est plus qu’alléchant et donne un aperçu intelligent (un de plus) sur le futur de l’édition numérique, et accessoirement sur le potentiel en terme de communication. Cela fleure la presse, la tablette numérique, l’iPhone et le web à la fois !
</p>
<p>
  <object height="349" width="620">
    
    
    
    <embed src="http://vimeo.com/moogaloop.swf?clip_id=8217311&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1" height="349" width="620" />
  </object>
</p>
<p>
  <a href="http://vimeo.com/8217311" title="vidéo du projet Mag+ sur vimeo.com">Projet Mag+ sur Vimeo</a> de <a href="http://www.bonnier.com/en" title="site internet de l&amp;apos;agence Bonnier AB">l’agence Bonnier AB</a>.
</p>
</div>]]>
      </description>
      <pubDate>Fri, 08 Jan 2010 18:41:49 +0100</pubDate>
      <guid isPermaLink="false">tag:ziki.com,2010:/article/11678278</guid>
    </item>
    <item>
      <title>Joyeux 2010 &#224; tous !</title>
      <link>http://www.neoma-interactive.com/2010/01/04/joyeux-2010-a-tous/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=joyeux-2010-a-tous</link>
      <description>
        <![CDATA[<div class="post_content wiki_text"><p>
  <img title="joyeux-2010" src="http://www.neoma-interactive.com/wp-content/uploads/joyeux-2010.jpg" height="160" alt="joyeux-2010" width="670" />
</p>
<p>
  Toute <a href="http://www.neoma-interactive.com/conseil-webdesign-ergonomie-solutions-communication-interactive/" title="L&amp;apos;équipe de Neoma-Interactive">l’équipe de Neoma-Interactive</a> vous souhaite une <strong>très bonne année 2010</strong> !
</p>
</div>]]>
      </description>
      <pubDate>Mon, 04 Jan 2010 15:05:59 +0100</pubDate>
      <guid isPermaLink="false">tag:ziki.com,2010:/article/11637874</guid>
    </item>
  </channel>
</rss>
