deniscope

Aller au contenu | Aller au menu | Aller à la recherche

Mot-clé - izzyway

Fil des billets - Fil des commentaires

2014 mar. 7

Smart Match - Contenu d'email dynamique

Introduction

Smart Match est une nouvelle technologie qui permet de rendre le contenu d'un email dynamique.

Description technique

La technique consiste à cacher des images subtilement dans le contenu des emails. Ces images seront contactées par le client mail mais ne retourneront pas de contenu (code HTTP 204: No Content), elles devront avoir une url contenant des paramètres définissant le coté dynamique du contenu (par exemple l'identifiant d'une commande ou la référence d'un formulaire). Lorsque le serveur servant les images décide de changer le contenu de l'email, il n'a qu'à retourner un contenu valide par image, il grillera alors les allumettes "Match" car ces images seront mises en Cache par le client email. Correctement disposées avec des attributs CSS adaptés, les images peuvent recouvrir une partie du contenu, en ajouter, rendre des boutons inactifs ou même ajouter des informations.

Exemple: Validation d'une demande

Imaginez un accusé de réception pour une demande quelconque. Vous recevriez un email dans le début pourrait ressembler à ça: pending.png Une fois la commande acceptée (ou refusée), l'email deviendrez: accepted.png Code de l'email:

<div style="background: url('http://izzyway.com/background/pending.gif') no-repeat top right;">
   <img src = "http://izzyway.com/background/ribbon.php?id=123" style = "float: right; margin: 0; padding: 0;z-index:100;" alt = "" title = "" />
   <img src = "http://izzyway.com/background/msg.php?id=123" style = "margin:0 0 0 44px;" alt = "" title = "" />
   <div>
      <p>Nous accusons de votre demande. </p>
</div></div>

Aussi longtemps qu'il est nécessaire l'image nommée ici background/ribbon.php retournera "204 No Content", une fois la demande effectivement validée (ou refusée), le serveur retournera le contenu de l'image avec biensur le code 200. L'image background/msg.php agira de la même façon mais avec un contenu donnant des informations complémentaires sur la validation de la demande.

Autres applications possibles

  1. Griser des boutons (en positionnant une image transparente au dessus)
  2. Suivi de livraison de commande (une image par ligne dans un tableau d'information)
  3. Information sur l'ouverture de l'email (pour le cas de liste d'email)
  4. et bien d'autres...

Tests

Smart Match a été testé avec gmail, yahoo, hotmail, et d'autres clients emails lourds (pas Outlook je l'avoue), cela fonctionne super bien.

Conclusion

Plus qu'une nouvelle technologie, Smart Match est un algorithme habile pour rendre dynamique le contenu d'un email. Le point crucial de la technique est la gestion du Cache du client email, une fois l'image utilisée, elle sera mise en Cache (elle sera "grillée" comme une allumette) et ne pourra alors plus être utilisé pour changer le contenu de l'email. Le résultat est bluffant, les images changent dès l'ouverture de l'email et le contenu semble vraiment changer.

2011 oct. 12

Bubble Babble, java implementation

J'ai récemment découvert l'algorithme d'encodage Bubble Babble. Pour résumé, c'est un peu comme base64 mais avec un résultat lisible et prononçable par une personne.

Par exemple le petit nuage qui est là: cloud.png

se dirait:

C'est tout de même autre chose.

"deniscope" se dirait "xinak-horuk-nusuk-firyl-benux", c'est un peu plus long mais ça a son charme.

Tout cela pour dire que je viens de terminer une implémentation java que vous pouvez télécharger sur le site d'izzyway ou directement en cliquant sur Bubble Babble Java implementation (binary + source + documentation).

xidid-lynul-fosys-fepol-dined-besyl-honud-bibup-lumed-betok-zital-fomek-camel-berel-hoxax

2010 juil. 19

Rapidement en passant

Izzyway

Izzyway est en pleine réfection et, pour l'occasion, il s'est muni d'un fil RSS à cette adresse: http://feed.izzyway.com. A vos agrégateurs...



2009 avr. 20

izzyway.com, tech'it izzy

izzyway Il ne vous a surement pas échappé qu’izzyway était un peu partout dans ce site. Je n’ai pourtant pas réussi à garder les services que j’avais mis en place il y a deux ans. Il y a une telle pollution dans les envois d’email que les emails envoyés à cette époque n’arrivaient jamais à destination, bloqués par un serveur zélé qui les considérait comme SPAM.

Aujourd’hui izzyway existe toujours et propose des services un peu moins sophistiqués mais rigolos tout de même (pour ceux qui ont de l’humour).

  • Server Information : Cette page résume les principales informations qu’un serveur peut utiliser quand vous, client, vous le contactez. Sinon vous pouvez toujours utiliser BrowserHawk qui est bien plus exhautif.
  • Navigation introspection : Ce service énumère les différents objets fournis par votre navigateur, il détaille également les méthodes et les propriétés. Cela peut être utile pour comparer les différents navigateurs.
  • Broken links : Ce service permet de lister les liens défectueux d’un site ou d’une page. Exactement ce que propose aussi Link checker en somme.
  • HTTP Method: Le service, que je trouve le plus marrant, permet de créer une requête http et de l‘exécuter. La requête sera exécuter du serveur (free) et la réponse sera alors affichée sans aucune modification (même les chunks apparaissent tels quels).

Le site est en anglais car j'adore me la péter.

J’ajouterais sans doute, au fil du temps, des nouveaux services.