{"id":227,"date":"2012-07-19T18:41:27","date_gmt":"2012-07-19T23:41:27","guid":{"rendered":"http:\/\/blog.espol.edu.ec\/lnlindao\/?p=227"},"modified":"2012-09-10T16:56:19","modified_gmt":"2012-09-10T21:56:19","slug":"gui-metro-desarrollo-de-app","status":"publish","type":"post","link":"https:\/\/blog.espol.edu.ec\/lnlindao\/2012\/07\/19\/gui-metro-desarrollo-de-app\/","title":{"rendered":"GUI Metro Desarrollo de APP"},"content":{"rendered":"<h1 style=\"text-align: center\"><strong>GUI METRO<\/strong><\/h1>\n<p>Metro, interfaz de usuario \"amigable al tacto\", especial para dispositivos t\u00e1ctiles.<br \/>\nBueno para comenzar, creo que antes de hablar de como desarrollar aplicaciones para Windows 8, podr\u00edamos aprender algo acerca de la arquitectura, y me pareci\u00f3n muy interesante la informaci\u00f3n que encontr\u00e9 en la siguiente p\u00e1gina: <em>www.desarrolloweb.com\/articulos\/aplicaciones-metro-windows-8.html<\/em><br \/>\n<strong><\/strong><\/p>\n<p style=\"text-align: left\"><strong>ARQUITECTURA EN WINDOWS 8<\/strong><br \/>\nVamos a empezar por una vista en general de la nueva arquitectura implementada ahora por Windows 8 y c\u00f3mo funciona su nueva GUI Metro, y lo m\u00e1s relevante para este informe lo voy a resumir a continuaci\u00f3n.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter\" src=\"http:\/\/www.scottlogic.co.uk\/blog\/colin\/wp-content\/uploads\/2011\/09\/Windows8Architecture.jpg\" alt=\"\" \/><\/p>\n<p>Esta imagen representa los diferentes m\u00f3dulos que muestra la arquitectura de Windows 8. La primera partici\u00f3n la tenemos entre \u0093Metro style Apps\u0094 y \u0093Desktop Apps\u0094.<br \/>\nLas Desktop Apps o Aplicaciones de Escritorio hacen referencia a las aplicaciones que han existido desde siempre en Windows. Como podemos ver se ofrece la posibilidad de programarlas con lenguajes como C#, VB, C o C++ contra APIs como .NET, Silverlight o el viejo Win32. Tambi\u00e9n existe un espacio para crear aplicaciones web que corran dentro de Internet Explorer.<br \/>\nPero la revoluci\u00f3n no est\u00e1 en estas aplicaciones, que simplemente siguen la l\u00ednea marcada por anteriores versiones del sistema operativo. El cambio est\u00e1 en las \u0093Metro style Apps\u0094 o simplemente Aplicaciones Metro.<br \/>\nEl 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.<br \/>\nEstas 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>Conclusiones del autor que podemos tomar en cuenta los que pensamos trabajar en la web:<\/p>\n<ul>\n<li>Con Windows 8 Microsoft pretende poner en marcha una revoluci\u00f3n que puede modificar el panorama del desarrollo de aplicaciones para siempre. Ofrecer a los desarrolladores web la posibilidad de crear aplicaciones nativas para Windows 8 con las mismas herramientas, lenguajes, est\u00e1ndares y buenas pr\u00e1cticas a las que est\u00e1n acostumbrados es abrir la puerta a un mont\u00f3n de talento. Esta puerta permitir\u00e1 trascender los l\u00edmites de la Web y facilitar\u00e1 la creaci\u00f3n de una gran cantidad de aplicaciones atractivas que pueden marcar la diferencia entre el \u00e9xito y el fracaso en Windows 8.<\/li>\n<li>A cambio Microsoft ofrece un sistema operativo potente, una tienda de aplicaciones m\u00e1s ventajosa que las existentes y un mercado potencial que, s\u00f3lo en licencias Windows 7, supera los 500 millones de instalaciones. No hay ah\u00ed fuera ning\u00fan mercado que se acerque si quiera a esas cifras.<\/li>\n<li>Estamos, sin duda, ante una gran oportunidad para los desarrolladores web.<\/li>\n<\/ul>\n<p><strong>Ahora ya tenemos una idea de c\u00f3mo es la funcionalidad as\u00ed que ahora vamos a hablar acerca de cu\u00e1les son las consideraciones que debemos tomar en cuenta al momento de querer desarrollar aplicaciones estilo Metro.<\/strong><br \/>\n<strong> Asi que averiguando en las diferentes p\u00e1ginas, creo que estas preguntas que responder\u00e9 a continuaci\u00f3n son muy importantes al momento de pensar en desarrollar para Windows 8:<\/strong><\/p>\n<p><strong>1. \u00bfQU\u00c9 ES UNA APLICACI\u00d3N METRO?<\/strong><br \/>\nA diferencia de las aplicaciones de escritorio que ya conocemos, una app estilo metro tiene \u00fanicamente una ventana que rellena toda la pantalla.<\/p>\n<blockquote><p><em>Las aplicaciones Metro est\u00e1n dise\u00f1adas para funcionar igualmente en superficies t\u00e1ctiles como con rat\u00f3n y teclado.<\/em><\/p><\/blockquote>\n<p><strong>2. \u00bfC\u00d3MO PUEDO PROGRAMAR UNA APLICACI\u00d3N METRO?<\/strong><br \/>\nEs recomendado desarrollarlas en Visual Studio.<br \/>\nLas aplicaciones pueden desarrollarse en:<br \/>\n\u2022 C#\/XAML , VB\/XAML , C++\/XAML y JavaScript\/HTML5 .<\/p>\n<p><strong>3. \u00bfPOR D\u00d3NDE EMPEZAR?<\/strong><br \/>\nPrimero debemos tener Windows 8 y adem\u00e1s las herramientas de desarrollo.<br \/>\nTambi\u00e9n podr\u00edamos empezar probando las aplicaciones de muestra que ofrece Microsoft junto con os tutoriales que podemos encontrar en la siguiente p\u00e1gina: http:\/\/code.msdn.microsoft.com\/windowsapps\/<\/p>\n<p><strong>4. \u00bfSE PUEDE MIGRAR APLICACIONES DE WINDOWS PHONE O WEB A WINDOWS 8?<\/strong><br \/>\nEsta es una de las ventajas de Windows 8, que si ya tenemos desarrollada alguna aplicaci\u00f3n en Windows Phone o una para Web, podemos convertirla a Windows 8 y listo, de una manera muy sencilla. Aqu\u00ed posteo un video acerca de esta informaci\u00f3n:<\/p>\n<ul>\n<li><em><strong>De Windows pone a windows 8<\/strong><\/em> : <em>http:\/\/channel9.msdn.com\/Blogs\/channel9spain\/Windows-8-para-desarrolladores-de-C-y-XAML-De-Windows-Phone-a-Windows-8<\/em><\/li>\n<li><em><strong>De la web a windows 8<\/strong><\/em>: <em>http:\/\/channel9.msdn.com\/Blogs\/channel9spain\/Windows-8-para-desarrolladores-de-HTML5CSS3WinJS-De-la-web-a-Windows-8<\/em><\/li>\n<\/ul>\n<p><strong>5. \u00bfC\u00d3MO ES EL ESTILO METRO?<\/strong><br \/>\nEl estilo Metro tiene una forma bien concretada que detalla qu\u00e9 partes deben tener contenido y qu\u00e9 partes deben tener controles , haciendo m\u00e1s simples y homog\u00e9neas las aplicaciones.<br \/>\nLas aplicaciones Metro atienden mucho las tipograf\u00edas para proporcionar una lectura m\u00e1s r\u00e1pida y ayudar al usuario a localizar la informaci\u00f3n que busca.<br \/>\nSe debe tomar en cuenta que muchos de los usuarios utilizar\u00e1n las apps de forma t\u00e1ctil, as\u00ed que debemos habituarnos con las l\u00edneas de dise\u00f1o de interacci\u00f3n t\u00e1ctil .<br \/>\nLas ventanas y notificaciones conservan tus aplicaciones activas en todo momento, mostrando informaci\u00f3n al usuario inclusive cuando tu aplicaci\u00f3n no se est\u00e9 ejecutando. El servicio de notificaciones llamado Push de Windows (Windows Push Notification Service o WNS) permitir\u00e1 a tu aplicaci\u00f3n comunicarse con plataforma de forma directa y segura. Las notificaciones pueden ser: \u2022<br \/>\n\u2022 Del sistema .<br \/>\n\u2022 De inserci\u00f3n<br \/>\n\u2022 Peri\u00f3dicas<br \/>\n\u2022 Programadas<br \/>\nLas aplicaciones Metro poseen una gran variedad de controles, pero se pueden crear nuevos o modificar los que ya existen para personalizar cualquier detalle.<br \/>\nLas aplicaciones Metro pueden acceder de manera muy f\u00e1cil a los dispositivos de la m\u00e1quina tales como: webcam, sensores, micr\u00f3fono y mucho m\u00e1s.<br \/>\nPodemos compartir datos entre aplicaciones , buscar dentro de las aplicaciones, podremos configurarlas, o reproducir contenido en otros dispositivos.<\/p>\n<p><strong>6. CICLO DE VIDA DE LAS APLICACIONES<\/strong><br \/>\nEl ciclo de vida de las aplicaciones Metro se somete a tres etapas esenciales: iniciada, suspendida y reanudada. Existe una extensa documentaci\u00f3n sobre este ciclo de vida y sus consecuencias que podremos encontrar en la web.<br \/>\nUna app que no est\u00e9 mostr\u00e1ndose en pantalla puede pasar a estado suspendido en cualquier momento, por lo que el programador es el delegado de ejecutar las pruebas oportunas. Si la app necesita efectuar operaciones en segundo plano puede ejecutarse mediante las Background Tasks .<br \/>\nAdicionalmente, las apps que necesiten estar consecutivamente en marcha, por ejemplo clientes de mensajer\u00eda instant\u00e1nea, pueden seguir ejecut\u00e1ndose mientras el dispositivo est\u00e1 bloqueado y publicar informaci\u00f3n en la pantalla de bloqueo.<\/p>\n<p><strong>7. AHORA TAMBI\u00c9N ALGUNOS SE HACEN ESTA PREGUNTA \u00bfCOMO PUBLICO MI APLICACI\u00d3N METRO EN LA STORE?<\/strong><br \/>\nPues para terminar, averiguando pude encontrar que ahora es mucho m\u00e1s f\u00e1cil. Microsoft tiene una campa\u00e1 llamada Excellence Labs, y en el siguiente enlace podr\u00e1n encontrar m\u00e1s informaci\u00f3n acerca de ello. <em>http:\/\/blogs.msdn.com\/b\/esmsdn\/archive\/2012\/04\/30\/primer-d-237-a-de-windows-8-app-excellence-labs.aspx<\/em><\/p>\n<p><strong>APRECIACI\u00d3N PERSONAL:<\/strong><\/p>\n<p>Metro me parece un estilo muy innovador que quiere implementar Microsoft. De acuerdo a lo que he podido investigar, ser\u00e1 la nueva interfaz de muchos de los productos que continuar\u00e1n desarrollando por lo que los desarrolladores que quieren comenzar a adentrarse en el mundo de Metro tendr\u00e1n que comenzar a estudiar como realizar las aplicaciones para este nuevo GUI, ya que la mayor\u00eda de las personas utilizan Windows, creo que ser\u00e1 el futuro de las computadoras.<\/p>\n<p>Referencias:<\/p>\n<ul>\n<li><a href=\"http:\/\/www.genbeta.com\/sistemas-operativos\/windows-8-para-tablets-al-descubierto-interfaz-metro-para-todos\">http:\/\/www.genbeta.com\/sistemas-operativos\/windows-8-para-tablets-al-descubierto-interfaz-metro-para-todos<\/a><\/li>\n<li><a href=\"http:\/\/www.genbeta.com\/windows\/microsoft-metro-ui-se-convierte-en-windows-8-modern-ui\">http:\/\/www.genbeta.com\/windows\/microsoft-metro-ui-se-convierte-en-windows-8-modern-ui<\/a><\/li>\n<li><a href=\"http:\/\/onsoftware.softonic.com\/guia-de-windows-8-aplicaciones-metro-windows-store\">http:\/\/onsoftware.softonic.com\/guia-de-windows-8-aplicaciones-metro-windows-store<\/a><\/li>\n<li><a href=\"http:\/\/www.baluart.net\/articulo\/windows-8-que-es-metro-y-como-desactivarlo\">http:\/\/www.baluart.net\/articulo\/windows-8-que-es-metro-y-como-desactivarlo<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>GUI METRO Metro, interfaz de usuario \"amigable al tacto\", especial para dispositivos t\u00e1ctiles. Bueno para comenzar, creo que antes de hablar de como desarrollar aplicaciones para Windows 8, podr\u00edamos aprender algo acerca de la arquitectura, y me pareci\u00f3n muy interesante la informaci\u00f3n que encontr\u00e9 en la siguiente p\u00e1gina: www.desarrolloweb.com\/articulos\/aplicaciones-metro-windows-8.html ARQUITECTURA EN WINDOWS 8 Vamos a [&hellip;]<\/p>\n","protected":false},"author":3713,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[852,393,297],"tags":[424010,21754],"class_list":["post-227","post","type-post","status-publish","format-standard","hentry","category-educacion","category-informatica","category-programacion","tag-apps-en-windows-7","tag-windows-8"],"_links":{"self":[{"href":"https:\/\/blog.espol.edu.ec\/lnlindao\/wp-json\/wp\/v2\/posts\/227","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.espol.edu.ec\/lnlindao\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.espol.edu.ec\/lnlindao\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/lnlindao\/wp-json\/wp\/v2\/users\/3713"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/lnlindao\/wp-json\/wp\/v2\/comments?post=227"}],"version-history":[{"count":6,"href":"https:\/\/blog.espol.edu.ec\/lnlindao\/wp-json\/wp\/v2\/posts\/227\/revisions"}],"predecessor-version":[{"id":249,"href":"https:\/\/blog.espol.edu.ec\/lnlindao\/wp-json\/wp\/v2\/posts\/227\/revisions\/249"}],"wp:attachment":[{"href":"https:\/\/blog.espol.edu.ec\/lnlindao\/wp-json\/wp\/v2\/media?parent=227"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/lnlindao\/wp-json\/wp\/v2\/categories?post=227"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/lnlindao\/wp-json\/wp\/v2\/tags?post=227"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}