Pourquoi les  applications pour mobiles  sont différentes ?  Jean-Marie Gilliot Cécile Bothorel Institut Télécom – Télécom Bretagne [email_address] [email_address]
Plan du matin Déroulement du codecamp Visite du monde du mobile Web 1 – Web2.0 – l’Internet du mobile Quelles données disponibles ? Mashups et IDE
Déroulement du code camp J1 : découverte et choix d’application J2 – J4 : 9:30 – 9:45 explorcamp 9:45 - … codecamp = collaboration J5 :  AM : Mise au point de  votre  appli / démo PM : Présentation en 5’   Elections et Remise de prix
L’écosystème du mobile  à Télécom Bretagne Anciens Aymeric Poulain-Maubant Start-ups Bookbeo  Dans les labos de recherche Exemple dans SID  Étudiants En auto entrepreneurs pour certains  rakDroid, Vectray, Tramway Strasbourg
Le mobile est  Le mobile est un ordinateur Le mobile est un système embarqué Le mobile est un système multi-capteur Le mobile est géolocalisé Le mobile est multi-canal  Le mobile est connecté Le mobile est programmable  Le mobile est un balladeur, une console de jeux, un couteau suisse numérique … Le mobile est le premier terminal de réalité augmentée, un lien avec le monde réel  Le mobile est social Le mobile est personnel  Le mobile est pervasif (remote control)
Mobile : objet de désir
Un enjeu économique Plus de mobiles que TV+ordinateurs Concept de Market Principe de l’opportunisme Partage des données privées Une information contextuelle Outil de promotion  Support au commerce  Ticket + paiement Voir http://www.slideshare.net/m2bradb/mobile-marketing-trends-2010-3135301 (tr20) Un marché annoncé à 17,5 Mds $ en 2012  (étude Chertan Sharma 2010)
Plan du matin Déroulement du codecamp Visite du monde du mobile Web 1 – Web2.0 – l’Internet du mobile Quelles données disponibles ? Mashups et IDE
Web2.0 : un autre vecteur de communication
 
Réseaux sociaux & nuages  Données &  Traitements Identité numérique Recherche Fils de nouvelles Syndication Filtrage Recommandation  Self Generated content Blogs  Wikis Balisage (tags) Gestion collective de liens    (social bookmarking) Visualisations variées Brouillage entre formel et informel
Mobilité et objets Données &  Traitements Localisation Identification  Reconnaissance Partout Toujours Interconnecté ? Contextuel ?  Localisée Intégré dans  l’environnement Consolidée  Wikitude  6th sense Ville augmentée
Exemple de services Reconnaissance Lecteurs de QR codes Goggles Shazam Reconnaissance vocale Détournement capteurs Instant Heart  Réalité augmentée Layar Wikitude
Exemples de services Réseaux sociaux  Et silos de données Agregation sociale WideNoise de WideTag :  http://www.widetag.com/widenoise/# et couplages avec spimes : énergie - CO2
Exemple de services Consultation Wolfram Alpha Enregistrer sa vie  Evernote  Applications géolocalisées Foursquare Geocaching …
Et les Jeux …
Et les jeux … Pour jouer partout … …  Et pour de nouvelles expériences
Et après ? Outil de paiement Spimes  Le mobile est la partie emergée de l’Iceberg Université augmentée Streaming TV HD Reconnaissance  et information ubiquitaire (Goggle, Visual directed browsing :  http://www.youtube.com/watch?v=gtuGSWDVdQU&feature=player_embedded  …) :
Plan du matin Déroulement du codecamp Visite du monde du mobile Web 1 – Web2.0 – l’Internet du mobile Quelles données disponibles ? Mashups et IDE
Combine services & data, but which data ? Well-known Services propose API to access their data Wikipedia, Google Maps, Twitter, Facebook, etc. But also local services Keolis Rennes, Bibus Brest Edt Many other data you may want tu reuse: Search, ask or create them ! Wikimedia Commons est une médiathèque en ligne qui rassemble des médias sous licences libres à vocation pédagogique Open Course Ware
Opendata Mouvement souvent initié par les usagers Répris et animé par les acteurs publics Usa : 305,888 Datasets available on  http://www.data.gov/   Mais UK, Finland, New-Zeland, etc. 2010 in France : Rennes, Brest, and also Paris, Bordeaux, Montpellier voted « liberaltion of public data » http://opendata.in-cite.net/  dataset Rennes
L'exemple OpenStreetMap Projet de données ouvertes conduit par des citoyens depuis 2005 sous licence dite “libre” Crowdsourcing (346424 utilisateurs le 14/01/11) 2008 : Cadastre donne accès à ses données Plugin Cadastre dans un outil d'édition de carte 2010 les collectivités versent dans Openstreetmap leur données géographiques rues, cadastre, limites communales Le portail géographique Géobretagne peut aujourd’hui afficher par défaut la carte d’openstreet map avant celle d’IGN ! http://geobretagne.fr/mapfishapp/
Is Open data reusable ? Données publiques accessibles légalement Encore faut-il qu'elles soient automatiquement réutilisables Patiner dans Montréal : mises à jour publiées au quotidien selon la météorologie. Un détail : la publication se fait au format PDF Et qu'elles respectent quelques principes Pas d’atteinte à la sécurité ou à la vie privée, etc. etc. etc. http://www.a-brest.net/article6970.html
Data sharing : which benefit? Reusable datasets come with a licence Provide value to the user... or the client when private providers open API Source : Réutilisation des données Publiques, FING
Plan du matin Déroulement du codecamp Visite du monde du mobile Web 1 – Web2.0 – l’Internet du mobile Quelles données disponibles ? Mashups et IDE
La vue client Prototypes par mashups Videos + localisation Votes Documents partagés Choregraphie ? question? yes no @Paris @New Dehli
Une vue architecturale
Web Objects – Web Components Data Object Access API + Function name Parameters display
Mashups, Plugins, Widgets Mashup : a web application that combines data and/or functionality from more than one source Widget : a component of a graphical user interface with which a user interacts Plug-in : a computer program that interacts with a host application  Applications support plugins for many reasons.  to enable third-party developers to create capabilities to extend an application to support features yet unforeseen to reduce the size of an application to separate source code from an application because of incompatible software licenses. Source :
Mashups Une vue utilisateur de composants Comment utiliser des Mashups ? Video : What is a mashup? - ZDNet Qui propose/conçoit les services?
Faire le lien (une vue 3-tiers) Coté client Combinaison de données Coté serveur  Site originaux Site intermédiaire
Software Architecture – the art of boxology Entities (boxes) Connectors (lines) Configurations (assembly)
IDE orientés Mashups Clickodromes à Mashups  Yahoo Pipes Avec Android App Inventor : http://appinventor.googlelabs.com/about/ Google Docs Gadgets
Future Learning Environments How much  we can be inspired … by the  objects  around us? Source : Xin Chen – Telecom Bretagne see: http://www.slideshare.net/cecilechen85/apprendre-via-les-objets-xin-chen Aborder le monde  autrement
Des informations Voir groupe Diigo ISweb2 Diaporamas Vidéos http://groups.diigo.com/group/isweb2   Liens sur wiki http://codecamp2011.pbworks.com/ Et sur le web, et auprès de vos collègues !

Pourquoi le mobile est différent

  • 1.
    Pourquoi les applications pour mobiles sont différentes ? Jean-Marie Gilliot Cécile Bothorel Institut Télécom – Télécom Bretagne [email_address] [email_address]
  • 2.
    Plan du matinDéroulement du codecamp Visite du monde du mobile Web 1 – Web2.0 – l’Internet du mobile Quelles données disponibles ? Mashups et IDE
  • 3.
    Déroulement du codecamp J1 : découverte et choix d’application J2 – J4 : 9:30 – 9:45 explorcamp 9:45 - … codecamp = collaboration J5 : AM : Mise au point de votre appli / démo PM : Présentation en 5’ Elections et Remise de prix
  • 4.
    L’écosystème du mobile à Télécom Bretagne Anciens Aymeric Poulain-Maubant Start-ups Bookbeo Dans les labos de recherche Exemple dans SID Étudiants En auto entrepreneurs pour certains rakDroid, Vectray, Tramway Strasbourg
  • 5.
    Le mobile est Le mobile est un ordinateur Le mobile est un système embarqué Le mobile est un système multi-capteur Le mobile est géolocalisé Le mobile est multi-canal Le mobile est connecté Le mobile est programmable Le mobile est un balladeur, une console de jeux, un couteau suisse numérique … Le mobile est le premier terminal de réalité augmentée, un lien avec le monde réel Le mobile est social Le mobile est personnel Le mobile est pervasif (remote control)
  • 6.
    Mobile : objetde désir
  • 7.
    Un enjeu économiquePlus de mobiles que TV+ordinateurs Concept de Market Principe de l’opportunisme Partage des données privées Une information contextuelle Outil de promotion Support au commerce Ticket + paiement Voir http://www.slideshare.net/m2bradb/mobile-marketing-trends-2010-3135301 (tr20) Un marché annoncé à 17,5 Mds $ en 2012 (étude Chertan Sharma 2010)
  • 8.
    Plan du matinDéroulement du codecamp Visite du monde du mobile Web 1 – Web2.0 – l’Internet du mobile Quelles données disponibles ? Mashups et IDE
  • 9.
    Web2.0 : unautre vecteur de communication
  • 10.
  • 11.
    Réseaux sociaux &nuages Données & Traitements Identité numérique Recherche Fils de nouvelles Syndication Filtrage Recommandation Self Generated content Blogs Wikis Balisage (tags) Gestion collective de liens (social bookmarking) Visualisations variées Brouillage entre formel et informel
  • 12.
    Mobilité et objetsDonnées & Traitements Localisation Identification Reconnaissance Partout Toujours Interconnecté ? Contextuel ? Localisée Intégré dans l’environnement Consolidée Wikitude 6th sense Ville augmentée
  • 13.
    Exemple de servicesReconnaissance Lecteurs de QR codes Goggles Shazam Reconnaissance vocale Détournement capteurs Instant Heart Réalité augmentée Layar Wikitude
  • 14.
    Exemples de servicesRéseaux sociaux Et silos de données Agregation sociale WideNoise de WideTag : http://www.widetag.com/widenoise/# et couplages avec spimes : énergie - CO2
  • 15.
    Exemple de servicesConsultation Wolfram Alpha Enregistrer sa vie Evernote Applications géolocalisées Foursquare Geocaching …
  • 16.
  • 17.
    Et les jeux… Pour jouer partout … … Et pour de nouvelles expériences
  • 18.
    Et après ?Outil de paiement Spimes Le mobile est la partie emergée de l’Iceberg Université augmentée Streaming TV HD Reconnaissance et information ubiquitaire (Goggle, Visual directed browsing : http://www.youtube.com/watch?v=gtuGSWDVdQU&feature=player_embedded …) :
  • 19.
    Plan du matinDéroulement du codecamp Visite du monde du mobile Web 1 – Web2.0 – l’Internet du mobile Quelles données disponibles ? Mashups et IDE
  • 20.
    Combine services &data, but which data ? Well-known Services propose API to access their data Wikipedia, Google Maps, Twitter, Facebook, etc. But also local services Keolis Rennes, Bibus Brest Edt Many other data you may want tu reuse: Search, ask or create them ! Wikimedia Commons est une médiathèque en ligne qui rassemble des médias sous licences libres à vocation pédagogique Open Course Ware
  • 21.
    Opendata Mouvement souventinitié par les usagers Répris et animé par les acteurs publics Usa : 305,888 Datasets available on http://www.data.gov/ Mais UK, Finland, New-Zeland, etc. 2010 in France : Rennes, Brest, and also Paris, Bordeaux, Montpellier voted « liberaltion of public data » http://opendata.in-cite.net/ dataset Rennes
  • 22.
    L'exemple OpenStreetMap Projetde données ouvertes conduit par des citoyens depuis 2005 sous licence dite “libre” Crowdsourcing (346424 utilisateurs le 14/01/11) 2008 : Cadastre donne accès à ses données Plugin Cadastre dans un outil d'édition de carte 2010 les collectivités versent dans Openstreetmap leur données géographiques rues, cadastre, limites communales Le portail géographique Géobretagne peut aujourd’hui afficher par défaut la carte d’openstreet map avant celle d’IGN ! http://geobretagne.fr/mapfishapp/
  • 23.
    Is Open datareusable ? Données publiques accessibles légalement Encore faut-il qu'elles soient automatiquement réutilisables Patiner dans Montréal : mises à jour publiées au quotidien selon la météorologie. Un détail : la publication se fait au format PDF Et qu'elles respectent quelques principes Pas d’atteinte à la sécurité ou à la vie privée, etc. etc. etc. http://www.a-brest.net/article6970.html
  • 24.
    Data sharing : which benefit?Reusable datasets come with a licence Provide value to the user... or the client when private providers open API Source : Réutilisation des données Publiques, FING
  • 25.
    Plan du matinDéroulement du codecamp Visite du monde du mobile Web 1 – Web2.0 – l’Internet du mobile Quelles données disponibles ? Mashups et IDE
  • 26.
    La vue clientPrototypes par mashups Videos + localisation Votes Documents partagés Choregraphie ? question? yes no @Paris @New Dehli
  • 27.
  • 28.
    Web Objects –Web Components Data Object Access API + Function name Parameters display
  • 29.
    Mashups, Plugins, WidgetsMashup : a web application that combines data and/or functionality from more than one source Widget : a component of a graphical user interface with which a user interacts Plug-in : a computer program that interacts with a host application Applications support plugins for many reasons. to enable third-party developers to create capabilities to extend an application to support features yet unforeseen to reduce the size of an application to separate source code from an application because of incompatible software licenses. Source :
  • 30.
    Mashups Une vueutilisateur de composants Comment utiliser des Mashups ? Video : What is a mashup? - ZDNet Qui propose/conçoit les services?
  • 31.
    Faire le lien(une vue 3-tiers) Coté client Combinaison de données Coté serveur Site originaux Site intermédiaire
  • 32.
    Software Architecture –the art of boxology Entities (boxes) Connectors (lines) Configurations (assembly)
  • 33.
    IDE orientés MashupsClickodromes à Mashups Yahoo Pipes Avec Android App Inventor : http://appinventor.googlelabs.com/about/ Google Docs Gadgets
  • 34.
    Future Learning EnvironmentsHow much we can be inspired … by the objects around us? Source : Xin Chen – Telecom Bretagne see: http://www.slideshare.net/cecilechen85/apprendre-via-les-objets-xin-chen Aborder le monde autrement
  • 35.
    Des informations Voirgroupe Diigo ISweb2 Diaporamas Vidéos http://groups.diigo.com/group/isweb2 Liens sur wiki http://codecamp2011.pbworks.com/ Et sur le web, et auprès de vos collègues !