Histoire du e-mail

Une petite histoire du e-mail

Malgré tous les gens qui disent que le e-mail fait partie des nouvelles technologies de communication. Ce n'est de loin pas si nouveau!

Le e-mail a été inventé au début des années 1970 à une époque où les ordinateurs n'était pas très courants.

C'est donc une vieillerie d'une quarantaine d'année!

Laisser des messages sur le même ordinateur

Plaçons nous dans le contexte des années 1970 aux USA, il faut rappeler qu'à l'époque seules quelques universités ou multinationales possédaient UN ordinateur par institution.

Mais il y avait des dizaines d'utilisateurs sur le même ordinateur.

Pour utiliser l'ordinateur, on passait par un terminal. C'est une bête qui a un écran, un clavier et une carte réseau. Cette bête est juste capable d'afficher les caractères que l'on tape au clavier, de les envoyer comme commande à l'ordinateur via le réseau et de récupérer toujours par le réseau la réponse à la commande. Puis cette réponse est affichée à l'écran.

Ici on ne traite que du texte. L'interface graphique existait pas. On ne communique qu'avec des aller retour de texte. De plus, ce texte est très simple. Chaque lettre est codée par un nombre en binaire. Par exemple, le A=1000001. Par mesure d'économie de mémoire, on code tout avec 7bits ce qui nous donne 128 possibilités de caractères. (2 puissance 7).

Chaque nombre binaire correspond à une lettre. Pour que tout le monde parle le même langage, on a normalisé ce code. Celui-ci s'appelle le code ASCII.

Vu que depuis un terminal il est possible d'envoyer du texte sur un ordinateur utilisé par des centaines de personnes. Un petit malin a eu l'idée de créer un moyen de déposer sur cet ordinateur un message à l'attention d'un autre utilisateur. Voilà la messagerie électronique est née.

Laisser des messages pour un utilisateur sur un ordinateur

A la même époque un réseau informatique appelé Arpanet (l'ancêtre d'internet) a commencé de se constituer. On s'est mis à relier entre eux les gros ordinateurs de chaque université.

En 1971, Ray Tomlinson se dit que plutôt que de laisser des messages à l'intention d'utilisateurs sur le même ordinateur, il devrait être possible de passer d'un ordinateur à un autre via le réseau.

Comme il avait à disposition chez son employeur deux ordinateurs, il a modifié ses programmes de messagerie pour utiliser le réseau. C'est là que s'est posé un problème subtile: vu qu'il y a plusieurs machines en jeu, comment distinguer deux utilisateurs qui ont le même nom?

La solution: il faut ajouter le nom de l'ordinateur au nom de la machine. Pour séparer les deux informations Ray a cherché un caractère qui n'est pas utilisé dans les noms de personnes. Son choix s'est arrêté sur le @. C'est ainsi qu'est née l'adresse e-mail.

Le premier e-mail est envoyé

Ray a donc tapé des lettres au hasard sur un des ses ordinateurs et a envoyé le premier e-mail à son autre ordinateur situé juste à côté!

Voir la photo des ordinateurs: http://openmap.bbn.com/~tomlinso/ray/ka10.html

Le premier e-mail n'avait donc pas un contenu très intéressant et n'a pas voyagé très loin. Mais c'est le même principe que l'on utilise toujours presque 40 ans plus tard ! Une éternité dans le monde de l'informatique.

Cependant, le e-mail a beaucoup changé depuis ses débuts. Il a du s'adapter aux usages de l'époque.

Ecrire un message contenant des accents

Le premier problème de taille a été de pouvoir écrire dans une langue comme le.... français !  Et oui, comme on l'a dit plus haut. Le e-mail était à la base uniquement du texte codé en ASCII. Code qui ne connaît pas les caractères accentués!

En effet, sur les 128 caractères possibles du code ascii, il n'y en a que 94 qui sont de vrais caractères et les autres sont dit "invisibles" ou "non imprimables". Ce sont des caractères utilisés pour le contrôle de la liaison réseau. Il y a des caractères comme "début de texte", "fin de texte", "fin de transmission".

C'est le même principe que lorsque l'on fait des transmission en morse !

Dans le code ASCII, il y a des lettres majuscules, des minuscules, des chiffres...  un peu de ponctuation et la trentaine de caractères de contrôle.... et on arrive déjà aux 128 possibilités!

Comme ce sont des anglophones qui ont inventé ce code, ils n'ont pas jugé utile de mettre des caractères accentués. Ils ont préféré économiser un peu de mémoire. (bon, elle était beaucoup plus chère à l'époque que maintenant!)

Quand des non-anglophones ont voulu écrire du texte, il a donc fallu inventer de nouveaux caractères. Il a fallu augmenter les possibilités. On est passé de 7 à 8 bits pour coder un caractère. (8 bits = 1 octet). Ainsi avec un code comme le latin1 (normalisé iso-8859-1) on a 255 caractères possibles. On a pu ainsi ajouter les caractères accentués que l'on utilise en français !

Une tour de babel des encodages

Au fil des années, pour chaque langue, on a donc inventé des encodages spéciaux, qui sont bien entendu incompatibles entre eux !!

De gens se sont dit alors que l'on pouvait inventer un encodage capable d'inclure tous les caractères du monde!

Idée très louable, cependant, un alphabet, c'est facile à coder, il n'y a au maximum que quelques dizaines de caractères. Mais en chinois, ce sont des milliers de caractères qu'il faut coder! Donc pour coder un caractère, on s'est mit à utiliser 16, 24 ou 32 bits... Mais là nos amis anglophones sont revenus à la charge pour demander pourquoi est ce que eux devraient doubler, tripler ou quadrupler la taille mémoire de leurs textes pour un truc qui ne leur sert à rien ??

La barbe fait le génie

Heureusement qu'un de nos deux amis barbus (Ken Thompson et Denis Ritchie) qui ont tout inventé en informatique (langage c, unix) est repassé par là pour résoudre le problème en inventant l'encodage UTF-8.

L'idée de l'UTF-8 est de faire un encodage à taille variable. On code l'information du caractère sur un ou plusieurs octets au besoin.

Un caractère ascii reste le même pour les 7 premiers bits et sur le 8ème on indique si l'octet suivant fait partie du même caractère ou pas. Sur ce même principe on peut donc faire des chaines d'octets pour avoir des caractères codés sur des nombres très grands.

Ainsi avec cette solution on assure la compatibilité avec l'ASCII tout en pouvant avoir tous les caractères du monde entier ! Merveilleux!

Malgré le fait que l'utf-8 a été inventé en 1992, jusqu'en 2008, le code ASCII est le code d'encodage texte que l'on retrouve le plus souvent sur internet.

Donc dans l'évolution du e-mail, ce n'est seulement que maintenant qu'une majorité de gens utilisent une solution qui est compatible avec toute les langues du monde. Il aura fallu attendre presque 40 ans pour que ce problème d'encodage se résolve gentiment! Mais il n'est de loin pas encore résolu. Il y a toujours des gens pour te dire que le mail que tu leur a envoyé était bourré de caractères chinois !! (alors que toi tu n'en a pas mis !)

C'est simplement le fait que l'un ou l'autre des logiciels utilisé n'utilise pas le même encodage de texte !  Pour se comprendre il faut parler le même langage.

L'ère du PC

En remontant encore une fois dans le temps, après l'époque des gros ordinateurs avec de nombreux utilisateurs des années 1970 on arrive dans les années 1980, l'ère du PC, le Personnal Computer.

Chacun a son propre ordinateur pour lui tout seul. On abandonne les systèmes multi-utilisateur de type unix. On vire les réseaux. C'est le début de sociétés comme Apple et Microsoft. Plus de réseaux, plus de e-mail en standard. C'est une option particulière.

De plus en plus de monde s'équipe d'ordinateur, le contenu numérique est de plus en plus présent. Les fichiers informatiques se multiplient sur les PC.

Naissance du web

Puis on arrive au début des années 1990. Voilà que le service informatique du CERN invente un moyen de "naviguer" dans des documents au travers d'un réseau informatique. Le web est né. Les physiciens sont très contents de pouvoir lire les articles de leurs collègues de l'autre côté de l'atlantique et de publier facilement le résultat de leur travaux.

Le web c'est simple, c'est basé sur le protocole http qui n'est qu'une modification du protocole smtp qui est utilisé pour envoyer des e-mail!

Donc visiter une page web, c'est un peu comme regarder le contenu de la boite mail de quelqu'un autre.

La nouveauté du web par rapport au e-mail, c'est qu'en vingt ans on ne veut plus juste afficher du texte brut. On veut aussi pouvoir le mettre en forme. Dire que ça c'est un titre, ça c'est un paragraphe, ça c'est en gras, ça c'est en italique et surtout ça c'est un lien sur un autre document !

Le texte brut ne suffit plus pour décrire ces information de mise en forme. C'est là que le format HTML a été inventé pour décrire la structure du texte. Cependant, pour comprendre cette structure il faut interpréter ce format. C'est là qu'intervient le navigateur web. C'est une bête qui est capable de comprendre que si il trouve un texte du genre <b>gras</b> il doit mettre le texte "gras" dans une fonte plus... grasse!

Ce principe tout bête de publication de document a eu beaucoup de succès. En quelques années beaucoup de gens se sont mis à publier des pages web et à vouloir les visiter depuis leur ordinateur. C'est ainsi que le réseau internet a tout d'un coup retrouvé un intérêt!

La revanche des réseaux

Apple et microsoft on remis par défaut des couches réseaux dans leur systèmes respectifs. Les mêmes couches que ce que l'on avait dans les années 1970 !

Comme ce rajout était un bricolage, au début des années 2000 on a même repris les restes des systèmes unix abandonné dans les années 1980 et on a remis une couche graphique par dessus. Ainsi on a actuellement des ordinateurs avec une couche réseaux et multi-utilisateur valable comme dans les années 1970, ainsi qu'une jolie interface graphique comme on les fait maintenant.

Le web a donc relancé la popularité des réseaux. Disposant d'un réseau. On a ressorti le e-mail! Génial on peut s'envoyer des messages.... mais pas des fichiers !

Oups.. pourtant ça pourrait être pratique de pouvoir envoyer à mes amis les nombreux fichiers de documents électroniques que j'ai conçu pendant les années 1980 ! 😛

L'invention de la pièce jointe

Voilà donc on bidouille encore le format du mail pour mettre des pièces jointes. On utilise le même genre de méthode que lorsque l'on a voulu permettre au e-mail de transporter des messages avec des caractères dans un autre encodage que le ASCII.

On a appelé cette technique MIME (Multipurpose Internet Mail Extention).

MIME est une extension du e-mail qui défini quelques chaînes de caractères spéciales comme:

Subject: ...

From: ..

qui permettent d'indiquer au logiciel qui reçoit le e-mail quelques informations utiles, comme le sujet ou l'adresse de l'expéditeur !

Voici un exemple de e-mail:

Content-Type: text/plain; charset=iso-8859-1

Content-Transfer-Encoding: quoted-printable

Salut!=0A=0Aon a re=E7u une news-letter du MSdS.....

Ce sont des indications au format MIME qui indiquent que l'encodage que utilisé est latin1, mais que comme le e-mail ne support toujours que l'ASCII, les caractères qui ne sont pas dans ce code sont encodés dans un code composé de caractères ASCII. Cette méthode s'appelle: quoted-printable.

On voit que c'est assez rigolo de lire un texte du genre !

Pour en revenir aux fichiers attachés, c'est le même principe, on encode les photos, les fichiers word, etc.... en texte ASCII. Comme ça le e-mail pourra les transporter.

Mais là vu que c'est pas utile de comprendre une image sous forme de texte, on n'utilise pas le "quoted-printable" on utilise le code "base64" qui est plus court.

Le bricolage des pièces jointes multiples

Si tout est du texte ASCII dans un e-mail comment faire pour distinguer la partie qui est le texte du e-mail, de la partie qui est une photo ??

La technique est de créer une séparation des contenus en entourant chaque partie avec une chaine de caractère que l'on espère ne pas être dans le contenu !

Dans l'entête on indique les différentes parties qui existe et la chaine de caractère qui fait la séparation.

 

Voici un exemple d'attachement d'un fichier pdf:

------=_NextPart_000_0018_01C9D33B.981C9130

Content-Type: application/pdf;
name="PasseportVacances.pdf"
Content-Transfer-Encoding: base64
Content-Disposition: attachment;
filename="PasseportVacances.pdf"

JVBERi0xLjQNJeLjz9MNCjYgMCBvYmo8PC9IWzkzNiAxODNdL0xpbmVhcml6ZWQgMS9FIDI1NzE3
L0wgMjk2NDQvTiAxL08gOS9UIDI5NDc4Pj4NZW5kb2JqDSAgICAgICAgICAgICAgICAgICAgICAg
DQp4cmVmDQo2IDMyDQowMDAwMDAwMDE2IDAwMDAwIG4NCjAwMDAwMDExMTkgMDAwMDAgbg0KMDAw
...

quelques milliers de caractères plus loin...

------=_NextPart_000_0018_01C9D33B.981C9130--

 

En observant le détail de cette technique, on remarque que c'est un sacré bricolage !

On arrête pas de transformer des données d'un format dans un autre, des les encoder et ré-encoder. De créer des chaînes de caractères bizarres en espérant qu'on ne les retrouvera pas dans le contenu.

Avec tout ça il faut être content quand un e-mail arrive à destination !

Il y a tellement de bricolage d'un côté comme de l'autre, que les logiciels utilisés doivent connaître le même langage pour être certains de tout comprendre correctement.

Cette technique MIME est très souple, comme elle permet de passer n'importe quel format. Certains ce sont dit que ça pourrait être sympa de pouvoir aussi mettre du gras, de l'italique et des tableaux dans les e-mail. Donc en plus de la version texte brut, certains logiciels permettent de faire également une version html. Pour assurer que ça passe partout. Les deux versions sont envoyées. Libre au logiciel de réception de choisir ce qu'il veut.

Un logiciel futé va donc afficher un mail joli, bien mis en page et un logiciel moins futé va juste afficher la version texte.

Parfois ça marche pas bien et le logiciel voit la partie html comme un fichier attaché !

Donc voilà, dès 1996. MIME est au point. Tout le monde est sensé pouvoir envoyer et recevoir des pièces jointes, des encodages autres que ASCII et formater son e-mail en html.

La fusion entre le web et le e-mail

La même année, pour brouiller les pistes, Hotmail arrive. C'est le premier webmail.

Certains ce sont dit que ce serait pas mal de ne pas avoir a installer de logiciel spécial sur son ordinateur pour lire les e-mail. Il suffit d'utiliser un navigateur web pour voir sa boite mail. Il est possible d'avoir accès à son e-mail depuis n'importe quel ordinateur !

C'est la révolution, la popularité du web rend populaire le e-mail !

C'est ainsi qu'en 1997 j'ai eu ma première adresse e-mail chez hotmail ! C'était avant que microsoft achète ce service.

C'était une époque où le spam n'existait pas !

Le webmail c'est pratique, mais au niveau format et encodage ça pose plein de problème. Comment faire pour afficher dans le même navigateur web qui ne support qu'un encodage, à la fois une interface dans un encodage et un contenu dans un autre? Forcément il y a un des deux qui ne va pas s'afficher correctement.

Malgré 3 lustres d'amélioration dans les webmail, il y a toujours des problèmes insolubles. (la signatures électronique) Le webmail ça marche pas trop mal... mais finalement de bricolage en bricolage... on a une solution qui n'est pas totalement fiable!

Les technologies web sont beaucoup plus modernes et fiables. L'encodage par défaut est l'UTF-8, donc on a plus aucun problème d'encodage dans tous les sens!

Les pièces jointes peuvent être fournies séparément via un lien. Plus besoin de faire des mélanges avec des encodage en base64 et des chaines de caractères sensées ne pas se retrouver dans le contenu !

Le formatage d'un document est conçu à la base, ce n'est pas un bricolage bidouillé.

La lutte contre le spam

De plus, je n'ai pas parlé de toutes les parades compliquées qui existent pour tenter de distinguer le courrier utile du spam!

C'est tellement compliqué que la complexité du bricolage augmente encore et il ne faut pas s'étonner de voir que le mail s'accompagne parfois de bizarreries !

Actuellement plus de 98% du traffic de e-mail est du spam! (statistiques personnelle faite sur les 8000 messages que j'ai reçu en avril 2009)  La lutte anti-spam pousse à avoir des filtres toujours plus compliqués qui font toujours plus de boulot et donc consomment toujours plus d'énergie.

Une étude de MacAffee faite en 2009 démontre que le coût énergétique du spam c'est 33 milliards de Kwh par an !   (pdf par ici: http://img.en25.com/Web/McAfee/CarbonFootprint_12pg_web_REV_NA.pdf)

C'est l'équivalent de l'énergie électrique utilisée par 2,4 millions de ménages état-uniens. Ménages qui comme on le sait sont les plus énergievores du monde !

Le déclin du e-mail ?

A mon avis on a trouvé la limite de cette technologie. On ferrait mieux d'utiliser autre chose comme technologie.

C'est pour cette raison qu'actuellement je fais la promotion des wiki et autres outils collaboratifs. Envoyer des fichiers par e-mail est un comportement dépassé. Actuellement on travail sur un document qui est online et grâce à des flux atom ou rss on est notifié des modifications.

C'est le principe du blog.

Le problème c'est qu'actuellement, malgré que la technologie existe, il n'y a rien qui remplace vraiment certains aspects de simplicité du e-mail.

Mais je vais tenter d'y travailler pour trouver une solution à base de plateforme web et de flux atom. :p

Cependant, de plus en plus on observe que le e-mail est de moins en moins utilisés par les jeunes. Pour communiquer, ils privilégient les messageries instantanées et les réseaux sociaux.

Le e-mail est sur le déclin ?

Bon, après 40 ans de bons et loyaux services. C'est pas trop mal, c'est une bonne longévité !

Petite histoire d’un certain futur

Petite histoire d'un certain futur....

20ème siècle:

  • Guerre froide. Bloc de l'est contre bloc de l'ouest. Tout est focalisé la dessus.

1989: Chute du mur de Berlin. Le bloc de l'est est en déconfiture.

  • La chute du bloc de l'est modifie la donne. Le système économique capitaliste est le seul.
  • Fuite en avant dans le capitalisme dur et l'ultra-libéralisme. Les services publics sont libéralisés, l'état perd de son importance.
  • 2001: Attentat contre le WTC.

Le monde et principalement les états*unis découvrent que le monde n'est plus unipolaire. L'islamisme montant des 25 dernières années montre clairement par des attentats son refus du monde actuel et prône le retour à la loi divine d'Allah.

  • Durant les années suivantes, les maîtres du monde capitaliste, instaurent des lois permettant de consolider leurs empires financiers, et tout cela en prétextant la lutte contre le terrorisme islamiste.

...

  • Des progrès significatifs sont fait dans le domaine de la génétique, comme le clonage humain, ou des OGM de plus en plus efficaces.
  • Les ultras-libéraux consolident leurs empires en faisant le commerce d'OGM. Cette pratique rend les petits paysans totalement dépendant des multinationales de la génétique.
  • L'opinion public européen prend peur et interdit totalement le commerce d'OGM et tout ce qui touche au modifications génétiques.
  • Après le coup dur de l'interdiction des sciences de la vie en Europe, les cartels de la génétique se concentrent sur l'asie et notamment la Chine.
  • C'est en Chine que fût fondée la première communauté de recherche pour l'amélioration de l'ADN humain.
  • En Europe, la réponse aux communautés de recherche pour l'amélioration de l'ADN humain arrive. Ce sont les communautés naturalistes. Les naturalistes prônent une non ingérence totale dans l'organisation de la vie telle qu'elle s'est formée naturellement. Ils prônent également l'harmonie avec la nature.
  • Les laboratoires de génétiques chinois arrivent a des résultats intéressants. Sur le principe des OGM végétaux comme les céréales, les chercheurs en biotechnologie améliorent l'ADN humain en incluant des gènes de protection à diverses maladies.

Poursuivant dans cette lancée de résultats encourageant, certain chercheur débute le programme animaux "Biotek". Ce programme a pour but de concevoir de toute pièce un organisme biologique.

  • Parallèlement aux progrès de la génétique, mais plus discrètement, l'informatique fait également d'énormes progrès.

L'informatique devient symbiotique. Elle s'insinue partout.

  • Les néguentropes, dont le but est de créer et accumuler de l'information, profitent des progrès de l'informatique pour développer encore plus la fusion homme*machine et ainsi accumuler encore plus d'informations.
  • Les naturalistes se dressent contre la fusion homme*machine. Ils lancent une grande opération de destruction de plusieurs usines d'implants homme*machine.
  • Le projet Biotek réussit. Des chercheurs chinois sont parvenu à créer de toute pièce un être vivant ressemblant à un rongeur.
  • Les islamistes tiennent toujours le restent du monde en otage à coup d'attentats. La guerre sainte continue.
  • Les néguentropes lancent une sonde spatiale abritant un programme informatique "intelligent". C'est d'après eux le premier être vivant adapté au vide spatial !
  • Pour renchérir, les Biotek (le groupe de chercheurs c'est fait baptisé du nom du projet) se lancent dans le projet de créer un être vivant biologique adapté au vide spatial.
  • Les ultras-libéraux investissent massivement dans ce nouveau projet biotek dans le but d'étendre leurs empires commerciaux au système solaire entier.
  • L'ère de la colonisation spatiale commence.
  • Les Bioteks mettent sur orbite le premier être vivant biologique adapté à l'espace.
  • Cet événement relance l'engouement pour la biotechnologie. De nombreuses personnes créent des communautés vivant uniquement pour et par le biotek. Le mouvement Biotek prend de l'ampleur.
  • Les néguentropes s'associent avec les Bioteks afin de créer des habitats spatiaux mi-biologique, mi-informatique.
  • Certaines communautés Biotek émettent la volonté de se dissocier complètement des empires financiers ultras*libéraux dont elles étaient issues. Cependant, les maîtres du monde capitaliste ne l'entendent pas ainsi. Ils ne veulent pas perdre leurs investissements.

Cette mesure est la source de nombreux conflits qui se sont terminés par le départ dans l'espace de nombreux Bioteks. En effet, les Bioteks ont décidés d'aller vivre dans des communautés d'habitats dans le vide spatial. Nombres de néguentropes se sont associés à cet exil.

  • La première ville spatiale est née.
  • Néguentrope
  • Bitoek
  • Ultra-Libéraux
  • Naturaliste
  • Isalamiste
13 Oct 2006 : 16:25

Généalogies des navigateurs web

Généalogie des navigateurs web

Cette page est un bloc note pour stocker des informations relative à l'historique des navigateurs web.

Le navigateurs web est vraiment le logiciel incontournable actuellement. Tout ce fait de plus en plus sur le web. Cependant, peu de personne savent vraiment ce qu'est un navigateur web, (sans même entrer dans le côté technique.). En effet, énormément de personne confondent déjà le web et internet.

Pour beaucoup de gens, internet, c'est la petite icone bleue en forme de e, alors quand on leur explique que le web n'est qu'un des nombreux service d'internet, il ne comprennent pas forcément !

Pour utiliser ce service qu'est le web, il faut un navigateur web. Actuellement (en 2006), les navigateurs les plus courants sont Internet Explorer, FireFox, Safari,opera.

Mais il en existe beaucoup d'autres, et il en a existé beaucoup d'autres. Leur histoire est complexe, les enjeux sont énormes, et souvent le grand publique ne sais rien. J'ai donc commencé à faire quelques recherches pour tenter de faire un arbre généalogique des navigateurs web.

Quelques dates:

  • 1990 Tim Berners-Lee lance le 1er navigateur Web appelé World Wide Web qui tourne sur NeXT
  • mars 1993 Lancement de Lynx
  • 1993 Mosaic (navigateur mode texte) tourne sur X-Windows, Unix et Mac
  • décembre 1994 Netscape crée Mozilla qui servira de base au navigateur Netscape 1.0
  • août 1995 Internet Explorer est inclus dans Windows 95
  • septembre 1995 Netscape Navigator 2.0
  • 1996 Internet Explorer 2.0
  • 1996 Première version d'Opera
  • août 1996 Netscape Navigator 3.0
  • août 1996 Internet Explorer 3.0
  • juin 1997 Netscape Navigator 4.0
  • mars 1999 Netscape Navigator 4.5
  • mars 1999 Internet Explorer 5
  • septembre 1999 Netscape Navigator 4.7
  • novembre 2000 Netscape Navigator 6
  • juin 2002 Mozilla 1.0
  • novembre 2006 Internet Explorer 7.0
  • 1983 Editeur SGML Grif (appelé plus tard Thot) GRenoble Interactive Formatter
  • 1990 WorldWideWeb
  • 1992 Erwise, ViolaWWW, pc: Midas, Mac: Samba
  • 1993 NCSA Mosaic (université de l'Illinois) et Lynx. => image(Mosaic 0.10) ; formulaires interactifs (Mosaic 2.0pre5)., Arena de HP
  • 1994 Netscape Navigator 1.0. Cello, IBM WebExplorer, Cyberdog (date pas fiable), Spyglass Mosaic on April 5th (début du travail), Navipress (aussi éditeur)
  • 1995 Microsoft Internet Explorer 1.0 et 2.0. => formatage tabulaire (Netscape Navigator 1.1b1), documents multi-cadres (Netscape Navigator 2.0b1), Java, JavaScript (Netscape Navigator 2.0b3). HotJava, OminWeb (pour next), w3m (texte)
  • 1996 Netscape Navigator 2.0 et 3.0 ; Internet Explorer 3.0 ; Opera
  • 1997 Netscape Navigator 4.0 ; Internet Explorer 4.0. Amaya 1
  • 1998 Netscape Navigator 4.5 ; projet Mozilla. => AOL rachète netscape qui a perdu la guerre !
  • 1999 Internet Explorer 5.0. Grail (mort?)
  • 2000 Netscape 6.0, K-Meleon, OmniWeb (pour osx)
  • 2001 Internet Explorer 6.0. Elinks (texte), Off By One
  • 2002 Mozilla 1.0. Netscape 7.0, Phoenix (en développement)
  • 2003 Safari, Phoenix devient FireBird
  • 2004 Netscape 7.2 (basé sur mozilla 1.7),Mozilla Firefox 1.0 (9 nov 2004 (anciennement phoenix et firebird), mais développement depuis 2002 par david Hyatt !)
  • 2005 Netscape 8.0 (basé sur firefox 1.0), sleipnir
  • 2006 Mozilla Firefox 1.5. et 2. Opéra 9 et IE7 (grande année)

Liens d'héritage

  • NCSA Mosaic => (c'est juste les màªme gens, mais pas le code) Netscape Navigator => Netscape Communicator (avec module composer et mail) => Mozilla Gecko(pas encore sorti il est déjà la base de netscape 6)
  • Mozilla => Netscape 6 (onglets et bloc popup)
  • Mozilla 1.7.12(Gecko) => K-Meleon (utilise une GUI windows et pas XUL.. pour àªtre plus léger !)
  • Mozilla => Beonex ??? (win et osx)
  • Mozilla => Chimera => Camino
  • Mozilla => Galeon => Epiphany (pour gnome)
  • Mozilla => Skipstone
  • Mozilla => Salamander (fin dec 2003)
  • Mozilla => Phoenix => Mozilla Firebird => Mozilla Firefox => Flock
  • Mozilla => SeaMonkey (été 2005 suite de mozilla mais plus par la fondation)
  • Firefox => MadFox (2005 et déjà abandonnée. Le but était d'ajouter des fonctionnalité de IE à firefox !)
  • Firefox 1.0 => Netscape 8.0
  • Grift/Thot (editeur sgml) => Symposia (editeur html) => Amaya
  • Arachne (navigateur pour DOS)
  • Dillo (ne supporte pas javascript. source de 400ko !)
  • HotJava
  • NCSA Mosaic => Spyglass Mosaic (un accord existait pour avoir le code, mais il n'a pas été utilisé !)
  • Spyglass Mosaic => Microsoft Internet Explorer
  • Microsoft Internet Explorer => MyIE (MyIE2) => Maxthon (mais peux aussi utiliser Gecko !)
  • Microsoft Internet Explorer => Avant browser (surcouche IE)
  • IE => kioware
  • GUI Avant Browser + moteur Gecko => Orca Browser
  • Konqueror (khtml) => Safari (webCore) => omniWeb (depuis février 2003)
  • konqueror => Abrowse .... pour AtheOS ? Syllable
  • Safari (webkit) => Shiira
  • Safari (webkit) => Sunrise browser (webcore et le moteur et webkit le moteur + des API)
  • Safari (webkit) => TrailBlazer (2004)
  • Safari (webkit) => KidsBrowser
  • Safari (webkit) => BumperCar
  • Safari (webCore) => Atlantis
  • icab
  • Comppuserve
  • Ie5 mac (tasman)
  • Gecko=> AOL mac

linux

  • SkipStone
  • Konqueror
  • Galeon
  • Epiphany

En 2002: En tout, 115 navigateurs différents, sous plusieurs versions (Evolt).

(OmniWeb est l'inventeur du blocage de popup)

NCSA = National Center for Supercomputing Applications

  • Line Mode Browser un client pour les terminaux fonctionnant en mode ligne (développé au CERN) ;
  • Cello un client pour les PC sous Windows (développé à Cornell Law School);
  • Chimera un client pour l'environnement X-Window, utilisant les Athena's Widgets ;
  • tkWWW un client pour l'environnement X-Window utilisant la boîte à outils tk.

Nom des principaux moteurs

  • mozilla => Gecko
  • safari => khtml/webcore
  • IEmac => tasman
  • IE => trident
  • Opera => Elektra puis presto

Superbe comparaison sur wikipédia en

Voici l'arbre généalogique des navigateurs web en pdf.

Aperçu du rendu de différents navigateurs web début 2007

Voici un aperçu du rendu de différents navigateur web que j'ai réalisé avec les mêmes pages de référence.

Tout d'abord le site du groupe scout marfaux. Qui est une page moderne faite avec différents style css subtiles, qui peuvent être une difficulté pour les navigateurs anciens ou pas très futés. Il y a du positionnement fixe, de la transparence avec le style opacity, des arrondis de bordure. Ce sont les principales différences sur lesquelles les navigateurs ont des comportement différents.

La seconde page est le page wikipedia qui concerne les navigateur web. C'est une page qui est sensé s'affiche de manière correcte pour une majorité de navigateur.

Dans les navigateurs actuels, il existe des familles de navigateurs qui utilisent le même moteur. Et parfois des navigateur totalement indépendant avec leur propre moteur de rendu.

Sans trop entrer dans les détails subtils d'héritage et affiliation, Les grandes familles sont:

  • Gecko de Mozilla
  • Trident (windows) et Tasman (mac) de Microsoft
  • WebKit d'Apple
  • Presto moteur d'Opera

J'ai réalisé ces captures d'écran sur un mac osx 10.4.9 avec des navigateurs web qui fonctionnent sur cette plateforme. Ce ne sont pas forcément les versions les plus récentes. Mais au moins ils fonctionnent.

Les moteurs indépendants

Amaya

C'est le navigateur officiel du w3c, ce n'est pas vraiment un navigateur utilisable, c'est plutôt un outils expérimental pour tester diffèrentes nouvelles spécifications. Ce navigateur est également un éditeur de page HTML. Ce qui correspond à la philosophie originelle du WorldWideWeb de Tim Berners Lee. Le web est accessible en lecture et écriture. Cette philosophie, n'a jamais vraiment démarrée et le web est plutôt devenu une vitrine de document non éditable. Mais ces dernières années, la philosophie lecture/écriture est revenue avec l'avènement du wiki ! L'internaute devient un acteur. Mais avec le wiki, ce n'est plus le navigateur qui permet l'édition de page, c'est plutôt le document web lui même qui devient une application pour s'auto-éditer.

En effet, le web originel fait de documents statiques devient de plus en plus une plateforme applicative.

Capture d'écran de Amaya 9.2.2 2007_04_12_11_13_amaya_9_2_2_marfaux.png 2007_04_12_11_34_amaya_9_2_2_wikipedia.png


Opera

Opera est un navigateur multiplateforme. Son moteur s'appelle presto. Ce moteur est surtout présent dans des applications embarquées comme certains téléphones portables ou la nintendo DS et la wii. Il est également utilisé par Adobe dans la creative suite.

Capture d'écran de opera 8.54 2007_04_12_11_37_opera_8_54_marfaux.png 2007_04_12_11_37_opera_8_54_wikipedia.png


iCab

iCab est un navigateur web qui est développé pour mac depuis 1999. Il est issu d'un navigateur fonctionnant sous Atari. C'est actuellement le seul navigateur qui est développé pour les macs sur processeur 68k.

Capture d'écran de iCab 3.0.2 2007_04_12_11_42_icab_3_0_2_marfaux.png 2007_04_12_11_43_icab_3_0_2_wikipedia.png


Internet Explorer

Internet explorer pour mac est sorti en début 2000. (pour Mac OSX) C'est le premier navigateur web a implémenter presque complètement css1. (Même si actuellement, ce navigateur parait ne pas bien supporter les css) Le moteur Tasman est utilisé pour cette version d'Internet explorer mac. Donc, ce navigateur n'a rien en commun avec la version d'internet Explorer pour windows qui lui utilise le moteur trident.

Capture d'écran de IE 5.2 pour mac avec le moteur Tasman 2007_04_12_11_44_internet_explorer_5_2_mac_marfaux.png 2007_04_12_11_45_internet_explorer_5_2_mac_wikipedia.png


Gecko

En 1998, sur la fin de la guerre des navigateurs web, la société Netscape à l'agonie, ouvre le code source de son navigateur à la communauté. Le Projet mozilla est créé, il reprendre le travail sur Gecko pour l'améliorer. A l'aide de toute une communauté de développeur, ce moteur devient en quelques années un des plus performant, et il équipe actuellement toute une famille de navigateur web.

Netscape

Netscape est le navigateur phare de la période de grande expansion des débuts du web. (c'est compréhensible ce que je dis ?? en gros.. 1994 1998) Nestcape est le grand perdant de la guerre des navigateurs. Guerre perdue à cause des pratiques commerciales de microsoft pour imposer IE, mais aussi un peu à cause du manque de volonté de la part des dirigeants de netscape de vouloir implémenter des standards comme css.

Toujours est il que Gecko et toute la famille de navigateurs basés dessus doivent tout à Netscape, et paradoxalement le Netscape actuel doit tout à Mozilla et Gecko, vu qu'il utilise maintenant le moteur développé par la communauté. Toutefois, la part de marché est devenue anecdotique, en regarde des autres navigateurs utilisant Gecko.

Capture d'écran de Netscape 7.2 Gecko/20030208 2007_04_12_11_50_Nestscape_7_2_Gecko_20030208_marfaux.png 2007_04_12_11_51_Nestscape_7_2_Gecko_20030208_wikipedia.png


Mozilla

Mozilla est donc plus ou moins le Netscape de 1998 renommé et rendu opensource. Cependant, depuis, il a fait du chemin. Le moteur s'est beaucoup amélioré. Mais le principe de l'application reste le même: un gros tout en un qui fait navigateur web, client e-mail, irc, aim et web composer.

Capture d'écran de Mozilla 1.7.13 Gecko/20060414 2007_04_12_11_52_Mozilla_1_7_13_Gecko_20060414_marfaux.png 2007_04_12_11_56_Mozilla_1_7_13_Gecko_20060414_wikipedia.png


SeaMonkey

SeaMonkey n'est qu'un renommage de Mozilla. (SeaMonkey 1.0 = Mozilla 1.8). En 2005, la fondation mozilla à annoncé qu'elle avait l'intention de cesser le développement de Mozilla et de se concentrer sur Firefox et Thunderbird qui sont équivalents au tout en un Mozilla, mais dans des applications séparées.

Une communauté de développeur ne voulant pas abandonner Mozilla s'est mobilisée pour reprendre la direction du projet sous le nom de SeaMonkey. La version 1.0 est sortie début 2006.

Capture d'écran de Seamonkey 1.5a Gecko/20060822 2007_04_12_11_54_seamonkey_1_5a_Gecko_20060822_marfaux.png 2007_04_12_11_55_seamonkey_1_5a_Gecko_20060822_wikipedia.png


Firebird

Dès le printemps 2002, un projet expérimental tend à simplifier Mozilla et séparant ses différentes composantes. Le projet ne garde que la partie navigateur web et devient le navigateur web Phoenix. Le 14 avril 2003, pour des raisons de droit des marques, Phoenix change de nom et devient Firebird. En fait, le nom est plus précisément Mozilla Firebird pour faire la distinction avec FirbirdSQL qui est un gestionnaire de base de donnée. Finalement suite à un manque de visibilité à cause de ce problème de nom, le 9 février 2004 Mozilla Firebird devient officiellement Mozilla Firefox.

On peut donc actuellement considérer que ce navigateur est une vieille version de Firefox.

Capture d'écran de Firebird 1.4a Gecko/20030728 2007_04_12_13_43_Firebird_marfaux.png 2007_04_12_13_44_firebird_wikipedia.png


Firefox

Firefox est l'illustre descendant de du projet Phoenix/Firebird, lui même descendant de Mozilla et donc de Netscape... (voir ci-dessus pour les détails) Firefox est actuellement le navigateur en vogue. Actuellement (avril 2007), sa part de marché se situe entre 20% et 30% suivant les statistiques.

Firefox est devenu le produit phare de la fondation Mozilla et c'est également un des logiciels Open Source les plus connu. La grande force de ce navigateur par rapport à d'autres est la possibilité de créer des extensions, ce qui permet de combler tous les besoins des utilisateurs dans le domaine de la navigation web.

Capture d'écran de Firefox 2.0.0.3 Gecko/20070309 2007_04_12_13_47_firefox_2_Gecko_20070309_marfaux.png 2007_04_12_13_48_firefox_2_Gecko_20070309_wikipedia.png


Camino

Camino, à l'instar de Firefox est un projet qui tend simplifier Mozilla pour ne garder que la partie navigteur web de l'application. Comme son demi-frère Firefox, camino a changé de nom, au début, il s'appelait chimera. Camino est vraiment le demi-frère de Firefox, c'est même son grand demi-frère ! En effet, chimera comme FireFox a été conçu par David Hyatt (entre autre). David est un développeur très prolixe, en février 2002, il participe à la création de chimera/camino, puis au printemps il participe au début du projet phoenix/firebird/firefox, et en été, il s'en va chez Apple développer Safari !

Camino est donc le demi-frère de Firefox, ils utilisent tous deux le moteur Gecko. Cependant, Camino est exclusivement conçu pour mac avec les API coca. Il s'intègre donc mieux au mac que firefox. (avantage qui tend à s'effacer avec les progrès fulgurant de Firefox)

Capture d'écran de Camino 1.01 Gecko/20060427 2007_04_12_13_50_camino_1_01_Gecko_20060427_marfaux.png 2007_04_12_13_51_camino_1_01_Gecko_20060427_wikipedia.png


Flock

Flock est un navigateur web qui est issu de firefox. Le but est d'intégrer directement des fonctionnalités dites web 2.0. C'est à dire que flock intègre des outils pour gérer des blogs, que les favoris sont directement importés d'un compte del.icio.us ... etc..

Capture d'écran de Flock 0.7.6 Gecko/20060929 2007_04_12_13_54_flock_0_7_6_Gecko_20060929_marfaux.png 2007_04_12_13_54_flock_0_7_6_Gecko_20060929_wikipedia.png


Webkit/webcore

Le webkit est carrément encore un demi-frère de FireFox ou camino. C'est également un création dans laquelle David Hyatt a participé.... et participe toujours ! Mais en même temps, le webkit.. ou plutôt le webcore est plutôt un cousin, car il n'est pas du tout basé sur Gecko et l'héritage Netscape/Mozilla. Le webcore est une création basée sur khtml, le moteur de rendu de du navigateur Konqueror qui lui fait partie du projet KDE d'interface utilisateur graphique pour linux.

Le webcore est le moteur de rendu html-css. Le webkit est un framework qui inclu le webCore et javascriptCore. Le webkit permet à toutes les applications sur mac d'utiliser facilement des technologies web.

C'est Apple qui est à l'origine de projet du webcore/webkit. C'est durant l'été 2002 que David Hyatt à rejoint apple pour développer la base du nouveau navigateur web devant équiper tous les macs. (à l'époque Internet explorer était le navigateur phare aussi sur les mac ! ... même si chimera et omniweb commençais à apporter une lueur d'espoir, le monde était bien sombre sous la coupe de microsoft)

Le 7 janvier 2003, Apple annonce Safari et le Webcore/webkit, le même jour la communauté a été informée des modifications faites dans khtml pour obtenir le webcore.

Le webcore est actuellement un des meilleurs moteur de rendu html. Il équipe aussi toute une famille de navigateurs et d'application sur les macs et ailleurs. Le webcore est aussi à la base du navigateur S60 de nokia qui équipe des téléphones mobiles, ainsi que de l'environnement de développement d'application Appollo d'adobe.

Le webcore a aussi permit d'améliorer son parent direct: khtml, et donc aussi la navigation web avec konqueror. (Même si la collaboration ne s'est pas toujours fait sans heurts)

Safari

Safari est sorti en janvier 2003, c'est le navigateur maison d'apple. (mais il ne faut pas oublier la communauté qui est aussi impliquée dans le projet webkit) C'est un navigateur qui est destiné aux macs et qui a permis à Apple de ne plus distribuer Internet explorer sur les macs ! C'est actuellement un des meilleurs navigateurs existant. Il est également capable de lire nativement du pdf.

Capture d'écran de safari 2.0.4 AppleWebKit/419.3 2007_04_12_13_58_safari_2_04419_3_marfaux.png 2007_04_12_13_59_safari_2_04419_3_marfaux.png


OmniWeb

OmniWeb est un navigateur méconnu, mais qui a déjà une longue histoire. La première version est apparue en 1995 sur NeXTStep, puis a été porté sur Mac OSX en 2000. Jusqu'à l'arrivée de safari, omniweb était un des navigateurs phare sur mac (surtout pour les gens ne voulant pas IE).

En février 2003, juste après la sortie de Safari, OmniGroup a décidé d'abandonner son moteur html propriétaire et d'adopter le WebCore comme moteur. OmniWeb est le premier navigateur à intégrer une fonction anti-popup !

Capture d'écran de OmniWeb 5.1.3 AppleWebKit/125.4 2007_04_12_14_01_omniweb_563_66125_4marfaux.png 2007_04_12_14_02_omniweb_563_66125_4wikipedia.png


Shiira

Shiira est un navigateur web qui est à Safari ce que Flock est à Firefox ! Ce qui signifie que Shiira est un navigateur très semblable à safari, mais qui dispose de plein de petites fonctions supplémentaires comme le glissé-déposé pour réorganiser les onglets.

Shiira est développé depuis 2005 par des japonnais.

Capture d'écran de shiira 2 AppleWebKit/419 2007_04_12_14_04_shiira419marfaux.png 2007_04_12_14_05_shiira419wikipedia.png


Sunrise Browser

Sunrise browser est un navigateur basé sur le webkit. Il permet de voir que depuis l'avènement du webkit, il n'est plus très difficile de concevoir un navigateur web pour mac!

Sunrise Browser dispose de fonctions spéciales pour régler l'opacité et la taille des fenêtres.

Capture de sunrise breoser AppleWebKit/ 2007_04_12_14_06_sunrise_browser_marfaux.png 2007_04_12_14_07_sunrise_browser_wikipedia.png


Webkit (presque Safari 3)

Le webkit est continuellement en développement, mais il sort une nouvelle version de safari tous les 2 ans ! Donc pour bénéficier d'une version de safari avec un moteur web des plus récent et performant, il suffit de télécharger la dernière version du webkit.

Il est donc possible de changer tous les jours sa version de safari. (en fait, safari ne change pas, c'est juste le webkit à l'intérieur qui change)

Depuis février 2007 cette version du webkit est stabilisée en vue de l'intégrer tout prochainement à la nouvelle mouture de Mac OS 10.5 qui sortir d'ici peu.

Ce nouveau webkit apporte principalement le support natif de SVG ainsi que la personnalisation des boutons et formulaires via du css et une foule d'améliorations dans le support de feuille de style, css2 et css3. (les bordures arrondie, des images comme bordure de boites, l'affichage de texte multi-colonne)

C'est certainement le moteur html le plus abouti. Il est tout a fait conforme au standard w3c (avec de nombreuses fonctionnalités css2 et css3), passe le test acid2, dispose d'objets provenant du WHATWG comme l'objet canevas, il est capable de lire nativement du pdf et du svg, de plus, il est très rapide !

Capture d'écran de Safari 2 AppleWebKit/522 2007_04_12_14_09_webkit_522_marfaux.png 2007_04_12_14_10_webkit_533_wikipedia.png


Internet Explorer

Cette comparaison ne serait pas complète si j'oubliais de montrer le navigateur qui malheureusement (propos pas du tout objectif smile langue bleue) détient encore la première place dans le classement des parts de marché. (en mars 2007: IE6 42% et IE7 24% selon les statistiques de ce site) Il s'agit d'internet Explorer 6 pour windows. (Il ne fonctionne que sur windows)

J'ai donc du rien que pour l'opération dégotter un pc avec windows pour faire une capture d'écran des mêmes pages de tests sur IE6.

A première vue, il n'y a pas une grande différence me direz vous. En fait, la capture d'écran c'est bien mais pas top ! ça permet de voir certaines choses, mais pas tout. Ici on peut quand même voir que la petite étiquette noire collée en haut à droite du site marfaux est vraiment noire sur IE6 et non transparente comme elle le devrait.

Mais une capture d'écran fixe ne permet pas de voir, qu'IE6 ne supporte par le positionnement fixe relatif à la fenêtre. En effet, si l'on descend dans la page avec l'ascenseur, sur tous les navigateurs ci-dessus (même IE5 mac) l'étiquette reste fixe en haut de la fenêtre et donc visible tout le temps.

Avec IE6, ce site utilise une bidouille (un hack en anglais) pour transformer le positionnement fixe en positionnement absolu. Ce qui a pour effet de juste placer l'étiquette en haut de la page, mais si l'ascenseur descend, l'étiquette n'est plus visible.

Ce qui arrive fréquemment c'est que vu la part de marché d'internet explorer, la plupart des développeurs web (dont je fais partie) renoncent à utiliser (en tous cas à grande échelle) certaines fonctionnalités comme le positionnement fixe et la transparence des images (png et css). (et encore d'autres fonctionnalités)

Ce raisonnement est tout à fait malheureux, car les utilisateurs d'internet explorer ne se rendent ainsi pas compte des grandes lacunes de leur navigateur. Mais ceci est en train de changer. Le succès de Firefox à obligé Microsoft à reformer l'équipe de développement d'internet Explorer qui avait été dissoute en 2001 ! (on remaqure bien ici l'intérêt de microsoft pour le web)

Microsoft a donc ainsi sorti sa riposte à Firefox sous forme d'un nouveau navigateur web: Internet Explorer 7. Il corrige les quelques bugs importants décrit ci-dessus. Avec les mises à jour automatiques, IE7 a considérablement réduit la part de marché d'IE6 (~20%-25%). Cette opération a pour effet d'inverser la donne dans les parts de marché de navigateur web supportant la transparence et le positionnement fixe.

Il n'y a plus que ~42% (peut varier entre 20% et 60% suivants les sites !) des gens qui surfent avec un IE6 et donc ne voient pas la transparence, le positionnement fixe et bien d'autres choses. Au vue de cette statistique, et suivant les sites, il est possible pour les développeurs de se risquer à utiliser les fonctionnalités si longtemps délaissées.

Personnellement, j'espère que beaucoup de développeurs s'y risqueront et que l'effet boule de neige va faire son oeuvre. Finalement le reste du parc d'IE6 installé va paraitre encore plus obsolète (dans certain cas IE7 aussi même s'il vient de sortir !) et que la migration vers firefox (ou d'autres excellents navigateurs) se fera encore plus.

Capture d'écran de Internet Explorer 6: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322) 2007_04_13_08_56_IE6_marfaux.png 2007_04_13_08_57_IE6_wikipedia.png

Navigation au sein des articles

1 2 3 4 5 6 7 8
Remonter