Vous n’êtes sûrement pas sans savoir qu’une véritable guerre à coup de lettres ouvertes ou de publicités a éclatée entre les deux firmes Américaines Adobe et Apple.

L’origine du conflit tourne (encore) autour du refus d’Apple concernant l’intégration de la technologie Flash d’Adobe sur l’iPhone, ce qui mettrait très certainement à mal (cela va sans dire) une partie du modèle économique de la société à la pomme !

Pour rappel, Adobe avait réagi à la lettre ouverte de Steve Jobs via le print « We ♥ Apple » disponible ci-dessous :

La réponse d’Apple

Nous pouvions logiquement nous attendre à une réponse cinglante de la part d’Apple et je dois dire que celle-ci est vraiment réussie ! La firme a tout simplement repris le slogan « We love Apple » en version Adobe sans le Flash Player d’installé !

Simple, efficace, tout simplement génial !

La problématique

Lorsque des animations Flash (SWF) utilisent des fichiers XML pour afficher du contenu dynamique et que ce même fichier XML est généré dynamiquement, il est classique que certains navigateurs gardent en cache l’un ou l’autre et n’affichent pas les modifications de contenu en temps réel.

Ce mécanisme de cache est tout à fait classique sur le web, en revanche il peut devenir problématique si les utilisateurs d’un Backoffice (par exemple) ne peuvent pas voir le rendu final de leurs modifications sans vider leur cache, surtout s’ils sont néophytes.

Heureusement il existe une directive Apache permettant d’interdire la mise en cache de certains types de fichiers. Cette détection, basée sur l’extension du fichier vas permettre d’envoyer des instructions (headers) au navigateur interdisant la mise en cache soit du fichier swf, soit du fichier xml, soit des deux. Ainsi, à chaque rafraichissement de la page, les deux fichiers seront re-téléchargés par le client.

Ce mécanisme garantit donc que les modifications du contenu de l’animation Flash sera systématiquement visible par le client.

Mise en place du code dans un fichier .htaccess

Les instructions Apache sont à placer dans un fichier .htaccess à la racine de votre serveur web. Vous pouvez ajouter ou supprimer des extensions à votre convenance, veillez simplement à les séparer par le caractère « |« .

Si vous n’avez pas de fichier htaccess à la racine de votre FTP, créez simplement un fichier nommé .htaccess à l’aide d’un éditeur de texte, puis transférez le via un logiciel FTP.

Voici le code à placer dans votre fichier

<FilesMatch "\.(swf|xml)$">
 ExpiresDefault A0
 Header set Cache-Control "no-store, no-cache, must-revalidate, max-age=0"
 Header set Pragma "no-cache"
</FilesMatch>

Ce 10 novembre, les studios Morphée Interactive lançait l’ouverture du bêta test privé de leur nouveau jeu nommé Ren. Je participe actuellement à cette version bêta et vous trouverez dans cet article mes premières impressions ainsi que des images du jeu.

Un jeu de cartes à collectionner

Le genre n’est pas nouveau, on collectionne un certain nombre de cartes afin de constituer un deck de plus en plus puissant permettant de remporter un maximum de combats. Ren n’est pas seulement un jeu de cartes à collectionner, c’est également un RPG dans lequel le joueur crée son personnage et gagne de l’expérience afin d’évoluer au fil des batailles.

Ren mêle donc deux genres à succès au sein d’une interface web riche et ergonomique qui change certainement des carcans habituels des jeux par navigateur.

Le trailer

Commençons par le trailer du jeu qui pose un peu le background et montre quelques preview de la grille de jeu et des personnages :

La création du personnage

Pour le moment le joueur dispose de trois modèles de personnage différents ayant chacun une spécialité élémentaire. L’apparence de chaque modèle est ensuite personnalisable en détail. La principale décision à ce stade consiste en l’attribution des différents points de départs. En effet, chaque carte dispose d’un nombre de points attribués aux 4 côtés déterminant la puissance d’attaque de la tranche de la carte. Ainsi vous aurez 40 points à distribuer.

Les combats

Les combats sont divisés en deux modes de jeu, un versus équivalent à un mode multijoueur personnalisable et un mode championnat suivant l’histoire du jeu. Dans les deux cas le joueur affronte des combattants humains et non des bots, ce qui est plutôt une bonne chose selon moi.

Les combats se déroulent au tour par tour sur une grille de jeu où le but est de disposer les cartes de son deck avec stratégie pour gagner plus de points que son adversaire.

Laissez-vous tenter par l’aventure !

Si vous désirez plus d’informations sur Ren Game ou bien participer aux bêta tests, n’hésitez pas à vous inscrire ou à vous rendre sur le site officiel.

Alors, selon vous Ren Game est-il un jeu prometteur ? Selon moi on risque fortement d’en entendre parler dans semaines à venir

Cela fait plusieurs mois que tout le monde ou presque parle de HTML 5, de canvas, de CSS 3 et de bien d’autres nouveautés technologiques à venir. En revanche, les exemples concrets d’utilisation de ces technologies tardent un peu a se diffuser et pour le moment pas mal de développeurs restent dans le flou artistiques vis-à-vis de ces évolutions.

Dans ce billet je ne parlerai pas des applications fonctionnelles comme par exemple Google Wave mais plutôt des tests et autres expérimentations menées ça et là.

HTML 5 pour le jeu vidéo ?

Ce n’est pas nouveau, de tout temps les technologies du web ont été utilisées pour tenter de créer des jeux vidéos, sans parler de Flash qui excelle dans le domaine, on se souvient des embryons de jeux en JavaScript pur, en DHTML, voire en SMIL.

La même chose a été tentée en HTML 5 par Ben Joffe à l’aide des canvas, même si on est loin d’un jeu fonctionnel, les bases d’un First Person Shooter sont bel et biens là :

• Canvascape – « 3D Walker » (sans textures)

• Canvascape – « Experimenting With Textures »

Même si la version texturée souffre de quelques problèmes de performances, le résultat obtenu avec un peu de code HTML et JavaScript n’en n’est pas moins impressionnant.

Le meilleur pour la fin…

Cerise sur le gâteau, voici une application époustouflante nommée Eye-candy canvas également bâtie autour de HTML 5 et les canvas, alliant interactivité et animation 3D. Celle-ci se présente un peu comme un jeu de réaction en chaine même si l’objectif ici n’est vraisemblablement pas de jouer.

Je vous laisse là découvrir ci-dessous et n’hésitez pas à donner votre avis sur ces 3 applications…

Si il y a bien une boutique qui fait parler d’elle en ce moment, c’est bien nolimit.fr. Bâtie sous Magento, elle illustre parfaitement le potentiel et la puissance que Magento peut apporter à un site e-commerce. D’ailleurs, vous vous doutez bien que si j’en parle, c’est précisément parce qu’elle est propulsée par Magento.

Nolimit.fr est une boutique entièrement dédiée au matériel de sport de glisse et propose des articles de grandes marques.

La première chose qui frappe est une charte graphique d’une harmonie et d’une originalité peu courante à mon sens. Le genre est revisité tout en conservant les conventions liées à la vente en ligne. Un résultat qui en jettes tant au niveau graphique que technique.

On remarquera également l’utilisation massive de Flash pour les zones phares de promotion ou du pied de page. Certains pourraient penser que c’est à contre courant vu les temps qui courent ou un certain Javascript tend à détrôner le méchant Flash.

Pour ma part je suis plutôt d’avis qu’il est trop tôt pour déléguer ce genre de tâches à JS, non pas à cause du langage, mais disons plutôt à cause de son interprétation encore trop bancale sur les différentes plate-formes de navigation.

Bon et Magento dans tout ça ? À première vue pas de grosse explosion de fonctionnalités comme chez mes coupaings de discounteo, les fonctionnalités natives de Magento semblent avoir été exploitées dans leur ensemble. A noter tout de même un super menu à base de toggle vertical (si, il faut cliquer sur TOUT NoLimit EN 1 CLIC pour l’ouvrir) mais pas vraiment visible ! J’ai même failli passer à côté ! Notez le mix de min et de majs, bah ouais ça fait djeuns !

Quoi qu’il en soit, je trouve le résultat final très réussi et je pense que cette boutique peu venir s’ajouter à la petite liste de boutiques Magento françaises d’exception !

Ceci était mon humble avis avec ma petite expérience de Magento et je tenez à partager ce lien, et vous les codeurs Magento, qu’en pensez-vous ?

Glisser vers la boutique nolimit.fr

Voici une petite animation Flash assez sympathique et plutôt originale, imaginez… Voyons voir, un site down, un IE6 et des geeks aux commandes… Hum, montez le son.

Attention c’est en anglais :p

Voici un site proposant une animation Flash assez bien réalisée mettant en scène une araignée 2.0 customizable à souhait !

En effet, cette vilaine araignée modélisée en 3D réagit au curseur de votre souris, vous pouvez lui titiller les crochets ou encore la glisser-déposer (pour ne pas dire draguer) par le bout des pattes au travers de votre écran.

Mais ce n’est pas tout ! Vous pouvez également lui donner à manger en appuyant sur la touche espace… De quoi occuper votre vie de geek pendant 2 ou 3 minutes

Moi aussi je m’ennuie et je veux jouer avec une araignée 2.0

J’étais tranquillement en train d’admirer le travail de personnalisation remarquable qui a été effectué sur la boutique magento discounteo.com lorsque je suis tombé sur Tea.

Tea est une assistante virtuelle ayant la capacité de renseigner les internautes sur toutes les questions qu’ils peuvent se poser par rapport à discounteo. Autrement dit, c’est bot dont l’interactivité est gérée par Flash.

En tant que geek qui se respecte, dès lors que je croise un de ces bots sur le net, je passe un bon moment à lui poser des question afin d’en juger son niveau d’intelligence artificielle ou à défaut sa capacité à répondre à des question sémantiques.  Et sur ce dernier point il y a plusieurs écoles.

Premièrement nous allons trouver le bot développé dans un esprit purement professionnel, inutile de lui raconter des blagues ou de lui poser des questions existentielles, il ne répondra tout simplement pas.

La où cela devient intéressant, c’est lorsque les développeurs ont fait le choix de jouer le jeu jusque au bout en ne limitant pas le champ de réponse du bot (si ce n’est par sa propre limitation technique). C’est alors que l’on peux s’amuser à poser tout un tas de questions à caractéristiques purement humaines telles que la religion, l’origine de l’univers, les sentiments, sans oublier le sexe. Dans ce cas de figure, soit le bot détournera la question, soit il prendra un malin plaisir (ou du moins ses développeurs prendront un malin plaisir) à nous surprendre.

C’est ainsi que j’ai posé tout un tas de question à notre chère Tea, afin de juger son comportement.

Je fus assez étonné qu’elle comprenne une large gamme de champs sémantiques, même si elle détourne la plupart du temps la question, ce qui peux paraître normal pour un site de vente en ligne. Sur ce point, un premier bravo aux développeurs, car il est rare de tomber sur un tel de niveau de qualité ; ou alors les technologies ont bien évolué.

En revanche, ces derniers semblent avoir également inclu des instructions purement destinées a nous, testeurs de bot, car notre chère Tea semble comprendre certaines commandes.

Premièrement, la commande debug semble la dérouter, mais je n’ai pas réussi à tirer grand chose de celle-ci. En revanche la commande superbot (que j’ai glissé sans le vouloir au sein d’une « conversation ») engendre une réaction pour le moins surprenante.

Jugez par vous-même :

À propos de Discounteo

Discounteo est une boutique de vente d’électroménager et high-tech bâtie sous Magento (et ça c’est bien), cette réalisation est une excellent vitrine pour la communauté française de Magento (et ça aussi c’est bien).

D’ailleurs je me demandais, est-ce que le choix de la plate-forme eCommerce pourrait être un critère de choix d’un marchand en ligne ? Si je code Magento, serais-je plus à même d’acheter sur une boutique Magento ? Et bien pour ma part je pense que oui !

Comment ça la cible marketing des geeks codant du Magento n’est pas importante ?

J’aimerais vous présenter l’aM laboratory d’André Michelle… Cette animation flash extrêmement originale génère de la musique en fonction d’une matrice.

Le principe est simple, il suffit de cliquer sur une case pour activer le son associé. Ainsi en combinant astucieusement un ensemble de cases il est possible de générer une mélodie.

Voyez par vous même : aM laboratory

Et puis d’ailleurs, un space invader ça a quel son ? Copiez-collez dans l’animation flash :

0,896,192,1000,1456,1504,480,1504,1456,1000,192,896,0,0,0,0

Toujours dans la catégorie des sites « insolites » (promit après j’arrête et je parle de développement toussa toussa…), voici un jeu Flash que tout geek qui se respecte un tant soi peu se doit de connaître…

Winterbells est un jeu magnifique (si si) dont le but est de faire sauter un lapin sur des clochettes, le tout bercé par une musique douce à souhait.

Un vraix régal… Que celui-ci qui n’y a pas joué des heures lève la première exception (bah oui c’est un blog de développent ici…).

Jouer à Winterbells (indispensable)