{"id":83,"date":"2012-07-18T05:05:08","date_gmt":"2012-07-18T05:05:08","guid":{"rendered":"http:\/\/blog.espol.edu.ec\/kmtorres\/?p=83"},"modified":"2012-07-18T05:16:34","modified_gmt":"2012-07-18T05:16:34","slug":"desarrollo-de-las-app-en-windows8-enfocado-en-la-interfaz-de-usuario-metro","status":"publish","type":"post","link":"https:\/\/blog.espol.edu.ec\/kmtorres\/2012\/07\/18\/desarrollo-de-las-app-en-windows8-enfocado-en-la-interfaz-de-usuario-metro\/","title":{"rendered":"Desarrollo de las APP en Windows8 enfocado en la interfaz de usuario metro"},"content":{"rendered":"<h2 align=\"center\"><span style=\"text-decoration: underline;color: #99cc00\"><strong>Desarrollo de las APP enWindows8 <\/strong><\/span><\/h2>\n<h2 align=\"center\"><span style=\"text-decoration: underline;color: #99cc00\"><strong>enfocado en la interfaz de usuario metro<\/strong><\/span><\/h2>\n<p>&nbsp;<\/p>\n<p>Las aplicaciones estilo Metro son el n\u00facleo de la experiencia del usuario en Windows\u00a08 Consumer Preview una aplicaci\u00f3n de pantalla completa, que comparte un conjunto de rasgos que conforman una experiencia del usuario coherente, elegante y atractiva.<\/p>\n<p>El cambio est\u00e1 en las Metro style Apps o simplemente Aplicaciones Metro. El t\u00e9rmino Metro hace referencia a que todas ellas deber\u00e1n seguir el nuevo est\u00e1ndar de dise\u00f1o de Microsoft conocido como Metro y que ha sido exitosamente aplicado a productos como Windows Phone, el interfaz de Xbox o cientos de sitios de Microsoft.<\/p>\n<p>Quiz\u00e1s en este momento te est\u00e9s preguntando qu\u00e9 son las aplicaciones estilo Metro y en qu\u00e9 se diferencian de las aplicaciones de escritorio. Las aplicaciones estilo Metro son inversivas y sin contenedor visual, por lo que llenan la pantalla completa y no provocan distracciones. Las aplicaciones estilo Metro trabajan en colaboraci\u00f3n, lo que hace que sea f\u00e1cil buscar, compartir y enviar contenido entre ellas. Cuando los usuarios se conectan a Internet, sus aplicaciones les muestran el contenido m\u00e1s actual para que puedan mantenerse al d\u00eda. Con una cuenta conectada, los usuarios pueden descargar aplicaciones y usarlas en cualquier dispositivo con Windows.<\/p>\n<p>El aspecto m\u00e1s divisivo de Windows 8 es de lejos la interfaz Metro, que reemplaza al tradicional men\u00fa Inicio con una Pantalla Inicio llena de paneles coloridos e interactivos que muestran datos y act\u00faan como accesos directos a aplicaciones.<\/p>\n<p>Una de las cosas m\u00e1s interesantes de la UI de Windows 8 es la forma en que permite usar dos aplicaciones a la vez. Debido a que est\u00e1 basado en Windows 7, es obvio que posee multitasking. Lo sorprendente es que la interfaz t\u00e1ctil de Windows 8 permite que dos aplicaciones compartan pantalla al mismo tiempo: con tan s\u00f3lo arrastrar una aplicaci\u00f3n al borde de la pantalla y dejarla un par de segundos ah\u00ed, esta ocupa autom\u00e1ticamente una especie de \u201cpanel secundario\u201d (algo as\u00ed como el Aero Snap de Windows 7, pero pensado para tablets).<\/p>\n<p>En las nuevas Aplicaciones Metro podremos utilizar una implementaci\u00f3n de HTML5 incluso mayor que la que ya ofrece Internet Explorer 9. No faltar\u00e1n elementos bien conocidos por todos como las etiquetas<\/p>\n<p>La programaci\u00f3n de las nuevas Aplicaciones Metro con HTML\/CSS\/Javascript no van a tomar simplemente estos lenguajes, van a basarse en los est\u00e1ndares y buenas pr\u00e1cticas que ya forman parte intr\u00ednseca de la Web, o bien est\u00e1n en fase de desarrollo en el W3C con vistas a una pr\u00f3xima incorporaci\u00f3n.<\/p>\n<p>Estas nuevas Aplicaciones Metro, como nos muestra el gr\u00e1fico, podr\u00e1n dise\u00f1ar su interfaz gr\u00e1fica con XAML o HTML\/CSS, e implementar su funcionalidad con C\/C++, C#\/VB o JavaScript. No importa el lenguaje que se utilice, puesto que todos ellos ser\u00e1n un wrapper en torno a una \u00fanica API que ofrezca todos los servicios del sistema operativo. Esta API se ha dado en llamar WinRT y ofrecer\u00e1 avanzadas capacidades de comunicaci\u00f3n y datos, gr\u00e1ficos, multimedia, dispositivos, impresi\u00f3n, etc.<\/p>\n<p>&nbsp;<\/p>\n<p align=\"center\">\n<h3 align=\"center\"><span style=\"color: #99cc00\"><strong><span style=\"text-decoration: underline\">CONCLUSI\u00d3N<\/span><\/strong><\/span><\/h3>\n<p>En lo personal la resoluci\u00f3n y la tecnolog\u00eda que ha creado Microsoft es muy llamativa para los usuarios, es un sistema completamente nuevo, innovador y por supuesto con un rendimiento optimizado, aunque se\u00a0 ve un poco complicado al utilizarlo, ya que estamos acostumbrados al men\u00fa Inicio, etc.,<\/p>\n<p>Windows 8 pretende poner en marcha una revoluci\u00f3n que puede modificar el panorama del desarrollo de aplicaciones para siempre.<\/p>\n<p>Ofrece a los desarrolladores web la posibilidad de crear aplicaciones para Windows 8 con las mismas herramientas, lenguajes, est\u00e1ndares y buenas pr\u00e1cticas a las que est\u00e1n acostumbrados. Las aplicaciones de Windows 8 utilizan el poder de HTML5, aprovechando las capacidades nativas de Windows utilizando JavaScript y HTML est\u00e1ndar para ofrecer nuevos tipos de experiencias.<\/p>\n<p>La interfaz metro es la que remplaza la pantalla de inicio con todos sus colores y es muy bueno porque eso es\u00a0 lo que nos llama la atenci\u00f3n a los usuarios, sus aplicaciones en internet nos muestran el contenido m\u00e1s actual para que podamos mantenernos al d\u00eda.<\/p>\n<p><strong>\u00a0<\/strong><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"color: #339966\"><strong>Fuentes Bibliogr\u00e1ficas:<\/strong><\/span><\/p>\n<p><a href=\"http:\/\/msdn.microsoft.com\/es-ar\/library\/windows\/apps\/hh464920.aspx\">http:\/\/msdn.microsoft.com\/es-ar\/library\/windows\/apps\/hh464920.aspx<\/a><\/p>\n<p><a href=\"http:\/\/www.desarrolloweb.com\/articulos\/aplicaciones-metro-windows-8.html\">http:\/\/www.desarrolloweb.com\/articulos\/aplicaciones-metro-windows-8.html<\/a><\/p>\n<p><a href=\"http:\/\/metrolatam.net\/2012\/04\/abrir-y-guardar-archivos-usando-filepicker-en-windows-8\/\">http:\/\/metrolatam.net\/2012\/04\/abrir-y-guardar-archivos-usando-filepicker-en-windows-8\/<\/a><\/p>\n<p><a href=\"http:\/\/www.fayerwayer.com\/2011\/09\/windows-8-a-primera-vista\/\">http:\/\/www.fayerwayer.com\/2011\/09\/windows-8-a-primera-vista\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Desarrollo de las APP enWindows8 enfocado en la interfaz de usuario metro &nbsp; Las aplicaciones estilo Metro son el n\u00facleo de la experiencia del usuario en Windows\u00a08 Consumer Preview una aplicaci\u00f3n de pantalla completa, que comparte un conjunto de rasgos que conforman una experiencia del usuario coherente, elegante y atractiva. El cambio est\u00e1 en las [&hellip;]<\/p>\n","protected":false},"author":4696,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-83","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/blog.espol.edu.ec\/kmtorres\/wp-json\/wp\/v2\/posts\/83","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.espol.edu.ec\/kmtorres\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.espol.edu.ec\/kmtorres\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/kmtorres\/wp-json\/wp\/v2\/users\/4696"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/kmtorres\/wp-json\/wp\/v2\/comments?post=83"}],"version-history":[{"count":10,"href":"https:\/\/blog.espol.edu.ec\/kmtorres\/wp-json\/wp\/v2\/posts\/83\/revisions"}],"predecessor-version":[{"id":95,"href":"https:\/\/blog.espol.edu.ec\/kmtorres\/wp-json\/wp\/v2\/posts\/83\/revisions\/95"}],"wp:attachment":[{"href":"https:\/\/blog.espol.edu.ec\/kmtorres\/wp-json\/wp\/v2\/media?parent=83"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/kmtorres\/wp-json\/wp\/v2\/categories?post=83"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/kmtorres\/wp-json\/wp\/v2\/tags?post=83"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}