<?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>Agence Web Nethik &#187; Explique moi le web</title>
	<atom:link href="http://www.nethik.fr/blog/explique-moi-le-web/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.nethik.fr</link>
	<description>Un blog utilisant WordPress</description>
	<lastBuildDate>Tue, 31 Jan 2012 14:28:25 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Flux RSS, ATOM&#8230; lumière sur la syndication de contenu</title>
		<link>http://www.nethik.fr/blog/2009/11/flux-rss-atom-la-syndication/</link>
		<comments>http://www.nethik.fr/blog/2009/11/flux-rss-atom-la-syndication/#comments</comments>
		<pubDate>Mon, 23 Nov 2009 06:00:13 +0000</pubDate>
		<dc:creator>Julien</dc:creator>
				<category><![CDATA[Explique moi le web]]></category>
		<category><![CDATA[ATOM]]></category>
		<category><![CDATA[flux XML]]></category>
		<category><![CDATA[rss]]></category>
		<category><![CDATA[Syndication]]></category>

		<guid isPermaLink="false">http://www.nethik.fr/?p=1894</guid>
		<description><![CDATA[
Vous avez certainement vu au détour d&#8217;un site ou d&#8217;un blog le petit macaron vous invitant à suivre les derniers articles ou les dernières news directement depuis votre messagerie ou de votre page d&#8217;accueil. Mais qu&#8217;en est il réellement et à quoi peut bien servir la syndication dans un cadre professionnel?


Qu&#8217;est-ce que c&#8217;est exactement?
La syndication [...]]]></description>
			<content:encoded><![CDATA[<div id="attachment_1897" class="wp-caption alignleft" style="width: 110px"><img class="size-full wp-image-1897" title="Icône de syndication" src="http://www.nethik.fr/wp-content/uploads/2009/07/feed-icon.png" alt="Icône de syndication" width="100" height="100" /><p class="wp-caption-text">Icône de syndication</p></div>
<p><br class="spacer_" /></p>
<p>Vous avez certainement vu au détour d&#8217;un site ou d&#8217;un blog le petit macaron vous invitant à suivre les derniers articles ou les dernières news directement depuis votre messagerie ou de votre page d&#8217;accueil. Mais qu&#8217;en est il réellement et à quoi peut bien servir la syndication dans un cadre professionnel?</p>
<p><span id="more-1894"></span></p>
<p><br class="spacer_" /></p>
<h3 class="clear">Qu&#8217;est-ce que c&#8217;est exactement?</h3>
<p>La syndication de contenu web est le fait de<strong> rendre accessible une partie de votre site internet</strong> par l&#8217;intermédiaire d&#8217;un flux XML. Concrètement, un fichier dynamique sur votre site regroupe par exemple tous les derniers articles ou actualités de votre site dans un format normalisé qui peut être &laquo;&nbsp;aspiré&nbsp;&raquo; par n&#8217;importe quelle application le prenant en compte. C&#8217;est aujourd&#8217;hui le cas de tous les navigateurs récents, les messageries, les systèmes d&#8217;exploitation ainsi que dans les services web (cette liste n&#8217;est pas exhaustive).</p>
<div id="attachment_2121" class="wp-caption aligncenter" style="width: 618px"><img class="size-full wp-image-2121" title="Exemple de Lecteur RSS : Navigateur Safari" src="http://www.nethik.fr/wp-content/uploads/2009/07/Image-31.png" alt="Exemple de Lecteur RSS : Navigateur Safari" width="608" height="306" /><p class="wp-caption-text">Exemple de Lecteur RSS : Navigateur Safari</p></div>
<p>Il existe plusieurs formats XML pour la syndication de contenu regroupés en famille. Le<strong> RSS</strong> est de loin le plus connu ainsi que le format<strong> ATOM.</strong></p>
<h3>Quelle utilité?</h3>
<p>La syndication est utilisée pour <strong>diffuser du contenu de manière automatique</strong>. Un fois votre flux en place, vous n&#8217;avez plus à intervenir dessus. Les personnes qui souhaitent l&#8217;intégrer à leur site, page d&#8217;accueil ou messagerie peuvent le faire librement.</p>
<p>C&#8217;est par exemple très pratique si vous voulez que les produits de votre boutique puissent être affichés sur d&#8217;autres sites web ou que vos clients puissent être au courant de vos dernières promos. Vous<strong> gagnez en visibilité</strong> et donc en trafic.</p>
<p>Un autre exemple encore plus parlant est celui des <strong>flux d&#8217;actualités</strong>. Il est très fréquent de voir sur les sites internet des encarts où défilent les dernières nouvelles. Pour se faire, le webmestre dispose en général d&#8217;une interface où il peut entrer le titre de l&#8217;actualité et son contenu. Le tout est enregistré dans une base de données et est extrait à l&#8217;occasion pour être affiché dans l&#8217;encart. Dans ce cas, la syndication apporte encore un peu<strong> plus de visibilité et de simplicité</strong>. Plutôt que d&#8217;extraire les nouvelles et de les afficher directement sur la page, il est possible de les extraire sous la forme d&#8217;un flux XML (RSS, Atom&#8230;) normalisé, exploitable plus seulement par votre site internet mais aussi par tous les systèmes compatibles avec ce format. En clair, votre visiteur pourra consulter à la fois vos actualités sur votre site, depuis son logiciel préféré (messagerie, navigateur&#8230;) et aussi<strong> les relayer sur son propre site</strong>!</p>
<p>Aujourd&#8217;hui la majorité des applications web propose la syndication. C&#8217;est par exemple le cas des services d&#8217;albums photos en ligne Picasa et Flickr ou encore des blogs et CMS.</p>
<p>On peut considérer la syndication comme une sorte d&#8217;<strong>évolution logique de la newsletter</strong>. Elle vous permet de diffuser votre contenu, quel qu&#8217;il soit, non seulement par e-mail mais aussi de manière globale. Elle s&#8217;inscrit dans la <strong>mouvance 2.0</strong> et y a même grandement participé en permettant à l&#8217;internaute de devenir acteur du web.</p>
<p><img class="alignright size-full wp-image-2453" title="julien" src="http://www.nethik.fr/wp-content/uploads/2009/07/julien.jpg" alt="julien" width="94" height="94" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.nethik.fr/blog/2009/11/flux-rss-atom-la-syndication/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Le W3C ou l&#8217;organisme de normalisation du web</title>
		<link>http://www.nethik.fr/blog/2009/08/le-w3c-ou-lorganisme-de-normalisation-du-web/</link>
		<comments>http://www.nethik.fr/blog/2009/08/le-w3c-ou-lorganisme-de-normalisation-du-web/#comments</comments>
		<pubDate>Thu, 13 Aug 2009 08:46:08 +0000</pubDate>
		<dc:creator>Carine</dc:creator>
				<category><![CDATA[Accessibilité]]></category>
		<category><![CDATA[Création de site internet]]></category>
		<category><![CDATA[Développement web]]></category>
		<category><![CDATA[Explique moi le web]]></category>
		<category><![CDATA[creation site internet perpignan]]></category>
		<category><![CDATA[Standards web]]></category>
		<category><![CDATA[w3c]]></category>

		<guid isPermaLink="false">http://www.nethik.fr/?p=2298</guid>
		<description><![CDATA[“Amener le Web à son plein potentiel”, c’est avec cette philosophie que le World Wide Web Consortium (W3C) se présente.
Si son nom vous évoque son célèbre validateur XHTML, ce dernier ne constitue qu&#8217;une infime partie de son travail, ses missions étant très étendues et plus passionnantes les unes que les autres !


 

 

Qui est-il [...]]]></description>
			<content:encoded><![CDATA[<p class="preamble" style="text-align: justify;">“Amener le Web à son plein potentiel”, c’est avec cette philosophie que le <strong>World Wide Web Consortium</strong> (W3C) se présente.</p>
<p style="text-align: justify;">Si son nom vous évoque son célèbre <strong>validateur XHTML</strong>, ce dernier ne constitue qu&#8217;une infime partie de son travail, ses missions étant très étendues et plus passionnantes les unes que les autres !</p>
<p><strong><a title="Accueil du W3C" href="http://www.w3.org/"><img class="alignleft size-full wp-image-2306" src="http://www.nethik.fr/wp-content/uploads/2009/07/w3c.png" alt="" width="315" height="48" /></a></strong></p>
<p class="interview"><strong><br />
 </strong></p>
<p class="interview"><strong><br />
 </strong></p>
<p><span id="more-2298"></span></p>
<h2><strong>Qui est-il ?</strong></h2>
<p style="text-align: justify;">Crée en 1994, le <a title="Accueil du W3C" href="http://www.w3.org/"><strong>World Wide Web Consortium</strong></a> (W3C) est un <strong>organisme de « normalisation »</strong> dédié à la mise en place de <strong>standards</strong> afin d’assurer la <strong>pérennité </strong>et la <strong>compatibilité </strong>des différents formats du web.</p>
<p style="text-align: justify;">Constitué d&#8217;une équipe fixe (environ 70 personnes) et d&#8217;un peu plus de <strong>400 membres</strong>, issus de secteurs variés tels que l&#8217;industrie, la recherche ou encore  l&#8217;enseignement, il est financé par les cotisations de ces derniers.</p>
<p style="text-align: justify;">Il me semble important de souligner qu&#8217;il s&#8217;agit d&#8217;un <strong>organisme à but non lucratif</strong> et qu&#8217;il ne joue pas un rôle législatif mais uniquement<strong> consultatif</strong>.</p>
<p style="text-align: justify;">Le Consortium est piloté par <strong>3 organismes</strong> :</p>
<ul>
<li>le <strong>Laboratoire d&#8217;Informatique et d&#8217;Intelligence Artificielle</strong> du MIT (États-Unis),</li>
<li>l&#8217;<strong>Université de Keio</strong> (Japon), </li>
<li>l&#8217;<strong>Institut National de Recherche en Informatique et en Automatique</strong> (France). </li>
</ul>
<p style="text-align: justify;">Hôtes permanents du W3C, ils mettent à  sa disposition des locaux et l’ensemble des services qui facilitent ses missions (documentation, ressources techniques, laboratoires).</p>
<h2><strong>Quel est son rôle ?</strong></h2>
<p style="text-align: justify;">Le <strong>W3C</strong> agit à l’échelle internationale, en <em>&laquo;&nbsp;inventant et en promouvant des langages et des protocoles universels, qui garantissent l&#8217;interopérabilité et une évolution homogène, décentralisée et standardisée du Web&nbsp;&raquo;</em>, selon les propos de l&#8217;un ses membres.</p>
<p style="text-align: justify;">Ainsi, l&#8217;un de ses principaux travaux est la mise au point de <strong>standards et de spécifications techniques du Web.<br />
 </strong>Ces derniers sont publiés sous la forme de <strong>recommandations</strong> consultables directement sur le<strong> <a title="Accueil du site du W3C" href="http://www.w3.org/">site du W3C</a>.</strong></p>
<p style="text-align: justify;">Pour simplifier, voici ses principales motivations :</p>
<ul style="text-align: justify;">
<li><strong><strong>Un Web accessible</strong><br />
 </strong>Rendre accessible à tous, cette source infinie d&#8217;information qu&#8217;est internet, que nous utilisions un simple navigateur Web, un synthétiseur vocal, un affichage braille ou encore un téléphone mobile.</li>
<li><strong><strong>Un Web universel<br />
 </strong></strong>Un modèle stable et homogène, grâce auquel cette source infinie d&#8217;informations soit rendue disponible auprès du plus grand nombre. </li>
<li><strong>Un Web évolutif <br />
 </strong>Une conception du Web simple et extensive pour permettre d&#8217;intégrer les futures innovations (par exemple, le Web mobile), Internet et ses nouvelles technologies étant en constante évolution.</li>
<li style="text-align: justify;"><strong>Un Web décentralisé<br />
 </strong>Préserver ce média de tout contrôle de type pyramidal ou hiérarchique.</li>
</ul>
<h3>Un exemple d&#8217;actualité : le rôle du W3C dans le HTML5</h3>
<p style="text-align: justify;">Après avoir abandonné le <strong>XHTML 2.0</strong> pour cause d&#8217;insuccès, le <strong>W3C</strong> travaille sur la standardisation du nouveau      HTML. Il se base sur        les recherches et développements du <a title="Acuueil du Web Hypertext Application Technology Working Group" href="http://www.whatwg.org/"><strong>WHATWG</strong></a>, une collaboration non officielle des différents développeurs de navigateurs web, qui a initié cette implémentation du <strong>langage de balisage Web</strong>.</p>
<p style="text-align: justify;">Ses groupes de travail destinés au <strong>HTML5</strong> œuvrent à mettre en place une série de nouvelles <strong>recommandations/spécifications</strong> tout en garantissant la compatibilité de l&#8217;existant (HTML 4, XHTML 1.0).</p>
<p style="text-align: justify;"><img class="alignleft size-full wp-image-2491" title="W3C vers le HTML5" src="http://www.nethik.fr/wp-content/uploads/2009/07/html5_w3c.gif" alt="W3C vers le HTML5" width="250" height="198" /></p>
<p><br class="spacer_" /></p>
<p style="text-align: justify;">Vous souhaitez en savoir plus sur le <strong>HTML5</strong> ?<br />
 Consultez les articles de Cyril :</p>
<ul class="fll">
<li><a href="http://www.nethik.fr/blog/2009/06/html-5-vers-un-web-plus-semantique/">HTML 5, vers un web plus sémantique</a></li>
<li><a href="http://www.nethik.fr/blog/2009/07/complements-dinformations-sur-la-balise-video-de-html-5/">Compléments d&#8217;informations sur la balise vidéo de HTML 5</a></li>
</ul>
<h2 class="clear" style="text-align: justify;">Quels sont ses outils ?</h2>
<p style="text-align: justify;">Afin de nous aider à développer des sites Web dans le <strong>respect des standards</strong>, le W3C met à notre disposition plusieurs outils de validation :</p>
<ul>
<li><a title="Formulaire de validation HTML" href="http://validator.w3.org/">Validateur HTML</a></li>
<li><a title="Formulaire de validation CSS" href="http://jigsaw.w3.org/css-validator/">Validateur CSS</a></li>
<li><a title="Formulaire de validation des hyperliens" href="http://validator.w3.org/checklink">Validateur d&#8217;hyperliens</a></li>
<li><a title="Formulaire de validation des flux RSS" href="http://validator.w3.org/feed/">Feed Validation Service</a>, un service officiel de validation de flux du W3C, qui vérifie la syntaxe de Atom ou RSS.</li>
<li><a title="Formulaire de validation multipages" href="http://www.validateur.ca/">Validateur W3C Multipages</a>, un outil qui permet de valider notre site Web en entier et d&#8217;un seul coup.</li>
</ul>
<p>Pour se démarquer comme un <strong>site Web conforme au W3C</strong>, les développeurs y apposent un logo. Voici un petit échantillon de ceux que vous rencontrez :</p>
<p><img class="alignleft size-full wp-image-2408" title="logos du w3c" src="http://www.nethik.fr/wp-content/uploads/2009/07/logo_w3c.jpg" alt="logos du w3c" width="362" height="31" /></p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p>Mais la plupart d&#8217;entre eux ne filoutent-ils pas en insérant cette marque de qualité ? Est-elle réellement justifiée sur leur site Web ? Voici un <a title="Article &quot;Site conforme W3C xhtml. Mon oeil !&quot;" href="http://blogasty.com/billet/278228-site-conforme-w3c-xhtml-mon-oeil-">article</a> qui réagit à ces interrogations.</p>
<h2 style="text-align: justify;"><strong><strong><strong><strong>Qu&#8217;est-ce-que le WAI ?</strong></strong></strong></strong></h2>
<p style="text-align: justify;">En 1997, le World Wide Web Consortium lance la <strong>Web Accessibility Initiative</strong> (WAI) destinée à solutionner les carences d&#8217;accessibilité du Web.</p>
<p style="text-align: justify;">Ce projet se partitionne en 5 axes majeurs :</p>
<ul>
<li>Développer des guides pour l&#8217;<strong>accessibilité</strong></li>
<li>Assurer la <strong>compatibilité</strong> entre les principales technologies du Web et l&#8217;accessibilité</li>
<li>Développer des <strong>outils</strong> pour évaluer et faciliter l&#8217;accessibilité</li>
<li>Gérer la <strong>formation</strong> et l&#8217;<strong>information</strong></li>
<li>Se coordonner avec la <strong>recherche</strong> et le <strong>développement</strong> avancé</li>
</ul>
<p>Pour aider les sites web à rendre leur contenu plus accessible, le <strong>WAI</strong> publie un guide, le <a title="Accueil du 'Web Content Accessibility Guidelines'" href="http://www.w3.org/TR/WCAG20/">WCAG2.0</a>, regroupant un certains nombre de règles, réparties en 3 niveaux de conformité.</p>
<p>Une <a title="Traduction française du WCAG2.0" href="http://www.braillenet.org/accessibilite/wcag20/wcag20_fr/fr_WCAG20_24avr09.htm">version française</a>, créee dans un souci d&#8217;accessibilité aux ressources, est disponible pour permettre au plus grand nombre de le consulter et le mettre en pratique.</p>
<table style="border=" border="0">
<caption>Les niveaux de conformité WCAG2.0 (<em>source Wikipedia</em>)</caption>
<thead>
<tr style="text-align: center;">
<th>Niveau</th>
<th>Obligation</th>
<th>Faisabilité</th>
<th>Exemple</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align: center;"><strong>A</strong></td>
<td>Atteindre un niveau d&#8217;accessibilité minimum.</td>
<td>Critères de succès essentiels pouvant raisonnablement s&#8217;appliquer à toutes les ressources Web.</td>
<td>La couleur n&#8217;est pas le seul moyen visuel de véhiculer l&#8217;information.</td>
</tr>
<tr>
<td style="text-align: center;"><strong>AA</strong></td>
<td>Améliorez le niveau d&#8217;Accessibilité</td>
<td>Critères de succès supplémentaires pouvant raisonnablement s&#8217;appliquer à toutes les ressources Web.</td>
<td>Les textes de petite taille ont un ratio de contraste au moins égal à 4.5</td>
</tr>
<tr>
<td style="text-align: center;"><strong>AAA</strong></td>
<td>Atteindre un niveau supérieur d&#8217;accessibilité.</td>
<td>Critères de succès ne s&#8217;appliquant pas à toutes les ressources Web.</td>
<td>Les textes de petite taille ont un ratio de contraste au moins égal à 7</td>
</tr>
</tbody>
</table>
<h2 style="text-align: justify;"><strong><strong><strong><strong>Le W3C et le web mobile</strong></strong></strong></strong></h2>
<p style="text-align: justify;">Un des tous derniers cheval de bataille du W3C est le <strong>Web mobile</strong> car force est de constater que les versions mobiles de la plupart des services mobiles ne sont pas compatibles entre eux.</p>
<p style="text-align: justify;">Pour confirmer l&#8217;importance de cette mission, Dominique Hazaël-Massieux, directeur de l<strong>&#8216;initiative Web mobile</strong> pour le W3C, précise que « <em>La convergence des technologies du Web mobile offre une meilleure expérience aux utilisateurs mobiles et s&#8217;inscrit dans la mission du W3C visant à créer Un seul Web</em> ».</p>
<p style="text-align: justify;">Pour cela, en juillet 2008 est sorti le guide <strong><a title="Guide de recommandations du Web Mobile" href="http://www.w3.org/TR/2008/REC-mobile-bp-20080729/">Les meilleures pratiques du Web Mobile 1.0</a></strong>&#8230; mais ce sujet sera le thème d&#8217;un prochain billet&#8230;</p>
<p style="text-align: justify;"><img class="size-full wp-image-2451 alignright" title="carine" src="http://www.nethik.fr/wp-content/uploads/2009/07/carine.jpg" alt="carine" width="94" height="94" /><br class="clear" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.nethik.fr/blog/2009/08/le-w3c-ou-lorganisme-de-normalisation-du-web/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Comment devenir un &#171;&#160;Maître Gmail&#160;&#187; ?</title>
		<link>http://www.nethik.fr/blog/2009/07/comment-devenir-un-maitre-gmail/</link>
		<comments>http://www.nethik.fr/blog/2009/07/comment-devenir-un-maitre-gmail/#comments</comments>
		<pubDate>Wed, 29 Jul 2009 08:37:04 +0000</pubDate>
		<dc:creator>Carine</dc:creator>
				<category><![CDATA[Explique moi le web]]></category>
		<category><![CDATA[astuces]]></category>
		<category><![CDATA[outils web]]></category>

		<guid isPermaLink="false">http://www.nethik.fr/?p=2277</guid>
		<description><![CDATA[Gmail, la messagerie gratuite proposée par Google, est souvent utilisée de manière très basique bien qu&#8217;elle regorge d&#8217;ingénieux gadgets.
Pour nous initier ou nous perfectionner à son webmail, Google lance un guide ludique des astuces catégorisées par ceintures de ninja : “White belt” (ceinture blanche), “Green belt” (ceinture verte), “Black belt” (ceinture noire), et “Gmail master” [...]]]></description>
			<content:encoded><![CDATA[<p>Gmail, la messagerie gratuite proposée par Google, est souvent utilisée de manière très basique bien qu&#8217;elle regorge d&#8217;ingénieux gadgets.</p>
<p>Pour nous initier ou nous perfectionner à son webmail, Google lance un<a title="Accueil de la page 'Gmail tips'" href="http://www.google.com/mail/help/tips.html"> guide ludique</a> des astuces catégorisées par ceintures de ninja : “<strong>White belt</strong>” (ceinture blanche), “<strong>Green belt</strong>” (ceinture verte), “<strong>Black belt</strong>” (ceinture noire), et “<strong>Gmail master</strong>” (Maître Gmail).</p>
<p>Ainsi, à travers <strong>4 niveaux</strong>, nous découvrons et/ou redécouvrons les nombreuses fonctionnalités de cette plateforme de mails, véritables gains de temps et d&#8217;efficacité !</p>
<p style="text-align: left;"><a title="Accueil de la page 'Gmail tips'" href="http://www.google.com/mail/help/tips.html"><img class="size-full wp-image-2278 aligncenter" src="http://www.nethik.fr/wp-content/uploads/2009/07/google_ninjas.png" alt="Illustration des ninjas de Gmail" width="565" height="147" /></a><span id="more-2277"></span></p>
<p class="clear">Pour garder ce guide à portée de main, Google met à notre disposition un <a title="Lien de téléchargement" href="http://www.google.com/mail/help/gmail_tips.pdf"><strong>document .pdf</strong></a>, illustré des 4 sympathiques ninjas.</p>
<p class="clear">Seul bémol, Google n&#8217;a pas publié de traduction française ! En attendant, je vous propose de consulter cette <a title="Traduction libre du document 'gmail tips'" href="http://www.jacquesboulogne.com/?p=3011">version</a> personnelle en cours de création, réalisée par <a title="Accueil du site Crea&amp;Pub" href="http://www.jacquesboulogne.com/">Jacques Boulogne</a>.</p>
<p><a href="http://www.nethik.fr/wp-content/uploads/2009/07/carine1.jpg"><img class="alignright size-full wp-image-2462" title="carine" src="http://www.nethik.fr/wp-content/uploads/2009/07/carine1.jpg" alt="carine" width="94" height="94" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.nethik.fr/blog/2009/07/comment-devenir-un-maitre-gmail/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

