Pourquoi le mobile est différent

Pourquoi les applications pour mobiles sont différentes ?

Jean-Marie Gilliot

Cécile Bothorel

Institut Télécom – Télécom Bretagne

[email protected]

[email protected]

Le mobile est il différent ?page 2 CodeCamp 2011

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

CEFI 9-7-2010


Réseaux sociaux & nuages

Données&

Traitements

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 entreformel et informel


Mobilité et objets

Données&

Traitements

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éesPubliques, 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

The System

video

vote

sharedspacemodularize

What about module interaction? - at client level?- new structure?

Light client?Heavy client?Do we need to choose early?

Architecture


Web Objects – Web Components

Data

ObjectAccess

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

+Data

Object

Data

Object

Data

Object

Data

Object


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 Bretagnesee: 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 !

Education

Pourquoi le mobile est différent