Índice
 Introducción
 Principios de diseño
 Plataforma de Aplicaciones
 Desarrollo de Aplicaciones con Silverlight
 D...
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...
Un teléfono diferente,
diseñado para una vida en
movimiento
Diferente,
Por Buenas Razones
Metro Design Language
Experiencias Integradas
7
Claro y sencillo
Tipografía
Movimiento
Contenido sin excesos gráficos
Honestidad
Tareas primarias
Mucho con muy Poco
Reducción de elementos
Uso inteligente del espacio
Belleza
Claridad
Equilibrio
Respuesta y dinamismo
Entorno uniforme
Usabilidad
Transiciones
Dimensión y profundidad
Contenido vs Adornos
Menos elementos visuales
El contenido es la UI
Interactuación con contenido
Diseñada para el terminal
Autenticamente digital
No querer aparentar lo que NO es
Ser directo
Let’s Play
Hardware Estandarizado
Terminales disponibles
Samsung Omnia 7 HTC Trophy 7 LG Optimus 7
Objetivos de la plataforma
CLOUD
SCREEN
Elementos de la Plataforma de Aplicaciones
Cloud Services
Runtime – On “Screen”
Código en cliente
Código en e...
CLOUD
SCREEN
Phone Emulator
Samples Documentation
Guides Community
Packaging and Verification Tools
Notifications
Location...
CLOUD
SCREEN
Notifications
Location Identity Feeds
MapsSocial
App Deployment
Cloud Services
Elementos de la Platforma de A...
Cloud Services
CLOUD
SCREEN
Sensors Media Data
Xbox LIVE Notifications
.NET Framework managed code sandbox
Location
Phone
Runtime – On “S...
Dos modelos de aplicaciones
CLOUD
SCREEN
Phone Emulator
Samples Documentation
Guides Community
Packaging and Verification Tools
Tools
Elementos de la ...
Windows Phone Developer Tools
myapp.xap
Windows Phone
device
Windows Phone
Emulator
Phone Emulator
Samples Documentation
G...
CLOUD
SCREEN
Registration
Validation
Certification
Publishing
Marketplace
MO and CC Billing
Business Intelligence
Update M...
Proceso de implementación
Marketplace
Descubrir
• Facilidad para encontrar
aplicaciones y juegos
• Navegacíón divertida
Adquisición simple y
segura
...
Silverlight 1
September 2007
Silverlight 2
October 2008
Silverlight 3
July 2009
Silverlight 4
April 2010
 Aplicaciones de...
Composición Gráfica
El Marco Contenedor compone todos los interfaces en una sola pantalla
La página de administración cent...
Aplicación de teléfono
Proporciona UI
representados como páginas
XAML conectadas por URI’s
Modelo UI: Conceptos Web famili...
Se mantiene en el marco para
restaurar la sesión
Desaparece mientras la sesión está
pausada
UI y Administración de Estado:...
Controles de Silverlight
 Mouse Events
 Modificado automáticamente
 ScrollViewer
 Como Silverlight
 Gestures
 Control SIP (Software Input Pan...
 Plantillas de controles
 Simples y elegantes
 Uso de transparencia
 Sobredimensionados
 Tematización
 Personalizaci...
 Frame
 Contenedor Top-level
 Page
 Ocupa la región de
contenido del frame
 Page Navigation
 Adelante
 Atrás
 Botó...
 Muestra contenido de red y local
 Gestos
 Permite transforms & projections
 La aplicación puede interactuar con
JavaS...
 Barra de herramientas
 Hasta 4 iconos
 Podemos configurar el nivel de transparencia
 El menú Slide up puede mostrar m...
XNA Game Studio
Facilita el desarrollo de juegos
El framework XNA proporciona APIs robustas
Herramientas C#, .NET y Visual...
XNA Game Studio
Desarrollo
paraWindows
Phone
API’s gráficas
simplificadas
Integrado
Visual Studio
2010
Soporte
Audio
Nuevo...
Gráficos
Para un control UI mejor elegir Silverlight
Tratamiento de vectores gráficos en
XAML
Audiovisual
Alto soporte de ...
Gráficos
Uso de gráficos 3D
Aplicaciones 2D pesadas
Simulación/Dibujo
Si preferimos un marco tradicional de
presentación d...
Recursos
• http://developer.windowsphone.com
Muchas gracias por su atención
Q&A
Seminario WP7 MICTT
Seminario WP7 MICTT
Seminario WP7 MICTT
Seminario WP7 MICTT
Seminario WP7 MICTT
Seminario WP7 MICTT
Seminario WP7 MICTT
Seminario WP7 MICTT
Seminario WP7 MICTT
Seminario WP7 MICTT
Seminario WP7 MICTT
Próxima SlideShare
Cargando en…5
×

Seminario WP7 MICTT

778 visualizaciones

Publicado el

Presentacion del seminario sobre Windows Phone 7, dado el dia 10/11/2010 en el MICTT, Parc Bit, Palma de Mallorca

Publicado en: Tecnología
0 comentarios
0 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

Sin descargas
Visualizaciones
Visualizaciones totales
778
En SlideShare
0
De insertados
0
Número de insertados
2
Acciones
Compartido
0
Descargas
14
Comentarios
0
Recomendaciones
0
Insertados 0
No insertados

No hay notas en la diapositiva.

Seminario WP7 MICTT

  1. 1. Índice  Introducción  Principios de diseño  Plataforma de Aplicaciones  Desarrollo de Aplicaciones con Silverlight  Desarrollo de Aplicaciones con XNA
  2. 2. 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
  3. 3. Un teléfono diferente, diseñado para una vida en movimiento
  4. 4. Diferente, Por Buenas Razones
  5. 5. Metro Design Language
  6. 6. Experiencias Integradas 7
  7. 7. Claro y sencillo Tipografía Movimiento Contenido sin excesos gráficos Honestidad
  8. 8. Tareas primarias Mucho con muy Poco Reducción de elementos Uso inteligente del espacio
  9. 9. Belleza Claridad Equilibrio
  10. 10. Respuesta y dinamismo Entorno uniforme Usabilidad Transiciones Dimensión y profundidad
  11. 11. Contenido vs Adornos Menos elementos visuales El contenido es la UI Interactuación con contenido
  12. 12. Diseñada para el terminal Autenticamente digital No querer aparentar lo que NO es Ser directo
  13. 13. Let’s Play
  14. 14. Hardware Estandarizado
  15. 15. Terminales disponibles Samsung Omnia 7 HTC Trophy 7 LG Optimus 7
  16. 16. Objetivos de la plataforma
  17. 17. 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
  18. 18. 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
  19. 19. CLOUD SCREEN Notifications Location Identity Feeds MapsSocial App Deployment Cloud Services Elementos de la Platforma de Aplicaciones
  20. 20. Cloud Services
  21. 21. CLOUD SCREEN Sensors Media Data Xbox LIVE Notifications .NET Framework managed code sandbox Location Phone Runtime – On “Screen” Elementos de la Platforma de Aplicaciones
  22. 22. Dos modelos de aplicaciones
  23. 23. CLOUD SCREEN Phone Emulator Samples Documentation Guides Community Packaging and Verification Tools Tools Elementos de la Platforma de Aplicaciones
  24. 24. Windows Phone Developer Tools myapp.xap Windows Phone device Windows Phone Emulator Phone Emulator Samples Documentation Guides Community Packaging and Verification Tools Tools
  25. 25. CLOUD SCREEN Registration Validation Certification Publishing Marketplace MO and CC Billing Business Intelligence Update Management Portal Services Elementos de la Platforma de Aplicaciones
  26. 26. Proceso de implementación
  27. 27. 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)
  28. 28. 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
  29. 29. 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
  30. 30. 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
  31. 31. 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
  32. 32. Controles de Silverlight
  33. 33.  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
  34. 34.  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
  35. 35.  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
  36. 36.  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
  37. 37.  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
  38. 38. 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
  39. 39. XNA Game Studio Desarrollo paraWindows Phone API’s gráficas simplificadas Integrado Visual Studio 2010 Soporte Audio Nuevos efectos configurables
  40. 40. 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
  41. 41. 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
  42. 42. Recursos • http://developer.windowsphone.com
  43. 43. Muchas gracias por su atención Q&A

×