Depuis une douzaine d’années, le marché des environnements de communication numérique a subi une évolution technologique galopante qui se poursuit aujourd’hui en couvant de bien belles surprises. En parallèle, le niveau de maturité des clients n’a cessé de croître et de facto, les projets sont devenus de plus en plus complexes et exigeants en termes d’intégration avec leur système d’information déjà en place, de richesse fonctionnelle, de fluidité ergonomique, de design, de mobilité, de sécurité et d’évolutivité.

Au fil de ces années, en tant que D.S.I., j’ai régulièrement assisté à la naissance et à la mort rapide, telles des étoiles filantes, d’un grand nombre de prestataires « apprentis-bricoleurs » qui ont investi sauvagement ce marché à coups de « discours technoïdes », de « C.M.S. à tout faire » et de « derniers gadgets à la mode »,  en faisant allègrement abstraction de la chose la plus importante de toutes :  le besoin « métier » du client !

Dans un contexte plus que jamais concurrentiel, MBA Multimédia à qui j’ai confié plusieurs projets (site web dynamique et interactif, applications de gestion de concours, refonte IHM,…) se distingue incontestablement  par l’efficacité  de sa méthodologie de travail et la qualité de ses prestations personnalisées. Un professionnalisme et une éthique qui demeurent  aujourd’hui les garants de sa pérennité.

 

Mohammed AOUICHAT
Docteur de l’I.N.S.A. de Rennes
D.S.I. en Institutions d’Enseignement Supérieur et de Recherche

C’est pas nouveau, mais les annonceurs utilisent de plus en plus ce procédé pour étonner les passants (et surtout leurs clients). C’est vrai surtout pour les grandes marques, car afficher son logo ou le dernier smartphone sur un immeuble de 120 m en plein centre de Londres, représente un coût non négligeable.
Nous à l’agence, on aimerait bien voir nos images sur la façade du TNB, mais c’est pas prévu au budget … du moins cette année.

Ici à Rennes, on connaît ça depuis des années grâce à la société Spectaculaire (merci Benoit) qui réalise des projections d’images monumentales tous les ans sur la place de la mairie pour les fêtes de Noël. Seulement voilà, ça s’exporte et tout le monde s’y met. Voici donc une petite retrospective des dernières projections, … ben oui chez MBA on aime les belles images alors si en plus elles sont énormes… Installez-vous confortablement dans votre siège et préparez-vous à faire « WOW ».

Rennes light show

Nokia UK - Nokia Lumia Live

The Official Ralph Lauren 4D Experience - London

Adidas France

China-4D outdoor stereographic projection

Hyundai Accent 3D

Cool Fanta Chase 3D Mapping Projection Dubai Mall

BMW JOY 3D

Amazing 3D Projection

LG 3D Facade Show - Android - Kulturbrauerei Berlin

Après de nombreuses semaines de réflexion et de création, le site web de l’agence MBA Multimedia a été mis en ligne au printemps dernier. Cet automne, il vient tout juste d’être complété par une version anglaise.

Véritable démonstrateur du savoir-faire de l’agence, ce site inédit dans l’ouest, intègre de nombreuses fonctionnalités innovantes autant sur le plan graphique que sur le plan technologique. Au menu : HTML 5, CCS 3, PHP 5, API réseaux sociaux, librairie Jquery et AJAX constituent le socle technique de cette nouvelle version optimisée, par ailleurs, pour un usage sur tablettes tactiles. En attendant la version « SmartTV » (Téléviseur connecté), prévue pour 2012, une version pour « Smartphone » viendra compléter prochainement la communication multi-écrans de l’agence.

Gardant la couleur pour ses clients, c’est donc en noir et blanc que l’agence revient en force sur le web. Cette nouvelle identité graphique, orienté haute couture, véhicule une image moderne et haut de gamme. Le site a d’ailleurs été remarqué par de nombreux portails étrangers de webdesign et HTML5 qui l’exposent dans leurs galeries. Une reconnaissance internationale qui paye : nomination au CSS Webdesign Awards début septembre et validation de la candidature de l’agence en tant que partenaire de la marque Bretagne.

Retrouvez-nous en ligne :
De votre bureau : www.mba-multimedia.com
De votre salon : www.mba-multimedia.tv
En mobilité : www.mba-multimedia.mobi

Découvrez le site mobile de MBA (en cours de confection) :

C’est toujours un plaisir de retrouver ces étudiants japonais avec leurs démonstrations toutes plus délirantes les unes que les autres… 1er prix pour la banane téléphone. Cette année la tendance, c’est la Kinect de microsoft, presque dans tous les stands du salon, comme ça au moins on a pu l’essayer. Nous avons également rencontré nos amis de l’association Bug, avec leur balade virtuelle au dessus de Rennes, testée d’ailleurs avec succès. Tellement de choses à voir, que le mieux c’est une petite vidéo pour résumer rapidement cette édition. Sûr on y retournera !

Après plusieurs semaines de travail, nous sommes fiers de vous présenter le nouveau site web de l’agence MBA.

Après plus de 6 ans d’existence, le site actuel créé en 2005 tire sa révérence… (14h:08mn:24s – heure locale)

De la même façon que pour un projet client, une phase de conception importante a été mise en place, avec une équipe dédiée en interne.
L’idée d’une refonte a germé dans nos esprits courant 2010 et a démarré avec une réflexion sur la révision de la charte graphique de l’agence.
Une étude de cas sera mise en ligne prochainement sur le blog, afin de vous montrer les étapes de la réalisation de ce beau projet.

Une nouvelle identité graphique pour MBA

Haute couture
L’identité de notre nouveau site est partie d’une idée simple : MBA réalise des sites web sur mesure, d’où la mise en place de cette ligne graphique basée sur l’esprit « couture ».
Au fur et à mesure de la navigation, vous constaterez que différents clins d’œil de cet univers sont dispersés ça et là : une texture de tissu en fond, des traits en pointillés, …

Noir & Blanc
Autre élément fort cette nouvelle identité graphique : le noir et blanc.
Le noir par définition représente la sobriété, l’élégance , le raffinement mais aussi le mystère, l’inconnu, « ce qui est caché ». Associé au blanc, il crée le contraste et accentue le détail. C’est pour toutes ces raisons que nous avons opté pour ces deux nuances qui permettent de mettre en valeur les projets présentés dans notre galerie de références. Elles n’entrent pas en conflit avec le graphisme réalisé pour nos clients. Bien au contraire, ces deux nuances le souligne, le met en lumière. Une idée forte en découle : MBA vit en noir&blanc et garde la couleur pour ses clients…

Références :
. Pierre SOULAGES . Peintre du noir absolu, de ses nuances et de ses matières.
. Andrée Putman . Architecte et designer connu pour son motif damier noir et blanc.
. Le drapeau breton

Une véritable démonstration technique de notre savoir-faire 3.0

HTML 5, CCS3, PHP5, librairie Jquery, chargement en AJAX, site optimisé pour les tablettes tactiles, motorisé par notre plateforme de gestion de contenu : publiShare… autant de langages, d’outils et de savoir-faire maîtrisés par notre équipe et sur notre nouveau site web.

La version mobile arrivera prochainement ; sera développée ensuite une version pour SmartTV. Nous vous tiendrons au courant de l’avancée de ces projets.

Bonne visite!
> http://www.mba-multimedia.com/

Et voilà donc la vraie 3D sous flash, avec accélération matérielle s’il vous plait (OpenGl et Directx), disponible prochainement en téléchargement (labs Adobe). D’autant plus, que les frameworks 3D existants sont déjà compatibles : Alternativa3D, Yogurt3D, Flare3D, Away3d et Sophie3D.

Pour finir là-dessus, l’ API 3D est disponible aussi bien en AIR (mobile, TV, iphone, ipad, …) qu’en flash.
Passage au salon avec la Google TV et une démonstration de VOD full HD via flash player installé dans une set-top box, bluffant ! Bon, pour finir un vrai crash (genre écran bleu) en pleine démo, vite sujet suivant…

Projet « Video Tapestries« , tout simplement énorme !

Dans la foulée, on apprend que Dreamweaver gère JQuery, le HTML5 avec Edge, Air sera partout (Desktop, Smartphone, TV, tablette, Netbook, …), Cocoon P2P pour connecter ensemble de nombreux devices, un convertisseur Flash vers HTML5, … du lourd comme toujours avec Adobe. Vivement la CS 6 …

De l’extérieur, rien de particulier à part quelques clim industrielles sur le côté du bâtiment. Une fois passés plusieurs accès sécurisés, nous voilà à l’intérieur de la « bête » … visite du groupe électrogène, un moteur V8 de bateau dans le coffre, vu la taille du pot d’échappement, mieux vaut ne pas être là quand il se met en marche (500 l / 15 mn).

Ensuite la première salle blanche : armoire électrique, baie de brassage fibre optique, solution incendie… et baie serveur pour la plupart du Dell. Petite présentation du système (switch, Vlan, fibre, serveur virtualisé, stockage, sauvegarde, anti spam, … ça ronronne et clignote de tous les côtés. Merci à Eric et Stéphane de nous avoir offert cette visite privée.

Le data center en chiffres :

• réseaux Gb/s à Nantes
• 4x1gb/s sur tête de réseau à Paris (les serveurs sont tous à Nantes)
• 200 serveurs, 50% de Serveur Dédié Virtuel
• 30 To de data stockables
• puissance électrique data center 1000 kva

… maintenant on sait où sont stockés nos fichiers.

Cette année, nous avons opté pour l’option conférence en complément du salon, choix judicieux car beaucoup de professionnels y participent et l’information y est de qualité. Au menu des conférences : Vision stéréoscopique et perception, Quels contenus pour les écrans autos stéréoscopiques » ?, La narration en relief : Mythe ou Réalité ?, S-3D et nouvelles images pour la communication in door/outdoor, 2D/3D conversion quelles applications ? … vaste programme

Comme l’an passé, le salon est très orienté autour des dispositifs de capture stéréo professionnel (caméra HD, 2K, 4K, Red, …). Les bancs de montage et tout l’équipement nécessaire à la post-production sont également omniprésents dans les allées. Pour se détendre un peu, Sony propose de tester la PS3 avec des lunettes 3D, sympa ça devrait plaire aux ados !

A côté des grosses caméras Red, on trouve la webcam 3D stéréoscopic de chez Hamlet, des projections holographiques plutôt réussies et des énormes panneaux publicitaires lenticulaires 3D. Sans oublier les écrans auto-stéréoscopiques (sans lunettes) de chez Alioscopy et Tridelity (à plusieurs points de vues).

Pour clôturer ce billet, nous avons eu confirmation que la 3D était bien d’actualité en 2010 (nous n’en doutions pas un instant). Nous avons également su comment les grands constructeurs et acteurs de l’image se positionnaient sur ce marché très prometteur ! Allez, moi aussi j’avais ma caméra HD sur place, maintenant faut faire le montage …en 2D … désolé.

> Le site de l’événement

> Le palmares

Imagine 2015 est le séminaire de prospective d’Images et Réseaux. Le thème de la saison 2010 : « communiquer mieux, entreprendre autrement » ou comment réinventer la relation outils, entreprise, collaborateurs, société.

C’est dans la salle des conseil de l’Hôtel de Rennes Métropole, que ce sont réunis les membres du pôle Images et Réseaux et les grands témoins pour cette édition 2010.
C’est ainsi que Christian Couilleau (groupe EVEN), Thanh Nghiem, Raphael Bessis, Richard Collin nous ont fait réfléchir aux mutations de notre société (télétravail, mode participatif, messagerie instantanée, outils de productivité, …), un riche programme pour cette journée de réflexion.

> D’autres vidéos sur la TV Adobe

Pour commencer un petit clin d’oeil à des francais de la société Parrot qui ont fait un buzz énorme avec leur « AR Drone », un gadget sous la forme d’un hélicopter à 4 hélices piloté par un Iphone (via WIFI), en prime une mini-camera à l’avant pour suivre l’évolution du joujou et apporter sur un plateau, la réalité augmentée sur l’Iphone.

Ensuite beaucoup, mais vraiment beaucoup de 3 D relief sur les derniers écrans de télévision Full HD 3D (Sony, Samsung, Panasonic, LG, Nvidia, Toshiba, Mitsubishi ..). Il faudra souvent s’équiper de lunettes spéciales pour visualiser les contenus, que ce soit pour regarder un film (Blue Ray 3D) ou bien jouer à la Play Station 3. Sony et IMax ont par ailleurs annoncé le lancement (en 2011) d’une chaîne uniquement de contenus 3D, ça promet ! Panasonic sort une nouvelle caméra (à l’automne qui permet de filmer en 3D (et en HD) pour seulement 21 000 dollars. LG quant à lui nous annonce un vidéoprojecteur 3D (luminosité à 2500, contraste 7000:1, résolution 1080p) pour seulement 10 000 dollars, … notre prochain home cinema risque de nous coûter cher.

Je vous passe tous les nouveaux terminaux (tablette, ebook, e-reader, Skiff Reader, Notebook, webbook, moviebook, lifebook …) qui ont été présenté, ainsi que les smartphones et superphone (le Nexus One de Google) et même l’écran transparent ou human LCD, … pour m’arrêter sur un petit projecteur (pico-projecteur) bien intéressant de la société LightBlueOptics, c’est en fait un écran tactile projeté qui permet d’afficher une image de 10 pouces (WVGA) et d’interagir en tactile…énorme !

Et aussi en vrac :
- Skype sur la TV HD (en partenariat avec LG / Panasonic) avec en prime une webcam spéciale pour 100 dollars (de FaceVsion) … en HD
- General Motor qui s’intéresse à Android et l’Iphone, via une appliquation nommée OnStar et qui permettra de démarrer à distance, de connaître l’état de la batterie (c’est normal pour une voiture électrique) et de planifier la vitesse de rechargement en fonction de son planning, de klaxonner ou bien encore de verrouiller les portes, utile non ? Ou encore Ford avec sa technologie SYNC qui réunit plus de 10 000 commandes vocales pour discuter avec sa voiture !
- Haier qui sort la première TV entièrement sans fils, en effet plus de câble d’alimentation grâce à la « WiTricity » technology !

Vous en voulez encore :

- CNET Live at CES

http://ces.cnet.com/

- CNN
http://www.cnn.com/SPECIALS/2010/ces/index.htmlD

Pour rappel, c’est ici qu’ont été annoncé en exclusivité le magnétoscope VHS, le caméscope, le Laser Disc, la XBox, le DVD Blu-ray et l’Iphone entre autres …
Près de 3 000 exposants pour plus 100 000 visiteurs attendus, c’est sûr l’année prochaine on y va !

Quelques photos sur Flickr :

Le site de l’événement :
http://www.cesweb.org

A suivre …

Une visite du TNB vous intéresse ? Si vous n’avez pas eu la chance de participer à l’une de nos visites in situ, voici une autre manière de vous déplacer dans les haut lieux du TNB.

Cette animation, motorisée par notre plateforme de gestion de contenu PubliShare, permet de découvrir ou redécouvrir le “nouveau“ TNB au travers de cette nouvelle interface dynamique.

Les technologies mises en oeuvre sont :

• Animation Flash / ActionScript 3
• PHP 5/ XML
• PubliShare 2.0

Il vous suffit de déplacer votre souris sur le bâtiment ou de cliquer directement dans les cases colorisées. Ainsi vous accédez, salles après salles, à un choix de photos, de panoramiques, et même à l’adresse des professionnels à la visualisation des plans.

Bonne visite !
> http://www.t-n-b.fr/fr/services/infrastructures/index.php

En fin de semaine dernière, nous étions au forum International de l’image 3D Relief à Paris. Depuis 3 ans, ce rendez-vous où l’on rencontre aussi bien des industriels, producteurs, entrepreneurs, fabricants que des chercheurs, permet un échange direct entre acteurs du relief.

Nous avons ainsi échangé autour des techniques de production d’images en relief 3D, du passage 2D vers 3D, des équipements de prises de vues en relief, des systèmes matériel et logiciel de post-production de contenu en relief et également de la communication relief (PVL, Holographie, …).

Les nombreuses rencontres nous ont permis de nouer des contacts avec les professionnels présents à cet événement, nous permettant d’avancer à grands pas sur ce sujet. Pour rappel, nous proposons déjà la conversion d’images 2D en 3D, des pages web en relief 3D, de la PVL et la location d’équipements relief/holographiques pour les salons.

Voici quelques solutions relief vues sur place : écran autostéréoscopique (sans lunettes) pour mobile, dispositif de captation HD en relief (2 caméras), des prises de vues photographiques pour PVL (15 appareils « genre MATRIX »), le système NVIDIA permettant de jouer sur plus de 300 jeux en relief grâce aux lunettes fournies avec le pack, le stand de la société ALIOSCOPY, … et beaucoup d’autres encore.

A l’année prochaine !

> Le site du forum

En dehors des aspects graphiques et de la connexion au système de gestion de contenu du portail de l’innovation en bretagne, nous avons implémenté un système de cartographie (via l’API Google Maps) unique en son genre.

Le système permet d’afficher les événements de la semaine en fonction du focus de la carte, directement sous forme de calendrier hebdomadaire, le tout en AJAX et relié à la base de données.
Pour compléter l’interactivité, une sélection par jour, par service et par secteur a été ajoutée. Le croisement de tous ces critères permet aux visiteurs de s’inscrire rapidement en fonction de leur centre d’intérêt.

> Le site de la semaine

Ce jeudi, nous étions à Laval, aux 11 ème Rencontres Internationales de la Réalité Virtuelle.
3D -relief, réalité augmentée, robotique, … tout ce qu’il fallait pour passer un bon après- midi.

Ce qui est toujours étonnant à Laval, c’est le nombre d’étudiants (locaux et étrangers) présentant leurs créations, inventions, expériences, et projets les plus fous ! D’une sarbacane olfactive (ci-dessous à droite) avec « La Flèche d’odeur » qui propulse sur un écran géant (en virtuel) les aliments consommés précédemment, au salon de relaxation interactif en passant par la chasse au poisson rouge virtuel via un filtre colorimétrique…. que du bonheur !

Plus loin et un peu plus sérieux : les industriels proposent d’impressionnantes démonstrations visuelles sur leurs stands équipés des toutes dernières technologies en matière de projections vidéos immersives.

Le relief est omniprésent à nouveau sur le salon (il paraît que 2009 sera l’année du relief), lunettes polarisantes ou à cristaux liquides, écran auto-stéréoscopique,

Au bout d’une allée, un drole d’engin … un robot ! Un vrai de vrai, qui reconnaît les visages, et qui à l’air sympa… Il s’apelle Nixi, et si vous voulez en savoir plus, regardez cette vidéo. Pour le faire fonctionner , il nécessite une batterie d’ordinateurs et de matériels. Par contre, on ne l’a pas vu beaucoup bouger, il paraît que c’est pour la sécurité des visiteurs, d’après les représentants très sérieux du MIT … merci pour nous.

Pour terminer, une machine intéressante : une imprimante 3D ! Pardon ? Vous avez dit ?
Et oui, une démonstration était obligatoire… un peu de poudre, de l’encre, du catalyseur et une passe de 0.1mn, un peu de patience et vous voilà avec un objet dans les mains que vous aviez dessiné quelques minutes auparavant sur 3DS Max ou tout autre logiciel de 3D.

Un bon après-midi sur Laval, plein les yeux, des souvenirs plein la tête, vivement la 12 ème édition.
> Le site web Laval Virtual

———————————————————–
De retour sur Rennes, nous nous sommes arrêtés à l’Open Coffee, invités dans les locaux de l’association Loustic http://www.loustic.net/. Au programme : test d’utilisabilité, ergonomie web, échanges autour d’un verre, démonstration Eye Tracking, visite de l’appartement test équipé de plusieurs caméras… un vrai loft story place de Bretagne. Mais celui-là fait avancer la recherche et les usages de demain !
> Le site OpenCoffee Rennes

Pour y voir plus clair (mais en relief) voici un petit tour d’horizon de ce principe révolutionnaire dans la communication visuelle.

Le principe

Notre galerie

Accueil


Galerie web

Liens

Si vous souhaitez remplacer votre joystick par un modèle plus moderne, et que vous avez un peu de place dans votre salon, commandez dès maintenant ce modèle proche de la version du Futuroscope. Attention tout de même, ne laissez pas votre grand-mère essayer !