Genexus y Windows 8   Alejandro Silva
API
Windows 8• Principios de diseño   –   Content before chrome   –   Fast and fluid   –   View States   –   Contracts   –   C...
Layout/navegación
Exec model
Async modelvar picker = new Storage.Pickers.FileOpenPicker();picker.fileTypeFilter.append(".jpg");picker.pickSingleFileAsy...
View States
Contracts
Connected & Alive
Demo Aplicaciones•   PlanetaARG•   My Cute Baby•   Find my Plane•   Manya•   Otros
Implementación• 1) Guidelines   – Hub – Sections – Detail   – View states (snapped)• 2) WinRT - Async• 3) Tile• 4) Contrac...
Generador Windows 8• Smart devices• HTML5/CSS/Javascript• Generar como “Hecho a mano”• Principio de diseño: Más fácil
Layout y navegación• Hub – Sections – Detail =• Dashboard – Work With SD – List & Detail• Navigation bar =• Dashboard item...
Hub
Hub
Grid
Grid
Grid
Detail
Detail
Semantic Zoom
Semantic Zoom
Semantic Zoom
Snapped
Snapped
Contracts
Contracts - Search
Contracs
Tile
Tile
Tile
Oportunidad…
GRACIAS
Generador GeneXus para Windows 8
Generador GeneXus para Windows 8
Upcoming SlideShare
Loading in …5
×

Generador GeneXus para Windows 8

2,106 views

Published on

1 Comment
1 Like
Statistics
Notes
No Downloads
Views
Total views
2,106
On SlideShare
0
From Embeds
0
Number of Embeds
774
Actions
Shares
0
Downloads
11
Comments
1
Likes
1
Embeds 0
No embeds

No notes for slide

Generador GeneXus para Windows 8

  1. 1. Genexus y Windows 8 Alejandro Silva
  2. 2. API
  3. 3. Windows 8• Principios de diseño – Content before chrome – Fast and fluid – View States – Contracts – Connected and alive
  4. 4. Layout/navegación
  5. 5. Exec model
  6. 6. Async modelvar picker = new Storage.Pickers.FileOpenPicker();picker.fileTypeFilter.append(".jpg");picker.pickSingleFileAsync().then( function (fi) { return fi.openAsync(Storage.FileAccessMode.read); }).then( function (stream) { return Imaging.BitmapDecoder.createAsync(stream); }).then( function (decoder) { decoder. …});
  7. 7. View States
  8. 8. Contracts
  9. 9. Connected & Alive
  10. 10. Demo Aplicaciones• PlanetaARG• My Cute Baby• Find my Plane• Manya• Otros
  11. 11. Implementación• 1) Guidelines – Hub – Sections – Detail – View states (snapped)• 2) WinRT - Async• 3) Tile• 4) Contracts – Search? Share?
  12. 12. Generador Windows 8• Smart devices• HTML5/CSS/Javascript• Generar como “Hecho a mano”• Principio de diseño: Más fácil
  13. 13. Layout y navegación• Hub – Sections – Detail =• Dashboard – Work With SD – List & Detail• Navigation bar =• Dashboard items• Application bar =• Acciones contextuales
  14. 14. Hub
  15. 15. Hub
  16. 16. Grid
  17. 17. Grid
  18. 18. Grid
  19. 19. Detail
  20. 20. Detail
  21. 21. Semantic Zoom
  22. 22. Semantic Zoom
  23. 23. Semantic Zoom
  24. 24. Snapped
  25. 25. Snapped
  26. 26. Contracts
  27. 27. Contracts - Search
  28. 28. Contracs
  29. 29. Tile
  30. 30. Tile
  31. 31. Tile
  32. 32. Oportunidad…
  33. 33. GRACIAS

×