1 / 52

TECHNICAL REVIEW

TECHNICAL REVIEW. JUIN 2010 #1. 21 septembre 2009. Introduction. 01. Les API. 02. Encore + connecté. 03. Multitouch. 04. HTML 5. 05. 06. Tendances E-commerce. API. Qu’est qu’une api ?. 01. HISTORIQUE. 02. pourquoi proposer son api ?. 03. EXEMPLES. 04. API

neka
Télécharger la présentation

TECHNICAL REVIEW

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. TECHNICAL REVIEW JUIN 2010 #1 • 21 septembre 2009

  2. Introduction 01 Les API 02 Encore + connecté 03 Multitouch 04 HTML 5 05 06 Tendances E-commerce

  3. API

  4. Qu’est qu’une api? 01 HISTORIQUE 02 pourquoi proposer son api ? 03 EXEMPLES 04

  5. API Une API (Application Programming Interface) est un ensemble de fonctionnalités, mises à disposition des programmes informatiques par une simple demande, afin de récupérer des données. 

  6. principe demande de fonctionnalités demande de données Données (BDD) API Applications récupération de fonctionnalités récupération de données

  7. application demande de fonctionnalités (ma liste d’amis) demande de données (liste amis) Données FACEBOOK API FACE BOOK récupération de fonctionnalités (ma liste amis) récupération de données (liste amis)

  8. API : toute une histoire …et après ?

  9. Pourquoi proposer son API ? • Une source de revenus • Création d’un écosystème autour de sa plateforme • Création d’une communauté de développeurs • Attire les marques • Innovation

  10. API : exemples l’écosystème Twitter Applications tierces : • 1000 en 2008 • 2000 début 2009 • plus de 5000 fin 2009 50% des appels à l’API Twitter se font en dehors de Twitter.com Le nombre de visiteurs uniques sur Twitter.com est d’environ 20 millions mais selon une estimation près de 40 millions de personnes accéderaient aux services de Twitter via les applications Tierces.

  11. API : exemples ORANGE API

  12. API : exemples APP MY RIDE : volkswagen Ecomobilité Jeux Communication Travel,… • 49 applications et 271 idées déposées ! (depuis 03/05/2010)

  13. API : exemples Spotify+ Foursquare = Spotisquare Relation des playlistsSpotifyà des lieux sur Foursquare • A chaque lieu en particulier, écouter la playlist associée et visiter le lieu en musique

  14. Encore plus connecté

  15. ENCORE PLUS CONNECTé De plus en plus de plateformes proposant des services divers et variés et pour chacune un login et un password différents Pour l’utilisateur ça signifie : • se créer un login et un password sur chaque plateforme • ou utiliser des outils qui permettent d’agréger les différents comptes ( meebo, twitdeck, …) D’autres moyens existent… le principe de SSO (Single Sign On)

  16. ENCORE PLUS CONNECTé Le SSO c’est quoi le principe ? • Utiliser un seul login et mot de passe unique pour toutes les plateformes Le SSO commence ça marche ? • Dupliquer • Factoriser

  17. ENCORE PLUS CONNECTé • Avantages : • Indépendance des plateformes • Inconvénients : • Process de synchronisation coûteux • Autant de BDD que de plateformes • Avantages : • Facilité de mise à jour • Inconvénients : • Interdépendance des plateformes

  18. ENCORE PLUS CONNECTé Les principaux acteurs du web ont déjà adopté le principe de SSO Autour d’un seul login on accède à plein de services : • Google • MSN • Yahoo • Facebook

  19. ENCORE PLUS CONNECTé

  20. ENCORE PLUS CONNECTé Des solutions ouvertes vers l’extérieur Windows Live Id : SSO de Microsoft • Utilisé par l’intranet équipiers de McDo OpenId : Un protocole standard du Web • Obtention d’un identifiant OpenId (http://www.openidfrance.fr/phyz ) par un fournisseur • Possibilité de gérer facilement l’authentification sur son propre site • Connexion directement avec mon id sur différentes plateformes telles que : • Et plein d’autres à venir…

  21. ENCORE PLUS CONNECTé OAuth • Protocole commun d’authentification • Gestion d’autorisations liées à une application ( notion de scope ) • Le principe de callback Quand les réseaux sociaux s’y mettent… • FacebookConnect • Implémentation de OAuth • Open Social • Une tentative de mutualisation des API sociales

  22. ENCORE PLUS CONNECTé Conclusion : • Mutualisation des développements • Une couverture beaucoup plus large des services apportés à l’utilisateur • Facilité de mises à jour • Optimiser les taux de transformation • Attention aux aspects juridiques concernant la protection des données de l’utilisateur

  23. Multi-touch

  24. HISTORIQUE

  25. Multi-touch : la médiatisation 2006 : JEFF han (ted)

  26. Multi-touch : la médiatisation 2007 : IPHONE

  27. INTERFACES EXISTANTES TV Mobile Phones Tables Netbooks Tablet PC Desktop PC White board Surfaces larges

  28. DIFFERENTES TECHNOLOGIES Infrarouge Projected Capacitive touch Optique HP Touch Smart Resistivetouch Capacitive touch Iphone Dell Latitude XT Diamondtouch Surface acoustic wave

  29. NATURAL USER INTERFACE NOUVEAU PARADIGME Command Line Interface Abstrait Textuel Natural User Interface Direct Physique Graphical User Interface Indirect Graphique

  30. NATURAL USER INTERFACE Multi-touch au multi-modal Lucid Interface Touchscreen Capture de mouvements Multi touchscreen Interface tangible Interface haptique

  31. marchés et applications Entertainment : (serious) gaming and fun Magasins Espace publique Santé Education Finance Industrie…

  32. EXEMPLES PUBLIQUE Office de tourisme new-yorkais

  33. EXEMPLES ENTERTAINMENT & FUN

  34. EXEMPLES RETAIL AUDI Neue Digital / Razorfish

  35. HTML 5

  36. HTML 5 Les nouvelles balises HTML • Sémantique : • header, nav, section, article, aside, footer • Microformat : ex : itemprop=‘nationality‘ • Formulaires : • Réglettes : input type='range‘ • Placeholder : type='text' placeholder='Search inside‘ • Audio : • <audio src="sound.mp3" controls></audio> • Vidéo : • <video src='movie.mp4' autoplay controls ></video> • Supporteplusieurscodecs : OGG, MP4 maisproblèmes de licences à venirWebM ( vp8 ) • http://people.mozilla.com/~prouget/demos/tracker/tracker.xhtml ( FF ) • http://www.youtube.com/html5

  37. HTML 5 Les nouvelles balises HTML • Canvas : • Dessiner directement sur le document • http://mugtug.com/sketchpad/ • http://www.benjoffe.com/code/demos/canvascape/ • Générer des JPG ou PNG à la volée • http://apirocks.com/html5/html5.html#slide24 • 3D ( WebGL ) : Implémentation d’OpenGL en mode web • Gestion de l’accélération matérielle • http://www.youtube.com/watch?v=Vva36undIss&feature=related • http://www.youtube.com/watch?v=XhMN0wlITLk&feature=player_embedded#! • http://www.xs4all.nl/~peterned/3d/ • Gestion du format SVG ( ScalableVectorGraphics ) • <svg> <circle … • http://apirocks.com/html5/html5.html#slide27

  38. HTML 5 CSS 3 • Gestion des fontes • @font-face { font-family: 'LeagueGothic'; src: url(LeagueGothic.otf); } • http://www.opentype.info/demo/webfontdemo.html • http://code.google.com/webfonts/preview • Gestion des gradients ( dégradé ) • Gestion des ombres portées • Et encore plein d’autres effets : • http://www.paulrhayes.com/experiments/cube/multiCubes.html

  39. HTML 5 Javascript • Nouvelles méthodes d’accès aux données • getElementsByClassName • querySelectorAll • Espace de stockage local (localStorage) + base données locale • http://htmlfive.appspot.com/static/stickies.html • Web Sockets • Gestion du temps réel : exemple chat • Gestion de notifications en dehors du navigateur • http://apirocks.com/html5/html5.html#slide12 • Gestion du drag & drop • Y compris depuis le bureau • Géolocalisation en natif • http://apirocks.com/html5/html5.html#slide14

  40. HTML 5 C’est pour quand ? • Pas avant 1 an minimum et encore… certains disent 5 ans ! • - de 30% de compatibilité avec IE9 alors qu’il n’y a même pas encore de date de sortie annoncée • IE 8 a aujourd’hui plus de 30% de parts de marché Une bonne alternative pour ceux qui ne veulent pas de Flash… mais qui ne le remplacera pas pour autant !

  41. HTML 5 Navigateurs compatibles http://w3c.html5.free.fr/

  42. Tendances E-commerce

  43. Evolution Une évolution « Cost-Driven » Investissement lourd dans la solution technique et le hosting Minimiser les coûts de Licences et de hosting Intégration par une SSII Front réalisé par une Web Agency Minimiser les coûts d’intégration SI (Fullfilment, stock, solution de paiement, CRM …)

  44. Panorama des solutions Solutions Editeurs et OpenSource • ATG (Java) • Websphere commerce (Java) • Hybris (Java) • Magento (Php) • … • SAAS (Software As A Service) =  One stop shop  • GSI (Java) • ATG (Java) • Demandware (Java) • …

  45. Nouveaux usages autour du E-com Vente privées • Vente-privees.com • Gilt (http://www.gilt.com/) • www.hautelook.com • …

  46. Nouveaux usages autour du E-com

  47. Comment ça marche…

  48. Nouveaux usages autour du E-com • Quelques exemples : • Groupon (citydeal.fr en France) : • création fin 2008 • Aux US, Groupon est un succès : 2.4 M d’inscrits, une valorisation à plus de 250 Millions de $ • Livingsocial Deals • LivingSocial Deal a étélancél’été dernier. C’est un Groupon Like avec un focus utilisation de Facebook Connect, application iPhone. • Giltcity http://newyork.gilt.com/ • Groupe de « Ventes privéesé », création fin 2007 • Aux US, 500 millions de dollars de revenus sur l’activité « Vente privées », ouvre une activité localisée GiltCity proche de Groupon.

  49. Evolution Groupon « Like » Une croissance exponentielle

More Related