Generador windows8 una gran oportunidad
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share

Generador windows8 una gran oportunidad

  • 399 views
Uploaded on

 

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
399
On Slideshare
338
From Embeds
61
Number of Embeds
1

Actions

Shares
Downloads
0
Comments
0
Likes
0

Embeds 61

http://www5.genexus.com 61

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide
  • Situacion: Windows 8: no tuvo el exito esperado Tiles funcionan mejor con los dedos pero peor con el mouse WinRT dos OSs en uno Surface: no se vendio bien Lanza a mismo precio de ipad Mercado chico = oferta de apps escasa pero: 100 millones de licencias de Windows 8 en 6+ meses (May/13) 57 millones de activaciones
  • Windows 8.1 Upgrade gratis Feedback de los usuarios Octubre
  • Competencia al momento del lanzamiento: High end = iphone Mid/low end = Android Corporate = Blackberry Ademas: - Se asocia con Nokia = se casa
  • Market share global: 3ro Causa: NOKIA capta transicion de feature pone a smartphone Windows Phone Store 170000+ apps
  • 5B x smartphone & mobile phones 2.2B x patentes Lumia gama baja – bien Tablet RT – 8.1 – Sirius – 10.1” – $ Ipad W Phone 6” - “Bandit”
  • Reestructura – OS / Apps / Cloud / Devices Balmer: “Devices and services” - OS - Terry Meyerson ( win Phone – pie en mobile) Unificacion de Oss Terry Meyerson: “une silicon interface and one set of apis for all devices”
  • W phone – W RT merge ? UI converge - todas las plataformas con la misma UI Terry Myerson: “ one silicon interface and one set of APIs for all devices” Cuando ? Como ?
  • Esta es la pantalla principal de Pesobook. Es un WWSD que tiene un Detail con una tab control y en cada tab hay una sección del WWSD. La conversión es en etapas: Plantear los objetivos de la conversión: No modificar la lógica Adecuarse a las guías de diseño de Windows 8 Reunión con diseñadores, de los objetivos convenimos en que: Toman como referencia las pantallas de la app Android Pueden cambiar todos los colores, tipos de font, etc Pueden cambiar los elementos de lugar No pueden mover datos entre secciones No pueden agregar datos en secciones Si pueden sacar datos de las secciones
  • Luego de varias iteraciones, legamos a esto. La app de dearrolla en una vista panoramica con todas las secciones visibles (estilo HUB de Windows 8)
  • Paso 1 Integrar la nueva paleta de colores a la aplicacion Agregar las clases para los colores que son excepcion, en este caso: Peso actual (blanco/celeste,) Peso inicial (gris oscuro/gris), Peso Objetivo (blanco/verde), tablas de estadisticas (fondo blanco con titulo blanco/negro)
  • Paso 2 Modificar detail del main para que sea una tabla panoramica.
  • Esta es la version para Android: tiene un tab en el detail La seccion de estadisticas de peso hace scroll vertical
  • Se agrega un form al detail para “Windows 8 – Any Size” Se modifica el Detail para que las secciones se muestren horizontalmente, esto conforma la vista panoramica. Se le asigna un espacio fijo a cada columna en funcion del tamano que queremos que tenga el contenido. Se revisa cada seccion para ver que modificaciones son necesarias: Estadisticas de peso – Hay que modificarla para que la informacion se muestr horizontalmente Grafica – No hay que modificarla, la grafica ya esta disenada para que tenga el aspecto Windows 8. Historico de pesos – Hay que modificar el grid par aque cumpla con las guias de diseno. Objetivo – hay que cambiar algunos sontroles de lugar. Fotos – Es una gallery, no hay que tocar nada porque el control ya esta disenado para que tenga el aspecto Windows 8.
  • Esta seccion hay que reorganizarla par aque corra horizontalmente, se usan tamanos fijos de tablas en dips.
  • En los grids Windows 8 no se pueden poner botones en cada row, es una mala practica de diseno. En este caso esto requere cambiar la funcionalidad. El cambio es menor, porque: Los botones en Android llaman al panel de pesos en modo Update y Delete respectivamente. En Windows 8 hay que llamar al mismo panel en sin modo (para que muestr los datos), este panel automaticamente se genera con botones para Update y Delete. De esta forma modificamos la logica solo cambiando los botones por un call al panel desde la accion de seleccion en el grid.
  • Cuando seleccione un elemento del grid, si accedo a la appbar veo los botones de update y delete. No tuve que programar nada para esto mas que el call desde el grid. En este panel agregue ademas un layout par awindows 8 para reformatear la dispocision del contenido de acuerdo al diseno.
  • Otro cambio en los grids es que los tamanos se manejan en dips, esto es principalmente por el hecho de que los forms hacen scroll horizontal, lo que deja sin sentido el ancho porcentual. Este es el grid Android, el tamano es porcentual
  • Este es el layout para Windows 8. El elemento del grid es de tamano fijo en dips. Esto se adapta correctamente a la densidad de la pantalla. Es mejor indicar el tamano en dips en lugar de hacerlo relativo para que el diseno no dependa de la resolucion del monitor del pc donde la app corre.
  • Este es el resultado final
  • Hay que implementar el modo snapped, este requiere reorganizar el detail incluyendo todas la secciones, las secciones que no queremos que aparezcan (grafica, historico, objetivo y fotos) se les pone Visible = false, de esta forma al cambiar a modo snapped se reordenan y ocultan las que no queremos que se vean sin que sea necesario un refresh. Se crea otro tema con el tamano de fonts reducido.
  • Otro cambio de funcionalidad es que en Android al iniciar Pesobook la primera vez aprarece una pantalla de setup, que permite indicar el peso, altura, etc. de la persona, y opcionalmente si ya es usuario permite ir a otra pantalla para hacer el login.
  • En windows 8 como sobra pantalla, parecia mas indicado permitir las dos acciones en la misma pantalla.
  • Para esto se agrego un layout que incluya todos los datos de setup y login, lo unico que hubo que programar es la accion de login. El panel sigue siendo compatible en las otras plataformas.
  • Los grids verticales parsan a ser horizontales, el grid horizontal es muy flexible, solo hay que indicarle el tamano del elemento en dips y en funcion del tamtano disponible agrega tantas columnas como sean necesarias. El scroll es horizontal.
  • Mismo caso en este panel, el scroll del panel pasa a ser horizontal. Los productos recomendados se muestran en un grid en donde cada elemento se disena con un tamano fijo en dips, y el grid los dispone de la mejor forma posible.

Transcript

  • 1. #GX23 Generador Windows 8: una gran oportunidad Alejandro Silva
  • 2. #GX23
  • 3. #GX23
  • 4. #GX23
  • 5. #GX23 Windows Phone / Windows RT
  • 6. #GX23 Problema En dónde invertir? Windows RT? Windows Phone? Qué pasa cuando se fusionen?
  • 7. #GX23 + +
  • 8. #GX23 BAJO COSTO?
  • 9. #GX23 Caso 1 Plataformas: Android, IOS, Web Objetivos: -Cumplir con guías Windows 8 -No modificar la lógica
  • 10. #GX23
  • 11. #GX23 a) Toman como referencia las pantallas de la app Android b) Pueden cambiar todos los colores, tipos de font, etc c) Pueden cambiar el tamaño de los elementos y su ubicación d) No pueden mover datos entre los tabs e) No pueden agregar datos f) Si pueden sacar datos de las secciones
  • 12. #GX23
  • 13. #GX23
  • 14. #GX23
  • 15. #GX23
  • 16. #GX23
  • 17. #GX23
  • 18. #GX23
  • 19. #GX23
  • 20. #GX23
  • 21. #GX23
  • 22. #GX23 Caso 2 Plataformas: Android, IOS
  • 23. #GX23
  • 24. #GX23
  • 25. #GX23 + Make a difference
  • 26. #GX23 www.genexus.com/encuentro @genexus#GX23