SlideShare ist ein Scribd-Unternehmen logo
1 von 12
Downloaden Sie, um offline zu lesen
19-09-2011




Olivier Tabone




    La place du Mobile dans le Web
              de demain
Agenda




  Le web dans l’internet mobile
  Les technologies du web dans
  vos applications
Ripple Motion




 Mobilité


 Agilité
le web dans l'internet mobile


En 2011, votre service se doit être accessible quelques
 soient les conditions de mobilité de vos utilisateurs




        une clé USB              un bloc note
le web dans l'internet mobile

En 2011, votre service se doit être accessible quelques
 soient les conditions de mobilité de vos utilisateurs

  Le navigateur est un élément comme un autre pour
                accéder à votre service




   Desktop      Tablette    Téléphone     Navigateur
le web dans l'internet mobile

            L’infrastructure change


                        Site web

                                      Template et CSS Mobile

           Navigateur
            Desktop
                                   Navigateur
                                    Mobile

                                      fonctionnellement pauvre
                                      fragmentation des navigateurs
                                      mobiles
                         2008
le web dans l'internet mobile

                  L’infrastructure change


                 Site web “web services”
                          difficile à faire
                          spécifique

    Navigateur
     Desktop
                        Application
                         Mobile
                                             “APIs”


                                2009
le web dans l'internet mobile

 Votre app/site web = somme d’APIs
                                                  Votre API



                Site web




                                                  Readability
   Navigateur
                      Application   Application
    Desktop
                       Tablette      Mobile

                            Application
                             Desktop
A retenir




 • Le navigateur n’est plus le seul
   hub d’interaction utilisateur

 • Séparation des compétences
   frontend / backend

 • Design des APIs
Plateformes HTML5

 Les technologies web dans les
 applications natives

                   L’application native est écrite en JavaScript,
                   HTML et CSS

 Code partagé entre plateformes iOS / Android / RIM
 Technologies (JavaScript, HTML, CSS) connues des développeurs


 Délai dans la mise à disposition des features des nouvelles
 version d’OS
 Feature Set limité, et dépendance technique
 Performance globale faible
Plateformes HTML5




 Un avenir incertain
 Réduction de la fragmentation des OS
 Nivellement par le haut de l’aspect qualitatif des apps
  Autres alternatives plus classiques (factorisation de code, ...)
Merci

Weitere ähnliche Inhalte

Ähnlich wie Mobile Monday #1 - La place du mobile dans le web de demain (Olivier Tabone)

Developper une application mobile
Developper une application mobileDevelopper une application mobile
Developper une application mobileEutech SSII
 
SharePoint 2013 en situation mobile, depuis un téléphone ou une tablette
SharePoint 2013 en situation mobile, depuis un téléphone ou une tabletteSharePoint 2013 en situation mobile, depuis un téléphone ou une tablette
SharePoint 2013 en situation mobile, depuis un téléphone ou une tabletteMicrosoft
 
Livre blanc Développement mobile
Livre blanc Développement mobileLivre blanc Développement mobile
Livre blanc Développement mobileLudovic Tant
 
TECHDAYS 2013 : SharePoint 2013 en situation de mobilité
TECHDAYS 2013 : SharePoint 2013 en situation de mobilitéTECHDAYS 2013 : SharePoint 2013 en situation de mobilité
TECHDAYS 2013 : SharePoint 2013 en situation de mobilitéInetum
 
Les applications mobiles, sites mobiles et web apps
Les applications mobiles, sites mobiles et web appsLes applications mobiles, sites mobiles et web apps
Les applications mobiles, sites mobiles et web appsNeedeo
 
[Chambé-Carnet] Web Mobile : quelles opportunités, quels moyens ?
[Chambé-Carnet] Web Mobile : quelles opportunités, quels moyens ?[Chambé-Carnet] Web Mobile : quelles opportunités, quels moyens ?
[Chambé-Carnet] Web Mobile : quelles opportunités, quels moyens ?Chambé-Carnet
 
De A à Z : Choisir une architecture pour sa solution applicative
De A à Z : Choisir une architecture pour sa solution applicativeDe A à Z : Choisir une architecture pour sa solution applicative
De A à Z : Choisir une architecture pour sa solution applicativeMicrosoft
 
Atelier T7 Développer un site ou une application mobile - Salon e-tourisme V...
Atelier T7 Développer un site ou une application  mobile - Salon e-tourisme V...Atelier T7 Développer un site ou une application  mobile - Salon e-tourisme V...
Atelier T7 Développer un site ou une application mobile - Salon e-tourisme V...Salon e-tourisme #VeM
 
Quoi de neuf en Web Content Management dans SharePoint 2013 pour vos sites In...
Quoi de neuf en Web Content Management dans SharePoint 2013 pour vos sites In...Quoi de neuf en Web Content Management dans SharePoint 2013 pour vos sites In...
Quoi de neuf en Web Content Management dans SharePoint 2013 pour vos sites In...Microsoft Décideurs IT
 
Le développement mobile multiplateforme avec cordova
Le développement mobile multiplateforme avec cordovaLe développement mobile multiplateforme avec cordova
Le développement mobile multiplateforme avec cordovaSébastien Ollivier
 
Les secrets du développement d'une application mobile
Les secrets du développement d'une application mobileLes secrets du développement d'une application mobile
Les secrets du développement d'une application mobileEutech SSII
 
NOUVEAU: Autodesk Infrastructure Map Server 2012
NOUVEAU: Autodesk Infrastructure Map Server 2012NOUVEAU: Autodesk Infrastructure Map Server 2012
NOUVEAU: Autodesk Infrastructure Map Server 2012Geomap GIS America
 
Les Systèmes d'exploitation mobile
Les Systèmes d'exploitation mobileLes Systèmes d'exploitation mobile
Les Systèmes d'exploitation mobileMohamed BOURAOUI
 
UGSF Juin 2013 - Design des Apps SharePoint 2013
UGSF Juin 2013 - Design des Apps SharePoint 2013UGSF Juin 2013 - Design des Apps SharePoint 2013
UGSF Juin 2013 - Design des Apps SharePoint 2013Guillaume Meyer
 
Le cloud computing : de la location d’applications au run à la consommation
Le cloud computing :  de la location d’applications  au run à la consommationLe cloud computing :  de la location d’applications  au run à la consommation
Le cloud computing : de la location d’applications au run à la consommationXWiki
 

Ähnlich wie Mobile Monday #1 - La place du mobile dans le web de demain (Olivier Tabone) (20)

Developper une application mobile
Developper une application mobileDevelopper une application mobile
Developper une application mobile
 
SharePoint 2013 en situation mobile, depuis un téléphone ou une tablette
SharePoint 2013 en situation mobile, depuis un téléphone ou une tabletteSharePoint 2013 en situation mobile, depuis un téléphone ou une tablette
SharePoint 2013 en situation mobile, depuis un téléphone ou une tablette
 
Livre blanc Développement mobile
Livre blanc Développement mobileLivre blanc Développement mobile
Livre blanc Développement mobile
 
TECHDAYS 2013 : SharePoint 2013 en situation de mobilité
TECHDAYS 2013 : SharePoint 2013 en situation de mobilitéTECHDAYS 2013 : SharePoint 2013 en situation de mobilité
TECHDAYS 2013 : SharePoint 2013 en situation de mobilité
 
Web Developpement
Web DeveloppementWeb Developpement
Web Developpement
 
Les applications mobiles, sites mobiles et web apps
Les applications mobiles, sites mobiles et web appsLes applications mobiles, sites mobiles et web apps
Les applications mobiles, sites mobiles et web apps
 
[Chambé-Carnet] Web Mobile : quelles opportunités, quels moyens ?
[Chambé-Carnet] Web Mobile : quelles opportunités, quels moyens ?[Chambé-Carnet] Web Mobile : quelles opportunités, quels moyens ?
[Chambé-Carnet] Web Mobile : quelles opportunités, quels moyens ?
 
De A à Z : Choisir une architecture pour sa solution applicative
De A à Z : Choisir une architecture pour sa solution applicativeDe A à Z : Choisir une architecture pour sa solution applicative
De A à Z : Choisir une architecture pour sa solution applicative
 
Jquery Mobile vs Twitter Bootstrap
Jquery Mobile vs Twitter BootstrapJquery Mobile vs Twitter Bootstrap
Jquery Mobile vs Twitter Bootstrap
 
SFR RED Aquarium Paris
SFR RED Aquarium ParisSFR RED Aquarium Paris
SFR RED Aquarium Paris
 
Atelier T7 Développer un site ou une application mobile - Salon e-tourisme V...
Atelier T7 Développer un site ou une application  mobile - Salon e-tourisme V...Atelier T7 Développer un site ou une application  mobile - Salon e-tourisme V...
Atelier T7 Développer un site ou une application mobile - Salon e-tourisme V...
 
Quoi de neuf en Web Content Management dans SharePoint 2013 pour vos sites In...
Quoi de neuf en Web Content Management dans SharePoint 2013 pour vos sites In...Quoi de neuf en Web Content Management dans SharePoint 2013 pour vos sites In...
Quoi de neuf en Web Content Management dans SharePoint 2013 pour vos sites In...
 
Le développement mobile multiplateforme avec cordova
Le développement mobile multiplateforme avec cordovaLe développement mobile multiplateforme avec cordova
Le développement mobile multiplateforme avec cordova
 
Les secrets du développement d'une application mobile
Les secrets du développement d'une application mobileLes secrets du développement d'une application mobile
Les secrets du développement d'une application mobile
 
NOUVEAU: Autodesk Infrastructure Map Server 2012
NOUVEAU: Autodesk Infrastructure Map Server 2012NOUVEAU: Autodesk Infrastructure Map Server 2012
NOUVEAU: Autodesk Infrastructure Map Server 2012
 
Les Systèmes d'exploitation mobile
Les Systèmes d'exploitation mobileLes Systèmes d'exploitation mobile
Les Systèmes d'exploitation mobile
 
jQuery mobile vs Twitter bootstrap
jQuery mobile vs Twitter bootstrapjQuery mobile vs Twitter bootstrap
jQuery mobile vs Twitter bootstrap
 
Neosesame
NeosesameNeosesame
Neosesame
 
UGSF Juin 2013 - Design des Apps SharePoint 2013
UGSF Juin 2013 - Design des Apps SharePoint 2013UGSF Juin 2013 - Design des Apps SharePoint 2013
UGSF Juin 2013 - Design des Apps SharePoint 2013
 
Le cloud computing : de la location d’applications au run à la consommation
Le cloud computing :  de la location d’applications  au run à la consommationLe cloud computing :  de la location d’applications  au run à la consommation
Le cloud computing : de la location d’applications au run à la consommation
 

Mehr von Atlantic 2.0

Deck petits-ateliers-Gens de confiance(1)
Deck petits-ateliers-Gens de confiance(1)Deck petits-ateliers-Gens de confiance(1)
Deck petits-ateliers-Gens de confiance(1)Atlantic 2.0
 
[Swna’16] Tiplat
[Swna’16] Tiplat[Swna’16] Tiplat
[Swna’16] TiplatAtlantic 2.0
 
[Swna’16] stomp boy
[Swna’16] stomp boy[Swna’16] stomp boy
[Swna’16] stomp boyAtlantic 2.0
 
[Swna’16] bananads
[Swna’16] bananads[Swna’16] bananads
[Swna’16] bananadsAtlantic 2.0
 
[SWNA’16] Diggidee
[SWNA’16] Diggidee[SWNA’16] Diggidee
[SWNA’16] DiggideeAtlantic 2.0
 
[SWNA’16] Chartit
[SWNA’16] Chartit[SWNA’16] Chartit
[SWNA’16] ChartitAtlantic 2.0
 
[SWNA’16] Enigmap
[SWNA’16] Enigmap[SWNA’16] Enigmap
[SWNA’16] EnigmapAtlantic 2.0
 
[SWNA’16] Wheeldream
[SWNA’16] Wheeldream[SWNA’16] Wheeldream
[SWNA’16] WheeldreamAtlantic 2.0
 
[SWNA’16] Cocoricoloc
[SWNA’16] Cocoricoloc[SWNA’16] Cocoricoloc
[SWNA’16] CocoricolocAtlantic 2.0
 
[SWNA’16] Faim de service
[SWNA’16] Faim de service[SWNA’16] Faim de service
[SWNA’16] Faim de serviceAtlantic 2.0
 
[SWNA’16] Bot mynight
[SWNA’16] Bot mynight[SWNA’16] Bot mynight
[SWNA’16] Bot mynightAtlantic 2.0
 
[SWNA’16] Apylink
[SWNA’16] Apylink[SWNA’16] Apylink
[SWNA’16] ApylinkAtlantic 2.0
 
[SWNA’16] Le bail éphémère
[SWNA’16] Le bail éphémère[SWNA’16] Le bail éphémère
[SWNA’16] Le bail éphémèreAtlantic 2.0
 
[SWNA’16] Lekte.co
[SWNA’16] Lekte.co[SWNA’16] Lekte.co
[SWNA’16] Lekte.coAtlantic 2.0
 
ADW #8 : Performance web, mesurer et optimiser pour mieux convertir
ADW #8 : Performance web, mesurer et optimiser pour mieux convertirADW #8 : Performance web, mesurer et optimiser pour mieux convertir
ADW #8 : Performance web, mesurer et optimiser pour mieux convertirAtlantic 2.0
 
Atelier e-Commerce #6 : Comment construire sa stratégie digitale e-commerce ?
Atelier e-Commerce #6 : Comment construire sa stratégie digitale e-commerce ?Atelier e-Commerce #6 : Comment construire sa stratégie digitale e-commerce ?
Atelier e-Commerce #6 : Comment construire sa stratégie digitale e-commerce ?Atlantic 2.0
 
ADW #7 : La voix du client au service de la performance
ADW #7 : La voix du client au service de la performanceADW #7 : La voix du client au service de la performance
ADW #7 : La voix du client au service de la performanceAtlantic 2.0
 

Mehr von Atlantic 2.0 (20)

Deck petits-ateliers-Gens de confiance(1)
Deck petits-ateliers-Gens de confiance(1)Deck petits-ateliers-Gens de confiance(1)
Deck petits-ateliers-Gens de confiance(1)
 
[Swna’16] Tiplat
[Swna’16] Tiplat[Swna’16] Tiplat
[Swna’16] Tiplat
 
[Swna’16] stomp boy
[Swna’16] stomp boy[Swna’16] stomp boy
[Swna’16] stomp boy
 
[Swna’16] bananads
[Swna’16] bananads[Swna’16] bananads
[Swna’16] bananads
 
[SWNA’16] Diggidee
[SWNA’16] Diggidee[SWNA’16] Diggidee
[SWNA’16] Diggidee
 
[SWNA’16] Chartit
[SWNA’16] Chartit[SWNA’16] Chartit
[SWNA’16] Chartit
 
[SWNA’16] Spark
[SWNA’16] Spark[SWNA’16] Spark
[SWNA’16] Spark
 
[SWNA’16] Enigmap
[SWNA’16] Enigmap[SWNA’16] Enigmap
[SWNA’16] Enigmap
 
[SWNA’16] Wheeldream
[SWNA’16] Wheeldream[SWNA’16] Wheeldream
[SWNA’16] Wheeldream
 
[SWNA’16] Cocoricoloc
[SWNA’16] Cocoricoloc[SWNA’16] Cocoricoloc
[SWNA’16] Cocoricoloc
 
[SWNA’16] Faim de service
[SWNA’16] Faim de service[SWNA’16] Faim de service
[SWNA’16] Faim de service
 
[SWNA’16] Bot mynight
[SWNA’16] Bot mynight[SWNA’16] Bot mynight
[SWNA’16] Bot mynight
 
[SWNA’16] Oye
[SWNA’16] Oye[SWNA’16] Oye
[SWNA’16] Oye
 
[SWNA’16] Apylink
[SWNA’16] Apylink[SWNA’16] Apylink
[SWNA’16] Apylink
 
[SWNA’16] Le bail éphémère
[SWNA’16] Le bail éphémère[SWNA’16] Le bail éphémère
[SWNA’16] Le bail éphémère
 
[SWNA’16] Lekte.co
[SWNA’16] Lekte.co[SWNA’16] Lekte.co
[SWNA’16] Lekte.co
 
[SWNA’16] Votum
[SWNA’16] Votum[SWNA’16] Votum
[SWNA’16] Votum
 
ADW #8 : Performance web, mesurer et optimiser pour mieux convertir
ADW #8 : Performance web, mesurer et optimiser pour mieux convertirADW #8 : Performance web, mesurer et optimiser pour mieux convertir
ADW #8 : Performance web, mesurer et optimiser pour mieux convertir
 
Atelier e-Commerce #6 : Comment construire sa stratégie digitale e-commerce ?
Atelier e-Commerce #6 : Comment construire sa stratégie digitale e-commerce ?Atelier e-Commerce #6 : Comment construire sa stratégie digitale e-commerce ?
Atelier e-Commerce #6 : Comment construire sa stratégie digitale e-commerce ?
 
ADW #7 : La voix du client au service de la performance
ADW #7 : La voix du client au service de la performanceADW #7 : La voix du client au service de la performance
ADW #7 : La voix du client au service de la performance
 

Mobile Monday #1 - La place du mobile dans le web de demain (Olivier Tabone)

  • 1. 19-09-2011 Olivier Tabone La place du Mobile dans le Web de demain
  • 2. Agenda Le web dans l’internet mobile Les technologies du web dans vos applications
  • 4. le web dans l'internet mobile En 2011, votre service se doit être accessible quelques soient les conditions de mobilité de vos utilisateurs une clé USB un bloc note
  • 5. le web dans l'internet mobile En 2011, votre service se doit être accessible quelques soient les conditions de mobilité de vos utilisateurs Le navigateur est un élément comme un autre pour accéder à votre service Desktop Tablette Téléphone Navigateur
  • 6. le web dans l'internet mobile L’infrastructure change Site web Template et CSS Mobile Navigateur Desktop Navigateur Mobile fonctionnellement pauvre fragmentation des navigateurs mobiles 2008
  • 7. le web dans l'internet mobile L’infrastructure change Site web “web services” difficile à faire spécifique Navigateur Desktop Application Mobile “APIs” 2009
  • 8. le web dans l'internet mobile Votre app/site web = somme d’APIs Votre API Site web Readability Navigateur Application Application Desktop Tablette Mobile Application Desktop
  • 9. A retenir • Le navigateur n’est plus le seul hub d’interaction utilisateur • Séparation des compétences frontend / backend • Design des APIs
  • 10. Plateformes HTML5 Les technologies web dans les applications natives L’application native est écrite en JavaScript, HTML et CSS Code partagé entre plateformes iOS / Android / RIM Technologies (JavaScript, HTML, CSS) connues des développeurs Délai dans la mise à disposition des features des nouvelles version d’OS Feature Set limité, et dépendance technique Performance globale faible
  • 11. Plateformes HTML5 Un avenir incertain Réduction de la fragmentation des OS Nivellement par le haut de l’aspect qualitatif des apps Autres alternatives plus classiques (factorisation de code, ...)
  • 12. Merci