Support d'une conférence effectuée en 2010 par Ludovic Tant pour des ingénieurs de Telecom Lille1. Au sommaire:
- importance du mobile
- panorama des technologies possibles pour un service mobile (SMS, USSD, SVI, appli, web)
- ergonomie, design et ergonomie d'une application mobile ou d'un site web mobile
- distribution d 'une application
Partenaire fidèle et en proximité des collectivités depuis de nombreuses années, Orange sera présent pour accueillir et dialoguer avec les visiteurs sur son stand (Hall 2.1, Stand G69). L’occasion de découvrir les services digitaux pour des territoires intelligents et connectés.
Découvrez la Newsletter Impact n°43 :
La stratégie d'EDF PULSE en PQR 66, le score de la campagne SEPHORA, les rubriques "Ça bouge..." et "Ma PQR à moi".
Partenaire fidèle et en proximité des collectivités depuis de nombreuses années, Orange sera présent pour accueillir et dialoguer avec les visiteurs sur son stand (Hall 2.1, Stand G69). L’occasion de découvrir les services digitaux pour des territoires intelligents et connectés.
Découvrez la Newsletter Impact n°43 :
La stratégie d'EDF PULSE en PQR 66, le score de la campagne SEPHORA, les rubriques "Ça bouge..." et "Ma PQR à moi".
Développez des applications métiers avec Microsoft Sharepoint et Dynamics NAV...Microsoft
Dernier né des applications métier pour les PME/PMI, Microsoft Dynamics NAV 2013 tire aujourd'hui pleinement parti de la puissance du serveur collaboratif Sharepoint. Dans cette session, venez découvrir : • Comment concevoir des écrans Sharepoint en quelques minutes dans l'environnement de développement Dynamics NAV • Comment utiliser la gestion documentaire de Sharepoint pour rattacher et publier des factures, bons de commandes et autres documents métier de l'entreprise Comment tirer parti de la puissance du workflow Sharepoint pour gérer les processus métiers de l'entreprise
Un article de http://www.lenouveleconomiste.fr
D’un côté le monde du libre, avec des licences gratuites, des codes visibles, dont
le business model est basé sur les services de support et maintenance. De l’autre
le monde des propriétaires vendant avant tout un droit d’utilisation de solutions
confortables sur étagère. Deux entités mi-concurrentes, mi-conniventes. Mais le
choix du libre ne s’opère plus seulement en fonction du coût. Pour bénéficier des
atouts de flexibilité et de fiabilité qu’offrent désormais les logiciels open source,
l’entreprise devra faire évoluer la gestion de son système d’information: du mode
traditionnel passif, au mode de la communauté et de la mutualisation du savoir.
Alcatel-Lucent Enterprise, numéro 1 en France et en Europe sur la téléphonie d'entreprise, et son partenaire Resadia, titulaire du marché Ugap, organisaient le 26 juin dernier une journée dédiée aux Collectivités locales au siège d’Alcatel-Lucent.
L'occasion de découvrir comment simplifier votre communication, faciliter la mobilitė et la collaboration entre vos utilisateurs et mettre en place un accueil citoyen efficace et simple à manager.
Les Signaux Numériques 2010 - Antoine CHOTARD / AEC - 08 février 2010UNITEC
Afin de partager sa veille sur les innovations et défis que le numérique réserve à la société, aux entreprises et aux collectivités d’Aquitaine, AEC, l’agence des initiatives numériques, organisait le lundi 8 février la conférence/exposition "Les Signaux Numériques 2010" au Théâtre du Pont Tournant à Bordeaux Bacalan.
A travers les 7 Signaux Numériques de 2010, anticipez à court et moyen termes les futurs enjeux technologiques, sociétaux et territoriaux impulsés par le numérique.
- 3D
- Réalité Augmentée sur Mobile
- Tablettes et enjeux pour l'édition
- Mutation des métiers et quête de nouveaux modèles économiques,
- Webmarketing social,
- Impact du numérique sur le monde du travail,
- Libération de la donnée publique
Intervenant - Antoine Chotard, responsable Veille & Prospective, AEC
Grand témoin - Jean-François Pierron, Directeur délégué IBM région Sud-Ouest
Depuis plus de 10 ans, Futur Telecom, société affiliée au groupe SFR, se positionne comme le guichet unique des TPE/PME pour leurs solutions télécoms et informatiques
Applications Mobiles - Bonnes pratiques de conception et de développement de ...BEIJAFLORE
Les mobinautes ont de fortes attentes en terme de confort d’utilisation de services mobiles...
1. Choix du type de service mobile : application native, hybride, web app…
2. Conception et design d’un service mobile
3. Technologies de développements mobiles
4. Analyse d’audience : indicateurs et solutions d’Analytics
5. Leviers de monétisation et promotion des services mobiles
6. Focus sur les applications mobiles B2B
Quelle technologie pour quelle application mobile ?
Matelli Services fait un tour d'horizon des types d'applications mobiles et des outils de développement existants.
Valtech - Le prépayé au croisement du SoLoMoValtech
Valtech - Le prépayé au croisement du SoLoMo
Global Prepaid Exchange – 24 mai 2012
Xavier Renart, Directeur de Clientèle
xavier.renart@valtech.fr
Pascal Malotti, Directeur du Practice Digital Consulting de Valtech France
pascal.malotti@valtech.fr
Avec un taux d’équipement de 98% et une durée d’écoute par individu de 3h47 par jour , la TV fait partie du quotidien des français. Même si les grands rendez-vous d’audience sont moins courants du fait de l’explosion du nombre de chaines et de leurs audiences, le petit écran créée un lien social invisible entre les individus, une véritable expérience collective dont on parle le matin à la machine à café.
Contribution d'une équipe d'étudiants HEC (Mastère Développement Durable) à la recherche-action "post carbone" menée sur le territoire de Fontainebleau dans le cadre du programme "repenser les villes dans une société post carbone", financé par l'ADEME et le MEDDTL.
Présentation du volet "E" (Emploi)
Djavan Bertrand nous a présenté tous les conseils de Phonitive pour la conception d'une application pour smartphones et tablettes ergonomique.
Vous découvrirez ou approfondirez :
- Le conception d'ergonomie, qu'est ce que c'est ?
- Quelques mauvais exemples
- Des conseils d'ergonomie généraux
- Des conseils d'ergonomie spécifiques à la conception d'une application tablette
- Quelques exemples très réussi
- Des outils spécifiques à Android et iOS pour mettre en place ces conseils
Pressés, interrompus, distraits… les utilisateurs mobiles ne peuvent certainement pas se payer le luxe d’écrans inutiles, de parcours trop longs, et encore moins de se perdre. Que pouvons-nous faire pour leur faciliter la vie ? Pour qu’ils accèdent aux contenus qu’ils souhaitent, le plus rapidement possible ?
Cette présentation liste quelles options peuvent être envisagées, mais surtout comment les choisir selon votre contexte : menu visible ou menu caché, hamburger, onglets, navigation par gestes... Nous abordons aussi comment optimiser la navigation peut passer par supprimer la nécessité de naviguer : travailler l’efficience au maximum, cela peut être salvateur !
Développez des applications métiers avec Microsoft Sharepoint et Dynamics NAV...Microsoft
Dernier né des applications métier pour les PME/PMI, Microsoft Dynamics NAV 2013 tire aujourd'hui pleinement parti de la puissance du serveur collaboratif Sharepoint. Dans cette session, venez découvrir : • Comment concevoir des écrans Sharepoint en quelques minutes dans l'environnement de développement Dynamics NAV • Comment utiliser la gestion documentaire de Sharepoint pour rattacher et publier des factures, bons de commandes et autres documents métier de l'entreprise Comment tirer parti de la puissance du workflow Sharepoint pour gérer les processus métiers de l'entreprise
Un article de http://www.lenouveleconomiste.fr
D’un côté le monde du libre, avec des licences gratuites, des codes visibles, dont
le business model est basé sur les services de support et maintenance. De l’autre
le monde des propriétaires vendant avant tout un droit d’utilisation de solutions
confortables sur étagère. Deux entités mi-concurrentes, mi-conniventes. Mais le
choix du libre ne s’opère plus seulement en fonction du coût. Pour bénéficier des
atouts de flexibilité et de fiabilité qu’offrent désormais les logiciels open source,
l’entreprise devra faire évoluer la gestion de son système d’information: du mode
traditionnel passif, au mode de la communauté et de la mutualisation du savoir.
Alcatel-Lucent Enterprise, numéro 1 en France et en Europe sur la téléphonie d'entreprise, et son partenaire Resadia, titulaire du marché Ugap, organisaient le 26 juin dernier une journée dédiée aux Collectivités locales au siège d’Alcatel-Lucent.
L'occasion de découvrir comment simplifier votre communication, faciliter la mobilitė et la collaboration entre vos utilisateurs et mettre en place un accueil citoyen efficace et simple à manager.
Les Signaux Numériques 2010 - Antoine CHOTARD / AEC - 08 février 2010UNITEC
Afin de partager sa veille sur les innovations et défis que le numérique réserve à la société, aux entreprises et aux collectivités d’Aquitaine, AEC, l’agence des initiatives numériques, organisait le lundi 8 février la conférence/exposition "Les Signaux Numériques 2010" au Théâtre du Pont Tournant à Bordeaux Bacalan.
A travers les 7 Signaux Numériques de 2010, anticipez à court et moyen termes les futurs enjeux technologiques, sociétaux et territoriaux impulsés par le numérique.
- 3D
- Réalité Augmentée sur Mobile
- Tablettes et enjeux pour l'édition
- Mutation des métiers et quête de nouveaux modèles économiques,
- Webmarketing social,
- Impact du numérique sur le monde du travail,
- Libération de la donnée publique
Intervenant - Antoine Chotard, responsable Veille & Prospective, AEC
Grand témoin - Jean-François Pierron, Directeur délégué IBM région Sud-Ouest
Depuis plus de 10 ans, Futur Telecom, société affiliée au groupe SFR, se positionne comme le guichet unique des TPE/PME pour leurs solutions télécoms et informatiques
Applications Mobiles - Bonnes pratiques de conception et de développement de ...BEIJAFLORE
Les mobinautes ont de fortes attentes en terme de confort d’utilisation de services mobiles...
1. Choix du type de service mobile : application native, hybride, web app…
2. Conception et design d’un service mobile
3. Technologies de développements mobiles
4. Analyse d’audience : indicateurs et solutions d’Analytics
5. Leviers de monétisation et promotion des services mobiles
6. Focus sur les applications mobiles B2B
Quelle technologie pour quelle application mobile ?
Matelli Services fait un tour d'horizon des types d'applications mobiles et des outils de développement existants.
Valtech - Le prépayé au croisement du SoLoMoValtech
Valtech - Le prépayé au croisement du SoLoMo
Global Prepaid Exchange – 24 mai 2012
Xavier Renart, Directeur de Clientèle
xavier.renart@valtech.fr
Pascal Malotti, Directeur du Practice Digital Consulting de Valtech France
pascal.malotti@valtech.fr
Avec un taux d’équipement de 98% et une durée d’écoute par individu de 3h47 par jour , la TV fait partie du quotidien des français. Même si les grands rendez-vous d’audience sont moins courants du fait de l’explosion du nombre de chaines et de leurs audiences, le petit écran créée un lien social invisible entre les individus, une véritable expérience collective dont on parle le matin à la machine à café.
Contribution d'une équipe d'étudiants HEC (Mastère Développement Durable) à la recherche-action "post carbone" menée sur le territoire de Fontainebleau dans le cadre du programme "repenser les villes dans une société post carbone", financé par l'ADEME et le MEDDTL.
Présentation du volet "E" (Emploi)
Djavan Bertrand nous a présenté tous les conseils de Phonitive pour la conception d'une application pour smartphones et tablettes ergonomique.
Vous découvrirez ou approfondirez :
- Le conception d'ergonomie, qu'est ce que c'est ?
- Quelques mauvais exemples
- Des conseils d'ergonomie généraux
- Des conseils d'ergonomie spécifiques à la conception d'une application tablette
- Quelques exemples très réussi
- Des outils spécifiques à Android et iOS pour mettre en place ces conseils
Pressés, interrompus, distraits… les utilisateurs mobiles ne peuvent certainement pas se payer le luxe d’écrans inutiles, de parcours trop longs, et encore moins de se perdre. Que pouvons-nous faire pour leur faciliter la vie ? Pour qu’ils accèdent aux contenus qu’ils souhaitent, le plus rapidement possible ?
Cette présentation liste quelles options peuvent être envisagées, mais surtout comment les choisir selon votre contexte : menu visible ou menu caché, hamburger, onglets, navigation par gestes... Nous abordons aussi comment optimiser la navigation peut passer par supprimer la nécessité de naviguer : travailler l’efficience au maximum, cela peut être salvateur !
Workshop de l'asso Girlz in Web sur le thème de l'ergonomie : qu'est-ce que l'ergonomie, best practices, worst practices, quelques règles, techniques et outils pour concevoir et optimiser l'ergonomie d'un site web
This presentation by Mobitily.com covers the difference between a Mobile Application and a Mobile Website and the advantages and disadvantages of both the approaches.
MobiTily.com is a company engaged in providing cost effective and customized Mobile Application development services coupled with Mobile website development services. Our services include iPhone application development, iPad application development, Android application development and Blackberry application and Mobile Website Development.
The purpose of responsive web design is to have one site, but with different elements that respond differently when viewed on devices of different sizes.
Branding et ModernUI : Des ressources et des conseils pour passer d'un templ...Microsoft
Des slides et Blend pour Visual Studio : Voilà le cocktail requis pour vous expliquer comment partir d'un template applicatif basique pour le transformer en une application brandée, possédant une identité et agréable. Nous verrons comment trouver ou créer des assets graphiques de qualité pour obtenir un résultat très agréable, et quels sont les principes à respecter pour y parvenir, le tout en 45 mns !
Speakers : Michel Rousseau (microsoft)
When it comes to deciding whether to build a native app or a mobile website, the most appropriate choice really depends on your end goals. Here we share some important advantages of mobile website over native app. To develop a mobile website or mobile app for your business, visit: http://www.greymatterindia.com/mobile-application-development
If you're planning to establish(#startup) a mobile presence for your business or organization in the market then the first thing that will likely to come to mind is whether you want to create a mobile application for users to download (app) or a mobile website, or perhaps both as both looks similar at first glance.
So, here we are just trying bring a clear picture of pros and cons of Mobile App and Website.
Support de la formation Android 5 , Avancé Alphorm
Formation complète ici :
http://www.alphorm.com/tutoriel/formation-en-ligne-android-5-avance
Dans cette formation, nous parcourons quelques points importants de la programmation Android, qu’il vaut mieux explorer afin de choisir ensuite la solution qui semble être la meilleure. Nous préciserons tout d’abord comment accéder aux capteurs embarqués (sans passer par les services Google), ensuite nous explorons la base de données. Nous donnerons des précisions sur la gestion des Intentes, des variantes dans l’interface graphique et quelques points divers relatifs à la plateforme.
Ergonomie en entreprise
Ergonomie : qu'est-ce que c'est ? - Pourquoi s'en soucier ? - Utilité en entreprise ? - Le travail de l'ergonome
Concepts utiles - Analyse du travail - Quelques thématiques - Ressources.
Du Leadership à la Sociologie : 7 disciplines utiles au travailHR SCOPE
Du Leadership à la Sociologie : 7 disciplines utiles au travail
Panorama, définitions, objectifs, utilité en entreprise, outils:
Sociologie - Psychologie du Travail - Intelligence Émotionnelle - Psychodynamique du Travail - Ergonomie - Process Communication - Leadership.
Les solutions pragmatiques pour une numérisation efficace des territoiresDOCOSEN
Inventer ce nouveau modèle numérique local via
• Entrée par les services et les dispositifs associés
• Subsidiarité numérique, vraies coopérations publics / privés et en associant des acteurs non naturellement numériques
• Relocalisation compétences, données…
• Régulation
Se sentir, via le numérique, plus intégré dans le territoire
Retour d’expérience de clients sur le développement d’applications métiers su...Microsoft Ideas
Les directions métiers veulent renforcer la productivité de leurs équipes terrain et commerciales, améliorer la relation client. Pour cela, elles mènent des expérimentations de postes de travail sur mobiles ou tablettes. Afin de réussir cette évolution, les métiers doivent travailler avec la DSI pour que ces expérimentations s’intègrent à l’écosystème complet de l’entreprise à savoir : le SI, la sécurité d’accès, la gestion de la flotte de terminaux, la gestion des abonnements, la gestion du support et la maintenance des applications, terminaux… Retour d’expérience d’Orange Business Services sur les développements d’applications métiers sur tablette ou mobile et leur intégration au SI de l'entreprise. Session présentée par le partenaire : Orange Business Services.
Speakers : Thierry Brault (Orange Business Services), Jean-Baptiste Piketty (Orange Business Services)
Les plateformes mobiles et la démocratisation des smartphones et tablettes offrent de nouvelles opportunités. Tour d'horizon des usages de la mobilité, de l'approche à mener dans un projet de mobilité et des perspectives à venir
[Webinar Niji] Frameworks XPlateform mobile - 2210 Niji
L’iPhone et Android existent maintenant depuis plus de 10 ans. Dans le but d’optimiser et de simplifier le développement d’applications mobiles afin d’être présent sur les plateformes iOS et Android, des Frameworks ont émergés via des technologies hybrides et X-Platform.
Ces solutions alternatives aux plateformes natives sont régulièrement remises en cause par Apple principalement, qui évoque les failles de sécurité et les dettes technologiques liées à ces solutions.
A l’occasion d’un webinar aussi concret qu’interactif, Niji, vous propose d’apporter un éclairage précis sur le sujet suivant :
Frameworks XPlatform mobiles : Vers la fin des technologies javascript ? Faut-il se convertir à Flutter ou passer au natif ?
Au-delà des enjeux technologiques, comment optimiser ces investissements dans la durée ?
"Comment évaluer l'impact économique de l'open data local ?"
Présentation de S. Chignard à l'occasion de l'Open Data Garage à Marseille le 6/7/2011
--
Plus d'infos sur l'Open Data Garage: www.opendatagarage.com
L’iPhone et Android existent maintenant depuis plus de 10 ans. Dans le but d’optimiser et de simplifier le développement d’applications mobiles afin d’être présent sur les plateformes iOS et Android, des Frameworks ont émergés via des technologies hybrides et X-Platform.
Ces solutions alternatives aux plateformes natives sont régulièrement remises en cause (entre autre par Apple), qui évoque les failles de sécurité et les dettes technologiques liées à ces solutions.
Entrepreneurs & Solutions Cloud : réussir la mutation du S.IYann Dieulangard
Actes des conférences plénières, présentations des stands et des intervenants de la journée MEITO "Entrepreneurs et Solutions Cloud : réussir la mutation de son S.I." du 11/12/12
Similaire à Ergonomie, Design et Développement d'applications mobiles (20)
Stages Santeos - Wordline Santé 2018-2019Ludovic Tant
Sujets de sages proposés par Santeos / Worldline dans le monde de la santé sur 2018-2019, tels que connus au 29 octobre 2018.
Une entité à taille humaine au sein d’un grand groupe reconnu, Santeos est le centre d’expertise e-Santé de Worldline qui appartient au groupe Atos.
Santeos crée et opère des services numériques pour favoriser la transformation du monde de la santé en répondant aux enjeux actuels et futurs des SI de Santé.
Hébergeur de données de santé (HDS) et doté d'une double expertise santé et numérique, Santeos propose aux acteurs de la santé des services sécurisés et innovants.
Nous accompagnons ainsi les établissements de santé, les laboratoires pharmaceutiques, les mutuelles et assurances santé, les grandes institutions du monde de la santé ainsi que les start-up et projets d'innovation sur des sujets d'e-santé tels que les parcours patients, la e-prévention, la télémédecine, l’imagerie partagée ou encore la valorisation des données.
Sujets de stage ouvert chez Santeos au 13 mars 2017.
Santeos est la filiale dédiée aux enjeux santé de Worldline, filiale d’Atos.
Santeos est leader de l’échange et du partage de données de santé en France. Fort de ses 15 ans d’expérience dans l’industrie, Santeos permet aux acteurs de santé de partager des informations afin d’améliorer le parcours de soin du patient. En combinant son expertise santé et le savoir-faire de Worldline sur la gestion de flux transactionnels et l’hébergement sécurisé de données sensibles, Santeos propose des services innovants autour des dossiers patients et parcours de soins, de la télémédecine, de l’imagerie médicale et de tout projet de transformation numérique de Santé. Santeos est une filiale de Worldline.
Les stages ouverts chez Santesos, filiale dédiée aux enjeux santé de Worldline, filiale d’Atos. Les stages ont lieu majoritairement à Seclin, près de Lille, dans le Nord. Ils concernent notamment la santé mobile, la eSanté, l'imagerie médicale.
Depuis près de 25 ans, Atos Worldline conçoit, développe et opère des services en ligne (Minitel, fax, serveurs vocaux, sites web, sms, sites internet mobile, rich média mobile, web 2.0, IPTV…)
Concernant le mobile, les usages et les technologies ont considérablement évoluée ces dernières années. Afin de répondre à ces changements, nous avons étudié, testé, et utilisé industriellement plusieurs technologies du marché fournies par les constructeurs et les éditeurs sur les différentes plateformes mobiles.
Ce livre blanc couvre les principaux points d’attention et formule des recommandations pour la conception et la mise en œuvre d’applications mobiles.
Fort de cette expérience, Atos Worldline a conçu et développé son offre Worldline Padda, une solution agile rapide et industrielle pour le développement d'applications mobiles.
Présentation effectuée le 21 mars 2013 à l'ambassade du Royaume Uni à Paris dans le cadre d'une conférence « Mobile Health and Telemedicine Challenges: Connecting Anywhere Anytime »
SANTEOS / Worldline a une double casquette: développeur d'applications mobiles et fixes et hébergeur de données de santé
Santeos : Porte les enjeux du secteur de la santé et du secteur social
1°): comment effectuer une authentification sur mobile en France
Réglementairement, les autorités de tutelle imposent l'utilisation de la carte de professionnel de santé pour authentifier le professionnel de santé, et celle de la carte vitale pour identifier l’utilisateur.
Or, les terminaux mobiles ne possèdent pas physiquement les lecteurs appropriés, et les OS n'ont pas forcément les drivers (toujours possible à mettre en place, mais reste lourd et coûteux)
La solution est de passer par un enrôlement sur une interface web compatible réglementairement, d’y effectuer un peering temporaire avec le device mobile via un code barre 2D temporaire, et de créer un moyen d’authentification forte sur mobile.
Cette authentification forte sur mobiles peut être une génération de biclé en locale, ou l’enregistrement d’une empreinte physique hardware du mobile, ou une identification unique du terminal utilisé lors de push OTP ensuite
2°) La sécurisation du transport des données.
William Walden, Vice-President of the USA in the Homeland TV series is Killed by an hack of his pacemaker.
It's not science fiction, it's real, and it’s an important issue
Quelques pistes/réflexes
https ne suffit pas
stockage de données locales en cache : pas en clair, a minima chiffré
s’assurer que l’application mobile est la bonne. C’est une vraie problématique de recherche. Les concepts d’obfuscation de code et de white box sont une partie de la solution.
3°) Il faut sécuriser les données par rapport aux attaques internes
Chez google, seuls les Site Reliability Engineers (quelques centaines?) peuvent accéder en clair aux mails et aux données des centaines de millions d’utilisateurs
Sur des données de santés, seule une personne peut y accéder : le médecin de l’hébergeur
Quelques pistes/réflexes :
Utilisation d’HSM pour chiffrement ou stockage des clés
Séparation de pouvoirs développeurs/admins/exploitants (Functional Encryption)
Aller au-delà de l’état de l’art technique et arriver à l’état de l’art processus
La sécurité, ce n’est plus construire une forteresse qui permet de se protéger de l’extérieur, mais un avionqui reste en l’air quelles que soient les variations extérieures et intérieures, et même si le pilote lui donne l’ordre de se crashe. Cela grâce à des mécanismes techniques (alarme en cas de perte d'altitude) et humains (présence d'un navigateur, d'un co-pilote qui prend la relève sir le pilote devient fou et veut crasher l'avion).
2. Règles
Globalement interactif
Si risque de dérapage, certains questions repoussées en fin
d'intervention
Téléphones en mode discret
2 - Ludovic Tant – Développement mobile - v1
3. Présentation
Ludovic Tant, 33 ans
ludovic.tant@atosorigin.com
Fonctions actuelles Expérience
Chef d'équipe « TUM Labs » 2002 Framework SMS
Responsable d’une équipe de 2006 Dév. visio mobiles
5 ingénieurs type R&D
2007 Dév. d'applis WiMo (Ten)
Porteur d’offre de la solution
interne Worldline Padda 2007 Dév. J2ME pour SFR
Référent application mobile 07-09 Développement J2ME
chez TUM 08-10 Gestion de projets
AV android, BB, iPhone,
iPad
3 - Ludovic Tant – Développement mobile - v1
4. Atos Worldline, leader européen dans les
transactions électroniques
Quelques références Media
et Telecom
eServices pour les
Paiements Clients, les Marchés
Electroniques Citoyens, Financiers
e-Communautés
65% 24% 11%
Chiffre d’Affaires = 844m€
» 4800 collaborateurs
«
Des équipes engagées Innovation
Orientées Clients Modèle à la transaction
4 - Université dété du GFII Lille – Information et multi-écran
4 HIGH-TECH TRANSACTIONAL SERVICES
5. Les Echos
Application d’information économique et financière sur iPhone, Blackberry, Bada et autres
smartphones
Les enjeux
» Proposer aux lecteurs d’accéder à l’information en toutes circonstances
via une offre complémentaire aux offres existantes : Papier, Minitel,
Internet, Mobile et ePaper
» Confirmer le positionnement des Echos en tant que leader économique
innovant
Notre solution
» Mise à disposition de l’expertise Atos Worldline dans les phases
de définition de l’application
» Conception et hébergement des applications : design, ergonomie,
développement
» Référencement de l’application au sein des stores d’applications à forte
audience (Apple App Store, Google Android Market, Blackberry App
World, Samsung Apps, OVI Store)
Les résultats
» Une offre d’information complète et disponible sur l’ensemble des
terminaux:
Les Echos est le leader de la presse
» Apple iPhone / iPod / iPad
économique et financière en France » Samsung Bada
» Plus de 200 autres terminaux grâce à la solution Worldline Padda
5 - Ludovic Tant – Développement mobile - v1
6. M6 Nouvelle Star
Application Android et multi-terminaux interactivité antenne
Les enjeux
» Fidéliser les téléspectateurs sur un programme fédérateur à forte audience
» Réinventer l’interactivité antenne grâce à des services et acteurs innovants
Notre solution
» Conception et hébergement des applications : design, ergonomie,
développement
» Mise à disposition d’une solution complète d’outils d’administration et de
pilotage pour les régies de production (tirage au sort, suivi de votes, etc...)
» Mise en place de solutions innovantes de monétisation des votes
» Engagement de services liés à l’événementiel
Les résultats
» Expertise métier sur la gestion de services interactifs multi-canal dans le
cadre d’émissions en direct à forte criticité
» Une présence sur plus de 200 terminaux grâce à la solution Worldline Padda
Nouvelle Star est une émission de télévision » Atos Origin, partenaire historique de M6 depuis 1989
française à forte interactivité diffusée en Live
sur M6
6 - Ludovic Tant – Développement mobile - v1
7. Geny Courses
Application iPhone et Android d’information hippique
Les enjeux
» Confirmer le positionnement de Geny Infos en tant que leader
de l’information hippique en ligne
» Proposer aux amateurs de sports hippiques d’accéder à l’information
en mobilité
Notre solution
» Mise à disposition de l’expertise Atos Worldline dans les phases
de définition de l’application
» Conception des applications :
Design, Ergonomie, Développement
» Diffusion de vidéos
Les résultats
» Une offre d’information hippique complète, temps réel et disponible
sur l’ensemble des terminaux iPhone et Android
Geny Course est le leader de l’information
hippique en ligne
7 - Ludovic Tant – Développement mobile - v1
8. Société Générale
Application iPhone et Android de Mobile Banking
Les enjeux
» Offrir une solution innovante de mobile banking aux clients finaux de Société Générale
» Nouveau canal de communication, image moderne de la banque, service pratique
pour les utilisateurs
La solution
» Accompagnement d’Atos Worldline dès les premières phases de définition des applications
(fonctionnalités, design et ergonomie) et conception des applications : ergonomie,
développement
» Solution : Mobile banking (consultation de comptes et informations)
» Virements de compte à compte ponctuels
» Gestion de budget
» Consultation des portefeuilles bourse et des informations financières
» Géolocalisation de distributeurs et agences Société Générale
» Convertisseur
» Contact direct avec les principaux numéros d’urgence Société Générale
» Simulation épargne/crédit
Les résultats
» Service mobile bancaire complet, en temps réel et ergonomique
» Application mobile sur iPhone et Android
» Cible : 300 000 utilisateurs
» 150 000 téléchargements en 15 jours - n°13 des applicatio ns gratuites dans App Store
8 - Ludovic Tant – Développement mobile - v1
9. Météo France
Site Internet Mobile New Gen et application iPhone d’information
météo
Les enjeux
» Adresser tout nouveau terminal mobile représentant de nouveaux utilisateurs
» Devenir leader sur la diffusion d’information et services météorologique sur
Mobile comme réalisé sur Internet
» Fournir des prévisions météorologiques ATAWAD à tout citoyen français pour
répondre à leur principale mission d’établissement administratif public
Notre solution
» Développement d’un site mobile de nouvelle génération compatible avec une
large gamme de smartphones (iPhone, Android, Blackberry, Windows Mobile)
pour délivrer l’information à la plus large audience possible
» Développement d’une application dédiée iPhone pour offrir aux utilisateurs
d’iPhone la meilleure expérience utilisateurs possibles et assurer une
présence dans l’Apple App Store
Les résultats
» 5 Million de pages vues le premier mois sur le site mobile New Gen
» 100.000 téléchargements de l’application iPhone réalisé la première semaine
de lancement
» Très bonne satisfaction des utilisateurs
Service considéré à forte valeur ajoutée en mobilité en particulier l’alerte pluie
mobile.meteofrance.fr
Météo France est un établissement public
administratif dont la mission consiste à délivrer des
informations et des services météorologiques aux
citoyens français. Leur principal site (développé par
Atos Worldline), www.meteofrance.com, est un des
plus visités en France
9 - Ludovic Tant – Développement mobile - v1
10. SFR
Projets en technologie Streamezzo
Embarqué dans 30
Embarqué dans 30 Embarqué dans 30
modèles de téléphones
modèles de téléphones modèles de téléphones
10 - Ludovic Tant – Développement mobile - v1
11. Editions Francis Lefebvre
Application iPhone d’information juridique
Les enjeux
» Développement d’ un service pertinent et ergonomique qui propose de
consulter en temps réel, les actualités juridiques éditées par Editions Francis
Lefebvre, sur l’iPhone.
» Première expérience sur mobile afin de tester l’appétence des avocats pour ce
type de service.
La solution
» Réalisation d’une application de lecture des actualités Editions Francis Lefebvre
en mode gratuit et consultation des articles par authentification
» Proposition d’évolutions basées sur la connaissance marché et le savoir-faire
technique iPhone d’Atos Worldline
» Mise à disposition de statistiques sur utilisation du service
Les résultats
» Mise en production le 06 juillet 2010 et disponible sur l’App Store
Editions Francis Lefebvre est un éditeur
juridique spécialisé en droit des entreprises
11 - Ludovic Tant – Développement mobile - v1
12. Ville de Barcelone
Application iPhone pour Bicing, réseau de vélos libre-service
Les enjeux
» Accompagner la ville de Barcelone dans la réalisation d’une application
iPhone de suivi du service Bicing, réseau de vélos libre-service de
Barcelone :
» Affichage en temps réel de la disponibilité des vélos
» Localisation des bornes libre-service à proximité
» Gestion de bornes favorites et contact client
Notre solution
» Mise à disposition de l’expertise Atos Worldline dans les phases de
définition, conception et hébergement de l’application.
Les résultats
Bicing (contraction de bici (Catalan pour
» Atos Worldline a permis ainsi à la commune de Barcelone de disposer
vélo) et BCN code pour Barcelone) est le d’un service d’assistance au service de Bicing sur plusieurs canaux en
système de vélos en libre-service de simultané :
Barcelone disponible depuis fin mars 2007.
» Un site Internet
» Un service SMS+ (disponibilité des vélos dans une borne)
» Une application iPhone
12 - Ludovic Tant – Développement mobile - v1
13. Air France
Site Internet Mobile tout terminal de m-ticketing
Les enjeux
» Air France souhaite mettre à disposition de ses clients :
» L’enregistrement en ligne sur un site Internet mobile et un service SMS
et SMS+ (6 36 54)
» La dématérialisation du titre de transport via un code-barres 2D
Notre solution
» Le site internet mobile développé et exploité par Atos Worldline offre les
fonctionnalités suivantes :
» L’enregistrement, l’actualité des vols, les réservations, les horaires
» La consultation du compte personnel Flying Blue, les contacts Air France
» Le choix du mode de réception de la carte d’embarquement (par SMS,
MMS ou e-mail)
» La réception d’un code-barre 2D contenant les informations
d’identification essentielles au voyage
Les résultats
» Ce service offre aux clients d’Air France :
» La possibilité d’accéder depuis leur téléphone mobile aux informations
relatives à leurs vols et d’organiser leur voyage (sans obligation de
disposer d’une connexion internet) en situation de mobilité
» Une facilité d’accès aux différents contrôles à l’aéroport
» L’élimination du papier : gains financiers, respect de l’environnement
mobile.airfrance.fr
13 - Ludovic Tant – Développement mobile - v1
14. La Voix du Nord
Application iPad d’achat et consultation en mode liseuse et « produit numérique »
Les enjeux
» Proposer aux lecteurs une consultation conservant l’atmosphère et plus-
value du print, tout en profitant des possibilités offertes par le numérique
» Valider l’appétence des abonnées pour une version numérique à valeur
ajoutée
» En projet, porter cette ergonomie sur d’autres supports (Galaxy Tab, RIA
PC)
Notre solution
» Workshops communs de définition du fonctionnel et de l’ergonomie
consulting, design, ergonomie
» Conception et développement d’un prototype validant le concept
design, ergonomie, développement
» Conception et développement de l’application final
design, ergonomie, développement
» Livraison et référencement de l’application au sein de l’Apple App Store
Les résultats
» Version « liseuse » mise en production été 2010
14 - Ludovic Tant – Développement mobile - v1
15. Et vous ?
Qui êtes vous ? Qu’attendez vous ?
15 - Ludovic Tant – Développement mobile - v1
16. Au menu
Apéro
Mobi’life 2011
Importance du mobile
Entrée
Panorama des technos Indisponible en raison de la
Plat saison
Ergonomie, Design et Exemple de code
développement mobile Debug
Desserts NDA
Distribution de l'application
Questions annexes
Café et boissons comprises
16 - Ludovic Tant – Développement mobile - v1
17. Au menu
Apéro
Mobi’life 2011
Importance du mobile
Entrée
Panorama des technos Indisponible en raison de la
Plat saison
Ergonomie, Design et Exemple de code
développement mobile Debug
Desserts NDA
Distribution de l'application
Questions annexes
Café et boissons comprises
17 - Ludovic Tant – Développement mobile - v1
18. Mobilife 2011
Concours national Organisé par
Écoles d'ingénieurs
Par équipe (1-5 personnes) Parrainé par
Thème imposé: La vie
quotidienne
Projet innovant (technique,
idée, packaging) Inscription : ->31 oct
Prix: voyage Silicon valley, Remise des projets: 23 janvier
smartphones, netbooks Remise des prix: 3 février
18 - Ludovic Tant – Développement mobile - v1
19. Au menu
Apéro
Mobi’life 2011
Importance du mobile
Entrée
Panorama des technos Indisponible en raison de la
Plat saison
Ergonomie, Design et Exemple de code
développement mobile Debug
Desserts NDA
Distribution de l'application
Questions annexes
Café et boissons comprises
19 - Ludovic Tant – Développement mobile - v1
20. Importance du mobile
Les supports numériques
Une évolution des technologies
Tablette tactile
Ordinateur
Télévision
connectée
Minitel
Smartphone
Téléphone
20 - Ludovic Tant – Développement mobile - v1
21. Importance du mobile
Morgan Stanley, The Mobile Internet Report,Décembre 2009
21 - Ludovic Tant – Développement mobile - v1
22. Au menu
Apéro
Mobi’life 2011
Importance du mobile
Entrée
Panorama des technos Indisponible en raison de la
Plat saison
Ergonomie, Design et Exemple de code
développement mobile Debug
Desserts NDA
Distribution de l'application
Questions annexes
Café et boissons comprises
22 - Ludovic Tant – Développement mobile - v1
23. Un service mobile peut avoir plusieurs formes
SMS
USSD
Audiotel
Visio
Wap/Web
Application mobile embarquée
23 - Ludovic Tant – Développement mobile - v1
24. Un service mobile SMS
+ modèle éprouvé techniquement
+ modèle économique viable pour les éditeurs
+ interopérable dans le monde entier
et plus souvent que le roaming data
+ en forte croissance surtout dans les pays émergents
reporting sanitaire au Malawi et en Éthiopie, Nokia Money
- asynchrone
pas de session, pas de cookie
- limité en taille
160 octets
- pas hype du tout ;-)
24 - Ludovic Tant – Développement mobile - v1
26. Un service mobile USSD
Exemple: #123# d'orange
peu utilisé, et surtout par les opérateurs pour leur propre service
+ connecté
- peu connu du grand public
- pas de modèle économique pour les éditeurs
26 - Ludovic Tant – Développement mobile - v1
27. Un service mobile audio
serveur SVI classique, « audiotel »
+ modèle éprouvé techniquement
mode connecté
développement généralement en vxml
+ modèle économique viable
36xx, 089[01279]xxxxxx
+ interopérable dans le monde entier
et plus souvent que le roaming data
- pas hype du tout ;-)
27 - Ludovic Tant – Développement mobile - v1
28. Un service mobile visio
pas vraiment décollé
compliqué pour l'utilisateur
appel « en visio » ou touche « visio »
mode connecté
surtaxe possible
essentiellement « rencontre interactive »
remis au goût du jour par l’iPhone 4
sans le modèle économique
28 - Ludovic Tant – Développement mobile - v1
29. Un service mobile web
« wap » est un gros mot
Les navigateurs modernes peuvent faire mieux
iPhone, mais aussi Nokia Serie60, SonyEriccson, BlackBerry,
LG, Samsung etc
Nécessite d'avoir un site optimisé mobile
bande passante, mémoire, usage
29 - Ludovic Tant – Développement mobile - v1
30. Un service mobile embarqué
Plusieurs formes
30 - Ludovic Tant – Développement mobile - v1
31. Un service mobile: au final ???
Le quidam s'y perd
web/webapp/appli mobile embarquée native/tierce …
rôle pédagogique de l'iPhone
Web ou embarqué ?
Pro web:
+ simple, - cher, c'est « l'avenir »
mise à jour
pas d'application difficile à retrouver
Pro embarqué:
meilleur design, ergonomie et interactivité
plus de fonctionnalités (caméra, contacts, offline, NFC, SIM)
présence sur les application store
pas d'URL difficile à taper
Éternel débat “client lourd vs client léger”
à décider au cas par cas
au final, l'important, c'est l'usage pas la technique
31 - Ludovic Tant – Développement mobile - v1
32. Web ou natif ?
natif natif web
32 - Ludovic Tant – Développement mobile - v1
33. Web ou natif ?
natif web
33 - Ludovic Tant – Développement mobile - v1
34. Web ou natif ?
web natif natif
34 - Ludovic Tant – Développement mobile - v1
35. Web, natif -> « HTML natif »
Mix de HTML/CSS/js et de natif
Soit « from scratch », soit phonegap
Facilité de compétences
Coût de portage iOS/android/BB récent moindre
35 - Ludovic Tant – Développement mobile - v1
36. Au menu
Apéro
Mobi’life 2011
Importance du mobile
Entrée
Panorama des technos Indisponible en raison de la
Plat saison
Ergonomie, Design et Exemple de code
développement mobile Debug
Desserts NDA
Distribution de l'application
Questions annexes
Café et boissons comprises
36 - Ludovic Tant – Développement mobile - v1
37. Ergonomie d'un service mobile
Spécificités: Mots d'ordre
Environnement bruité Simplicité
Utilisation « en temps mort » Zenitude
Réponse à un besoin Dépouillement
Une démarche
L'usage prime sur les désirs du client
Analyse des profils, besoins et objectifs du futur service
Conception collaborative et itérative basée sur des
cinématiques, story boards, maquettes
Evaluation de l'interface par des utilisateurs à différents
stades du projet
37 - Ludovic Tant – Développement mobile - v1
38. Ergonomie d'un service mobile
Minimiser le volume d’informations affichées
Malgré les progrès, un écran reste petit.
Informations limitées à l’essentiel et à peu de contenu par
page.
38 - Ludovic Tant – Développement mobile - v1
39. Ergonomie d'un service mobile
Minimiser les textes
style rédactionnel
clair, précis, concis
39 - Ludovic Tant – Développement mobile - v1
40. Ergonomie d'un service mobile
Minimiser les actions requises
40 - Ludovic Tant – Développement mobile - v1
41. Ergonomie d'un service mobile
Minimiser le nombre de liens
placer en tête les liens les plus souvent utilisés
en tactile, un liens doit devenir un bouton assez grand et espacé
résister à la tentation d'un visuel abscons à la place d'un texte
les icônes doivent être systématiquement sous-titrées.
41 - Ludovic Tant – Développement mobile - v1
42. Ergonomie d'un service mobile
Minimiser les saisies
Pas de clavier alphabétique, ou clavier alphabétique en deçà du confort d'un
clavier desktop.
Eviter les saisies combinant chiffres, lettres, caractères spéciaux,
majuscule/minuscule (mots de passe)
Utiliser des services du type mobiletinyurl, et des codes barres 2D
http://www.atosworldline.com/En/Market_Sectors/Transport/Airlines/innovation.html
http://ad.ag/tmwgtp (13 appuis vs 184)
42 - Ludovic Tant – Développement mobile - v1
43. Ergonomie d'un service mobile
Minimiser les temps de chargement et les temps de réponse
usage « pressé »
bande passante faible (surtout en déplacement)
temps de latence
Trop souvent un site/WS mobile est plus lent que sa version web
un service mobile lent ne sera plus consulté par 90%
http://benchmarks.gomez.com/ novembre 2009 via http://www.servicesmobiles.fr/services_mobiles/2009/11/performances-du-temps-de-chargement-de-sites-mobiles.html
43 - Ludovic Tant – Développement mobile - v1
44. Ergonomie d'un service mobile
Minimiser le temps d’appropriation
Se conformer aux standards d’usage
Reprendre le wording et les icônes du site web s'il existe
Exemples :
WAP : le caractère > ou < devant les liens...,
iPhone : boutons pour naviguer comme pour agir, flèche vers la droite pour
naviguer entre les listes, secouer pour rafraichir (finalement, plus vrai en 3.x)
44 - Ludovic Tant – Développement mobile - v1
45. Au menu
Apéro
Mobi’life 2011
Importance du mobile
Entrée
Panorama des technos Indisponible en raison de la
Plat saison
Ergonomie, Design et Exemple de code
développement mobile Debug
Desserts NDA
Distribution de l'application
Questions annexes
Café et boissons comprises
45 - Ludovic Tant – Développement mobile - v1
46. Design mobile: les problèmes
Tactile, non tactile, mixte
Diversité des tailles d'écran, bien plus importante que dans le
monde desktop
Top usage constaté sur nos services android (septembre 2010)
1 – Samsung Galaxy Spica (3,2 pouces – 320 x 480)
2 – HTC Desire (3,7 pouces – 800 x 480)
3 – Sony Ericson Xperia X10 (4 pouces – 854 x 480)
5 – Samsung Galaxy (3,2 pouces – 320 x 480)
5 – HTC Hero (3,2 pouces – 320 x 480)
6 – Huawei u8230 (3,5 pouces – 320 x 480)
Top 3 des terminaux Android en ventes à forte croissance (septembre 2010)
1 - HTC Desire (3,7 pouces – 800 x 480)
2 - Samsung Galaxy S (3,7 pouces – 800 x 480)
3 - Sony Ericson Xperia X10 (4 pouces – 854 x 480)
46 - Ludovic Tant – Développement mobile - v1
47. Design graphique : S'adapter aux différentes tailles d'écran
Quelques format plus répandus que d’autres, mais l’exotique existe toujours (voir de plus en
plus)
Notion de famille/classe d’écran
Extrêmes suivantes dans chaque classe
• tiny : du 128x116 et du 120x147
• small : à partir de 128x128 et jusqu'à du 220x159 ; surtout du 128x160, pas mal de 128x128 et de 130x176
• large: à partir de 176x177 et jusqu'à du 240x208; surtout du 176x206-220
• verylarge: à partir de 240x256 et jusqu'à du 240x400 et 480x248 , surtout du 240x320
• huge: jusqu'à du 480x800; surtout du 352x416
• Les classes d'écran à privilégier pour les tests sont verylarge et large.
Comment gérer ?
Soit prévoir tous les cas, s’ils sont peu nombreux
Soit prévoir quelques cas typique, et rajouter des bordures quand l’écran est plus grand: border design
Soit stretchy design
De plus, prévoir une bande décorative en haut
Car souvent encombré par des icônes (réception, batterie etc).
Format des images
png, mode palette 32/64/256 couleurs, 16 degrés de dégradés dans l’alpha, pngoptimizer
une version par famille d’écran ou éventuellement une seule 9-patch sous android
47 - Ludovic Tant – Développement mobile - v1
48. Design graphique: Solution 1: prévoir tous les cas
+ rendu nickel pour les tailles prévues
- … moins bien pour les tailles non prévues
+ positionnement au pixel près via fichier de config modifiable par le client
chaque élément est placé au pixel près
48 - Ludovic Tant – Développement mobile - v1
49. Design graphique: Solution 2: border design
+ rendu nickel pour les tailles prévues ou à peu près
- … moins bien pour les tailles vraiment éloignées
+ solution cumulable avec la précédente
offset X et Y égale à la moitié de la différence entre la taille prévue
de la classe et la taille réelle de l’écran
chaque élément est placé au pixel près
ajout d’un rectangle de couleur en fond de décor
49 - Ludovic Tant – Développement mobile - v1
50. Design graphique: Solution 3: stretchy design
- rendu pas nickel au pixel près
+ gère au mieux tous les écrans proches de la référence de chaque classe
+ gère au mieux pire les écrans très exotiques
doit être prévu dès le début de la conception
d=(H-4*h)/5
h
H
logo et boutons
les boutons sont
le logo n’est plus une image sur toute la largeur de ancrés au centre et à
ancrés bottomleft et
l’écran mais une image doublée d’un rectangle blanc. width/2
bottom right
50 - Ludovic Tant – Développement mobile - v1
51. Rapide présentation design Windows Mobile 7
Matériel très contraint
touches back, home
800x480
capteurs
Plus de texte, moins d’icônes
Police « Segoe » préconisée, souvent en minuscule
Une seule couleur (texte + icônes)
Fond noir
« panneau d’aéroport »
51 - Ludovic Tant – Développement mobile - v1
52. Rapide présentation design Windows Mobile 7
Notion de panorama
navigation horizontal
titre plus large que l’écran
l’écran suivant déborde
52 - Ludovic Tant – Développement mobile - v1
53. Rapide présentation design Windows Mobile 7
Notion de panorama
53 - Ludovic Tant – Développement mobile - v1
54. Au menu
Apéro
Mobi’life 2011
Importance du mobile
Entrée
Panorama des technos Indisponible en raison de la
Plat saison
Ergonomie, Design et Exemple de code
développement mobile Debug
Desserts NDA
Distribution de l'application
Questions annexes
Café et boissons comprises
54 - Ludovic Tant – Développement mobile - v1
55. Un problème ? Quel problème ? Ou est passé ma CPU ?
Serveur typique: quadripro, 2 Go RAM, plusieurs To sur
serveur de fichiers
PC Desktop : pentium III 2.8 Ghz, 2 Go RAM
Émulateur WTK 2.2 sur desktop: 10Mo, 161890 Points CPU
Speed indice
KVM SE K800: 863ko, 58161 Points CPU Speed indice
Conséquence:
les non optimisation en javascript, en java serveur, en perl etc.
sans impact de performance en auront sur le mobile
55 - Ludovic Tant – Développement mobile - v1
56. Un problème ? Quel problème ? Téléphones bugués
Téléphones bugués, ou s'éloignant de la théorie
Chargement initial de la KVM Chargement d'une image optimisée * 1er GC 2ème GC
F48
760 062 3 313 108 3 458 540 866 768
0
N9
256 880 264 704 259 904 259 556
5
Chargement de la KVM plus ou moins important
Gestion différente des images (décompression, transformation bitmap)
Garbage Collector qui ne ramasse pas tous les objets abandonnés au premier passage
Affichage de texte en mode souligné inexistant ou défaillant
* Image de couleur unie, au format PNG d’une résolution de 1440 x 900
56 - Ludovic Tant – Développement mobile - v1
57. Tip #1: Problème des polices
Positionner les textes en local si centré, justifié
Ne pas utiliser le souligné
Privilégier les textes courts
Affichage de texte sur des
téléphones Motorola (à
gauche)
et Sony Ericsson (à
droite). Le téléphone de
gauche ne
sait pas souligner les
textes, et l’épaisseur des
caractères
est très différente entre
les deux téléphones.
57 - Ludovic Tant – Développement mobile - v1
58. Tip #2: Compacter le code
Factoriser le code mais pas trop
Design pattern, getter, setter et co → pragmatisme
En J2ME: parser xml → pragmatisme
Raccourcir les noms de variables, de classes
J2ME: Obfuscation de code
javascript, HTML: « compactage »
58 - Ludovic Tant – Développement mobile - v1
59. Tip #3: optimiser les images
Format png
Virer les meta data (PNG optimizer) => de -10% à -20%
Images en palette 256/128/64/32/8 couleurs et pas en true
colors => - 70%
http://psydk.org/PngOptimizer.php
59 - Ludovic Tant – Développement mobile - v1
60. Tip #4: Attention à la transparence
60 - Ludovic Tant – Développement mobile - v1
61. Tip #5: Nettoyage des répertoires ressources
Les répertoires contenant les images se retrouvent souvent
tels quels dans l'appli finale
.svn, CVS, thumbs.db, .backup, .orig
n'ont pas leur place dans le jar !!
61 - Ludovic Tant – Développement mobile - v1
62. Tip #6: en web mobile et web service, pas de redirect 302
Pas supporté par les KVM Nokia S40
Peu supporté par les téléphones quand les URLs de notif
d'install/désinstall sont en redirect 302
62 - Ludovic Tant – Développement mobile - v1
63. Tip #7: écrans tactiles
Les téléphones tactile ont (ou pas) un clavier, des soft keys,
un joypad
=> attention à le prévoir dans les algos et dans les tests
Sur des écrans de plus en plus grands, un clic au doigt peut
être perçu par le système comme un déplacement de
quelques pixels
=> et c'est très frustrant, et très long à comprendre
Zones cliquables (textes, images) de suffisamment grande
taille (relativement à l'écran)
63 - Ludovic Tant – Développement mobile - v1
64. Tip #8: Les tests
Très tôt dans les dév
Pour vérifier dans les vrais conditions (CPU, mémoire, BD,
temps de latence réseau, software installé)
Et changer l'application en conséquence en début de cycle
Avec de vrais utilisateurs
Qui ne connaissent pas l'application
Qui ne sont pas liés au projet chez le client
64 - Ludovic Tant – Développement mobile - v1
65. Tip #9: importance du fonctionnel/ergonomie/design
Avant:
Après:
65 - Ludovic Tant – Développement mobile - v1
66. Tip #9: importance du fonctionnel/ergonomie/design
Avant:
Après:
66 - Ludovic Tant – Développement mobile - v1
67. Tip #A: importance du marché cible
Peut annuler un projet si pas assez important
à définir/vérifier avant les dév/avant les tests
Nécessite de définir le marché cible
Attention aux hypothèses perso non vérifiées
exemple: blackberry pour les pros, iPhone pour le grand public
67 - Ludovic Tant – Développement mobile - v1
68. Au menu
Apéro
Mobi’life 2011
Importance du mobile
Entrée
Panorama des technos Indisponible en raison de la
Plat saison
Ergonomie, Design et Exemple de code
développement mobile Debug
Desserts NDA
Distribution de l'application
Questions annexes
Café et boissons comprises
68 - Ludovic Tant – Développement mobile - v1
69. Comment distribuer une application mobile ?
69 - Ludovic Tant – Développement mobile - v1
70. Comment distribuer une application mobile ?
Site web
facilement accessible (mobiletinyurl, code barre 2D, SMS pushwap)
aidant l'utilisateur (reconnaissance auto du mobile, FAQ)
70 - Ludovic Tant – Développement mobile - v1
71. Comment distribuer une application mobile ?
Sur un store
Le référencement à un cout ‘humain’ d’administratif
Tous les magasins ne sont pas égaux, notamment en terme
d’audience
Les reversements sont en général du même ordre de
grandeur (70 à 80%)
Les stores à forte
Les stores à potentiel Les stores d’annonces
audience
AppStore (300k; 4,3$) Samsung
Android Market (85k; 3,2$) OVI Store (>10k; 2,7$) Windows (<2k; 5,7$)
RIM Appworld (11k; 6,7$) Orange Store Palm (4k; 2,4$)
Amazon store SFR Store
Votre Site internet !
(nombres d’applications,;prix moye n) Source: journal du net, 29/09/2010)
71 - Ludovic Tant – Développement mobile - v1
72. Comment distribuer une application mobile ?
Sur un store
Choisir judicieusement sa catégorie
Soigner particulièrement le nom, la description de l’application
la première phrase: quoi pour qui
Toucher les utilisateurs influents
diffuser aux happy few quelques jours avant le lancement
l’équipe marketing du store est influente
Bien gérer la vague de lancement
Jouer de l’effet buzz du “price fitting”
Acheter de la publicité
Utiliser les nouveaux services de promotion d’applications
(nombres d’applications,;prix moye n) Source: journal du net, 29/09/2010)
72 - Ludovic Tant – Développement mobile - v1
73. Au menu
Apéro
Mobi’life 2011
Importance du mobile
Entrée
Panorama des technos Indisponible en raison de la
Plat saison
Ergonomie, Design et Exemple de code
développement mobile Debug
Desserts NDA
Distribution de l'application
Questions annexes
Café et boissons comprises
73 - Ludovic Tant – Développement mobile - v1
74. Au menu
Apéro
Mobi’life 2011
Importance du mobile
Entrée
Panorama des technos
Plat
Ergonomie, Design et
développement mobile Sur quelle plateforme parier ?
Smartphone, tablettes, où va-t-on ?
Desserts
HTML 5 ?
Distribution de l'application Quel framework js pour du web mobile ?
Fragmentation android
Questions annexes
Café et boissons comprises
74 - Ludovic Tant – Développement mobile - v1
77. Sur quelle plateformes parier ?
Etat de l’art
Capter les usages des utilisateurs d’applications mobile
» « » « » «
» Appstore: » Android Market:
» 250.000 applications [1] » 100.000 applications [3]
» Présence forte des marques » Présence moyenne des marques
» Parts de marché smartphones: » Parts de marché smartphones:
» Monde: 14,2% [2] » Monde: 17,2% [2]
» France: 29,9% [5] » France: ~10% [3]
» Utilisateurs [4] : » Utilisateurs [4] :
» Homme: 57% - Femme: 43% »Homme: 73% - Femme: 27%
» Age: » Age:
< 17 : 13% < 17 : 7%
18 – 24 : 12% 18 – 24 : 17%
25 – 34 : 21% 25 – 34 : 30%
35 - 44 : 21% 35 - 44 : 21%
45 - 54 : 18% 45 - 54 : 17%
> 55 : 14% > 55 : 8%
[1] Apple Inc. Aout 2010 [2] Gartner, Aout 2010 [3] Google Inc., Aout2010 [4] Admob, Jan 2010 [5] Comscore, Jan 2010
77 - Université dété du GFII Lille – Information et multi-écran
77 HIGH-TECH TRANSACTIONAL SERVICES
78. Sur quelle plateformes parier ?
Tablettes tactiles
Un écosystème en cours de création
Initiateur
Création d’usages
Email Magasin
Bibliothèque Album photo d’applications
dématérialisée
Popularisation -
Généralisation
78 - Université dété du GFII Lille – Information et multi-écran
78 HIGH-TECH TRANSACTIONAL SERVICES
79. HTML 5 ?
79 - Université dété du GFII Lille – Information et multi-écran
79 HIGH-TECH TRANSACTIONAL SERVICES
80. Quel framework js pour du web mobile?
» Sencha » Jquery mobile
» Wink » Xui + emile
» jqTouch
» sproutcore
80 - Université dété du GFII Lille – Information et multi-écran
80 HIGH-TECH TRANSACTIONAL SERVICES
81. Quel framework js pour du web mobile?
» sproutcore
81 - Université dété du GFII Lille – Information et multi-écran
81 HIGH-TECH TRANSACTIONAL SERVICES
82. Quel framework js pour du web mobile?
» jqTouch
82 - Université dété du GFII Lille – Information et multi-écran
82 HIGH-TECH TRANSACTIONAL SERVICES
83. Quel framework js pour du web mobile?
» Wimk toolkit
83 - Université dété du GFII Lille – Information et multi-écran
83 HIGH-TECH TRANSACTIONAL SERVICES
84. Quel framework js pour du web mobile?
» Jquery mobile
84 - Université dété du GFII Lille – Information et multi-écran
84 HIGH-TECH TRANSACTIONAL SERVICES
85. Quel framework js pour du web mobile?
» Xui + emile
Par l’équipe de phonegap
Ne gère pas IE, Firefox ;-)
Adapté au mobile
emile.js: librairie d’animation javascript en 50 lignes de code
85 - Université dété du GFII Lille – Information et multi-écran
85 HIGH-TECH TRANSACTIONAL SERVICES
86. Quel framework js pour du web mobile?
» En conclusion:
Toujours comprendre ce qu’on écrit plutôt qu’utiliser un
framework qui cache trop la complexité
En attendant de tester jquery mobile:
comprendre jqTouch/CSS3/transition
XUI + emile.js
un bon designer HTML ;-)
86 - Université dété du GFII Lille – Information et multi-écran
86 HIGH-TECH TRANSACTIONAL SERVICES
87. Fragmentation android?
Source: Android market, mesuré entre le 15/9/2010 et le 1/10/2010
87 - Université dété du GFII Lille – Information et multi-écran
87 HIGH-TECH TRANSACTIONAL SERVICES
88. Quelques pointeurs
Association SMS+: http://www.smsplus.org/
USSD: http://fr.wikipedia.org/wiki/Unstructured_Supplementary_Service_Data
vxml: http://fr.wikipedia.org/wiki/VoiceXML
white paper développement d'applications mobiles: http://www.atosworldline.fr/Portfolio/Portfolio_FR/Mobile_FR.pdf
concours mobilife 2011:http://www.mobilife2011.org/
Stats mobiles:
Des statistiques intéressantes sur l’utilisation mobile dans le monde
Quelues statistiques sur le marché européen des smartphones
http://www.journaldunet.com/ebusiness/internet-mobile/places-de-marche-d-applications-mobiles/
Design mobile:
iPhone UI Design Video Presentation From Design Great iPhone Apps Author
Design, Simplicité et Talent sont le coeur d'une application Mobile ! avec Fortuneo
App store:
thttp://frenchweb.fr/les-5-points-essentiels-pour-promouvoir-une-application-iphone-dans-lapp-store/
http://frenchweb.fr/5-points-essentiels-promouvoir-application-iphone-dehors-app-store/
http://frenchweb.fr/les-5-points-essentiels-pour-realiser-une-application-iphone/
http://frenchweb.fr/les-5-points-essentiels-pour-inscrire-une-application-iphone-dans-lapp-store/
http://www.servicesmobiles.fr/services_mobiles/2009/11/performances-du-temps-de-chargement-de-sites-mobiles.html
Image 9-Patch http://developer.android.com/guide/developing/tools/draw9patch.html
88 - Ludovic Tant – Développement mobile - v1
89. Merci
Pour votre attention
Ludovic Tant
89 - Ludovic Tant – Développement mobile - v1