Charles sniffe de l’Ajax et du swf

non je ne parles pas de mon (plus si) petit voisin

On a vu récemment que sous Firefox, il était très facile de tracer les requêtes Ajax avec l'extension Firebug.

Splash Screen de Charles Web Debugging Proxy

Et pour Internet Explorer?

Il existe une application multi platforme (Win/MacOS/Linux) qui permet de renifler tout le traffic passant par les navigateurs. Le nom de ce bonheur pour les développeurs: Charles

Une fois installé et activé, Charles se comporte comme un serveur proxy et enregistre les différentes requêtes HTTP

Charles Web Debugging Proxy: résultat d'analyse

L'analyse des données de la partie droite de l'écran permet de retrouver une foule d'informations sur la ressource demandée. Dans ce cas-ci, il s'agissait d'un flux RSS.

L'onglet Général nous indique tout ce qui est relatif au fichier demandé lui-même (taille, vitesse de téléchargement, etc), l'onglet Request reprend ce que le browser a demandé au serveur, et l'onglet Response reprend ce que le serveur a répondu.

Exactement ce qu'on cherche pour déboguer nos applications Ajax.

Comme ce programme se comporte comme un proxy, il capture tous le traffic, même les requêtes qui sont faites par des fichier .swf tels des diaporamas ou des applications FlashComm

Quand je vous disais que c'était le bonheur !

Disponible sur le site du développeur, la version d'essais est tout à fait fonctionnelle sauf qu'elle s'arrête après trente minutes (assez pour certains). Sinon, l'application coûte US$50,-. Pas si cher que ça.

Liens relatifs

Je (re)découvre Firebug ou le débogage facile

En préparant un petit article, je suis tombé sur cette vidéo qui montre comment déboguer avec Firebug.

Je suis presque tombé de ma chaise. Je ne connaissais pas la moitié des capacités de cette merveilleuse extension de débogage pour FireFox, que j'emploie quand même depuis un bout de temps (v0.2 si les souvenirs sont bons).

Avant, je ne l'employais que pour tracer mes appels Ajax et les réponses du serveur et tester des variables et fonctions, le tout dans la console.

Je n'avais pas vraiment vu la puissance du débogueur.

Une petit explication s'impose.

Pour que Firebug s'arrête à chaque erreur, il faut que l'option soit activée. (onglet "Debugger", menu "Options").

L'option pour activer le débogueur de Firebug

Je pensais que toutes les options étaient regroupées à un seul endroit. Soit, je m'encroûte, soit l'interface n'est pas super parlante.

Bon maintenant regardons tout ce que l'on peut faire avec ce débogueur.

Le principe est le suivant : on appelle des méthodes de l'objet console en lui passant des paramètres.

console.log("message" [,objects])
console.debug("message" [,objects])
console.info("message" [,objects])
console.warn("message" [,objects])
console.error("message" [,objects])
etc...

La liste complète des méthodes de Firebug est bien évidemment disponible en ligne.

Vraiment bien fait ces petites méthodes (surtout celles qui permettent d'évaluer le temps qu'un javascript met).

Adopté par toute l'équipe des intégrateurs, et certains développeurs. Merci Joe Hewitt !

Liens relatifs :

Code QR, code barre 2D

Au Japon, on voit fleurir des signes kabbalistiques sur différents supports: à la télé, sur des emballages, dans les lieux publiques, et autre ...

Code QR pointant vers ce blog

QR Code, Code barre 2D

Les Code QR (Quick Response - Réponse Rapide), ou code barre 2D sont en fait les successeurs des codes barres traditionnels que l'on connait bien chez nous.

Ils contiennent des informations relatives à un produit ou à un service.

Les avantages des Codes QR est que ces données sont :

  • une compression plus grande que les codes barres traditionnels
  • ils supportent les caractères exotiques (accentués et japonais)
  • ils peuvent être lu même quand ils sont abimés (dégradation de max. 30%)

Lisibles sur GSM

Le grand plus, par rapport aux codes barres traditionnels, est que les Codes QR peuvent être lus par des gsm.

QuickMark met à votre disposition des logiciels de reconnaissance de Code QR.

Sur ce site, j'ai reconnu mon Qtek 8310, j'ai téléchargé le fichier .cab et je l'ai installé sur mon smartphone.

capture de code QR sur GSM

En pointant son gsm vers un code QR, le logiciel QuickMark signale que le code a été reconnu et il propose directement la fonction adéquate en fonction du contenu du code :

Si le code encodé est une adresse web (URL), QuickMark demande si on veut ouvrir le lien dans un navigateur web. On peut aussi créer un code qui contient un numéro de téléphone, le logiciel proposera de d'effectuer un appel téléphonique; un sms ou un texte libre.

Vraiment impressionnant !

Usages possibles

Le premier usage des code QR est de donner des raccourcis d'url pour les utilisateurs de gsm : en rue, ils peuvent directement avoir accès à de l'information sur un produit juste en pointant leur gsm (avec appareil photo et connection internet).

Un usage que j'aimerais bien serait d'encoder des lattitudes et longitudes géographique et une fois décodées ces informations pourraient être directement traîtées par un logiciel GPS (quelqu'un se porte volontaire pour développer une telle application ?).

Comme cette technologie est encore récente dans nos contrées, certains en ont profité pour lancer des affichettes pour des profils particulier (geeks de mon genre quoi).

Génération et lecture de codes QR en ligne

Bon c'est bien de pouvoir décoder ces codes QR mais encore devrait-on aussi pouvoir en créer soi-même. Il existe de nombreux sites qui permettent de générer les codes en ligne, mon préféré est: qrcode de Kaywa. Hafenscher permet quant à lui de créer des codes et de pouvoir les décoder en ligne pour ceux qui n'ont pas de gsm compatible. Il existe aussi une extension Firefox (Mobile Barcoder, l'image du haut) qui crée un code QR par page web, pour faciliter le surf sur gsm. Et tout ça, gratuitement.

Pour moi, on est près en Europe de voir déferler ces codes.

Liens relatif

Ai-je été clair ? Si vous n'avez pas tout compris n'hésitez pas à laisser un commentaire ou prendre contact j'essaierai de mieux vous éclairer.

Guide web des autorités fédérales belges

Je ne sais pas si vous connaissez le Guide web des autorités fédérales belges. Sous forme de blog, cette bonne initiative de la part de nos décideurs permet d'éclairer les lanternes des citoyens et des administratifs sur des sujets parfois obscurs : Par exemple : au sujet des RSS
A qui est destiné RSS ? A tous ceux qui souhaitent diffuser rapidement des communiqués de presse et des dépêches à grande échelle, comme par exemple les porte-parole et les responsables de la communication. RSS n?R(TM)est pas seulement intéressant pour les individus mais permet aussi à des sites web de publier du contenu supplémentaire d?R(TM)autres sites sur le site propre.
src: http://webguide.fgov.be/fr/guide/communication/rss/ Il y a aussi un forum et un flux RSS. Le tout dans la langue de Vondel et celle de Voltaire. Une amélioration possible ? Mettre à disposition des RSS par catégorie.

Lien relatif

Photo sur carte géographique: Flickr Map

Flickr lance Flickr Map : un service qui associe photographie et géolocalisation.

Triperie de onepointzero sur Flickr Map

Vous pouvez maintenant chercher des photos via une carte géographique, la carte Yahoo Maps (moins précise que celle de Google) en l'occurence. Un point rose vous indique le nombre de photos près de l'endroit recherché. Si vous cliquez sur un de ces points roses, Une miniature de la photo apparaît ainsi que des liens vers la photo en question dans Flickr.

Comment ajouter vos photos dans Flickr Map ?

Soit en passant par l'outil d'organisation de vos photos sur Flickr et en cliquant sur l'onglet Map: vous avez alors une carte géographique qui se charge et vous pouvez "glisser-déposer" vos photos à l'endroit souhaité.

Géotagging avec Flickr Uploadr

Soit en ajoutant différents tags à vos photos (à l'upload de vos photos avec Flickr Uploadr ou en les éditant par après).

Dans ce cas ci, vous devez ajouter les tags geotagged, geo:lat=0.00 (la latitude) et geo:lon=0.00 (la longitude) à vos photos.

Liens relatifs :

← Previous PageNext Page →