The document discusses Genexus and Windows 8. It covers Windows 8 design principles like content before chrome, fast and fluid experiences, view states, contracts, and being connected and alive. It also discusses Windows 8 APIs, layout and navigation, asynchronous programming model, view states, contracts, connected and alive experiences, and Genexus for building Windows 8 applications. Example applications built with Genexus for Windows 8 are also highlighted.

1. Genexus y Windows 8
Alejandro Silva

3. API

5. Windows 8
• Principios de diseño
– Content before chrome
– Fast and fluid
– View States
– Contracts
– Connected and alive

6. Layout/navegación

7. Exec model

8. Async model
var 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. …
});

9. View States

10. Contracts

11. Connected & Alive

12. Demo Aplicaciones
• PlanetaARG
• My Cute Baby
• Find my Plane
• Manya
• Otros

13. Implementación
• 1) Guidelines
– Hub – Sections – Detail
– View states (snapped)
• 2) WinRT - Async
• 3) Tile
• 4) Contracts
– Search? Share?

14. Generador Windows 8
• Smart devices
• HTML5/CSS/Javascript
• Generar como “Hecho a mano”
• Principio de diseño: Más fácil

15. Layout y navegación
• Hub – Sections – Detail =
• Dashboard – Work With SD – List & Detail
• Navigation bar =
• Dashboard items
• Application bar =
• Acciones contextuales

16. Hub

17. Hub

18. Grid

19. Grid

20. Grid

21. Detail

22. Detail

23. Semantic Zoom

24. Semantic Zoom

25. Semantic Zoom

26. Snapped

27. Snapped

28. Contracts

29. Contracts - Search

30. Contracs

31. Tile

32. Tile

33. Tile

34. Oportunidad…

35. GRACIAS