Smartphone et Web

Présenté par Didier Girard, Patrice de Saint Steban, Christophe Phu

Page 2Jump Camp 4 IT – Hacker le cerveau

Plan

Vous avez dit SFEIR ? Application Web ou application native API intéressantes Pattern graphiques Développons un site web

Page 3Jump Camp 4 IT – Hacker le cerveau

Vous avez dit SFEIR ?

Page 4Jump Camp 4 IT – Hacker le cerveau

La société

250 collaborateurs

1985

Page 5Jump Camp 4 IT – Hacker le cerveau

Rich Internet Application, Informatique mobile (Android, iPhone),

Cloud Computing, Internet dans des conditions extrêmes,

Réseaux Sociaux

Innovation :10% du CA

Page 6Jump Camp 4 IT – Hacker le cerveau

Partager

ConférencesArticlesBlogs

Projets OpenSourceLivre

Page 7Jump Camp 4 IT – Hacker le cerveau

Un livre

Page 8Jump Camp 4 IT – Hacker le cerveau

Application Web ou application native

Page 9Jump Camp 4 IT – Hacker le cerveau

Web ou natif

Par défaut, faites du web.

Le smartphone va devenir le moyen privilégié d’accès à internet : web, chat et emails.Envoyer un pointeur sur une application native n’est pas très portable.Dès que l’application a une dimension sociale, il faut du web.

Page 10Jump Camp 4 IT – Hacker le cerveau

Web ou natif

Quand ne pas faire de web ?Lorsque le service que vous voulez créer utilise

une API qui n’est pas exposée dans les navigateurs

Si vous voulez un service dormantSi vous voulez vendre via une market

Page 11Jump Camp 4 IT – Hacker le cerveau

API intéressantes

Page 12Jump Camp 4 IT – Hacker le cerveau

API Intéressantes

Geolocation API (iPhone/Android) Database API (iPhone/Android) Storage API (iPhone/Android) Application Cache API (iPhone/Gears)

Page 13Jump Camp 4 IT – Hacker le cerveau

Pattern graphiques

Page 14Jump Camp 4 IT – Hacker le cerveau

Patterns graphiques

Pas de scroll

Page 15Jump Camp 4 IT – Hacker le cerveau

Patterns graphiques

Gérer le back :Android via le bouton physiqueiPhone il faut l’inclure dans l’IHM afin supporter le

raccourci des applications

Page 16Jump Camp 4 IT – Hacker le cerveau

Patterns graphiques

100% en horizontal

Page 17Jump Camp 4 IT – Hacker le cerveau

Patterns graphiques

Minimiser les ouvertures de connexions

http://www.flickr.com/photos/neldiogo/3248564777/

Page 18Jump Camp 4 IT – Hacker le cerveau

Patterns graphiques

Penser à remplacer les images de mise en forme par des CSS

http://www.westciv.com/tools/gradients/

Page 19Jump Camp 4 IT – Hacker le cerveau

Patterns graphiques

Penser plus application que site D’un point de vue architecture un site pour

Smartphone ressemble plus à GMail qu’à Wikipedia

Image : http://msdn.microsoft.com/en-us/magazine/cc507641.aspx

Page 20Jump Camp 4 IT – Hacker le cerveau

Pouce

Le pouce est plus gros que le pointeur souris Pas de « Over » : pas de Drag and Drop

Page 21Jump Camp 4 IT – Hacker le cerveau

Développons un site web

Séquence Live Coding

Page 22Jump Camp 4 IT – Hacker le cerveau

Conclusion

Il est tout à fait possible de développer des applications web cross smartphone

MODDING est un mini portage des patterns Activity et Intent d’Android

Pour la viralité : toute application native doit avoir son pendant web

Page 23Jump Camp 4 IT – Hacker le cerveau

Pour mieux nous connaitre

Classique : http:/www.sfeir.com

Smartphone : http://m.sfeir.com