Contenido web en múltiples pantallas

1,287 views

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,287
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Contenido web en múltiples pantallas

    1. 1. Contenido Web enMúltiples Pantallas Edgar Parada edgarparada@activ.com.mx Adobe Community Champion
    2. 2. México
    3. 3. México
    4. 4. México
    5. 5. México
    6. 6. México
    7. 7. México
    8. 8. México
    9. 9. México
    10. 10. México
    11. 11. Agenda• Motivación / Ecosistema Móvil• Browsers Móviles• Contenido Elásticos• HTML5 y Flash "Pequeños" Tips• Cómo llegamos a Wallaby• Apps Móviles vs Web• Mirando hacia jQuery Mobile, PhoneGap y demás...• Inspiración
    12. 12. MotivaciónActualmente hay una realidad en la industria “Losusuarios esperan que sus sitios funcionen en susteléfonos” (y tablets!) esto dentro de poco tiempo vaa provocar que el soporte móvil se convierta en algoestándar para cualquier sitio web.Los diseñadores/desarrolladores web deberían estaraprendiendo a crear sitios web móviles, no es difícil.
    13. 13. Ecosistema Móvil Análisis de Canalys a nivel global, 2010 Q4
    14. 14. Browsers MóvilesMid-range (45%) Business (35%) High-end (20%) Presto Mango - Webkit Webkit Gecko - Webkit Trident Webkit http://quirksmode.org/mobile/browsers.html
    15. 15. Dominio de iPhoneEl iPhone (y ahoraAndroid) fueron creadoscomo SO para navegar.Apple se aseguro queaquellos que compraranun iPhone tambiéncompraran un plan dedatos para navegar.
    16. 16. Un poco de testing (demo)Probablemente ya tenés un iPhone o un Android, así que loprimero es conseguir un Nokia o un BlackBerry de mediocachete.Lo segundo es un emulador, puedes revisar algunos aquíhttp://mobiforge.com/emulators/page/mobile-emulatorsUn plugin no sería mala idea, por ejemplo Web DeveloperToolbar con Small Screen Text RenderingY por último un servidor web, que por comodidad y rapidezpuede ser local.
    17. 17. Contenidos ElásticosHablamos de estirar unlayout pensando en que sutamaño cambie cuando elusuario modifique el tamañode la tipografía.La idea es aprovechar lamezcla de unidades(absolutas y/o relativas) paralograr layouts autoajustables.
    18. 18. HTML5 o Flash HTML5 y FlashHTML5 representa un gran avance para el desarrollo web móvil,entre algunas de sus características: Soporte Offline, Canvas y Video,API de Geolocalización, Formularios Avanzados.
    19. 19. ¿Como llegamos a Wallaby?
    20. 20. Apps Móviles vs WebAnteriormente pensar en aplicaciones para dispositivos móviles erasolo posible a partir tecnologías propietarias.Hoy en día tenemos múltiples opciones: desarrollo nativo,tecnologías cross-platform, HTML5/CSS & Javascript.
    21. 21. Gracias Totales :-) Edgar Parada Adobe Community Champion

    ×