seminario wp7 mictt

Windows Phone 7

ÍndiceIntroducciónPrincipios de diseñoPlataforma de AplicacionesDesarrollo de Aplicaciones con SilverlightDesarrollo de Aplicaciones con XNA

Evolución Windows Mobile

Windows CE 1.0

Windows CE 2.0

Windows CE 3.0

Windows CE 4.0

Windows Mobile 5.0

Windows Mobile 6.0

Windows Mobile 6.5

1996 1997 2000 2002 2005 2007 2009

Un teléfono diferente,diseñado para una vida en movimiento

Usuario

Diseño

Experiencia

Plataforma

Filosofía

Diferente, Por Buenas Razones

Diseño Inteligente

Experiencias Integradas

Metro Design Language

Experiencias Integradas

7

PEOPLE OFFICE MARKETPLACE

PICTURESMUSIC+VIDEO GAMES

Principios UX

Claro y sencilloTipografíaMovimientoContenido sin excesos gráficosHonestidad

Principios: Claridad y sencillezTareas primariasMucho con muy PocoReducción de elementos Uso inteligente del espacio

Principios: Tipografía

BellezaClaridadEquilibrio

Principios: Movimiento

Respuesta y dinamismoEntorno uniformeUsabilidadTransicionesDimensión y profundidad

Principios: Contenido sin excesos gráficosContenido vs AdornosMenos elementos visualesEl contenido es la UIInteractuación con contenido

Principios: Honestidad

Diseñada para el terminalAutenticamente digitalNo querer aparentar lo que NO esSer directo

Let’s Play

Windows Phone 7Plataforma de Aplicaciones

Botones Hardware| Inicio, Búsqueda, Atrás

Hardware EstandarizadoPantalla táctil4 o más puntos de contacto

SensoresA-GPS, Acelerómetro, Brújula, Luz Ambiente, Sensor de ProximidadCamera5 mega pixels o más, requerimiento flash, botón cámaraMultimediaEspecificaciones comunes detalladas, aceleración de códecs

Memoria256MB RAM o más, 8GB Flash o más

GPUDirectX 9 acceleration

CPUARMv7 Cortex/Scorpion o mejor

800

WV

GA

/ 4

80

H

VG

A

480 WVGA / 320 HVGA

Terminales disponibles

Samsung Omnia 7 HTC Trophy 7 LG Optimus 7

Objetivos de la plataforma

Ayudar a los usuarios a personalizar sus teléfonos

Ayudar a los desarrolladores a reutilizar conocimientos

Permitir experiencias en la nube

CLOUD

SCREEN

Elementos de la Plataforma de Aplicaciones

Cloud Services

Runtime – On “Screen”

Código en cliente

Código en el servidor

Tools & Support

Developer Portal Services

Herramientas para el diseño y desarrollo

Herramientas para

empaquetar y vender

CLOUD

SCREEN

Phone Emulator

Samples Documentation

Guides Community

Packaging and Verification Tools

Notifications

Location Identity Feeds

MapsSocial

App Deployment Registration

Validation

Certification

Publishing

Marketplace

MO and CC Billing

Business Intelligence

Update Management

Tools & Support

Portal ServicesCloud Services

Sensors Media Data

Xbox LIVE Notifications

.NET Framework managed code sandbox

Location

Phone

Runtime – On “Screen”

Elementos de la Plataforma de Aplicaciones

CLOUD

SCREEN

Notifications

Location Identity Feeds

MapsSocial

App Deployment

Cloud Services

Elementos de la Platforma de Aplicaciones

Cloud Services

Utiliza APIs conocidas; Windows Communication Foundation SOAP. REST. LINQ.

Terceros

Lo creamos; Lo usamos; Fácilmente realizable con Windows Azure

Propios

NotificationsLocationXbox LIVEApp Deployment & Marketplace

Microsoft

CLOUD

SCREEN

Sensors Media Data

Xbox LIVE Notifications

.NET Framework managed code sandbox

Location

Phone

Runtime – On “Screen”

Elementos de la Platforma de Aplicaciones

Dos modelos de aplicaciones

Framework de juegos de alto rendimiento

Creación rápida de juegos 2D y 3D multipantalla

Rico pipeline de contenido

XAML Framework Creación rápida de

aplicaciones visualmente impresionantes

UI con controles basados en la temática de “Metro”

HTML/JavaScript

CLOUD

SCREEN

Phone EmulatorSample

sDocumentation

Guides Community

Packaging and Verification Tools

Tools

Elementos de la Platforma de Aplicaciones

Windows Phone Developer Tools

Packaging & Verification Toolsmyapp.xap

Windows Phone device

Windows PhoneEmulator

Phone EmulatorSamples DocumentationGuides Community

Packaging and Verification Tools

Tools

CLOUD

SCREEN

Registration

Validation

Certification

Publishing

Marketplace

MO and CC Billing

Business Intelligence

Update Management

Portal Services

Elementos de la Platforma de Aplicaciones

Proceso de implementación

Desarrollar& Testear

Entregar& Validar

Certificación & Firma

Windows Phone Application Deployment Service

Marketplace

Marketplace Descubrir• Facilidad para encontrar

aplicaciones y juegos• Navegacíón divertida

Adquisición simple y segura• Provar antes de comprar• Comprar y descargar en un suspiro• Flexibilidad de pago

(MO billing y tarjeta de crédito)

Desarrollo de aplicaciones con Silverlight

Silverlight 1September 2007

Silverlight 2October 2008

Silverlight 3July 2009

Silverlight 4April 2010

Aplicaciones de negocio

MultimediaBeyond the Browser

Silverlight 4

Composición Gráfica

App Bar

SIP

App PageStart Experience

Incoming Call

System TrayNotification

Volume

Direct3D Surface

El Marco Contenedor compone todos los interfaces en una sola pantalla

La página de administración central permite manejar transisciones y otros efectos

Experiencia de desarrollo

Aplicación de teléfonoProporciona UI representados como páginas XAML conectadas por URI’s

Modelo UI: Conceptos Web familiares Aplicación WebProporciona recursos audiovisuales como recursos HTTP vinculados mediante URL’s

Marco contenedorSolicita páginas, crea UI y maneja la navegación entre apps

Sesiones y PilaAgrupa secuencias de páginas acorde a las actividades del usuario a través de las apps

Explorador WebSolicita recursos HTTP, los genera y maneja la navegación entre los sitios

Historial y etiquetasAgrupa secuencias de recursos HTTP acorde a las actividades del usuario a través de los sitios

Se mantiene en el marco para restaurar la sesión

Desaparece mientras la sesión está pausada

UI y Administración de Estado: Conceptos

UI PáginaDescribe la

apariencia visual de la página

Estado de la Página

Contiene la información que

describe una instancia de la

página, análogo a las cookies del navegador

Controles del teléfono

Controles de Silverlight

Mouse Events Modificado automáticamente

ScrollViewerComo Silverlight

GesturesControl SIP (Software Input Panel) y el control

WebBrowser permiten gestosManipulations

Todos los elementos UI

Controles Táctiles

Plantillas de controlesSimples y elegantesUso de transparenciaSobredimensionados

TematizaciónPersonalizaciónLos controles integrados se tematizan

automáticamenteLas aplicaciones pueden usar temas

Plantillas de Controles & Tematización

FrameContenedor Top-level

PageOcupa la región de

contenido del framePage Navigation

AdelanteAtrásBotón Hardware Atrás

Frame & Page Navigation

Demo Navigation

Muestra contenido de red y localGestosPermite transforms & projectionsLa aplicación puede interactuar

con JavaScriptOptimizado para privacidad

Script deshabilitados por defectoAislamiento de cookies y caché

Control WebBrowser

Demo Web Browser

Barra de herramientasHasta 4 iconosPodemos configurar el nivel de transparenciaEl menú Slide up puede mostrar más ítemsPodemos declararlo en código o en XAML

Iconos48 pixels x 48 pixels Blanco en primer plano y de fondo transparenteUsa composición alfaLos iconos se colorean en función del estilo

actual

Application Bar

Demo Application Bar

Desarrollo de aplicaciones con XNA

XNA Game StudioFacilita el desarrollo de juegos

El framework XNA proporciona APIs robustas

Herramientas C#, .NET y Visual Studio

Soluciones para el procesado de contenido

No es un motor de soluciones

Crear Juegos

XNA Game Studio

Desarrollo paraWindows Phone

API’s gráficas

simplificadas

Integrado Visual

Studio 2010

Soporte Audio

Nuevos efectos

configurables

Demo Catapult War’s

GráficosPara un control UI mejor elegir SilverlightTratamiento de vectores gráficos en XAML

Audiovisual Alto soporte de aplicaciones de video

HerramientasSi usamos Microsoft Blend en nuestra línea de negocio

Elegir la tecnología correcta

GráficosUso de gráficos 3DAplicaciones 2D pesadas

Simulación/DibujoSi preferimos un marco tradicional de presentación dibujo y actualización

HerramientasAquellos que quieren usar los tipos gráficos de Content Pipeline que proporcionel el framework XNA

Elegir la tecnología correcta

Demo MICTT Game

Recursos• http://developer.windowsphone.com• http://windowsteamblog.com/blog/

wpdev• MSDN• TECHNET

Muchas gracias por su atención

Q&A