seminario wp7 mictt
DESCRIPTION
Presentacion del seminario sobre Windows Phone 7, dado el dia 10/11/2010 en el MICTT, Parc Bit, Palma de MallorcaTRANSCRIPT
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