Enviar búsqueda
Cargar
Conquérir l'internet des objets avec les technologies web. (Kiwi Party 2012)
•
1 recomendación
•
1,414 vistas
Steren Giannini
Seguir
Vista de diapositivas
Denunciar
Compartir
Vista de diapositivas
Denunciar
Compartir
1 de 29
Descargar ahora
Descargar para leer sin conexión
Recomendados
Human Talks Grenoble 08/09/2015 - AngularJS et Cordova = applications WEB et ...
Human Talks Grenoble 08/09/2015 - AngularJS et Cordova = applications WEB et ...
Xavier NOPRE
Yassir Bouizi, Consultant chez OCTO Technologies - Mobile Monday Maroc: Inter...
Yassir Bouizi, Consultant chez OCTO Technologies - Mobile Monday Maroc: Inter...
mmmaroc
Internet of Things the future is now - Frederic Lhostte
Internet of Things the future is now - Frederic Lhostte
NRB
What exactly is the "Internet of Things"?
What exactly is the "Internet of Things"?
Dr. Mazlan Abbas
Internet of Things - Pour un monde plus intelligent
Internet of Things - Pour un monde plus intelligent
Sherbrooke Innopole
L'Internet des Objets
L'Internet des Objets
Guido Noto La Diega
L'internet des objets (The Internet of Things)
L'internet des objets (The Internet of Things)
Raphaël Duperret
Android introvf
Android introvf
Anne-Marie Pinna-Dery
Recomendados
Human Talks Grenoble 08/09/2015 - AngularJS et Cordova = applications WEB et ...
Human Talks Grenoble 08/09/2015 - AngularJS et Cordova = applications WEB et ...
Xavier NOPRE
Yassir Bouizi, Consultant chez OCTO Technologies - Mobile Monday Maroc: Inter...
Yassir Bouizi, Consultant chez OCTO Technologies - Mobile Monday Maroc: Inter...
mmmaroc
Internet of Things the future is now - Frederic Lhostte
Internet of Things the future is now - Frederic Lhostte
NRB
What exactly is the "Internet of Things"?
What exactly is the "Internet of Things"?
Dr. Mazlan Abbas
Internet of Things - Pour un monde plus intelligent
Internet of Things - Pour un monde plus intelligent
Sherbrooke Innopole
L'Internet des Objets
L'Internet des Objets
Guido Noto La Diega
L'internet des objets (The Internet of Things)
L'internet des objets (The Internet of Things)
Raphaël Duperret
Android introvf
Android introvf
Anne-Marie Pinna-Dery
L'histoire d'HTML5 pour les développeurs Windows Phone 8
L'histoire d'HTML5 pour les développeurs Windows Phone 8
Microsoft
Créez vos apps métier Windows 8 sans expertise en programmation, grâce à Proj...
Créez vos apps métier Windows 8 sans expertise en programmation, grâce à Proj...
Philippe Beraud
L'histoire d'html5 pour les développeurs windows phone 8
L'histoire d'html5 pour les développeurs windows phone 8
davrous
Cv dridi-lotfi
Cv dridi-lotfi
Lotfi Dridi
Developper une application mobile
Developper une application mobile
Eutech SSII
Intro Android
Intro Android
Patrick Bashizi
Développement d'applications mobiles.. Environnement de programmation visuelle
Développement d'applications mobiles.. Environnement de programmation visuelle
REGIONAL ACADEMY OF EDUCATION AND TRAINING
Les secrets du développement d'une application mobile
Les secrets du développement d'une application mobile
Eutech SSII
[Chambé-Carnet] Web Mobile : quelles opportunités, quels moyens ?
[Chambé-Carnet] Web Mobile : quelles opportunités, quels moyens ?
Chambé-Carnet
Webdesign, UX et UCD #1
Webdesign, UX et UCD #1
Relax In The Air
Cours de Web Design part.1
Cours de Web Design part.1
MC Casal
Gtug2 Mobile app with web technlogy
Gtug2 Mobile app with web technlogy
Sacha Leprêtre
Google glass droidcon - DroidCon Paris 2014
Google glass droidcon - DroidCon Paris 2014
Paris Android User Group
582 agr-li - interface mobile - classe 1
582 agr-li - interface mobile - classe 1
Alexandre Paradis
La mobilité dans Drupal
La mobilité dans Drupal
Adyax
Introduction à Android
Introduction à Android
Yoann Gotthilf
CocoaHeads Rennes #14: Programmation Responsive par Celedev
CocoaHeads Rennes #14: Programmation Responsive par Celedev
CocoaHeadsRNS
Introduction à Samsung bada
Introduction à Samsung bada
BeMyApp
L'Open Web en tant que pierre angulaire du développement multi-objets
L'Open Web en tant que pierre angulaire du développement multi-objets
Thomas Bassetto
PROFIL IOS DISPONIBLE
PROFIL IOS DISPONIBLE
Clementine D.
Windows 8 app template feedback
Windows 8 app template feedback
Steren Giannini
Joshfire factory: Using NodeJS in production
Joshfire factory: Using NodeJS in production
Steren Giannini
Más contenido relacionado
Similar a Conquérir l'internet des objets avec les technologies web. (Kiwi Party 2012)
L'histoire d'HTML5 pour les développeurs Windows Phone 8
L'histoire d'HTML5 pour les développeurs Windows Phone 8
Microsoft
Créez vos apps métier Windows 8 sans expertise en programmation, grâce à Proj...
Créez vos apps métier Windows 8 sans expertise en programmation, grâce à Proj...
Philippe Beraud
L'histoire d'html5 pour les développeurs windows phone 8
L'histoire d'html5 pour les développeurs windows phone 8
davrous
Cv dridi-lotfi
Cv dridi-lotfi
Lotfi Dridi
Developper une application mobile
Developper une application mobile
Eutech SSII
Intro Android
Intro Android
Patrick Bashizi
Développement d'applications mobiles.. Environnement de programmation visuelle
Développement d'applications mobiles.. Environnement de programmation visuelle
REGIONAL ACADEMY OF EDUCATION AND TRAINING
Les secrets du développement d'une application mobile
Les secrets du développement d'une application mobile
Eutech SSII
[Chambé-Carnet] Web Mobile : quelles opportunités, quels moyens ?
[Chambé-Carnet] Web Mobile : quelles opportunités, quels moyens ?
Chambé-Carnet
Webdesign, UX et UCD #1
Webdesign, UX et UCD #1
Relax In The Air
Cours de Web Design part.1
Cours de Web Design part.1
MC Casal
Gtug2 Mobile app with web technlogy
Gtug2 Mobile app with web technlogy
Sacha Leprêtre
Google glass droidcon - DroidCon Paris 2014
Google glass droidcon - DroidCon Paris 2014
Paris Android User Group
582 agr-li - interface mobile - classe 1
582 agr-li - interface mobile - classe 1
Alexandre Paradis
La mobilité dans Drupal
La mobilité dans Drupal
Adyax
Introduction à Android
Introduction à Android
Yoann Gotthilf
CocoaHeads Rennes #14: Programmation Responsive par Celedev
CocoaHeads Rennes #14: Programmation Responsive par Celedev
CocoaHeadsRNS
Introduction à Samsung bada
Introduction à Samsung bada
BeMyApp
L'Open Web en tant que pierre angulaire du développement multi-objets
L'Open Web en tant que pierre angulaire du développement multi-objets
Thomas Bassetto
PROFIL IOS DISPONIBLE
PROFIL IOS DISPONIBLE
Clementine D.
Similar a Conquérir l'internet des objets avec les technologies web. (Kiwi Party 2012)
(20)
L'histoire d'HTML5 pour les développeurs Windows Phone 8
L'histoire d'HTML5 pour les développeurs Windows Phone 8
Créez vos apps métier Windows 8 sans expertise en programmation, grâce à Proj...
Créez vos apps métier Windows 8 sans expertise en programmation, grâce à Proj...
L'histoire d'html5 pour les développeurs windows phone 8
L'histoire d'html5 pour les développeurs windows phone 8
Cv dridi-lotfi
Cv dridi-lotfi
Developper une application mobile
Developper une application mobile
Intro Android
Intro Android
Développement d'applications mobiles.. Environnement de programmation visuelle
Développement d'applications mobiles.. Environnement de programmation visuelle
Les secrets du développement d'une application mobile
Les secrets du développement d'une application mobile
[Chambé-Carnet] Web Mobile : quelles opportunités, quels moyens ?
[Chambé-Carnet] Web Mobile : quelles opportunités, quels moyens ?
Webdesign, UX et UCD #1
Webdesign, UX et UCD #1
Cours de Web Design part.1
Cours de Web Design part.1
Gtug2 Mobile app with web technlogy
Gtug2 Mobile app with web technlogy
Google glass droidcon - DroidCon Paris 2014
Google glass droidcon - DroidCon Paris 2014
582 agr-li - interface mobile - classe 1
582 agr-li - interface mobile - classe 1
La mobilité dans Drupal
La mobilité dans Drupal
Introduction à Android
Introduction à Android
CocoaHeads Rennes #14: Programmation Responsive par Celedev
CocoaHeads Rennes #14: Programmation Responsive par Celedev
Introduction à Samsung bada
Introduction à Samsung bada
L'Open Web en tant que pierre angulaire du développement multi-objets
L'Open Web en tant que pierre angulaire du développement multi-objets
PROFIL IOS DISPONIBLE
PROFIL IOS DISPONIBLE
Más de Steren Giannini
Windows 8 app template feedback
Windows 8 app template feedback
Steren Giannini
Joshfire factory: Using NodeJS in production
Joshfire factory: Using NodeJS in production
Steren Giannini
TIPE Les milieux granulaires
TIPE Les milieux granulaires
Steren Giannini
Hack le camping
Hack le camping
Steren Giannini
Inkscape industrial project report
Inkscape industrial project report
Steren Giannini
Creative commons internship report
Creative commons internship report
Steren Giannini
Creative Commons Internship - Last day
Creative Commons Internship - Last day
Steren Giannini
Les moteurs physiques en temps réel
Les moteurs physiques en temps réel
Steren Giannini
Les moteurs physiques en temps réel
Les moteurs physiques en temps réel
Steren Giannini
Más de Steren Giannini
(9)
Windows 8 app template feedback
Windows 8 app template feedback
Joshfire factory: Using NodeJS in production
Joshfire factory: Using NodeJS in production
TIPE Les milieux granulaires
TIPE Les milieux granulaires
Hack le camping
Hack le camping
Inkscape industrial project report
Inkscape industrial project report
Creative commons internship report
Creative commons internship report
Creative Commons Internship - Last day
Creative Commons Internship - Last day
Les moteurs physiques en temps réel
Les moteurs physiques en temps réel
Les moteurs physiques en temps réel
Les moteurs physiques en temps réel
Conquérir l'internet des objets avec les technologies web. (Kiwi Party 2012)
1.
Conquérir
l'internet des objets avec les technologies web Steren Giannini
2.
@Steren Chef de produit
chez Joshfire
3.
2012
2010 2008
4.
50Mrd Objets connectés :
15Mrd 5Mrd 2010 2015 2020
5.
6.
7.
25$
8.
Ubimedia
Exploiter n’importe quel objet ou surface comme support de diffusion de contenu et source d’interaction avec leur environnement.
9.
10.
Offrir la meilleure expérience
utilisateur sur chaque objet.
11.
une fragmentation à
plusieurs niveaux type marque perfos fonctions SDK Java .NET ObjectiveC JS C++
12.
Solution
Web (ou Hybrid) apps (HTML, CSS, JavaScript) adaptées à chaque type d'objet.
13.
Adapter le style, le
comportement, le contenu.
14.
Tout en partageant le
même coeur applicatif, les mêmes données.
15.
16.
17.
18.
Détecter le type
d'objet
19.
taille d'écran et
feature detection <script src="modernizr.js"></script> if(Modernizr.touch)
20.
user-agent
(côté client ou serveur) var useragent = require("useragent"); var families = { "iPad":"tablet", "webOS TouchPad":"tablet", ... "Android":"phone", "iPhone":"phone", ... "GoogleTV":"tv", "PhilipsTV":"tv", ... }; var agent = useragent.parse(ua); var deviceType = agent ? families[agent.family] : "desktop"; https://github.com/3rd-Eden/useragent
21.
@media Ajustements de style
à l'aide des media queries @media (orientation: portrait) { .menu li .picto{ width: 50px; } }
22.
Outils
23.
Applications riches coté
client Frameworks mobiles insuffisants. Frameworks MVC : Découpe du code : requireJS, LESS Validation : JS Hint
24.
Debug à distance:
Weinre <script src="http://192.168.1.66:8080/target/target-script-min.js#anonymous"></script> https://github.com/apache/incubator-cordova-weinre
25.
Build to native: Cordova
(Phonegap)
26.
Limité aux objets
avec navigateurs ? Faux.
27.
Joshfire factory
28.
Questions ?
29.
templates
data preview deploy
Descargar ahora