{"id":39,"date":"2012-07-19T15:39:10","date_gmt":"2012-07-19T15:39:10","guid":{"rendered":"http:\/\/blog.espol.edu.ec\/pvpotes\/?p=39"},"modified":"2012-07-20T23:43:43","modified_gmt":"2012-07-20T23:43:43","slug":"desarrollo-de-aplicaciones-metro-para-windows-8","status":"publish","type":"post","link":"https:\/\/blog.espol.edu.ec\/pvpotes\/2012\/07\/19\/desarrollo-de-aplicaciones-metro-para-windows-8\/","title":{"rendered":"DESARROLLO DE APLICACIONES METRO PARA WINDOWS 8"},"content":{"rendered":"<p style=\"text-align: left\" align=\"center\">Es importante saber que no se pueden crear aplicaciones estilo metro en Windows 7, ni en Windows server 8 beta.<\/p>\n<p align=\"center\"><strong>DISE\u00d1O DE APLICACIONES<\/strong><\/p>\n<p>Estan dise\u00f1adas para la ejecuci\u00f3n en pantalla completa, sea interactiva con el usuario y muy agradable a la vista, t\u00e1ctil , con variedad de dise\u00f1os y formas , comparten un conjunto de rasgo que conforman una experiencia del usuario .<\/p>\n<p>Son inmersibas y sin contenedor visual, la cual llenan la pantalla completa y no distraen al usuario , lo que hace mas f\u00e1cil, buscar, compartir y enviar el contenido.<\/p>\n<p>Se puede crear aplicaciones en Java Script , C#, C++, Visual Basic. Ademas Windows te facilita todo lo que necesitas para \u00a0vender tus aplicaciones.<\/p>\n<p>Las aplicaciones se las encuentra en Windows 8 consumer Preview\u00a0 y luego se descarga las herramientas de desarrollo<\/p>\n<p>Microsoft Visual Studio 11 Express Beta para Windows 8 te proporciona las herramientas necesarias para desarrollar aplicaciones estilo Metro.<\/p>\n<p>Herramientas de desarrollo para aplicaciones estilo Metro<\/p>\n<ul>\n<li>Si \u00a0\u00a0\u00a0\u00a0 sabes sobre tecnolog\u00edas de desarrollo web, puedes desarrollar una \u00a0\u00a0\u00a0\u00a0 aplicaci\u00f3n estilo Metro con HTML5, hojas de estilos en cascada de nivel 3 \u00a0\u00a0\u00a0\u00a0 (CSS3) y JavaScript.<\/li>\n<li>Si \u00a0\u00a0\u00a0\u00a0 has desarrollado aplicaciones de Windows Presentation Foundation o \u00a0\u00a0\u00a0\u00a0 Silverlight, puedes desarrollar una aplicaci\u00f3n estilo Metro con XAML, con \u00a0\u00a0\u00a0\u00a0 c\u00f3digo subyacente en C++, C# o Microsoft Visual Basic.<\/li>\n<li>Si \u00a0\u00a0\u00a0\u00a0 conoces Microsoft DirectX, puedes desarrollar un juego DirectX estilo \u00a0\u00a0\u00a0\u00a0 Metro con C++ nativo y HLSL para aprovechar el hardware de gr\u00e1ficos por \u00a0\u00a0\u00a0\u00a0 completo.<\/li>\n<\/ul>\n<p>Puedes usar las herramientas, los lenguajes y las API para aplicaciones estilo Metro para crear una interfaz de usuario convincente, administrar el ciclo de vida de la aplicaci\u00f3n y tener acceso a dispositivos, servicios de sistema y servicios en la nube.<\/p>\n<p>Estas son las API m\u00e1s importantes compatibles con aplicaciones estilo Metro.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>VENTAS DE APLICACIONES METRO<\/strong><\/p>\n<p>Con la oportunidad que te brinda Windows store de poder vender tus\u00a0 aplicaciones a todo el mundo, puedes elegir vender tus aplicaciones a una regi\u00f3n o pa\u00eds especifico .<\/p>\n<p>Lo cierto es que ya no nos sorprende Microsoft ya que esperamos cada vez mas de las innovaciones que\u00a0 nos facilita el uso .<\/p>\n<p>Metro es algo diferente en la interfaz gui ,\u00a0 pasamos a pensar diferente luego de la experiencia del usuario ya que no solo se trata de accesabilidad , colores, dise\u00f1o , sino de forma e interactividad .<\/p>\n<p>&nbsp;<\/p>\n<p>Dise\u00f1o<\/p>\n<p>Reduce distracciones al usuario y permite concentrarse en el contenido<\/p>\n<p>Usa espacios abiertos para resaltar el contenido<\/p>\n<p>No usa pesta\u00f1as, y no deja que el usuario se distraiga con otros contenidos<\/p>\n<p>Jerarqu\u00eda<\/p>\n<p>Usa tama\u00f1o, colores en el texto de forma clara para el usuario<\/p>\n<p>Hoja de estilo predeterminada\u00a0 para aplicar tipo definido del texto<\/p>\n<p>Interaccion<\/p>\n<p>Tiene al usuario inmerso en la interaccion del contenido, sin distracciones de otras aplicaciones.<\/p>\n<p>Coloca comandos en la barra de aplicaci\u00f3n y aparece cuando se pasa un dedo por borde superior o inferior<\/p>\n<p>Evita colocar comandos permanentes en la aplicaci\u00f3n<\/p>\n<p>Crea dise\u00f1o teniendo presente la comodidad del usuario.<\/p>\n<p>Metro nace para brindar una experiencia de laptops, tabletas, y computadoras de escritorio. Acepta multiples lenguajes de programaci\u00f3n como :Visual Studio 2011 y Java Script y Html5, C++\u00a0 entre otros.<\/p>\n<p>Las aplicaciones estilo metro son adaptadas a las necesidades del usuario<\/p>\n<p><strong>CARACTERISTICAS<\/strong><\/p>\n<ul>\n<li>EMVUELVEN AL USUARIO EN LA EXPERIENCIA DE LA APLICACI\u00d3N<\/li>\n<li>SON ATRACTIVA Y VIVAS, NOS MUESTRAN LA INFORMACION SIN QUE ABRA LA APLICACI\u00d3N<\/li>\n<li>ESTAN SIEMPRE CONECTADAS, ES DECIR SE PUEDE COMPARTIR INFORMACION ENTRE UNA APLICACI\u00d3N Y OTRA\/ (A NUESTRA RED SOCIAL)<\/li>\n<li>TODOS LAS APLICACIONES TIENEN COMO PODER COMPARTIR<\/li>\n<li>INTERACTIVAS Y TACTILES<\/li>\n<li>MULTIPLES VISTAS EN CUALQUIER RESOLUCION DE PANTALLA INDEPENDIENTE DEL DISPOSITIVO<\/li>\n<li>DISE\u00d1ADO PARA REALIZAR MULTITAREAS (PUEDO VER OTRA APLICACION AL LADO IZQUIERDO DE LA PANTALLA SIN CERRAR NINGUNA)<\/li>\n<li>NO TIENE LOS ICONOS DE COMO MAXIMIZAR , NI MINIMIZAR SE LO HACE DE MANERA TACTIL.<\/li>\n<li>UNA MANERA DE LIBERAR LA APLICACI\u00d3N DE LA MEMORIA ES ATRAVEZ DEL ADMINISTRADOR DE TAREAS.CUANDO LA APLICACI\u00d3N NO TIENE PANTALLA TACTIL<\/li>\n<li>TENEMOS TAMBIEN EL APP BAR PARA MAS OPCIONES QUE SE ABRE AL DAR CLICK DERECHO SOBRE LA PANTALLA<\/li>\n<li>CON LA TECLA WINDOWS VOLVEMOS A LA PANTALLA DE INICIO<\/li>\n<li>MANTENIENDO PRESIONADO LA APLICACI\u00d3N LA PODEMOS MOVER<\/li>\n<li>PODEMOS AGRANDAR LA APLICACI\u00d3N O HACERLA MAS PEQUE\u00d1A O BORRARLA<\/li>\n<li>HACERCAMOS EL MOUSE A LA ESQUINA INFERIOR IZQUIERDA Y NOS MUESTRA CUATRO ITEMS PARA ELEGIR , SI PONEMOS BUSCAR NOS VA ENCONTRAR LA APLICACI\u00d3N QUE BORRAMOS, UNA VEZ ENCONTRADA DAMOS CLICK DERECHO PARA QUE SEA VISIBLE EN EL MENU PRINCIPAL DE WINDOWS<\/li>\n<li>TODAS LAS APLICACIONES APARECEN EN PANTALLA COMPLETA<\/li>\n<\/ul>\n<p>Fuente: msdn.microsoft.com, youtube, aportacion personal<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Es importante saber que no se pueden crear aplicaciones estilo metro en Windows 7, ni en Windows server 8 beta. DISE\u00d1O DE APLICACIONES Estan dise\u00f1adas para la ejecuci\u00f3n en pantalla completa, sea interactiva con el usuario y muy agradable a la vista, t\u00e1ctil , con variedad de dise\u00f1os y formas , comparten un conjunto de [&hellip;]<\/p>\n","protected":false},"author":6766,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-39","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/blog.espol.edu.ec\/pvpotes\/wp-json\/wp\/v2\/posts\/39","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.espol.edu.ec\/pvpotes\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.espol.edu.ec\/pvpotes\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/pvpotes\/wp-json\/wp\/v2\/users\/6766"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/pvpotes\/wp-json\/wp\/v2\/comments?post=39"}],"version-history":[{"count":4,"href":"https:\/\/blog.espol.edu.ec\/pvpotes\/wp-json\/wp\/v2\/posts\/39\/revisions"}],"predecessor-version":[{"id":42,"href":"https:\/\/blog.espol.edu.ec\/pvpotes\/wp-json\/wp\/v2\/posts\/39\/revisions\/42"}],"wp:attachment":[{"href":"https:\/\/blog.espol.edu.ec\/pvpotes\/wp-json\/wp\/v2\/media?parent=39"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/pvpotes\/wp-json\/wp\/v2\/categories?post=39"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/pvpotes\/wp-json\/wp\/v2\/tags?post=39"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}