10. 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
11. Tips
Trabajar con un diseñador
gráfico experimentado
Lean el artículo que se
encuentra en el wiki
• “Imágenes para aplicaciones Smart
Devices”
http://wiki.gxtechnical.com/commwiki/servlet/hwiki?Im%C3%A1genes+para+aplicaciones+Smart+Devices
¿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