El documento analiza los principios de diseño y el desarrollo de aplicaciones para dispositivos móviles utilizando plataformas como Silverlight y XNA. Se describe la evolución de Windows Mobile y la arquitectura de las aplicaciones, centrándose en la usabilidad, interactividad y el uso eficiente de recursos. También se mencionan las herramientas de soporte y el proceso de implementación en el marketplace de aplicaciones.

2. Índice
 Introducción
 Principios de diseño
 Plataforma de Aplicaciones
 Desarrollo de Aplicaciones con Silverlight
 Desarrollo de Aplicaciones con XNA

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

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

5. Diferente,
Por Buenas Razones

6. Metro Design Language

7. Experiencias Integradas
7

8. Claro y sencillo
Tipografía
Movimiento
Contenido sin excesos gráficos
Honestidad

9. Tareas primarias
Mucho con muy Poco
Reducción de elementos
Uso inteligente del espacio

10. Belleza
Claridad
Equilibrio

11. Respuesta y dinamismo
Entorno uniforme
Usabilidad
Transiciones
Dimensión y profundidad

12. Contenido vs Adornos
Menos elementos visuales
El contenido es la UI
Interactuación con contenido

13. Diseñada para el terminal
Autenticamente digital
No querer aparentar lo que NO es
Ser directo

14. Let’s Play

16. Hardware Estandarizado

17. Terminales disponibles
Samsung Omnia 7 HTC Trophy 7 LG Optimus 7

18. Objetivos de la plataforma

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

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

21. CLOUD
SCREEN
Notifications
Location Identity Feeds
MapsSocial
App Deployment
Cloud Services
Elementos de la Platforma de Aplicaciones

22. Cloud Services

23. CLOUD
SCREEN
Sensors Media Data
Xbox LIVE Notifications
.NET Framework managed code sandbox
Location
Phone
Runtime – On “Screen”
Elementos de la Platforma de Aplicaciones

24. Dos modelos de aplicaciones

25. CLOUD
SCREEN
Phone Emulator
Samples Documentation
Guides Community
Packaging and Verification Tools
Tools
Elementos de la Platforma de Aplicaciones

26. Windows Phone Developer Tools
myapp.xap
Windows Phone
device
Windows Phone
Emulator
Phone Emulator
Samples Documentation
Guides Community
Packaging and Verification Tools
Tools

27. CLOUD
SCREEN
Registration
Validation
Certification
Publishing
Marketplace
MO and CC Billing
Business Intelligence
Update Management
Portal Services
Elementos de la Platforma de Aplicaciones

28. Proceso de implementación

29. 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)

31. Silverlight 1
September 2007
Silverlight 2
October 2008
Silverlight 3
July 2009
Silverlight 4
April 2010
 Aplicaciones de negocio
 Multimedia
 Beyond the Browser
Silverlight 4

32. Composición Gráfica
El Marco Contenedor compone todos los interfaces en una sola pantalla
La página de administración central permite manejar transisciones y otros efectos

34. Aplicación de teléfono
Proporciona UI
representados como páginas
XAML conectadas por URI’s
Modelo UI: Conceptos Web familiares
Aplicación Web
Proporciona recursos
audiovisuales como recursos
HTTP vinculados mediante
URL’s
Marco contenedor
Solicita páginas, crea UI y
maneja la navegación entre
apps
Sesiones y Pila
Agrupa secuencias de páginas
acorde a las actividades del
usuario a través de las apps
Explorador Web
Solicita recursos HTTP, los
genera y maneja la
navegación entre los sitios
Historial y etiquetas
Agrupa secuencias de
recursos HTTP acorde a las
actividades del usuario a
través de los sitios

35. 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ágina
Describe 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

37. Controles de Silverlight

38.  Mouse Events
 Modificado automáticamente
 ScrollViewer
 Como Silverlight
 Gestures
 Control SIP (Software Input Panel) y el control WebBrowser
permiten gestos
 Manipulations
 Todos los elementos UI
Controles Táctiles

39.  Plantillas de controles
 Simples y elegantes
 Uso de transparencia
 Sobredimensionados
 Tematización
 Personalización
 Los controles integrados se tematizan automáticamente
 Las aplicaciones pueden usar temas
Plantillas de Controles & Tematización

40.  Frame
 Contenedor Top-level
 Page
 Ocupa la región de
contenido del frame
 Page Navigation
 Adelante
 Atrás
 Botón Hardware Atrás
Frame & Page Navigation

42.  Muestra contenido de red y local
 Gestos
 Permite transforms & projections
 La aplicación puede interactuar con
JavaScript
 Optimizado para privacidad
 Script deshabilitados por defecto
 Aislamiento de cookies y caché
Control WebBrowser

44.  Barra de herramientas
 Hasta 4 iconos
 Podemos configurar el nivel de transparencia
 El menú Slide up puede mostrar más ítems
 Podemos declararlo en código o en XAML
 Iconos
 48 pixels x 48 pixels
 Blanco en primer plano y de fondo transparente
 Usa composición alfa
 Los iconos se colorean en función del estilo actual
Application Bar

47. XNA Game Studio
Facilita 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

48. XNA Game Studio
Desarrollo
paraWindows
Phone
API’s gráficas
simplificadas
Integrado
Visual Studio
2010
Soporte
Audio
Nuevos efectos
configurables

50. Gráficos
Para un control UI mejor elegir Silverlight
Tratamiento de vectores gráficos en
XAML
Audiovisual
Alto soporte de aplicaciones de video
Herramientas
Si usamos Microsoft Blend en nuestra
línea de negocio
Elegir la tecnología correcta

51. Gráficos
Uso de gráficos 3D
Aplicaciones 2D pesadas
Simulación/Dibujo
Si preferimos un marco tradicional de
presentación dibujo y actualización
Herramientas
Aquellos que quieren usar los tipos gráficos de
Content Pipeline que proporcionel el framework
XNA
Elegir la tecnología correcta

53. Recursos
• http://developer.windowsphone.com

54. Muchas gracias por su atención
Q&A