MON SITEEN VERSION MOBILENovembre 2012                    André Gentit
POURQUOI ?             André Gentit
Source : http://www.le-webmarketeur.com   André Gentit
André Gentit
Les mobinautesSource : http://fr.slideshare.net/agencedagobert/   André Gentit
André Gentit
André Gentit
Le développement du m-commerceSource : http://www.warrendunlop.com/   André Gentit
Le développement du m-commerceSource : http://www.warrendunlop.com/   André Gentit
M-commerce             André Gentit
NOEL 2013            André Gentit
Taux de pénétration des QR codes                               André Gentit
COMMENT ?            André Gentit
10 bonnes pratiques pour un site mobileSource : http://www.google.com        André Gentit
André Gentit
Un site mobile doit• Répondre à l’attente des utilisateurs tant au niveau    ergonomique que des fonctionnalités•   Elle d...
Les techniques• Un framework comme Jquery mobile• Détection Javascript• Responsive design• Plugins  • Wordpress (mobilize,...
Responsive design                    André Gentit
Responsive design                    André Gentit
Facile ?Il vous faudra comprendre :• les Media Queries  •   @media screen and (min-width: 800px)  •   @media screen and (m...
En résumé            André Gentit
Autre solution• Les plateformes de génération de sites mobiles                                                   André Gen...
Quelques plateformes• http://mobile.wix.com/• http://www.parumobile.com/• http://www.myelefant.com/gratuit• http://www.wob...
FINA très bientôt…                   André Gentit
Prochain SlideShare
Chargement dans…5
×

Mon site en version mobile

857 vues

Publié le

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

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

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
857
Sur SlideShare
0
Issues des intégrations
0
Intégrations
117
Actions
Partages
0
Téléchargements
10
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

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

×