Chp1 - Introduction au Développement Mobile

Chp1 : IntroductionEtat de l’art et Technologies

Conception et Développement d’Applications MobilesGL4 (Optio n Mo bile) - 2016

Dr . Li l ia S FA X Iwww.li l ia s fa x i.wix .com /li l ia s fa x i

S lide 1

PLAN

1. Etat de l’Art des Applications Mobiles2. Spécificités du Développement Mobile

1. Contraintes Matérielles2. « User Experience »

3. Connectivité Réseau4. Monétisation

3. Technologies Mobiles Actuelles4. Tendances Mobiles pour 2016

Dr . Lil ia S FA X I www.li l ia s fa x i.wix .com /li l ia s fa x i

S lide 2

Chp1: Introduction au Génie Logiciel Mobile

ETAT DE L’ ART DES APPLICATIONS MOBILESChp1: Introduction au Développement Mobile

Dr . Li l ia S FA X I www.li l ia s fa x i.wix .com /li l ia s fa x i

S lide 3

Quelques Chiffres

• Utilisation des mobiles(*)• 6,9 milliards de terminaux vendus fin 2014• Taux de couverture atteint environ 95% de la population mondiale

• Smartphones(*)• 1,76 milliards d’utilisateurs de smartphones

• Augmentation de 23% par rapport à 2013

• 395 millions de Go de données transférées• Augmentation de 48% par rapport à 2013

• En Tunisie• Plus de 12,63 millions de cartes SIM vendues (115% de taux de pénération)

(**)

• 12% des Tunisiens abonnés à la téléphonie mobile ont des smartphones (***)


S lide 4

Etat de l’ Art des Applications Mobiles

(*) D’ après l’union mondiale des télécommunications(**) D’ après l’Instance Nationale des Télécommunications (INT)(***) D’après Pew Global Attitude

Smartphones

• Téléphone portable (1983 par Motorola)• Assistants numériques personnels (PDA) en 1990

• Agenda, carnet d’adresses, bloc notes

• Synchronisation des données avec un PC

• Smartphone = Téléphone portable + PDA• En 2001 par Sagem• Essor en 2005 avec la sortie de l’iPhone, et le rachat d’Android par Google• Mini-ordinateur portable

• Applications téléchargeables


S lide 5


Quelques Systèmes d’Exploitation Mobiles

• Ancienne génération• Symbian de Nokia• Blackberry OS de RIM

• Windows Mobi le de Microsoft• Bada de Samsung

• OS Tactiles• iOS de Apple

• Android de Google• Windows Phone 7 de Microsoft


S lide 6


Systèmes d’Exploitation Mobiles : Parts de Marché

• France (de Avril 2013 à Avril 2014)

• USA (de Avril 2013 à Avril 2014)


S lide 7


68,0%16,9%

6,2%

3,8%5,1%

Avril2013

Android

iOS

WindowsPhone

Blackberry

Other

66,6%20,2%

10,1%1,1% 2,0%

Avril2014

Android

iOS

WindowsPhone

Blackberry

Other

51,8%41,4%

5,6%0,7%

0,6%

Avril2013

Android

iOS

WindowsPhone

Blackberry

Other

59,1%34,6%

4,7% 1,0%0,6%Avril2014

Android

iOS

WindowsPhone

Blackberry

Other

SPÉCIFICITÉS DU DÉVELOPPEMENT MOBILEChp1: Introduction au Développement Mobile


S lide 8

Contraintes Matérielles

• En développant des applications pour mobiles, il faut prendre en considération certaines contraintes des appareils cibles

• Mémoire limitée / Processeur lent• Bien que les nouveaux modèles haut de gamme arrivent à 3Go de RAM

(même 4 prévu pour 2015), la plupart des smartphones souffrent d’un temps de chargement long

• Bien faire attention au type de public ciblé • Éviter les traitements complexes, gourmands en mémoire

• Capacité de stockage limitée• Quelques smartphones très haut de gamme (iPhone6) ont une mémoire de

128Go• Mais plusieurs modèles d’entrée de gamme n’ont que 4Go (majorité de

16G0)• Penser à s’orienter plus vers le stockage sur le cloud, par exemple.


S lide 9

Spécificités du Développement Mobile


• Autonomie• Éviter les applications gourmandes en énergie (caméra vidéo par exemple,

nécessaire pour la réalité augmentée)• Application doit supporter

• Taille d’écran réduite et variable• Réduction du contexte de l’application par rapport à un écran• Tai lles varient d’un apparei l à un autre (smartphone, tablette, phablette,…)

• Exploiter tout l’espace fourni de manière optimale• S’orienter dans le développement vers le responsive-design (adaptable à la

tai lle de l’écran)• Penser à des choix d’IHM qui faci litent la navigation (un header fixe,

uti lisation des icônes à la place des mots…)


S lide 1 0



• Problèmes de Connectivité • Problèmes de connectivité dus à la mobilité• Utilisation des réseaux 3G/4G, donc payants• Penser à un mode offline pour vos applications/sites• Attention aux mises à jour automatiques

• Téléchargement plus lent• Connexions internet plus lentes, latence réseau et mémoire et processeur

limités• Vitesse de téléchargement assez fa ible par rapport aux ordinateurs

• 80% des utilisateurs ne veulent pas utiliser leur téléphone pour surfer sur le web

• 64% s’attendent à ce qu’une page soit disponible en 4s, a lors qu’en moyenne, un smartphone la télécharge en 9s

• Utiliser des technologies qui facilitent le chargement des pages, comme l’exploitation de la cache, ou l’utilisation de CSS3

• Réduire la taille des images, le nombre de fichiers et les traitements côté client


S lide 1 1



• Manipulation plus délicate• Uti lisation délicate du clavier tacti le, sujette à beaucoup d’erreur de frappe

et désagréable pour l’uti lisateur• Minimiser le nombre de champs de texte• Favoriser les champs préremplis• Fonctionnalités d’auto-complete, correction d’orthographe…

• Clics invalides, à cause de l’uti lisation des doigts (problème appelé du FAT FINGER)• Attention à la taille et proximité des éléments cliquables

• Penser à une fonctionnalité “Annuler” disponible un peu partout

• Absence de l’effet de survol (hover) • Besoin de plus de liens et de boutons

• Utiliser des conventions de conception mobile, comme balayer l’écran (swipe) ou secouer le téléphone (shake)


S lide 1 2


User Experience (UX)

• C’est le comportement, attitude et émotions d’un utilisateur quand il manipule un certain produit, système ou service

• Inclut les aspects pratiques, expérimentaux, affectifs de l‘interaction homme-machine

• Concerne• L’ uti lité

• La faci lité d’uti lisation • Efficacité

• Notion subjective car dépend de la personne considérée• Notion dynamique car en constante évolution dans le temps

• Changement des circonstances d’usage

• Changement des habitudes et systèmes


S lide 1 3


du produit

Monétisation (1)

• Possibilité pour un éditeur de vendre son application via les plateformes de téléchargement (App Store, Google Play..)

• Mais ce n’est pas la seule manière de monétiser une application• Application Payante

• Moyen de monétisation classique • Applications peu chères (moins d’un euro) ont un grand succès• En général 70% pour le développeur, 30% pour la plateforme• Le prix varie selon l’OS (répercussion du portage)• Mais, Certains utilisateurs sont réticents à acheter des applications (surtout

sur Android)

• Version d’Essai• Fournir une version limitée, qui donne une idée à l’utilisateur de la qualité de

l’application• Bien adapté pour les jeux• Mais, problème de maintenabilité pour les développeurs


S lide 1 4


Monétisation (2)

• Publicité• Sous forme de bandeau ou interstitiel

• Profitable pour les développeurs qui veulent se faire connaître et avoir des revenus

• Les publicités rémunèrent en général au clic à diffici le d’estimer le revenu

• La publicité peut altérer l’UX (lenteur, appui par erreur…)• La publicité doit être bien ciblée

• Sponsoring• Incite les uti lisateurs à effectuer une action en échange d’un bien virtuel

• Bien adaptée aux jeux• Public bien ciblé, donc chances de gagner des revenus plus grandes


S lide 1 5


Monétisation (3)

• Freemium• Proposer du contenu virtuel contre de l’argent

• Chez Apple: in-app purchase• Chez Google: in-app billing

• Peuvent être implémentés sur une applications payante ou gratuite• Une application de qualité donne envie aux uti lisateurs d’y revenir et

d’acheter du contenu• Le contenu virtuel doit valoir son prix

• L’achat doit être simple et rapide (le moins de clics possibles)• L’ expérience doit être limitée, sinon risque de frustrer l’uti lisateur


S lide 1 6


TECHNOLOGIES MOBILES ACTUELLESChp1: Introduction au Développement Mobile


S lide 1 7

Catégories d’Applications Mobiles

• Applications Natives• Applications écrites dans un langage de programmation spécifique à une

plateforme particulière• Exemple: Objective C pour iOS, Java pour Android• Performance accrue et haut degré de fiabilité• Ont accès aux fonctionnalités du téléphone (caméra, liste de contacts…)• Utilisables sans connexion internet• Mais, plutôt chères à développer, car associée à un OS, donc besoin de

dupliquer les versions pour d’autres plateformes• Applications Web

• Sites web adapté pour une utilisation sur appareil mobile• Accessibles via le navigateur web de l’appareil mobile• Fonctionnement en ligne, sans installation• Modification à un seul endroit, et tous les utilisateurs le voient• Besoin de rendre votre site web « mobile-friendly » pour un meilleur usage• Utilisation de HTML, JavaScript, CSS…


S lide 1 8

Technologies Mobiles Actuelles

Catégories d’Applications Mobiles

• Applications Hybrides• Exposer le contenu de sites web existants sous forme d’application

• Enlever le navigateur de l’expérience uti lisateur: installée comme toute application native

• Publiables dans les magasins d’applications• Ont plus accès aux fonctionnalités du téléphone que les applications

purement web, mais restent un peu limités

• Développement en HTML, JavaScript et CSS, puis enveloppées dans une application native

• 2 majeures plateformes:• Phone Gap et sa version open source Cordova

• Appcelerator Titanium


S lide 1 9


Web vs. Hybride vs. Natif: L’ éternel Débat

PROS CONS

Native PerformanceBien adaptés pour la plateforme sous-jacenteUtilisation optimisée des ressources du telInterface cohérente avec le look-and-feel de l’appareil

Développement coûteuxCode n’ est ni réutilisable ni portable entre plateformes

Web Création à partir d’un site très rapideCoût de développement basRéellement Multi-plateforme

Pas accès aux fonctionnalités du telUX reste purement webInterfaces plutôt basiquesPas optimisée pour l’appareilPas distribuées via les stores, donc peu de visibilité

Hybride Sans navigateur et installableTemps de développement raisonnableA accès aux fonctionnalités du tel

Les navigateurs ne donnent pas toujours le même rendu


S lide 2 0


TENDANCES MOBILES POUR 2016Chp1: Introduction au Développement Mobile


S lide 2 1

Internet Mobile

• Internet mobile: moyen de communication privilégié entre les entreprises et leurs clients et collaborateurs

• Gartner a fait une étude sur les 10 tendances que les entreprises devront connaitre

1. Outils de développement mutli-plateformes• 3 OS connus (Android, iOS et WinPhone)

• 3 Architectures applicatives (natif, hybride et mobi le)• Obligation de maîtriser plusieurs outi ls de développement pour créer des

applications qui fonctionnent sur ces OS et ces Archi

2. Langage HTML5• Tendance qui gagnera en importance pour les applications multiplateformes

• En évolution


S lide 2 2

Tendances Mobiles pour 2016

Internet Mobile

3. Expérience Utilisateur (UX)• Il faut évaluer le niveau de satisfaction de l’ internaute (simplicité, utilisation

et accessibilité)• Vigilence à la conception d’applications mobiles, car les mobinautes sont vite

distraits. Il faut donc toujours maintenir leur attention

4. Géolocalisation• Besoin de contenu contextualisé• Par exemple, envoi de promotions de courte durée aux mobinautes à

proximité• Besoin d’une grande précision pour les géolocaliser

5. Smartphones• Va devenir le point central (hub) du réseau personnel• Va dialoguer avec tous les gadgets

6. Nouvelles normes Wifi• Changement du réseau wifi qui va s’améliorer considérablement (x3 ou x4)


S lide 2 3


Internet Mobile

7. Gestion des Mobiles d’Entreprise• La gestion des terminaux• La gestion des applications• La synchronisation• Le partage de fichiers

8. Internet of Things• En 2020, on vivra autour d’objets connectés (jouets, électroménager,

dispositifs médicaux…)• Besoin de gérer les aspects du quotidien• Possibilité d’interaction avec les réseaux sociaux et poster du contenu

9. Standards LTE et LTE-A (Long Time Evolution et LTE-Advanced)• Augmenter les performances/vitesse des réseaux (débit jusqu’à 1 Gbit/s)• Progression de la 4g vers le très haut débit

10. Outils de Monitoring• Suivi de performances des applications• Analyse des fonctionnalités et comportements des internautes à leur égard


S lide 2 4


Références

• Applidium, “État de l’art sur la monétisation des apps”, url: http://applidium.com/news/etat_de_l_art_sur_la_monetisation_ des_ apps , publié le 05/07/12, consulté le 25/02/15

• Artionet, “Les dix technologies mobiles à maîtriser pour 2016”, url: http://www.artionet.ch/fr/Blog/Technologie/Les-10-technologies-mobiles-a-maitriser-pour-2016.html, publié le 05/05/14, consulté le 25/02/15

• FRAndroid, “OS Mobiles: les parts de marché mondiales et nationales pour la période de février à avril 2014”, url: http://www.frandroid.com/marques/apple/219529_o s-mobiles-les-part s-marche-mondiale-nationales-les-mois-fevrier-avril-2014 , publié le 26/05/14, consulté le 27/02/15

• Johan Johansson, "How to make your websites faster on mobile devices", url: http://www.smashingmagazine .com/2013/04/03/build-fast-loadi ng-mobile-website/ publié le 03/04/13, consulté le 27/02/15

Dr . Lil ia S FA X Iwww.li l ia s fa x i.wix .com /li l ia s fa x i

S lide 2 5

Sites Web

Références

• François Bonneville, “État de l’art de développement d’applications mobiles”, ARICIA, laboratoire d’Info. de l’université de Franche Compté

Dr . Lil ia S FA X I www.li l ia s fa x i.wix .com /li l ia s fa x i

S lide 2 6

Cours

Technology

Chp1 - Introduction au Développement Mobile