humeur - @Twitter, l’usine à gazouillis

Le 16 mai 2012

Comme tout le monde, j’avais entendu parler de Twitter. En termes dithyrambiques. Il y aurait un avant et un après Twitter. Jusque dans les pays opprimés où il resterait le dernier espace de liberté. Enfin, Twitter ou pas, les Syriens souffrent depuis plus d’une année.
Twitter qu’est-ce que c’est ? Selon Wikipédia, c’est un outil de réseau social et de microblogage. Avec cela, nous sommes bien avancés. En gros, c’est un chat à 300 millions d’utilisateurs. Vous pouvez suivre des « conversations », ou plutôt des empilements d’avis (plus ou moins pertinents/impertinents, voire totalement à côté de de la question ou tout simplement pathétiques) sur un même sujet. Le recoupement s’effectue sur les fameux hashtag « # » et les noms de personne.
Exemple : pour intervenir sur le fil #mabellemereestperigourdine, j’insère ce hashtag dans mon message.
J’ai effectué mes premiers pas sur Twitter, lors des élections présidentielles. Sur Twitter, vous « suivez » des personnes. Vous vous abonnez aux messages qu’ils émettent. J’avais donc souscrit un abonnement à @PhilippePoutou, @melenchon2012, @bayrou, @fhollande, etc. Une quinzaine d’abonnements.

Twitter vue par une graphiste

Après plusieurs semaines d’utilisation, je peux dire que je n’ai strictement rien appris. Ni avant ni après les autres. Je suivais également @CecileDuflot (Secrétaire nationale d’Europe Ecologie Les Verts (EELV)), pourtant réputée sur Twitter. Et si elle a enfreint la règle de non divulgation des résultats avant 20h, confirmant dès 18h26 que François Hollande était devant le président sortant, ses Tweets ne sont pas d’un intérêt flamboyant. Il est vrai que la célèbre limitation de 140 caractères par message, si elle condamne à la concision, empêche également tout raisonnement ou argumentation.

Naïvement, je pensais qu’il s’engageait parfois des conversations avec les personnes que vous suivez (il est possible de « répondre » à un tweet). Les inconditionnels de Twitter me diront que « oui », que cela fonctionne bien mais qu’à vouloir discuter avec des militants obtus, je ne pouvais récolter que des insultes. Soit. Je n’ai pas suivi les bonnes personnes. Il serait donc temps que les personnes intelligentes, délicates et cultivées s’emparent de Twitter. Il paraît que Bernard Pivot twitte. J’en ai vu passer un ou deux. Cela relève-t-il réellement le niveau général ?
Dans les tendances (#TT), les sujets les plus niais se disputent la première place. Ou des people dont la seule réalisation est d’être connue, à l’image de Michael Machin Vendetta. Pour aimer Twitter, il faut vouloir participer à cette grande foire du n’importe quoi un rien vaniteux, où chacun est persuadé de pondre à tout instant le tweet le plus spirituel du monde tout en ne comprenant pas qu’il ne soit retweeté (RT) que trois fois.

Non, je n’ai pas été convaincu par Twitter. Je n’ai pas eu l’impression que ce réseau avait quoi que ce soit de social. Au contraire, j’avais vraiment le sentiment d’être seul dans un monde de partisans, d’obsédés (Twitter est spammé en permanence de messages licencieux) et de promptes niaiseries.


Stéphane Monnet

design - Passez au clavier augmenté avec le Joysticker©

Le 11 mai 2012
Joysticker©, un concept de Julien Moreau

Vous avez entendu parler de la réalité augmentée ? Oubliez ça. Ce que je vous propose va bien au-delà : le clavier augmenté. Pas besoin de webcam, de téléchargements problématiques ou d’artifices, le joysticker© est un support de communication bien réel qu’il suffit de clipser sur les touches directionnelles. En un geste simple, vous transformez un vulgaire clavier en outil promotionnel et vous offrez à vos clients une manette robuste et réactive pour des heures de plaisir sur les must du jeu d’arcade et de plate-forme : pac-man, super mario, the fancy pants adventure, prince of persia, space invader

Le joysticker© est conçu pour résister à des pressions et torsions importantes. Constitué entièrement en polycarbonate opaque, traité UV et antibactérien, vous pouvez lui donner la couleur que vous souhaitez. La partie supérieure est entièrement personnalisable. Quel que soit votre slogan, il trouvera sa place dans notre sticker design, dont le dômage soigneux apporte la petite touche technologique qui ravira le moindre geek.


    Le joysticker© en trois mots :
  • addictif
  • design
  • indémodable

Ils l’ont essayé :
Lisa J., maman du petit Corentin : « Je ne sais pas comment nous avons pu vivre sans. »
Simon B., gamer compulsif : « Il a changé ma vie. »
Fernand G., 77 ans : « Il a rendu une seconde jeunesse à mon clavier. Merci ! »

Alors, n’hésitez plus, passez vous aussi au clavier augmenté et commandez dès maintenant votre lot de joystickers©.

Julien Moreau
Joysticker©, un concept de Julien Moreau

    Commandez votre Joysticker© :
  • Livré en deux parties.
  • Base clipsable sur le clavier
  • Sticker avec effet lenticulaire tridimensionnel
  • A monter soi-même
  • Entièrement personnalisable
  • polycarbonate conforme aux exigences de la NASA
  • Taille : 5 cm
  • Poids : 30 gr
  • Prix : selon la quantité, nous consulter

design - Oncle Octave

Le 3 mai 2012

Je me souviens de ses moustaches. L’oncle Octave avait de belles bacchantes grises et volumineuses. Il les tiraillait sans cesse, les lissait entre pouce et index et je les regardais onduler lorsqu’il parlait. Je n’ai jamais su quelles étaient ses occupations. Il arrivait sans crier gare et, un matin, il n’était plus là. Les histoires les plus extraordinaires couraient sur son compte et illuminaient mes rêveries d’enfant : il était chasseur d’alligators dans les mangroves, coureur automobile aux 500 miles d’Indianapolis, il avait sauvé la vie du roi du Penjab menacé par la charge d’un éléphant, il servait de précepteur au fils d’un puissant émir…

chasseur d’alligators

Je crois qu’il n’aimait pas les enfants. Ou, tout du moins, ne nous prêtait-il pas attention. A table, il attendait le dessert et que nous nous soyons égaillés pour prendre un air princier et raconter une anecdote qu’il destinait aux seuls adultes. Un jour que la curiosité me dévorait, j’avais fait mine de suivre les autres au jardin avant de me glisser sous la table. Et à l’abri de la longue nappe, j’avais tendu l’oreille. La discussion m’avait paru passablement embrouillée et confuse. J’avais cru comprendre qu’elle portait sur la politique et les mérites de nos dirigeants ou leur incompétence. Oncle Octave ponctuait la majorité de ses propos d’un « allons, mon cher » hautain et traînant qui agaçait fort mon père.
Je crois que c’est à cette occasion qu’Oncle Octave cita Montaigne et imprima dans mon esprit un précepte qui allait gouverner une partie de ma vie : « C’est une perfection absolue et

oncle Octave

pour ainsi dire divine que de savoir jouir de son être. Nous cherchons d’autres manières d’être parce que nous ne comprenons pas l’usage des nôtres, et nous sortons hors de nous parce que nous ne savons pas quel temps il y fait. De même est-il pour nous inutile de monter sur

des échasses, car sur des échasses il faut encore marcher avec nos jambes. Et sur le trône le plus élevé du monde, nous ne sommes encore assis que sur notre cul. »

Illustration : Simon Boucher || Texte : Stéphane Monnet. Travaillant actuellement les mises en couleur sous Photoshop (voir mon post précédent : Colo de patates sur calques non-OGM ), je comptais proposer un nouveau dessin pour notre blog. Tout de suite, Stéphane m’a dit que la figure que j’avais imaginée l’inspirait et m’a proposé d’écrire un petit texte pour l’accompagner. Voici donc le résultat de cette alchimie entre deux imaginaires.


design - Quoi de mieux pour se ressourcer !

Le 20 avril 2012

Saint-Lary Soulan, petit village des Hautes-Pyrénées au coeur d’un patrimoine naturel, est entouré de lacs, montagnes, forêts, riches d’une faune et d’une flore uniques.
Cette nature préservée, idéale pour les randonnées m’a permis de découvrir les vallées de Louron et de Rioumajou. Lors de ces ballades, le moindre bruits, la moindre trace de pas laissaient place à l’imagination… Vous vous prenez à rêver, allez-vous apercevoir un écureuil ou un gypaète barbu ?
Soudain, lorsque quelqu’un vous dit : « attention voilà l’ours ! », sous le regard rieur du blagueur, vous prenez vos jambes à votre cou…


Carine Massiat


design - Le street art Londonien

Le 3 avril 2012
street art

Le street art, l’art de l’expression libre

Le street art est l’art exposé dans la rue. Souvent assimilé à du vandalisme, c’est en fait une intervention urbaine, un mouvement artistique aux expressions variées. Influencé par le graphisme, le lettrage, les affichages, l’art de rue se développe au milieu des années 70.Les artistes de rue, tels les artistes s’exposant de manière « classique » (galerie, musée), cherchent à s’exprimer.

Mais, plus qu’un moyen d’expression, l’art de rue est un moyen d’expression libre ! Les artistes dénoncent la société, réagissent sur la politique, communiquent leurs idéaux… et touchent un large public (puisque leur art est à portée de chacun, visible de tous dans la rue). De plus en plus vulgarisé, le street art est devenu un moyen d’expression populaire.

Londres, ou la réjouissance du street art

Londres est une ville réputée pour l’art exposé dans la rue. Graffs, tags, tableaux, fresques sont autant d’oeuvres ayant pour support des devantures de magasin, murs, jonctions, grillages. Sans frontière, sur tous les supports, côté rue tout se rejoint, se recoupe, l’art de rue ne forme qu’une unité, celle de l’expression.

Pour la beauté du message ou pour le plaisir des yeux, il y a toujours un petit quelque chose à regarder dans les rues de la capitale britannique.

Les techniques:
> bombe aérosol,
> pochoir,
> découpage, collage,
> adhésif
> pinceau (peinture)
> objets récupérés et détournés
> audiovisuel

Lucie Alonso


Liens utiles :

www.akajimmyc.com
www.pauldonsmith.com
streetartlondon.co.uk
www.banksy.co.uk

humeur - Comment j’ai trahi mon Iphone

Le 29 mars 2012

Il y a maintenant trois mois j’ai franchi le pas. Commis l’irréparable : je suis passé d’un iPhone 3G à un Windows Phone. Mon choix s’est porté sur le Nokia Lumia 800. Ce fut difficile. Dois-je l’avouer ? Je suis formaté MAC… Les premières critiques parues plébiscitaient pourtant la nouvelle version de l’OS signé Microsoft et ce nouveau mobile. Il est temps pour moi de vous dresser un petit bilan de cette expérience pas si douloureuse…

Une bonne surprise

Avec son interface totalement différente, l’OS Windows Phone 7.5 s’avère être un redoutable concurrent aux deux OS qui se partageaient jusqu’ici le marché du smartphone : iOS et Android.

Liens utiles :

-Nombre d’applications disponibles pour les windows phones

-Le cloud selon Microsoft…


Ergonomique, design, facile de préemption, personnalisable, bref les adjectifs sont nombreux pour qualifier ma satisfaction envers cet OS. La mémoire SDRAM de 512 MB et le processeur de 1,4 Ghz du Nokia Lumia 800 rendent son utilisation ultra rapide surtout si je compare avec mon pauvre iPhone 3G… Les temps de réaction sont de l’ordre de quelques millisecondes.

J’ai synchronisé en quelques minutes ma boîte mail et mon iCal (google calendar). L’appareil photo/caméra est de bonne qualité et dispose d’un flash/lampe de poche très pratique dans certaines situations que la pudeur qui me caractérise m’interdit d’évoquer ici.

Les premiers jours furent inquiétants. Le nombre ridiculement faible d’applications disponibles sur le Marketplace ne laissait présager rien de bon…

Mais les ventes de cet OS se portant bien, grâce notamment à l’énorme campagne de pub Nokia, l’intérêt des annonceurs fut décuplé et j’ai pu, à ma grande satisfaction, constater l’augmentation fulgurante du nombre d’applications. Certes nous sommes encore loin des chiffres de l’AppStore mais tout de même j’ai pu y trouver mon bonheur et pour ne rien gâcher, les applis tiennent la route avec des navigations ultra rapides et ergonomiques. Effort notable : la majorité des applications adoptent la charte graphique de l’OS et son fonctionnement.

La grosse (et seule) déception

Passant sur Windows Phone je pensais pouvoir bénéficier des sites en flash et ainsi naviguer sans limites sur la toile. C’était l’un des arguments à avoir pesé dans la balance lors de mon choix pour ce smartphone. Sauf que voilà, l’OS Windows Phone 7.5 dispose et ne peut disposer que du flashplayer 9. Hors aujourd’hui l’ensemble des sites en flash qui subsistent sont en flashplayer 10. Ma seule consolation est que les chances de voir apparaître de nouveaux sites en flash sont de moins en moins importantes, à la rigueur certaines applis .air peuvent subsister, du moins à en croire Stéphane dans son post du 17 février. Il aime bien se raccrocher à quelques branches à moitié sciées :-)

Focus sur l’application SkyDrive

Disposant d’un compte hotmail j’ai installé cette application qui me permet tout simplement de disposer d’un Cloud version Windows ! Une simple configuration me permet de sauvegarder automatiquement tous les médias générés par mon smartphone.

Le mot de la fin (et je ne pensais pas dire cela un jour)… Passez sur Windows Phone ;-)

Rémi Viguié


design - Les présélections du #wif12 en bande dessinée

Le 22 mars 2012

Le Festival international du design interactif (WIF) aura lieu les 29-31 mai prochains à Limoges. Pour participer à cette compétition, il fallait passer le barrage des présélections. Quatre pixiniens ont relevé le défi : livrer en 24 heures un prototype répondant à un sujet précis. Retour en BD sur ces heures inoubliables.
Lucie Alonso, Erwan Sabourin, Simon Boucher et Stéphane Monnet

Présélections #wif12 :
-Les créations des équipes:
-IE6-forever

Le #wif12, c’est aussi des conférences et des ateliers.
-Le programme

motion - Le printemps arrive…

Le 16 mars 2012

Dans le motion design, on fait beaucoup de 3D et d’animations graphiques… Mais il nous arrive aussi de sortir un peu de derrière nos écrans pour aller respirer l’air pur et vivre au contact de la réalité.Les beaux jours reviennent, et avec eux la végétation reprend vie. J’ai profité de cette occasion pour sortir notre matériel vidéo, canon 7D et pied Manfrotto avec tête fluide, et pour le balader dans nos jolis bois limousins.
J’ai eu droit à un bon bain de soleil et suis revenu avec quelques images dans lesquelles j’ai intégré des éléments 3D avec 3DSmax et After effect ; la bande son est signée Antony Raijekov.

L’interpolateur de 3DSmax

C’est un modificateur dans 3DSmax qui permet de faire du morphing entre différentes formes 3D.
C’est ce que j’ai utilisé pour créer l’animation des pétales de fleurs. Cette technique est très utilisée en animation faciale de personnage, mais peut être utilisée dans de nombreuses situations. La méthode est très simple, il suffit d’avoir une forme 3D, de la modifier pour lui donner les différentes typologies que l’on souhaite avoir, et le modificateur, via des sliders, gère l’interpolation entre la forme de départ et la forme d’arrivée. Il peut même mixer différentes formes entre elles.


Julien Verlhac


developpement - Initiation aux Voxels, générateur de terrain

Le 9 mars 2012
chargement …

De la 3D ? oui, mais du voxel…

Tout d’abord un petit rappel. Le voxel est un procédé 3D qui se distingue de la 3D traditionnelle au même titre qu’une image Bitmap (ou matricielle) est différente d’une image vectorielle. Les voxels sont une accumulation de pixels 3D, en gros des petits cubes plus ou moins opaques et de couleur. L’empilage de ces voxels donne une illusion de volume. La 3D traditionnelle se limite à une représentation de la surface des volumes. Le voxel va beaucoup plus loin en permettant de représenter l’intérieur des objets. C’est pourquoi les IRM utilisent cette technique (du moins très proche) : l’IRM prend des photos tranche par tranche, puis un logiciel reconstitue l’intégralité du corps humain (intérieur et extérieur).

Le générateur de terrain

Pour cet exercice, je me suis largement appuyé sur une application nommée « Terra » réalisée il y a bien longtemps par ParkStudio (une agence de webdesign russe). Elle a malheureusement fermé ses portes depuis. Cependant, ma principale influence reste le logiciel Terragen.

Depuis ParkStudio, de nombreux projets basés sur cette technique sont apparus. Avec l’apparition des Vectors (tableaux typés) au sein de Flash, l’actionscript 3 permet ce genre de projet. En parallèle, des technos plus récentes telles que le WebGL et le CSS3 offrent des rendus équivalents.

Quelles utilisations ?

J’ai travaillé sur un module qui permettrait d’utiliser des données topographiques et des vues satellites de google maps. Cela permet d’avoir une représentation 3D et à 360° d’une zone géographique.


Une piste que j’étudie est l’analyse de données bitmap provenant d’IRM. Il reste difficile de trouver la matière nécessaire pour faire des tests.


Erwan Sabourin

Comment ça marche ?

1 . on s’appuie sur des informations de type « altitude ». Pour cela une image en noir et blanc peu suffire. Le blanc correspondant aux points les plus élevés, et le noir aux plus bas.

2 . on élève la 3D

3 . on affecte les couleurs selon la hauteur des points.

4 . l’accumulation des strates donne une impression de volume.

Ressources


design - Colo de patates sur calques non-OGM

Le 6 mars 2012

« Simon, tu nous présentes aujourd’hui ce dessin original. Il est vrai que la patate est toujours d’actualités. Mais quand même, d’où sort-il donc ?

-Pfffuit ! Quelle question… J’ai un carnet de croquis, j’y fais des dessins qui me viennent comme ça dans ma petite tête… Rien de prédéfini, il est arrivé comme ça… Un peu comme une patate dans la soupe…

-C’est pas pour faire l’insatisfait chronique (plus communément appelé le chieur), mais entre le résultat final et les images qui nous sont dévoilées, il est difficile de s’y retrouver…

-C’est normal. Il ne faut pas le voir comme un step-by-step…

-Step-by-step ? What the hell are you talking about ?

-Ce ne sont pas des captures montrant l’évolution de l’image, mais un aperçu de différents calques qui, dans l’image finale, se superposent. J’utilise un peu l’outil « gomme  » pour qu’ils se fondent les uns sur les autres, mais c’est tout. Il n’y a pas d’effets de fusion entre les calques.

Le calque le plus haut, c’est le tracé, il est tout en haut et en produit, il me sert juste de base pour colorier, mais il n’est pas visible dans l’image finale.

-N’est-ce pas un peu la foire tous ces calques à gérer ? Combien de temps cela peut-il bien prendre de coloriser ce genre de dessin ?

-C’est long. Pour cette image, j’ai dû passer une dizaine d’heures. Mais cela faisait longtemps que je voulais me remettre derrière photoshop et ma tablette graphique. En plus, je ne suis pas graphiste, mais pour un développeur, je le trouve pas trop trop mal pour un dessin. :)

-Les internautes en jugeront. Pour finir sur la question que tout le monde se pose : si on étrangle un Stroumph, de quelle couleur devient-il ? Non, je veux dire, c’est quoi le plus dur dans ce genre de réalisation ?

-Le plus difficile ? Le texturage, c’est vraiment le truc délicat… Gérer les opacités, les brush, les textures, les jeux de matière… J’utilise la pipette pour récupérer des couleurs, des nuances, texturer… Jouer avec la matière, pour ne pas faire juste un aplat coloré…J’ai essayé plusieurs choses, écouté les remarques des uns et des autres. Pour moi, il n’est pas fini, un dessin n’est jamais fini. Tu peux toujours continuer et fignoler.



Simon Boucher




Et pour ceux qui voudraient suivre un véritable step-by-step : http://www.aniii.com/wip


humeur - Pecha Kucha #2 – Limoges

Le 24 février 2012
Erwan Sabourin (Webdesigner), présentant Pixine et ses activités

La deuxième édition des soirées Pecha Kucha Limoges a eu lieu jeudi 16 février 2012.Pour rappel, Pecha Kucha est un moment d’échange de créativité, de découverte et de rencontre multi-disciplinaire du Design et des Arts.

Chaque intervenant présente 20 images illustrant ses projets qu’il commente pendant 20 secondes chacune (soit 6 minutes 40 secondes de présentation).

Pecha Kucha est ouvert aux graphistes, aux designers industriels, aux architectes, aux stylistes, aux designers numériques, aux artistes, aux étudiants d’école d’art ou à quiconque souhaitant partager sa vision créatrice. Chaque designer partage ses réflexions, solutions et problématiques, sa vision artistique et explique son processus de création…

C’est tout naturellement que Pixine a souhaité y participer en illustrant la problématique « techniques et individus ». En s’appuyant sur le parcours de deux personnes différentes (Erwan S. et Julien V.), rapprochées par l’utilisation d’un support commun, le numérique, Pixine s’est attaché à montrer le bénéfice technique que permet un mélange de compétences ciblées et de profils singuliers.

Carine Massiat


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 1er 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).

Part de marché

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.

Multiplateformes

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é

design - Alphabet modulaire #1

Le 19 janvier 2012
ma typo

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 :

    ma typo

    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

Le

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)

Erwan Sabourin

différences d'une image à l'autre

developpement - Pixine partenaire de BkRender

Le 6 novembre 2011

Tout a commencé avec la mise en ligne de la version mobile du legrand.fr . Il fallait une solution adaptée et flexible. Pixine s’est associée à BkRender pour mener à bien ce projet. Le m.legrand.fr est désormais accessible depuis un nombre conséquent de terminaux mobiles (et pas forcément ceux de dernière génération).

Après une formation, Erwan et moi n’ignorions plus rien des capacités techniques du framework BkRender.

Les équipes de BkRender ayant trouvé le résultat à leur goût, nous nous sommes rendus le 20/10/11 dans les locaux de nos partenaires pour rendre compte de notre expérience sur cet outil de développement pour plate-formes mobiles.

Bien qu’habituellement assigné au poste de développeur, j’avais embarqué dans ma poche mon carnet de croquis. Voici un compte-rendu à ma façon de cette réunion. Avec tags et balises.

Simon Boucher

 


motion - Elle était là, la C300 de Canon

Le 18 octobre 2011

Nous nous sommes rendus au Satis 2011, salon parisien de l’audiovisuel et du multimédia. Petite visite en photos.

Stéphane Monnet

Le Satis est un salon parisien qui a pour objet l’audiovisuel et le multimédia. Les dernières nouveautés matérielles et logicielles y sont présentées. Cette année, l’EOS C300 de Canon a fait son petit effet. Elle était bien là, dans un bocal en verre, mais impossible de la toucher ou de la manipuler… A Pixine, nous aimons bien Canon (nous avons réalisé plusieurs films avec notre Canon 7D) et le Satis est toujours l’occasion de tester les innovations qui arriveront un jour dans notre studio de production, de renouveler un pied défectueux, de crier dans un micro design ou de suivre un cours accéléré de 3D sur le stand d’Adobe ou d’Avid.

Satis 2011