Application mobile

Progressive Web App

Site mobile

Quelle technologie pour quels usages ?

Mardi 23 janvier 2018
Lons le Saunier

Agence spécialisée dans le conseil en communication pour les artisans, commerçants, PMI-PME.

Sites internet, référencement web, applications mobiles, publicité en ligne.

Master Sciences Cognitives / Master 2 Ingénierie des Médias

Chef de projet informatique, développeur-analyste, formateur

Enseignant vacataire à l'Université de Bourgogne

Spécialiste E-commerce et référencement web

MOBIMANIA

  • La tendance : quelques chiffres
  • Le vocabulaire : quelques définitions

QUELLES DIFFENCES : APPS MOBILES VS. PWA ?

  • Généralités
  • Accès au contenu
  • Usages
  • Développement / Soumission
  • Avantages / Inconvénients
  • Google vs. Apple

CONCLUSION

Application mobile, progressive web app et site mobile

Sommaire

MOBIMANIA

Application mobile, progressive web app et site mobile

Application mobile, progressive web app et site mobile

Quelques CHIFFRES

Application mobile, progressive web app et site mobile

Application mobile, progressive web app et site mobile

Application mobile, progressive web app et site mobile

Application mobile, progressive web app et site mobile

Application mobile, progressive web app et site mobile

Application mobile, progressive web app et site mobile

Application mobile, progressive web app et site mobile

Application mobile, progressive web app et site mobile

Application mobile, progressive web app et site mobile

Application mobile, progressive web app et site mobile

Application mobile, progressive web app et site mobile

Quelques Définitions

Application mobile, progressive web app et site mobile

Site mobile :

  • Accessible via le navigateur gratuitement
  • Version "responsive" d'un site web (mais pas que !)
  • S'adapte aux écrans (principalement)
  • Peu ou pas du tout d'interaction avec les fonctionnalités du téléphone
  • Nécessite un accès web (Wifi ou 3G/4G)
  • Un peu plus complexe qu'un site "responsive" car il peut tenir compte du user-agent (type d'appareil)

Application mobile, progressive web app et site mobile

Application mobile :

  • Programme téléchargeable dans un "store"
  • Gratuite ou payante
  • Adaptée aux environnements techniques (OS, taille d'écran, etc.) => Plusieurs langages
  • Interaction avec les fonctionnalités du terminal (caméra, accéléromètre, fichiers, GPS, etc.)
  • Principalement des jeux et des applications "métiers" ou de réseaux sociaux
  • Peut solliciter les ressources du smartphone tels que les moteurs 3D, etc.)

Application mobile, progressive web app et site mobile

Proportion dans les stores

Application mobile, progressive web app et site mobile

Progressive Web App ou PWA :

  • Application mobile accessible via le navigateur
  • Hybride entre une application et un site mobile
  • Gratuite
  • Interaction avec les fonctionnalités du terminal (caméra, accéléromètre, fichiers, etc.)
  • Charge le contenu au fur et à mesure des connexions
  • Permet d'installer un icône d'accès, les notifications push, etc.

Quelles Différences ?

Application mobile, progressive web app et site mobile

Application mobile, progressive web app et site mobile

COMPARATIF

Application mobile, progressive web app et site mobile

Application mobile, progressive web app et site mobile

Application mobile, progressive web app et site mobile

Application mobile, progressive web app et site mobile

DéVELOPPEMENT

Application mobile, progressive web app et site mobile

Application Mobile

Progressive WEB APP

Langages de programmation

            : Objective C et Swift

            : Java

            : C#

Langages de programmation

 

 

Les mêmes que pour le web :

  • HTML
  • CSS
  • JS

Environnements de Développement

            : Xcode

            : Android Studio ou Eclipse

            : Visual Studio

Application mobile, progressive web app et site mobile

Application Mobile

Application mobile, progressive web app et site mobile

Application Mobile

Application mobile, progressive web app et site mobile

PROGRESSIVE WEB APP

Application mobile, progressive web app et site mobile

PROGRESSIVE WEB APP

Application mobile, progressive web app et site mobile

SOUMISSION

Application mobile, progressive web app et site mobile

Application Mobile

Application mobile, progressive web app et site mobile

PROGRESSIVE WEB APP

Fichiers HTML / CSS / JS
+ Services Workers
+ Manifest JSON

 

Serveur

Application mobile, progressive web app et site mobile

AVANTAGES

Application mobile, progressive web app et site mobile

Application Mobile

Progressive WEB APP

  • Notoriété de la marque
  • Total User-Friendly
  • Fidélisation et engagement
  • Envoi de notification push
  • Accès à toutes les fonctionnalités du téléphone
  • Mode "hors connexion"
  • Accessibilité (icône de lancement)
  • Monétisation
  • Recherche facile via les Stores
  • Plus rapide qu'un site mobile
  • Ressemble à une application
  • Utilisation du cache navigateur
  • Ne se stocke pas en mémoire
  • Sécurisation (HTTPS obligatoire)
  • Mode "hors connexion"
  • Accessibilité (icône de lancement)
  • Pas besoin de stores , ni de téléchargement
  • Affichage en plein écran
  • Mise à jour à chaque connexion
  • Partageable via URL
  • Envoi de notification push

Application mobile, progressive web app et site mobile

Application Mobile

Progressive WEB APP

  • Disponible dans la recherche Google
  • Engagement et conversion meilleurs
  • Coûts de développement et de mise à jour moins élevés qu'une application
  • Développement plus rapide

?

Application mobile, progressive web app et site mobile

INCONVéNIENTS

Application mobile, progressive web app et site mobile

Application Mobile

Progressive WEB APP

  • Développement pour chaque OS => Coût de développement
  • Coût d'inscription à la plateforme de publication (environ 100 €/app)
  • Processus de validation lourd
  • Publication dans les stores
  • Maintenance lourde
  • Processus de mise à jour
  • Avis utilisateurs
  • Pas toutes les fonctionnalités des smartphones
  • Différences entre navigateurs et OS (exemple iOS/Safari)
  • Monétisation moins évidente
  • Fonctionnalités nécessitant beaucoup de ressources (jeux, 3D, etc.)
  • Temps d'optimisation et de tests d'accessibilité, de performance et de SEO (Search Engine Optimization)

Application mobile, progressive web app et site mobile

CHROME

Fonctionnalités

Application mobile, progressive web app et site mobile

Application mobile, progressive web app et site mobile

FIREFOX

Fonctionnalités

Application mobile, progressive web app et site mobile

Application mobile, progressive web app et site mobile

SAFARI

Fonctionnalités

Application mobile, progressive web app et site mobile

Application mobile, progressive web app et site mobile

Application mobile, progressive web app et site mobile

Nombre d'applications

Application mobile, progressive web app et site mobile

Téléchargements d'applications

Application mobile, progressive web app et site mobile

Revenus des applications

Application mobile, progressive web app et site mobile

And the winner is

?

Application mobile, progressive web app et site mobile

To be continued...

CONCLUSION

Application mobile, progressive web app et site mobile

Application mobile, progressive web app et site mobile

Application mobile, progressive web app et site mobile

Application mobile, progressive web app et site mobile

Application mobile, progressive web app et site mobile

Application mobile, progressive web app et site mobile

Application mobile, progressive web app et site mobile

Questions ?

Application mobile, progressive web app et site mobile

contact@publigo.fr

03 85 75 32 04

ljhvf dlbfsmsq e

Applications mobiles, web apps et sites mobiles : quelle technologie pour quels usages ?

By Olivier Morin

Applications mobiles, web apps et sites mobiles : quelle technologie pour quels usages ?

Intervention du 23 janvier 2018 à Lons le Saunier

  • 426