<?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>NEOMA Interactive : concevoir le web développement durable &#187; javascript</title>
	<atom:link href="http://www.neoma-interactive.com/tag/javascript/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.neoma-interactive.com</link>
	<description>NEOMA Interactive : conseil, design interactif, ergonomie et conception numérique</description>
	<lastBuildDate>Wed, 08 Feb 2012 17:41:03 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Intranet CNFPT</title>
		<link>http://www.neoma-interactive.com/2010/03/17/intranet-cnfpt/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=intranet-cnfpt</link>
		<comments>http://www.neoma-interactive.com/2010/03/17/intranet-cnfpt/#comments</comments>
		<pubDate>Wed, 17 Mar 2010 12:17:22 +0000</pubDate>
		<dc:creator>Christophe</dc:creator>
				<category><![CDATA[Références]]></category>
		<category><![CDATA[accessibilité]]></category>
		<category><![CDATA[charte-graphique]]></category>
		<category><![CDATA[ergonomie]]></category>
		<category><![CDATA[intégration]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[web2.0]]></category>
		<category><![CDATA[webdesign]]></category>
		<category><![CDATA[webstandards]]></category>

		<guid isPermaLink="false">http://www.neoma-interactive.com/?p=1657</guid>
		<description><![CDATA[Conception ergonomique, webdesign, intégration et charte web pour l&#8217;intranet du Centre National de la Fonction Publique Territoriale (CNFPT) Le CNFPT est un organisme de formation pour les agents de la fonction publique territoriale. Il organise les concours et les formations des personnels des collectivités locales. Son outil intranet à destination des délégations régionales se modernisant, Neoma-Interactive a [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-1658" title="cnfpt-intranet-log" src="http://www.neoma-interactive.com/wp-content/uploads/cnfpt-intranet-log.jpg" alt="interface de connexion à l'intranet CNFPT" width="670" height="394" /></p>
<p>Conception ergonomique, webdesign, intégration et charte web pour l&#8217;intranet du Centre National de la Fonction Publique Territoriale (CNFPT)</p>
<p><span id="more-1657"></span>Le <a title="site internet du Centre National de la Fonction Publique Territoriale" href="http://www.cnfpt.fr">CNFPT</a> est un organisme de formation pour les agents de la fonction 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&#8217;outil en s&#8217;appuyant sur les services et fonctionnalités proposés par les modèles &laquo;&nbsp;web 2.0&#8243;. L&#8217;intégration xHTML/CSS/Javascript des gabarits a permis d&#8217;appliquer l&#8217;accessibilité numérique sans dénaturer aux fonctionnalités modulaires retenus pour l&#8217;affichage des contenus.</p>
<p>Ce travail a été menée en collaboration avec la société <a title="site internet de la société Temesis" href="http://www.temesis.com/">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&#8217;actualité émise pour ce projet &gt;</a></p>
<p><img class="alignnone size-full wp-image-1659" title="cnfpt-intranet-ecrans" src="http://www.neoma-interactive.com/wp-content/uploads/cnfpt-intranet-ecrans.jpg" alt="capture des interfaces de l'intranet CNFPT" width="670" height="499" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.neoma-interactive.com/2010/03/17/intranet-cnfpt/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</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&#038;utm_medium=rss&#038;utm_campaign=intranet-cnfpt-un-netvibes-like-accessible</link>
		<comments>http://www.neoma-interactive.com/2010/03/17/intranet-cnfpt-un-netvibes-like-accessible/#comments</comments>
		<pubDate>Wed, 17 Mar 2010 11:35:50 +0000</pubDate>
		<dc:creator>Christophe</dc:creator>
				<category><![CDATA[Design et ergonomie]]></category>
		<category><![CDATA[Standards et accessibilité]]></category>
		<category><![CDATA[accessibilité]]></category>
		<category><![CDATA[charte-graphique]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[ergonomie]]></category>
		<category><![CDATA[intégration]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[web2.0]]></category>
		<category><![CDATA[webdesign]]></category>
		<category><![CDATA[webstandards]]></category>

		<guid isPermaLink="false">http://www.neoma-interactive.com/?p=1653</guid>
		<description><![CDATA[Nous venons d&#8217;achever l&#8217;ergonomie et l&#8217;intégration d&#8217;un projet intranet pour le Centre National de la Fonction Publique Territoriale (CNFPT) reposant sur le principe fonctionnel du service Netvibes. Netvibes est un portail web français, lancé en 2005 et représentatif de ce que l&#8217;on nomme le &#171;&#160;Web 2.0&#8243; : il permet de créer sa page d&#8217;accueil personnalisée [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-1654" title="cnfpt-intranet" src="http://www.neoma-interactive.com/wp-content/uploads/cnfpt-intranet.jpg" alt="capture de l'écran de connexion à l'intranet CNFPT" width="670" height="160" /></p>
<p><a href="http://www.neoma-interactive.com/wp-content/uploads/cnfpt-intranet.jpg"></a>Nous venons d&#8217;achever <strong>l&#8217;ergonomie et l&#8217;intégration d&#8217;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 id="more-1653"></span></p>
<p>Netvibes est un portail web français, lancé en 2005 et représentatif de ce que l&#8217;on nomme le &laquo;&nbsp;Web 2.0&#8243; : il permet de créer sa page d&#8217;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 &laquo;&nbsp;espaces&nbsp;&raquo; ou &laquo;&nbsp;blocs de contenu&nbsp;&raquo; ainsi ajoutée permet de les déplacer, de les afficher en mode réduit et d&#8217;en déterminer des paramètres spécifiques d&#8217;affichage.</p>
<p>C&#8217;est cette <strong>souplesse de modularité en &laquo;&nbsp;blocs de contenu&nbsp;&raquo;</strong> que nous avons reproduit pour l&#8217;interface de l&#8217;intranet du CNFPT. Avec un soupçon supplémentaire : l&#8217;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&#8217;intitulé de déplacement, une fenêtre de dialogue propose les liens &laquo;&nbsp;déplacer vers le bas, déplacer vers la droite&nbsp;&raquo; dont les options de déplacement correspondent à l&#8217;emplacement de la boite initiale ;</li>
<li>les blocs peuvent être réduits ou agrandis individuellement ou globalement ;</li>
<li>la première tabulation affiche le prélude d&#8217;accès aux contenus ou aux outils proposés par l&#8217;intranet ;</li>
<li>l&#8217;affichage du pied de page peut être réduit ou complet.</li>
</ul>
<p><strong>Le résultat est consultable ici :</strong><br />
- <a title="interface type de l'intranet du CNFPT" href="http://www.neoma-interactive.com/references/CNFPT-intranet/">interface type de l&#8217;intranet du CNFPT</a><br />
- gestion des formulaires et de la navigation interne du backoffice : <a title="exemple 1 du back office intranet CNFPT" href="http://www.neoma-interactive.com/references/CNFPT-intranet/back-form.html">page 1</a> &#8211; <a title="exemple 2 du back office intranet CNFPT" href="http://www.neoma-interactive.com/references/CNFPT-intranet/back-list.html">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 title="site internet de Temesis, pôle d'expertise au service des professionnels du web" href="http://www.temesis.com/">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>
]]></content:encoded>
			<wfw:commentRss>http://www.neoma-interactive.com/2010/03/17/intranet-cnfpt-un-netvibes-like-accessible/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Interoute et Ville 2010</title>
		<link>http://www.neoma-interactive.com/2009/11/19/interoute-et-ville-2010/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=interoute-et-ville-2010</link>
		<comments>http://www.neoma-interactive.com/2009/11/19/interoute-et-ville-2010/#comments</comments>
		<pubDate>Thu, 19 Nov 2009 19:06:28 +0000</pubDate>
		<dc:creator>Christophe</dc:creator>
				<category><![CDATA[Références]]></category>
		<category><![CDATA[événement]]></category>
		<category><![CDATA[intégration]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.neoma-interactive.com/?p=1557</guid>
		<description><![CDATA[Salon et congrès 2010 des infrastructures routières et de transport en milieux urbains et interurbain www.interoute-ville.com Sur la base de l’identité visuelle réalisée par l’agence O’communication, Neoma-Interactive réalise le webdesign et l’intégration des gabarits-types du site internet pour la 4e édition du salon INTEROUTE&#38;VILLE qui se déroulera les 26, 27 et 28 octobre 2010 à Metz. [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-1558" title="interoute-ville-2010" src="http://www.neoma-interactive.com/wp-content/uploads/interoute-ville-2010.jpg" alt="interface d'accueil du site internet interoute&amp;ville 2010" width="670" height="553" /></p>
<p>Salon et congrès 2010 des infrastructures routières et de transport en milieux urbains et interurbain<br />
<a title="site internet du salon Interoute et Ville" href="http://www.interoute-ville.com">www.interoute-ville.com</a></p>
<p><span id="more-1557"></span></p>
<p>Sur la base de l’identité visuelle réalisée par l’agence <a title="site internet de l'agence O' communication" href="http://www.o-communication.com/">O’communication</a>, Neoma-Interactive réalise le webdesign et l’intégration des gabarits-types du site internet pour la 4e édition du salon INTEROUTE&amp;VILLE qui se déroulera les 26, 27 et 28 octobre 2010 à Metz.</p>
<p>INTEROUTE&amp;VILLE est le rendez-vous national de la communauté routière qui œuvrent pour l&#8217;aménagement du territoire dans le cadre de la mobilité durable. L&#8217;événement réunit tous les deux ans 300 exposants et près de 7000 visiteurs.</p>
<p>Le webdéveloppement du site internet est assuré par la cellule web de Comexposium au sein de leur CMS interne.</p>
<p><img class="alignnone size-full wp-image-1559" title="interoute-ville-2010-2" src="http://www.neoma-interactive.com/wp-content/uploads/interoute-ville-2010-2.jpg" alt="interfaces du site internet interoute&amp;ville 2010" width="670" height="857" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.neoma-interactive.com/2009/11/19/interoute-et-ville-2010/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Le salon de l&#8217;emballage 2010</title>
		<link>http://www.neoma-interactive.com/2009/09/18/le-salon-de-lemballage-2010/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=le-salon-de-lemballage-2010</link>
		<comments>http://www.neoma-interactive.com/2009/09/18/le-salon-de-lemballage-2010/#comments</comments>
		<pubDate>Fri, 18 Sep 2009 16:57:31 +0000</pubDate>
		<dc:creator>Christophe</dc:creator>
				<category><![CDATA[Références]]></category>
		<category><![CDATA[événement]]></category>
		<category><![CDATA[intégration]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.neoma-interactive.com/?p=1504</guid>
		<description><![CDATA[Salon international de l&#8217;emballage 2010 www.emballageweb.com Pendant que O’communication remporte la réalisation de la nouvelle identité graphique de la communication exposant pour le SIAL 2010, Neoma-Interactive réalise le webdesign et l’intégration (livraison des gabarits-types intégrés) du site internet pour la prochaine édition de cet événement bisannuel qui se déroulera du 17 octobre au jeudi 21 [...]]]></description>
			<content:encoded><![CDATA[<p><img class="size-full wp-image-1505 alignnone" title="salon-emballage1-2010" src="http://www.neoma-interactive.com/wp-content/uploads/salon-emballage1-2010.jpg" alt="interface d'accueil 2010 du site emballageweb.com" width="670" height="580" /></p>
<p>Salon international de l&#8217;emballage 2010<br />
<a title="site internet du salon de l'emballage" href="http://www.emballageweb.com">www.emballageweb.com</a></p>
<p><span id="more-1504"></span></p>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 380px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">Pendant que O’communication remporte la réalisation de la nouvelle identité graphique de la communication exposant pour le SIAL 2010, Neoma-Interactive réalise le webdesign et l’intégration (livraison des gabarits-types intégrés) du site internet pour la prochaine édition de cet événement bisannuel qui se déroulera du 17 octobre au jeudi 21 octobre 2010.</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 380px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">Le SIAL est le rendez-vous mondial des acteurs de l’agro-alimentaire : distribution, commerce, industriels, professionnels de la restauration et du service. Ce salon créé en 1964, qui se décline également en Chine, en Argentine et au Québec, est le lieu incontournable pour les rencontres autour de l’innovation et des affaires dans ce secteur agro-alimentaire.</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 380px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">L’insertion au sein du CMS interne et le webdéveloppement sont assurés par le service technique de ComExposium.</div>
<p>Sur la base de l&#8217;identité visuelle et du concept &laquo;&nbsp;Pack Smart&nbsp;&raquo; réalisés par l&#8217;agence <a title="Salon de l'emballage sur le site de O' communication" href="http://www.o-communication.com/2009/09/22/salon-de-l-emballage/">O’communication</a>, Neoma-Interactive réalise le webdesign et l’intégration des gabarits-types du site internet pour la prochaine édition du salon de l&#8217;emballage qui se déroulera du 22 au 25 novembre 2010.</p>
<p>Créé en 1947, le salon de l&#8217;emballage réunit tous les deux ans à Paris Nord Villepinte les acteurs de la filière : 1.500 exposants venus de 47 pays et plus de 101.000 visiteurs en quête de sourcing durant ces 4 jours.</p>
<p>Le webdéveloppement est assuré par la cellule web de Comexposium au sein de leur CMS interne.</p>
<p><img class="alignnone size-full wp-image-1506" title="salon-emballage2-2010" src="http://www.neoma-interactive.com/wp-content/uploads/salon-emballage2-2010.jpg" alt="interfaces 2010 du site internet d'emballageweb.com, salon international de l'emballage" width="670" height="936" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.neoma-interactive.com/2009/09/18/le-salon-de-lemballage-2010/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>SIAL 2010</title>
		<link>http://www.neoma-interactive.com/2009/07/21/sial-2010/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=sial-2010</link>
		<comments>http://www.neoma-interactive.com/2009/07/21/sial-2010/#comments</comments>
		<pubDate>Tue, 21 Jul 2009 09:00:29 +0000</pubDate>
		<dc:creator>Christophe</dc:creator>
				<category><![CDATA[Références]]></category>
		<category><![CDATA[événement]]></category>
		<category><![CDATA[intégration]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.neoma-interactive.com/?p=1433</guid>
		<description><![CDATA[Salon International de l&#8217;Agro-alimentaire, SIAL 2010 France www.sial.fr Pendant que O’communication remporte la réalisation de la nouvelle identité graphique de la communication exposant pour le SIAL 2010, Neoma-Interactive réalise le webdesign et l&#8217;intégration (livraison des gabarits-types intégrés) du site internet pour la prochaine édition de cet événement bisannuel qui se déroulera du 17 octobre au jeudi 21 [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-1434" title="sial-2010-home" src="http://www.neoma-interactive.com/wp-content/uploads/sial-2010-home.jpg" alt="interface d'accueil site internet SIAL 2010" width="670" height="580" /></p>
<p>Salon International de l&#8217;Agro-alimentaire, SIAL 2010 France<br />
<a title="site internet du SIAL France" href="http://www.sial.fr">www.sial.fr</a></p>
<p><span id="more-1433"></span></p>
<p>Pendant que <a title="référence SIAL 2010 sur le site de O' Communication" href="http://www.o-communication.com/2009/06/09/sial-2010/">O’communication</a> remporte la réalisation de la nouvelle identité graphique de la communication exposant pour le SIAL 2010, <strong>Neoma-Interactive réalise le webdesign et l&#8217;intégration</strong> (livraison des gabarits-types intégrés) du site internet pour la prochaine édition de cet événement bisannuel qui se déroulera du 17 octobre au jeudi 21 octobre 2010.</p>
<p>Le SIAL est le rendez-vous mondial des acteurs de l&#8217;agro-alimentaire : distribution, commerce, industriels, professionnels de la restauration et du service. Ce salon créé en 1964, qui se décline également en Chine, en Argentine et au Québec, est le lieu incontournable pour les rencontres autour de l&#8217;innovation et des affaires dans ce secteur agro-alimentaire.</p>
<p>L&#8217;insertion au sein du <acronym title="Content Management System" lang="en" xml:lang="en">CMS</acronym> interne et le webdéveloppement sont assurés par le service technique de <a title="site internet de ComExposium" href="http://www.comexposium.com/">ComExposium</a>.</p>
<p><img class="alignnone size-full wp-image-1435" title="sial-2010-interne" src="http://www.neoma-interactive.com/wp-content/uploads/sial-2010-interne.jpg" alt="interfaces du site internet salon international agro-alimentaire SIAL 2010" width="670" height="1018" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.neoma-interactive.com/2009/07/21/sial-2010/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>O-communication.com opte pour l&#8217;outil blog</title>
		<link>http://www.neoma-interactive.com/2008/07/11/o-communication-com-opte-pour-outil-blog/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=o-communication-com-opte-pour-outil-blog</link>
		<comments>http://www.neoma-interactive.com/2008/07/11/o-communication-com-opte-pour-outil-blog/#comments</comments>
		<pubDate>Fri, 11 Jul 2008 16:07:06 +0000</pubDate>
		<dc:creator>Jennifer</dc:creator>
				<category><![CDATA[Références]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[intégration]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[référencement]]></category>
		<category><![CDATA[webdéveloppement]]></category>
		<category><![CDATA[webdesign]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.neoma-interactive.com/2008/07/11/blog-de-o-communicationcom/</guid>
		<description><![CDATA[Bonjour à tous, j’émets cet article pour vous présenter le blog de l’agence O’communication accessible à cette adresse www.o-communication.com. La conception, la création, la réalisation et le référencement naturel du blog ont été confiés à NEOMA-Interactive. Allez vite découvrir leurs actualités et leurs travaux à travers de magnifiques designs aléatoires. ^_^]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.neoma-interactive.com/wp-content/uploads/o-communication.jpg" alt="Blog de l’agence O communication" /></p>
<p>Bonjour à tous,<br />
j’émets cet article pour vous présenter le blog de l’agence O’communication accessible à cette adresse <a title="site internet de l'agence O'Communication" href="http://www.o-communication.com">www.o-communication.com</a>.</p>
<p><span id="more-472"></span><br />
La conception, la création, la réalisation et le référencement naturel du blog ont été confiés à NEOMA-Interactive.</p>
<p>Allez vite découvrir leurs actualités et leurs travaux à travers de magnifiques designs aléatoires. ^_^</p>
]]></content:encoded>
			<wfw:commentRss>http://www.neoma-interactive.com/2008/07/11/o-communication-com-opte-pour-outil-blog/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

