Chapuzón en el mar      móvil           Adrián Catalánadriancatalan@elementalgeeks.com               @ykro
¿por qué móviles?
Seminario Profesional 101/03/2012                             3                    Clase 1
Seminario Profesional 101/03/2012                             6                    Clase 1
Los convencí, Joomla goes mobile!
¿qué esperamos de un móvil?
Restricciones
¿Dispositivos?
Navegador
Hora de nadar
Consideraciones
PORTEAR        OPTIMIZACIONES          PRUEBAS       DESARROLLO         PROTOTIPO          DISEÑO    PLAN DE DISPOSITIVOS ...
Entry points
Navegación
Contenido
Patrones de diseñonativo
Artículos
Secciones y Categorías
Menús
Componentes
Plantillas
Extensiones
Herramientas
Librería de widgets
Soporte para eventos táctiles
UI Unificada
Soporte• A-grade – Full enhanced experience with Ajax-  based animated page transitions.• B-grade – Enhanced experience ex...
Provee elementos de interface
No proveeGeo / Canvas / Storage
http://validator.w3.org/mobile/
User Agent Switcher
Pruebas con dispositivos reales
¿Listos para el primer chapuzón?
Adrián Catalánadriancatalan@elementalgeeks.com            @ykro
Joomla Day 2012 - Chapuzón en el mar móvil
Joomla Day 2012 - Chapuzón en el mar móvil
Joomla Day 2012 - Chapuzón en el mar móvil
Joomla Day 2012 - Chapuzón en el mar móvil
Joomla Day 2012 - Chapuzón en el mar móvil
Joomla Day 2012 - Chapuzón en el mar móvil
Joomla Day 2012 - Chapuzón en el mar móvil
Joomla Day 2012 - Chapuzón en el mar móvil
Próxima SlideShare
Cargando en…5
×

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

732 visualizaciones

Publicado el

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

Publicado en: Tecnología
0 comentarios
0 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

Sin descargas
Visualizaciones
Visualizaciones totales
732
En SlideShare
0
De insertados
0
Número de insertados
1
Acciones
Compartido
0
Descargas
8
Comentarios
0
Recomendaciones
0
Insertados 0
No insertados

No hay notas en la diapositiva.
  • Beleive What you see, not what you read
  • Forget What you think you know
  • URLSBreadcrumbsMenúLinks & ImágenesHeader and FooterPaginación
  • MobileBotMobile Joomla!
  • <html> <head> <title>Hello World</title> <script src="sencha-touch.js" type="text/javascript"></script> <link href="sencha-touch.css" rel="stylesheet" type="text/css" /> <script type="text/javascript"> new Ext.Application({ launch: function() { new Ext.Panel({fullscreen: true, html: 'HolaMundo!' }); } }); </script> </head> <body></body></html>
  • <html> <head> <title>Page Title</title> <link rel="stylesheet" href="jquery.mobile.css" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.mobile.js"></script> </head> <body> <div data-role="page"> <div data-role="content"> <p>Hello World.</p> </div> </div> </body></html>
  • Forget What you think you know
  • Joomla Day 2012 - Chapuzón en el mar móvil

    1. 1. Chapuzón en el mar móvil Adrián Catalánadriancatalan@elementalgeeks.com @ykro
    2. 2. ¿por qué móviles?
    3. 3. Seminario Profesional 101/03/2012 3 Clase 1
    4. 4. Seminario Profesional 101/03/2012 6 Clase 1
    5. 5. Los convencí, Joomla goes mobile!
    6. 6. ¿qué esperamos de un móvil?
    7. 7. Restricciones
    8. 8. ¿Dispositivos?
    9. 9. Navegador
    10. 10. Hora de nadar
    11. 11. Consideraciones
    12. 12. PORTEAR OPTIMIZACIONES PRUEBAS DESARROLLO PROTOTIPO DISEÑO PLAN DE DISPOSITIVOS ESTRATEGIA CONTEXTONECESIDADES & METAS IDEAS http://brianfling.com/
    13. 13. Entry points
    14. 14. Navegación
    15. 15. Contenido
    16. 16. Patrones de diseñonativo
    17. 17. Artículos
    18. 18. Secciones y Categorías
    19. 19. Menús
    20. 20. Componentes
    21. 21. Plantillas
    22. 22. Extensiones
    23. 23. Herramientas
    24. 24. Librería de widgets
    25. 25. Soporte para eventos táctiles
    26. 26. UI Unificada
    27. 27. 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
    28. 28. Provee elementos de interface
    29. 29. No proveeGeo / Canvas / Storage
    30. 30. http://validator.w3.org/mobile/
    31. 31. User Agent Switcher
    32. 32. Pruebas con dispositivos reales
    33. 33. ¿Listos para el primer chapuzón?
    34. 34. Adrián Catalánadriancatalan@elementalgeeks.com @ykro

    ×