{"id":69,"date":"2014-09-28T20:47:29","date_gmt":"2014-09-28T20:47:29","guid":{"rendered":"http:\/\/multimedia.uoc.edu\/blogs\/tamm\/?p=69"},"modified":"2014-10-07T08:47:31","modified_gmt":"2014-10-07T08:47:31","slug":"app-hibrida-o-nativa","status":"publish","type":"post","link":"http:\/\/multimedia.uoc.edu\/blogs\/tamm\/2014\/09\/28\/app-hibrida-o-nativa\/","title":{"rendered":"App H\u00edbrida o Nativa"},"content":{"rendered":"<p>Antes de empezar a implementar una idea de negocio en una aplicaci\u00f3n para dispositivos m\u00f3viles, siempre aparece la eterna pregunta de si debe ser <strong>nativa, h\u00edbrida o webApp<\/strong>.<\/p>\n<p>En cualquier caso, antes de la implementaci\u00f3n, dejadme hacer hincapi\u00e9 en el concepto <strong><em>mobile first<\/em><\/strong>, que se refiere a que el dise\u00f1o de una web se debe pensar primero para m\u00f3viles y, posteriormente, se adapta a resoluciones mayores; asimismo, resulta indispensable que sea <a href=\"http:\/\/es.wikipedia.org\/wiki\/Dise%C3%B1o_web_adaptable\"><em>responsive web design<\/em><\/a>.<\/p>\n<p><a href=\"http:\/\/multimedia.uoc.edu\/blogs\/tamm\/files\/2014\/09\/app-hibrida-o-nativa.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-97\" src=\"http:\/\/multimedia.uoc.edu\/blogs\/tamm\/files\/2014\/09\/app-hibrida-o-nativa-300x164.png\" alt=\"app hibrida o nativa\" width=\"329\" height=\"180\" srcset=\"http:\/\/multimedia.uoc.edu\/blogs\/tamm\/files\/2014\/09\/app-hibrida-o-nativa-300x164.png 300w, http:\/\/multimedia.uoc.edu\/blogs\/tamm\/files\/2014\/09\/app-hibrida-o-nativa.png 624w\" sizes=\"auto, (max-width: 329px) 100vw, 329px\" \/><\/a><\/p>\n<p>Una vez decidido el dise\u00f1o de la app, debemos analizar la mejor estrategia. Disponemos de la opci\u00f3n de webApp, que no deber\u00eda ser considerada una aplicaci\u00f3n, pues se ejecuta desde un navegador instalado en el propio dispositivo m\u00f3vil en formato <a href=\"http:\/\/es.wikipedia.org\/wiki\/HTML5\">HTML5<\/a>, <a href=\"http:\/\/es.wikipedia.org\/wiki\/Hoja_de_estilos_en_cascada\">CSS3 <\/a>con <em>responsive web design<\/em>.<\/p>\n<p>Si realmente queremos realizar una aplicaci\u00f3n, aparecer\u00e1 el paradigma de nativa o h\u00edbrida. Deberemos analizar diferentes factores que influir\u00e1n en esta decisi\u00f3n y nos tendremos que plantear preguntas:<\/p>\n<p>\u00bfA cu\u00e1ntos sistemas operativos debe dar soporte nuestra app?<\/p>\n<p>\u00bfEs muy relevante la experiencia de usuario en la ejecuci\u00f3n de nuestra app?<\/p>\n<p>\u00bfSe accede a librer\u00edas externas, como por ejemplo esc\u00e1ner de c\u00f3digo de barras?<\/p>\n<p>\u00bfDe qu\u00e9 presupuesto disponemos?<\/p>\n<p>Bajo mi punto de vista, siempre que dispongamos de un presupuesto que nos permita el desarrollo en nativo de la aplicaci\u00f3n, sin lugar a dudas, esta es mi opci\u00f3n preferida.<\/p>\n<p>Tenemos a favor que la experiencia de usuario ser\u00e1 adecuada al dispositivo, un mejor rendimiento de la aplicaci\u00f3n, no tendremos ninguna dependencia con el <em>framework<\/em> y siempre ser\u00e1 m\u00e1s f\u00e1cil integrar librer\u00edas externas.<\/p>\n<p>En su contra tenemos que se requiere un mantenimiento de la aplicaci\u00f3n para futuras ampliaciones o correcci\u00f3n de errores.<\/p>\n<p>La otra opci\u00f3n posible es la app h\u00edbrida (<a href=\"http:\/\/en.wikipedia.org\/wiki\/Cross-platform\"><em>cross-plaftorm<\/em><\/a>), que utiliza <em>frameworks<\/em> que ofrecen la posibilidad de implementar c\u00f3digo centralizado y disponer de una app para los principales sistemas operativos.<\/p>\n<p>Los principales <em>frameworks<\/em> para implementar aplicaciones h\u00edbridas son:<\/p>\n<p><a href=\"http:\/\/cordova.apache.org\/\">Apache Cordova PhoneGap<\/a>: es una popular plataforma <em>open source<\/em>.<\/p>\n<p><a href=\"http:\/\/www.appcelerator.com\/titanium\/\">Titanium<\/a>: es <em>framework<\/em> comercial de la empresa Appcelerator.<\/p>\n<p><a href=\"http:\/\/coronalabs.com\/products\/corona-sdk\/\">Corona Labs<\/a>: es un <em>framework<\/em> comercial.<\/p>\n<p><a href=\"http:\/\/www.sencha.com\/\">Sencha<\/a>: <em>framework<\/em> comercial.<\/p>\n<p><a href=\"http:\/\/www.adobe.com\/es\/products\/air.html\">Adobe Air<\/a>: <em>framework<\/em> comercial de la empresa.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Links de referencia<\/strong><\/p>\n<p><a href=\"https:\/\/www.youtube.com\/watch?v=ni6xhl7LwxY\">https:\/\/www.youtube.com\/watch?v=ni6xhl7LwxY<\/a><\/p>\n<p><a href=\"http:\/\/blogthinkbig.com\/aplicaciones-web-nativas-hibridas\/\">http:\/\/blogthinkbig.com\/aplicaciones-web-nativas-hibridas\/<\/a><\/p>\n<p><a href=\"http:\/\/www.pixmatstudios.com\/blog\/aplicaciones-moviles-nativo-web-hibrido\/#.U8BRNrHCda0\">http:\/\/www.pixmatstudios.com\/blog\/aplicaciones-moviles-nativo-web-hibrido\/#.U8BRNrHCda0<\/a><\/p>\n<p><strong>Fuente de la imagen<\/strong>:<\/p>\n<p><a href=\"http:\/\/www.samueldiosdado.com\/10\/el-concepto-de-mobile-first\/\">http:\/\/www.samueldiosdado.com\/10\/el-concepto-de-mobile-first\/<\/a><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>","protected":false},"excerpt":{"rendered":"<p>Antes de empezar a implementar una idea de negocio en una aplicaci\u00f3n para dispositivos m\u00f3viles, siempre aparece la eterna pregunta de si debe ser nativa, h\u00edbrida o webApp. En cualquier caso, antes de la implementaci\u00f3n, dejadme hacer hincapi\u00e9 en el concepto mobile first, que se refiere a que el dise\u00f1o de una web se debe &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/multimedia.uoc.edu\/blogs\/tamm\/2014\/09\/28\/app-hibrida-o-nativa\/\" class=\"more-link\">Seguir leyendo<span class=\"screen-reader-text\"> \u00abApp H\u00edbrida o Nativa\u00bb<\/span><\/a><\/p>\n","protected":false},"author":73,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7,6],"tags":[],"class_list":["post-69","post","type-post","status-publish","format-standard","hentry","category-desarrollo-de-apps","category-plan-de-negocio","entry"],"_links":{"self":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/tamm\/wp-json\/wp\/v2\/posts\/69","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/tamm\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/tamm\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/tamm\/wp-json\/wp\/v2\/users\/73"}],"replies":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/tamm\/wp-json\/wp\/v2\/comments?post=69"}],"version-history":[{"count":6,"href":"http:\/\/multimedia.uoc.edu\/blogs\/tamm\/wp-json\/wp\/v2\/posts\/69\/revisions"}],"predecessor-version":[{"id":172,"href":"http:\/\/multimedia.uoc.edu\/blogs\/tamm\/wp-json\/wp\/v2\/posts\/69\/revisions\/172"}],"wp:attachment":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/tamm\/wp-json\/wp\/v2\/media?parent=69"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/tamm\/wp-json\/wp\/v2\/categories?post=69"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/tamm\/wp-json\/wp\/v2\/tags?post=69"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}