Genexus y Windows 8

Alejandro Silva

API

Windows 8• Principios de diseño

– Content before chrome– Fast and fluid– View States– Contracts– Connected and alive

Layout/navegación

Exec model

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. …

});

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) Contracts– Search? Share?

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 items

• Application bar = • Acciones contextuales

Hub

Hub

Grid

Grid

Grid

Detail

Detail

Semantic Zoom

Semantic Zoom

Semantic Zoom

Snapped

Snapped

Contracts

Contracts - Search

Contracs

Tile

Tile

Tile

Oportunidad…

GRACIAS