Les P'tits Déjeuners Vit'Animés : Mon site est mobile
-
Upload
david-castera -
Category
Internet
-
view
137 -
download
5
description
Transcript of Les P'tits Déjeuners Vit'Animés : Mon site est mobile
![Page 1: Les P'tits Déjeuners Vit'Animés : Mon site est mobile](https://reader038.fdocuments.fr/reader038/viewer/2022103001/55869216d8b42ac6068b4619/html5/thumbnails/1.jpg)
Mon site est mobile
![Page 2: Les P'tits Déjeuners Vit'Animés : Mon site est mobile](https://reader038.fdocuments.fr/reader038/viewer/2022103001/55869216d8b42ac6068b4619/html5/thumbnails/2.jpg)
Avant le Web c’était là…
![Page 3: Les P'tits Déjeuners Vit'Animés : Mon site est mobile](https://reader038.fdocuments.fr/reader038/viewer/2022103001/55869216d8b42ac6068b4619/html5/thumbnails/3.jpg)
nous avons évolué…
![Page 4: Les P'tits Déjeuners Vit'Animés : Mon site est mobile](https://reader038.fdocuments.fr/reader038/viewer/2022103001/55869216d8b42ac6068b4619/html5/thumbnails/4.jpg)
Et aujourd’hui…
![Page 5: Les P'tits Déjeuners Vit'Animés : Mon site est mobile](https://reader038.fdocuments.fr/reader038/viewer/2022103001/55869216d8b42ac6068b4619/html5/thumbnails/5.jpg)
![Page 6: Les P'tits Déjeuners Vit'Animés : Mon site est mobile](https://reader038.fdocuments.fr/reader038/viewer/2022103001/55869216d8b42ac6068b4619/html5/thumbnails/6.jpg)
Et demain ?
![Page 7: Les P'tits Déjeuners Vit'Animés : Mon site est mobile](https://reader038.fdocuments.fr/reader038/viewer/2022103001/55869216d8b42ac6068b4619/html5/thumbnails/7.jpg)
Face à tout cela.. L’équipe d’Immersive Lab
![Page 8: Les P'tits Déjeuners Vit'Animés : Mon site est mobile](https://reader038.fdocuments.fr/reader038/viewer/2022103001/55869216d8b42ac6068b4619/html5/thumbnails/8.jpg)
Quelques chiffresJuin 2013 : 15% du trafic Web mondial est mobile
Les smartphones = 1,49 milliard de terminaux
![Page 9: Les P'tits Déjeuners Vit'Animés : Mon site est mobile](https://reader038.fdocuments.fr/reader038/viewer/2022103001/55869216d8b42ac6068b4619/html5/thumbnails/9.jpg)
3 façons d’imaginer votre site en mobilité
![Page 10: Les P'tits Déjeuners Vit'Animés : Mon site est mobile](https://reader038.fdocuments.fr/reader038/viewer/2022103001/55869216d8b42ac6068b4619/html5/thumbnails/10.jpg)
Le responsive design
Concevoir une interface
auto-adaptable
au terminal d’affichage
![Page 11: Les P'tits Déjeuners Vit'Animés : Mon site est mobile](https://reader038.fdocuments.fr/reader038/viewer/2022103001/55869216d8b42ac6068b4619/html5/thumbnails/11.jpg)
![Page 12: Les P'tits Déjeuners Vit'Animés : Mon site est mobile](https://reader038.fdocuments.fr/reader038/viewer/2022103001/55869216d8b42ac6068b4619/html5/thumbnails/12.jpg)
- Responsive dégradation
- Mobile first
![Page 13: Les P'tits Déjeuners Vit'Animés : Mon site est mobile](https://reader038.fdocuments.fr/reader038/viewer/2022103001/55869216d8b42ac6068b4619/html5/thumbnails/13.jpg)
Le site mobile
Concevoir un site Internet classique,
dont l’affichage et la navigation sont
développés et optimisés pour l’affichage
mobile : Taille réduite et si possible
tactile
![Page 14: Les P'tits Déjeuners Vit'Animés : Mon site est mobile](https://reader038.fdocuments.fr/reader038/viewer/2022103001/55869216d8b42ac6068b4619/html5/thumbnails/14.jpg)
Voyages-sncf.com
![Page 15: Les P'tits Déjeuners Vit'Animés : Mon site est mobile](https://reader038.fdocuments.fr/reader038/viewer/2022103001/55869216d8b42ac6068b4619/html5/thumbnails/15.jpg)
Voyages-sncf.mobi
![Page 16: Les P'tits Déjeuners Vit'Animés : Mon site est mobile](https://reader038.fdocuments.fr/reader038/viewer/2022103001/55869216d8b42ac6068b4619/html5/thumbnails/16.jpg)
Cdiscount.com
![Page 17: Les P'tits Déjeuners Vit'Animés : Mon site est mobile](https://reader038.fdocuments.fr/reader038/viewer/2022103001/55869216d8b42ac6068b4619/html5/thumbnails/17.jpg)
Cdiscount.com
![Page 18: Les P'tits Déjeuners Vit'Animés : Mon site est mobile](https://reader038.fdocuments.fr/reader038/viewer/2022103001/55869216d8b42ac6068b4619/html5/thumbnails/18.jpg)
lefil.com
![Page 19: Les P'tits Déjeuners Vit'Animés : Mon site est mobile](https://reader038.fdocuments.fr/reader038/viewer/2022103001/55869216d8b42ac6068b4619/html5/thumbnails/19.jpg)
m.lefil.com
![Page 20: Les P'tits Déjeuners Vit'Animés : Mon site est mobile](https://reader038.fdocuments.fr/reader038/viewer/2022103001/55869216d8b42ac6068b4619/html5/thumbnails/20.jpg)
L’application
Une application mobile est un logiciel
applicatif téléchargeable dans un store
développé pour être installé sur un
smartphone ou une tablette.
![Page 21: Les P'tits Déjeuners Vit'Animés : Mon site est mobile](https://reader038.fdocuments.fr/reader038/viewer/2022103001/55869216d8b42ac6068b4619/html5/thumbnails/21.jpg)
Plus de 100 milliards d'applications téléchargées en 2013
= 10 Mds de CA en 2013
Dont 3 Mds pour
![Page 22: Les P'tits Déjeuners Vit'Animés : Mon site est mobile](https://reader038.fdocuments.fr/reader038/viewer/2022103001/55869216d8b42ac6068b4619/html5/thumbnails/22.jpg)
App Store d’Apple
![Page 23: Les P'tits Déjeuners Vit'Animés : Mon site est mobile](https://reader038.fdocuments.fr/reader038/viewer/2022103001/55869216d8b42ac6068b4619/html5/thumbnails/23.jpg)
Google Play
![Page 24: Les P'tits Déjeuners Vit'Animés : Mon site est mobile](https://reader038.fdocuments.fr/reader038/viewer/2022103001/55869216d8b42ac6068b4619/html5/thumbnails/24.jpg)
Windows Store
![Page 25: Les P'tits Déjeuners Vit'Animés : Mon site est mobile](https://reader038.fdocuments.fr/reader038/viewer/2022103001/55869216d8b42ac6068b4619/html5/thumbnails/25.jpg)
Et maintenant, faut choisir…
![Page 26: Les P'tits Déjeuners Vit'Animés : Mon site est mobile](https://reader038.fdocuments.fr/reader038/viewer/2022103001/55869216d8b42ac6068b4619/html5/thumbnails/26.jpg)
Maintenance
1 - Responsive Design
2 - Version Mobile
3 - Application
![Page 27: Les P'tits Déjeuners Vit'Animés : Mon site est mobile](https://reader038.fdocuments.fr/reader038/viewer/2022103001/55869216d8b42ac6068b4619/html5/thumbnails/27.jpg)
Expérience utilisateur
1 - Version Mobile
2 - Application
3 - Responsive Design
![Page 28: Les P'tits Déjeuners Vit'Animés : Mon site est mobile](https://reader038.fdocuments.fr/reader038/viewer/2022103001/55869216d8b42ac6068b4619/html5/thumbnails/28.jpg)
Fonctionnalités
1 - Application
2 - Version Mobile
3 - Responsive Design
![Page 29: Les P'tits Déjeuners Vit'Animés : Mon site est mobile](https://reader038.fdocuments.fr/reader038/viewer/2022103001/55869216d8b42ac6068b4619/html5/thumbnails/29.jpg)
Référencement
1 - Responsive Design
2 - Version Mobile
3 - Application
![Page 30: Les P'tits Déjeuners Vit'Animés : Mon site est mobile](https://reader038.fdocuments.fr/reader038/viewer/2022103001/55869216d8b42ac6068b4619/html5/thumbnails/30.jpg)
Rapidité
1 - Application
2 - Version Mobile
3 - Responsive Design
![Page 31: Les P'tits Déjeuners Vit'Animés : Mon site est mobile](https://reader038.fdocuments.fr/reader038/viewer/2022103001/55869216d8b42ac6068b4619/html5/thumbnails/31.jpg)
Complexité technique
1 - Version Mobile
2 - Responsive Design
3 - Application
![Page 32: Les P'tits Déjeuners Vit'Animés : Mon site est mobile](https://reader038.fdocuments.fr/reader038/viewer/2022103001/55869216d8b42ac6068b4619/html5/thumbnails/32.jpg)
Coût de développement
1 - Version Mobile
2 - Responsive Design
3 - Application
![Page 33: Les P'tits Déjeuners Vit'Animés : Mon site est mobile](https://reader038.fdocuments.fr/reader038/viewer/2022103001/55869216d8b42ac6068b4619/html5/thumbnails/33.jpg)
Rendez-vous
![Page 34: Les P'tits Déjeuners Vit'Animés : Mon site est mobile](https://reader038.fdocuments.fr/reader038/viewer/2022103001/55869216d8b42ac6068b4619/html5/thumbnails/34.jpg)
05 juin à Oloron et 12 juin à Pau
L’impression 3D et l’épopéedes makers
15 mai à Oloron et 22 mai à Pau
Je travaille mon dispositif web
Infos et inscription : http://lpdva.com
![Page 35: Les P'tits Déjeuners Vit'Animés : Mon site est mobile](https://reader038.fdocuments.fr/reader038/viewer/2022103001/55869216d8b42ac6068b4619/html5/thumbnails/35.jpg)
Un rendez-vous proposé par Immersive Lab
http://www.immersivelab.fr