mix 08 las vegas l’outillage du créatif l’ergonomie web ou comment maîtriser son trafic...

41

Upload: reynaud-papin

Post on 04-Apr-2015

104 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Mix 08 Las Vegas L’outillage du créatif L’ergonomie Web ou comment maîtriser son trafic Séduire vos utilisateurs Créer une relation permanente sur PC
Page 2: Mix 08 Las Vegas L’outillage du créatif L’ergonomie Web ou comment maîtriser son trafic Séduire vos utilisateurs Créer une relation permanente sur PC

Mix 08 Las VegasMix 08 Las Vegas

L’outillage du créatifL’outillage du créatif

L’ergonomie Web ou comment maîtriser son L’ergonomie Web ou comment maîtriser son trafictrafic

Séduire vos utilisateursSéduire vos utilisateurs

Créer une relation permanente sur PCCréer une relation permanente sur PC

Etendre cette relation en-dehors du PCEtendre cette relation en-dehors du PC

Page 3: Mix 08 Las Vegas L’outillage du créatif L’ergonomie Web ou comment maîtriser son trafic Séduire vos utilisateurs Créer une relation permanente sur PC
Page 4: Mix 08 Las Vegas L’outillage du créatif L’ergonomie Web ou comment maîtriser son trafic Séduire vos utilisateurs Créer une relation permanente sur PC

Le PC n’est plus le seul appareil à se Le PC n’est plus le seul appareil à se connecter sur Internetconnecter sur Internet

De nouvelles perspectives pour rester en De nouvelles perspectives pour rester en contact avec ses Internautescontact avec ses Internautes

Baisse des prix de communications Baisse des prix de communications téléphoniquestéléphoniques

Augmentation de l’utilisation d’Internet Augmentation de l’utilisation d’Internet sur les mobilessur les mobiles

Page 5: Mix 08 Las Vegas L’outillage du créatif L’ergonomie Web ou comment maîtriser son trafic Séduire vos utilisateurs Créer une relation permanente sur PC
Page 6: Mix 08 Las Vegas L’outillage du créatif L’ergonomie Web ou comment maîtriser son trafic Séduire vos utilisateurs Créer une relation permanente sur PC

Quelques tendancesQuelques tendancesFaible coût des composants Faible coût des composants électroniquesélectroniquesStandardisation du WiFi et du BluetoothStandardisation du WiFi et du BluetoothMiniaturisation des composantsMiniaturisation des composants

RésultatRésultatBanalisation de l’utilisation de Banalisation de l’utilisation de l’électronique dans tout type de matériell’électronique dans tout type de matérielMontée en puissance des petits Montée en puissance des petits périphériquespériphériques

Page 7: Mix 08 Las Vegas L’outillage du créatif L’ergonomie Web ou comment maîtriser son trafic Séduire vos utilisateurs Créer une relation permanente sur PC
Page 8: Mix 08 Las Vegas L’outillage du créatif L’ergonomie Web ou comment maîtriser son trafic Séduire vos utilisateurs Créer une relation permanente sur PC

Combinaison de 2 Combinaison de 2 fonctionnalités pas fonctionnalités pas obligatoirementobligatoirementliéesliées

Page 9: Mix 08 Las Vegas L’outillage du créatif L’ergonomie Web ou comment maîtriser son trafic Séduire vos utilisateurs Créer une relation permanente sur PC

TVTVMagnétoscopeMagnétoscopePhotothèquePhotothèqueJudeboxJudeboxService onlineService onlineOrdinateurOrdinateur

Page 10: Mix 08 Las Vegas L’outillage du créatif L’ergonomie Web ou comment maîtriser son trafic Séduire vos utilisateurs Créer une relation permanente sur PC

http://www.microsoft.com/surface/

•multi-touches•multi-utilisateurs,•reconnaissance d’objets

CibleCibleHôtels, restaurants et Hôtels, restaurants et barsbars

Type d’écranType d’écranRéflexion de la lumière Réflexion de la lumière par les doigtspar les doigts5 caméras5 caméras52 points de contacts 52 points de contacts simultanéssimultanés

SystèmeSystèmeUn Windows VistaUn Windows Vista

DéveloppementDéveloppementWindows Presentation Windows Presentation FoundationFoundationXNAXNA

Page 11: Mix 08 Las Vegas L’outillage du créatif L’ergonomie Web ou comment maîtriser son trafic Séduire vos utilisateurs Créer une relation permanente sur PC
Page 12: Mix 08 Las Vegas L’outillage du créatif L’ergonomie Web ou comment maîtriser son trafic Séduire vos utilisateurs Créer une relation permanente sur PC

Paris Paris ‘‘0808

Page 13: Mix 08 Las Vegas L’outillage du créatif L’ergonomie Web ou comment maîtriser son trafic Séduire vos utilisateurs Créer une relation permanente sur PC

Au sein de la Au sein de la HoldingHolding

Equipe de 10 Equipe de 10 chercheurschercheursAu service des Au service des filialesfilialesDeux axesDeux axes

Nouvelles Nouvelles technologiestechnologiesOptimisation Optimisation mathématiquemathématique

Page 14: Mix 08 Las Vegas L’outillage du créatif L’ergonomie Web ou comment maîtriser son trafic Séduire vos utilisateurs Créer une relation permanente sur PC

Services au domicile dans plusieurs Services au domicile dans plusieurs filialesfiliales

TF1 : chaîne et services d’accès à la TF1 : chaîne et services d’accès à la vidéovidéo

Bouygues Telecom : Bouygues Telecom : téléphonie téléphonie (3G+)(3G+) et futur et futur FAIFAI

Bouygues Immobilier : appartements à Bouygues Immobilier : appartements à plus forte valeur ajoutéeplus forte valeur ajoutée

Comment simplifier l’accès aux Comment simplifier l’accès aux données ?données ?

Page 15: Mix 08 Las Vegas L’outillage du créatif L’ergonomie Web ou comment maîtriser son trafic Séduire vos utilisateurs Créer une relation permanente sur PC

Les imagesLes imagesDéchargement rébarbatif des photosDéchargement rébarbatif des photosMultiples copiesMultiples copies

Les vidéosLes vidéosMultiples supportsMultiples supportsNon centraliséesNon centralisées

Les contactsLes contactsPros et Persos sur des téléphones différentsPros et Persos sur des téléphones différentsPas de synchronisation avec les téléphones fixes Pas de synchronisation avec les téléphones fixes (DECT…)(DECT…)

Les équipementsLes équipementsInteraction faibleInteraction faibleDécouverte des nouveaux équipements délicateDécouverte des nouveaux équipements délicate

Page 16: Mix 08 Las Vegas L’outillage du créatif L’ergonomie Web ou comment maîtriser son trafic Séduire vos utilisateurs Créer une relation permanente sur PC

DLNADLNAPropose une sémantique commune entre Propose une sémantique commune entre les équipementsles équipementsUtile mais non suffisantUtile mais non suffisant

Solutions de stockageSolutions de stockageDLNADLNAMicrosoft Home ServerMicrosoft Home Server

Rien de parfaitRien de parfait

Page 17: Mix 08 Las Vegas L’outillage du créatif L’ergonomie Web ou comment maîtriser son trafic Séduire vos utilisateurs Créer une relation permanente sur PC

But du projetBut du projetProposer un usage des donnéesProposer un usage des données

Au domicileAu domicileAutour des médias Autour des médias (son/vidéo/téléphonie/jeux…)(son/vidéo/téléphonie/jeux…)

Une IHM intuitive et moderneUne IHM intuitive et moderne

ChoixChoixPlateforme : WPF 3.5Plateforme : WPF 3.5Contrôleur intégré à la table de salonContrôleur intégré à la table de salon

Page 18: Mix 08 Las Vegas L’outillage du créatif L’ergonomie Web ou comment maîtriser son trafic Séduire vos utilisateurs Créer une relation permanente sur PC
Page 19: Mix 08 Las Vegas L’outillage du créatif L’ergonomie Web ou comment maîtriser son trafic Séduire vos utilisateurs Créer une relation permanente sur PC

Deux applications WPFDeux applications WPFTélévisionTélévision

Diaporama : de simples animations WPFDiaporama : de simples animations WPFLes vidéos 3D : MediaElement sur des Les vidéos 3D : MediaElement sur des triangles 3Dtriangles 3D

La table tactileLa table tactileUne dalle tactile infra-rouge : accès au drivers Une dalle tactile infra-rouge : accès au drivers via un assembly mixte c++ managé/non via un assembly mixte c++ managé/non managémanagéUn composant WPF utilisateur pour le Un composant WPF utilisateur pour le carrouselcarrouselDes événements dédiés pour la dalleDes événements dédiés pour la dalle

Page 20: Mix 08 Las Vegas L’outillage du créatif L’ergonomie Web ou comment maîtriser son trafic Séduire vos utilisateurs Créer une relation permanente sur PC

Evénements fournis par le driverEvénements fournis par le driverModification du nombre de pointeursModification du nombre de pointeursDéplacement d’un pointeurDéplacement d’un pointeur

Deux types de pointeurs (à cause de Deux types de pointeurs (à cause de la techno I.R.)la techno I.R.)

Exemple du puzzleExemple du puzzleAdaptation du code disponible sur Adaptation du code disponible sur Code4FunCode4Funhttp://blogs.msdn.com/coding4fun/archive/2008/01/22/7163484.aspx

ActifActif PotentielPotentielRayon XRayon X

Rayon YRayon Y

Page 21: Mix 08 Las Vegas L’outillage du créatif L’ergonomie Web ou comment maîtriser son trafic Séduire vos utilisateurs Créer une relation permanente sur PC

public void NbPointsModified(activePoints, allPoints) { if (_active) { int n = 0; foreach (p in activePoints) { VideoBlock bestBlock = null; double bestDistance = Double.MaxValue;

// Trouver le plus proche... foreach (VideoBlock v in allVideoBlocks) { // Minimum + différent des autres ! } selectedBlocks[n++] = bestBlock; if (n == MAX_NB_SELECTED) break; } nbSelectedBlocks = n; } }

Page 22: Mix 08 Las Vegas L’outillage du créatif L’ergonomie Web ou comment maîtriser son trafic Séduire vos utilisateurs Créer une relation permanente sur PC

public void PointsMoved(activePoints, allPoints) { if (_active) { if (nbSelectedBlocks == 1) {

double x = 0, y = 0; _manager.Calibrate(activePoints[0], ref x, ref y);

selectedBlocks[0].translateTransform.X = x - rectWidth / 2;

selectedBlocks[0].translateTransform.Y = y - 200 - rectHeight / 2;

}

// Si plus d’un point :// Matching entre les points et les blocs (distances)// Déplacement des blocs vers les pointeurs

Page 23: Mix 08 Las Vegas L’outillage du créatif L’ergonomie Web ou comment maîtriser son trafic Séduire vos utilisateurs Créer une relation permanente sur PC

WPF a été un bon choixWPF a été un bon choixRapidité de prise en mainRapidité de prise en mainCadre efficaceCadre efficace

De nombreux exemples sur InternetDe nombreux exemples sur Internet

Silverlight 2Silverlight 2Permet de tirer partie des applications Permet de tirer partie des applications bureautiques pour des applications webbureautiques pour des applications web… … et vice-versa ! et vice-versa !

RDA et RIA se rejoignentRDA et RIA se rejoignent

Page 24: Mix 08 Las Vegas L’outillage du créatif L’ergonomie Web ou comment maîtriser son trafic Séduire vos utilisateurs Créer une relation permanente sur PC
Page 25: Mix 08 Las Vegas L’outillage du créatif L’ergonomie Web ou comment maîtriser son trafic Séduire vos utilisateurs Créer une relation permanente sur PC
Page 26: Mix 08 Las Vegas L’outillage du créatif L’ergonomie Web ou comment maîtriser son trafic Séduire vos utilisateurs Créer une relation permanente sur PC

http://citywall.org/pages/about

Page 27: Mix 08 Las Vegas L’outillage du créatif L’ergonomie Web ou comment maîtriser son trafic Séduire vos utilisateurs Créer une relation permanente sur PC

http://www.embedia.fr/

Page 28: Mix 08 Las Vegas L’outillage du créatif L’ergonomie Web ou comment maîtriser son trafic Séduire vos utilisateurs Créer une relation permanente sur PC

Communication grand publicCommunication grand publicEnvironnement quotidienEnvironnement quotidienAchat d’espace publicitaire dynamiqueAchat d’espace publicitaire dynamiqueSupport de communication ou/et de Support de communication ou/et de ventevente

Page 29: Mix 08 Las Vegas L’outillage du créatif L’ergonomie Web ou comment maîtriser son trafic Séduire vos utilisateurs Créer une relation permanente sur PC

Le cœur du systèmeLe cœur du systèmeUn écranUn écranUn PCUn PC

InteractionInteractionTactileTactileVocaleVocaleBluetoothBluetooth

Réception d’infosRéception d’infosOnde radio/TNTOnde radio/TNTGPRSGPRSInternetInternet

Page 30: Mix 08 Las Vegas L’outillage du créatif L’ergonomie Web ou comment maîtriser son trafic Séduire vos utilisateurs Créer une relation permanente sur PC

SystèmesSystèmesWindows CEWindows CEWindows EmbeddedWindows EmbeddedWindows XP et VistaWindows XP et VistaXboxXbox

Modèle de développementModèle de développementWPFWPFXNAXNASilverlightSilverlight

Page 31: Mix 08 Las Vegas L’outillage du créatif L’ergonomie Web ou comment maîtriser son trafic Séduire vos utilisateurs Créer une relation permanente sur PC
Page 32: Mix 08 Las Vegas L’outillage du créatif L’ergonomie Web ou comment maîtriser son trafic Séduire vos utilisateurs Créer une relation permanente sur PC

Ecran d’accueil du panneau

Page 33: Mix 08 Las Vegas L’outillage du créatif L’ergonomie Web ou comment maîtriser son trafic Séduire vos utilisateurs Créer une relation permanente sur PC

Zadig&Voltaire web server

Voice server

Tween for Siverlight

Page 34: Mix 08 Las Vegas L’outillage du créatif L’ergonomie Web ou comment maîtriser son trafic Séduire vos utilisateurs Créer une relation permanente sur PC
Page 35: Mix 08 Las Vegas L’outillage du créatif L’ergonomie Web ou comment maîtriser son trafic Séduire vos utilisateurs Créer une relation permanente sur PC

e-paper et e-inke-paper et e-ink

Page 36: Mix 08 Las Vegas L’outillage du créatif L’ergonomie Web ou comment maîtriser son trafic Séduire vos utilisateurs Créer une relation permanente sur PC
Page 37: Mix 08 Las Vegas L’outillage du créatif L’ergonomie Web ou comment maîtriser son trafic Séduire vos utilisateurs Créer une relation permanente sur PC

Mince film plastique contenant des micro Mince film plastique contenant des micro bulles renfermant des pigmentationsbulles renfermant des pigmentations

Energie nécessaire uniquement pour Energie nécessaire uniquement pour l’écriturel’écriture

Différentes qualités de papierDifférentes qualités de papierTailleTailleCouleur / Noir et blancCouleur / Noir et blancTemps d’écritureTemps d’écritureTemps de rafraîchissementTemps de rafraîchissementSupport de la vidéoSupport de la vidéo

Page 38: Mix 08 Las Vegas L’outillage du créatif L’ergonomie Web ou comment maîtriser son trafic Séduire vos utilisateurs Créer une relation permanente sur PC

Livres électronques Livres électronques (SONY)(SONY)

Montres (Seiko)

Publicité et promotions(Microsoft)

Informations publiques(Toppan,Vossloh)

Page 39: Mix 08 Las Vegas L’outillage du créatif L’ergonomie Web ou comment maîtriser son trafic Séduire vos utilisateurs Créer une relation permanente sur PC

Les besoins s’en font déjà ressentirLes besoins s’en font déjà ressentirChanger ou charger une nouvelle pageChanger ou charger une nouvelle pageSuivre un lien dans le texteSuivre un lien dans le texteRépondre à des questionnairesRépondre à des questionnaires

Nous n’en sommes qu’au tout début Nous n’en sommes qu’au tout début de l’ère papier numérique !de l’ère papier numérique !

A suivre…A suivre…

Page 40: Mix 08 Las Vegas L’outillage du créatif L’ergonomie Web ou comment maîtriser son trafic Séduire vos utilisateurs Créer une relation permanente sur PC

MerciMerci

Page 41: Mix 08 Las Vegas L’outillage du créatif L’ergonomie Web ou comment maîtriser son trafic Séduire vos utilisateurs Créer une relation permanente sur PC

© 2008 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.

The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after

the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.