SlideShare une entreprise Scribd logo
Développement d’applications
         mobiles
                     Avril 2012




         Copyright © 2012 MATELLI SERVICES
        +33 1 82 52 19 59 - services@matelli.fr
Quels mobiles ?




 Copyright © 2012 MATELLI SERVICES
+33 1 82 52 19 59 - services@matelli.fr
Quels mobiles ?
                                          • iOS restera la
                                            2ème plateforme
                                            mondiale
                                            jusqu’en 2014.
                                          • Windows
                                            Phone en 3ème
                                            position grâce à
                                            l’alliace Nokia -
                                            Microsoft.
                                          • Les parts de
                                            marchés de
                                            RIM
                                            continueront de
                                            baisser.
 Copyright © 2012 MATELLI SERVICES
+33 1 82 52 19 59 - services@matelli.fr
Quelles tablettes ?
 Source: Gartner (April 2011)


 OS                                              2010              2011        2012       2015
iOS                                            14,766            47,964      68,670    138,497
Market Share (%)                                  83.9              68.7        63.5       47.1
Android                                         2,502            13,898      26,382    113,457
Market Share (%)                                  14.2              19.9        24.4       38.6
MeeGo                                             107               788       1,271      3,057
Market Share (%)                                   0.6               1.1         1.2        1.0
WebOS                                                0            2,796       4,245      8,886
Market Share (%)                                   0.0               4.0         3.9        3.0
QNX                                                  0            3,901       7,134     29,496
Market Share (%)                                   0.0               5.6         6.6       10.0
Other Operating Systems                           234               432         510        700
Market Share (%)                                   1.3               0.6         0.5        0.2
Total Market                                   17,610            69,780     108,211    294,093


                                   Copyright © 2012 MATELLI SERVICES
                                  +33 1 82 52 19 59 - services@matelli.fr
Distribution d’applications mobiles




           Copyright © 2012 MATELLI SERVICES
          +33 1 82 52 19 59 - services@matelli.fr
Application Web mobile ou application
            mobile native ?

• Application Web mobile

• Application Mobile native




               Copyright © 2012 MATELLI SERVICES
              +33 1 82 52 19 59 - services@matelli.fr
Applications Web




    Copyright © 2012 MATELLI SERVICES
   +33 1 82 52 19 59 - services@matelli.fr
Les frameworks / helpers JavaScript
• Frameworks
   –   jQuery Mobile
   –   Sencha Touch
   –   jQTouch (basé sur Zepto)
   –   Jo
• Frameworks minimalistes
   – Xui.js
   – Zepto
• Helpers
   – Modernizr
   – Initializr
• PhoneGap

                      Copyright © 2012 MATELLI SERVICES
                     +33 1 82 52 19 59 - services@matelli.fr
Comment choisir un framework ?
• Besoin (utilisation des fonctionnalités de
  l’appareil, performance…)
• Plates-formes ciblées
• Licensing
• Simplicité
• Connaissance



               Copyright © 2012 MATELLI SERVICES
              +33 1 82 52 19 59 - services@matelli.fr
JQUERY MOBILE

Framework Web pour Smartphone et tablettes



                Copyright © 2012 MATELLI SERVICES
               +33 1 82 52 19 59 - services@matelli.fr
jQuery Mobile
• Un framework Web pour Smartphone et tablettes
  développé par la fondation jQuery.

• Un système d’interfaces utilisateurs basé sur l’HTML5.

• Créé à partir des frameworks éprouvés jQuery et jQuery UI.

• Léger, amélioré progressivement, possède un système de
  thèmes simple et flexible.

• http://jquerymobile.com/


                   Copyright © 2012 MATELLI SERVICES
                  +33 1 82 52 19 59 - services@matelli.fr
Licensing
• Licence MIT
« La licence donne à toute personne recevant le logiciel le droit
illimité de l'utiliser, le copier, le modifier, le fusionner, le publier,
le distribuer, le vendre et de changer sa licence. La seule
obligation est de mettre le nom des auteurs avec la notice
de copyright. » Wikipedia
(http://fr.wikipedia.org/wiki/Licence_MIT)


• Licence GPL

                       Copyright © 2012 MATELLI SERVICES
                      +33 1 82 52 19 59 - services@matelli.fr
Plates-formes supportées




• http://jquerymobile.com/gbs/


              Copyright © 2012 MATELLI SERVICES
             +33 1 82 52 19 59 - services@matelli.fr
Plates-formes supportées
• Système de
  notation et de
  « progressive
  enhancement »




             Copyright © 2012 MATELLI SERVICES
            +33 1 82 52 19 59 - services@matelli.fr
Simplicité / Connaissance
• Utilisable sans écrire une ligne de JavaScript
  – http://jquerymobile.com/demos/1.1.0/


• Possède des outils graphique pour le theming
  – http://jquerymobile.com/themeroller/


• Des outils de création d’interfaces existent
  – http://www.codiqa.com/
                Copyright © 2012 MATELLI SERVICES
               +33 1 82 52 19 59 - services@matelli.fr
Documentation / Communauté
• Documentation
  – Complète et de bonne qualité
  – Facile d’accès. De nombreux exemples sont
    disponibles.

• Communauté
  – jQuery dispose d’assez d’utilisateurs pour que de
    réponses soient facilement trouvées via des
    moteurs de recherche.

                Copyright © 2012 MATELLI SERVICES
               +33 1 82 52 19 59 - services@matelli.fr
SENCHA TOUCH

Framework Web pour Smartphone et tablettes



                Copyright © 2012 MATELLI SERVICES
               +33 1 82 52 19 59 - services@matelli.fr
Sencha Touch
• Un framework Web pour Smartphone et tablettes
  développé par la société Sencha Inc.

• Un système d’interfaces utilisateurs basé sur l’HTML5.

• Basé sur le framework Web Sencha Ext JS.

• Possède une riche bibliothèque de composants.

• http://www.sencha.com/products/touch/
                  Copyright © 2012 MATELLI SERVICES
                 +33 1 82 52 19 59 - services@matelli.fr
Licensing
• Sencha Touch est disponible gratuitement pour un
  usage commercial et/ou une distribution open source.

• Une licence OEM est nécessaire si Sencha Touch:
   – est inlus dans un logiciel de création d’applications Web,
   – est inclus dans un SDK,
   – Est déployé nativement sur plus de 5000 terminaux
     embarqués (télévisions, caméras, appareils équipant
     voitures, réfrigirateurs… ne concerne pas téléphones et
     smartphones).
   http://www.sencha.com/products/touch/license/

                   Copyright © 2012 MATELLI SERVICES
                  +33 1 82 52 19 59 - services@matelli.fr
Plates-formes supportées
• iPhone
• Android
• BlackBerry

• La version 9 d’Internet Explorer (présente sur
  WindowsPhone 7) ne disposait pas d’assez de
  fonctionnalités pour que Sencha porte son
  framework. La version 10 serait prometteuse:
  – http://www.sencha.com/blog/ie10-preview-html5-
    first-look

                Copyright © 2012 MATELLI SERVICES
               +33 1 82 52 19 59 - services@matelli.fr
Simplicité / Connaissance
• Tout développement Sencha Touch est réalisé en
  JavaScript.

• Prérequis:
   – Bonne connaissance du JavaScript et de sa syntaxe
     orientée objet,
   – Bonne connaissance du fonctionnement du framework
     Sencha Touch.

• Sencha Touch s’inspire beaucoup partie de la version
  Web Sencha ExtJS. Les connaisseurs apprécieront.
                 Copyright © 2012 MATELLI SERVICES
                +33 1 82 52 19 59 - services@matelli.fr
Documentation / Communauté
• Documentation
  – Complète et de bonne qualité
  – Très orienté développeurs: accès direct aux packages,
    classes, méthodes, évènements…

• Communauté
  – Sencha Touch est développé par une entité commerciale.
    Le produit ne dispose donc pas d’une communauté
    OpenSource.
  – Sencha Touch dispose d’assez d’utilisateurs pour que des
    réponses soient facilement trouvées via les moteurs de
    recherche (sur le forum Sencha ou d’autres sites).

                  Copyright © 2012 MATELLI SERVICES
                 +33 1 82 52 19 59 - services@matelli.fr
PHONEGAP

Applications web et fonctionnalités natives.



                  Copyright © 2012 MATELLI SERVICES
                 +33 1 82 52 19 59 - services@matelli.fr
PhoneGap
• PhoneGap est une plate-forme HTML5 qui
  permet, tout en utilisant des technologies Web,
  de créer des applications natives accédant aux
  différentes API et disponibles sur les stores.
  http://phonegap.com/

• PhoneGap est open source et gratuit.

• PhoneGap peut être utilisé par des développeurs
  ou des sociétés pour distribuer des applications
  gratuites, commerciales ou bien open source.
                Copyright © 2012 MATELLI SERVICES
               +33 1 82 52 19 59 - services@matelli.fr
PhoneGap
• Plates-formes supportées: Android, iOS,
  Windows Phone, WebOS, BlackBerry,
  Symbian, Bada.

• PhoneGap est généralement utilisé avec
  certains frameworks JavaScript:
  – Sencha Touch
  – jQuery Touch

               Copyright © 2012 MATELLI SERVICES
              +33 1 82 52 19 59 - services@matelli.fr
Fonctionnalités supportées




      Copyright © 2012 MATELLI SERVICES
     +33 1 82 52 19 59 - services@matelli.fr
Fonctionnement
Création de votre application avec les
standards du Web.

Empaquetage de votre application avec
PhoneGap.

Déploiement de votre application sur
toutes les plates-formes supportées.
      Copyright © 2012 MATELLI SERVICES
     +33 1 82 52 19 59 - services@matelli.fr
Fonctionnement




 Copyright © 2012 MATELLI SERVICES
+33 1 82 52 19 59 - services@matelli.fr
Exemple: Diary Mobile
Application de gestion d’évènements, de tâches…




                Copyright © 2012 MATELLI SERVICES
               +33 1 82 52 19 59 - services@matelli.fr
Exemple: Just One More
Les dernières vidéos proposées par l’équipe Vimeo.




                 Copyright © 2012 MATELLI SERVICES
                +33 1 82 52 19 59 - services@matelli.fr
Exemple: Harmonious
Application de dessin.




                 Copyright © 2012 MATELLI SERVICES
                +33 1 82 52 19 59 - services@matelli.fr
Applications natives




     Copyright © 2012 MATELLI SERVICES
    +33 1 82 52 19 59 - services@matelli.fr
Développement d’applications mobiles
             natives
• Signification: utilisation de technologies
  natives, d’interfaces natives, d’outils natifs,
  d’API natives…
• Les solutions de développement natifs sont
  fournis par les éditeurs des différentes plates-
  formes.
• Chaque solution dispose d’outils de
  simulation.

                Copyright © 2012 MATELLI SERVICES
               +33 1 82 52 19 59 - services@matelli.fr
Développement d’applications mobiles
              natives
Plates-formes     Technologies                  Outils de             Plates-formes de
                                                développement         développement
iOS               Objective-C, iPhone           XCode IDE             Mac OS X
                  SDK
Android           Java, C/C++                   Eclipse               Windows, Linux
Symbian, MeeGo    C++, QML, Qt                  Qt Creator            Windows, Linux,
                  framework,                                          Mac OS X
                  platform SDK
Windows Phone 7   C#, .Net, Silverlight,        Visual Studio 2012,   Windows
                  XNA                           Expression Blend
BlackBerry        Java, BlackBerry              Eclipse, BlackBerry   Windows, Mac OS X
                  Java SDK                      IDE


                        Copyright © 2012 MATELLI SERVICES
                       +33 1 82 52 19 59 - services@matelli.fr
DÉVELOPPEMENT ANDROID




         Copyright © 2012 MATELLI SERVICES
        +33 1 82 52 19 59 - services@matelli.fr
Langage et Framework
• Java / C++

• Framework Android




                Copyright © 2012 MATELLI SERVICES
               +33 1 82 52 19 59 - services@matelli.fr
Outils
• Un PC ou un Mac avec le système d’exploitation de votre
  choix

• Eclipse version Java
   – http://www.eclipse.org/downloads/

• SDK Android: contient entre autres l’émulateur Android
   – http://developer.android.com/sdk/

• Le plug-in Android pour Eclipse (fourni et maintenu par les
  équipes Google)
   – http://developer.android.com/sdk/eclipse-adt.html

                    Copyright © 2012 MATELLI SERVICES
                   +33 1 82 52 19 59 - services@matelli.fr
Distribution d’applications
• Licence
  – Nécessaire uniquement pour la publication sur Google
    Play (anciennement Android Market)
  – Coût: 25 $

• Processus de déploiement
  – Il est nécessaire de signer ses applications pour les
    publier sur Google Play
  – Un processus de publication très simple en
    comparaison des stores concurrents

                  Copyright © 2012 MATELLI SERVICES
                 +33 1 82 52 19 59 - services@matelli.fr
DÉVELOPPEMENT IOS




          Copyright © 2012 MATELLI SERVICES
         +33 1 82 52 19 59 - services@matelli.fr
Langage et Framework
         • Objective C
int main( int argc, const char *argv[] ) {
              NSAutoreleasePool *pool = [[NSAutoreleasePool alloc] init];
              NSDictionary *dictionary = [[NSDictionary alloc] initWithObjectsAndKeys:
                           @"one", [NSNumber numberWithInt: 1],
                           @"two", [NSNumber numberWithInt: 2],
                           @"three", [NSNumber numberWithInt: 3], nil];
NSMutableDictionary *mutable = [[NSMutableDictionary alloc] init];
printf( "----static dictionaryn" );
print( dictionary );
// add objects
[mutable setObject: @"Tom" forKey: @"tom@jones.com"];
[mutable setObject: @"Bob" forKey: @"bob@dole.com" ];


         • Framework iOS

                                         Copyright © 2012 MATELLI SERVICES
                                        +33 1 82 52 19 59 - services@matelli.fr
Outils
• Un Mac

• Xcode: environnement de développement
  (IDE)

• Interface Builder
  – Depuis Xcode 4, IB est inclus dans Xcode


                Copyright © 2012 MATELLI SERVICES
               +33 1 82 52 19 59 - services@matelli.fr
Distribution d’applications
• Licences
   – Programme standard
      • Coût: 99 $ / an
      • But: distribuer des applications sur l’AppStore
      • Il est possible de distribuer des applications en mode ad-hoc sur 100
        périphériques
   – Programme Entreprise
      • Coût: 299 $ / an
      • Pour les entreprises de +500 employés
      • But: utilisation des applications en interne, aucune revente sur
        l’AppStore n’es possible
      • Deux types de déploiement: ad-hoc et in-house
   – Programme Université
      • Coût: gratuit mais soumis à validation de la part d’Apple
      • Réservé au monde de l’éducation

                      Copyright © 2012 MATELLI SERVICES
                     +33 1 82 52 19 59 - services@matelli.fr
Distribution d’applications
• Déploiement
  – iOS Provisionning portal: permet de gérer ses
    certificats de développement ainsi que les
    périphériques en mode ad-hoc
  – iTunes Connect: permet la soumission
    d’applications sur l’AppStore
• La soumission d’applications sur l’AppStore
  peut prendre une semaine.

                Copyright © 2012 MATELLI SERVICES
               +33 1 82 52 19 59 - services@matelli.fr
DÉVELOPPEMENT WINDOWS
PHONE



         Copyright © 2012 MATELLI SERVICES
        +33 1 82 52 19 59 - services@matelli.fr
Langage et Framework
• C#, Silverlight ou XNA
  – Silverlight permet de réaliser les interfaces
    graphiques de ses applications mobiles
    « fenêtrées » (possédant onglets, listes,
    boutons…),
  – XNA permet de réaliser des jeux.


• Framework .Net

                 Copyright © 2012 MATELLI SERVICES
                +33 1 82 52 19 59 - services@matelli.fr
Outils
• Un ordinateur sous Microsoft Windows Vista ou 7

• Visual Studio
  – Une version d’essai est disponible « Visual Studio 2010
    Express pour Windows Phone »
    http://www.microsoft.com/visualstudio/en-
    us/products/2010-editions/windows-phone-
    developer-tools
  – L’émulateur vient avec le kit de développement
    Windows Phone.

                   Copyright © 2012 MATELLI SERVICES
                  +33 1 82 52 19 59 - services@matelli.fr
Distribution d’applications
• Licence
  – Coût de la licence développeur: 99 $ / an
  – But: déployer des applications sur le Marketplace
  – Microsoft fournit gratuitement des outils afin de
    permettre aux développeurs de déployer leurs
    applications en AdHoc
    (http://msdn.microsoft.com/en-
    us/library/ff769512(v=vs.92).aspx)

• Processus de déploiement
  – Suivre les étapes de déploiment sur
    http://create.msdn.com
                 Copyright © 2012 MATELLI SERVICES
                +33 1 82 52 19 59 - services@matelli.fr
GÉNÉRATION D’APPLICATIONS
NATIVES
MonoDroid / MonoTouch



              Copyright © 2012 MATELLI SERVICES
             +33 1 82 52 19 59 - services@matelli.fr
Génération d’applications mobiles
                natives
• Concept: utilisation d’une technologie tierce afin de
  créer des applications mobiles natives cross-platform.

• Avantages:
   – utilisation d’une même technologie quelque soit les
     plateformes et donc possibilité de réutilisation de code
     métier,
   – utilisation d’une technologie pouvant déjà être connue des
     développeurs,
   – Une interface possédant le look&feel de la plate-forme
     adressée.

                   Copyright © 2012 MATELLI SERVICES
                  +33 1 82 52 19 59 - services@matelli.fr
Génération d’applications mobiles
                natives
• Inconvénients:
  – Un coût additionnel,
  – La nécessité de bien comprendre le
    fonctionnement de la plate-forme mobile que l’on
    adresse.




               Copyright © 2012 MATELLI SERVICES
              +33 1 82 52 19 59 - services@matelli.fr
MONOTOUCH / MONODROID
Xamarin




           Copyright © 2012 MATELLI SERVICES
          +33 1 82 52 19 59 - services@matelli.fr
Langage, Framework et Outils
• Langage C#
• Framework .Net
• Outils nécessaires pour le développement iOS
  – Un Mac sous Mac OS X
  – L’environnement de développement intégré (IDE)
    MonoDevelop
  – L’IDE d’Apple xCode
  – MonoTouch

               Copyright © 2012 MATELLI SERVICES
              +33 1 82 52 19 59 - services@matelli.fr
Langage, Framework et Outils
• Langage C#
• Framework .Net
• Outils nécessaires pour le développement
  Android
  – Un ordinateur sous Microsoft Windows Vista ou 7 ou
    bien un Mac sous Mac OS X
  – L’environnement de développement intégré (IDE)
    MonoDevelop ou bien Visual Studio avec un add-on
  – MonoDroid

                Copyright © 2012 MATELLI SERVICES
               +33 1 82 52 19 59 - services@matelli.fr
Coût
• Coût du programme de développement iOS ou
  Android
• Coût de licence de MonoTouch pour iOS ou de Mono
  pour Android. Les produits sont vendus séparément.




                Copyright © 2012 MATELLI SERVICES
               +33 1 82 52 19 59 - services@matelli.fr
Merci à vous.




19 rue Béranger                               Ajoutez nous à vos contacts.
75003 Paris
+33 1 82 52 19 59
services@matelli.fr
www.matelli.fr

                 Copyright © 2012 MATELLI SERVICES
                +33 1 82 52 19 59 - services@matelli.fr

Contenu connexe

Tendances

Présentation backelite 161210
Présentation backelite 161210Présentation backelite 161210
Présentation backelite 161210
AFMM
 
Modèles d'affaire pour tablettes
Modèles d'affaire pour tablettes Modèles d'affaire pour tablettes
Modèles d'affaire pour tablettes
LongBoard Montreal
 
Niji rapport de prévention 2021 - i os 15
Niji   rapport de prévention 2021 - i os 15Niji   rapport de prévention 2021 - i os 15
Niji rapport de prévention 2021 - i os 15
Gabriel DUPONT
 
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
 
Développement mobile hybride ou natif : quid du ROI ?
Développement mobile hybride ou natif : quid du ROI ?Développement mobile hybride ou natif : quid du ROI ?
Développement mobile hybride ou natif : quid du ROI ?
in-Tact
 
Les applications mobiles
Les applications mobilesLes applications mobiles
Les applications mobiles
Thomas Gendulphe
 
Web in - Mobile First: créer une bonne expérience mobile
Web in - Mobile First: créer une bonne expérience mobileWeb in - Mobile First: créer une bonne expérience mobile
Web in - Mobile First: créer une bonne expérience mobile
Frédéric Harper
 
Réussir son projet mobile (Livre blanc)
Réussir son projet mobile (Livre blanc)Réussir son projet mobile (Livre blanc)
Réussir son projet mobile (Livre blanc)
Olivier Robé
 
Comment réaliser une bonne application mobile de marque ?
Comment réaliser une bonne application mobile de marque ?Comment réaliser une bonne application mobile de marque ?
Comment réaliser une bonne application mobile de marque ?
Clément Bouchet
 
Approche mobile First : pourquoi privilégier les supports mobiles ?
Approche mobile First : pourquoi privilégier les supports mobiles ?Approche mobile First : pourquoi privilégier les supports mobiles ?
Approche mobile First : pourquoi privilégier les supports mobiles ?
Anaïs Vivion
 
Avoir une approche mobile first
Avoir une approche mobile firstAvoir une approche mobile first
Avoir une approche mobile first
BeApp
 
3 étapes clés pour réussir son application mobile
3 étapes clés pour réussir son application mobile3 étapes clés pour réussir son application mobile
3 étapes clés pour réussir son application mobile
Philippe Dumont
 
Etre présent sur mobiles_Patrice de Saint-Steban_13ème rencontre des Tisseran...
Etre présent sur mobiles_Patrice de Saint-Steban_13ème rencontre des Tisseran...Etre présent sur mobiles_Patrice de Saint-Steban_13ème rencontre des Tisseran...
Etre présent sur mobiles_Patrice de Saint-Steban_13ème rencontre des Tisseran...
UADF_CEF
 
Reboot your mobile app or not? - Mobile PM meetup by Thiga (sept 2016)
Reboot your mobile app or not? - Mobile PM meetup by Thiga (sept 2016)Reboot your mobile app or not? - Mobile PM meetup by Thiga (sept 2016)
Reboot your mobile app or not? - Mobile PM meetup by Thiga (sept 2016)
Alexandre Takacs
 
Présentation atelier mobile frenchweb ad4 screen
Présentation atelier mobile frenchweb ad4 screenPrésentation atelier mobile frenchweb ad4 screen
Présentation atelier mobile frenchweb ad4 screen
FrenchWeb.fr
 
Atelier T7 Développer un site ou une application mobile - Salon e-tourisme V...
Atelier T7 Développer un site ou une application  mobile - Salon e-tourisme V...Atelier T7 Développer un site ou une application  mobile - Salon e-tourisme V...
Atelier T7 Développer un site ou une application mobile - Salon e-tourisme V...
Salon e-tourisme #VeM
 
10 conseils pour developper vos applications mobiles - 2017
10 conseils pour developper vos applications mobiles -  201710 conseils pour developper vos applications mobiles -  2017
10 conseils pour developper vos applications mobiles - 2017
Franck Deville
 
Les 10 tendances de la User Experience en 2015
Les 10 tendances de la User Experience en 2015Les 10 tendances de la User Experience en 2015
Les 10 tendances de la User Experience en 2015
Idean France
 
Les Systèmes d'exploitation mobile
Les Systèmes d'exploitation mobileLes Systèmes d'exploitation mobile
Les Systèmes d'exploitation mobile
Mohamed BOURAOUI
 
Mobile 201 - Conférence 2012
Mobile 201 - Conférence 2012Mobile 201 - Conférence 2012
Mobile 201 - Conférence 2012
MBA Multimedia
 

Tendances (20)

Présentation backelite 161210
Présentation backelite 161210Présentation backelite 161210
Présentation backelite 161210
 
Modèles d'affaire pour tablettes
Modèles d'affaire pour tablettes Modèles d'affaire pour tablettes
Modèles d'affaire pour tablettes
 
Niji rapport de prévention 2021 - i os 15
Niji   rapport de prévention 2021 - i os 15Niji   rapport de prévention 2021 - i os 15
Niji rapport de prévention 2021 - i os 15
 
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...
 
Développement mobile hybride ou natif : quid du ROI ?
Développement mobile hybride ou natif : quid du ROI ?Développement mobile hybride ou natif : quid du ROI ?
Développement mobile hybride ou natif : quid du ROI ?
 
Les applications mobiles
Les applications mobilesLes applications mobiles
Les applications mobiles
 
Web in - Mobile First: créer une bonne expérience mobile
Web in - Mobile First: créer une bonne expérience mobileWeb in - Mobile First: créer une bonne expérience mobile
Web in - Mobile First: créer une bonne expérience mobile
 
Réussir son projet mobile (Livre blanc)
Réussir son projet mobile (Livre blanc)Réussir son projet mobile (Livre blanc)
Réussir son projet mobile (Livre blanc)
 
Comment réaliser une bonne application mobile de marque ?
Comment réaliser une bonne application mobile de marque ?Comment réaliser une bonne application mobile de marque ?
Comment réaliser une bonne application mobile de marque ?
 
Approche mobile First : pourquoi privilégier les supports mobiles ?
Approche mobile First : pourquoi privilégier les supports mobiles ?Approche mobile First : pourquoi privilégier les supports mobiles ?
Approche mobile First : pourquoi privilégier les supports mobiles ?
 
Avoir une approche mobile first
Avoir une approche mobile firstAvoir une approche mobile first
Avoir une approche mobile first
 
3 étapes clés pour réussir son application mobile
3 étapes clés pour réussir son application mobile3 étapes clés pour réussir son application mobile
3 étapes clés pour réussir son application mobile
 
Etre présent sur mobiles_Patrice de Saint-Steban_13ème rencontre des Tisseran...
Etre présent sur mobiles_Patrice de Saint-Steban_13ème rencontre des Tisseran...Etre présent sur mobiles_Patrice de Saint-Steban_13ème rencontre des Tisseran...
Etre présent sur mobiles_Patrice de Saint-Steban_13ème rencontre des Tisseran...
 
Reboot your mobile app or not? - Mobile PM meetup by Thiga (sept 2016)
Reboot your mobile app or not? - Mobile PM meetup by Thiga (sept 2016)Reboot your mobile app or not? - Mobile PM meetup by Thiga (sept 2016)
Reboot your mobile app or not? - Mobile PM meetup by Thiga (sept 2016)
 
Présentation atelier mobile frenchweb ad4 screen
Présentation atelier mobile frenchweb ad4 screenPrésentation atelier mobile frenchweb ad4 screen
Présentation atelier mobile frenchweb ad4 screen
 
Atelier T7 Développer un site ou une application mobile - Salon e-tourisme V...
Atelier T7 Développer un site ou une application  mobile - Salon e-tourisme V...Atelier T7 Développer un site ou une application  mobile - Salon e-tourisme V...
Atelier T7 Développer un site ou une application mobile - Salon e-tourisme V...
 
10 conseils pour developper vos applications mobiles - 2017
10 conseils pour developper vos applications mobiles -  201710 conseils pour developper vos applications mobiles -  2017
10 conseils pour developper vos applications mobiles - 2017
 
Les 10 tendances de la User Experience en 2015
Les 10 tendances de la User Experience en 2015Les 10 tendances de la User Experience en 2015
Les 10 tendances de la User Experience en 2015
 
Les Systèmes d'exploitation mobile
Les Systèmes d'exploitation mobileLes Systèmes d'exploitation mobile
Les Systèmes d'exploitation mobile
 
Mobile 201 - Conférence 2012
Mobile 201 - Conférence 2012Mobile 201 - Conférence 2012
Mobile 201 - Conférence 2012
 

En vedette

Autour de guernica
Autour de guernicaAutour de guernica
Autour de guernica
Queutcha
 
Das Gesetz der Zeit
Das Gesetz der ZeitDas Gesetz der Zeit
Das Gesetz der Zeit
Laboratorio Kazumi de México
 
Docencia universitaria
Docencia universitariaDocencia universitaria
Docencia universitaria
AnitaMolina05
 
Antecedentes del periodismo cibernético
Antecedentes del periodismo cibernéticoAntecedentes del periodismo cibernético
Antecedentes del periodismo cibernético
Susy Hicks
 
GlobalZoo
GlobalZooGlobalZoo
GlobalZoo
Krista_17
 
Los sistemas integrados de contabilidad
Los sistemas integrados de contabilidadLos sistemas integrados de contabilidad
Los sistemas integrados de contabilidad
palanefi28
 
Luis ruben castro licona
Luis ruben castro liconaLuis ruben castro licona
Luis ruben castro licona
Luis Castro Licona
 
Funlat presentación
Funlat presentaciónFunlat presentación
Funlat presentación
casinegrita
 
Metodología y Evaluación: Alcance una estrella!
Metodología y Evaluación: Alcance una estrella!Metodología y Evaluación: Alcance una estrella!
Metodología y Evaluación: Alcance una estrella!
Nathaly Andria
 
Nuestroinstituto
NuestroinstitutoNuestroinstituto
Nuestroinstituto
Susu Maroc
 
Presentación estructura del portafolio digital
Presentación estructura del portafolio digitalPresentación estructura del portafolio digital
Presentación estructura del portafolio digital
Nathaly Andria
 
Taller 1 de algoritmo diagrama de flujo
Taller 1 de algoritmo diagrama de flujo Taller 1 de algoritmo diagrama de flujo
Taller 1 de algoritmo diagrama de flujo
melissa1andrea
 
Statistiques et impact sur les entreprises de L'internet mobile au québec
Statistiques et impact sur les entreprises de L'internet mobile au québec Statistiques et impact sur les entreprises de L'internet mobile au québec
Statistiques et impact sur les entreprises de L'internet mobile au québec
Oolong Media
 
Presentación aprendo a leer y escribir con ayuda de las tic
Presentación aprendo a leer y escribir con ayuda de las ticPresentación aprendo a leer y escribir con ayuda de las tic
Presentación aprendo a leer y escribir con ayuda de las tic
rojas56
 
20111216 La réputation de votre entreprise en danger sur le net
20111216 La réputation de votre entreprise en danger sur le net20111216 La réputation de votre entreprise en danger sur le net
20111216 La réputation de votre entreprise en danger sur le net
Luc Beirens
 
2010 sat software_libre_para_pym_es
2010 sat software_libre_para_pym_es2010 sat software_libre_para_pym_es
2010 sat software_libre_para_pym_es
jvbenitez
 
Créer un site internet professionnel-Oolongmedia.ca
Créer un site internet professionnel-Oolongmedia.ca Créer un site internet professionnel-Oolongmedia.ca
Créer un site internet professionnel-Oolongmedia.ca
Oolong Media
 
Creacion blogs sesion3
Creacion blogs sesion3Creacion blogs sesion3
Creacion blogs sesion3
Alejandro Caro
 
Dispositivos de comunicacion
Dispositivos de comunicacionDispositivos de comunicacion
Dispositivos de comunicacion
bladimir503503
 

En vedette (20)

Autour de guernica
Autour de guernicaAutour de guernica
Autour de guernica
 
Das Gesetz der Zeit
Das Gesetz der ZeitDas Gesetz der Zeit
Das Gesetz der Zeit
 
Docencia universitaria
Docencia universitariaDocencia universitaria
Docencia universitaria
 
Antecedentes del periodismo cibernético
Antecedentes del periodismo cibernéticoAntecedentes del periodismo cibernético
Antecedentes del periodismo cibernético
 
GlobalZoo
GlobalZooGlobalZoo
GlobalZoo
 
Los sistemas integrados de contabilidad
Los sistemas integrados de contabilidadLos sistemas integrados de contabilidad
Los sistemas integrados de contabilidad
 
SD Worx en bref
SD Worx en brefSD Worx en bref
SD Worx en bref
 
Luis ruben castro licona
Luis ruben castro liconaLuis ruben castro licona
Luis ruben castro licona
 
Funlat presentación
Funlat presentaciónFunlat presentación
Funlat presentación
 
Metodología y Evaluación: Alcance una estrella!
Metodología y Evaluación: Alcance una estrella!Metodología y Evaluación: Alcance una estrella!
Metodología y Evaluación: Alcance una estrella!
 
Nuestroinstituto
NuestroinstitutoNuestroinstituto
Nuestroinstituto
 
Presentación estructura del portafolio digital
Presentación estructura del portafolio digitalPresentación estructura del portafolio digital
Presentación estructura del portafolio digital
 
Taller 1 de algoritmo diagrama de flujo
Taller 1 de algoritmo diagrama de flujo Taller 1 de algoritmo diagrama de flujo
Taller 1 de algoritmo diagrama de flujo
 
Statistiques et impact sur les entreprises de L'internet mobile au québec
Statistiques et impact sur les entreprises de L'internet mobile au québec Statistiques et impact sur les entreprises de L'internet mobile au québec
Statistiques et impact sur les entreprises de L'internet mobile au québec
 
Presentación aprendo a leer y escribir con ayuda de las tic
Presentación aprendo a leer y escribir con ayuda de las ticPresentación aprendo a leer y escribir con ayuda de las tic
Presentación aprendo a leer y escribir con ayuda de las tic
 
20111216 La réputation de votre entreprise en danger sur le net
20111216 La réputation de votre entreprise en danger sur le net20111216 La réputation de votre entreprise en danger sur le net
20111216 La réputation de votre entreprise en danger sur le net
 
2010 sat software_libre_para_pym_es
2010 sat software_libre_para_pym_es2010 sat software_libre_para_pym_es
2010 sat software_libre_para_pym_es
 
Créer un site internet professionnel-Oolongmedia.ca
Créer un site internet professionnel-Oolongmedia.ca Créer un site internet professionnel-Oolongmedia.ca
Créer un site internet professionnel-Oolongmedia.ca
 
Creacion blogs sesion3
Creacion blogs sesion3Creacion blogs sesion3
Creacion blogs sesion3
 
Dispositivos de comunicacion
Dispositivos de comunicacionDispositivos de comunicacion
Dispositivos de comunicacion
 

Similaire à Développement d'applications mobiles

[Webinar Niji] Frameworks XPlateform mobile - 2210
[Webinar Niji] Frameworks XPlateform mobile - 2210 [Webinar Niji] Frameworks XPlateform mobile - 2210
[Webinar Niji] Frameworks XPlateform mobile - 2210
Niji
 
Le Lounge OCTO x Accenture - Offrir une expérience premium sur mobile
Le Lounge OCTO x Accenture - Offrir une expérience premium sur mobileLe Lounge OCTO x Accenture - Offrir une expérience premium sur mobile
Le Lounge OCTO x Accenture - Offrir une expérience premium sur mobile
OCTO Technology
 
Présentation Conférence des TechTrends
Présentation Conférence des TechTrendsPrésentation Conférence des TechTrends
Présentation Conférence des TechTrends
Publicis Sapient Engineering
 
Applications mobiles et outils technologiques au chantier : passez de dinosau...
Applications mobiles et outils technologiques au chantier : passez de dinosau...Applications mobiles et outils technologiques au chantier : passez de dinosau...
Applications mobiles et outils technologiques au chantier : passez de dinosau...
Frédéric Perron
 
Offre migrer vers_flutter
Offre migrer vers_flutterOffre migrer vers_flutter
Offre migrer vers_flutter
Julien Saumande
 
SophiaConf 2010 Présentation de la conférence du 05 Juillet - Android :Tout s...
SophiaConf 2010 Présentation de la conférence du 05 Juillet - Android :Tout s...SophiaConf 2010 Présentation de la conférence du 05 Juillet - Android :Tout s...
SophiaConf 2010 Présentation de la conférence du 05 Juillet - Android :Tout s...
TelecomValley
 
Eurelis - Présentation multi-écrans
Eurelis - Présentation multi-écransEurelis - Présentation multi-écrans
Eurelis - Présentation multi-écrans
Agence-Eurelis
 
Responsive Web design - defimedia
Responsive Web design - defimediaResponsive Web design - defimedia
Responsive Web design - defimedia
defimedia
 
Web Mobile : quelles opportunités face aux apps ?
Web Mobile : quelles opportunités face aux apps ?Web Mobile : quelles opportunités face aux apps ?
Web Mobile : quelles opportunités face aux apps ?
NiceToMeetYou
 
Extract conf buzzmobile
Extract conf buzzmobileExtract conf buzzmobile
Extract conf buzzmobile
ameliebianco
 
Gtug2 Mobile app with web technlogy
Gtug2 Mobile app with web technlogyGtug2 Mobile app with web technlogy
Gtug2 Mobile app with web technlogy
Sacha Leprêtre
 
WygDay 2010
WygDay 2010WygDay 2010
WygDay 2010
Gregory Renard
 
Développement HTML5 : les enjeux et best practices
Développement HTML5 : les enjeux et best practicesDéveloppement HTML5 : les enjeux et best practices
Développement HTML5 : les enjeux et best practices
LaFrenchMobile
 
WygDay 2010 - session plénière
WygDay 2010 - session plénièreWygDay 2010 - session plénière
WygDay 2010 - session plénière
Wygwam
 
1er Meetup Mobile Montpellier - Présentation Appcelerator Titanium - Alloy
1er Meetup Mobile Montpellier - Présentation Appcelerator Titanium - Alloy1er Meetup Mobile Montpellier - Présentation Appcelerator Titanium - Alloy
1er Meetup Mobile Montpellier - Présentation Appcelerator Titanium - Alloy
Meetup Mobile Montpellier
 
Presentation Android
Presentation AndroidPresentation Android
Presentation Android
Jean Collas
 
Mobile Day : Enjeux d'aujoourd'hui
Mobile Day : Enjeux d'aujoourd'huiMobile Day : Enjeux d'aujoourd'hui
Mobile Day : Enjeux d'aujoourd'hui
Michel HUBERT
 
VMware - Plate-forme informatique pour l’utilisateur
VMware - Plate-forme informatique pour l’utilisateur VMware - Plate-forme informatique pour l’utilisateur
VMware - Plate-forme informatique pour l’utilisateur
Procontact Informatique
 
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
 

Similaire à Développement d'applications mobiles (20)

[Webinar Niji] Frameworks XPlateform mobile - 2210
[Webinar Niji] Frameworks XPlateform mobile - 2210 [Webinar Niji] Frameworks XPlateform mobile - 2210
[Webinar Niji] Frameworks XPlateform mobile - 2210
 
Bilan2012Afisi
Bilan2012AfisiBilan2012Afisi
Bilan2012Afisi
 
Le Lounge OCTO x Accenture - Offrir une expérience premium sur mobile
Le Lounge OCTO x Accenture - Offrir une expérience premium sur mobileLe Lounge OCTO x Accenture - Offrir une expérience premium sur mobile
Le Lounge OCTO x Accenture - Offrir une expérience premium sur mobile
 
Présentation Conférence des TechTrends
Présentation Conférence des TechTrendsPrésentation Conférence des TechTrends
Présentation Conférence des TechTrends
 
Applications mobiles et outils technologiques au chantier : passez de dinosau...
Applications mobiles et outils technologiques au chantier : passez de dinosau...Applications mobiles et outils technologiques au chantier : passez de dinosau...
Applications mobiles et outils technologiques au chantier : passez de dinosau...
 
Offre migrer vers_flutter
Offre migrer vers_flutterOffre migrer vers_flutter
Offre migrer vers_flutter
 
SophiaConf 2010 Présentation de la conférence du 05 Juillet - Android :Tout s...
SophiaConf 2010 Présentation de la conférence du 05 Juillet - Android :Tout s...SophiaConf 2010 Présentation de la conférence du 05 Juillet - Android :Tout s...
SophiaConf 2010 Présentation de la conférence du 05 Juillet - Android :Tout s...
 
Eurelis - Présentation multi-écrans
Eurelis - Présentation multi-écransEurelis - Présentation multi-écrans
Eurelis - Présentation multi-écrans
 
Responsive Web design - defimedia
Responsive Web design - defimediaResponsive Web design - defimedia
Responsive Web design - defimedia
 
Web Mobile : quelles opportunités face aux apps ?
Web Mobile : quelles opportunités face aux apps ?Web Mobile : quelles opportunités face aux apps ?
Web Mobile : quelles opportunités face aux apps ?
 
Extract conf buzzmobile
Extract conf buzzmobileExtract conf buzzmobile
Extract conf buzzmobile
 
Gtug2 Mobile app with web technlogy
Gtug2 Mobile app with web technlogyGtug2 Mobile app with web technlogy
Gtug2 Mobile app with web technlogy
 
WygDay 2010
WygDay 2010WygDay 2010
WygDay 2010
 
Développement HTML5 : les enjeux et best practices
Développement HTML5 : les enjeux et best practicesDéveloppement HTML5 : les enjeux et best practices
Développement HTML5 : les enjeux et best practices
 
WygDay 2010 - session plénière
WygDay 2010 - session plénièreWygDay 2010 - session plénière
WygDay 2010 - session plénière
 
1er Meetup Mobile Montpellier - Présentation Appcelerator Titanium - Alloy
1er Meetup Mobile Montpellier - Présentation Appcelerator Titanium - Alloy1er Meetup Mobile Montpellier - Présentation Appcelerator Titanium - Alloy
1er Meetup Mobile Montpellier - Présentation Appcelerator Titanium - Alloy
 
Presentation Android
Presentation AndroidPresentation Android
Presentation Android
 
Mobile Day : Enjeux d'aujoourd'hui
Mobile Day : Enjeux d'aujoourd'huiMobile Day : Enjeux d'aujoourd'hui
Mobile Day : Enjeux d'aujoourd'hui
 
VMware - Plate-forme informatique pour l’utilisateur
VMware - Plate-forme informatique pour l’utilisateur VMware - Plate-forme informatique pour l’utilisateur
VMware - Plate-forme informatique pour l’utilisateur
 
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.
 

Développement d'applications mobiles

  • 1. Développement d’applications mobiles Avril 2012 Copyright © 2012 MATELLI SERVICES +33 1 82 52 19 59 - services@matelli.fr
  • 2. Quels mobiles ? Copyright © 2012 MATELLI SERVICES +33 1 82 52 19 59 - services@matelli.fr
  • 3. Quels mobiles ? • iOS restera la 2ème plateforme mondiale jusqu’en 2014. • Windows Phone en 3ème position grâce à l’alliace Nokia - Microsoft. • Les parts de marchés de RIM continueront de baisser. Copyright © 2012 MATELLI SERVICES +33 1 82 52 19 59 - services@matelli.fr
  • 4. Quelles tablettes ? Source: Gartner (April 2011) OS 2010 2011 2012 2015 iOS 14,766 47,964 68,670 138,497 Market Share (%) 83.9 68.7 63.5 47.1 Android 2,502 13,898 26,382 113,457 Market Share (%) 14.2 19.9 24.4 38.6 MeeGo 107 788 1,271 3,057 Market Share (%) 0.6 1.1 1.2 1.0 WebOS 0 2,796 4,245 8,886 Market Share (%) 0.0 4.0 3.9 3.0 QNX 0 3,901 7,134 29,496 Market Share (%) 0.0 5.6 6.6 10.0 Other Operating Systems 234 432 510 700 Market Share (%) 1.3 0.6 0.5 0.2 Total Market 17,610 69,780 108,211 294,093 Copyright © 2012 MATELLI SERVICES +33 1 82 52 19 59 - services@matelli.fr
  • 5. Distribution d’applications mobiles Copyright © 2012 MATELLI SERVICES +33 1 82 52 19 59 - services@matelli.fr
  • 6. Application Web mobile ou application mobile native ? • Application Web mobile • Application Mobile native Copyright © 2012 MATELLI SERVICES +33 1 82 52 19 59 - services@matelli.fr
  • 7. Applications Web Copyright © 2012 MATELLI SERVICES +33 1 82 52 19 59 - services@matelli.fr
  • 8. Les frameworks / helpers JavaScript • Frameworks – jQuery Mobile – Sencha Touch – jQTouch (basé sur Zepto) – Jo • Frameworks minimalistes – Xui.js – Zepto • Helpers – Modernizr – Initializr • PhoneGap Copyright © 2012 MATELLI SERVICES +33 1 82 52 19 59 - services@matelli.fr
  • 9. Comment choisir un framework ? • Besoin (utilisation des fonctionnalités de l’appareil, performance…) • Plates-formes ciblées • Licensing • Simplicité • Connaissance Copyright © 2012 MATELLI SERVICES +33 1 82 52 19 59 - services@matelli.fr
  • 10. JQUERY MOBILE Framework Web pour Smartphone et tablettes Copyright © 2012 MATELLI SERVICES +33 1 82 52 19 59 - services@matelli.fr
  • 11. jQuery Mobile • Un framework Web pour Smartphone et tablettes développé par la fondation jQuery. • Un système d’interfaces utilisateurs basé sur l’HTML5. • Créé à partir des frameworks éprouvés jQuery et jQuery UI. • Léger, amélioré progressivement, possède un système de thèmes simple et flexible. • http://jquerymobile.com/ Copyright © 2012 MATELLI SERVICES +33 1 82 52 19 59 - services@matelli.fr
  • 12. Licensing • Licence MIT « La licence donne à toute personne recevant le logiciel le droit illimité de l'utiliser, le copier, le modifier, le fusionner, le publier, le distribuer, le vendre et de changer sa licence. La seule obligation est de mettre le nom des auteurs avec la notice de copyright. » Wikipedia (http://fr.wikipedia.org/wiki/Licence_MIT) • Licence GPL Copyright © 2012 MATELLI SERVICES +33 1 82 52 19 59 - services@matelli.fr
  • 13. Plates-formes supportées • http://jquerymobile.com/gbs/ Copyright © 2012 MATELLI SERVICES +33 1 82 52 19 59 - services@matelli.fr
  • 14. Plates-formes supportées • Système de notation et de « progressive enhancement » Copyright © 2012 MATELLI SERVICES +33 1 82 52 19 59 - services@matelli.fr
  • 15. Simplicité / Connaissance • Utilisable sans écrire une ligne de JavaScript – http://jquerymobile.com/demos/1.1.0/ • Possède des outils graphique pour le theming – http://jquerymobile.com/themeroller/ • Des outils de création d’interfaces existent – http://www.codiqa.com/ Copyright © 2012 MATELLI SERVICES +33 1 82 52 19 59 - services@matelli.fr
  • 16. Documentation / Communauté • Documentation – Complète et de bonne qualité – Facile d’accès. De nombreux exemples sont disponibles. • Communauté – jQuery dispose d’assez d’utilisateurs pour que de réponses soient facilement trouvées via des moteurs de recherche. Copyright © 2012 MATELLI SERVICES +33 1 82 52 19 59 - services@matelli.fr
  • 17. SENCHA TOUCH Framework Web pour Smartphone et tablettes Copyright © 2012 MATELLI SERVICES +33 1 82 52 19 59 - services@matelli.fr
  • 18. Sencha Touch • Un framework Web pour Smartphone et tablettes développé par la société Sencha Inc. • Un système d’interfaces utilisateurs basé sur l’HTML5. • Basé sur le framework Web Sencha Ext JS. • Possède une riche bibliothèque de composants. • http://www.sencha.com/products/touch/ Copyright © 2012 MATELLI SERVICES +33 1 82 52 19 59 - services@matelli.fr
  • 19. Licensing • Sencha Touch est disponible gratuitement pour un usage commercial et/ou une distribution open source. • Une licence OEM est nécessaire si Sencha Touch: – est inlus dans un logiciel de création d’applications Web, – est inclus dans un SDK, – Est déployé nativement sur plus de 5000 terminaux embarqués (télévisions, caméras, appareils équipant voitures, réfrigirateurs… ne concerne pas téléphones et smartphones). http://www.sencha.com/products/touch/license/ Copyright © 2012 MATELLI SERVICES +33 1 82 52 19 59 - services@matelli.fr
  • 20. Plates-formes supportées • iPhone • Android • BlackBerry • La version 9 d’Internet Explorer (présente sur WindowsPhone 7) ne disposait pas d’assez de fonctionnalités pour que Sencha porte son framework. La version 10 serait prometteuse: – http://www.sencha.com/blog/ie10-preview-html5- first-look Copyright © 2012 MATELLI SERVICES +33 1 82 52 19 59 - services@matelli.fr
  • 21. Simplicité / Connaissance • Tout développement Sencha Touch est réalisé en JavaScript. • Prérequis: – Bonne connaissance du JavaScript et de sa syntaxe orientée objet, – Bonne connaissance du fonctionnement du framework Sencha Touch. • Sencha Touch s’inspire beaucoup partie de la version Web Sencha ExtJS. Les connaisseurs apprécieront. Copyright © 2012 MATELLI SERVICES +33 1 82 52 19 59 - services@matelli.fr
  • 22. Documentation / Communauté • Documentation – Complète et de bonne qualité – Très orienté développeurs: accès direct aux packages, classes, méthodes, évènements… • Communauté – Sencha Touch est développé par une entité commerciale. Le produit ne dispose donc pas d’une communauté OpenSource. – Sencha Touch dispose d’assez d’utilisateurs pour que des réponses soient facilement trouvées via les moteurs de recherche (sur le forum Sencha ou d’autres sites). Copyright © 2012 MATELLI SERVICES +33 1 82 52 19 59 - services@matelli.fr
  • 23. PHONEGAP Applications web et fonctionnalités natives. Copyright © 2012 MATELLI SERVICES +33 1 82 52 19 59 - services@matelli.fr
  • 24. PhoneGap • PhoneGap est une plate-forme HTML5 qui permet, tout en utilisant des technologies Web, de créer des applications natives accédant aux différentes API et disponibles sur les stores. http://phonegap.com/ • PhoneGap est open source et gratuit. • PhoneGap peut être utilisé par des développeurs ou des sociétés pour distribuer des applications gratuites, commerciales ou bien open source. Copyright © 2012 MATELLI SERVICES +33 1 82 52 19 59 - services@matelli.fr
  • 25. PhoneGap • Plates-formes supportées: Android, iOS, Windows Phone, WebOS, BlackBerry, Symbian, Bada. • PhoneGap est généralement utilisé avec certains frameworks JavaScript: – Sencha Touch – jQuery Touch Copyright © 2012 MATELLI SERVICES +33 1 82 52 19 59 - services@matelli.fr
  • 26. Fonctionnalités supportées Copyright © 2012 MATELLI SERVICES +33 1 82 52 19 59 - services@matelli.fr
  • 27. Fonctionnement Création de votre application avec les standards du Web. Empaquetage de votre application avec PhoneGap. Déploiement de votre application sur toutes les plates-formes supportées. Copyright © 2012 MATELLI SERVICES +33 1 82 52 19 59 - services@matelli.fr
  • 28. Fonctionnement Copyright © 2012 MATELLI SERVICES +33 1 82 52 19 59 - services@matelli.fr
  • 29. Exemple: Diary Mobile Application de gestion d’évènements, de tâches… Copyright © 2012 MATELLI SERVICES +33 1 82 52 19 59 - services@matelli.fr
  • 30. Exemple: Just One More Les dernières vidéos proposées par l’équipe Vimeo. Copyright © 2012 MATELLI SERVICES +33 1 82 52 19 59 - services@matelli.fr
  • 31. Exemple: Harmonious Application de dessin. Copyright © 2012 MATELLI SERVICES +33 1 82 52 19 59 - services@matelli.fr
  • 32. Applications natives Copyright © 2012 MATELLI SERVICES +33 1 82 52 19 59 - services@matelli.fr
  • 33. Développement d’applications mobiles natives • Signification: utilisation de technologies natives, d’interfaces natives, d’outils natifs, d’API natives… • Les solutions de développement natifs sont fournis par les éditeurs des différentes plates- formes. • Chaque solution dispose d’outils de simulation. Copyright © 2012 MATELLI SERVICES +33 1 82 52 19 59 - services@matelli.fr
  • 34. Développement d’applications mobiles natives Plates-formes Technologies Outils de Plates-formes de développement développement iOS Objective-C, iPhone XCode IDE Mac OS X SDK Android Java, C/C++ Eclipse Windows, Linux Symbian, MeeGo C++, QML, Qt Qt Creator Windows, Linux, framework, Mac OS X platform SDK Windows Phone 7 C#, .Net, Silverlight, Visual Studio 2012, Windows XNA Expression Blend BlackBerry Java, BlackBerry Eclipse, BlackBerry Windows, Mac OS X Java SDK IDE Copyright © 2012 MATELLI SERVICES +33 1 82 52 19 59 - services@matelli.fr
  • 35. DÉVELOPPEMENT ANDROID Copyright © 2012 MATELLI SERVICES +33 1 82 52 19 59 - services@matelli.fr
  • 36. Langage et Framework • Java / C++ • Framework Android Copyright © 2012 MATELLI SERVICES +33 1 82 52 19 59 - services@matelli.fr
  • 37. Outils • Un PC ou un Mac avec le système d’exploitation de votre choix • Eclipse version Java – http://www.eclipse.org/downloads/ • SDK Android: contient entre autres l’émulateur Android – http://developer.android.com/sdk/ • Le plug-in Android pour Eclipse (fourni et maintenu par les équipes Google) – http://developer.android.com/sdk/eclipse-adt.html Copyright © 2012 MATELLI SERVICES +33 1 82 52 19 59 - services@matelli.fr
  • 38. Distribution d’applications • Licence – Nécessaire uniquement pour la publication sur Google Play (anciennement Android Market) – Coût: 25 $ • Processus de déploiement – Il est nécessaire de signer ses applications pour les publier sur Google Play – Un processus de publication très simple en comparaison des stores concurrents Copyright © 2012 MATELLI SERVICES +33 1 82 52 19 59 - services@matelli.fr
  • 39. DÉVELOPPEMENT IOS Copyright © 2012 MATELLI SERVICES +33 1 82 52 19 59 - services@matelli.fr
  • 40. Langage et Framework • Objective C int main( int argc, const char *argv[] ) { NSAutoreleasePool *pool = [[NSAutoreleasePool alloc] init]; NSDictionary *dictionary = [[NSDictionary alloc] initWithObjectsAndKeys: @"one", [NSNumber numberWithInt: 1], @"two", [NSNumber numberWithInt: 2], @"three", [NSNumber numberWithInt: 3], nil]; NSMutableDictionary *mutable = [[NSMutableDictionary alloc] init]; printf( "----static dictionaryn" ); print( dictionary ); // add objects [mutable setObject: @"Tom" forKey: @"tom@jones.com"]; [mutable setObject: @"Bob" forKey: @"bob@dole.com" ]; • Framework iOS Copyright © 2012 MATELLI SERVICES +33 1 82 52 19 59 - services@matelli.fr
  • 41. Outils • Un Mac • Xcode: environnement de développement (IDE) • Interface Builder – Depuis Xcode 4, IB est inclus dans Xcode Copyright © 2012 MATELLI SERVICES +33 1 82 52 19 59 - services@matelli.fr
  • 42. Distribution d’applications • Licences – Programme standard • Coût: 99 $ / an • But: distribuer des applications sur l’AppStore • Il est possible de distribuer des applications en mode ad-hoc sur 100 périphériques – Programme Entreprise • Coût: 299 $ / an • Pour les entreprises de +500 employés • But: utilisation des applications en interne, aucune revente sur l’AppStore n’es possible • Deux types de déploiement: ad-hoc et in-house – Programme Université • Coût: gratuit mais soumis à validation de la part d’Apple • Réservé au monde de l’éducation Copyright © 2012 MATELLI SERVICES +33 1 82 52 19 59 - services@matelli.fr
  • 43. Distribution d’applications • Déploiement – iOS Provisionning portal: permet de gérer ses certificats de développement ainsi que les périphériques en mode ad-hoc – iTunes Connect: permet la soumission d’applications sur l’AppStore • La soumission d’applications sur l’AppStore peut prendre une semaine. Copyright © 2012 MATELLI SERVICES +33 1 82 52 19 59 - services@matelli.fr
  • 44. DÉVELOPPEMENT WINDOWS PHONE Copyright © 2012 MATELLI SERVICES +33 1 82 52 19 59 - services@matelli.fr
  • 45. Langage et Framework • C#, Silverlight ou XNA – Silverlight permet de réaliser les interfaces graphiques de ses applications mobiles « fenêtrées » (possédant onglets, listes, boutons…), – XNA permet de réaliser des jeux. • Framework .Net Copyright © 2012 MATELLI SERVICES +33 1 82 52 19 59 - services@matelli.fr
  • 46. Outils • Un ordinateur sous Microsoft Windows Vista ou 7 • Visual Studio – Une version d’essai est disponible « Visual Studio 2010 Express pour Windows Phone » http://www.microsoft.com/visualstudio/en- us/products/2010-editions/windows-phone- developer-tools – L’émulateur vient avec le kit de développement Windows Phone. Copyright © 2012 MATELLI SERVICES +33 1 82 52 19 59 - services@matelli.fr
  • 47. Distribution d’applications • Licence – Coût de la licence développeur: 99 $ / an – But: déployer des applications sur le Marketplace – Microsoft fournit gratuitement des outils afin de permettre aux développeurs de déployer leurs applications en AdHoc (http://msdn.microsoft.com/en- us/library/ff769512(v=vs.92).aspx) • Processus de déploiement – Suivre les étapes de déploiment sur http://create.msdn.com Copyright © 2012 MATELLI SERVICES +33 1 82 52 19 59 - services@matelli.fr
  • 48. GÉNÉRATION D’APPLICATIONS NATIVES MonoDroid / MonoTouch Copyright © 2012 MATELLI SERVICES +33 1 82 52 19 59 - services@matelli.fr
  • 49. Génération d’applications mobiles natives • Concept: utilisation d’une technologie tierce afin de créer des applications mobiles natives cross-platform. • Avantages: – utilisation d’une même technologie quelque soit les plateformes et donc possibilité de réutilisation de code métier, – utilisation d’une technologie pouvant déjà être connue des développeurs, – Une interface possédant le look&feel de la plate-forme adressée. Copyright © 2012 MATELLI SERVICES +33 1 82 52 19 59 - services@matelli.fr
  • 50. Génération d’applications mobiles natives • Inconvénients: – Un coût additionnel, – La nécessité de bien comprendre le fonctionnement de la plate-forme mobile que l’on adresse. Copyright © 2012 MATELLI SERVICES +33 1 82 52 19 59 - services@matelli.fr
  • 51. MONOTOUCH / MONODROID Xamarin Copyright © 2012 MATELLI SERVICES +33 1 82 52 19 59 - services@matelli.fr
  • 52. Langage, Framework et Outils • Langage C# • Framework .Net • Outils nécessaires pour le développement iOS – Un Mac sous Mac OS X – L’environnement de développement intégré (IDE) MonoDevelop – L’IDE d’Apple xCode – MonoTouch Copyright © 2012 MATELLI SERVICES +33 1 82 52 19 59 - services@matelli.fr
  • 53. Langage, Framework et Outils • Langage C# • Framework .Net • Outils nécessaires pour le développement Android – Un ordinateur sous Microsoft Windows Vista ou 7 ou bien un Mac sous Mac OS X – L’environnement de développement intégré (IDE) MonoDevelop ou bien Visual Studio avec un add-on – MonoDroid Copyright © 2012 MATELLI SERVICES +33 1 82 52 19 59 - services@matelli.fr
  • 54. Coût • Coût du programme de développement iOS ou Android • Coût de licence de MonoTouch pour iOS ou de Mono pour Android. Les produits sont vendus séparément. Copyright © 2012 MATELLI SERVICES +33 1 82 52 19 59 - services@matelli.fr
  • 55. Merci à vous. 19 rue Béranger Ajoutez nous à vos contacts. 75003 Paris +33 1 82 52 19 59 services@matelli.fr www.matelli.fr Copyright © 2012 MATELLI SERVICES +33 1 82 52 19 59 - services@matelli.fr