<?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>blog.cozic.fr &#187; dossier</title> <atom:link href="http://blog.cozic.fr/tag/dossier/feed" rel="self" type="application/rss+xml" /><link>http://blog.cozic.fr</link> <description>Un site utilisant WordPress</description> <lastBuildDate>Mon, 02 Jan 2012 07:00:03 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.3.1</generator> <item><title>Comment bien référencer son blog sur Bing (moteur de recherche Microsoft)</title><link>http://blog.cozic.fr/comment-bien-referencer-son-blog-sur-bing-moteur-de-recherche-microsoft</link> <comments>http://blog.cozic.fr/comment-bien-referencer-son-blog-sur-bing-moteur-de-recherche-microsoft#comments</comments> <pubDate>Wed, 29 Jul 2009 15:34:46 +0000</pubDate> <dc:creator>Frédéric Cozic</dc:creator> <category><![CDATA[Monétiser]]></category> <category><![CDATA[actualité]]></category> <category><![CDATA[article]]></category> <category><![CDATA[bing]]></category> <category><![CDATA[blog]]></category> <category><![CDATA[dossier]]></category> <category><![CDATA[lancement]]></category> <category><![CDATA[moteur de recherche]]></category> <category><![CDATA[référencement]]></category> <guid
isPermaLink="false">http://delicious.com/url/3ce8ec19a30197611ad29239d9de6a00#aysoon</guid> <description><![CDATA[WebRankInfo vient de publier un excellent guide complet sur les best practices à suivre pour bien référencer son site (et donc son blog) sur le nouveau moteur de recherche de Microsoft : Bing. Depuis son lancement, Bing ne cesse de grapiller des parts de marché et pour le moment très bien accueilli par les internautes. [...]]]></description> <content:encoded><![CDATA[<p
style="text-align: center;"><img
class="aligncenter size-medium wp-image-5153" title="Referencement Bing" src="http://blog.cozic.fr/wp-content/uploads/2009/07/Referencement-Bing-300x183.png" alt="" width="300" height="183" /></p><p>WebRankInfo vient de publier un excellent guide complet sur les best practices à suivre pour bien référencer son site (et donc son blog) sur le nouveau moteur de recherche de Microsoft : Bing. Depuis son lancement, Bing ne cesse de grapiller des parts de marché et pour le moment très bien accueilli par les internautes. Il peut donc être intéressant de se pencher sur le sujet dès à présent.</p><p><a
style="font-size: small;" rel="nofollow" href="http://www.webrankinfo.com/dossiers/bing/guide-referencement-bing" target="_blank"> Voir le site</a> <img
src="http://blog.aysoon.com/wp-content/uploads/2008/12/fleche.png" alt="" align="absmiddle" /></p> ]]></content:encoded> <wfw:commentRss>http://blog.cozic.fr/comment-bien-referencer-son-blog-sur-bing-moteur-de-recherche-microsoft/feed</wfw:commentRss> <slash:comments>17</slash:comments> </item> <item><title>Créer sa première campagne d&#039;annonces publicitaires sur Google AdSense</title><link>http://blog.cozic.fr/creer-sa-premiere-campagne-annonces-pub-sur-google-adsense</link> <comments>http://blog.cozic.fr/creer-sa-premiere-campagne-annonces-pub-sur-google-adsense#comments</comments> <pubDate>Fri, 10 Oct 2008 05:26:05 +0000</pubDate> <dc:creator>Frédéric Cozic</dc:creator> <category><![CDATA[Monétiser]]></category> <category><![CDATA[adsense]]></category> <category><![CDATA[adwords]]></category> <category><![CDATA[bannières]]></category> <category><![CDATA[dossier]]></category> <category><![CDATA[liens sponsorisés]]></category> <guid
isPermaLink="false">http://blog.cozic.fr/?p=399</guid> <description><![CDATA[Après avoir vu ensemble comment fonctionne Google AdSense et comment s’y inscrire, je vous propose aujourd&#8217;hui de créer votre première campagne d&#8217;annonces publicitaires sur Google AdSense et de voir comment vous pouvez personnaliser les annonces. Une fois connecté à votre interface AdSense, rendez-vous sur l&#8217;onglet &#171;&#160;Configuration AdSense&#160;&#187; : c&#8217;est dans cet espace que vous allez [...]]]></description> <content:encoded><![CDATA[<p><img
style="float:right; margin-bottom:5px; margin-left:5px; border:1px #494949 solid;" src="http://blog.cozic.fr/wp-content/uploads/2008/10/adsense-premiere-campagne.jpg" alt="adsense-premiere-campagne.jpg" width="117" height="117" />Après avoir vu ensemble <a
href="http://blog.cozic.fr/comprendre-comment-fonctionne-google-adsense-et-sy-inscrire" target="_blank">comment fonctionne Google AdSense et comment s’y inscrire</a>, je vous propose aujourd&#8217;hui de créer votre première campagne d&#8217;annonces publicitaires sur Google AdSense et de voir comment vous pouvez personnaliser les annonces.</p><p>Une fois connecté à votre interface AdSense, rendez-vous sur l&#8217;onglet &laquo;&nbsp;Configuration AdSense&nbsp;&raquo; : c&#8217;est dans cet espace que vous allez pouvoir créer de nouvelles bannières ou campagnes publicitaires.</p><h3>Les différents types d&#8217;annonces ou de contenus</h3><p>Google propose, en France et pour l&#8217;instant, 5 types de contenus publicitaires :<img
style="border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-color: #494949; border-right-color: #494949; border-bottom-color: #494949; border-left-color: #494949; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; margin-bottom: 5px; margin-left: 5px; float: right;" src="http://blog.cozic.fr/wp-content/uploads/2008/10/google-adsense-obtenir-des-annonces.jpg" alt="Google AdSense - Obtenir des annonces.jpg" width="250" height="166" /></p><ul><li><strong>AdSense pour les pages de contenus</strong> : il s&#8217;agit des bannières textuelles ou graphiques que l&#8217;on retrouve sur de nombreux sites. C&#8217;est le type de contenu que je vous propose de créer aujourd&#8217;hui ensemble</li><li><strong>AdSense pour les recherches :</strong> cette interface vous permet de configurer un moteur de recherche interne à votre site ou blog et de le monétiser en laissant Google y ajouter des liens pour lesquels vous serez rémunérer.</li><li><strong>AdSense pour les flux :</strong> ce service permet d&#8217;ajouter une annonce publicitaire directement à votre flux RSS.</li><li><strong>Ensembles vidéos :</strong> ce type de contenu vous permet de gagner de l&#8217;argent en diffusant des vidéos issues de YouTube.</li><li><strong>AdSense pour les pages de contenu mobile :</strong> vous pourrez ici créer des annonces spécifiques au format web mobile.</li></ul><h3>Créer sa première campagne d&#8217;annonces</h3><p>Cliquez sur &laquo;&nbsp;<em>AdSense pour les pages de contenus</em>&nbsp;&raquo; pour commencer le processus de création d&#8217;une annonce publicitaire.</p><p><span
style="text-decoration: underline;"><strong>Première étape :</strong> choix d&#8217;un type d&#8217;annonce</span></p><p>Le premier choix qui s&#8217;offre à vous est le type de contenu que vous souhaitez afficher dans cette annonce :<img
style="float:right; margin-bottom:5px; margin-left:5px; border:1px #494949 solid;" src="http://blog.cozic.fr/wp-content/uploads/2008/10/google-adsense-adsense-pour-les-pages-de-contenu.jpg" alt="Google AdSense - AdSense pour les pages de contenu.jpg" width="250" height="115" /></p><ul><li><strong>Ensemble d&#8217;annonces :</strong> ces annonces sont celles les plus utilisées, elles correspondent aux bannières AdSense que vous croisez le plus souvent. Chaque clic sur un des liens de ces annonces ou sur une image vous fera gagner quelques centimes.</li><li><strong>Ensemble thématique :</strong> ces annonces sont en fait une liste de liens thématiques, c&#8217;est à dire qu&#8217;il ne s&#8217;agit pas de liens vers des sites d&#8217;annonceurs mais des liens vers une nouvelle page Google comportant cette fois un ensemble de liens vers des annonceurs. Vous ne gagnez de l&#8217;argent avec ces annonces que si vos visiteurs cliquent sur un des liens de la deuxième page. Même si ces annonces nécessitent donc 2 clics pour générer des revenus, elles pourront s&#8217;avérer utiles dans certains cas, nous y reviendrons.</li></ul><p>Choisissez pour commencer &laquo;&nbsp;<em>Ensembles d&#8217;annonces</em>&nbsp;&raquo; et cliquez sur &laquo;&nbsp;<em>Continuer</em>&laquo;&nbsp;.</p><p><span
style="text-decoration: underline;"><strong>Deuxième étape :</strong> le format et les couleurs de l&#8217;annonce</span></p><p><img
style="float:right; margin-bottom:5px; margin-left:5px; border:1px #494949 solid;" src="http://blog.cozic.fr/wp-content/uploads/2008/10/google-adsense-adsense-pour-les-pages-de-contenu-1.jpg" alt="Google AdSense - AdSense pour les pages de contenu-1.jpg" width="250" height="124" /></p><p>Sur cette deuxième page, vous allez pouvoir commencer pa<strong>r choisir l</strong><a
href="http://blog.cozic.fr/connaitre-les-differents-formats-standards-des-bannieres-publicitaires" target="_blank"><strong>e format de votre annonce publicitaire</strong></a>. Google vous propose un choix important de formats qui sont tous standards. Vous trouverez sur le lien suivant, une <a
href="https://www.google.com/adsense/static/fr/AdFormats.html" target="_blank">présentation des différents formats</a> (nécessite d&#8217;être authentifié).</p><p>Nous allons choisir pour cet exemple un format de 300 par 250 pixels qui est un carré assez standard et fréquent sur le web.</p><p>Ensuite, vous pouvez <strong>d</strong><strong>éfinir les couleurs</strong> des liens de votre encart pub. Pour cela, Google vous propose par défaut les liens en bleu sur fond blanc comme vous pouvez le trouver sur la page de résultats du moteur de recherche de Google. Vous pouvez facilement le modifier pour l&#8217;adapter à votre charte graphique ou au thème de votre blog. Gardez bien en tête que plus ces liens publicitaires ressembleront aux liens de votre site, plus ces annonces se fonderont dans le design de votre blog et plus les visiteurs de votre site cliqueront dessus (consciemment ou non). Par contre, il y a évidement <a
href="http://blog.cozic.fr/les-regles-a-respecter-avec-google-adsense" target="_blank">quelques limites imposées par Google AdSense</a> et qu&#8217;il faut respecter. Essayez donc de choisir dans cet exemple une couleur de lien et de fond correspondant à votre site.</p><p>Dans tous les cas, vous ne pourrez pas supprimer ou masquer la mention &laquo;&nbsp;Annonces Google&nbsp;&raquo; qui doit rester affichée sur l&#8217;annonce. Vous pouvez en revanche choisir quel type d&#8217;angle vous souhaitez (droits, arrondis ou très arrondis).</p><p>Une fois cela précisé, cliquez de nouveau sur &laquo;&nbsp;<em>Continuer</em>&laquo;&nbsp;.</p><p><span
style="text-decoration: underline;"><strong>Troisième étape :</strong> les critères de l&#8217;annonce</span></p><p>Dans cette avant-dernière étape, vous allez pouvoir <strong>définir les critères de l&#8217;annonce</strong>. Beaucoup de personnes ne comprennent pas l&#8217;intérêt de ces critères. Ces critères ont deux rôles principaux :</p><ul><li>vous permettre d&#8217;avoir des rapports précis par annonces pour pouvoir bien identifié ce que vous a rapporté chaque annonce</li><li>indiquer les emplacement disponibles aux annonceurs potentiellement intéressés d&#8217;acheter des bannières sur votre site via AdWords et ses campagnes ciblées</li></ul><p>Il est donc important de prendre le temps de définir quelques critères pour chaque annonce comme son nom, sa taille, la page sur laquelle elle est affichée, etc.</p><p>Nous indiquerons dans cet exemple comme critère : &laquo;&nbsp;<em>300 x 250 &#8211; test- homepage</em>&laquo;&nbsp;.</p><p><span
style="text-decoration: underline;"><strong>Dernière étape :</strong> un nom et le code JavaScript</span></p><p><img
style="float:right; margin-bottom:5px; margin-left:5px; border:1px #494949 solid;" src="http://blog.cozic.fr/wp-content/uploads/2008/10/google-adsense-adsense-pour-les-pages-de-contenu-2.jpg" alt="Google AdSense - AdSense pour les pages de contenu-2.jpg" width="250" height="113" /></p><p>Cette dernière étape n&#8217;est qu&nbsp;&raquo;une formalité. AdSense vous demande d&#8217;<strong>indiquer un nom pour cette annonce</strong>. Ce nom vous permettra à l&#8217;avenir de pouvoir modifier depuis l&#8217;interface d&#8217;AdSense les paramètres de cette annonce. Il faut donc indiquer un nom compréhensible pour vous et permettant de facilement retrouver l&#8217;annonce par la suite. N&#8217;oubliez pas par exemple d&#8217;indiquer le nom du site sur lequel elle va être diffusée si vous utilisez AdSense sur plusieurs sites.</p><p>Validez ensuite ce nom, la page se recharge et vous indique le bout de code JavaScript à ajouter dans vos pages pour afficher l&#8217;annonce nouvellement créée. Il ne vous reste plus qu&#8217;aller <strong>ajouter ce morceau de code dans la page souhaitée</strong> et à l&#8217;endroit choisi.</p><p>Dans les minutes qui suivent, vous verrez apparaître les premiers liens de vos annonces. <strong>Félicitations, vous venez de créer votre première annonce AdSense !</strong></p><h3>Modifier une annonce existante</h3><p>Une fois que vous aurez créer plusieurs annonces et ajouter les différents codes JavasScript dans vos pages, vous pourrez facilement modifier ces annonces via l&#8217;interface d&#8217;AdSense. <strong>Les différents paramètres d&#8217;une annonce peuvent en effet se gérer de manière centraliser dans AdSense</strong>. Vous n&#8217;avez pas besoin de retoucher au code JavaScript à chaque modification, ce qui est plutôt très pratique (ça n&#8217;a pas toujours été le cas).</p><p>Pour cela, il vous suffit de vous rendre dans l&#8217;onglet &laquo;&nbsp;<em>Configuration AdSense</em>&nbsp;&raquo; et de cliquer dans le sous-onglet &laquo;&nbsp;<em>Gérer les annonces</em>&nbsp;&raquo; pour voir afficher la liste des annonces disponibles.</p><p>Cette liste reprend l&#8217;ensemble des annonces existantes sur votre compte en indiquant la date de création, la taille, les critères, etc.</p><p>En cliquant sur &laquo;&nbsp;Modifier les paramètres des annonces&nbsp;&raquo;, vous accéderez à une page permettant de modifier chaque annonce (mais pas sa taille qui doit rester la même).</p><p><strong>Dans la prochaine partie de ce dossier dédié à AdSense, nous verrons ensemble comment surveiller vos annonces et surtout comment optimiser les gains générés. En attendant, je vous invite à lire l&#8217;article détaillant</strong> <a
href="http://blog.cozic.fr/placer-les-publicites-dans-les-zones-a-fort-taux-de-clic" target="_blank"><strong>comment optimiser le placement des publicités</strong></a><strong>.</strong></p> ]]></content:encoded> <wfw:commentRss>http://blog.cozic.fr/creer-sa-premiere-campagne-annonces-pub-sur-google-adsense/feed</wfw:commentRss> <slash:comments>10</slash:comments> </item> <item><title>Sécuriser son blog, sauvegarder ses contenus et éviter les attaques : 9 conseils</title><link>http://blog.cozic.fr/securiser-son-blog-sauvegarder-ses-contenus-et-eviter-les-attaques-9-conseils</link> <comments>http://blog.cozic.fr/securiser-son-blog-sauvegarder-ses-contenus-et-eviter-les-attaques-9-conseils#comments</comments> <pubDate>Sat, 21 Jun 2008 08:40:40 +0000</pubDate> <dc:creator>Frédéric Cozic</dc:creator> <category><![CDATA[Monétiser]]></category> <category><![CDATA[dossier]]></category> <category><![CDATA[hébergement]]></category> <category><![CDATA[plugin]]></category> <category><![CDATA[sécurité]]></category> <category><![CDATA[wordpress]]></category> <guid
isPermaLink="false">http://blog.cozic.fr/?p=292</guid> <description><![CDATA[Quelque soit votre solution de blog et votre type d’hébergement, à partir du moment où ce n’est pas une plateforme de blog clés en main comme Overblog peut le proposer, vous avez la responsabilité de vos contenus et de leur sauvegarde. Internet est un monde particulier où dans la majorité des cas tout se passe [...]]]></description> <content:encoded><![CDATA[<p><img
style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" src="http://blog.cozic.fr/wp-content/uploads/2008/06/wordpress-securite.png" border="0" alt="wordpress-securite" width="163" height="172" align="right" /> Quelque soit votre solution de blog et votre type d’hébergement, à partir du moment où ce n’est pas une plateforme de blog clés en main comme <a
href="http://www.over-blog.com/offres-blog/rentabiliser-son-blog.php" target="_blank">Overblog peut le proposer</a>, vous avez la responsabilité de vos contenus et de leur sauvegarde. Internet est un monde particulier où dans la majorité des cas tout se passe bien ! Mais parfois un internaute mal attentionné peut croiser votre blog et avoir en tête de le pirater, d’en modifier ou d’en effacer le contenu, etc. Il est donc important de s’en prémunir et voici 9 conseils à suivre pour mettre toutes les chances de son côté;</p><h3>Ne négligez pas les risques !</h3><p>Comme je le disais, dans la plupart des cas vous ne serez jamais confronté à de tels problèmes et je vous le souhaite… Malheureusement ce côté improbable ne motive pas forcément pour prendre le temps d’étudier le problème. Croyez moi il le faut pourtant ! Je suis bien placé pour en parler suite au piratage de Monetiweb début juin. La totalité des fichiers du blog ont été supprimés en une nuit : les fichiers WordPress, les images, les plugins, etc. Plus rien. Quand on est pris par le temps et qu’on souhaite avant tout apporter à ces utilisateurs du contenu original, travailler son référencement, développer la communauté du blog, on peut facilement oublier ou du moins reporter les enjeux de sécurité d’un blog. Ca a été mon cas, je le reconnais. Le problème n’était pas que je n’en avais pas conscience ou que je ne savais pas comment faire. Le vrai problème est que je n’ai pas pris le temps de faire en sorte que cela n’arrive pas ou que si cela arrive, les dégâts restent limités. Le résultat fut sans appel : Monetiweb a perdu 85% de ces images (je travaille encore à les recréer mais cela prendra beaucoup de temps) ! Tout ça donc pour vous dire qu’il est primordiale de ne pas négliger ces aspects : cela n’arrive pas qu’aux autres !</p><h3>Sauvegardez votre bien le plus précieux : vos contenus</h3><p>La première des choses à faire est de sauvegarder régulièrement ses contenus : les articles, les commentaires, les messages d’un éventuel forum, les pages partenaires, etc…C’est la richesse de votre blog, ce qui crée du trafic, une communauté et le principal élément à mettre en avant lors d’une stratégie de monétisation. Tous ces contenus sont présents dans la base de données du blog. Plusieurs solutions existent pour sauvegarder la base de données : de la plus manuelle (faire un export régulier de la base de données du blog via PHPMyAdmin) à la plus automatique (utiliser un plugin WordPress vous envoyant par mail automatiquement cette sauvegarde de la base de données comme <a
href="http://www.ilfilosofo.com/blog/wp-db-backup/">WordPress Database Backup</a>). Certains hébergeurs assurent des back up total de vos espaces et inclut donc la base de données dedans mais cette solution est loin d’être la plus facile à utiliser en cas de soucis.</p><h3>Sauvegardez les fichiers de votre blog</h3><p>Comme je vous le disais, voilà un conseil que j’aurais dû appliquer pour éviter de perdre toutes les images de Monetiweb. En effet rien n’est prévu par défaut dans WordPress pour sauvegarder vos fichiers. Si votre hébergeur ne vous propose pas de sauvegarde automatique, c’est donc à vous de vous en occuper. Pour l’anecdote, Google ne garde pas en cache les images (contrairement aux textes), il est donc impossible de récupérer des images une fois qu’elles ont été supprimées. Pour sauvegarder ces fichiers, vous pouvez demander à votre hébergeur de mettre en place des solutions de sauvegarde (moyennant finance en général) sinon vous pouvez utiliser simplement un client FTP pour récupérer l’ensemble de vos fichiers. Si vous êtes sur un serveur virtuel privé ou sur un serveur dédié, vous pouvez facilement programmer des sauvegardes automatiques CRON qui se chargeront de faire une archive ZIP contenant tous vos fichiers. Charge à vous d’aller récupérer régulièrement ces archives ou d’automatiser leur envoi sur un autre FTP. Enfin, sachez qu’il existe même un plugin WordPress permettant de faire des sauvegardes de fichiers en même temps que la base de données : <a
href="http://wordpress.designpraxis.at/plugins/backupwordpress/">BackUpWordPress</a>.</p><h3>Mettez à jour votre solution de blog</h3><p>Les solutions de blogs continuent d’évoluer au fil du temps. Les mises à jour majeures sont essentiellement l’occasion d’apporter de nouvelles fonctionnalités mais les mises à jour mineures sont souvent provoquées par la découverte d’une faille de sécurité dans la version actuelle. Il est donc très important de porter une grande attention à ces mises à jour car dès qu’une faille de sécurité est identifiée, de nombreux pirates vont chercher à trouver quel blog est encore sous la version touchée afin d’utiliser la faille de sécurité pour sévir. Surveillez donc les mises à jour de votre plateforme de blog et prenez le temps de faire les mises à jour rapidement en cas de faille de sécurité corrigée. Le conseil qui en découle est de masquer la version de votre blog à vos visiteurs. Pour cela veillez à ne pas l’afficher dans votre footer par exemple ni dans les balise &lt;head&gt; du blog en supprimant « bloginfo(‘version’) » pour WordPress par exemple ou en utilisant le plugin <a
href="http://wordpress.org/extend/plugins/replace-wp-version/#post-2859">Replace WP-Version</a>. C’est contraire aux demandes de WordPress mais supprime des risques potentiels… à vous de choisir.</p><h3>Mettez à jour votre serveur dédié</h3><p>Dans le cas où vous hébergez votre blog sur une solution de type mutualisée (c&#8217;est-à-dire que vous ne disposez chez votre hébergeur que d’une fraction d’un serveur), vous n’avez pas à vous soucier des mises à jour de la machine, c’est votre hébergeur qui en est responsable. En revanche si vous êtes sur un serveur dédié, c’est à vous de veiller à ce que la machine dispose des dernières mises à jour de sécurité sur l’ensemble de ces services. En fonction de la distribution de votre machine, renseignez-vous sur les commandes à exécuter pour lancer les mises à jour et n’oubliez pas de la faire régulièrement (vous pouvez les automatiser via un script avec un peu de pratique)</p><h3>Sécurisez vos accès à l’admin grâce à du SSL</h3><p>Par défaut sur WordPress, vous accédez à l’interface d’administration en HTTP ce qui signifie que si quelqu’un de mal attentionné est présent sur votre réseau ou sur le wifi du café dans lequel vous bloguez, il peut être en mesure d’<em>écouter</em> ce que vous faites et de récupérer votre mot de passe par exemple. Pour remédier à cela, vous pouvez installer le plugin <a
href="http://almosteffortless.com/wordpress/force-ssl/">Force SSL</a> qui va vous connecter en HTTPS (avec le petit cadenas affiché dans votre navigateur) et ainsi sécuriser vos échanges. Cela nécessite en revanche de disposer déjà d’un certificat SSL parfois fourni avec votre hébergement.</p><h3>Empêchez l’accès à certains dossiers</h3><p>Dans l’arborescence des fichiers de votre blog, il existe un ensemble de dossiers dont le contenu ne doit pas être accessible depuis Internet (le dossier contenant vos plugins par exemple). Dans tous ces dossiers il est donc important de placer simplement un fichier « index.html » vide (créez un nouveau document avec le bloc note, laissez son contenu vide et enregistrez le sous le nom « index.html »). Cela permettra d’afficher une page blanche plutôt que le contenu du dossier. Si vous êtes sous WordPress, les dossiers sont /wp-content/ et tous ses sous-dossiers.</p><h3>Ne conservez pas le compte Admin</h3><p>Par défaut à l’installation d’un blog, un utilisateur Admin est souvent créé par défaut avec un mot de passe (plutôt court) donné automatiquement. Ce compte peut représenter un risque car un pirate pourrait essayer de trouver le mot de passe par brute-force par exemple (essais successifs de tous les mots de passe possibles). Créez-vous donc un compte avec les privilèges d’administrateur et supprimez le compte Admin. Vous pouvez également ajouter un niveau supplémentaire d‘authentification en installant le plugin <a
href="http://www.askapache.com/wordpress/htaccess-password-protect.html">AskApache Password Protect</a> qui va ajouter une demande de mot de passe supplémentaire.</p><h3>Auditez la sécurité de votre blog</h3><p>L’un des derniers conseils que je peux vous donner est de faire un audit en sécurité de votre blog via des services web externes comme <a
href="http://blogsecurity.net/wordpress/tools/wp-scanner/">WP Scanner</a> pour WordPress ou via un plugin comme <a
href="http://wordpress.org/extend/plugins/wp-security-scan/">WP Security Scan</a>. Ces solutions vont analyser la structure de votre blog, identifier d’éventuelles failles de sécurité sur votre base de données, sur les droits des fichiers ou sur vos password et vous indiquer les méthodes à mettre en œuvre pour résoudre les problèmes.</p><p><strong>Avez-vous d&#8217;autres conseils à nous donner ? </strong></p> ]]></content:encoded> <wfw:commentRss>http://blog.cozic.fr/securiser-son-blog-sauvegarder-ses-contenus-et-eviter-les-attaques-9-conseils/feed</wfw:commentRss> <slash:comments>15</slash:comments> </item> <item><title>Comprendre comment fonctionne Google AdSense et s&#039;y inscrire</title><link>http://blog.cozic.fr/comprendre-comment-fonctionne-google-adsense-et-sy-inscrire</link> <comments>http://blog.cozic.fr/comprendre-comment-fonctionne-google-adsense-et-sy-inscrire#comments</comments> <pubDate>Mon, 26 May 2008 06:20:24 +0000</pubDate> <dc:creator>Frédéric Cozic</dc:creator> <category><![CDATA[Monétiser]]></category> <category><![CDATA[adsense]]></category> <category><![CDATA[adwords]]></category> <category><![CDATA[bannières]]></category> <category><![CDATA[dossier]]></category> <category><![CDATA[liens sponsorisés]]></category> <guid
isPermaLink="false">http://blog.cozic.fr/comprendre-comment-fonctionne-google-adsense-et-sy-inscrire</guid> <description><![CDATA[J’inaugure aujourd&#8217;hui une longue série d’articles dédiés à AdSense, le service de Google permettant aux éditeurs de sites Internet (comme les blogueurs) de placer sur leur site des publicités et de gagner de l’argent avec. Il y a énormément de choses à dire sur le sujet du fait que Google AdSense est devenu une des [...]]]></description> <content:encoded><![CDATA[<p><img
src="http://blog.cozic.fr/wp-content/uploads/2008/05/google-adsense-logo.jpg" style="border: 0px none " alt="google-adsense-logo" width="117" align="right" border="0" /> J’inaugure aujourd&#8217;hui une longue série d’articles dédiés à <strong>AdSense</strong>, le service de Google permettant aux éditeurs de sites Internet (comme les blogueurs) de placer sur leur site des publicités et de gagner de l’argent avec. Il y a énormément de choses à dire sur le sujet du fait que Google AdSense est devenu une des références (à tort ou à raison, nous le verrons) dans les services de monétisation. Commençons donc par le début avant de rentrer dans le détail et l’optimisation.</p><h3>Comment fonctionne AdSense ?</h3><p>AdSense est un des services les plus utilisés de Google. Le service propose à ses utilisateurs <strong>un ensemble de bannières de publicité</strong> (la plupart sous la forme de textes cliquables) à placer sur son site Internet. Le point fort de ce service est que <strong>vous ne vous occupez pas de savoir quelles annonces vont apparaître sur votre site</strong>. En effet, c’est Google et ses robots qui analysent votre site Internet dès que vous placez une publicité AdSense sur celui-ci. Une fois analysé, AdSense va automatiquement proposer à vos visiteurs <strong>des publicités contextuelles à vos contenus</strong>. C&#8217;est-à-dire que Google va identifier le ou les thème(s) que vous abordez sur votre site Internet et diffuser des annonces en rapport direct avec ces sujets.</p><p><u><img
src="http://blog.cozic.fr/wp-content/uploads/2008/05/google-adsense.png" style="border: 0px none " alt="google-adsense" width="258" align="right" border="0" height="150" />Un exemple concret :</u> vous parlez de jardinage et de fleurs sur votre blog. Vous placez des publicités AdSense sur celui-ci. En quelques heures (le temps de l’analyse) vous allez voir apparaître des liens sponsorisés vers des boutiques d’articles de jardins, des fleuristes, etc.</p><p>L’autre atout d’AdSense est de posséder <strong>beaucoup d’annonceurs</strong> de l’autre côté qui utilisent ce service. Le résultat est que vous avez sur votre site Internet de nombreuses publicités différentes mais toutes liées au thème de votre site et donc susceptibles d’intéresser vos visiteurs.</p><p>A chaque fois qu’un visiteur va cliquer sur un de ces liens sponsorisés, vous allez gagner quelques centimes de dollar ou même quelques dollars ! Tout dépend de la publicité et plus exactement du thème abordé par votre site Internet. En effet, si vous vous gagnez un peu d’argent à chaque clic, il faut bien que de l’autre côté il y ait un annonceur qui paye ce clic (moins évidemment la commission de Google). C’est là qu’entre en jeu AdWords.</p><h3>Quelle différence avec AdWords ?</h3><p>Bien souvent, les débutants ont du mal à voir la différence entre AdSense et AdWords. C’est en fait très simple. AdSense permet aux éditeurs de sites Internet de <strong>diffuser des publicités sur son site</strong>, on vient de le dire. AdWords permet, à l’inverse, aux annonceurs <strong>d’acheter des liens sponsorisés sur des sites Internet</strong>. Sans rentrer dans les détails, AdWords est en fait une place de marché fonctionnant <strong>par enchères</strong> entre les annonceurs. Si par exemple deux annonceurs souhaitent diffuser une annonce sur le mot-clé « fleur », ils vont enchérir sur un prix au clic pour chaque annonce. C’est pour cela que lorsque vous allez diffuser leur publicité sur votre blog par exemple, les montants des gains que vous pouvez faire varient en fonction des thèmes aborder. Plus il y a d’annonceurs qui enchérissent sur AdWords et plus vous êtes payé si quelqu’un clique sur un des liens sur votre site (et plus Google est payé aussi <img
src='http://blog.cozic.fr/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> ). Par exemple, un thème comme la finance est très prisé. Les annonceurs n’hésitent pas à investir quelques euros par clic sur certains mots-clés. Les site Internet diffusent leur annonces via AdSense touche donc quelques euros pour chaque clic !</p><h3>Peut-on gagner de l’argent avec AdSense ?</h3><p>AdSense est devenu une des références majeures des solutions pour gagner de l’argent en ligne. Ce n’est pas par hasard ! Beaucoup de sites Internet basent <strong>leur stratégie de monétisation uniquement sur les annonces diffusées via AdSense</strong>. La réponse est donc clairement positive : oui on peut gagner (beaucoup) d’argent avec le service de Google. La vraie question est de savoir <strong>comment y arriver</strong>. Le sujet étant vaste j’y reviendrai dans un article prochain mais je peux déjà vous dire qu’il y de <strong>nombreux paramètres qui entrent en jeu</strong> comme la position des annonces, leur personnalisation, le thème de votre Site Internet, le type de visiteurs que vous avez, etc… Nous en reparlerons.</p><h3>Quelques informations pratiques sur AdSense</h3><p>Je ne voulais pas finir cette présentation d’AdSense sans revenir sur <strong>quelques détails pratiques</strong> de cette régie de publicité :</p><ul><li>Même avec un compte français vous êtes payé en <strong>dollars</strong> (ce qui n’est pas toujours une bonne nouvelle quand on suit le cours du dollar contre l’euro).</li><li>Les paiements sont déclenchés dès que votre compte atteint <strong>la somme de $100</strong>.</li><li>Vous ne choisissez pas les publicités qui vont s’afficher sur votre site Internet mais vous pouvez<strong> les modérer « a posteriori »</strong> c&#8217;est-à-dire une fois que vous les avez vu sur votre site, vous pouvez demander à ce que les publicités de cet annonceur ne s’affichent plus chez vous.</li><li>AdSense propose aussi, de manière transparente, des annonces rémunérées au <strong>CPM</strong> (payées pour mille affichages) mais c’est plus rare.</li><li>AdSense propose de <strong>nombreux formats différents</strong> et laisse l’éditeur personnaliser les couleurs des annonces.</li><li>Google propose aussi <strong>d’autres services via AdSense</strong> comme a recherche de contenu monétisé sur votre Site Internet, ou la publicité pour les pages de contenu mobile.</li><li>Google surveille de très très près les clics frauduleux. Il est vraiment <strong>déconseillé d’essayer de cliquer sur ces propres publicités</strong> (même une seule fois) au risque de voir son compte fermé et ses gains en cours perdus.</li><li>Toutes les plateformes de blogs <strong>n’autorisent pas forcément la diffusion d’annonces AdSense</strong>. Assurez-vous d’avoir la possibilité d’en ajouter (accès au code source) ou l’autorisation si votre site Internet ou votre blog fait parti d’une plateforme hébergée.</li></ul><h3>Comment démarrer sur Google AdSense ?</h3><p>Maintenant que vous en savez un peu plus sur la plateforme AdSense, que diriez-vous de vous inscrire ? Pour cela, il vous suffit de vous rendre sur le site de <a
href="https://www.google.com/adsense/login/fr/index.html">Google AdSense et de <strong>vous créer un compte</strong></a>.</p><p
align="center"> <a
href="https://www.google.com/adsense/login/fr/index.html" target="_blank"><img
src="http://blog.cozic.fr/wp-content/uploads/2008/05/stepbystep.png" style="border: 0px none " alt="stepbystep" width="374" border="0" height="183" /></a></p><p>Google vous permet de vous créer un compte en tant que particulier ou en tant qu’entreprise. Il suffit de renseigner quelques éléments simples, de bien préciser que vous ne cliquerez pas sur vos propres publicités et le tour est joué ! Google vous encourage à utiliser un compte Google que vous pouvez déjà avoir comme pour Gmail. Une fois l’inscription effectuée, Google va examiner votre inscription et vous la valider (normalement) en un ou deux jours.</p><p><strong>Très prochainement, nous verrons ensemble comment démarrer sa première campagne d’annonces sur son site.</strong></p> ]]></content:encoded> <wfw:commentRss>http://blog.cozic.fr/comprendre-comment-fonctionne-google-adsense-et-sy-inscrire/feed</wfw:commentRss> <slash:comments>28</slash:comments> </item> <item><title>Quel éditeur de photos en ligne choisir ?</title><link>http://blog.cozic.fr/quel-editeur-de-photos-en-ligne-choisir</link> <comments>http://blog.cozic.fr/quel-editeur-de-photos-en-ligne-choisir#comments</comments> <pubDate>Mon, 21 Jan 2008 14:02:30 +0000</pubDate> <dc:creator>Frédéric Cozic</dc:creator> <category><![CDATA[Web]]></category> <category><![CDATA[dossier]]></category> <category><![CDATA[flex]]></category> <category><![CDATA[image]]></category> <category><![CDATA[Interfaces riches]]></category> <category><![CDATA[ria]]></category> <guid
isPermaLink="false">http://cozic.fr/quel-editeur-de-photos-en-ligne-choisir</guid> <description><![CDATA[Depuis quelques mois, de nouveaux services riches ont vu le jour sur Internet. Grâce à l&#8217;évolution des technologies (notamment celle des RIA et plus du simple Java comme avant), certains sites repoussent les limites de ce qui était habituellement faisable en ligne en proposant presque autant de fonctionnalités que de vraies applications classiques. Le domaine [...]]]></description> <content:encoded><![CDATA[<p><img
src="http://cozic.fr/wp-content/uploads/2008/01/edit-photo-en-ligne.jpg" alt="edit_photo_en_ligne" align="left" border="0" height="141" width="132" /> Depuis quelques mois, de nouveaux services riches ont vu le jour sur Internet. Grâce à l&#8217;évolution des technologies (notamment celle des <a
href="http://cozic.fr/post/Que-sont-les-applications-riches-RIA-Partie-1-Definition-et-usages-195">RIA </a>et plus du simple Java comme avant), certains sites repoussent les limites de ce qui était habituellement faisable en ligne en proposant presque <strong>autant de fonctionnalités</strong> que de vraies applications classiques. Le domaine de l&#8217;<strong>édition de photos en ligne</strong> est clairement est de ceux à qui ces technologies ont le plus profité. Il existe de nombreux services en ligne de retouche photo et cela depuis longtemps déjà. Mais on trouve dorénavant certains services en ligne qui peuvent remplacer le bon vieux Photoshop ou Fireworks. Non seulement la quantité de fonctionnalités disponibles est impressionnante mais, en plus, ces services essayent de les rendre les plus <strong>simples </strong>à utiliser et peuvent ainsi proposer la retouche photo <strong>au plus grand nombre</strong> ! Parmi la multitude de services existants, je vous propose aujourd&#8217;hui <strong>une sélection des services en ligne les plus complets</strong>.</p><p><span
id="more-369"></span></p><h3>Picnik.com : l&#8217;un des plus connus mais rapidement payant</h3><p><img
src="http://cozic.fr/wp-content/uploads/2008/01/picnik-logo.jpg" alt="picnik_logo" align="right" border="0" height="73" width="132" /><a
href="http://www.picnik.com/app" target="_blank">Picnik.com</a> est un des premiers services riches d&#8217;édition de photos en ligne arrivé sur le marché. Longtemps gratuit, le service est maintenant proposé en deux versions : l&#8217;une basique et gratuite, l&#8217;autre payante et incluant tout un tas de fonctionnalités supplémentaires. Réalisé en Flex, le service est particulièrement bien pensé et intuitif. Il permet d&#8217;uploader ses propres photos ou d&#8217;en récupérer directement depuis un compte Flickr, Picasa ou Facebook. Depuis peu il a été complètement été intégré dans Flickr comme éditeur de photo en standard. Au niveau des fonctionnalités, on retrouve tous les classiques (agrandissement, rotation, recadrage, etc.) utilisable très simplement. La version payante propose de nombrexu filtres et effets qui peuvent vite se révéler indispensable pour toute personne qui commence à utiliser le service d&#8217;une manière un peu poussée. En revanche, le service ne propose pas de mode &laquo;&nbsp;calques&nbsp;&raquo; pour l&#8217;édition ce qui pourra manquer à certains habitués de Photoshop.</p><p
style="text-align: center"><img
src="http://cozic.fr/wp-content/uploads/2008/01/picnik-screen.jpg" alt="picnik_screen" border="0" height="209" width="432" /></p><p
style="text-align: center">&nbsp;</p><h3>FlauntR.com : une multitude de services</h3><p><img
src="http://cozic.fr/wp-content/uploads/2008/01/flauntr-logo.jpg" alt="flauntr_logo" align="right" border="0" height="61" width="132" /> <a
href="http://www.flauntr.com/flauntr/" target="_blank">FlauntR.com</a> est un service web assez récent d&#8217;édition de photos en ligne. Sorti il y a quelques moi seulement, il a l&#8217;originalité de se composer d&#8217;une multitude de sous services regroupés dans une même interface. Tous entièrement gratuit, ces services permettent entre autres d&#8217;éditer vos photos, de leur appliquer des filtres (notamment des effets de peinture assez bluffants), des cadres, de découper à la bonne dimension un avatar pour un des nombreux services existants, de découper une image au format de l&#8217;écran d&#8217;un des téléphones proposés, d&#8217;y insérer du texte stylisé, etc. Chacun de ces sous-services est représenté sous la forme d&#8217;un onglet d&#8217;édition et l&#8217;ensemble de vos photos sont accessibles par le menu du bas. Il en résulte une bonne ergonomie là encore réalisée en Flex. D&#8217;autres sous-services sont encore en développement mais Flauntr dispose déjà de nombreuses interfaces avec les principaux services d&#8217;hébergement de photos en ligne.</p><p
style="text-align: center"><img
src="http://cozic.fr/wp-content/uploads/2008/01/flauntr-screen.jpg" alt="flauntr_screen" border="0" height="238" width="432" /></p><p
style="text-align: center">&nbsp;</p><h3>Splashup.com : le plus proche de Photoshop</h3><p><img
src="http://cozic.fr/wp-content/uploads/2008/01/splashup-logo.jpg" alt="splashup_logo" align="right" border="0" height="70" width="132" /> <a
href="http://www.splashup.com/" target="_blank">Splashup.com</a> est le nouveau nom d&#8217;anciennement Fauxto qui a été lancé dans le but de proposer une vesrion online de Photoshop puisqu&#8217;Adobe ne semble toujours pas proposer d&#8217;équivalent jusqu&#8217;à présent. La ressemblance est donc frappante dès le premier lancement, et les habitués du logiciel d&#8217;Adobe ne se sentiront pas du tout dépaysés. Certes en terme de fonctionnalités, on reste encore assez loin de ce que la solution locale peut proposer. Néanmoins on retrouve tous les classiques dont la possibilité de travailler avec des calques et avec plusieurs fichiers ouverts en même temps. Développé également en Flex, ce service est sans doute le plus facile à prendre en main pour ceux qui ont l&#8217;habitude de faire de la retouche photo en ligne. Peut-être un peu moins compatible pour l&#8217;instant que les autres services, cet outil donne néanmoins une bonne idée de ce que permet les technologies web d&#8217;aujourd&#8217;hui pour adapter des applications locales en version en ligne.</p><p
style="text-align: center"><img
src="http://cozic.fr/wp-content/uploads/2008/01/splashup-screen.jpg" alt="splashup_screen" border="0" height="229" width="432" /></p><p
style="text-align: center">&nbsp;</p><h3>FotoFlexer.com : de l&#8217;intelligence artificielle dans vos retouches</h3><p><img
src="http://cozic.fr/wp-content/uploads/2008/01/fotoflexer-logo-mini.jpg" alt="fotoflexer_logo_mini" align="right" border="0" height="50" width="132" /> <a
href="http://fotoflexer.com" target="_blank">FotoFlexer.com</a> a la modestie de se définir comme l&#8217;outil le plus puissant en retouche d&#8217;images. Et je dois dire que dans la réalité, nous n&#8217;en somme pas loin. Le nombre de fonctionnalités et de filtres disponibles gratuitement est largement supérieur aux autres. Toutes ces fonctionnalités sont accessibles via une interface en onglets. Certains outils plus évolués permettent d&#8217;utiliser des algorithmes d&#8217;aide à l&#8217;édition comme le détourage ou un outil morphing.  L&#8217;interface est claire et simple. FotoFlexer a beaucoup utilisé Facebook pour se faire connaître initialement en proposant une application pour éditer les photos directement dans Facebook. Depuis, le service a ouvert une API permettant à n&#8217;importe qui de proposer le service d&#8217;édition de photos sur son site/blog.</p><p
style="text-align: center"><img
src="http://cozic.fr/wp-content/uploads/2008/01/fotoflexer-screen.jpg" alt="fotoflexer_screen" border="0" height="245" width="432" /></p><p
style="text-align: center">&nbsp;</p><h3>En conclusion : lequel choisir ?</h3><p>Comme bien souvent, le choix d&#8217;un service va dépendre du besoin que vous avez au départ. Les habitués de Photoshop se tourneront vers Splashup pour retrouver l&#8217;ergonomie du logiciel, les utilisateurs de Flickr utiliseront désormais naturellement Picnik, etc. Même si tous ces services sont de magnifique exemples de ce qui peut se faire en termes de <a
href="http://cozic.fr/post/Que-sont-les-applications-riches-RIA-Partie-1-Definition-et-usages-195">Rich Internet Applications</a>, chacune comporte encore des défauts de jeunesse ou des manques de fonctionnalités évidentes. En revanche, j&#8217;ai été assez surpris de ne pas identifier un seul service en ligne français. Pourtant assez innovantes en général, il semblerait que les start-up françaises ne soient pas essayées encore à ce domaine de plus en plus concurrentiel.</p><p><strong>Sinon, vous en connaissez d&#8217;autres qui valent le détour ? vous utilisez quoi pour vos retouches ?</strong></p> ]]></content:encoded> <wfw:commentRss>http://blog.cozic.fr/quel-editeur-de-photos-en-ligne-choisir/feed</wfw:commentRss> <slash:comments>16</slash:comments> </item> <item><title>Quelques outils de synthèse vocale de textes</title><link>http://blog.cozic.fr/quelques-outils-de-synthese-vocale-de-textes</link> <comments>http://blog.cozic.fr/quelques-outils-de-synthese-vocale-de-textes#comments</comments> <pubDate>Fri, 28 Dec 2007 13:43:00 +0000</pubDate> <dc:creator>Frédéric Cozic</dc:creator> <category><![CDATA[Web]]></category> <category><![CDATA[blog]]></category> <category><![CDATA[dossier]]></category> <category><![CDATA[web innovant]]></category> <guid
isPermaLink="false">http://vds1042.sivit.org/aysoon.com/ftp/blog/?p=301</guid> <description><![CDATA[La synth&#232;se vocale est depuis longtemps un doux r&#234;ve des hommes. Ne plus lire mais juste &#233;couter un texte, un article ou m&#234;me un livre dict&#233; par une voix quasi-humaine et non robotique&#8230; Plus concretement pour nous les blogueurs : la possibilit&#233; de mettre en podcast l&#8217;int&#233;gralit&#233; de certains flux RSS pour les &#233;couter dans [...]]]></description> <content:encoded><![CDATA[<p>La synth&egrave;se vocale est depuis longtemps un doux r&ecirc;ve des  hommes. Ne plus lire mais juste &eacute;couter un texte, un article ou m&ecirc;me un livre  dict&eacute; par une voix quasi-humaine et non robotique&hellip; Plus concretement pour nous les  blogueurs : la possibilit&eacute; de mettre en podcast l&rsquo;int&eacute;gralit&eacute; de certains flux  RSS pour les &eacute;couter dans nos chers iPod&hellip;</p><p>M&ecirc;me s&rsquo;il n&rsquo;existe toujours pas de solutions mat&eacute;rielles ou logicielles  miracles, il existe de plus en plus de solutions en ligne qui permettent de  synth&eacute;tiser vocalement des morceaux de texte voir des fichiers entiers. En voici quelques unes :</p><p><a
href="http://vozme.com/index.php?lang=en"><img
width="132" height="76" align="right" alt="" class="image_vierge" src="/wp-content/uploads/2006/vozme_logo.jpg" /><strong>VozMe</strong></a> est un service en en ligne avec une interface tr&egrave;s  simple. Vous entrez votre texte dans la zone de texte pr&eacute;vu &agrave; cet effet et vous  cliquez sur &laquo;&nbsp;Create Mp3&nbsp;&raquo; et le tour est jou&eacute;&nbsp;! Une nouvelle  fen&ecirc;tre s&#8217;ouvrira, et en quelques secondes, votre fichier MP3 commencer &agrave; lire.<br
/> <img
width="16" height="16" align="left" alt="" class="image_vierge" src="/wp-content/uploads/2006/thumb_up.png" />: simple, rapide, en anglais italien et espagnol,  dispo en gadget iGoogle et en plugin WordPress<br
/> <img
width="16" height="16" alt="" class="image_vierge" src="/wp-content/uploads/2006/thumb_down.png" />: pas de lecture de fichier, pas de fran&ccedil;ais</p><p>&nbsp;</p><p><img
width="132" height="52" align="right" alt="" class="image_vierge" src="/wp-content/uploads/2006/expressivo_logo.jpg" /><strong><a
href="http://say.expressivo.com/jennifer/everybody%20wang%20chung%20tonight">Expressivo</a></strong> est un autre outil en ligne mais qui limite le texte &agrave;  synth&eacute;tiser &agrave; 200 caract&egrave;res (qui a dit <a
href="http://cozic.fr/post/Twitter-:-presentation-du-concept-de-ses-differents-usages-et-de-quelques-applications-connexes-188">Twitter</a>&nbsp;?). En revanche vous  pouvez choisir l&#8217;un des quatre types de voix.<br
/> <img
width="16" height="16" align="left" alt="" class="image_vierge" src="/wp-content/uploads/2006/thumb_up.png" />: renvoie une mini-url facilement partageable,  propose 4 accents diff&eacute;rents (bien marrant^_^), existe en application<br
/> <img
width="16" height="16" alt="" class="image_vierge" src="/wp-content/uploads/2006/thumb_down.png" />: limite de 200 caract&egrave;res, ne supporte que l&rsquo;anglais</p><p>&nbsp;</p><p><img
width="132" height="78" align="right" src="/wp-content/uploads/2006/spoken_text_logo.jpg" class="image_vierge" alt="" /><strong><a
href="http://www.spokentext.net/">SpokenText</a></strong> n&eacute;cessite un enregistrement pour &ecirc;tre utilis&eacute;  mais poss&egrave;de une quantit&eacute; int&eacute;ressante de fonctions. Ce service ne propose pas  de zone de texte o&ugrave; coller son texte mais importe directement un fichier et le  synth&eacute;tise dans une des 5voix choisie et &agrave; la vitesse d&eacute;finie. Une fois le  fichier converti, vous recevez un mail de notification avec l&rsquo;url du fichier  son. Pratique pour ensuite glisser dans son iTunes.<br
/> <img
width="16" height="16" align="left" alt="" class="image_vierge" src="/wp-content/uploads/2006/thumb_up.png" />: supporte Pdf, Doc, Txt, Ppt , flux RSS, emails et pages  web&nbsp;; supporte l&rsquo;anglais, l&rsquo;allemand et le fran&ccedil;ais&nbsp;;  exporte au format iPod ou MP3<br
/> <img
width="16" height="16" alt="" class="image_vierge" src="/wp-content/uploads/2006/thumb_down.png" />: n&eacute;cessite un enregistrement pr&eacute;alable&nbsp;; pas de  zone de texte qui synth&eacute;tise rapidement un texte</p><p>&nbsp;</p><p><img
width="132" height="75" align="right" src="/wp-content/uploads/2006/talkr_logo.jpg" class="image_vierge" alt="" /><strong><a
href="http://www.talkr.com/index.html">Talkr</a></strong> est un peu sp&eacute;cial dans le sens o&ugrave; il propose  uniquement la conversion de flux RSS en MP3. Apr&egrave;s &ecirc;tre inscrit, vous pr&eacute;cisez  l&rsquo;adresse du flux &agrave; synth&eacute;tiser et le service le transforme en un fichier MP3.  Ce service le rappelle beaucoup <a
href="http://www.vocalfruits.com/">Vocalfruits</a> qui fait la m&ecirc;me chose mais est payant.<br
/> <img
width="16" height="16" align="left" alt="" class="image_vierge" src="/wp-content/uploads/2006/thumb_up.png" />: conversion automatique de flux RSS, un player est  fourni pour votre blog<br
/> <img
width="16" height="16" alt="" class="image_vierge" src="/wp-content/uploads/2006/thumb_down.png" />: ne convertit que du RSS</p><p>&nbsp; <br
/> <strong>Et vous, vous les utilisez&nbsp;? Vous en connaissez d&rsquo;autres&nbsp;?</strong></p><p
align="right"><em><font
color="#c0c0c0">inspir&eacute; de l&#8217;article de <a
href="http://www.dancewithshadows.com/tech/text-to-speech.asp">dancewithshadows.com</a></font></em></p> ]]></content:encoded> <wfw:commentRss>http://blog.cozic.fr/quelques-outils-de-synthese-vocale-de-textes/feed</wfw:commentRss> <slash:comments>7</slash:comments> </item> <item><title>Présentation sur Facebook : origine, business model et interface</title><link>http://blog.cozic.fr/presentation-sur-facebook-origine-business-model-et-interface</link> <comments>http://blog.cozic.fr/presentation-sur-facebook-origine-business-model-et-interface#comments</comments> <pubDate>Fri, 05 Oct 2007 11:01:00 +0000</pubDate> <dc:creator>Frédéric Cozic</dc:creator> <category><![CDATA[Web]]></category> <category><![CDATA[dossier]]></category> <category><![CDATA[facebook]]></category> <category><![CDATA[Web Innovant]]></category> <guid
isPermaLink="false">http://vds1042.sivit.org/aysoon.com/ftp/blog/?p=236</guid> <description><![CDATA[Disponible aussi au format PDF.]]></description> <content:encoded><![CDATA[<p
align="center"><object
data="http://s3.amazonaws.com/slideshare/ssplayer.swf?id=125845&amp;doc=facebook-analysis-and-study4121" type="application/x-shockwave-flash" height="448" width="525"></object></p><p>Disponible aussi au <a
href="http://www.fabernovel.com/facebook_en.pdf" target="_blank">format PDF</a>.</p> ]]></content:encoded> <wfw:commentRss>http://blog.cozic.fr/presentation-sur-facebook-origine-business-model-et-interface/feed</wfw:commentRss> <slash:comments>4</slash:comments> </item> <item><title>Que sont les applications riches (RIA) ? - Partie 3 - Quel futur pour l&#8217;Internet riche ?</title><link>http://blog.cozic.fr/que-sont-les-applications-riches-ria-partie-3-quel-futur-pour-linternet-riche-209</link> <comments>http://blog.cozic.fr/que-sont-les-applications-riches-ria-partie-3-quel-futur-pour-linternet-riche-209#comments</comments> <pubDate>Wed, 27 Jun 2007 12:04:00 +0000</pubDate> <dc:creator>Frédéric Cozic</dc:creator> <category><![CDATA[Web]]></category> <category><![CDATA[dossier]]></category> <category><![CDATA[Interfaces riches]]></category> <category><![CDATA[ria]]></category> <category><![CDATA[Web Innovant]]></category> <guid
isPermaLink="false">http://vds1042.sivit.org/aysoon.com/ftp/blog/?p=207</guid> <description><![CDATA[A travers cette troisi&#232;me et derni&#232;re partie du dossier sur les RIA et apr&#232;s vous en avoir donner une d&#233;finition, pr&#233;senter les technologies et quelques exemples, il est maintenant temps de se projetter un peu dans l&#8217;avenir et d&#8217;essayer d&#8217;imaginer comment l&#8217;Internet d&#8217;aujourd&#8217;hui pourra devenir un Internet riche&#8230; Avec Fabien, nous avons essayer de nous [...]]]></description> <content:encoded><![CDATA[<p>A travers cette troisi&egrave;me et derni&egrave;re partie du dossier sur les RIA et apr&egrave;s vous en avoir donner une <a
href="http://cozic.fr/post/Que-sont-les-applications-riches-RIA-Partie-1-Definition-et-usages-195">d&eacute;finition</a>, pr&eacute;senter <a
title="les technologies et quelques exemples" target="_blank" href="http://cozic.fr/post/Que-sont-les-applications-riches-RIA-Partie-2-Technologies-et-exemples-concrets-199">les technologies et quelques exemples</a>, il est maintenant temps de se projetter un peu dans l&#8217;avenir et d&#8217;essayer d&#8217;imaginer comment l&#8217;Internet d&#8217;aujourd&#8217;hui pourra <span
style="font-weight: bold;">devenir un Internet riche</span>&#8230; Avec <a
title="Fabien Deshayes" target="_blank" href="http://www.ziki.com/people/fdeshayes/">Fabien</a>,  nous avons essayer de nous concerter pour r&eacute;fl&eacute;chir un peu aux attentes  du march&eacute; actuel, &agrave; ce que les RIA pourraient y apporter et le  transformer mais aussi aux difficult&eacute;s, aux probl&egrave;mes que les RIA vont  rencontrer.</p><p>Cet article est d&eacute;coup&eacute; en 3 parties:</p><ul
type="disc"><li><a
href="http://cozic.fr/post/Que-sont-les-applications-riches-RIA-Partie-1-Definition-et-usages-195">Que sont les applications riches (RIA) ? &#8211; Partie 1 &#8211; D&eacute;finitions et usages</a>.</li><li><a
href="http://cozic.fr/post/Que-sont-les-applications-riches-RIA-Partie-2-Technologies-et-exemples-concrets-199"> Que sont les applications riches (RIA) ? &#8211; Partie 2 &#8211; Technologies et exemples concrets</a>.</li><li><strong>Que sont les applications riches (RIA) ? &#8211; Partie 3 &#8211; Quel futur pour l&#8217;Internet riche ?</strong></li></ul><p>&nbsp;</p><p
align="center"><img
alt="illustration ria" src="/wp-content/uploads/2006/illustration_ria_partie3.jpg" /></p><p>&nbsp;</p><p><font><span> </span></font> <span
style="font-weight: bold;">Le march&eacute; du web est en attente d&#8217;&eacute;volutions<br
/> </span><span><font>On ne va pas retracer ici l&#8217;histoire du web en d&eacute;tails mais si l&#8217;on fait </font></span><span><font>rapidement</font></span><span><font> un point, on se rend compte qu&#8217;apr&egrave;s avoir connu l&#8217;engouement de la  bulle de 2000 et les d&eacute;silusions qui ont suivi, le web a petit &agrave; petit  &eacute;volu&eacute; vers le Web2.0 avec tous les changements d&#8217;usages que cela  implique et que l&#8217;on connait. Aujourd&#8217;hui, on pourrait dire que le <strong>Web  a atteint une cr&ecirc;te</strong> dans son &eacute;volution dans le sens o&ugrave; les sites web<strong> se  dirigent vers les standards pos&eacute;s par le 2.0 sans pour autant  r&eacute;ellemment innover</strong>. L&#8217;innovation viendra, c&#8217;est &eacute;vident, et il est  facile de penser que cela pourrait passer par les RIA. Pourquoi un tel  choix ? Surement car l&#8217;<strong>Internet Riche</strong> de demain profitera des  &eacute;volutions de l&#8217;ergonomie, du design, de la facilit&eacute; d&#8217;utilisation et  de toutes les fonctionnalit&eacute;s riches qu&#8217;apporteront les nouvelles  technologies.</font></span></p><p><span
style="font-weight: bold;"><br
/> Ce qui est &agrave; venir et &agrave; suivre en fonctionnalit&eacute;s RIA<br
/> </span><span
style="font-weight: bold;"><img
width="300" height="168" align="right" alt="" style="margin-left: 10px;" src="/wp-content/uploads/2006/ria_experience.jpg" /></span><font><span>Fonctionnellement,  l&#8217;avenir des technologies riches est d&#8217;une part trac&eacute;e et d&#8217;autre part  assez floue. Etant un concept assez nouveau, on peut s&#8217;attendre &agrave;  d&eacute;couvrir encore de nombreuses nouveaut&eacute;s ; de plus, des technologies &agrave;  haut potentiel (Apollo, Silverlight) arrivent tout juste et permettront  surement de nouvelles utilisations encore inconnues &agrave; ce jour.  N&eacute;anmoins il existe d&eacute;j&agrave; des certitudes que l&#8217;on voit d&egrave;s &agrave; pr&eacute;sent  comme la pr&eacute;sence de la vid&eacute;o comme un moyen pertinent de faire passer  de l&#8217;information ou encore un parcours utilisateur qui peut &ecirc;tre  compl&eacute;tement r&eacute;invent&eacute; par rapport &agrave; ce que l&#8217;on connait aujourd&#8217;hui,  avec des possibilit&eacute;s d&#8217;interractions tr&egrave;s fortes avec les &eacute;l&eacute;ments de  l&#8217;interface. Par ailleurs, </span></font><span><font>un autre domaine &agrave; suivre pour les applications riches est celui du mobile avec les RMA (Rich Mobile Applications) qui commencent &agrave; voir el jour et qui permettront d&#8217;offrir les m&ecirc;mes services que des applications web, mais sur mobile !</font></span><span
style="font-weight: bold;"> </span><font><span> Enfin, s&#8217;il y a un domaine qui semble tr&egrave;s prometteur en termes de RIA, c&#8217;est sans doute celui de l&#8217;e-commerce.</span></font></p><p><span
style="font-weight: bold;"><br
/> L&#8217;e-commerce d&eacute;j&agrave; pr&ecirc;t &agrave; passer aux RIA/RDA<br
/> </span><font>L&#8217;e-commerce est l&#8217;un des business les  plus importants sur Internet. Tr&egrave;s d&eacute;velopp&eacute; lors de la premi&egrave;re bulle,  le besoin de renouveau se fait r&eacute;ellement ressentir pour arriver &agrave; se  d&eacute;marquer dans un march&eacute; tr&egrave;s concurrentiel. C&#8217;est pour cela qu&#8217;on voit  appara&icirc;tre de nombreuses initiatives de boutiques en ligne qui sont en  fait des RIA / RDA, et qui apportent certaines nouveaut&eacute;s non  n&eacute;gligeables : fluidit&eacute; de navigation, personnalisation des achats,  pr&eacute;visualisation plus d&eacute;taill&eacute;e, etc. Tout ces &eacute;l&eacute;ments (et ils sont  nombreux) offrent de nouvelles possibilit&eacute;s aux utilisateurs finaux, un  nouveau confort lors de leur visite sur une boutique. A travers ces  nouvelles exp&eacute;riences, les boutiques de diff&eacute;rents domaines peuvent se  d&eacute;marquer et encourager les utilisateurs &agrave; mieux consommer. En exemple, </font><font><span>on peut citer le </span></font><a
title="projet San Dimas d'eBay" target="_blank" href="http://fdeshayes.net/index.php?2007/06/25/127-application-riche-13-ebay-san-dimas">projet San Dimas d&#8217;eBay</a> <font><span>qui  est un exemple de RDA pour suivre ses ench&egrave;res de mani&egrave;re plus efficace  et enrichie. A ce sujet, Fabien a r&eacute;alis&eacute; une bonne analyse des </span></font><a
title="gains des Ria pour l'e-commerce" target="_blank" href="http://fdeshayes.net/index.php?2007/06/27/128-ria-et-e-commerce-quels-gains">gains des RIA pour l&#8217;e-commerce</a><font><span> et je vous invite &eacute;galement &agrave; lire </span></font><a
title="l'excellente tribune" target="_blank" href="http://www.imazine.fr/2007-05/e-commerce/e-commerce-futur/">l&#8217;excellente tribune</a><font><span> de Beno&icirc;t Chopin sur le sujet.</span></font></p><p><span
style="font-weight: bold;"><br
/> Ce qui est &agrave; venir et &agrave; suivre en termes de technologie<br
/> </span><font><span><img
width="150" height="96" align="left" alt="" style="margin-right: 5px;" src="/wp-content/uploads/2006/ria_room.jpg" />Nous  vous avons d&eacute;j&agrave; parl&eacute; des technologies dans la partie pr&eacute;c&eacute;dente de ce  dossier. Mais quel sera le futur de ces technologies qui sont encore  tr&egrave;s jeunes ? Il est difficile d&#8217;avoir une vision claire du panel de  technologies qui seront encore utilis&eacute;es dans 2/3 ans par exemple. Une  seule certitude : il faut des outils et des moyens pour s&#8217;occuper de  l&#8217;interface. A quoi s&#8217;attendre pour la suite ? Les plate-formes pouvant  b&eacute;n&eacute;ficier de ce genre d&#8217;interfaces seront de plus en plus nombreuses :  les t&eacute;l&eacute;phones portables repr&eacute;sentent une cible de choix pour tous les  &eacute;diteurs. La portabilit&eacute; est donc un enjeu cl&eacute; pour ces derniers.  Techniquement parlant, les interfaces seront graphiquement plus  avanc&eacute;es : plus de 3D, vid&eacute;os de meilleure qualit&eacute;, interaction  toujours plus grande&#8230; <br
/> Bien qu&#8217;il soit d&eacute;licat de chercher &agrave; d&eacute;finir ce qui est &agrave; venir  concernants ce genre de technologies, on ne peut &ecirc;tre que certain de  son &eacute;volution au vu des acteurs sur ce ma<br
/> rch&eacute; : Microsoft, Mozi<br
/> lla,  Adobe et Sun pour ne citer qu&#8217;eux !</span></font></p><p><span
style="font-weight: bold;"><br
/> Restons objectif aussi : les RIA n&#8217;ont pas que des avantages<br
/> </span>En effet, tout au long de ce dossier nous avons pr&eacute;sent&eacute;, Fabien et  moi-m&ecirc;me, ce qu&#8217;est l&#8217;Internet Riche avec peut-&ecirc;tre un enthousiaste  parfois non dissimul&eacute;. Et bien que ces nouveaux concepts et  technologies laissent pr&eacute;sager de tr&egrave;s bonnes choses, les RIA vont  devoir faire face &agrave; plusieurs probl&egrave;mes ou complications.   Tout d&#8217;abord, les RIA apportent beaucoup de changements d&#8217;un point de  vue utilisation d&#8217;un site Internet, on l&#8217;a vue dans ce dossier. La  navigation dans un site riche ou l&#8217;utilisation d&#8217;une application riche  peut &ecirc;tre quelque chose de radicalement diff&eacute;rent de ce que l&#8217;on a  l&#8217;habitude de voir au quotidien. M&ecirc;me si de nouvelles technologies sont  l&agrave; et que les possibilit&eacute;s sont &eacute;normes, l&#8217;une des principales  difficult&eacute;s sera certainement donc le temps imparti &agrave; l&#8217;apprentissage,  &agrave; la d&eacute;couverte de ses nouveaux usages. Changer les moeurs et les  habitudes de navigation ne se comptera surement pas en mois mais plut&ocirc;t  en ann&eacute;es&#8230;<br
/> Ensuite, et en ce qui concerne les technologies, on va voir tr&egrave;s  rapidement se dessiner une vraie guerre des solutions possibles et des  acteurs les proposant. Certes, ce ph&eacute;nom&egrave;ne est courant dans  l&#8217;informatique et a toujours profit&eacute; &agrave; l&#8217;utilisateur final, mais ici  cela pourrait poser probl&egrave;me. En effet, ces technologies n&eacute;cessitent  l&#8217;installation de plugins pour pouvoir se d&eacute;ployer ou de CLR dans le  cas des RDA, et chaque technologie poss&egrave;de les siens. Face &agrave; cette  multiplicit&eacute; de technologies, les &eacute;diteurs vont &eacute;galement devoir  rapidement faire un choix, bien souvent strat&eacute;gique sur le long terme  car il implique de rester sur la technologie choisie pour un bon  moment. En outre, chacune des solutions propos&eacute;es par les acteurs ont  leurs atouts et leurs points faibles mais reste encore pour la plus  part en phase b&eacute;t&acirc; au sens propre du terme avec les probl&egrave;mes que cela  peut entrainer pour le d&eacute;veloppement, la mise en production et les  &eacute;volutions futures&#8230;<br
/> Enfin, on retrouve certains probl&egrave;mes connus avec Flash et inh&eacute;rents  aux interfaces riches comme des difficult&eacute;s dans le r&eacute;f&eacute;rencement d&#8217;un  site ou encore une accessibilit&eacute; pas toujours assur&eacute;e&#8230;</p><p
align="center"><img
width="300" height="300" alt="" src="/wp-content/uploads/2006/ria_experience2.jpg" /></p><p><span
style="font-weight: bold;"><br
/> Comment suivre l&#8217;actualit&eacute; des RIA ?<br
/> </span></p><ul><li>En vous abonnant au <a
title="flux RSS de ce blog" target="_blank" href="http://feeds.feedburner.com/aysoon">flux RSS de ce blog</a> ou en consultant r&eacute;guli&egrave;rement le <a
href="http://cozic.fr/tag/ria" target="_blank">tag d&eacute;di&eacute; aux RIA</a>.</li><li>En suivant le blog de Fabien <a
title="Du client riche &agrave; un Internet riche" target="_blank" href="http://fdeshayes.net/">Du client riche &agrave; un Internet riche</a> (rss).</li><li>En parcourant le <a
title="blog pro de Fr&eacute;d&eacute;ric Cavazza" target="_blank" href="http://www.fredcavazza.net">blog pro de Fr&eacute;d&eacute;ric Cavazza</a> qui publie r&eacute;guli&egrave;rement de tr&egrave;s bons billets de fonds sur le sujet.</li><li>En lisant le blog d&eacute;di&eacute; <a
title="Interfaces-Riches.com" target="_blank" href="http://www.interfaces-riches.com">Interfaces-Riches.com</a>.</li><li>En d&eacute;couvrant le blog US de Ryan Stewart <a
title="The Universal Desktop" target="_blank" href="http://blogs.zdnet.com/Stewart/">The Universal Desktop</a>.</li></ul><p><span
style="font-weight: bold;"><br
/> En conclusion de ce dossier <br
/> </span>A travers les 3 parties de ce dossier, nous avons essay&eacute;, Fabien  et moi-m&ecirc;me, de vous pr&eacute;senter dans sa globalit&eacute; ce que sont les <span
style="font-style: italic;">Rich Internet/Desktop Application</span> et donc ce que sera l&#8217;<span
style="font-weight: bold;">Internet Riche</span> de demain. Plusieurs choses sont &agrave; retenir. L&#8217;Internet Riche marquera  enfin le d&eacute;but d&#8217;une vraie collaboration entre graphistes et  d&eacute;veloppeurs. Ce mariage permettra la cr&eacute;ation d&#8217;interfaces &eacute;volu&eacute;es  avec des ergonomies pens&eacute;es en amont de toute phase de cr&eacute;ation pour  imaginer de nouveaux les usages du web, et ainsi replacer l&#8217;utilisateur  au centre des r&eacute;fl&eacute;xions et des applications cr&eacute;&eacute;s. Si l&#8217;interface doit  &eacute;voluer, cela se fera &agrave; travers toutes les nouvelles technologies que  nous vous avons pr&eacute;sent&eacute;es. Bien qu&#8217;encore au stade de d&eacute;veloppement  pout la plupart, toutes les d&eacute;mos qui circulent sur le web laissent  appara&icirc;tre clairement le potentiel existant.   Nous sommes donc tr&egrave;s enthousiastes pour l&#8217;avenir parce que, ce qui  semble encore pour certains n&#8217;&ecirc;tre qu&#8217;une nouvelle &egrave;re du Flash-like,  nous semble &agrave; nous la porte ouverte &agrave; un nouveau web, un web o&ugrave; l&#8217;on  parle d&#8217;<span
style="font-weight: bold;">exp&eacute;rience utilisateur</span> et qui n&#8217;aura de limite que <span
style="font-weight: bold;">la cr&eacute;ativit&eacute;</span> des &eacute;quipes de graphistes et d&eacute;veloppeurs&#8230;</p> ]]></content:encoded> <wfw:commentRss>http://blog.cozic.fr/que-sont-les-applications-riches-ria-partie-3-quel-futur-pour-linternet-riche-209/feed</wfw:commentRss> <slash:comments>8</slash:comments> </item> <item><title>Que sont les applications riches (RIA) ? - Partie 2 - Technologies et exemples concrets</title><link>http://blog.cozic.fr/que-sont-les-applications-riches-ria-partie-2-technologies-et-exemples-concrets-199</link> <comments>http://blog.cozic.fr/que-sont-les-applications-riches-ria-partie-2-technologies-et-exemples-concrets-199#comments</comments> <pubDate>Mon, 11 Jun 2007 14:53:00 +0000</pubDate> <dc:creator>Frédéric Cozic</dc:creator> <category><![CDATA[Web]]></category> <category><![CDATA[dossier]]></category> <category><![CDATA[Interfaces riches]]></category> <category><![CDATA[ria]]></category> <category><![CDATA[web innovant]]></category> <guid
isPermaLink="false">http://vds1042.sivit.org/aysoon.com/ftp/blog/?p=197</guid> <description><![CDATA[Apr&#232;s avoir essay&#233; de vous pr&#233;senter une d&#233;finition des RIA et les usages auxquels on peut s&#8217;attendre pour ce nouvel Internet, je vous propose maintenant, dans cette seconde partie du dossier, de d&#233;tailler les diff&#233;rents acteurs du march&#233; avec les diff&#233;rentes technologies &#224; travers lesquelles les RIA et RDA peuvent &#234;tre d&#233;velopp&#233;es. Puis je listerai [...]]]></description> <content:encoded><![CDATA[<p>Apr&egrave;s avoir essay&eacute; de vous pr&eacute;senter une <a
href="http://cozic.fr/post/Que-sont-les-applications-riches-RIA-Partie-1-Definition-et-usages-195">d&eacute;finition des RIA et les  usages</a> auxquels on peut s&#8217;attendre pour ce nouvel Internet, je vous  propose maintenant, dans cette seconde partie du dossier, de d&eacute;tailler  les diff&eacute;rents acteurs du march&eacute; avec les diff&eacute;rentes technologies &agrave;  travers lesquelles les RIA et RDA peuvent &ecirc;tre d&eacute;velopp&eacute;es. Puis je  listerai des exemples concrets de RIA d&eacute;j&agrave; existantes avant d&#8217;&eacute;tudier  le cas particulier des widgets. Toujours &eacute;paul&eacute; par <a
href="http://www.ziki.com/people/fdeshayes/" target="_blank" title="Fabien Deshayes">Fabien Deshayes</a> qui tient un blog  sur l&#8217;<a
href="http://fdeshayes.net/" target="_blank" title="Internet riche">Internet  riche</a> (<a
href="http://feeds.feedburner.com/FabienDeshayes" title="rss">rss</a>),  nous allons essayer d&#8217;&ecirc;tre pr&eacute;cissans trop rentrer dans les d&eacute;tails  pour autant, afin de garder une vision global du sujet.</p><p>Cet article est  d&eacute;coup&eacute; en 3 parties:</p><ul
type="disc"><li><a
href="http://cozic.fr/post/Que-sont-les-applications-riches-RIA-Partie-1-Definition-et-usages-195" target="_blank">Que sont les applications riches (RIA) ? &#8211; Partie 1 &#8211;       D&eacute;finitions et usages</a>.</li><li><strong>Que sont les applications       riches (RIA) ? &#8211; Partie 2 &#8211; Technologies et exemples concrets.</strong></li><li><a
href="http://cozic.fr/post/Que-sont-les-applications-riches-RIA-Partie-3-Quel-futur-pour-lInternet-riche-209">Que sont les applications       riches (RIA) ? &#8211; Partie 3 &#8211; Quel futur pour l&#8217;Internet riche ?</a></li></ul><p>&nbsp;</p><p
align="center"><img
alt="illustration ria" src="/wp-content/uploads/2006/illustration_ria_partie2.jpg" /></p><p><strong>Les diff&eacute;rents acteurs du march&eacute; des RIA</strong><br
/> Pour  construire des RIA et des RDA, il existe de nombreuses technologies,  toutes relativement r&eacute;centes, et venant de diff&eacute;rents acteurs de  l&#8217;Internet&nbsp; pour la plupart. Ce positionnement sur un march&eacute; en pleine  construction prouve bien que les RIA repr&eacute;sentent un investissement  d&#8217;avenir, alors qu&#8217;on en parlait encore peu il y a 3 ans. Parmi ces  acteurs on trouve principalement <strong>Adobe</strong>, <strong>Microsoft </strong>et <strong>Mozilla </strong>qui  ont chacun d&eacute;velopp&eacute; des technologies diff&eacute;rentes et bien &eacute;videmment  non interop&eacute;rables. N&eacute;anmoins chacune d&#8217;entre elles d&eacute;coulent d&#8217;une  technologie d&eacute;j&agrave; en place chez ces acteurs (comme Flex qui se base sur  Flash, etc&#8230;) A cot&eacute; de ces g&eacute;ants du web, de plus en plus d&#8217;acteurs  essayent de se positionner sur ce march&eacute;. Il serait dur de les lister  ici de mani&egrave;re exhaustives mais on peut citer Laszlo Systems, AOL ou  encore Google qui propose des RIA depuis d&eacute;j&agrave; un moment mais n&#8217;a pas de  technologie &agrave; proprement parl&eacute; mais plut&ocirc;t de puissantes API ouvertes  et facilement exploitable.</p><p>&nbsp;</p><p><strong>Les technologies pour cr&eacute;er des RIA</strong><br
/> Parmi tous  ces acteurs, voici les technologies correspondantes et permettant de  concevoir des Application Riches sur Internet (RIA) :</p><ul
type="disc"><li><img
width="40" height="40" align="left" alt="" style="margin-right: 5px;" src="/wp-content/uploads/2006/Adobe Flex 3 mini.jpg" />Adobe tout d&#8217;abord, qui en       rachetant Macromedia, a profit&eacute; de la solution <strong><a
href="http://labs.adobe.com/technologies/flex/" target="_blank">Flex</a> </strong>pour  &eacute;vang&eacute;liser les RIA. En basant leur solution autour du Flash qui  profite de 10 ans d&#8217;existence et d&#8217;un taux de p&eacute;n&eacute;tration de 98%, Adobe  joue la carte du graphisme pour ses outils. Maintenant en version 2, et  depuis aujourd&rsquo;hui en b&eacute;ta 1 pour sa troisi&egrave;me version, Flex       est une solution robuste disposant de bons outils et d&#8217;une communaut&eacute;.</li><li><img
width="40" height="40" align="left" src="/wp-content/uploads/2006/mozilla_xul.jpg" style="margin-right: 5px;" alt="" />Mozilla  est le premier a avoir mis en avant l&#8217;utilisation d&#8217;un grammaire XML  pour d&eacute;crire une interface &quot;riche&quot;, en tout cas plus que ce que propose  l&#8217;HTML. Ainsi est sorti <a
href="http://www.mozilla.org/projects/xul/" target="_blank"><strong>XUL</strong></a>, qui permet de d&eacute;crire  des applications riches et qui se base sur l&#8217;environnement XulRunner  pour s&#8217;ex&eacute;cuter. Ces solutions sont bien &eacute;videmment open source et  gratuites, mais surtout se basant sur des normes certifi&eacute;es.</li><li><img
width="40" height="40" align="left" src="/wp-content/uploads/2006/silverlight.jpg" alt="silverlight" style="margin-right: 5px;" />Microsoft  est le dernier des trois acteurs majeurs arriv&eacute;s sur le domaine des RIA  tr&egrave;s r&eacute;cemment en annon&ccedil;ant lors de sa conf&eacute;rence MIX d&#8217;avril dernier <a
href="http://www.microsoft.com/silverlight/" target="_blank"><strong>Silverlight</strong></a>,  un plugin pour navigateur couramment appel&eacute; Flash-killer. Bien qu&#8217;ayant  ses diff&eacute;rences avec Flash, Silverlight reste impressionnant pour ses  capacit&eacute;s techniques et sa gestion de la vid&eacute;o (notion tr&egrave;s importante  dans les RIA).</li><li><img
width="40" height="40" align="left" src="/wp-content/uploads/2006/google_mini.jpg" style="margin-right: 5px;" alt="" />M&ecirc;me si Google ne fournit       pas une technologie &agrave; part enti&egrave;re, on l&#8217;a dit, le g&eacute;ant californien       propose <strong>un nombre cons&eacute;quents d&#8217;API</strong> permettant de cr&eacute;er       des RIA comme <a
href="http://code.google.com" target="_blank">API Ajax</a> ou permettant d&#8217;utiliser des RIA d&eacute;j&agrave; existantes       comme API Maps.</li><li><strong><img
width="40" height="40" align="left" src="/wp-content/uploads/2006/openlaszlo.jpg" alt="openlaszlo" style="margin-right: 5px;" /><a
href="http://www.openlaszlo.org/" target="_blank">OpenLaszlo</a></strong>,  d&eacute;velopp&eacute; depuis 6 ans en open source par Laszlo Systems, est  comparable &agrave; Flex dans le sens o&ugrave; il permet de d&eacute;velopper des RIA qui  seront ensuite visible via le plugin Flash Player, mais peut &eacute;galement g&eacute;n&eacute;rer du html / ajax.</li><li><strong><a
href="http://www.wazaabi.org/" target="_blank" title="Wazaabi">Wazaabi</a></strong> est un RCP Eclipse permettant de cr&eacute;er des RIA en J2EE en se basant sur du       XUL.</li><li>Bien  &eacute;videmment, il existe de nombreuses autres solutions de cr&eacute;ation de  RIA. Pour plus de d&eacute;tails, vous pouvez consulter <strong><a
href="http://www.fdeshayes.net/index.php?q=technologie+riche+%23" title="ces fiches sur les technologies riches">ces fiches sur les       technologies riches</a></strong>.</li></ul><p>&nbsp;</p><p><strong>Les technologies pour cr&eacute;er des RDA<br
/> </strong>En ce qui concerner les Applications Riches pour Bureau (RDA),  les technologies sont encore plus &eacute;mergentes et donc on trouve moins de  choix pour d&eacute;velopper des RDA&#8230; Mais cela ne cesse de progresser :</p><ul
type="disc"><li><img
width="40" height="40" align="left" alt="" style="margin-right: 5px;" src="/wp-content/uploads/2006/Adobe Apollo.jpg" />Au d&eacute;but de l&#8217;ann&eacute;e, Adobe       a sorti en version alpha sa solution de cr&eacute;ation de RDA, <strong>Apollo</strong>,  qui permet de r&eacute;aliser des applications Flex mais hors du navigateur,  profitant donc des avantages d&#8217;une application de bureau. Depuis  aujourd&#8217;hui, cette technologie est disponible en b&eacute;ta et sous son  nouveau nom <a
href="http://labs.adobe.com/technologies/air/" target="_blank"><strong>AIR</strong></a> (Adobe Integrated Runtime).</li><li><img
width="95" height="40"<br /> align="left" alt="" style="margin-right: 5px;" src="/wp-content/uploads/2006/winfx_mini.jpg" />Microsoft a lui propos&#038;e<br
/> acute; WPF       pour <a
href="http://msdn2.microsoft.com/en-us/netframework/aa663326.aspx" target="_blank"><strong>Windows Presentation Foundation</strong></a>.  Cette solution est la couche de pr&eacute;sentation du Framework .NET 3.0, et  permet de r&eacute;aliser facilement des interfaces, en se basant &eacute;galement  sur le XAML (comme Silverlight). Il peut toutefois g&eacute;rer plus de  fonctionnalit&eacute;s, comme par exemple de la 3D.</li><li><a
href="http://www.mozilla.org/projects/xul/" target="_blank"><strong>XUL</strong></a> de Mozilla permet &eacute;galement, en se basant sur l&#8217;environnement  d&#8217;ex&eacute;cution XulRunner, de cr&eacute;er et d&#8217;utiliser des RDA. Joost en est le  parfait exemple.</li><li>Il existe d&#8217;autres technologies  permettant de cr&eacute;er des RDA. Toutefois, la plupart n&#8217;en sont qu&#8217;&agrave; leur  pr&eacute;mices et se d&eacute;couvrent petit &agrave; petit. Enfin, on pourrait tout de  m&ecirc;me citer <a
href="http://dev.aol.com/boxely/index.html" target="_blank"><strong>Boxely</strong></a> d&#8217;AOL qui propose une approche assez       semblable bien que l&eacute;g&egrave;re, et surtout <a
href="http://www.dekoh.com/" target="_blank"><strong>Dekoh</strong></a>, plus       prometteur pour porter des applications Rails sur le bureau.</li></ul><p>&nbsp;</p><p><strong>Des exemples ?</strong><br
/> Voici quelques exemples d&#8217;applications riches :</p><ul
type="disc"><li><img
width="86" height="60" align="left" src="/wp-content/uploads/2006/if_screen.jpg" style="margin-right: 5px;" alt="" /><a
href="http://www.if.com/" target="_blank" title="Aller voir Intelligent finance mortgage calculator">Intelligent       finance mortgage calculator</a> (cliquer sur <em>offset calculation</em>)  : c&#8217;est application permet de simuler un emprunt bancaire, pour l&#8217;achat  d&#8217;une maison par exemple. Au del&agrave; de l&#8217;enchainement des formulaires &agrave;  remplir, il est int&eacute;ressant de voir la repr&eacute;sentation graphique des  donn&eacute;es (l&#8217;&eacute;ch&eacute;ancier) qui utilise des diagrammes pour permettre de  faciliter la vision des paiements &agrave; l&#8217;utilisateur. L&#8217;optique ici est  d&#8217;offrir, par un graphisme plus pouss&eacute;e, une repr&eacute;sentation plus  parlante car plus visuelle.</li><li><img
width="83" height="60" align="left" src="/wp-content/uploads/2006/google_docs.jpg" style="margin-right: 5px;" alt="" /><a
href="http://docs.google.com/" target="_blank" title="Aller voir Google docs">Google docs</a> : il s&#8217;agit de l&#8217;un des nombreux traitements de texte en ligne ;  celui-ci est propos&eacute; par Google, parmi toute une suite d&#8217;applications  pourvues d&#8217;une m&ecirc;me charte graphique. Les fonctionnalit&eacute;s que cette  application offre sont basiques mais conviennent &agrave; la majorit&eacute; des  besoins, et surtout il d&eacute;centralise l&#8217;information hors de l&#8217;ordinateur  personnel, en permettant &eacute;galement le travail collaboratif.</li><li><img
width="84" height="60" align="left" src="/wp-content/uploads/2006/top_banane.jpg" style="margin-right: 5px;" alt="" /><a
href="http://metaliq.com/portfolio/silverlight.html" target="_blank" title="Aller voir Top Banana">Top banana</a> (<a
href="http://download.microsoft.com/download/8/5/0/85096922-090d-4dfa-96b6-f74810411973/FullCut2.wmv" target="_blank" title="Allez voir la vid&eacute;o de d&eacute;monstration de Top Banana">vid&eacute;o       de d&eacute;monstration</a>)  est une application riche bas&eacute;e autour de la retouche vid&eacute;o. Profitant  des derni&egrave;res possibilit&eacute;s technologiques, elle offre une sorte de  webtop ou positionner ses vid&eacute;os, puis permet de les d&eacute;couper et d&#8217;en  concat&eacute;ner plusieurs. La fluidit&eacute; et la qualit&eacute; sont bluffantes.</li><li><img
width="80" height="60" align="left" alt="" src="/wp-content/uploads/2006/clickshirt.jpg" style="margin-right: 5px;" /><a
href="http://www.click-shirt.com/" target="_blank" title="Click-shirt.com">Click-shirt.com</a> est une magnifique d&eacute;monstration de ce qui l&#8217;est possible de faire en  terme d&#8217;e-commerce avec du RIA et laisse facilement imaginer tout ce  que l&#8217;on va voir petit &agrave; petit se d&eacute;velopper en termes de ventes en  ligne.<br
/> &nbsp;&nbsp;</li><li><img
width="76" height="60" align="left" alt="" style="margin-right: 5px;" src="/wp-content/uploads/2006/picnik_mini.jpg" /><a
href="http://www.picnik.com/" target="_blank" title="Allez voir Picnik">Picnik</a> est une application riche de retouche de photos en ligne. Elle permet  par exemple des traitements simples comme le recadrage ou la mise en  noir et blanc, et d&#8217;autres plus complexes comme un syst&egrave;me anti yeux  rouges ou l&#8217;application d&#8217;effets. De plus, elle propose une dimension  sociale en permettant de partager directement ses photos sur FlickR ou  facebook.</li><li><img
width="80" height="60" align="left" src="/wp-content/uploads/2006/joost_mini.jpg" style="margin-right: 5px;" alt="" /><a
href="http://www.joost.com/" target="_blank" title="Aller voir Joost">Joost</a> est une application riche de bureau offrant la t&eacute;l&eacute;vision en haute  qualit&eacute; par l&#8217;Internet, gr&acirc;ce &agrave; un syst&egrave;me de peer-to-peer. Elle offre  plusieurs aspects tr&egrave;s int&eacute;ressants au del&agrave; de la performance technique  : une interface r&eacute;ussie, une bonne gestion de la vid&eacute;o, etc.<br
/> &nbsp;</li><li><img
width="80" height="60" align="left" src="/wp-content/uploads/2006/fnac_comprateur.jpg" style="margin-right: 5px;" alt="" />Le <a
href="http://www.fnac.com/Magazine/logiciels_jeux/themas/windows_vista/decouvrir4d.asp?NID=%2D4&amp;RNID=%2D4&amp;Origin=FnacAff&amp;SID=169d5d53%2D8f77%2D6a1e%2D332b%2D38a3abb83775&amp;UID=0aa5be4a4%2D1297%2D54df%2D5a41%2Dd02a760b375b&amp;OrderInSession=1&amp;TTL=010220070018" title="comparateur de la Fnac">comparateur de la Fnac</a> (compatible Internet Explorer uniquement) en version RIA d&eacute;velopp&eacute;e  gr&acirc;ce Silverligth a &eacute;t&eacute; un pr&eacute;curseur dans les RIA fran&ccedil;aises et ne  constitue encore qu&#8217;en prototype cr&eacute;&eacute; pour tester la capacit&eacute; de ses  nouvelles technologies.&nbsp;<br
/> &nbsp;</li><li><img
width="82" height="60" align="left" src="/wp-content/uploads/2006/popfly_mini.jpg" style="margin-right: 5px;" alt="" /><a
href="http://www.popfly.ms/" title="Popfly">Popfly</a> (<a
href="http://msdn.microsoft.com/vstudio/media/en/popfly/PopFlyin15.wvx" target="_blank" title="vid&eacute;o de dm&eacute;onstration">vid&eacute;o de d&eacute;monstration</a> )est une application web riche qui permet de faire des mashups  facilement en se basant sur Silverlight pour r&eacute;aliser son but.<p> &nbsp;</li></ul><p>&nbsp;</p><p><strong>Le cas des widgets</strong><br
/> <img
align="right" src="/wp-content/uploads/2006/widgets.jpg" alt="widgets" style="margin-left: 5px;" /> Le cas des widgets est tr&egrave;s int&eacute;ressants car il est <strong>transverse </strong>:  on retrouve des widgets <strong>sur internet</strong> et donc comme un RIA mais  aussi <strong>sur le bureau</strong> comme des RDA. En effet, il existe de plus en plus de plateforme  proposant des widgets &agrave; int&eacute;grer sur son site sous le forme d&rsquo;une mini  application ind&eacute;pendante poss&eacute;dante une interface agr&eacute;able. Que l&rsquo;on  consid&egrave;re les gadgets de Google, les modules Netvibes, le widget  MyBlogLog, celui de Criteo ou encore tous ceux disponibles sur le site  Widgetbox.com , les widgets sont entrain d&rsquo;envahir Internet trouvant  toujours plus de <strong>nouvelles applications</strong>. Parti  int&eacute;grantes des nouveaux OS comme Vista ou MacOS X Leopard, ces  nouveaux &eacute;l&eacute;ments interactifs annoncent tout un tas de nouveaux usages  du m&eacute;dia Internet&hellip; J&rsquo;aurai l&rsquo;occasion d&rsquo;aborder le sujet plus en  d&eacute;tails dans un prochain billet.</p><p><strong>En conclusion</strong><br
/> Les RIA ne sont pas une simple  nouvelle approche d&#8217;Internet. Les principaux acteurs du web de<br
/> positionnent d&eacute;j&agrave; depuis plusieurs ann&eacute;es sur ce qui semble &ecirc;tre le  devenir des interfaces et usages du web. De nombreux ex<br
/> emples existent  d&eacute;j&agrave; sur le web et les d&eacute;veloppeurs semblent de plus en plus ma&icirc;trisent  toutes les nouvelles fonctionnalit&eacute;s offertes par ces technologies. Si  l&#8217;objectif reste le m&ecirc;me pour tous &agrave; savoir simplifier les usages  d&#8217;Internet et en rendre l&#8217;utilisation toujours plus intuitive et  agr&eacute;able, les approches des diff&eacute;rents acteurs ne sont pas les m&ecirc;mes  et les technologies qui en d&eacute;coulent non interop&eacute;rables ce qui laissent  sous entendre comme &agrave; chaque fois une lourde concurrence entre eux&#8230; Il ne reste plus qu&#8217;&agrave; imaginer <a
href="http://cozic.fr/post/Que-sont-les-applications-riches-RIA-Partie-3-Quel-futur-pour-lInternet-riche-209">ce que sera le web de  demain</a>&#8230; un web riche sans aucun doute.</p> ]]></content:encoded> <wfw:commentRss>http://blog.cozic.fr/que-sont-les-applications-riches-ria-partie-2-technologies-et-exemples-concrets-199/feed</wfw:commentRss> <slash:comments>20</slash:comments> </item> <item><title>Que sont les applications riches (RIA) ? - Partie 1 - Définition et usages.</title><link>http://blog.cozic.fr/que-sont-les-applications-riches-ria-partie-1-definition-et-usages-195</link> <comments>http://blog.cozic.fr/que-sont-les-applications-riches-ria-partie-1-definition-et-usages-195#comments</comments> <pubDate>Mon, 04 Jun 2007 11:07:00 +0000</pubDate> <dc:creator>Frédéric Cozic</dc:creator> <category><![CDATA[Web]]></category> <category><![CDATA[dossier]]></category> <category><![CDATA[Interfaces riches]]></category> <category><![CDATA[ria]]></category> <category><![CDATA[web innovant]]></category> <guid
isPermaLink="false">http://vds1042.sivit.org/aysoon.com/ftp/blog/?p=193</guid> <description><![CDATA[Le web est un milieu qui &#233;volue rapidement on le sait. L&#8217;&#233;cosyst&#232;me qu&#8217;il constitue change en fonctions des usages que l&#8217;on en fait ou des technologies utilis&#233;es. L&#8217;une des &#233;volutions majeures qu&#8217;il va conna&#238;tre sera sans aucun doute les applications dites &#34;riches&#34;, RIA, RDA ou encore &#34;Internet Riche&#34;. Bref beaucoup de d&#233;nominations derri&#232;re un concept [...]]]></description> <content:encoded><![CDATA[<p>Le web est un milieu qui &eacute;volue rapidement on le sait. L&#8217;&eacute;cosyst&egrave;me qu&#8217;il   constitue change en fonctions des usages que l&#8217;on en fait ou des technologies   utilis&eacute;es. L&#8217;une des &eacute;volutions majeures qu&#8217;il va conna&icirc;tre sera sans aucun   doute les applications dites &quot;riches&quot;, RIA, RDA ou encore &quot;Internet Riche&quot;.   Bref beaucoup de d&eacute;nominations derri&egrave;re un concept trop souvent jug&eacute; complexe   dans sa compr&eacute;hension tout comme dans sa d&eacute;finition. Il est donc temps pour   moi de commencer &agrave; vous en parler un peu plus souvent. Mais avant tout je   voudrais essayer de vous pr&eacute;senter le concept en tentant d&#8217;&ecirc;tre simple et &agrave; la   fois complet. Pour cela je me suis entour&eacute; de <a
title="Fabien Deshayes" target="_blank" href="http://www.ziki.com/people/fdeshayes/">Fabien   Deshayes</a>, jeune ing&eacute;nieur de l&#8217;Epita et sp&eacute;cialiste du sujet, qui tient un   tr&egrave;s bon blog exclusivement sur   l&#8217;<a
title="Internet riche" target="_blank" href="http://fdeshayes.net">Internet   riche</a> (<a
title="rss" href="http://feeds.feedburner.com/FabienDeshayes">rss</a>) et   que je remercie vivement pour sa grande implication et sa r&eacute;activit&eacute;.</p><p> Cet article est d&eacute;coup&eacute; en 3 parties:</p><ul
type="disc"><li><strong>Que sont les applications riches (RIA) ? &#8211; Partie 1 &#8211; D&eacute;finitions et usages.</strong></li><li><a
href="http://cozic.fr/post/Que-sont-les-applications-riches-RIA-Partie-2-Technologies-et-exemples-concrets-199">Que sont les applications riches (RIA) ? &#8211; Partie 2 &#8211; Technologies et     exemples concrets.</a></li><li><a
href="http://cozic.fr/post/Que-sont-les-applications-riches-RIA-Partie-3-Quel-futur-pour-lInternet-riche-209">Que sont les applications riches (RIA) ? &#8211; Partie 3 &#8211; Quel futur pour     l&#8217;Internet riche ?</a></li></ul><p>&nbsp;</p><p
align="center"><img
width="450" height="486" src="/wp-content/uploads/2006/illustration_ria_partie1.jpg" alt="" /></p><p>&nbsp;</p><p><strong>D&eacute;finition g&eacute;n&eacute;rale de l&#8217;Internet Riche<br
/> </strong>L&#8217;<em>Internet riche</em><strong> </strong>est le terme souvent   employ&eacute; pour qualifier toutes les <strong>nouveaux types d&#8217;interface</strong>,   d&#8217;<strong>ergonomie </strong>ou d&#8217;<strong>usages </strong>que l&#8217;on trouve sur Internet. D&#8217;un scope   tr&egrave;s large, ce terme a du mal &agrave; trouver une d&eacute;finition exacte car il ne s&#8217;agit   pas d&#8217;un concept nouveau, apparu &agrave; une date pr&eacute;cise mais plut&ocirc;t, et comme bien   souvent, d&#8217;&eacute;volutions faites petit &agrave; petit sur le Web. Chaque acteur cr&eacute;ant   une nouvelle application web regarde toujours ce que la concurrence a fait   pr&eacute;c&eacute;demment et c&#8217;est en reprenant de bonnes id&eacute;es et en les am&eacute;liorant que   les grandes &eacute;volutions voient le jour. C&#8217;est un peu de cette mani&egrave;re que   l&#8217;Internet riche s&#8217;est construit mois apr&egrave;s mois. Si des ergonomies nouvelles   et par cons&eacute;quent des usages nouveaux d&#8217;Internet ont &eacute;t&eacute; les fondations de ce   que l&#8217;on nomme Internet riche, ce concept englobe aujourd&#8217;hui beaucoup de   choses et de notions diff&eacute;rentes. Que cela soit en fonction de la plateforme   sur lesquels les services sont d&eacute;velopp&eacute;s : navigateur Internet pour RIA,   syst&egrave;me d&#8217;exploitation directement pour RDA ou que cela soit pour ce qui est   des technos qui ont vu le jour autour de ce concept ou encore pour les   designs qui ont suivi cette tendance de tr&egrave;s pr&egrave;s ( les services dit <em>riches </em>sont souvent faits de mani&egrave;res &agrave; faciliter l&#8217;ajout de   composant personnalisables), l&#8217;Internet riche regroupe aujourd&#8217;hui une   multitude de concepts divers et vari&eacute;s trouvant un axe commun dans la <strong>volont&eacute; de changer les usages et de rendre la navigation toujours plus simple et intuitive</strong>.</p><p>Le terme (imagin&eacute; par Macromedia dans un White Paper en <strong>mars 2002</strong> et   disponible <a
title="ici" href="http://download.macromedia.com/pub/flash/whitepapers/richclient.pdf">ici</a> (PDF) pour ceux que cela int&eacute;resse) est donn&eacute; &eacute;galement en comparaison des   interfaces que l&#8217;on trouvait sur le Web il y a 5 ans. Celles-ci &eacute;taient con&ccedil;u   &agrave; l&#8217;&eacute;poque de mani&egrave;re tr&egrave;s carr&eacute;e, sans originalit&eacute; entre les diff&eacute;rents sites   web et avec le d&eacute;sir de s&#8217;occuper plus du fond que de la forme du site.   Aujourd&#8217;hui, sans n&eacute;gliger le fond bien &eacute;videmment, la forme d&#8217;un site et son   utilisation (re)deviennent deux &eacute;l&eacute;ments essentiels dans la conception   d&#8217;application web. Les RIA permettent d&#8217;apporter alors un lot impressionnant   de possibilit&eacute;s suppl&eacute;mentaires pour cela. Par ailleurs, on peut &ecirc;tre s&ucirc;r que,   d&#8217;ici 3-4 ans, ces concepts seront devenus monnaie courante et que l&#8217;on se   souviendra de l&#8217;Internet riche comme une &eacute;volution des usages plut&ocirc;t que comme   une r&eacute;volution d&#8217;Internet &agrave; part enti&egrave;re.</p><p>Enfin et par abus de langage, il est commun d&#8217;appeler RIA tout ce qui englobe   l&#8217;Internet riche m&ecirc;me si ce n&#8217;est en r&eacute;alit&eacute; qu&#8217;une partie de toutes les (r)&eacute;volutions de l&#8217;Internet riche.</p><p>&nbsp;</p><p><strong>Qu&#8217;est ce que RIA ?</strong><br
/> Les RIA pour <em>Rich Internet Application </em>offrent de <strong>nouvelles   possibilit&eacute;s aux utilisateurs en les ouvrants au plus grand nombre</strong>.   Au del&agrave; d&#8217;un aspect &quot;rich media&quot;, c&#8217;est &agrave; dire permettant par exemple   l&#8217;utilisation de vid&eacute;os, ou de musique facilement, il faut ajouter une   nouvelle perception de la navigation : le mod&egrave;le de page en page n&#8217;existe   plus. Les codes ont chang&eacute;s : un bouton de formulaire ne va pas forc&eacute;ment   recharger toute la page, il peut par exemple avoir une influence sur une   partie de la page ou charger une image. Ce sont des concepts tr&egrave;s bien repris   par <a
title="Aller voir Gmail" target="_blank" href="http://www.gmail.com">Gmail</a> par exemple, en simulant des comportements d&#8217;un vrai client mail, tout en   offrant les avantages du net : acc&egrave;s &agrave; un m&ecirc;me point, de n&#8217;importe o&ugrave;. Cela   permet donc de d&eacute;centraliser les donn&eacute;es en ligne. Les technologies utilis&eacute;es   ont permis une adaptation simple des utilisateurs car les comportements que l&#8217;on retrouve sont plut&ocirc;t mim&eacute;s par rapport &agrave; une application classique.</p><p>&nbsp;</p><p><strong>Qu&#8217;est ce que RDA ?</strong><br
/> Les RDA pour <em>Rich Desktop Application </em>apportent ce que l&#8217;on trouve   sur le web sur le bureau pour une <strong>meilleure exp&eacute;rience   utilisateur</strong>. Ainsi avec cette d&eacute;portation d&#8217;Internet, les   possibilit&eacute;s sont plus grandes : l&#8217;int&eacute;gration avec le syst&egrave;me d&#8217;exploitation   est meilleure, de nouvelles fonctionnalit&eacute;s sont disponibles en   s&#8217;affranchissant du navigateur, ou encore l&#8217;application peut fonctionner m&ecirc;me   d&eacute;connect&eacute;e.</p><p> Internet est bas&eacute; sur le langage de description HTML. Des acteurs ont pouss&eacute;s   cette vision (Mozilla, Macromedia) pour d&eacute;finir des interfaces avec plus de   composants, plus de possibilit&eacute;s donc. Ces technologies sont devenues de   v&eacute;ritables technologies d&#8217;interface, non pas simplement destin&eacute;es &agrave; l&#8217;Internet   mais &eacute;galement &agrave; pouvoir d&eacute;crire toute interface souhait&eacute;e. En prenant cette   philosophie et en l&#8217;appliquant &agrave; un domaine o&ugrave; les interfaces sont plut&ocirc;t   lourdes &agrave; cr&eacute;er (sur le bureau), les acteurs offrent de nouveaux outils   b&eacute;n&eacute;ficiant de plusieurs avantages, venus de plusieurs mondes :</p><ul
type="disc"><li>Le fait d&#8217;&ecirc;tre connect&#038;eacute<br
/> ;, pour<br
/> garder ses informations d&eacute;centralis&eacute;es sur     Internet.</li><li>La possibilit&eacute; d&#8217;&ecirc;tre autonome en s&#8217;affranchissant du navigateur : une plus     grande libert&eacute; pour beaucoup de possibilit&eacute;s, comme le stockage en local     de donn&eacute;es ou le fonctionnement en mode d&eacute;connect&eacute;.</li><li>L&#8217;utilisation d&#8217;outils web (tr&egrave;s port&eacute; sur la description d&#8217;interface) pour     faciliter la cr&eacute;ation d&#8217;applications plus lourdes, c&#8217;est &agrave; dire les     applications de bureau.</li></ul><p>Il faut voir les RDA comme une ouverture des technologies de RIA, un domaine   o&ugrave; plus de possibilit&eacute;s sont pr&eacute;sentes pour voir le v&eacute;ritable potentiel   exploitable des technologies. Le r&eacute;sultat ? Des applications aux interfaces plus faciles &agrave; cr&eacute;er, avec une utilisation plus ais&eacute;e.</p><p>&nbsp;</p><p><strong>Quels usages des RIA peut-on imaginer ?</strong><br
/> L&#8217;Internet riche apporte et va apporter une quantit&eacute; de nouveaux usages qui   n&#8217;ont de limite que l&#8217;imagination des webmasters et d&eacute;veloppeurs Web. En   effet, ces nouvelles interfaces et les technologies qui en d&eacute;coulent   permettent d&#8217;envisager de nombreuses nouvelles utilisations du web comme par   exemple de la retouche photo, de la vid&eacute;o ou toute manipulation de contenu   &quot;riche&quot; (&eacute;l&eacute;ment 3D, carte enrichie, etc.) directement &agrave; travers un site   Internet. Et m&ecirc;me si toutes ces nouveaut&eacute;s commencent &agrave; peine &agrave; arriver, les   interfaces web d&#8217;hier &eacute;voluent d&eacute;j&agrave; petit &agrave; petit pour profiter des avantages   des RIA comme par exemple la fin du rafraichissement des pages web, le   glisser-d&eacute;poser, la pr&eacute;sentation d&#8217;informations de type graphiques ou   documents avec une r&eacute;elle interactivit&eacute; possible, le parcours client simplifi&eacute;   et plus intuitif dans un site de vente en ligne, etc.</p><p>Vous l&#8217;aurez compris les   usages des RIA sont infinis et sont en passe de r&eacute;volutionner le web d&#8217;hier   pour le rendre plus accessible et plus intuitif &agrave; utiliser. En augmentant   l&#8217;interactivit&eacute; avec le visiteur, les cr&eacute;ateurs de sites Internet rendent le   web de demain encore plus attractif et simple d&#8217;emploi.</p><p>&nbsp;</p><p><strong>Conclusion<br
/> </strong>On l&#8217;a dit, l&#8217;Internet riche propose une magnifique &eacute;volution des   usages et des interfaces du web d&#8217;hier. En pleine croissance et bien que lanc&eacute;   d&egrave;s 2002, ce concept n&#8217;a pas fini de faire parler de lui. Les plus grands   acteurs du web l&#8217;ont tr&egrave;s vite compris (Google en t&ecirc;te) en d&eacute;veloppant les   outils et services n&eacute;cessaires &agrave; l&#8217;envol de ce concept sur le web   d&#8217;aujourd&#8217;hui. De plus, les enjeux qui s&#8217;en d&eacute;gagent semblent &eacute;normes pour   l&#8217;industrie du web &agrave; en croire les diff&eacute;rentes &eacute;tudes que <a
title="Interfaces-Riches.com" href="http://interfaces-riches.com/ria%2Drda/">Interfaces-Riches.com</a> annonce :</p><ul
type="disc"><li>D&rsquo;apr&egrave;s une &eacute;tude de Scene7, <strong>90% des marketers</strong> d&eacute;clarent <strong>vouloir int&eacute;grer</strong> les technologies riches sur leur site pour     am&eacute;liorer l&rsquo;exp&eacute;rience utilisateur.</li><li>D&rsquo;ici 2008, d&rsquo;apr&egrave;s Gartner Group, <strong>48% des banques</strong> auront     d&eacute;ploy&eacute; des <strong>clients riches</strong>.</li><li>D&rsquo;apr&egrave;s Forrester, <strong>70% des utilisateurs</strong> pl&eacute;biscitent     l&rsquo;<strong>ergonomie</strong> de ces nouvelles interfaces.</li></ul><p>J&#8217;esp&egrave;re que ce premier article vous aura permis de clarifier les choses sur   ce sujet assez complexe. Il m&#8217;a permis moi de synth&eacute;tiser les id&eacute;es que j&#8217;en   avais et je vous invite &agrave; revenir sur le blog pour les deux prochaines parties   de cet article &agrave; savoir une <a
href="http://cozic.fr/post/Que-sont-les-applications-riches-RIA-Partie-2-Technologies-et-exemples-concrets-199">pr&eacute;sentation des technologies RIA</a> &agrave; travers des <a
href="http://cozic.fr/post/Que-sont-les-applications-riches-RIA-Partie-2-Technologies-et-exemples-concrets-199">exemples concrets de RIA</a> et enfin quelques r&eacute;ponses quant au <a
href="http://cozic.fr/post/Que-sont-les-applications-riches-RIA-Partie-3-Quel-futur-pour-lInternet-riche-209">future   des RIA et de l&#8217;Internet riche</a>.</p> ]]></content:encoded> <wfw:commentRss>http://blog.cozic.fr/que-sont-les-applications-riches-ria-partie-1-definition-et-usages-195/feed</wfw:commentRss> <slash:comments>21</slash:comments> </item> </channel> </rss><!-- Cached page generated by WP-Super-Cache on 2012-02-09 09:46:59 -->
<!-- Compression = gzip -->
