Recomendados
Más contenido relacionado
Destacado
Destacado (16)
Similar a Desarrollo Metro con Windows 8 UPM
Similar a Desarrollo Metro con Windows 8 UPM (20)
Más de Roberto Luis Bisbé
Más de Roberto Luis Bisbé (15)
Último
Último (15)
Desarrollo Metro con Windows 8 UPM
- 1. Desarrollo Metro con Windows 8 Escuela Técnica Superior de Ingenieros deTelecomunicación Universidad Politécnica de Madrid Roberto Luis Bisbé Microsoft Student Partner
- 2. ¿Quién soy yo? • Estudiante de 4º Ingeniería Informática UAM • Microsoft Student Partner 2010-12 • Desarrollador independiente (C#, Java, PHP) • Y tengo un blog! http://robertoluis.wordpress.com
- 3. ¿De qué voy a hablar? • Novedades para usuarios • Oportunidades para desarrolladores • Ejemplo de aplicación hecha en C#
- 4. <- Bienvenidos a Metro
- 5. Metro para usuarios • Charms – Funcionalidad común • Tiles – Iconos vivos • Pantalla completa – Interacción sin el marco, enfocada a contenido • Multi-touch
- 6. Charms • Settings: Menú inicio y preferencias • Devices: Dispositivos e impresoras • Share: Compartir con otras aplicaciones • Search: Búsqueda local y global
- 7. Tiles Información con aplicación cerrada Tamaño simple: Tamaño doble:
- 10. Metro para desarrolladores • Nueva API • Nuevos dispositivos • Contratos • Plantillas por defecto • Interfaz adaptable • App Bar • App Store • Herramientas y Recursos
- 11. Use what you know Nueva API Do what you’ve always imagined
- 12. Hola mundo: C# + XAML <UserControl > private void changeText(object sender, <Grid x:Name="LayoutRoot“ RoutedEventArgs e) Background="#FF0C0C0C"> { <BuCon Name="myBuCon" myTextBox.Text = “Hola mundo C#"; Click="changeText">Click Me!</BuCon> } <TextBox Grid.Row="1" Name="myTextBox" / > </Grid> </UserControl>
- 13. Hola mundo: HTML + JavaScript <!DOCTYPE html> document.addEventListener("click", <html> <head> func`on(){ <meta charset="u]-‐8" /> <`tle>MyFirstMetroApp</`tle> myText.innerText=“Hola Mundo JS"; <!-‐-‐ WinJS references -‐-‐> <link rel="stylesheet" href="/winjs/css/ui-‐ }); dark.css" /> <script src="/winjs/js/base.js"></script> <script src="/winjs/js/wwaapp.js"></script> <!-‐-‐ WinWebApp1 references -‐-‐> <link rel="stylesheet" href="/css/default.css" /> <script src="/js/default.js"></script> </head> <body> <buCon onClick="click">Click me!</buCon> <p id="myText" /> </body> </html>
- 14. Nuevos dispositivos • Tablets < 10’’ (ARM) • Netbooks (10’’ -> 13’’) • Portátiles convencionales (13’’ -> 17’’) • PC Clásicos (17 -> 30) • Media Centers (>30’’)
- 15. Contratos • Búsqueda – Buscar en nuestra aplicación desde otras, y desde la nuestra en otras. • Compartir – Acceder a datos de otras aplicaciones y compartir con terceras. • Picker – Compartir ficheros
- 16. Plantillas por defecto Plantillas de proyecto • Proyecto vacío • Grid Application – 2 páginas: 1 maestro y 1 detalles • Split Application – 1 página maestro/detalles
- 17. Plantillas por defecto Plantillas de fichero • Páginas • Contratos – Collection – File Picker – Collection Summary – Search – Grouped Collection – Share – Item Detail – Split
- 18. Interfaz adaptable Mínima resolución: 1024x768 3 Opciones • Horizontal (por defecto, requerido) • Snapped a partir de 1336x768+ (requerido) • Vertical (opcional) Las plantillas por defecto ya tienen soporte para estas interfaces
- 19. Interacción Application Bar Menú contextual • Interacción global • Máximo 5 opciones • Iconos desplazados a • Sin iconos los laterales • Mayor superficie • Oculta por defecto (touch)
- 20. Microsoft Store • Opciones – Gratuitas – Gratuitas con compras in-app – Versiones de prueba – Versiones de pago • Windows App Certification Kit – Simular el proceso de certificación
- 21. Herramientas (for free!) • Windows Developer Preview • Visual Studio 11 Express • Expression Blend 5 • Windows App Certification Kit
- 22. Recursos (also for free!) • Herramientas y Sistema operativo: – http://msdn.microsoft.com/en-us/windows/apps/ br229516 • Código de ejemplo: – http://code.msdn.microsoft.com/windowsapps • Documentación: – http://msdn.microsoft.com/en-us/library/windows/ apps/ • Hands-on Labs: – http://www.buildwindows.com/Labs
- 23. Hola mundo, de verdad DEMO
- 24. Proyecto: MetroTask • Aplicación real con características Metro – Charms – App Bar – Tiles & Notificaciones • En desarrollo actualmente • Disponible en: http:// metrotask.codeplex.com
- 26. Resumen • Windows 8 tiene buen aspecto • Reutilizar técnicas de programación y lenguajes => innovar con lo que ya sabemos • Interfaz común para muchas tareas • Aprender es fácil, y gratis. • Estar el primero puede marcar la diferencia
- 27. Ahora os toca a vosotros
- 28. Gracias http://robertoluis.wordpress.com/w8 roberto.luis@amby.net @rlbisbe