Dans l'enfer du Web Mobile 
Un retour d'expérience 
Mathieu PARISOT
Mathieu PARISOT 
Développeur Web et Java 
@matparisot 
www.google.com/+ParisotMathieu
Pourquoi ?
Problème #0 : 
La diversité
iOs 5+ 
Android 2.3 
Android 4.x 
Windows Phone 7.X 
Windows Phone 8 
Blackberry 5+ 
Bada 1&2 
symbian S60
iOs 5+ 6+ 
Android 2.3 
Android 4.x 
Windows Phone 7.X 
Windows Phone 8 
Blackberry 5+ 7+ 
Bada 1&2 
symbian S60
Problème #1 : 
Les mises à jour
Rappelez-vous
Sur mobile le navigateur 
est mis à jour avec le 
système…
Sep 2013 : 4.4 
Jul 2013 : 4.3 
Oct 2012 : 4.2 
Jun 2012 : 4.1 
Oct 2011 : 4.0 
Déc 2010 : 2.3 
Oct 2009 : 2.0 
Sep 2014 :...
Pendant ce temps il y a 
eu 31 versions de 
Chrome
Bonne nouvelle 
Android 4+
Mauvaise nouvelle
Mauvaise nouvelle
Pas si grave ! 
Sauf que…
Problème #2 : 
La fragmentation
Système 
(Android 2.3, 4.0, etc.)
Constructeurs 
(Samsung, HTC, Motorola, Sony, etc.) 
Système 
(Android 2.3, 4.0, etc.)
Opérateurs 
(Orange, SFR, Bouygues, Free, etc.) 
Constructeurs 
(Samsung, HTC, Motorola, Sony, etc.) 
Système 
(Android 2....
Les bogues
L'histoire de l'input "cassé" 
<input type="text" maxlength="6" name="myField">
Problème #3 : 
Le débug
iOs 6+
Android avec Chrome
Windows Phone 
Windows Phone 7.x n'a pas de 
console js…
Et les autres ? 
Weinre + jsconsole
Problème #4 : 
Le réseau
La taille 
Si votre site fonctionne sur 
mobile mais fait 10Mo : 
Vous avez fait tout ça pour rien…
La latence
L'écosystème 
Il vous faut un réseau wifi 
(et un port USB) 
sur lequel vous connecter 
pendant le développement
Problème #5 : 
Les quirks
Les champs de saisie iOs 
input { 
font-size: 16px; 
}
Le scrolling
Les clics 
Click Me !
Le viewport 
<meta name="viewport" 
content="width=device-width" 
/> 
@-ms-viewport { 
width: device-width; 
}
Le support HTML5/CSS3 
can i use websql 
caniuse.org
MERCI
@matparisot
Dans l'enfer du Web Mobile - un retour d'expérience - Mathieu Parisot
Dans l'enfer du Web Mobile - un retour d'expérience - Mathieu Parisot
Dans l'enfer du Web Mobile - un retour d'expérience - Mathieu Parisot
Dans l'enfer du Web Mobile - un retour d'expérience - Mathieu Parisot
Dans l'enfer du Web Mobile - un retour d'expérience - Mathieu Parisot
Dans l'enfer du Web Mobile - un retour d'expérience - Mathieu Parisot
Dans l'enfer du Web Mobile - un retour d'expérience - Mathieu Parisot
Dans l'enfer du Web Mobile - un retour d'expérience - Mathieu Parisot
Dans l'enfer du Web Mobile - un retour d'expérience - Mathieu Parisot
Dans l'enfer du Web Mobile - un retour d'expérience - Mathieu Parisot
Dans l'enfer du Web Mobile - un retour d'expérience - Mathieu Parisot
Dans l'enfer du Web Mobile - un retour d'expérience - Mathieu Parisot
Prochain SlideShare
Chargement dans…5
×

Dans l'enfer du Web Mobile - un retour d'expérience - Mathieu Parisot

1 564 vues

Publié le

Dans l'enfer du Web Mobile - un retour d'expérience - Mathieu Parisot

Présentation de Mathieu Parisot lors du BlendWebMix du 29/10/2014

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

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
1 564
Sur SlideShare
0
Issues des intégrations
0
Intégrations
406
Actions
Partages
0
Téléchargements
12
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Dans l'enfer du Web Mobile - un retour d'expérience - Mathieu Parisot

  1. 1. Dans l'enfer du Web Mobile Un retour d'expérience Mathieu PARISOT
  2. 2. Mathieu PARISOT Développeur Web et Java @matparisot www.google.com/+ParisotMathieu
  3. 3. Pourquoi ?
  4. 4. Problème #0 : La diversité
  5. 5. iOs 5+ Android 2.3 Android 4.x Windows Phone 7.X Windows Phone 8 Blackberry 5+ Bada 1&2 symbian S60
  6. 6. iOs 5+ 6+ Android 2.3 Android 4.x Windows Phone 7.X Windows Phone 8 Blackberry 5+ 7+ Bada 1&2 symbian S60
  7. 7. Problème #1 : Les mises à jour
  8. 8. Rappelez-vous
  9. 9. Sur mobile le navigateur est mis à jour avec le système…
  10. 10. Sep 2013 : 4.4 Jul 2013 : 4.3 Oct 2012 : 4.2 Jun 2012 : 4.1 Oct 2011 : 4.0 Déc 2010 : 2.3 Oct 2009 : 2.0 Sep 2014 : 8.0 Oct 2013 : 7.0 Sep 2012 : 6.0 Jun 2011 : 5.0 Jun 2010 : 4.0 Jun 2009 : 3.0
  11. 11. Pendant ce temps il y a eu 31 versions de Chrome
  12. 12. Bonne nouvelle Android 4+
  13. 13. Mauvaise nouvelle
  14. 14. Mauvaise nouvelle
  15. 15. Pas si grave ! Sauf que…
  16. 16. Problème #2 : La fragmentation
  17. 17. Système (Android 2.3, 4.0, etc.)
  18. 18. Constructeurs (Samsung, HTC, Motorola, Sony, etc.) Système (Android 2.3, 4.0, etc.)
  19. 19. Opérateurs (Orange, SFR, Bouygues, Free, etc.) Constructeurs (Samsung, HTC, Motorola, Sony, etc.) Système (Android 2.3, 4.0, etc.)
  20. 20. Les bogues
  21. 21. L'histoire de l'input "cassé" <input type="text" maxlength="6" name="myField">
  22. 22. Problème #3 : Le débug
  23. 23. iOs 6+
  24. 24. Android avec Chrome
  25. 25. Windows Phone Windows Phone 7.x n'a pas de console js…
  26. 26. Et les autres ? Weinre + jsconsole
  27. 27. Problème #4 : Le réseau
  28. 28. La taille Si votre site fonctionne sur mobile mais fait 10Mo : Vous avez fait tout ça pour rien…
  29. 29. La latence
  30. 30. L'écosystème Il vous faut un réseau wifi (et un port USB) sur lequel vous connecter pendant le développement
  31. 31. Problème #5 : Les quirks
  32. 32. Les champs de saisie iOs input { font-size: 16px; }
  33. 33. Le scrolling
  34. 34. Les clics Click Me !
  35. 35. Le viewport <meta name="viewport" content="width=device-width" /> @-ms-viewport { width: device-width; }
  36. 36. Le support HTML5/CSS3 can i use websql caniuse.org
  37. 37. MERCI
  38. 38. @matparisot

×