Mon site en version mobile

798 views
706 views

Published on

Intervention dans le cadre de la Webschool de Bourges, session mobilité.
Mon site en version Mobile :pourquoi ? Comment ?

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
798
On SlideShare
0
From Embeds
0
Number of Embeds
108
Actions
Shares
0
Downloads
10
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Mon site en version mobile

  1. 1. MON SITEEN VERSION MOBILENovembre 2012 André Gentit
  2. 2. POURQUOI ? André Gentit
  3. 3. Source : http://www.le-webmarketeur.com André Gentit
  4. 4. André Gentit
  5. 5. Les mobinautesSource : http://fr.slideshare.net/agencedagobert/ André Gentit
  6. 6. André Gentit
  7. 7. André Gentit
  8. 8. Le développement du m-commerceSource : http://www.warrendunlop.com/ André Gentit
  9. 9. Le développement du m-commerceSource : http://www.warrendunlop.com/ André Gentit
  10. 10. M-commerce André Gentit
  11. 11. NOEL 2013 André Gentit
  12. 12. Taux de pénétration des QR codes André Gentit
  13. 13. COMMENT ? André Gentit
  14. 14. 10 bonnes pratiques pour un site mobileSource : http://www.google.com André Gentit
  15. 15. André Gentit
  16. 16. Un site mobile doit• Répondre à l’attente des utilisateurs tant au niveau ergonomique que des fonctionnalités• Elle doit proposer une fonctionnalité principale et non une profusion d’options• Proposer des innovations visuelles ou ergonomiques.• Les interfaces épurées sont très en vogue…• S’adapter à la taille de l’écran qui le lit ! André Gentit
  17. 17. Les techniques• Un framework comme Jquery mobile• Détection Javascript• Responsive design• Plugins • Wordpress (mobilize, Wptouch, Mobilepress) • Spip (cimobile, iTwX, iSpip) • Etc… André Gentit
  18. 18. Responsive design André Gentit
  19. 19. Responsive design André Gentit
  20. 20. Facile ?Il vous faudra comprendre :• les Media Queries • @media screen and (min-width: 800px) • @media screen and (min-width: 1024px) and (max-width: 1280px) • @media screen and (orientation:landscape)• Le concept du viewport• La densité des pixels• La capacité des mobiles à vous berner !• Gérer l’affichage des polices• Gérer la taille et le poids des images André Gentit
  21. 21. En résumé André Gentit
  22. 22. Autre solution• Les plateformes de génération de sites mobiles André Gentit
  23. 23. Quelques plateformes• http://mobile.wix.com/• http://www.parumobile.com/• http://www.myelefant.com/gratuit• http://www.wobile.fr/• http://fr.jimdo.com/ avec le tutoriel• http://www.onbile.com/fr/creez-sites-web-mobile/• Etc… André Gentit
  24. 24. FINA très bientôt… André Gentit

×