HTML5

HTML5Lic. Maximiliano Firtman @firtwww.firt.mobi | Bogotá, 06/10/11 1

¿Y yo quién soy? Lic. Maximiliano Firtman @ﬁrt

+10 años

Mobile iPhone y iPad Android Java HTML5 Flex y AIR

Libros www.mobilexweb.com

Futuros Using the Latest Today Mobile HTML5 Estelle Weyl & Maximiliano Firtman

“Casi todas las aplicaciones, incluyendo las móviles, se desarrollarán con HTML5 en el futuro” Eric Schmidt, CEO de Google Febrero 2011 10

Esto no es más la web 12

Ahora es más compleja 13

Ahora es más compleja Photo by World of Good (Flickr)Malvinas / Falklands Islands 14

Muchas preguntas Photo by wayneandwax (Flickr) 15

futurefriend.ly 16

HTML5, HTML 5 y estándares 17

¿Qué puedo hacer? 20

SiIos Web MulIplataforma webapps instaladas oﬄine Aplicaciones naIvas mobile Aplicaciones naIvas Windows 8 21

¿Qué hay de nuevo? 22

Nuevas eMquetas semánMcas 23

Formularios 24

EMquetas mulMmedia 25

¿APIs en HTML5? 26

Drawing 2D API (aka Canvas) 27

Oﬄine API (aka AppCache) 28

Web Storage API 29

Web SQL API 30

Web Sockets API 31

GeolocaMon API 32

DeviceMoMon y DeviceOrientaMon API 33

Web Workers API 34

Drag and Drop API 35

File API 36

Audio API 37

Drawing 3D API (aka WebGL) 38

NoMﬁcaMons API 39

Camera API 40

CSS3 41

Nuevos efectos y selectores 42

Nuevo Flexible Box Model 43

Transiciones 44

Transformaciones 2D y 3D 45

Animaciones 46

Web Fonts 47

SVG y SVG inline 49

Data URI 50

(mulM) Touch Events 51

Viewport 52

Pixel RaMo 53

+ Podremos crear un sólo código para todas las plataformas?

+ Mejora Progresiva

Ejemplo! 56

+ Diseño web que reacciona

Los celulares son los autos voladores Ejemplo! 58

+ DATOS 72% mobile

+ DATOS +5 mil millones

layersstudio.net 62

+ GRACIAS! firtman@gmail.com twitter.com/firt www.firt.mobi www.mobilexweb.com Picture from freedigitalphotos.net

+ DATOS 2000 ¿Preocupó el Y2K en los móviles? ¿En dónde?

+ DATOS 2000 ¿Preocupó el Y2K en los móviles? ¿En dónde? 2003 ¿Teléfono con cámara? no seas ridículo

+ DATOS 2000 ¿Preocupó el Y2K en los móviles? ¿En dónde? 2003 ¿Teléfono con cámara? no seas ridículo 2006 ¿Qué es el iPhone?

+ DATOS 2000 ¿Preocupó el Y2K en los móviles? ¿En dónde? 2003 ¿Teléfono con cámara? no seas ridículo 2006 ¿Qué es el iPhone? 2010 +5.000M teléfonos

+ DATOS 2000 ¿Preocupó el Y2K en los móviles? ¿En dónde? 2003 ¿Teléfono con cámara? no seas ridículo 2006 ¿Qué es el iPhone? 2010 +5.000M teléfonos 2012 2x smartphones <-‐> PC

+ DATOS 2008 Nació AppStore con 500 apps 2011 Hay decenas de Mendas y cientos de miles de apps 2013 29.500 M dólares en apps

+ ¿por qué está bueno hacer mobile?

+ FOCO

+ FOCO Images from @lukew

+ CONTEXTO Images from @lukew

+ CONTEXTO

+ CONTEXTO Sleep Cycle

+ CONTEXTO HappyWakeU p

+ PERTENENCIA DEMO CON USTEDES

+ VIAJA CONMIGO

+ ESTÁ CERCA MIO

+ 24x7

+ ACCESO DIARIO

+ ¿Cuántas veces mirás la pantalla por día?

+ Si recibís una alerta, ¿cuánto tardás en verla?

+ PROXÉMICA

+ PROXÉMICA ESPACIO INTIMO •  15 a 45 cm •  El más importante •  El más caro •  Confianza •  Emocionalmente unidos •  Interacción con mirada, tacto y audio

+ MEJOR NEGOCIO

+ MEJOR NEGOCIO n  +250 millones de usuarios acIvos en Facebook móvil n  Los usuarios de Facebook en el móvil son el doble de acIvos

HTML5

by Maximiliano Firtman on Oct 16, 2011

Accessibility

Categories

Tags

Upload Details

Usage Rights

1 Embed 9

Statistics

HTML5 — Presentation Transcript