Archive for juin, 2006

Référencement Via sitemap.xml sur Google (1/2)

Google a lancé depuis 1 an un nouveau principe de référencement pour les sites :
En effet, il propose de référencer vos sites via un fichier sitemap.xml. Ce système arrive seuleument en complément des principes existant donc il ne remet pas en cause les anciennes méthode de référencement. Pour pouvoir utiliser ce service chez Google, il faut avoir un compte Google et à partir de la Google propose des interface pour lui signaler l’emplacement de ce fichier.
Pour commencer il faut lire la description des fichiers sitemap.xml, ou alors google fournit un outil ecrit en python permettant de générer le fichier.

Ce site explique très bien tout les interêts et méthode pour les sitemaps.xml.
Je vais donc tenter de faire ca pour mon site/blog puis je posterais à nouveau pour parler des améliorations (ou pas) de mon référencement

Les blogs des collègues

Et voila dans la rubrique des liens, je vais ajouter au fur et à mesure les Blogs de mes collègues d’Anyware technolgies Pour l’instant voici ceux de Jbq et Benjamin :

Meebo

Encore un exemple des possibilités de Ajax avec ce site – Meebo – qui permet tout simplement de faire de la messagerie instantanée en ligne comme sur son bureau. Il comprends les protocoles suivants :
  • AIM et ICQ
  • Yahoo!Messenger
  • Jabber
  • MSN



Imaginons maintenant dans un AjaxDesktop… on s’approche de plus en plus d’un bureau entièrement web

AjaxDesktop

Une sorte de bureau dans votre navigateur, c’est possible avec AJAX et oui! Voici un petit exemple que j’avais réalisé il ya quelques temps : mon bureau

Ou sinon totalement différents un petit tutorial pour en ecrire un par soit meme…
Ca peut sembler inutille, mais ca illustre bien les possibilités d’AJAX et puis au final, ca peut ouvrir un tas de possibilités…

Selfhtml

Il s’agit en fait de ma bible pour tout ce qui est développement web coté client (le site). Il y a des tutoriaux sur un peu tout et surtout must du must une barre de naviagtion qui est bien pratique

C’est quoi?


Non c’est pas ça!
Non plus!

Plus sérieusement AJAX signifie Asynchronous JavaScript And XML, on peut donc traduire ça grossièrement par du dynamisme coté client basé sur Javascript et XML.

AJAX serait donc une technologie nouvelle ?

Non! pas du tout, AJAX est plutôt une facon smart d’utiliser les possibilité coté client du javascript pour réaliser des interfaces client plus réactives et plus dynamiques.

Mais comment?

Tout simplement en utilisant les possibilité de javascript et du DOM représentant l’HTML coté client. Ainsi toute interaction entre javascript et DOM HTML peut être considérée comme AJAX, même le simple fait de faire un innerHTML=[..].
En effet du moment que le DOM HTML est modifié, il s’agit d’AJAX. On ne peut donc pas dire que se soit une nouvelle technologie ;)

Alors pourquoi tout ce foin?

Ca devient intéressant, quand AJAX utilise la fonctionnalité Javascript : XmlHttpRequest. Il s’agit d’un fonction qui permet de charger des données depuis une autre page (ou un fichier XML), sans pour autant quitter celle où l’on se trouve. Ainsi il est possible de provoquer le rechargement de page ou de partie de page à partir d’interaction utilisateur sans pour autant avoir une technologie coté serveur (Java, asp, php…). Mmm ca devient interressant! C’est donc pas nouveau et certains sites utilisent c’est fonctionnalité depuis bien longtemps…(par exmple Gmail ou encore Flickr)

Il y a des limites!

Et oui bien sur, la plus part des fois les pages ont l’impression très fluides mais si le serveur reponds très lentement par exemple, on peut avoir une impression de plantage. Autre chose le Back du navigateur ne marche pas biensur! Et le pire du pire c’est que Ajax est très lié a Javascript dont l’implémentation dépend du navigateur, tout le monde connait bien les problèmes d’interprétation du javascript par les différents navigateurs (un script qui fonctionne sous Internet Explorer ne fonctionne pas forcement sous FireFox et inversement)

Je veux essayer

Il existe de nombreux framework exploitant les possibilités d’AJAX mais ca fera l’objet d’un autre post. Juste un avant gout avec mon préféré (DojoToolkit)

Les cookies en javascript



Voici un petit tutorial pour faire de la gestion de cookies en Javascript

cookie est en fait une propriété de l’objet document. Il s’agit donc de bien le manipuler : La syntaxe générale est la suivante :

document.cookie="liste-des-attributs-du-cookie"



Et voici la liste des attribute d’un cookie

  • Un nom et une valeur (nom=valeur): Le nom permet d’identifier le cookie. Sa valeur est un texte qui constitue le contenu du cookie.
  • Une date d’expiration (expires=date-au-format-GMT): Au format GMT (ex: Tue, 31-Dec-2002 08:00:00 GMT), elle est facultative. Si elle est
    omise, le cookie « meurt » à la fin de la session en cours du navigateur. Si elle est spécifiée on parle d’un « cookie persistant ».
  • Un chemin d’accès (path=chemin-d-accès): Il indique la partie de l’URL pour laquelle le cookie est valable.
    Une page HTML pourra lire les cookies de ses sur-répertoires jusqu’à la racine du site:
    ex: http://www.domaine.com/repertoire/index.htm lira les cookies des répertoires http://www.domaine.com/ et http://www.domaine.com/repertoire/
    En revanche, elle ne pourra pas lire les cookies de ses sous-répertoires:
    ex: http://www.domaine.com/index.php ne pourra pas lire les cookies du répertoire http://www.domaine.com/repertoire/
    Pour qu’un cookie soit accessible depuis tous les répertoires d’un site, il faudra donc spécifier path= »/ ».
    Enfin, si le chemin d’accès est omis, il prendra la valeur par défaut du chemin de la page HTML qui écrit le cookie, ce qui est dans bien des cas suffisant.
  • Un domaine de validité (domain=domaine-de-validité): Il indique le serveur pour lequel le cookie est valable (ex: www.domaine.com). S’il n’est
    pas spécifié il prend la valeur par défaut du domaine de la page HTML qui écrit le cookie, ce qui est, dans la grande majorité des cas, l’effet recherché.
    Pour des raisons de sécurité, il ne semble cependant pas possible (on a essayé), qu’un site web place des cookies qui seront relus par un autre site.
  • Un attribut de sécurité (secure): S’il existe, le cookie ne sera transmis que si la connexion vers le serveur est sécurisée (protocole HTTPS et non HTTP).

Fonction d’Ecriture

<script type="text/javascript" language="JavaScript">;
 <!--
  function EcrireCookie(nom, valeur)  {
    var argv=EcrireCookie.arguments;
    var argc=EcrireCookie.arguments.length;
    var expires=(argc &gt; 2) ? argv[2] : null;
    var path=(argc &gt; 3) ? argv[3] : null;
    var domain=(argc &gt; 4) ? argv[4] : null;
    var secure=(argc &gt; 5) ? argv[5] : false;
    document.cookie=nom+"="+escape(valeur)+<br>((expires==null) ? "" : ("; expires="+expires.toGMTString()))+
      ((path==null) ? "" : ("; path="+path))+
      ((domain==null) ? "" : ("; domain="+domain))+
      ((secure==true) ? "; secure" : "");
}
//-->;
</script>;

Fonction de Lecture

<script type="text/javascript" language="JavaScript">
<!--
function getCookieVal(offset) {
  var endstr=document.cookie.indexOf (";", offset);
  if (endstr==-1) 
    endstr=document.cookie.length;
  return unescape(document.cookie.substring(offset, endstr));
}
 
function LireCookie(nom) {
  var arg=nom+"=";
  var alen=arg.length;
  var clen=document.cookie.length;
  var i=0;
  while (i&lt;clen) {
    var j=i+alen;
    if (document.cookie.substring(i, j)==arg) return getCookieVal(j);
    i=document.cookie.indexOf(" ",i)+1;
    if (i==0) break;
  }
  return null;
}
//-->
</script>

Fonction de Suppression

<script type="text/javascript" language="JavaScript">
<!--
function EffaceCookie(nom) {
  date=new Date;
  date.setFullYear(date.getFullYear()-1);
  EcrireCookie(nom,null,date);
}
//-->
</script>

Des icones pour les sites webs

Le premier objectif du Tango project est de combler le creu graphique entre les différents éléments de bureau linux (c’est à dire Gnome et KDE). En effet dans l’open source, chaque projet possède sa propre charte graphique et l’utilisateur se retrouve donc sur un environnement totalement dépareillé.
Ainsi le Tango project essaie d’unifier les enrironnement Linux en proposant un ensemble de skins à appliquer…
Tango project est bien sûr lui aussi sous license open source, ce qui permet aussi d’utiliser l’ensemble des image qui y sont présente pour des site web par exemple. voici la gallerie

Nouveau Blog

Après mon déménagement suivi de la réinstallation du mon serveur, j’ai fait une petite boulette, j’ai oublié de sauvegarder ma base de données… Autant dire que j’ai perdu tout le contenu de mon ancien blog. Mais bon je ne voulais pas m’arreter en si bon chemin, et j’ai donc installer ce nouveau blog. La différence avec l’ancien c’est que celui-ci est « propulsé par DotClear « .
J’avais écrit l’ancien avec Cocoon et JDBI
Voila donc mon nouveau Blog ouvert…