Joomla Day 2012 - Chapuzón en el mar móvil

42
Chapuzón en el mar móvil Adrián Catalán adriancatalan@elementalge eks.com @ykro

description

Charla que di para el Joomla Day Guatemala 2012 sobre como volver un sitio móvil

Transcript of Joomla Day 2012 - Chapuzón en el mar móvil

Page 1: Joomla Day 2012 - Chapuzón en el mar móvil

Chapuzón en el mar móvil

Adrián Catalá[email protected]

@ykro

Page 2: Joomla Day 2012 - Chapuzón en el mar móvil

¿por qué móviles?

Page 3: Joomla Day 2012 - Chapuzón en el mar móvil

08/04/2023Seminario Profesional 1

Clase 13

Page 4: Joomla Day 2012 - Chapuzón en el mar móvil
Page 5: Joomla Day 2012 - Chapuzón en el mar móvil
Page 6: Joomla Day 2012 - Chapuzón en el mar móvil

08/04/2023Seminario Profesional 1

Clase 16

Page 7: Joomla Day 2012 - Chapuzón en el mar móvil

Los convencí, Joomla goes mobile!

Page 8: Joomla Day 2012 - Chapuzón en el mar móvil

¿qué esperamos de un móvil?

Page 9: Joomla Day 2012 - Chapuzón en el mar móvil

Restricciones

Page 10: Joomla Day 2012 - Chapuzón en el mar móvil

¿Dispositivos?

Page 11: Joomla Day 2012 - Chapuzón en el mar móvil
Page 12: Joomla Day 2012 - Chapuzón en el mar móvil

Navegador

Page 13: Joomla Day 2012 - Chapuzón en el mar móvil

Hora de nadar

Page 14: Joomla Day 2012 - Chapuzón en el mar móvil

Consideraciones

Page 15: Joomla Day 2012 - Chapuzón en el mar móvil

NECESIDADES & METASIDEAS

CONTEXTO

PLAN DE DISPOSITIVOS

ESTRATEGIA

DISEÑO

DESARROLLO

PROTOTIPO

PRUEBAS

OPTIMIZACIONES

PORTEAR

http://brianfling.com/

Page 16: Joomla Day 2012 - Chapuzón en el mar móvil

Entry points

Page 17: Joomla Day 2012 - Chapuzón en el mar móvil

Navegación

Page 18: Joomla Day 2012 - Chapuzón en el mar móvil

Contenido

Page 19: Joomla Day 2012 - Chapuzón en el mar móvil

Patrones de diseño nativo

Page 20: Joomla Day 2012 - Chapuzón en el mar móvil

Artículos

Page 21: Joomla Day 2012 - Chapuzón en el mar móvil

Secciones y Categorías

Page 22: Joomla Day 2012 - Chapuzón en el mar móvil

Menús

Page 23: Joomla Day 2012 - Chapuzón en el mar móvil

Componentes

Page 24: Joomla Day 2012 - Chapuzón en el mar móvil

Plantillas

Page 25: Joomla Day 2012 - Chapuzón en el mar móvil

Extensiones

Page 26: Joomla Day 2012 - Chapuzón en el mar móvil

Herramientas

Page 27: Joomla Day 2012 - Chapuzón en el mar móvil
Page 28: Joomla Day 2012 - Chapuzón en el mar móvil
Page 29: Joomla Day 2012 - Chapuzón en el mar móvil
Page 30: Joomla Day 2012 - Chapuzón en el mar móvil
Page 31: Joomla Day 2012 - Chapuzón en el mar móvil

Librería de widgets

Page 32: Joomla Day 2012 - Chapuzón en el mar móvil

Soporte para eventos táctiles

Page 33: Joomla Day 2012 - Chapuzón en el mar móvil

UI Unificada

Page 34: Joomla Day 2012 - Chapuzón en el mar móvil

Soporte

• A-grade – Full enhanced experience with Ajax-based animated page transitions.

• B-grade – Enhanced experience except without Ajax navigation features.

• C-grade – Basic, non-enhanced HTML experience that is still functional

Page 35: Joomla Day 2012 - Chapuzón en el mar móvil

Provee elementos de interface

Page 36: Joomla Day 2012 - Chapuzón en el mar móvil

No proveeGeo / Canvas / Storage

Page 37: Joomla Day 2012 - Chapuzón en el mar móvil

http://validator.w3.org/mobile/

Page 38: Joomla Day 2012 - Chapuzón en el mar móvil

User Agent Switcher

Page 39: Joomla Day 2012 - Chapuzón en el mar móvil
Page 40: Joomla Day 2012 - Chapuzón en el mar móvil

Pruebas con dispositivos reales

Page 41: Joomla Day 2012 - Chapuzón en el mar móvil

¿Listos para el primer chapuzón?

Page 42: Joomla Day 2012 - Chapuzón en el mar móvil

Adrián Catalá[email protected]

@ykro