Desarrollo Metro con Windows 8 UPM

1,160 views
1,111 views

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,160
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
21
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Desarrollo Metro con Windows 8 UPM

  1. 1. Desarrollo Metro con 
 Windows 8Escuela Técnica Superior de Ingenieros deTelecomunicación Universidad Politécnica de Madrid Roberto Luis Bisbé Microsoft Student Partner
  2. 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. 3. ¿De qué voy a hablar?•  Novedades para usuarios•  Oportunidades para desarrolladores•  Ejemplo de aplicación hecha en C#
  4. 4. <- Bienvenidos a Metro
  5. 5. Metro para usuarios•  Charms –  Funcionalidad común•  Tiles –  Iconos vivos•  Pantalla completa –  Interacción sin el marco, enfocada a contenido•  Multi-touch
  6. 6. Charms•  Settings: Menú inicio y preferencias•  Devices: Dispositivos e impresoras•  Share: Compartir con otras aplicaciones•  Search: Búsqueda local y global
  7. 7. TilesInformación con aplicación cerradaTamaño simple:Tamaño doble:
  8. 8. Pantalla Completa
  9. 9. Metro para usuariosDEMO
  10. 10. Metro para desarrolladores•  Nueva API•  Nuevos dispositivos•  Contratos•  Plantillas por defecto•  Interfaz adaptable•  App Bar•  App Store•  Herramientas y Recursos
  11. 11. Use what you knowNueva API Do what you’ve always imagined
  12. 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. 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. 14. Nuevos dispositivos•  Tablets < 10’’ (ARM)•  Netbooks (10’’ -> 13’’)•  Portátiles convencionales (13’’ -> 17’’)•  PC Clásicos (17 -> 30)•  Media Centers (>30’’)
  15. 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. 16. Plantillas por defectoPlantillas de proyecto•  Proyecto vacío•  Grid Application –  2 páginas: 1 maestro y 1 detalles•  Split Application –  1 página maestro/detalles
  17. 17. Plantillas por defectoPlantillas de fichero•  Páginas •  Contratos –  Collection –  File Picker –  Collection Summary –  Search –  Grouped Collection –  Share –  Item Detail –  Split
  18. 18. Interfaz adaptableMínima resolución: 1024x7683 Opciones•  Horizontal (por defecto, requerido)•  Snapped a partir de 1336x768+ (requerido)•  Vertical (opcional)Las plantillas por defecto ya tienen soportepara estas interfaces
  19. 19. InteracciónApplication Bar Menú contextual•  Interacción global •  Máximo 5 opciones•  Iconos desplazados a •  Sin iconos los laterales •  Mayor superficie•  Oculta por defecto (touch)
  20. 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. 21. Herramientas (for free!)•  Windows Developer Preview•  Visual Studio 11 Express•  Expression Blend 5 •  Windows App Certification Kit
  22. 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. 23. Hola mundo, de verdadDEMO
  24. 24. Proyecto: MetroTask•  Aplicación real con características Metro –  Charms –  App Bar –  Tiles & Notificaciones•  En desarrollo actualmente•  Disponible en: http:// metrotask.codeplex.com
  25. 25. Proyecto MetroTaskDEMO
  26. 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. 27. Ahora os toca a vosotros
  28. 28. Graciashttp://robertoluis.wordpress.com/w8 roberto.luis@amby.net @rlbisbe

×