web mobile: el futuro de la web ing. pablo d. salgado ceo & founder colpix lic. maximiliano a....
TRANSCRIPT
Web Mobile: El futuro de la Web
Ing. Pablo D. Salgado
CEO & Founder COLPIX
Lic. Maximiliano A. Gracía Federico
Software Developer Specialist
Web Mobile: El futuro de la Web
Web Mobile: El futuro de la Web
El mundo mobile es diferente
• Pantalla más chicas
• Ingreso de datos es complicado
• Los usuarios se mueven
• Todo es más lento
• Nuevas Características
Las Pantallas son más pequeñas
¿Qué podemos hacer?
View PortIndica cómo debería de comportarse el navegador móvil a la hora de renderear la página web
Media QueriesPodemos aplicar estilos según las características de la pantalla
•Podemos aplicar estilos según la posición del dispositivo (portrait/lanscape)
Orientation
Viewport units• Permite usar tamaños relativos al tamaño de la
pantalla del dispositivo.• Cuatro nuevas
unidades: vw(idth), vh(eight), vmin and vmax.• Los valores son en porcentajes
Flexible Box Module• Nos permite de una forma sencilla reordenar el
contenido
Los usuarios se mueven
¿Qué podemos hacer?
Geolocalización• Podemos acceder a la posición del dispositivo.• Es posible solicitarla a demanda:
• Es posible estar suscribirse a cambios en la posición
• Podemos suscribirnos a eventos que informan cuando la orientación del dispositivo cambia.
• Es posible hacer una brujula
Device Orientation
Offline/Online• Podemos suscribirnos a eventos que informan el
estado de conexión a la red
Application Cache• Podemos definir la información que el navegador
debe almacenar• Determina que información se va a mostrar cuando
el usuario esté offline.
Storage• Permite persistir información en el navegador.• Varios tipos de almacenamiento:
• ¿Qué se supone que el desarrollador debe hacer al respecto?
El ingreso de datos es complicado
¿Qué podemos hacer?
Tipo de Input Semánticos• Facilitan el ingreso de datos• Dependiendo del tipo, nos muestran teclados
especializados.
Características de Hardware únicas
¿Qué podemos hacer?
Camera - Media Capture• Podemos acceder a la cámara del dispositivo móvil.
Full screen• Posiblidad de poner en modo de pantalla completa.
Todo es más lento
¿Qué podemos hacer?
Timing API
Timing API
Conclusiones• Podemos adaptarnos a los tamaños de pantallas• Podemos adaptarnos a los usuarios en movimiento• Agilizar el ingreso de datos• Integrarnos con características del dispositivo• Medir la performance
