Guide pratique du Dark Web

Le web, tout le monde connait. C’est la toile de sites web qui est accessible à qui veut et qui est référencée par des moteurs de recherche.

Tu tapes tes mots clés sur Google et tu obtiens les sites web qui correspondent à la requête.

Le Deep web, le web profond c’est plus vaste. C’est la partie sous l’eau de l’iceberg, c’est la partie qui n’est pas référencée, que les moteurs de recherche ne connaissent pas. C’est aussi les Intranet d’entreprises.

Le Dark web est la face sombre du web. Comme tout ce qui est caché, c’est source de fantasme. Il a y sur le dark web des activités tout à fait légales et louables. Mais aussi une face sombre d’activités illégales qui donc se cachent.

Nous allons voir ici un aperçu du Dark Web, ceci afin de se faire une idée de la réalité de ce lieu, hors des fantasmes.

C'est un petit guide qui est utile à toute personne qui a besoin de protéger sa vie privée, tout comme ce guide est utile à toute personne qui gère un réseau informatique et qui doit se prémunir de formes de piratage.

Routage oignon sur le réseau TOR

Pour le grand public, il y a des termes qui se confondent, alors soyons précis. Voici une métaphore.

Internet, c’est l’autoroute qui permet de transmettre des paquets d’information.

Le web, c’est un service sur internet. C’est la maison qui est accessible via l’autoroute.

Le protocole utilisé sur Internet, c’est TCP-IP.
Le web, c’est un contenu au format HTML qui est téléchargé via le protocole HTTP à l’aide d’un navigateur web.

Pour accéder au Dark Web le plus courant, on va utiliser le protocole de routage oignon par dessus le réseau TOR.

Donc au dessus de l’autoroute qu’est Internet on va ajouter une couche d’anonymisation.

Voici la brochure pdf d’explications de ce réseau TOR et ses avantages...

En vert les communications chiffrée en rouge en clair.

Pour utiliser le réseau TOR il est nécessaire d’utiliser un navigateur web spécifique. C’est le cas par exemple de TOR Browser.

Le navigateur Brave inclus lui aussi une option pour utiliser TOR.

Le routage en oignon est basé sur le principe d’un réseau de noeuds qui servent d’intermédiaires. Chaque noeud ne connait que la source précédente et le destinataire suivant. Ainsi le serveur final ne peut pas connaitre l’identité de la source originale. (contrairement à la visite classique d’un site web)

Exemple d’un circuit TOR qui passe par plusieurs pays.

Il y a environ 8000 noeuds TOR qui font tourner le réseau. N’importe qui peut installer un noeud TOR et participer à étendre le réseau et favoriser la navigation anonyme sur le web.

Il est ainsi possible de naviguer de façon tout à fait conventionnelle via TOR en garantissant son anonymat. On peut ainsi masquer sa géolocalisation, ou mieux choisir son pays de sortie. Ce qui rend obsolète tout ces VPN qui font de la pub chez de nombreux youtubeurs !

Les communications entre les noeuds sont chiffrées en plusieurs couches, d’où le nom du routage en oignons et ses couches successives.

Attention au noeud de sortie du réseau. La communication entre celui-ci et le serveur web de destination n’est pas chiffrée !

routage oinion

Services cachés – Rendez-vous TOR

Jusqu’ici on a ajouté une couche d’anonymisation, mais on a encore pas mis les pieds dans un monde différent du web conventionnel.

Nous allons maintenant étudier la notion de rendez-vous dans un réseau TOR.

Il est possible de créer un service qui n’est accessible que via un noeud en interne du réseau TOR, c’est un point de rendez-vous.

Pour accéder à un service caché – un serveur web par exemple – le système d’url basée sur des noms de domaines et adresse IP ne fonctionne plus. Il y a un nouveau type d’adresse qui est utilisé.

Il s’agit d’une adresse formée de 32 caractères imprimables encodée au format base32. (il s’agit en fait d’un hash d’une clé publique utilisée pour identifier le service caché)

Voici par exemple l’adresse .onion de facebook:

facebookwkhpilnemxj7asaniu7vnjjbiltxjqhye3mhbshg7kx5tfyd.onion

(mais qui veut aller de façon anonyme dévoiler toute sa vie privée sur facebook ??? )

Une des utilisations grandissante du réseau TOR est l’installation de noeuds bitcoin dont la géolocalisation est inconnue. Près de 2/3 des 18000 noeuds bitcoin présents en février 2024 le sont derrière une adresse en .onion.

C’est surtout depuis que la Chine a interdit les cryptomonnaies en 2021 que les mineurs de bitcoin chinois se cachent.

Donc on voit ici que l’on est à la frontière entre le légal et l’illégal. Tourner un noeud bitcoin est tout à fait légal dans la plupart des pays du monde.

Entrée dans les méandres du Dark Web

C’est ici que l’on va entrer dans la zone grise du Dark Web.

Donc ici il est temps de préciser que chacun est totalement responsable de ses actes !

Le but de cet article est de monter un aperçu des possibilités techniques du réseau TOR, de montrer certaines utilisations faites sur le Dark web, mais en aucun cas nous vous incitons à utiliser des services illégaux !

L’entrée sur le Dark web se fait régulièrement via le Hidden Wiki, un annuaire de sites. Il existe une version avec une url standard: thehiddenwiki.org (et en fait il y a plein de wiki différents qui se prétendent “THE” hiddent wiki)

http://zqktlwiuavvvqqt4ybvgvi7tyo4hjl5xgfuvpdf6otjiycgwqbym2qad.onion

.. et là c’est le drame. Il n’y a aucune confiance à avoir en rien. Il y a énormément de faux sites sur le dark web qui sont juste là pour piquer du fric à des gens qui ne viendrons pas réclamer !!

Du coup on peut trouver des annuaires qui tentent d’indiquer la réputation des services du dark web. Voici HST:

http://q3o3hdjbf6vwxdnpskyhxw7w7rnmnfhz2szbuala4q24x6csbp7adiad.onion/

Il existe aussi des moteurs de recherches, mais c’est plus limité que google ou duckduck go (ce dernier étant le moteur de recherche par défaut de tor browser)

Torch:
http://xmh57jrknzkhv6y3ls3ubitzfqnkrwxhopf5aygthi7d6rplyvk3noyd.onion

Ahamia: http://juhanurmihxlp77nkq76byazcldy2hlmovfu2epvl5ankdibsot4csyd.onion

Les services les plus courants sont ceux pour vendre de la drogue, des fausses pièces d’identité, des cartes de crédits bidouillées, des services de piratages…. (on peut engager Vladimir…)

Parfois il y a des énormes places de marché qui se sont crées, c’est l’exemple de Silk Road, qui a été fermé en 2013 par le FBI.

Les payements se font souvent via les cryptomonnaies, comme Bitcoin ou Monero.

Du coup il y a aussi des services pour acheter des cryptomonnaies. AgoraDesk est un service de place de marché pour acheter ou vendre des cryptomonnaies entre particuliers…

Le marché des cryptomonnaies est de plus en plus régulé. Ainsi sur la plupart des plateformes d'achat de cryptomonnaie – comme Bity – il est nécessaire de décliner son identité via le processus de KYC, (Know Your Customer).

Les services à disposition sur le dark web tentent de contourner cette identification afin de garantir un vrai anonymat.

Attention, sur le Dark Web, il n'y a aucune confiance, beaucoup de services sont juste des faux et ils empochent tes bitcoins sans contrepartie !

Sur agoraDesk, il y a un service de protection de l’acheteur. AgoraDesk sert de tiers de confiance entre les deux parties. Ainsi pas d’arnaque possible. C’est là que l’on voit la créativité qui est mise en place quand aucune confiance n’est présente.

Ensuite il faut avoir confiance en la plateforme de place de marché ! .. et c’est pas toujours facile. Avec AgoraDesk le service semble sérieux. Ils ont un nom de domaine: agoradesk.com et une plateforme moderne.

Mais il existe d’autres plateformes uniquement en services caché qui ne me donne aucune confiance.

L’usage d’un intermédiaire de confiance dans une transaction entre deux parties s’appelle en bon français un “dépôt fiduciaire“.

En anglais, ce type de tiers de confiance s’appelle un “escrow“.

Je sais pas pour toi, mais moi j’ai un peu de peine à laisser mon argent à un escroc !! :-p

escrow
Exemple de pub pour une marketplace et son escrow !

Ransomware et données personnelles

De plus en plus souvent on trouve des données personnelles en “libre accès”, sur le dark web, souvent suite au non paiement d’une rançon.

C'est ici que tout admin d'un réseau informatique doit avoir connaissance des pratiques de rançon de données, afin de voir à quelles conséquences il expose sont organisation si il sécurise mal son réseau !

Il existe donc plusieurs groupes qui prennent en otage des données piratées et menacent de les rendre publiques si une rançon n’est pas payée.

Il y a des cagnottes en lignes, et là c’est justement sur le dark web que tout se négocie.

Un des cryptolocker les plus connus est LockBit, ce groupe a même fait une campagne de pub tout à fait particulière en offrant 1000$ à toute personne qui se fait tatouer leur logo !!!

tatoo lockbit

https://twitter.com/3xp0rtblog/status/1568905012587417600

Ce groupe a notamment piraté l’Université de Neuchâtel, et des cabinets médicaux de la région en début de l’année 2022.

Plusieurs communes de Suisse ont aussi été piratées, par exemple les communes de Rolles et de Montreux.

Un des exemples les plus retentissant est le piratage et la rançon de données sur l'Hôpital du Sud Francilien en septembre 2022. L'hôpital est retourné à une gestion papier durant plusieurs semaines, les ordinateurs étant inutilisables à cause des données chiffrées et donc inaccessibles. Le groupe Lockbit a demandé une rançon de 1 million $ qui n'a pas été payée. Du coup 11 Go de données se sont retrouvée en libre accès sur le dark web.

De nombreux autres sites ont vu leur données publiées par Lockbit…

De nombreuses autres entreprises sont en cours de piratage….

Parfois ce n’est pas celui qui est piraté qui en fait les frais…. exemple des produits laitiers

En avril 2022, les Laiteries Réunies de Genève se font pirater. Un grand nombre de données sont publiées sur le dark web.

C’est le point de départ d’une publication des prix et des marges qui sont faites par les grands distributeurs de suisse romande.

Plusieurs articles de journaux révèlent les marges énormes que Coop et Migros se font sur les produits laitiers. Un questionnement se fait sur la politique des distributeurs de mettre la pression sur les producteurs alors qu’ils ont de grosses marges. Car finalement le prix du lait ne permet pas de vivre.

Donc le lait est subventionné par la confédération. Donc finalement c’est le contribuable qui finance les marges énormes de Coop et Migros sur les produits laitiers ! A méditer !

Dans la même période, une autre crémerie s’est fait piratée. Il s’agit de Cremo….

Certains cherchent à avoir le beurre et l’argent du beurre ?

Données piratées sur facebook

Mais parfois aussi il s’agit de données piratées sur facebook:

http://4wbwa6vcpvcr3vvf4qkhppgy56urmjcj2vagu2iqgp3z656xcmfdbiqd.onion

ou sur instagram:

http://breachdbsztfykg2fdaq2gnqnxfsbj5d35byz3yzj73hazydk4vq72qd.onion/LeakedPass

Lorsque tu installes un petit jeu sur facebook, une application externe, du genre FaceApp pour voir à quoi tu ressemblera vieux... ou un sondage dans la saga Harry Potter es tu plutôt Ron ou Hermione ? ... Il y a de fortes chance que tu ouvres la porte de tes données à des développeurs externes. Parfois c'est pour le meilleur... et parfois pour le pire.

C'est ainsi que d'immenses bases de données se collectent et se retrouvent parfois sur le Dark Web, comme avec l'exemple du site "FuckFacebook".

Il est possible de retrouver le numéro de téléphone d'une personne en indiquant son nom. C'est là qu'on découvre qu'il y a beaucoup d'Emmanuel Macron au Cameroun !! ... des faux comptes facebook !

En 2014, j'avais réalisé un petite application facebook qui permettait d'aller chercher les données des amis de ses amis. C'était pas dur à faire. J'avais ainsi pu collecter depuis mon propre compte les données de centaines de personnes afin de réaliser un graphe de mes amis facebook.

J'avais pu mettre en évidence les différentes communautés dans lesquelles sont mes amis. (amis d'étude, amis du quartier d'enfance, amis d'associations, etc.... et ceux qui sont en même temps dans plusieurs communautés)

toile de confiance amis_facebook_martouf_grandes_communautes

Ce genre d'application n'est plus autorisé, surtout depuis le scandale de Cambrige Analytica.

Faisons un petit détour pour étudier cette affaires fascinante tout autant qu'inquiétante à propos de la protection des données et la manipulation de l'information à des fins politiques.

La société Cambrige Analytica a collecté ainsi des informations sur 87 millions de personnes, principalement aux USA, ceci afin de profiler les électeurs sur leur orientation politique et de les influencer. En 2016, cette technique a permis la victoire de Donald Trump aux élections présidentielles.

Le mode opératoire était simple. C'était d'identifier les personnes indécises et de leur envoyer des pub facebook pour les influencer. La pub n'étant vue que par la personne ciblée, elle peut avoir un contenu totalement mensonger sans que ça se remarque globalement.

Par exemple, les personnes ayant indiqué sur leur profil facebook qu'elles aime des pages pro-armes ont reçu des pub du genre "Hillary va interdire les armes". Le message sans fondement fait son chemin et la personne va voter pour le camp opposé.

Cette subtile machinerie a été pensée dès 2012 par Steve Bannon (à la tête de Breitbart News) et Robert Mercer. Ce dernier est un milliardaire américain CEO du fond d'investissement Renaissance Technologies, un fond très spécial largement piloté par des IA et qui fourni un rendement gigantesque. Rebekah Mercer – la fille de Robert – était l'administratrice de Cambridge Analytica.

L'équipe a fait des expériences d'influence politique via les médias sociaux. C'est avec la campagne de Ted Cruz que la technique a été affinée puis c'est avec la campagne de Donald Trump que la technique a remporté la victoire.

Les démocrates n'arrête pas de désigner une influence russe dans la campagne électorale, mais on observe ici que c'est surtout un milliardaire américain qui a manigancé l'élection d'un autre milliardaire américain !

Voilà donc un exemple flagrant qui montre pourquoi il faut faire attention à la protection de ses données personnelles.

Service de e-mail anonyme

Le scandale de Cambridge Analytica, nous montre qu'une poignée de personnes peut influencer des millions de personnes pour faire basculer des opinions.

Ceci est surtout possible via l'accès à des données personnelles et la possibilité d'envoyer un message ciblé. Si l'on sécurise ses outils numériques la tâche est plus ardue.

Ainsi le e-mail est stratégique.

On sait que la messagerie de Gmail de Google est livrée en pâture à plein de robots et IA. Ceci pour des raisons commerciales d'affichage de pub contextualisée. Si ce n'est QUE commercial, c'est un moindre mal. Mais on sait grâce à Edward Snowden que la NSA a infiltré les serveurs de Google.

Les personnes soucieuse de leur vie privée privilégient des fournisseurs de e-mail sécurisés.

Le e-mail étant décentralisé, il y a des millions d'hébergeurs possibles. C'est déjà suffisant pour sécuriser ses conversations. Mais certains vont plus loin en fournissant un accès à leur service via le Dark Web.

Le célèbre protonmail a aussi son adresse .onion:

https://protonmailrmez3lotccipshtkleegetolb73fuirgj7r4o4vfu7ozyd.onion/

On trouve aussi Riseup qui est connu de longue date:
http://vww6ybal4bd7szmgncyruucpgfkqahzddi37ktceo3ah7ngmcopnpyyd.onion/

Et des services moins connus… donc attention !

Elude:
http://eludemailxhnqzfmxehy3bk5guyhlxbunfyhkcksv4gvx6d3wcf6smad.onion/

Mail2Tor:
http://mail2torjgmxgexntbrmhvgluavhj7ouul5yar6ylbvjkxwqf6ixkwyd.onion/

Sonar la messagerie privée…
http://sonarmsng5vzwqezlvtu2iiwwdn3dxkhotftikhowpfjuzg7p3ca5eid.onion/

Messagerie instantanée sécurisée

Les messageries instantanée remplacent largement le e-mail de nos jours.

Cependant les grosses messageries du moment sont loin d'être sécurisée et confidentielles.

Le groupe Meta (facebook) est propriétaire des app Messenger, WhatsApp, Instagram. Il y a donc des milliards d'utilisateurs qui passent par les serveurs de Meta pour communiquer. Le scandale de Cambridge Analytica nous a montré que facebook est vulnérable.

L'app s'est sécurisée, mais la confiance est rompue.

La lecture des politiques de confidentialité des différentes app nous montrent d'ailleurs qu'elles sont de loin pas toute équivalente. Whatsapp est la plus sécurisée et Instagram la moins sécurisée.

Politique de confidentialité d’Instagram

Résumé simple de la version 2017 de la politique de confidentialité instagram:

Vous êtes propriétaire des photos et des vidéos que vous publiez, mais nous sommes autorisés à les utiliser, et nous pouvons laisser les autres les utiliser aussi, partout dans le monde. […]

Nous pouvons conserver, utiliser et partager vos informations personnelles avec des entreprises liées à Instagram. Ces renseignements incluent votre nom, votre adresse électronique, votre école, votre lieu de résidence, vos photos, votre numéro de téléphone, vos préférences et aversions, vos destinations, vos amis, votre fréquence d’utilisation de l’application et tout autre renseignement personnel que nous trouvons, comme votre anniversaire et les personnes avec qui vous échangez, y compris dans les messages privés.”

Politique de confidentialité de Whatsapp

En 2021, la mise à jour de la politique de confidentialité de Whatsapp a fait du bruit. Beaucoup d’utilisateurs sont partis sur Signal ou Telegram.

Mais quels sont les vrais changements ?

  • partage des données avec la maison mère: meta (facebook).. mais en fait déjà depuis 2016 ! (rachat 2014) Mais en 2016 il y avait une case à cocher pour refuser le transfert, option qui a disparue pour les nouveaux comptes.
  • ip
  • no tel
  • info de connexion, avec qui, quand.
  • La nouveauté → service commercial, entreprise → la collecte de data est autorisés pour le entreprise qui font leur services clients sur whatsapp.

Il est à noter que contrairement à Facebook Messenger ou Instagram qui font partie du même groupe Meta, le contenu des messages de Whatsapp est chiffré de bout en bout.

Donc théoriquement Meta n’a pas accès au contenu, mais uniquement aux méta-données de connexion, heures, avec qui, etc..
.... sauf quand le message est “signalé” à des modérateurs. !!

En effet, si l'on "report" le message, ce dernier et les 4 messages précédents sont collecté et envoyé pour examen par Meta !

Snowden révèle le programme d'espionnage de la NSA

Depuis juin 2013, Edward Snowden nous dévoile les programmes de surveillance secret de la NSA, particulièrement PRISM et XKeyscore.

Il s'agit d'un projet d'agrégation des données provenant des GAFAM et de tous les gros fournisseurs de services web de l'époque, et d'un projet de moteur de recherche pour accéder aux données.

PRISM collecte les données des GAFAM et autres..

Ainsi, il est avéré que des portes dérobées (ou grande ouvertes suite à des négociation ?) sont présente dans tous les grands services sur le web au profit de la NSA.

Y'a pas Amazon sur le slide ? et bien peut être que ça t'intéressera de savoir que le général Keith Alexander – le chef de la NSA du temps des révélations de Snowden – a rejoint la direction d'Amazon en septembre 2020.

Qui a besoin de qui ? Amazon a besoin des compétences d'un militaire spécialiste en espionnage électronique ?
Ou c'est le contraire ? Le gouvernement US a besoin d'entrée chez Amazon ?

Il faut savoir qu'en plus d'être une place de marché très fréquentée, Amazon est aussi une infrastructure d'hébergement très largement utilisée pour de nombreux services. Donc quand t'arrives pas à pénétrer dans un site web, pirate l'hébergeur !!

Les slides datant de 2013, nous ne savons pas ce qu'il en est des services des messageries actuels, comme Whatsapp, Telegram et Signal.

Snowden recommande l'app Signal, la plus sûre. Bien que Tucker Carlson semble avoir dit que la NSA avait été informée de son projet d'interview de Vladimir Poutine alors qu'il n'en avait parlé que sur l'app Signal....

Les faits sont flous, Signal n'est peut être pas en cause. On peut aussi imaginer que c'est le téléphone qui a été compromis. C'est notamment ce que peut faire le logiciel espion Pegasus créé par la société Israélienne NSO.

Des personnalités politiques ont été ciblées par ce logiciel, c'est le cas d'Emmanuel Macron.

Whatsapp a adopté le chiffrement de bout en bout de Signal, mais ça reste toujours le groupe Meta....

Telegram a un fonctionnement différent, il y a un serveur intermédiaire et le chiffrement de bout en bout est une option. L'app n'est donc pas jugée fiable.

Telegram est scruté par des services de renseignements. Ce qui n'est pas forcément une mauvaise chose. Notamment quand les services de renseignements Suisses repèrent des djihadistes.

Ainsi en 2023, les services de renseignements suisses annoncent suivre l'activité de quasi 500 personnes proche de millieux djihadistes.

Il y a toujours un équilibre à trouver entre l'intrusion dans la vie privée et la manipulation du genre Cambridge Analytica, mais aussi une veille sur des comportement terroristes potentiels.

Il faut juste être au courant de la définition d'un comportement terroriste.

En septembre 2020, le peuple suisse a voté la loi MPT qui dit:

Art. 23e Définitions
1 Par terroriste potentiel, on entend une personne dont on présume sur la base d’indices concrets et actuels qu’elle mènera des activités terroristes.

2 Par activités terroristes, on entend les actions destinées à influencer ou à modifier l’ordre étatique et susceptibles d’être réalisées ou favorisées par des infractions graves ou la menace de telles infractions ou par la propagation de la crainte.

Donc selon cette nouvelle définition du terrorisme en Suisse, est-ce qu'un mouvement comme eXtinction Rebellion qui paralyse des rues de centre ville pour modifier un agenda politique en invoquant l'urgence climatique et en propageant la crainte de grave problème de survie si on ne fait rien... est-ce qu'un tel mouvement est un mouvement terroriste ?

Il y a déjà un politicien connu qui a franchi le pas:

Les activistes climatiques sont certainement visés comme eco-terroristes !

Applications de messageries sécurisées

Il existe des applications de messageries sécurisées qui sont peu connues mais probablement plus sécurisées.

Ricochet Refresh

C'est le cas de l'application Ricochet Refresh qui utilise le réseau TOR pour communiquer.

https://www.ricochetrefresh.net

Ainsi l'application ricochet refresh utilise le même réseau de routage oignon que ce qu'on peut utiliser pour aller sur le Dark Web. Voici une documentation sur le fonctionnement de cette messagerie instantanée.

L'anonymisation est garantie par la matrice de TOR. Ainsi il est impossible de connaitre les métadonnées de connexion. Donc par exemples l'adresse IP utilisée pour se connecter.

Cette application de messageries est un projet supporté par l'organisation Blueprint for free speech.

Tox

Les pirates de Lockbit utilise le protocole de messagerie décentralisé Tox pour les communications avec leur victimes !

Il existe plusieurs applications de messageries qui utilisent le protocole Tox pour communiquer.

Il y a l'app Android aTox. La seule version d'app pour mobile.

Mais aussi: Toxic, l'app en ligne de commande... Toxygen, uTox, et qTox (le client le plus populaire)

qTox se télécharge ici.... Cette app permet de passer des appels audio et vidéo.

Il est aussi possible de faire passer Tox via le réseau TOR, mais c'est pas par défaut.

D'autres activités sur le Dark Web

Blogs – Média

Il existe un certains nombres de blog pour les geeks....

Paste – Bin

Les services des "paste-bin" sont une sorte de copier-coller du web.

Ils servent à échanger un texte brut, souvent pour copier du code informatique. Il existe plusieurs services libres et qui garantissent la confidentialité des données.

On peut aussi imaginer déposer des messages secret à d’autres personnes….

Il existe ainsi des paste-bin au coeur du réseau TOR, par exemple:

http://torpastezr7464pevuvdjisbvaf4yqi4n7sgz7lkwgqwxznwy5duj4ad.onion/

Ce genre de services est utilisé par exemple par le “Jeu” CICADA 3301 qui vise à recruter des gens très intelligent en leur proposant un jeu de piste et des énigmes…
On ne sait toujours pas qui est derrière ce jeu !

Tracking par “mouchards”

Un autre soucis sur la protection des données, pas lié au Dark web, mais nettement plus utile dans la vie de tous les jours, c’est plutôt les régies publicitaires ou outils de statistiques (qui en fait sont les mêmes… Google AdSense couplé à Google analytics par exemple !)

Google analytics est présent sur un très grand nombre de site. Ainsi le cookie de Session est reconstitué d’un site à l’autre en fonction de détection de paramètres comme la taille d’écran, l’OS, l’IP source, le navigateur web, les plugins installés.

Il semble que Google Analytics peut se baser sur une centaine de critères pour identifier un visiteur unique. Cette information peu être enregistrée dans un cookie. Mais elle peut tout aussi bien être reconstituée sur le moment. Donc le cookie n’est pas en cause.

Voici un outil de l’Electronic Frontier Foundation qui permet de voir si ton navigateur a une empreinte unique ou non….

Tu peux installer Privacy Badger, un plugin fait par l’EFF pour se protéger contre les trackers.

Ainsi tu peux naviguer tranquille sans mouchard.

L'extension Disconnect fait aussi un boulot similaire. Ainsi tu peux savoir qui te traque et les couper.

Firefox

Pour terminer, l'outil le plus important de nos jours pour se balader sur le net, c'est un navigateur web.

C'est donc la base. Il est important d'utiliser et soutenir un navigateur web ouvert et libre. C'est le cas de Firefox développé par la fondation Mozilla.

Dans le monde des navigateurs web, il ne reste plus que deux moteurs de rendu html. Gecko est le moteur utilisé par Firefox. Alors que Google utilise Blink, lui même dérivé de Webkit.

Microsoft qui avait gagné la guerre des navigateurs web en 2001, a finalement perdu contre la fondation Mozilla et le logiciel libre. Microsoft utilise maintenant le moteur Blink promu par Google.

TorBrowser qui est le meilleure navigateur pour naviguer sur le Dark web, est en fait un fork de Firefox.

Il est important de faire la promotion d'un outil libre pour naviguer sur le web.

On a un exemple ces dernier temps de la guerre de Google contre les blockeurs de publicité.

Pour le moment google a perdu la bataille. Les extensions adBlock et surtout uBlock bloquent toujours la pub sur youtube.

Mais qui conçoit le navigateur web qui permet d'ajouter des extensions ?

Le navigateur web Chrome est développé par Google. Et si un jour Google décidait de refusé des extensions qui bloquent les pub ??

Il est important d'avoir un navigateur web qui est indépendant des gros fournisseur de services web.

Ainsi utilise et fait la promotion de Firefox, un navigateur web indépendant.

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

Logiciels pour bien débuter sur mac

Applications pour mac

La vocation de cette page est de montrer les « trucs indispensables » pour bien débuter sur mac...

Indispensable dépend toujours de ce que tu fais avec ton ordi, mais globalement ça donne des idées. (même pour les gens qui ne débutent pas !)

En gros, il y a déjà de nombreuses applications d'Apple installées en standard qui sont très pratiques.

  • Mail pour recevoir et envoyer tes e-mail.
  • Safari pour te balader sur le web. (.. et firefox pour compléter... moi j'utilise les 2)
  • iTunes pour lire de la musique, t'abonner aux podcast des émissions de la RSR ou de canal-Alpha.. ou autres..
  • Carnet d'adresses pour stocker les infos sur tes contacts, imprimer des étiquettes. Il communique très bien avec mail et adium, il ne faut donc pas hésiter à mettre les adresses là dedans. Mail les utilise pour écrire des e-mail et il affiche aussi la photo des gens qu'il connaît quand tu reçoit un mail.
  • iCal pour organiser ton emploi du temps. Il est possible de lui demander d'afficher les anniversaires des gens qui sont dans ton carnet d'adresse.
  • Quicktime player. Permet de lire toutes sortes de vidéos. En ajoutant quelques bibliothèques de codecs supplémentaires comme flip4mac (voir ci-dessous), il est possible d'étendre ce qu'il est capable de lire.
  • Aperçu: C'est l'outil à tout faire avec des images et des PDF. Il est possible de recadrer des images ou des PDF. De faire des copier coller d'extrait. C'est un outil indispensable.
  • TextEdit. C'est un petit logiciel de traitement de texte très basique. Il est suffisant pour écrire des lettres, mais plus, ça devient compliqué. Par contre en lecture il est beaucoup plus fort, il lit plein de formats différents qui n'ont pas grand chose à voir comme les fichiers word et html.
  • iPhoto: pour faire joujou avec tes photos...
  • iMovie pour faire du montage vidéo.
  • iDVD pour graver très simplement un DVD avec un superbe look de ton film que tu viens de monter avec iMovie.
  • La suite iWork. Qui est la suite de bureautique de Apple. Moi je n'utilises pas, car je fais très peu de bureautique. Mais par exemple Antoine est un fan de Pages le traitement de texte. (Pages, Numbers et Keynote) Keynote est superbe, si tu veux faire une présentation fait là avec keynote plutôt qu'avec power point... au besoin tu peux exporter en powerpoint.. mais c'est tellement plus beau et plus facile de faire une présentation avec keynote qu'il serait bête de s'en passer.
  • Dashboard... et tous ces widgets... c'est plein de nouvelles mini applications. La météo c'est sympa. Il y a moyen aussi de mettre là dessus un bout de page web que tu visite souvent. Par exemple, la page météo radar de landi.ch pour voir l'évolution des précipitations dans les 10 minutes.

Après les applications Apple déjà sur ton mac... il y a encore des milliards d'autres applications qui peuvent être très utiles !

Voici une liste d'applications open source pour mac qui sont vraiment bien.

http://www.opensourcemacsoftware.org

Cette liste est probablemetn plus à jour que le mienne ci-dessous qui date un peu:

Voici ci-dessous une liste avec le descriptif, les noms et liens sur quelques applications que je trouve bien.

Bureautique

  • Keynote 4.0.1 (*****): remplace agréablement MS PowerPoint.
  • OpenOffice (*****): L'alternative OpenSource et gratuite à MS office. Traitement de texte, tableur et base de donnée. Ce logiciel est capable de lire tous les formats microsoft. (même les docx que de vieille version de MS office ne sont pas capable de lire) Avec OpenOffice, plus besoin de microsoft.
  • Graphviz:(*****) Ce logiciel est un visualiseur de graphe au format Dot. La technique de création de graphe au format dot est une technique pour geek ! Tout se fait en créant des liaisons entre des chaînes de caractère dans une syntaxe texte. Mais ensuite, l'avantage énorme que l'on a en utilisant graphviz est que le placement des bulles d'un énorme graphe se fait tout seul et de manière très jolie. Il est possible ensuite d'exporter le graphe dans de nombreux formats. (PDF, svg, png, etc..) Omnigraffle est également capable de comprendre le format Dot, vu qu'il utilise graphviz pour faire le placement automatique de graphe.
  • OmniGraffle: (*****) Le logiciel par excellence pour faire de la mise en page de diagramme ou schémas. L'interface graphique d'omnigraffle est un exemple pour tout concepteur d'interface graphique tellement elle est bien faite! Omnigraffle permet d'assembler des images bitmap ou vectorielle avec des blocs de texte. Une de mes utilisation principale de ce logiciel est la création de circulaire sympa pour des camps ou manifestation.

PDF

  • Skim (*****) Lecteur de PDF qui fait pareil qu'Aperçu, mais parfois en mieux et surtout ne tient pas compte des protections des pdf. 😛
  • PDFLab (*****): outils indispensable pour bidouiller du pdf. Très utile pour assembler des pages. Un petit passage d'un pdf protégé contre le copié coller dans pdfLab permet de faire sauter la protection! => plus supporté depuis snow leopard 🙁
  • PrinceXML (*****): outils en ligne de commande (pour geek) qui permet de générer des PDF à partir de document xml, xhtml, svg, mathml. Pour la mise en page, tout est basé sur le CSS. Il comprend très bien les feuilles de style, notamment celle destinée au média print. PrinceXML dispose aussi d'une API en php (et dans la plupart des autres langages) Ce qui permet de l'intégrer dans une application web.
  • wkhtmltopdf(*****): un outil équivalent à princeXML, mais gratuit et openSource. Il est basé sur webkit, le coeur du moteur de safari et de chrome. Donc il connait bien l'html 😀 Mais il manque parfois de quelques fonctionnalités dédiée au média papier que princeXML connait. (les sauts de page, remettre une entête de colonne quand un tableau est coupée). Par contre, il dispose de fonction pour générer automatiquement une table des matière et page de titre qui sont très agréable.

Photo

  • Photomatix: (***) C'est le logiciel de référence pour faire de la photo HDR. Par contre sont ergonomie laisse un peu à désirer !
  • Hydra : C'est l'alternative à Photomatix pour faire de la photo HDR. Un énorme effort a été fait au niveau de l'interface graphique. Il est donc ainsi beaucoup plus agréable a utiliser que photomatix.
  • DoubleTake: (*****) Logiciel d'assemblage de photo pour faire des panoramas. Ce logiciel est superbe, il suffit de glisser la série de photo pour qu'il assemble le panorama. Pas besoin de se préoccuper des angles de recouvrement du nombre de photo il fait tout tout seul ! DoubleTake permet aussi de créer des posters. Il est capable de découper une image pour la répartir sur de multiples pages, ainsi que de fournir des traits de coupe.
  • GraphicConverter: (*****) L'incontournable outil de conversion d'image dans tous les formats ! C'est le seul outils vraiment efficace que l'on a sur mac pour gérer le classement de photo avec des mots-clés IPTC. Le moteur de ce logiciel est vraiment bien et très personnalisable. Cependant, au fil des années l'interface graphique est devenue vieillotte et très peu homogène. Pour gérer des photos, il faudrait le moteur de GC et l'interface de iPhoto ! 😛 L'interface vient d'être refaite, ça va dans le bon sens. Mais je suis un peu perdu dans la nouvelle version ! 😛
  • MacOSaiX: (*****) Ce logiciel permet de faire des mosaïques d'images. On lui fourni une image à reproduire en mosaïque et plusieurs sources de données avec des milliers d'images (dossier, flickr, google image). Le logiciel va piocher dans les milliers d'images à disposition pour les assembler de telle manière à reproduire l'image voulue. Pour se faire une idée voici un exemple. (le calcul peut prendre plusieurs heures suivant les réglages.)
  • Seashore: (****) Petit logiciel de retouche de photo basé sur le code de Gimp, le photoshop libre. Seashore a été conçu dans le but d'être simple. Il s'intègre très bien dans l'interface du mac. Il fournit toutes les fonctions de base d'un logiciel de retouche. (recadrage, redimensionnement, sélection, texte, pinceau, doigt, tampon, dégradé, système de calque, quelques filtres, flou, etc..) Seashore a aussi un module d'importation SVG, ce qui lui permet de piocher dans la superbe bibliothèque d'openclipart.
  • Picasa: (****): Le logiciel de gestion de photo de google. C'est un concurrent de iPhoto. Je lutilise principalement pour faire la synchronisation de mes photos avec le pendant online de picasa, picasaweb. J'ai augmenté mon espace disponible de 1Go à 81 Go pour la modique somme de 20$ par an afin d'avoir un endroit où j'ai toute mes photos online. ça me sert également de moyen de sauvegarde.

Agrégateur de Flux

  • NetNewsWire: (*****) C'est l'agrégateur de flux Atom, RSS par excellence. Il est très complet et personnalisable. Il y a moyen de voir les pages web liées directement dans NetNewsWire, mais sans le flash, ce qui est très pratique pour éviter de faire mouliner le mac à cause de la pub !
  • RSSMenu: (*****) Petit agrégateur de flux atom et RSS qui est très pratique pour être notifié d'une modification sur un site web ou un wiki. Couplé avec Growl, à chaque modification d'un flux, il y a un événement growl qui est fait. Pour chaque flux, il est possible de régler la durée entre 2 rafraîchissement. Par défaut RSSMenu mets à jour les flux toute les 30 minutes. RSSMenu se présentent comme une icone dans la barre de menu.
  • Actuellement, j'utilise surtout google reader, pour la possibilité de pouvoir partager mes lectures intéressantes dans ma liste de partage. Les liens vers mes dernières lectures sont visibles sur la page d'accueil de ce site dans le cadre doré.

Navigateur web

Hormis Safari qui est par défaut sur tous les macs il existe de nombreux autres navigateurs web, voici quelques uns.

  • FireFox: (*****) Basé sur gecko, c'est mon navigateur préféré en terme de fonctionnalité, il comporte de nombreuses extensions utiles. Il devient parfois un peu lent par rapport aux évolutions de safari et chrome. Mais c'est temporaire tellement ça change vite dans le domaine. La barre intelligente est tellement bien que c'est le critère qui fait de firefox mon navigateur par défaut.
  • Camino: (*****) Basé sur gecko, Camino est le grand frère oublié de Firefox. Il est parfois mieux intégré au mac que firefox tout en restant très semblable.
  • Shiira: (****) Basé sur webkit Shiira est clone de Safari.
  • Flock: (****) Navigateur basé sur gecko, il intègre tous les outils pour mieux gérer les réseaux sociaux et site communautaire de photos, vidéo etc...
  • Chrome (*****): Navigateur de google, basé sur webkit. Il est vraiment bien, malgré le fait qu'il ne comprend pas les flux rss par défaut !

Graphisme

  • Inkscape: (*****) Logiciel de dessin vectoriel. Inkscape est le logiciel par excellence pour créer des dessins vectoriels au format SVG. Depuis peu, il permet également d'éditer des PDF. Inkscape se couple aussi directement avec la bibliothèque d'images libres openclipart.org. Avec ce principe d'échange d'image, il devient très facile de devenir un artiste de talent. Il est possible de récupérer des morceaux d'image intéressant un peu partout pour en faire une nouvelle image tout à fait adaptée à ses besoins. (voir à ce propos mon article sur la culture du remix et sur la girafe et le singe qui sont des dessins très populaire que j'ai fait.) Vive les images vectorielles. Seul bémol dans l'utilisation d'inkscape sur mac, c'est qu'il ne fonctionne que dans un serveur graphique X11 et non avec l'interface native aqua, il faut donc s'habituer à faire des copier coller avec ctrl-c et non pomme-c !
  • PixelMator: (*****) Bonne alternative à photoshop.

Réseau

  • Adium: (*****) Excellent logiciel de messagerie instantané qui comprend un peu plus d'une douzaine de protocoles. Ce logiciel est très pratique pour avoir tous ces contacts de plusieurs messagerie dans la même application. Adium s'intègre très bien avec le mac. Il communique avec le carnet d'adresse. Il est possible de dire que l'image du carnet d'adresse provienne de l'image d'avatar des messageries instantanées; ainsi, mes amis peuvent changer eux-même leur image dans mon carnet d'adresse. Il existe une quantité incroyable de plugin et de skin pour adium. Ainsi chacun peu personnaliser ce logiciel à sa guise. Adium utilise intensément les événements Growl ce qui est très pratique. Le seul bémol d'adium est qu'il ne gère pas les vidéos conférences.
  • aMSN: (***) Ce logiciel de messagerie instantanée n'est pas aussi bon qu'Adium (surtout par ce que c'est un clone du clien msn original), mais il a l'énorme avantage de pouvoir gérer les vidéos conférences sur la messagerie MSN.
  • Colloquy: (*****) Pour les vieux dinosaure qui savent encore ce que c'est, Colloquy est un client irc ! (Internet Relay Chat) Forme d'antique messagerie instantanée basée sur des canaux de conversation.
  • CyberDuck: (*****) Excellent client ftp et sftp. Qui s'intègre très bien avec le mac et qui permet de sauver des réglages de connexion.
  • KompoZer: (***) Logiciel permettant d'éditer des pages html de manière visuelle. Il intègre un client ftp ce qui est pratique pour éditer des pages directement sur un serveur. (10 ans après, voilà ce qu'est devenu Kompozer...)

Vidéo / TV

  • CocoaJT: (****) Ce logiciel est conçu à la base pour télécharger les émissions de tv mises à disposition par certaines chaînes de TV. CocoaJT connaît de nombreuses chaînes de tv à travers le monde, cependant au fil des changements de liens, de nombreuses chaînes ne fonctionnent plus. On remarque de part le monde que c'est la Télévision suisse romande qui est la télévision qui propose le plus de contenu sur internet! Mon utilisation de cocoaJT est surtout pour sa fonction magnéto qui permet d'enregistrer sur son disque dur une émission de tv proposée en streaming au format real media (rm) ou window media (wmv). Pour effectuer un tel enregistrement, il suffit de fournir le lien de la vidéo à la fonction magnéto. Cette adresse peut être obtenue à l'aide du menu contextuel en cliquant sur la vidéo sur le site web officiel de distribution de l'émission. (par exemple tsr.ch)
  • Flip4mac: (*****) Ce plugin quickTime permet de lire des vidéos au format windows Media (wmw) directement dans le lecteur quickTime.
  • Perian: (*****): le couteau suisse de la vidéo suir mac. Il ajoute plein de codec.
  • VLC: (*****) Lecteur vidéo mulimédia libre qui lit tous les formats du divx au DVD! Un indispensable!
  • Miro: (*****) Agrégateur de vidéo podcast et outils de téléchargement de vidéos sur des plateformes comme youtube. Miro tente de montrer un nouveau modèle pour la diffusion et la consommation de vidéos. Avec les podcast, chacun peu concevoir sa chaîne de TV et miro est l'application qui permet de rassembler les canaux intéressants. Miro fait la promotion d'un modèle libre de consommation de vidéo contrairement à ce que les studios de cinéma aimeraient faire avec des batteries de DRM pour enfermer les utilisateurs ! Il faut donc soutenir Miro et rappeler que les studios hollywoodiens se sont construit en plein désert juste pour être le plus loin possible de Thomas Edison et des ses brevets sur le matériel de production cinématographique! Voilà que maintenant les brigands d'autrefois accusent les amateurs actuels de cinéma, pourtant souvent dans leur bons droits, de pirater des films!
  • Zattoo: (*****) Pour regarder la télévision en direct comme devant une vrai TV, mais sur son ordinateur via internet grâce à une diffusion en peer to peer. Zattoo propose un nombre de chaînes variables suivant la localisation géographique. C'est en suisse que nous avons le plus grand nombre de chaine de TV. 😀

Musique

  • Last.fm: (****) Client officiel de scrobbling pour le site communautaire de musique last.fm. Les statistiques de musique que l'on écoute dans iTunes sont envoyées sur son compte last.fm. Il est possible d'écouter sa playlist en streaming. Seul bémol, ce client officiel n'utilise pas les événements growl. (last.fm est devenu payant depuis avril 2009 🙁 )
  • iscobbler: (*****) Alternative au client officiel spécialement développé pour mac. Il utilise les événements growl et dispose d'une fonction de présentation des statistiques d'écoute très bien faite.
  • iEatBrainz: (****) Ce logiciel permet de remplir automatiquement les ID3Tag des fichiers mp3 grâce à une base de donnée de musique. En gros, ce logiciel écoute votre musique et remplit les méta-données si il reconnaît le morceau !

Maintenance du Mac

  • Monoligual: (*****) Mac OSX et les applications qui peuplent votre mac sont souvent multilingues. Un paquet du genre monapplication.app est dossier qui contient de nombreux fichiers d'interface utilisateur dans toutes les langues. Etant donné que je parle couramment français, anglais, allemand, espagnol, mandarin, suomi, magyar, turc, klingon et polonais... 😉 Il est justifié que j'utilise des applications dans chacune de ses langues. Pour tout les gens qui n'ont pas la chance de parler 54 langues, il est possible de supprimer les langues que l'on utilise pas pour gagner de l'espace disque. Il est conseillé cependant de toujours garder l'anglais qui est souvent la langue principale de l'application. Après une installation à neuf, comme les petits ruisseaux font les grandes rivières, il est possible de gagner environ 1Go de mémoire sur le disque dur après un passage de monoligual. Il ne faut pas oublier de relancer de temps en temps l'application; lors des mises à jour les langues inutiles reviennent !
  • Disk inventory X: (*****) Cette application permet de voir, avec des blocs de couleur, le contenu du disque dur. La couleur des blocs dépend de du type de fichiers. Il est ainsi possible de repérer les gros fichiers inutiles et de les supprimer si besoin. C'est comme ça que je vois que la moitié de mon disque dur est remplis de photos !
  • Onyx: (*****) Permet d'effectuer de nombreuses tâches de maintenance du mac comme la réinitialisation de l'index spotlight, ou le lancement manuel des scripts de nettoyage.
  • Carbon Copy Cloner: (*****) Comme son nom l'indique cette application sert à cloner un disque dur sur un autre. On l'utilise régulièrement couplé avec l'assistant de migration pour mettre à jour le système et les applications d'une machine.

Autres

  • Roméo: (*****) Permet de piloter un mac à l'aide de son téléphone portable via bluetooth.
  • Stellarium: (*****) Merveilleux logiciel de planétarium. Permet de voir en temps réel ou au moment et lieu voulu le ciel étoilés. Ce logiciel OpenSource est utilisé dans des planétariums. Il permet de se former à l'astronomie ou de regarder une éclipse que l'on aurait loupé !
  • Tunnel: (****) Version mac du jeu phare sur les calculatrice HP48 de pilotage d'un bolide dans un tunnnel. Le jeu en soit n'est pas très intéressant. Les graphismes sont minimalistes au possible. Mais ce qui est intéressant dans ce jeux c'est qu'il se pilote en inclinant son MacBook !! En effet, il se base sur les informations de l'accéléromètre qui détecte choc pour protéger le disque dur en cas de chute du mac !

Cartographie

  • GPSBabel: (*****) Permet de communiquer avec n'importe quel GPS et de convertir des dizaines de formats utilisé avec des GPS. Un des exemples les plus pratique est la conversion d'un fichier trace GPS du format GPX au format KML pour le voir avec Google Earth. Ainsi pas besoin d'avoir la version payante de Google Earth pour afficher les traces enregistrées avec son GPS.
  • GoogleEarth: (*****) Le fameux logiciel de google pour voir la terre (et le ciel) sous toutes ses coutures! Il est ainsi possible à l'instar d'une université allemande de faire une statistique sur l'orientation la plus courante des vaches. Où plus sympa, de regarder son parcours à ski tracé à l'aide d'un GPS et converti avec GPSBabel.

Pour s'intéresser un peu à la communauté autour du Mac et d'Apple. Il y a le site: http://www.macgeneration.com

Qui est quasi la référence en français.

Remonter