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

on

  • 1,462 views

 

Statistics

Views

Total Views
1,462
Views on SlideShare
1,447
Embed Views
15

Actions

Likes
0
Downloads
7
Comments
0

1 Embed 15

http://www2.gxtechnical.com 15

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • ¿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 Los desafios en el desarrollo de aplicaciones para smart devices Presentation Transcript

  • 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 • Margin & Padding • Y más…
  • 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 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
  • 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
  • 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