Pixine, le blog

developpement - Adobe Flash est mort, vive Adobe Air

Le 17 février 2012

Il était de bon ton, ces derniers mois, de clamer que la technologie Flash était morte et enterrée. Parce que, bien sûr, elle ne servait qu’à lire des videos sur internet ou afficher des bandeaux publicitaires. Heureusement pour moi, je continue de découvrir de nouvelles facettes de l’utilisation d’un langage POO bien conçu et adapté à ma façon de coder. A l’occasion du salon interclima+elec, j’ai pu tester la gestion du multiscreen, des interfaces tactiles et la lecture de nombreuses videos full-hd. Le couple actionscript/Air m’a permis de développer une application fiable, facilement paramétrable et utilisable avec différents contenus.

Stéphane Monnet

design - Marabout bout de ficelle ©

Le 9 février 2012

Il y a les commandes des clients, les applications que l’on fait pour soi, sur son temps libre, et les applications que l’on image et qu’on ne réalisera peut-être jamais. J’ai ainsi imaginé cette application communautaire fonctionnant sur le principe d’une chaîne.
Très simplement, à l’aide de mon smartphone, de mon portable…
J’envoie une photo + un texte à un destinataire,
celui-ci complète par une photo + un texte et ainsi de suite.

3 modes possibles :

- Le mode Kyrielles(Marabout bout…), jeu de mots consistant à enchaîner des mots ou des expressions en reprenant comme première syllabe la dernière syllabe de l’expression précédente. Plus compliqué qu’il n’y paraît car il faut associer une photo à un texte.

- Le mode rebus, consiste à illustrer par des visuels une phrase donnée dès le début par l’initiateur de la session.

- Le mode libre laisse toute sa place à l’imagination. Tout est possible. Par exemple, je veux faire un cadeau d’anniversaire à une personne, j’ouvre une session et envoie une invitation à ses proches (famille, amis, collègues) leur demandant de poster une photo et un texte. L’application peut alors générer un visuel qui, une fois imprimé, peut être offert sous forme de poster. Autre exemple : je participe à une manifestation quelconque avec d’autres gens (soirée, concert, match, randonnée,…), je crée une session qui de personne en personne fixera l’événement et le restitura sous la forme d’albums électroniques, fonds d’écran téléchargeables, posters, films.

* Le jeu des kyrielles est un jeu de mots consistant à enchaîner des mots ou des expressions en reprenant comme première syllabe la dernière syllabe de l’expression précédente comme dans la célèbre comptine : Marabout, Bout de ficelle, Selle de cheval, etc. (wikipédia)

Julien Moreau

Fonctionnement

1. je m’inscris puis j’ouvre une session
2. je choisis un mode : Kyrielles* | Rébus | Libre
3. je démarre la session :
- je crée le 1^er post
- je l’envoie à 1 destinataire (possibilité de l’envoyer à plusieurs)
- le destinataire publie le 2^ème post
- …

Au final, ça peut donner quoi ?

humeur - Les bonbons sur les présentoirs

Le 3 février 2012

Je n’apprendrai rien à personne en disant que l’accès à internet via son mobile est devenu chose courante. Tous les fabricants de mobile s’y sont mis, avec plus ou moins de réussite dans un premier temps, puis une harmonisation des standards est apparue : interface tactile, grand écran, gros processeur, rapidité et design réussis aussi bien au niveau du produit que de l’interface. Aujourd’hui 4 grands OS se disputent ce marché à l’échelle mondiale : Androïd avec 52,5% de PDM, Symbian avec 19,5% de PDM, IOS avec 17,3% de PDM et RIM avec 12,7 % de PDM (sources 2011 Journal du net).

En parallèle de ce déploiement de supports, des aides techniques sont apparues afin d’optimiser la navigation des sites mobiles aux différents OS et différents smartphones, avec notamment la solution BkRender (cf article de Simon du 6-11-2011).

Il est désormais possible de disposer d’un seul et même site (et donc CMS) pour diffuser une interface web optimisée aussi bien sur ordinateur que sur tablette ou smartphone. L’enjeu est bien là, il faut être accessible rapidement et simplement sur tous les supports mis à disposition des utilisateurs. La présence sur le web pour une entreprise est devenue primordiale ces 10 dernières années, la présence sur tous les terminaux va le devenir dans les 10 prochaines. Cet enjeu est un enjeu marketing au sens large du terme, d’autant plus pour les sites e-commerces qui peuvent bénéficier maintenant d’un support facilitant et encourageant l’achat impulsif. Pour faire une comparaison avec la grande distribution les supports mobiles deviennent les têtes de gondole ou encore les bonbons sur les présentoirs de la file d’attente en caisse.

Pour étayer mes propos une étude de l’institut Gartner prédit que la vente des mobiles dépassera la vente des PC en 2012, certains vont même jusqu’à dire que l’avenir du web sera exclusivement mobile. Personnellement j’en doute fortement. Ma seule conviction est que ces nouveaux supports sont réellement des vecteurs d’avenir, alors il est grand temps de se mettre à la page…

Rémi Viguié

LECTURES UTILES

En anglais :

design - Alphabet modulaire #1

Le 19 janvier 2012

Il existe plusieurs possibilités pour créer une typographie. Pour celle-ci, j’ai choisi de me baser sur une série de modules. Afin de créer un rapport de masse, ces modules peuvent se décliner de 2 façon :

En forme pleine
En contour

L’alphabet modulaire complet se dessine ainsi :

Cette typographie, élaborée avec le logiciel vectoriel Illustrator, peut ainsi être utilisée de différentes façons. Comme lettrage de titre ou comme forme graphique à part entière.

Lucie Alonso

motion - Making of de notre carte de voeux 2012

Le 10 janvier 2012

Si toute l’équipe de Pixine a participé au tournage de notre petite video de voeux, l’essentiel du travail a eu lieu en coulisses du côté de notre département Motion design. Je vous propose deux petites videos. La première vous donne un aperçu du travail que j’ai réalisé sous After Effect, le logiciel d’effets visuels édité par Adobe.

La seconde est un petit bêtisier de nos apprentis acteurs en action devant le fond bleu. Eh oui, pas facile de jouer dans un décor virtuel !

Julien Verlhac

motion - Bonne année 2012

Le 5 janvier 2012

Cliquez pour voir la video des voeux 2012 de Pixine

design - Apprendre à compter

Le 16 décembre 2011

Nous avons tous eu un jour dans les mains un livre pour apprendre à compter. Petit objet éducatif, il fait appel à l’imaginaire de l’enfant, lui racontant une histoire numérique. Combien ? est le titre de mon petit livre à compter jusqu’à dix. Pour illustrer ces dix petits nombres, j’ai choisi des animaux. Quoi de mieux pour parler aux enfants, que le grand bec du toucan, les longues pattes des girafes, la carapace d’une tortue ou des serpents entrelacés ?

Carine Massiat

developpement - Comparatif des performances des librairies Javascript

Le 12 décembre 2011

Ce billet n’a pas pour but de définir quel est le meilleur des frameworks, mais seulement celui qui est le plus rapide. Car au delà de la vitesse chacune des plateformes possède ses propres spécificités. Pixine utilise principalement jQuery, et jusqu’alors nous pensions qu’il s’agissait de la solution la plus rapide. Il se trouve que jQuery est performant, mais est loin d’être la solution la plus rapide.

Ce benchmark ne nous fera pas changer immédiatement de framework Javascript, mais désormais il est clair que pour une utilisation massive de sélecteurs CSS3 Prototype et YUI seront prédisposés. Je serais curieux de faire ce même benchmark sur une page au format HTML5, voir si les comportement sont similaires.

2011 a apporté une grande nouveauté pour la plupart de ces frameworks : l’AMD (voir la définition). Pour faire simple, les frameworks chargent seulement ce dont ils ont besoin. Ca peut paraitre peu de chose, mais à l’heure où les internautes sont sensibles à l’interactivité, les librairies Javascript se multiplient et s’alourdissent. L’AMD est une réponse logique à cette évolution des usages.

Erwan Sabourin

Les frameworks comparés
(début décembre 2011) :

La plateforme de test : slickspeed

developpement - Utiliser la webcam FLASH dans une page HTML

Après avoir trifouillé s’il existait un moyen de récupérer un flux vidéo provenant d’une webcam pour le diffuser au sein d’une page HTML, j’ai pu constater sur ce sujet un manque de documentations. En dehors du blog http://sebastian.formzoo.com/ où dans un article fort intéressant, l’auteur y expérimente la question. La conclusion de ses tests est que la communication entre JS et AS3 (Javascript et Flash/Actionscript) est une catastrophe et ne permet pas des résultats performants.

Effectivement, la vidéo obtenue dans un canvas se lit à une vitesse frisant les 3 images par seconde (sur mon vieil iMac). Sa seconde expérience consistait à transmettre directement des images de Flash à Javascript. Cela est effectivement plus rapide, mais difficilement optimisable.

Les sources sont à votre disposition : Télécharger le Projet ActionScript au format zip (fichiers AS, HTML et code Javascript)

Voir la démonstration dans une nouvelle page : Webcam FLASH dans une page HTML

Afin d’optimiser la solution canvas, je me suis appuyé sur le principe de base d’un fichier vidéo : chaque image n’est qu’une modification de la précédente. Du coup à chaque rafraîchissement de la vidéo dans la page HTML, plutôt que de chercher à rafraîchir toute l’image, seuls les pixels grandement modifiés sont mis à jour. Toutes les 12 images l’ensemble de l’image est rafraichi. Le résultat est particulièrement performant puisque j’arrive à environ 20 images par seconde (soit un FPS 10 fois supérieur)