SlideShare une entreprise Scribd logo
Développement
sur mobiles


Jean-Marie Gilliot




07/02/2012
Du Web au mobile

          Web  2 et mobile
          Qu’est ce qu’un mobile ?
           • Services
           • Applications
          Options de développement
           • WebApps
           • Android
           • iOS




page 1     Développement sur mobiles
Web 1.0 – Web 2.0


                                        Webmestre




                                     Site Web




                             Utilisateur        Utilisateur

                                      Utilisateur


page 2   Développement sur mobiles
Réseaux sociaux & nuages
                                                                            •Recherche
                                      Données                               •Fils de nouvelles
                                      &                                     •Syndication
                                      Traitements                           •Filtrage
                                                                            •Recommandation




                                                                         Visualisations variées
•Self Generated content
     •Blogs
     •Wikis                                                              Identité
                                                                         numérique
•Balisage (tags)
•Gestion collective de liens
 (social bookmarking)                               Brouillage entre
                                                    formel et informel
     page 3    Développement sur mobiles
Mobilité et objets

                                                          •Localisée
                                   Données                •Intégré dans
•Localisation
                                   &                      l’environnement
•Identification
                                   Traitements            •Consolidée
•Reconnaissance




  Wikitude                                       •Partout
  6th sense                                      •Toujours
  Ville augmentée                                •Interconnecté ?
                                                 •Contextuel ?


  page 4   Développement sur mobiles
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)

page 5       Développement sur mobiles
Exemple de services

 Reconnaissance
 •   Lecteurs de QR codes
 •   Goggle
 •   Shazam
 •   Reconnaissance vocale

 Détournement           capteurs
 • Instant Heart

 Réalité   augmentée
 • Layar
 • Wikitude
 page 6   Développement sur mobiles
Exemples de services

          Réseaux   sociaux
          • Et silos de données

          Agregationsociale
          • WideNoise de WideTag :
             http://www.widetag.com/widenoise/#

             - et couplages avec spimes : énergie - CO2




page 7     Développement sur mobiles
Exemple de services

          Consultation
          • Wolfram Alpha

          Enregistrer        sa vie
          • Evernote

          Applications          géolocalisées
          • Foursquare
          • Geocaching
          • …

page 8     Développement sur mobiles
Et les Jeux …




page 9   Développement sur mobiles
Et les jeux …

       Pour jouer partout …
       … Et pour de nouvelles expériences




page 10   Développement sur mobiles
Et après ?

       Outil      de paiement

       Spimes
          • Le mobile est la partie émergé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   …) :

page 11    Développement sur mobiles
Options de développement

       Applications    Natives
          • Android, iOS, Windows Mobile …

  Hybride : Code web et Container
     APIs mobile in JS
     Dév web et publication market


       WebApps
          • HTML5, CSS, javascript dans un navigateur
            (Webkit)



page 12   Développement sur mobiles
Code web et container                    Pour
                                               Programmeurs
                                                    Web
       HTML    5
        • Web / CSS
        • Offline cache, localStorage, sessionStorage, client-
          side dB
       Javascript
        • jQTouch, SenchaTouch (framework)…et al.
       APIs mobiles natives
        • PhoneGap (MIT/ Open source) -
       Multiplateformes -> sur markets


       Lecture        : building iPhoneApps with HTML…
page 13   Développement sur mobiles
Traducteurs multi plateformes      Prototypage
                                               Portage
                                                rapide

       Exemple     Appcelerator Titanium
          • Écriture javascrpit
          • Traduction : iPhone& Android …




page 14   Développement sur mobiles
Architecture Android




page 15   Développement sur mobiles
Environnement de développement

       Eclipse + Java
       ADT : Android Dev Tools
        • Android SDK
        • AVD (Android Virtual Device)
        • Adb
       Et surtout



                 http://developer.android.com/


page 16   Développement sur mobiles
Chaine de développement




page 17   Développement sur mobiles
Mobile devices
          & Design




 http://developer.android.com


 User  Expectations
   • Access anywhere, because we are mobile
   • Quick Response Time, because we are Impatient
   • Resource non-intensive, because we are cautious



page 18   Développement sur mobiles
Qu’est ce qui est important

       Écran
        • Taille, densité => dp
       Supporter plusieurs écrans ?
        • Icônes
        • Doigts
       Fragments ?




page 19   Développement sur mobiles
Fondamentaux




page 20   Développement sur mobiles
Cycle de vie
          d’une activité




page 21   Développement sur mobiles
Ne pas oublier

       Manifest file
        • Déclarer …
        • Version Android
       Changements de configuration




       Faire     des tutoriaux !




page 22   Développement sur mobiles
Et iOS ?




page 23   Développement sur mobiles
Etats d’un app iOS




page 24   Développement sur mobiles

Contenu connexe

Tendances

Quel type de système d'exploitation mobile est-il préférable d'utiliser du po...
Quel type de système d'exploitation mobile est-il préférable d'utiliser du po...Quel type de système d'exploitation mobile est-il préférable d'utiliser du po...
Quel type de système d'exploitation mobile est-il préférable d'utiliser du po...
Jonathan De Roy
 
Internet mobile : conception de sites et d'applications
Internet mobile : conception de sites et d'applicationsInternet mobile : conception de sites et d'applications
Internet mobile : conception de sites et d'applications
Jean David Olekhnovitch
 
Internet mobile
Internet mobileInternet mobile
Internet mobile
Jean David Olekhnovitch
 
WUD 08 Paris : Une approche holistique des interfaces riches
WUD 08 Paris : Une approche holistique des interfaces richesWUD 08 Paris : Une approche holistique des interfaces riches
WUD 08 Paris : Une approche holistique des interfaces riches
Frederic CAVAZZA
 
Passage aux applications mobiles
Passage aux applications mobilesPassage aux applications mobiles
Passage aux applications mobiles
neuros
 
Tk04 Iphone Vs Android Fr
Tk04 Iphone Vs Android FrTk04 Iphone Vs Android Fr
Tk04 Iphone Vs Android Fr
Valtech
 
Développement d'applications mobiles
Développement d'applications mobilesDéveloppement d'applications mobiles
Développement d'applications mobiles
Matelli
 
Plateformes de développement d’applications mobiles
Plateformes de développement d’applications mobilesPlateformes de développement d’applications mobiles
Plateformes de développement d’applications mobiles
Eric Toguem
 
Prez web mobile_01
Prez web mobile_01Prez web mobile_01
Prez web mobile_01
Mariem SOMRANI
 
Framework XPlatform Mobile
Framework XPlatform MobileFramework XPlatform Mobile
Framework XPlatform Mobile
Gabriel DUPONT
 
Firefox os appdays paris par tristan nitot: Hack, Learn, Celebrate
Firefox os appdays paris par tristan nitot: Hack, Learn, CelebrateFirefox os appdays paris par tristan nitot: Hack, Learn, Celebrate
Firefox os appdays paris par tristan nitot: Hack, Learn, Celebrate
Tristan Nitot
 
Le Web est la plateforme - #Frenchtech
Le Web est la plateforme - #FrenchtechLe Web est la plateforme - #Frenchtech
Le Web est la plateforme - #Frenchtech
Tristan Nitot
 
HTML 5, applications natives ou hybrides : comment choisir ?
HTML 5, applications natives ou hybrides :  comment choisir ?HTML 5, applications natives ou hybrides :  comment choisir ?
HTML 5, applications natives ou hybrides : comment choisir ?
Philippe Dumont
 
Ergonomie web et mobile en bibliothèque
Ergonomie web et mobile en bibliothèqueErgonomie web et mobile en bibliothèque
Ergonomie web et mobile en bibliothèque
Julien Sicot
 
Pixmobi - Guide agences
Pixmobi - Guide agencesPixmobi - Guide agences
Pixmobi - Guide agences
COWEMO
 
L’environnement du développement mobile iOS & Android
L’environnement du développement mobile iOS & AndroidL’environnement du développement mobile iOS & Android
L’environnement du développement mobile iOS & Android
Chris Saez
 
Niji rapport de prévention 2021 - android 12
Niji   rapport de prévention 2021 - android 12Niji   rapport de prévention 2021 - android 12
Niji rapport de prévention 2021 - android 12
Gabriel DUPONT
 
Introduction aux technologies mobiles
Introduction aux technologies mobilesIntroduction aux technologies mobiles
Introduction aux technologies mobiles
Mohammed Amine Mostefai
 
Cours information communication : Site web, Native App, Progressive Web App
Cours information communication : Site web, Native App, Progressive Web AppCours information communication : Site web, Native App, Progressive Web App
Cours information communication : Site web, Native App, Progressive Web App
Adrien Quenette
 

Tendances (20)

Quel type de système d'exploitation mobile est-il préférable d'utiliser du po...
Quel type de système d'exploitation mobile est-il préférable d'utiliser du po...Quel type de système d'exploitation mobile est-il préférable d'utiliser du po...
Quel type de système d'exploitation mobile est-il préférable d'utiliser du po...
 
Mobile forum
Mobile forumMobile forum
Mobile forum
 
Internet mobile : conception de sites et d'applications
Internet mobile : conception de sites et d'applicationsInternet mobile : conception de sites et d'applications
Internet mobile : conception de sites et d'applications
 
Internet mobile
Internet mobileInternet mobile
Internet mobile
 
WUD 08 Paris : Une approche holistique des interfaces riches
WUD 08 Paris : Une approche holistique des interfaces richesWUD 08 Paris : Une approche holistique des interfaces riches
WUD 08 Paris : Une approche holistique des interfaces riches
 
Passage aux applications mobiles
Passage aux applications mobilesPassage aux applications mobiles
Passage aux applications mobiles
 
Tk04 Iphone Vs Android Fr
Tk04 Iphone Vs Android FrTk04 Iphone Vs Android Fr
Tk04 Iphone Vs Android Fr
 
Développement d'applications mobiles
Développement d'applications mobilesDéveloppement d'applications mobiles
Développement d'applications mobiles
 
Plateformes de développement d’applications mobiles
Plateformes de développement d’applications mobilesPlateformes de développement d’applications mobiles
Plateformes de développement d’applications mobiles
 
Prez web mobile_01
Prez web mobile_01Prez web mobile_01
Prez web mobile_01
 
Framework XPlatform Mobile
Framework XPlatform MobileFramework XPlatform Mobile
Framework XPlatform Mobile
 
Firefox os appdays paris par tristan nitot: Hack, Learn, Celebrate
Firefox os appdays paris par tristan nitot: Hack, Learn, CelebrateFirefox os appdays paris par tristan nitot: Hack, Learn, Celebrate
Firefox os appdays paris par tristan nitot: Hack, Learn, Celebrate
 
Le Web est la plateforme - #Frenchtech
Le Web est la plateforme - #FrenchtechLe Web est la plateforme - #Frenchtech
Le Web est la plateforme - #Frenchtech
 
HTML 5, applications natives ou hybrides : comment choisir ?
HTML 5, applications natives ou hybrides :  comment choisir ?HTML 5, applications natives ou hybrides :  comment choisir ?
HTML 5, applications natives ou hybrides : comment choisir ?
 
Ergonomie web et mobile en bibliothèque
Ergonomie web et mobile en bibliothèqueErgonomie web et mobile en bibliothèque
Ergonomie web et mobile en bibliothèque
 
Pixmobi - Guide agences
Pixmobi - Guide agencesPixmobi - Guide agences
Pixmobi - Guide agences
 
L’environnement du développement mobile iOS & Android
L’environnement du développement mobile iOS & AndroidL’environnement du développement mobile iOS & Android
L’environnement du développement mobile iOS & Android
 
Niji rapport de prévention 2021 - android 12
Niji   rapport de prévention 2021 - android 12Niji   rapport de prévention 2021 - android 12
Niji rapport de prévention 2021 - android 12
 
Introduction aux technologies mobiles
Introduction aux technologies mobilesIntroduction aux technologies mobiles
Introduction aux technologies mobiles
 
Cours information communication : Site web, Native App, Progressive Web App
Cours information communication : Site web, Native App, Progressive Web AppCours information communication : Site web, Native App, Progressive Web App
Cours information communication : Site web, Native App, Progressive Web App
 

Similaire à Développement sur Mobile

Strategies et developpements mobiles multi-plates-formes.
Strategies et developpements mobiles multi-plates-formes.Strategies et developpements mobiles multi-plates-formes.
Strategies et developpements mobiles multi-plates-formes.
DocDoku
 
Emballage et interaction client - Cer France Drôme Vaucluse - janvier 2013
Emballage et interaction client - Cer France Drôme Vaucluse - janvier 2013Emballage et interaction client - Cer France Drôme Vaucluse - janvier 2013
Emballage et interaction client - Cer France Drôme Vaucluse - janvier 2013
Le Moulin Digital
 
Emballage et relation client - organics cluster - nov 2012
Emballage et relation client - organics cluster - nov 2012Emballage et relation client - organics cluster - nov 2012
Emballage et relation client - organics cluster - nov 2012
Le Moulin Digital
 
La mobilité dans le tourisme - Office de tourisme Buis les Baronnies - févrie...
La mobilité dans le tourisme - Office de tourisme Buis les Baronnies - févrie...La mobilité dans le tourisme - Office de tourisme Buis les Baronnies - févrie...
La mobilité dans le tourisme - Office de tourisme Buis les Baronnies - févrie...
Le Moulin Digital
 
Developpement mobile vs open source
Developpement mobile vs open sourceDeveloppement mobile vs open source
Developpement mobile vs open sourceKorteby Farouk
 
Présentation android
Présentation androidPrésentation android
Présentation android
diop5
 
Viniacom - Les bonnes raisons de passer au mobile.
Viniacom - Les bonnes raisons de passer au mobile.Viniacom - Les bonnes raisons de passer au mobile.
Viniacom - Les bonnes raisons de passer au mobile.Viniacom
 
Mobile 201 - Conférence 2012
Mobile 201 - Conférence 2012Mobile 201 - Conférence 2012
Mobile 201 - Conférence 2012
MBA Multimedia
 
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
Eutech SSII
 
Mobile 2.0 : la convergence est dans la poche !
Mobile 2.0 : la convergence est dans la poche !Mobile 2.0 : la convergence est dans la poche !
Mobile 2.0 : la convergence est dans la poche !
Loïc Haÿ
 
Meito marketing viral - 5 juin 2012
Meito   marketing viral - 5 juin 2012Meito   marketing viral - 5 juin 2012
Meito marketing viral - 5 juin 2012
Yann Dieulangard
 
ZOne DEV #lemobile20 2011 1J
ZOne DEV #lemobile20 2011 1JZOne DEV #lemobile20 2011 1J
ZOne DEV #lemobile20 2011 1J
servicesmobiles.fr
 
Panorama des solutions mobile hybrides
Panorama des solutions mobile hybridesPanorama des solutions mobile hybrides
Panorama des solutions mobile hybrides
ekino
 
Spéciale Internet des Objets La French Mobile Décembre 2012
Spéciale Internet des Objets La French Mobile Décembre 2012Spéciale Internet des Objets La French Mobile Décembre 2012
Spéciale Internet des Objets La French Mobile Décembre 2012
servicesmobiles.fr
 
Présentation Ionic Framework
Présentation Ionic FrameworkPrésentation Ionic Framework
Présentation Ionic Framework
Ndongo Samb
 
A quoi ressemblera le web de demain
A quoi ressemblera le web de demainA quoi ressemblera le web de demain
A quoi ressemblera le web de demain
Frederic CAVAZZA
 
Du Web vers le mobile
Du Web vers le mobileDu Web vers le mobile
Du Web vers le mobile
Jean-Marc Hardy
 
Usages pédagogiques des outils nomades en info-doc
Usages pédagogiques des outils nomades en info-docUsages pédagogiques des outils nomades en info-doc
Usages pédagogiques des outils nomades en info-doc
sophiebocquet
 
Barcamp Degetel
Barcamp DegetelBarcamp Degetel
Barcamp Degetel
Wang Fabrice
 

Similaire à Développement sur Mobile (20)

Strategies et developpements mobiles multi-plates-formes.
Strategies et developpements mobiles multi-plates-formes.Strategies et developpements mobiles multi-plates-formes.
Strategies et developpements mobiles multi-plates-formes.
 
Emballage et interaction client - Cer France Drôme Vaucluse - janvier 2013
Emballage et interaction client - Cer France Drôme Vaucluse - janvier 2013Emballage et interaction client - Cer France Drôme Vaucluse - janvier 2013
Emballage et interaction client - Cer France Drôme Vaucluse - janvier 2013
 
Emballage et relation client - organics cluster - nov 2012
Emballage et relation client - organics cluster - nov 2012Emballage et relation client - organics cluster - nov 2012
Emballage et relation client - organics cluster - nov 2012
 
Offre Mobilité | 2013
Offre Mobilité | 2013Offre Mobilité | 2013
Offre Mobilité | 2013
 
La mobilité dans le tourisme - Office de tourisme Buis les Baronnies - févrie...
La mobilité dans le tourisme - Office de tourisme Buis les Baronnies - févrie...La mobilité dans le tourisme - Office de tourisme Buis les Baronnies - févrie...
La mobilité dans le tourisme - Office de tourisme Buis les Baronnies - févrie...
 
Developpement mobile vs open source
Developpement mobile vs open sourceDeveloppement mobile vs open source
Developpement mobile vs open source
 
Présentation android
Présentation androidPrésentation android
Présentation android
 
Viniacom - Les bonnes raisons de passer au mobile.
Viniacom - Les bonnes raisons de passer au mobile.Viniacom - Les bonnes raisons de passer au mobile.
Viniacom - Les bonnes raisons de passer au mobile.
 
Mobile 201 - Conférence 2012
Mobile 201 - Conférence 2012Mobile 201 - Conférence 2012
Mobile 201 - Conférence 2012
 
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
 
Mobile 2.0 : la convergence est dans la poche !
Mobile 2.0 : la convergence est dans la poche !Mobile 2.0 : la convergence est dans la poche !
Mobile 2.0 : la convergence est dans la poche !
 
Meito marketing viral - 5 juin 2012
Meito   marketing viral - 5 juin 2012Meito   marketing viral - 5 juin 2012
Meito marketing viral - 5 juin 2012
 
ZOne DEV #lemobile20 2011 1J
ZOne DEV #lemobile20 2011 1JZOne DEV #lemobile20 2011 1J
ZOne DEV #lemobile20 2011 1J
 
Panorama des solutions mobile hybrides
Panorama des solutions mobile hybridesPanorama des solutions mobile hybrides
Panorama des solutions mobile hybrides
 
Spéciale Internet des Objets La French Mobile Décembre 2012
Spéciale Internet des Objets La French Mobile Décembre 2012Spéciale Internet des Objets La French Mobile Décembre 2012
Spéciale Internet des Objets La French Mobile Décembre 2012
 
Présentation Ionic Framework
Présentation Ionic FrameworkPrésentation Ionic Framework
Présentation Ionic Framework
 
A quoi ressemblera le web de demain
A quoi ressemblera le web de demainA quoi ressemblera le web de demain
A quoi ressemblera le web de demain
 
Du Web vers le mobile
Du Web vers le mobileDu Web vers le mobile
Du Web vers le mobile
 
Usages pédagogiques des outils nomades en info-doc
Usages pédagogiques des outils nomades en info-docUsages pédagogiques des outils nomades en info-doc
Usages pédagogiques des outils nomades en info-doc
 
Barcamp Degetel
Barcamp DegetelBarcamp Degetel
Barcamp Degetel
 

Plus de Jean-Marie Gilliot

PadLAD - un outil de Conception participative de tableaux de bord d’apprentis...
PadLAD - un outil de Conception participative de tableaux de bord d’apprentis...PadLAD - un outil de Conception participative de tableaux de bord d’apprentis...
PadLAD - un outil de Conception participative de tableaux de bord d’apprentis...
Jean-Marie Gilliot
 
Introduction atelier conception participative de Tableaux de bord d'apprentis...
Introduction atelier conception participative de Tableaux de bord d'apprentis...Introduction atelier conception participative de Tableaux de bord d'apprentis...
Introduction atelier conception participative de Tableaux de bord d'apprentis...
Jean-Marie Gilliot
 
Osons les TP à distance ou hybrides
Osons les TP à distance ou hybridesOsons les TP à distance ou hybrides
Osons les TP à distance ou hybrides
Jean-Marie Gilliot
 
Apprendre en 2021
Apprendre en 2021Apprendre en 2021
Apprendre en 2021
Jean-Marie Gilliot
 
Innovation pédagogique en temps de pandémie
Innovation pédagogique en temps de pandémieInnovation pédagogique en temps de pandémie
Innovation pédagogique en temps de pandémie
Jean-Marie Gilliot
 
Hybridation des formations : entre présence et distance de nouvelles pratique...
Hybridation des formations : entre présence et distance de nouvelles pratique...Hybridation des formations : entre présence et distance de nouvelles pratique...
Hybridation des formations : entre présence et distance de nouvelles pratique...
Jean-Marie Gilliot
 
Apprendre en 2020
Apprendre en 2020Apprendre en 2020
Apprendre en 2020
Jean-Marie Gilliot
 
Pédagogie, numérique et innovation
Pédagogie, numérique et innovation Pédagogie, numérique et innovation
Pédagogie, numérique et innovation
Jean-Marie Gilliot
 
Csedu2019 Towards a functionnal and technical architecture for e-exames
Csedu2019 Towards a functionnal and technical architecture for e-examesCsedu2019 Towards a functionnal and technical architecture for e-exames
Csedu2019 Towards a functionnal and technical architecture for e-exames
Jean-Marie Gilliot
 
Sedela 2019 : environnement de gestion de données personnelles d'apprentissa...
Sedela  2019 : environnement de gestion de données personnelles d'apprentissa...Sedela  2019 : environnement de gestion de données personnelles d'apprentissa...
Sedela 2019 : environnement de gestion de données personnelles d'apprentissa...
Jean-Marie Gilliot
 
Apprendre en 2019
Apprendre en 2019Apprendre en 2019
Apprendre en 2019
Jean-Marie Gilliot
 
Explorweb quelques concepts automne 2018
Explorweb quelques concepts automne 2018Explorweb quelques concepts automne 2018
Explorweb quelques concepts automne 2018
Jean-Marie Gilliot
 
Explorweb introduction automne 2018
Explorweb introduction automne 2018Explorweb introduction automne 2018
Explorweb introduction automne 2018
Jean-Marie Gilliot
 
Forum 2018 cooperation ouverte en education
Forum 2018 cooperation ouverte en educationForum 2018 cooperation ouverte en education
Forum 2018 cooperation ouverte en education
Jean-Marie Gilliot
 
Explorweb introduction 2018
Explorweb introduction 2018Explorweb introduction 2018
Explorweb introduction 2018
Jean-Marie Gilliot
 
Apprendre en 2018
Apprendre en 2018Apprendre en 2018
Apprendre en 2018
Jean-Marie Gilliot
 
Etonnez moi
Etonnez moiEtonnez moi
Etonnez moi
Jean-Marie Gilliot
 
Fil rouge atelier "Quels tableaux de bord pour les acteurs de l'éducation ?"
Fil rouge atelier "Quels tableaux de bord pour les acteurs de l'éducation ?"Fil rouge atelier "Quels tableaux de bord pour les acteurs de l'éducation ?"
Fil rouge atelier "Quels tableaux de bord pour les acteurs de l'éducation ?"
Jean-Marie Gilliot
 
Multiculturalité mooc cnam pdl gout de lavenir ecran
Multiculturalité mooc cnam pdl gout de lavenir ecranMulticulturalité mooc cnam pdl gout de lavenir ecran
Multiculturalité mooc cnam pdl gout de lavenir ecran
Jean-Marie Gilliot
 
Regard sur l'innovation
Regard sur l'innovationRegard sur l'innovation
Regard sur l'innovation
Jean-Marie Gilliot
 

Plus de Jean-Marie Gilliot (20)

PadLAD - un outil de Conception participative de tableaux de bord d’apprentis...
PadLAD - un outil de Conception participative de tableaux de bord d’apprentis...PadLAD - un outil de Conception participative de tableaux de bord d’apprentis...
PadLAD - un outil de Conception participative de tableaux de bord d’apprentis...
 
Introduction atelier conception participative de Tableaux de bord d'apprentis...
Introduction atelier conception participative de Tableaux de bord d'apprentis...Introduction atelier conception participative de Tableaux de bord d'apprentis...
Introduction atelier conception participative de Tableaux de bord d'apprentis...
 
Osons les TP à distance ou hybrides
Osons les TP à distance ou hybridesOsons les TP à distance ou hybrides
Osons les TP à distance ou hybrides
 
Apprendre en 2021
Apprendre en 2021Apprendre en 2021
Apprendre en 2021
 
Innovation pédagogique en temps de pandémie
Innovation pédagogique en temps de pandémieInnovation pédagogique en temps de pandémie
Innovation pédagogique en temps de pandémie
 
Hybridation des formations : entre présence et distance de nouvelles pratique...
Hybridation des formations : entre présence et distance de nouvelles pratique...Hybridation des formations : entre présence et distance de nouvelles pratique...
Hybridation des formations : entre présence et distance de nouvelles pratique...
 
Apprendre en 2020
Apprendre en 2020Apprendre en 2020
Apprendre en 2020
 
Pédagogie, numérique et innovation
Pédagogie, numérique et innovation Pédagogie, numérique et innovation
Pédagogie, numérique et innovation
 
Csedu2019 Towards a functionnal and technical architecture for e-exames
Csedu2019 Towards a functionnal and technical architecture for e-examesCsedu2019 Towards a functionnal and technical architecture for e-exames
Csedu2019 Towards a functionnal and technical architecture for e-exames
 
Sedela 2019 : environnement de gestion de données personnelles d'apprentissa...
Sedela  2019 : environnement de gestion de données personnelles d'apprentissa...Sedela  2019 : environnement de gestion de données personnelles d'apprentissa...
Sedela 2019 : environnement de gestion de données personnelles d'apprentissa...
 
Apprendre en 2019
Apprendre en 2019Apprendre en 2019
Apprendre en 2019
 
Explorweb quelques concepts automne 2018
Explorweb quelques concepts automne 2018Explorweb quelques concepts automne 2018
Explorweb quelques concepts automne 2018
 
Explorweb introduction automne 2018
Explorweb introduction automne 2018Explorweb introduction automne 2018
Explorweb introduction automne 2018
 
Forum 2018 cooperation ouverte en education
Forum 2018 cooperation ouverte en educationForum 2018 cooperation ouverte en education
Forum 2018 cooperation ouverte en education
 
Explorweb introduction 2018
Explorweb introduction 2018Explorweb introduction 2018
Explorweb introduction 2018
 
Apprendre en 2018
Apprendre en 2018Apprendre en 2018
Apprendre en 2018
 
Etonnez moi
Etonnez moiEtonnez moi
Etonnez moi
 
Fil rouge atelier "Quels tableaux de bord pour les acteurs de l'éducation ?"
Fil rouge atelier "Quels tableaux de bord pour les acteurs de l'éducation ?"Fil rouge atelier "Quels tableaux de bord pour les acteurs de l'éducation ?"
Fil rouge atelier "Quels tableaux de bord pour les acteurs de l'éducation ?"
 
Multiculturalité mooc cnam pdl gout de lavenir ecran
Multiculturalité mooc cnam pdl gout de lavenir ecranMulticulturalité mooc cnam pdl gout de lavenir ecran
Multiculturalité mooc cnam pdl gout de lavenir ecran
 
Regard sur l'innovation
Regard sur l'innovationRegard sur l'innovation
Regard sur l'innovation
 

Dernier

Burkina Faso library newsletter May 2024
Burkina Faso library newsletter May 2024Burkina Faso library newsletter May 2024
Burkina Faso library newsletter May 2024
Friends of African Village Libraries
 
Iris van Herpen. pptx
Iris         van         Herpen.      pptxIris         van         Herpen.      pptx
Iris van Herpen. pptx
Txaruka
 
Cycle de Formation Théâtrale 2024 / 2025
Cycle de Formation Théâtrale 2024 / 2025Cycle de Formation Théâtrale 2024 / 2025
Cycle de Formation Théâtrale 2024 / 2025
Billy DEYLORD
 
Iris van Herpen. pptx
Iris            van        Herpen.     pptxIris            van        Herpen.     pptx
Iris van Herpen. pptx
Txaruka
 
Formation Intelligence Artificielle pour dirigeants- IT6-DIGITALIX 24_opt OK_...
Formation Intelligence Artificielle pour dirigeants- IT6-DIGITALIX 24_opt OK_...Formation Intelligence Artificielle pour dirigeants- IT6-DIGITALIX 24_opt OK_...
Formation Intelligence Artificielle pour dirigeants- IT6-DIGITALIX 24_opt OK_...
cristionobedi
 
Procédure consignation Lock Out Tag Out.pptx
Procédure consignation  Lock Out Tag Out.pptxProcédure consignation  Lock Out Tag Out.pptx
Procédure consignation Lock Out Tag Out.pptx
caggoune66
 
Edito-B1-francais Manuel to learning.pdf
Edito-B1-francais Manuel to learning.pdfEdito-B1-francais Manuel to learning.pdf
Edito-B1-francais Manuel to learning.pdf
WarlockeTamagafk
 
Conseils pour Les Jeunes | Conseils de La Vie| Conseil de La Jeunesse
Conseils pour Les Jeunes | Conseils de La Vie| Conseil de La JeunesseConseils pour Les Jeunes | Conseils de La Vie| Conseil de La Jeunesse
Conseils pour Les Jeunes | Conseils de La Vie| Conseil de La Jeunesse
Oscar Smith
 
Newsletter SPW Agriculture en province du Luxembourg du 12-06-24
Newsletter SPW Agriculture en province du Luxembourg du 12-06-24Newsletter SPW Agriculture en province du Luxembourg du 12-06-24
Newsletter SPW Agriculture en province du Luxembourg du 12-06-24
BenotGeorges3
 
Iris van Herpen. pptx
Iris         van        Herpen.      pptxIris         van        Herpen.      pptx
Iris van Herpen. pptx
Txaruka
 
Formation M2i - Onboarding réussi - les clés pour intégrer efficacement vos n...
Formation M2i - Onboarding réussi - les clés pour intégrer efficacement vos n...Formation M2i - Onboarding réussi - les clés pour intégrer efficacement vos n...
Formation M2i - Onboarding réussi - les clés pour intégrer efficacement vos n...
M2i Formation
 

Dernier (11)

Burkina Faso library newsletter May 2024
Burkina Faso library newsletter May 2024Burkina Faso library newsletter May 2024
Burkina Faso library newsletter May 2024
 
Iris van Herpen. pptx
Iris         van         Herpen.      pptxIris         van         Herpen.      pptx
Iris van Herpen. pptx
 
Cycle de Formation Théâtrale 2024 / 2025
Cycle de Formation Théâtrale 2024 / 2025Cycle de Formation Théâtrale 2024 / 2025
Cycle de Formation Théâtrale 2024 / 2025
 
Iris van Herpen. pptx
Iris            van        Herpen.     pptxIris            van        Herpen.     pptx
Iris van Herpen. pptx
 
Formation Intelligence Artificielle pour dirigeants- IT6-DIGITALIX 24_opt OK_...
Formation Intelligence Artificielle pour dirigeants- IT6-DIGITALIX 24_opt OK_...Formation Intelligence Artificielle pour dirigeants- IT6-DIGITALIX 24_opt OK_...
Formation Intelligence Artificielle pour dirigeants- IT6-DIGITALIX 24_opt OK_...
 
Procédure consignation Lock Out Tag Out.pptx
Procédure consignation  Lock Out Tag Out.pptxProcédure consignation  Lock Out Tag Out.pptx
Procédure consignation Lock Out Tag Out.pptx
 
Edito-B1-francais Manuel to learning.pdf
Edito-B1-francais Manuel to learning.pdfEdito-B1-francais Manuel to learning.pdf
Edito-B1-francais Manuel to learning.pdf
 
Conseils pour Les Jeunes | Conseils de La Vie| Conseil de La Jeunesse
Conseils pour Les Jeunes | Conseils de La Vie| Conseil de La JeunesseConseils pour Les Jeunes | Conseils de La Vie| Conseil de La Jeunesse
Conseils pour Les Jeunes | Conseils de La Vie| Conseil de La Jeunesse
 
Newsletter SPW Agriculture en province du Luxembourg du 12-06-24
Newsletter SPW Agriculture en province du Luxembourg du 12-06-24Newsletter SPW Agriculture en province du Luxembourg du 12-06-24
Newsletter SPW Agriculture en province du Luxembourg du 12-06-24
 
Iris van Herpen. pptx
Iris         van        Herpen.      pptxIris         van        Herpen.      pptx
Iris van Herpen. pptx
 
Formation M2i - Onboarding réussi - les clés pour intégrer efficacement vos n...
Formation M2i - Onboarding réussi - les clés pour intégrer efficacement vos n...Formation M2i - Onboarding réussi - les clés pour intégrer efficacement vos n...
Formation M2i - Onboarding réussi - les clés pour intégrer efficacement vos n...
 

Développement sur Mobile

  • 2. Du Web au mobile  Web 2 et mobile  Qu’est ce qu’un mobile ? • Services • Applications  Options de développement • WebApps • Android • iOS page 1 Développement sur mobiles
  • 3. Web 1.0 – Web 2.0 Webmestre Site Web Utilisateur Utilisateur Utilisateur page 2 Développement sur mobiles
  • 4. Réseaux sociaux & nuages •Recherche Données •Fils de nouvelles & •Syndication Traitements •Filtrage •Recommandation Visualisations variées •Self Generated content •Blogs •Wikis Identité numérique •Balisage (tags) •Gestion collective de liens (social bookmarking) Brouillage entre formel et informel page 3 Développement sur mobiles
  • 5. Mobilité et objets •Localisée Données •Intégré dans •Localisation & l’environnement •Identification Traitements •Consolidée •Reconnaissance Wikitude •Partout 6th sense •Toujours Ville augmentée •Interconnecté ? •Contextuel ? page 4 Développement sur mobiles
  • 6. 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) page 5 Développement sur mobiles
  • 7. Exemple de services  Reconnaissance • Lecteurs de QR codes • Goggle • Shazam • Reconnaissance vocale  Détournement capteurs • Instant Heart  Réalité augmentée • Layar • Wikitude page 6 Développement sur mobiles
  • 8. Exemples de services  Réseaux sociaux • Et silos de données  Agregationsociale • WideNoise de WideTag : http://www.widetag.com/widenoise/# - et couplages avec spimes : énergie - CO2 page 7 Développement sur mobiles
  • 9. Exemple de services  Consultation • Wolfram Alpha  Enregistrer sa vie • Evernote  Applications géolocalisées • Foursquare • Geocaching • … page 8 Développement sur mobiles
  • 10. Et les Jeux … page 9 Développement sur mobiles
  • 11. Et les jeux …  Pour jouer partout …  … Et pour de nouvelles expériences page 10 Développement sur mobiles
  • 12. Et après ?  Outil de paiement  Spimes • Le mobile est la partie émergé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 …) : page 11 Développement sur mobiles
  • 13. Options de développement  Applications Natives • Android, iOS, Windows Mobile … Hybride : Code web et Container APIs mobile in JS Dév web et publication market  WebApps • HTML5, CSS, javascript dans un navigateur (Webkit) page 12 Développement sur mobiles
  • 14. Code web et container Pour Programmeurs Web  HTML 5 • Web / CSS • Offline cache, localStorage, sessionStorage, client- side dB  Javascript • jQTouch, SenchaTouch (framework)…et al.  APIs mobiles natives • PhoneGap (MIT/ Open source) -  Multiplateformes -> sur markets  Lecture : building iPhoneApps with HTML… page 13 Développement sur mobiles
  • 15. Traducteurs multi plateformes Prototypage Portage rapide  Exemple Appcelerator Titanium • Écriture javascrpit • Traduction : iPhone& Android … page 14 Développement sur mobiles
  • 16. Architecture Android page 15 Développement sur mobiles
  • 17. Environnement de développement  Eclipse + Java  ADT : Android Dev Tools • Android SDK • AVD (Android Virtual Device) • Adb  Et surtout http://developer.android.com/ page 16 Développement sur mobiles
  • 18. Chaine de développement page 17 Développement sur mobiles
  • 19. Mobile devices & Design  http://developer.android.com  User Expectations • Access anywhere, because we are mobile • Quick Response Time, because we are Impatient • Resource non-intensive, because we are cautious page 18 Développement sur mobiles
  • 20. Qu’est ce qui est important  Écran • Taille, densité => dp  Supporter plusieurs écrans ? • Icônes • Doigts  Fragments ? page 19 Développement sur mobiles
  • 21. Fondamentaux page 20 Développement sur mobiles
  • 22. Cycle de vie d’une activité page 21 Développement sur mobiles
  • 23. Ne pas oublier  Manifest file • Déclarer … • Version Android  Changements de configuration  Faire des tutoriaux ! page 22 Développement sur mobiles
  • 24. Et iOS ? page 23 Développement sur mobiles
  • 25. Etats d’un app iOS page 24 Développement sur mobiles