Applications Smartphone                                  Applications Smartphones : enjeux et                         pers...
Patrice de Saint Steban   École EPITA   Ingénieur en Informatique : Société SFEIR       Application web       Java/GWT...
Technologiæ   Un groupe de travail sur l’Église et les NTIC       14 membres       Des compétences diversifiées :      ...
Et vous ?   Qui a un téléphone portable ?   Qui a un smartphone ?       Iphone ?       Android ?       Blackberry ?  ...
Historique                                      2003 : Naissance de la 3G                                      : Haut débi...
Du mobile au smartphone   1992 : Prototype HTC Simon (agenda, mail, fax, traitement de    texte, écran tactile) => Premie...
IPhone                   Annoncé par Apple en janvier 2007                   Sortie en Juillet 2007 => évènements       ...
Développement considérable                              20102007       2008              2009                     Applicat...
2011 - 2012   IPhone 4S   IPad 1, 2, 2S   Android 4.0 : Mobile et tablette   Importance du marché de la tablette   Di...
SMARTPHONE ?Téléphone avec les fonctionnalités d’un agenda personnel (PDA)            Application Smartphone          23/0...
Internet   Navigateur web   Connexion rapide : Wifi/3G   Connexion permanente            Application Smartphone   23/01...
Larges écrans   Plus de place pour afficher des informations   Multimédia (Photo, Vidéo)            Application Smartpho...
Ecran tactile multitouch    Expérience simplifiée    Pas de stylet, ni de clavier (direct sur     l’écran)              ...
GPS   Navigation   Cartographie   Savoir où on est        => services autour   Le contenu est maintenant    associé à...
Applications   Plus limité aux applications du constructeur   Personnalisation   Ajout de fonctions spécifiques à l’uti...
Marché d’applications   iPhone App Store, Google Play (Android Market    Place), Windows MarketPlace, Ovi Store, App Word...
TABLETTE ?    Application Smartphone   17
De plus en plus utilisé   Plus de 3 millions de tablette vendu en 2012 !             Application Smartphone              ...
A la croisé entre le smartphone et le desktop   Système identique smartphone (IOS, Android, Window 8)   Applications mob...
APPLICATIONS / SITE MOBILE ?     Application Smartphone   23/01/2011   20
Facebook présent sur toutes les plateformes                Application Smartphone        23/01/2011   21
Application native    Application installable        On ne l’oublie pas        On la trouve facilement    Fonctionnali...
Site mobile ?    Simple changement de style du site        Coût réduit    Compatible avec tous les smartphones (récents...
Verdict ?    Appli vs site   Faire systématiquement une version mobile de son site   Développer une application mobile (...
ENJEUX POUR L’ÉGLISE    Application Smartphone   23/01/2011   25
Diffusions   Application mobile => Communication   Toucher un large publique => Magasins d’applications            Appli...
Mutualisation   Une application mobile coûte cher pour une petite    communauté   Il faut avoir une vraie valeur ajoutée...
Potentiel   Développement du mobile   Informations accessible partout, tous le temps   Beaucoup d’idée à mettre en plac...
CRÉER SON SITE OU SONAPPLICATION MOBILE    Application Smartphone   29
Version mobile   Il est important maintenant d’avoir    une version mobile   Deux solutions :       Plugins ou extensio...
Plugins du CMS   Template spécifique   Détection automatique du navigateur   Optimisation des ressources (réductions de...
Feuille de style CSS   Personnalisation du design   Simple à faire si l’on connait le CSS   Pas d’optimisation des imag...
Wordpress   WPTouch :   Détection du mobile   Adaptation des images   Template personnalisable par type de mobile   I...
SPIP   1) ITwX mobile   Squelette tout fait   Iphone, Android, Blackberry   Compatible avec d’autres plugins   http:/...
Joomla   Détection du mobile   Adaptation des images   Template personnalisable par type de mobile   Configuration   ...
Créer sa feuille de style :@media screen and (max-width: 640px) {     //Definition des classes mobiles      .contenu {    ...
Ordinateur / Portable / Tablette / Smartphone   Changer simplement l’agencement des blocs            Application Smartpho...
ExemplePour faire cette capture : http://ami.responsivedesign.is/#           Application Smartphone                       ...
Tester http://quirktools.com/screenfly/                      Firefox :                                      Menu / Dévelop...
Contenu   Mais il est important d’avoir un contenu mobile    adapté !       Tous sur la hauteur : Défilement vertical   ...
Générateur d’applications   Génération simple d’application   Visualisation du résultat en direct   Génère une version ...
Exemple mobile.conduit.com   Mettre le nom du site   Et ?            Application Smartphone   42
Application automatiquement généré   Détecte le flux RSS, le compte twitter, le compte facebook   Possibilité d’ajouter ...
Résultat ?   http://technologiae.org.mobapp.at/            Application Smartphone       44
Autre exemple : Retraite dans la ville   http://retraitedanslaville.mobapp.at/            Application Smartphone         ...
Conclusion   Importance du mobile   Version mobile de notre site   Application si nécessaire   Ne pas négliger les aut...
Merci !     Patrice de Saint Steban                                                photo     Technologiæ     patrice@techn...
Bibliographie   Catholique.fr : messesinfo là où je suis et partout en France   La Croix : La religion sur les téléphone...
Prochain SlideShare
Chargement dans…5
×

Etre présent sur mobiles_Patrice de Saint-Steban_13ème rencontre des Tisserands_06 avril 2013

388 vues

Publié le

0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
388
Sur SlideShare
0
Issues des intégrations
0
Intégrations
32
Actions
Partages
0
Téléchargements
7
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Etre présent sur mobiles_Patrice de Saint-Steban_13ème rencontre des Tisserands_06 avril 2013

  1. 1. Applications Smartphone Applications Smartphones : enjeux et perspectives pour les communautés de lEglise Catholique 23/01/20111Application Smartphone
  2. 2. Patrice de Saint Steban École EPITA Ingénieur en Informatique : Société SFEIR  Application web  Java/GWT  Développeur  Expert Travaille à la CEF sur le projet EgliseInfo (Refonte du site MessesInfo) Application mobile android : MessesInfo et EgliseInfo Membre de Technologiæ Application Smartphone 23/01/2011 2
  3. 3. Technologiæ Un groupe de travail sur l’Église et les NTIC  14 membres  Des compétences diversifiées :  stratégie, organisation, management  communication, marketing, médias sociaux  informatique, systèmes d’information  un site internet : www.technologiae.org Des actions au service de l’Église  Veille  Conseil  Formation Modèle de présentation Technologiae 3
  4. 4. Et vous ? Qui a un téléphone portable ? Qui a un smartphone ?  Iphone ?  Android ?  Blackberry ?  Windows Mobile ?  Autre ? Qui a un site accessible en mobile ? Application Smartphone 23/01/2011 4
  5. 5. Historique 2003 : Naissance de la 3G : Haut débit mobile 23 avril 1993 : Arrivé en France du Bi-Bop (téléphone 1999 : Nokia 7110 premier mobile avec urbain) « internet » => Format WAP 1991 : Premier mobile en France par Alcatel => Carte SIM Application Smartphone 23/01/2011 5
  6. 6. Du mobile au smartphone 1992 : Prototype HTC Simon (agenda, mail, fax, traitement de texte, écran tactile) => Premier smartphone 1996 : Palm Pilot => PDA 1996 : Nokia Communicator (version E90 intègre GPS) 2000 : Ericsson R380 - Premier smartphone tactile (Symbian) 2000 : Lecteur MP3 dans un téléphone 2001 : Ecran couleur et sortie de Windows CE Pocket PC OS 2002 : BlackBerry => Email mobile 2007 : Nokia N95 (GPS, Wifi, Photo, …) 1er smartphone moderne Application Smartphone 23/01/2011 6
  7. 7. IPhone  Annoncé par Apple en janvier 2007  Sortie en Juillet 2007 => évènements  Ecran tactile au doigt et multitouche !  Interface simple  Applications tierces (non natives)  Vrai navigateur web !  Début de l’internet mobile ! Application Smartphone 23/01/2011 7
  8. 8. Développement considérable 20102007 2008 2009 Application Smartphone 23/01/2011 8
  9. 9. 2011 - 2012 IPhone 4S IPad 1, 2, 2S Android 4.0 : Mobile et tablette Importance du marché de la tablette Disparition de Nokia/Symbian Guerre des brevets mobiles Android dépasse l’Iphone Application Smartphone 9
  10. 10. SMARTPHONE ?Téléphone avec les fonctionnalités d’un agenda personnel (PDA) Application Smartphone 23/01/2011 10
  11. 11. Internet Navigateur web Connexion rapide : Wifi/3G Connexion permanente Application Smartphone 23/01/2011 11
  12. 12. Larges écrans Plus de place pour afficher des informations Multimédia (Photo, Vidéo) Application Smartphone 23/01/2011 12
  13. 13. Ecran tactile multitouch Expérience simplifiée Pas de stylet, ni de clavier (direct sur l’écran) Application Smartphone 23/01/2011 13
  14. 14. GPS Navigation Cartographie Savoir où on est  => services autour Le contenu est maintenant associé à une position géographique Application Smartphone 23/01/2011 14
  15. 15. Applications Plus limité aux applications du constructeur Personnalisation Ajout de fonctions spécifiques à l’utilisateur (centre d’intérêts, travail, préférences, goûts, etc …) Application Smartphone 23/01/2011 15
  16. 16. Marché d’applications iPhone App Store, Google Play (Android Market Place), Windows MarketPlace, Ovi Store, App Word Trouver et installer des applications Vendre ! Commentaires, Votes Application Smartphone 23/01/2011 16
  17. 17. TABLETTE ? Application Smartphone 17
  18. 18. De plus en plus utilisé Plus de 3 millions de tablette vendu en 2012 ! Application Smartphone 18
  19. 19. A la croisé entre le smartphone et le desktop Système identique smartphone (IOS, Android, Window 8) Applications mobile Écran plus grand et tactile Application Smartphone 19
  20. 20. APPLICATIONS / SITE MOBILE ? Application Smartphone 23/01/2011 20
  21. 21. Facebook présent sur toutes les plateformes Application Smartphone 23/01/2011 21
  22. 22. Application native Application installable  On ne l’oublie pas  On la trouve facilement Fonctionnalités natives  Notifications / Push Plus ludique / Plus communicatif Développement (relativement) simple (par rapport aux anciennes plateforme mobile) Faire une appli par système (iPhone, Android, Windows Mobile, etc…) Coût Application Smartphone 23/01/2011 22
  23. 23. Site mobile ? Simple changement de style du site  Coût réduit Compatible avec tous les smartphones (récents) HTML5  Géolocalisation  Vidéo Plugins automatique pour les CMS Il faut connaitre le site Application Smartphone 23/01/2011 23
  24. 24. Verdict ? Appli vs site Faire systématiquement une version mobile de son site Développer une application mobile (si) :  Utilisations de fonctionnalités avancées  Monétisation  Service ajoutés par rapport au site  Usage mobile (géolocalisation, usage récurrent, hors ligne)  Marketing => Mutualisation des applications Application Smartphone 23/01/2011 24
  25. 25. ENJEUX POUR L’ÉGLISE Application Smartphone 23/01/2011 25
  26. 26. Diffusions Application mobile => Communication Toucher un large publique => Magasins d’applications Application Smartphone 23/01/2011 26
  27. 27. Mutualisation Une application mobile coûte cher pour une petite communauté Il faut avoir une vraie valeur ajoutée Application Smartphone 23/01/2011 27
  28. 28. Potentiel Développement du mobile Informations accessible partout, tous le temps Beaucoup d’idée à mettre en place Tablette Tactile Application Smartphone 23/01/2011 28
  29. 29. CRÉER SON SITE OU SONAPPLICATION MOBILE Application Smartphone 29
  30. 30. Version mobile Il est important maintenant d’avoir une version mobile Deux solutions :  Plugins ou extension du CMS  Feuille CSS spécifique pour le mobile Application Smartphone 30
  31. 31. Plugins du CMS Template spécifique Détection automatique du navigateur Optimisation des ressources (réductions des images) Redimensionnement du contenu. Interface adapté à l’écran (gros bouton, défilement verticale) Simple et automatique Application Smartphone 31
  32. 32. Feuille de style CSS Personnalisation du design Simple à faire si l’on connait le CSS Pas d’optimisation des images et du contenu Application Smartphone 32
  33. 33. Wordpress WPTouch : Détection du mobile Adaptation des images Template personnalisable par type de mobile Installez et ça marche ! http://wordpress.org/extend/plugins/wptouch Application Smartphone 33
  34. 34. SPIP 1) ITwX mobile Squelette tout fait Iphone, Android, Blackberry Compatible avec d’autres plugins http://twxdesign.com/itwx-mobile-v3 2 ) Ci-mobile : http://www.spip-contrib.net/cimobile-plugin- detection-et-aiguillage-des-telephones Détection et Aiguillage vers des squelettes mobile Application Smartphone 34
  35. 35. Joomla Détection du mobile Adaptation des images Template personnalisable par type de mobile Configuration http://extensions.joomla.org/extensions/mobile/mobile- display/11722 http://www.mobilejoomla.com Application Smartphone 35
  36. 36. Créer sa feuille de style :@media screen and (max-width: 640px) { //Definition des classes mobiles .contenu { width: 100%; }} Application Smartphone 36
  37. 37. Ordinateur / Portable / Tablette / Smartphone Changer simplement l’agencement des blocs Application Smartphone 37
  38. 38. ExemplePour faire cette capture : http://ami.responsivedesign.is/# Application Smartphone 38
  39. 39. Tester http://quirktools.com/screenfly/ Firefox : Menu / Développement Web / Vue adaptative (Ctrl + Maj + M) Application Smartphone 39
  40. 40. Contenu Mais il est important d’avoir un contenu mobile adapté !  Tous sur la hauteur : Défilement vertical  Images réduites  Texte raccourcis  Géolocalisé  Vidéo HTML5 (Youtube gère automatiquement)  Contenu spécifique Application Smartphone 40
  41. 41. Générateur d’applications Génération simple d’application Visualisation du résultat en direct Génère une version native pour chaque système : Iphone, Android, Windows Mobile, etc… http://www.mobbase.com (payant 5$ / mois + 20 $ Iphone + 20$ Android) http://mobile.conduit.com/ (payant 39$ / mois) http://madebykawet.com/ http://www.appsgeyser.com/ (Gratuit, juste Android) Application Smartphone 41
  42. 42. Exemple mobile.conduit.com Mettre le nom du site Et ? Application Smartphone 42
  43. 43. Application automatiquement généré Détecte le flux RSS, le compte twitter, le compte facebook Possibilité d’ajouter d’autres pages Prévisualisation en direct ! Application Smartphone 43
  44. 44. Résultat ? http://technologiae.org.mobapp.at/ Application Smartphone 44
  45. 45. Autre exemple : Retraite dans la ville http://retraitedanslaville.mobapp.at/ Application Smartphone 45
  46. 46. Conclusion Importance du mobile Version mobile de notre site Application si nécessaire Ne pas négliger les autres plateformes que l’iPhone (Surtout Android) Application Smartphone 46
  47. 47. Merci ! Patrice de Saint Steban photo Technologiæ patrice@technologiae.org www.technologiae.org Modèle de présentation Technologiae 47
  48. 48. Bibliographie Catholique.fr : messesinfo là où je suis et partout en France La Croix : La religion sur les téléphones mobiles Catholique.fr : Smartphones quelles applications pour l’eglise Technologiae.org : Messes-info sur android Technologiae.org : l’Internet mobile catholique en pleine effervescence Application Smartphone 23/01/2011 48

×