Los desafios en el desarrollo de aplicaciones para smart devices

1,430 views
1,309 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,430
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

    ×