Los desafíos en el desarrollo deaplicaciones para smart devices   Anibal Gonda
Look & FeelSecurityKnowledge BaseMarkets
LOOK & FEEL
Layouts
Temas – Nuevo Objeto                •   Colores                •   Fondos                •   Tipos de Letra               ...
Temas• Uso de temas por plataforma
Una imagen vale más               ”que mil palabras
Icono de la aplicación        iPhone    iPad      iPhone 4         iPod     72x72px   114x114px        57x57px            ...
TipsTrabajar con un diseñadorgráfico experimentadoLean el artículo que seencuentra en el wiki• “Imágenes para aplicaciones...
Controles para SD
Ejemplos
Tips• Layouts diferentes  – Any Platform  – iPhone  – iPad
Tips - Phones
Tips - Tablets
Look & Feel Tips        Funcionalidad primero        Layouts para phones               Íconos         Layouts para tablets
SEGURIDAD
TipsUsen GAMNo modifiquen el ejemplo, copienlo.• Login• Register
KNOWLEDGE BASE
Tips Usen SDT & Dataproviders Usen la nube para prototipar
Development   Production    KB           KBPROTOTYPE         PRODUCTION
PLATAFORMAS
Dimensiones     OS          Size•Android      •Phones•iOS          •Tablets•Blackberry
Android Tips Evitar el emulador Test en teléfonos pequeños
IOS Tips Use KB Navigator   Use emulator if if you have a PC   you have a MAC
MARKETS
Markets     Apple Store
LAS APLICACIONES
Los desafios en el desarrollo de aplicaciones para smart devices
Los desafios en el desarrollo de aplicaciones para smart devices
Los desafios en el desarrollo de aplicaciones para smart devices
Los desafios en el desarrollo de aplicaciones para smart devices
Los desafios en el desarrollo de aplicaciones para smart devices
Upcoming SlideShare
Loading in …5
×

Los desafios en el desarrollo de aplicaciones para smart devices

1,272
-1

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,272
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
10
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • ¿Qué es el layout?El layout es el pantalla, asi como tenemos los web forms, los winforms, tenemos los layouts de los SD. Se ven los datos a mostrarse, los controles a utilizarse y en que lugar los ponemos.En Genexus se lo puede encontrar en las transacciones y en los objetos panelsfor SD.>CLICKEn este caso, es el layout usado para para la transacción de Beneficios.Donde se ecuentra el layout? En las trn, en el tabPatterns (flecha1), PatternWorkWithfor SD (flecha2). Y alli se puede trabajar en la pantalla de los Lists (flecha3), y en la de los Details (flecha4). Para cada lista o detail, se puede trabajar un layout para todas las plataformas (anyplatform) o diseñar una por cada una de ellas: Android (teléfono y tableta), Blackberry, iPhone (teléfono y tableta). (flecha5).
  • Conceptualmente es lo mismo que el tema web, es el mismo propòsito , la única diferencia es que es para smartdevices.Se usan para dar color y formato a los controles de una forma uniforme. No hay que configurar cada uno de ellos N veces, sino que se le aplica una clase, y en ella se setean las propiedades que gusten.Cuenta con clases y propiedades
  • Este ícono es el que identifica a la aplicación en el dispositivo. Para iOS hay que hacer 4 íconos en distintos tamaños, siempre la misma imagen, nosotros hacemos estos 4 que se ven aquí. Luego el dispositivo se encarga de hacerle los bordes redondeados, ponerle el brillo y la sombra para que queden todos los íconos similares, por suerte de eso no nos tenemos que preocupar nosotros!Para Android también tenemos que hacer el ícono en distintos tamaños, pero esta vez para hacerlo un poco más complejo también entra en juego algo llamado Densidad de la imagen
  • Los controles especificos para smardevices es importante conocerlos para tratar de utilizarlos, son importantes para la usabilidad de este tipo de aplicaciones. Los inputs son en general mas de este tipo. O varios clicks en caso de no contar con pantallas táctiles. Hay que evitar el uso del teclado en lo posible.Hay algunos UC que vienen en Gx y otros que se pueden crear.
  • SdmapsWheelRatingEn la próxima charla, Franklin va a estar comentando mas en detalle sobre los controles con los que contamos.
  • Cualquier plataformaiPhoneiPadFue mucho másdificilhacer la aplicación en cuestión de diseño para el iPadEn el telefono la preocupación es como hacer para poner todo en un lugar tan pequeñoEn camnbio en el iPad es como hago para llenar tanto espacio
  • La cantidad de Tabs que se pueden ponerEntran solo 5 tabs
  • Es mucho más complejo diseñar para una tableta, ya que como decía hay que lograr una armonía con mucho más espacio.En el telefono no hubo que hacer nada, en cambio en la tableta hay que trabajar mucho más
  • Mi experiencia es que tuve mas problemas de look&feel en tablets que en phones.
  • Luego de unas semanas de trabajo, teníamos grandes avancesEsto es beneficios después en Android
  • Los desafios en el desarrollo de aplicaciones para smart devices

    1. 1. Los desafíos en el desarrollo deaplicaciones para smart devices Anibal Gonda
    2. 2. Look & FeelSecurityKnowledge BaseMarkets
    3. 3. LOOK & FEEL
    4. 4. Layouts
    5. 5. Temas – Nuevo Objeto • Colores • Fondos • Tipos de Letra • Margin & Padding • Y más…
    6. 6. Temas• Uso de temas por plataforma
    7. 7. Una imagen vale más ”que mil palabras
    8. 8. Icono de la aplicación iPhone iPad iPhone 4 iPod 72x72px 114x114px 57x57px iTunes 512x512px • extra alta (xhdpi).- 320 dpi en 96 x 96 px • alta (hdpi) - 240 dpi en 72 x 72 px • media (mdpi) - 160 dpi en 48 x 48 px • baja (ldpi) - 120 dpi en 36 x 36 px
    9. 9. TipsTrabajar con un diseñadorgráfico experimentadoLean el artículo que seencuentra en el wiki• “Imágenes para aplicaciones Smart Devices” http://wiki.gxtechnical.com/commwiki/servlet/hwiki?Im%C3%A1genes+para+aplicaciones+Smart+Devices
    10. 10. Controles para SD
    11. 11. Ejemplos
    12. 12. Tips• Layouts diferentes – Any Platform – iPhone – iPad
    13. 13. Tips - Phones
    14. 14. Tips - Tablets
    15. 15. Look & Feel Tips Funcionalidad primero Layouts para phones Íconos Layouts para tablets
    16. 16. SEGURIDAD
    17. 17. TipsUsen GAMNo modifiquen el ejemplo, copienlo.• Login• Register
    18. 18. KNOWLEDGE BASE
    19. 19. Tips Usen SDT & Dataproviders Usen la nube para prototipar
    20. 20. Development Production KB KBPROTOTYPE PRODUCTION
    21. 21. PLATAFORMAS
    22. 22. Dimensiones OS Size•Android •Phones•iOS •Tablets•Blackberry
    23. 23. Android Tips Evitar el emulador Test en teléfonos pequeños
    24. 24. IOS Tips Use KB Navigator Use emulator if if you have a PC you have a MAC
    25. 25. MARKETS
    26. 26. Markets Apple Store
    27. 27. LAS APLICACIONES
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×