{"id":10718,"date":"2018-02-01T17:29:39","date_gmt":"2018-02-01T17:29:39","guid":{"rendered":"https:\/\/rubrika.es\/?p=10718"},"modified":"2020-06-09T13:56:39","modified_gmt":"2020-06-09T11:56:39","slug":"comparativa-desarrollo-aplicaciones","status":"publish","type":"post","link":"https:\/\/rubrika.es\/marketing-digital\/desarrollo-de-aplicaciones\/comparativa-desarrollo-aplicaciones\/","title":{"rendered":"Comparativa de desarrollo de aplicaciones"},"content":{"rendered":"<div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"background-color: rgba(255,255,255,0);background-position: center center;background-repeat: no-repeat;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-bottom: 0px;margin-top: 0px;border-width: 0px 0px 0px 0px;border-color:#e8eaf0;border-style:solid;\" ><div class=\"fusion-builder-row fusion-row\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_1 1_1 fusion-one-full fusion-column-first fusion-column-last\" style=\"margin-top:0px;margin-bottom:20px;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><div class=\"fusion-text fusion-text-1\"><h2>Comparativa de desarrollo de aplicaciones m\u00f3viles<\/h2>\n<p>\u00bfEst\u00e1s pensando en <a href=\"https:\/\/rubrika.es\/desarrollo-de-aplicaciones\/\"><strong>desarrollar una aplicaci\u00f3n m\u00f3vil<\/strong><\/a>? \u00bfTienes una idea de negocio pero no sabes qu\u00e9 es lo que necesitas? \u00bfPides presupuesto para un desarrollo de una aplicaci\u00f3n y s\u00f3lo te hablan con t\u00e9rminos t\u00e9cnicos y no sabes bien las diferencias entre una cosa o la otra? \u00bfQu\u00e9 tengo que tener en cuenta para hacer una app?<\/p>\n<p>Aqu\u00ed resolvemos todas estas preguntas y te explicamos <strong>qu\u00e9 opciones existen para el desarrollo de aplicaciones<\/strong>, qu\u00e9 ventajas tienen y qu\u00e9 inconvenientes. No hay una opci\u00f3n mejor que otra, simplemente algunas alternativas se adaptan mejor a las necesidades del usuario que otras opciones.<\/p>\n<\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-1 fusion_builder_column_1_1 1_1 fusion-one-full fusion-column-first fusion-column-last\" style=\"margin-top:2%;margin-bottom:1%;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><a class=\"mainbtn\" href=\"https:\/\/rubrika.es\/desarrollo-de-aplicaciones\/\" rel=\"nofollow\"><span class=\"animaText\">Desarrollo de Aplicaciones<\/span>\n<\/a><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-2 fusion_builder_column_1_1 1_1 fusion-one-full fusion-column-first fusion-column-last\" style=\"margin-top:5%;margin-bottom:20px;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\" style=\"background-position:left top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding: 0px 0px 0px 0px;\"><div class=\"fusion-text fusion-text-2\"><div class=\"indicePost\">\n<h2>\u00bfQu\u00e9 vamos a ver?<\/h2>\n<ol>\n<li><a href=\"#usoAplicaciones\">\u00bfSe usan las aplicaciones m\u00f3viles?<\/a><\/li>\n<li><a href=\"#quienUsaLaApp\">\u00bfQui\u00e9n va a usar la aplicaci\u00f3n?<\/a><\/li>\n<li><a href=\"#tiposdeApps\">Tipos de desarrollos de aplicaciones m\u00f3viles<\/a>\n<ul>\n<li><a href=\"#appWeb\">Aplicaciones Web<\/a><\/li>\n<li><a href=\"#appNativa\">Aplicaciones Nativas<\/a><\/li>\n<li><a href=\"#appHibrida\">Aplicaciones H\u00edbridas<\/a><\/li>\n<li><a href=\"#pwa\">Aplicaciones PWA<\/a><\/li>\n<\/ul>\n<\/li>\n<li><a href=\"#conclusion\">Comparativa de desarrollo de aplicaciones<\/a><\/li>\n<\/ol>\n<\/div>\n<h2 id=\"usoAplicaciones\">\u00bfSe usan las aplicaciones m\u00f3viles?<\/h2>\n<p>En la actualidad pensar en el mundo de internet sin apps es imposible. Redes sociales de ocio, de trabajo, aplicaciones para buscar pareja, o que miden tus gastos, te despiertan y te avisan de tus tareas del d\u00eda a d\u00eda.<\/p>\n<p>En los \u00faltimos a\u00f1os ha habido un aumento creciente de uso de los Smartphones. El <strong>80% de los usuarios de internet poseen al menos un dispositivo m\u00f3vil<\/strong>. Algo que a principios de los a\u00f1os 90 era inimaginable.<\/p>\n<p>Enfoc\u00e1ndonos un poco en el mundo de las apps, y en su uso, descubrimos un estudio hecho por la consultora estadounidense \u2018App Annie\u2019 que revela que las descargas de aplicaciones m\u00f3viles durante el tercer trimestre de 2017 llegaron a 26000 millones en todo el mundo. Esto supone un <strong>crecimiento del 8% en el sector m\u00f3vil<\/strong>.<\/p>\n<p>Adem\u00e1s el 89% del tiempo que el usuario usa el m\u00f3vil, lo hace en una aplicaci\u00f3n m\u00f3vil frente al 11% que lo hace en la web.<\/p>\n<p>Como podemos ver el este sector est\u00e1 en auge y sigue creciendo por lo que hay que tenerlo en cuenta. Otra cuesti\u00f3n, que veremos despu\u00e9s, ser\u00e1 la tecnolog\u00eda con la que vamos a abordar el desarrollo de la aplicaci\u00f3n m\u00f3vil.<\/p>\n<p>Si estos datos a\u00fan no son suficientes, podemos ver en la siguiente gr\u00e1fica los <strong>ingresos mundiales generados por el sector de las aplicaciones m\u00f3viles<\/strong> desde 2011.<br \/>\nS\u00f3lo viendo la tendencia de la gr\u00e1fica nos damos cuenta de que 2018 no se quedar\u00e1 atr\u00e1s.<\/p>\n<p><img class=\"wp-image-10758 size-full aligncenter\" src=\"https:\/\/rubrika.es\/marketing-digital\/wp-content\/uploads\/2018\/01\/ingresos-mundiales-apps.png\" alt=\"Gr\u00e1fica de los ingresos anuales mundiales de las aplicaciones m\u00f3viles\" width=\"599\" height=\"415\" srcset=\"https:\/\/rubrika.es\/marketing-digital\/wp-content\/uploads\/2018\/01\/ingresos-mundiales-apps-200x139.png 200w, https:\/\/rubrika.es\/marketing-digital\/wp-content\/uploads\/2018\/01\/ingresos-mundiales-apps-300x208.png 300w, https:\/\/rubrika.es\/marketing-digital\/wp-content\/uploads\/2018\/01\/ingresos-mundiales-apps-400x277.png 400w, https:\/\/rubrika.es\/marketing-digital\/wp-content\/uploads\/2018\/01\/ingresos-mundiales-apps.png 599w\" sizes=\"(max-width: 599px) 100vw, 599px\" \/><\/p>\n<p>Con todos estos datos podemos ver que el sector de las aplicaciones m\u00f3viles tiene todav\u00eda mucho futuro y va a ser uno de los sectores que siga generando ingresos para las empresas durante 2018.<\/p>\n<p>Algo que hay que plantearse antes de lanzarse a <a href=\"https:\/\/rubrika.es\/desarrollo-de-aplicaciones\/\">desarrollar una app<\/a> es de qu\u00e9 forma ser\u00e1 \u00fatil para el negocio. O dicho de otra forma, qu\u00e9 esperamos obtener de retorno con una app.<\/p>\n<h2 id=\"quienUsaLaApp\">\u00bfQui\u00e9n va a usar la aplicaci\u00f3n m\u00f3vil?<\/h2>\n<p>Lo primero que tenemos que hacer es enfocarnos en \u201cnuestro\u201d usuario potencial. Esta decisi\u00f3n ser\u00e1 m\u00e1s a nivel de negocio que tecnol\u00f3gica.<br \/>\nHay que decidir:<\/p>\n<ul>\n<li><strong>Qui\u00e9n<\/strong> queremos que use la app<br \/>\nNo ser\u00e1 lo mismo una aplicaci\u00f3n con juegos para ni\u00f1os que una aplicaci\u00f3n de compras. En la primera se entiende que el usuario final no va a realizar pagos dentro de la aplicaci\u00f3n, y en la segunda nuestro p\u00fablico potencial ser\u00e1n personas mayores de edad.<br \/>\nSi por ejemplo realizamos una app para que nuestros clientes vean y gestionen sus facturas, nuestro p\u00fablico estar\u00e1 limitado a nuestros clientes y por tanto ser\u00e1 m\u00e1s dif\u00edcil obtener un retorno monetario.<\/li>\n<li><strong>Qu\u00e9<\/strong> va a hacer el usuario en la aplicaci\u00f3n m\u00f3vil<br \/>\nEsto va ligado al modelo de negocio. No ser\u00e1 lo mismo que el n\u00facleo de nuestro negocio sea la aplicaci\u00f3n, en el cual sea imprescindible que el usuario use la app para generar beneficios, a que sea simplemente un complemento m\u00e1s del negocio.<\/li>\n<li><strong>C\u00f3mo<\/strong> va acceder el usuario a la aplicaci\u00f3n<br \/>\nEste punto ser\u00e1 <strong>clave en los tipos de aplicaciones<\/strong> que vamos a ver a continuaci\u00f3n. Ya que dependiendo de c\u00f3mo queramos que acceda el usuario a la aplicaci\u00f3n necesitaremos de un tipo de aplicaci\u00f3n u otro. Podemos valorar varios ejemplos generales:<\/p>\n<ul>\n<li>S\u00f3lo se podr\u00e1 acceder a la aplicaci\u00f3n m\u00f3vil desde las <strong>tiendas oficiales<\/strong>. Es siempre necesario que el usuario descargue o instale la aplicaci\u00f3n en el m\u00f3vil.<\/li>\n<li>Adem\u00e1s de la aplicaci\u00f3n m\u00f3vil, como en el punto anterior, el usuario podr\u00e1<strong> acceder mediante la web<\/strong>, como es por ejemplo el caso de Facebook.<br \/>\nHay aplicaciones m\u00f3viles disponibles, pero un usuario puede acceder mediante el navegador. En este caso es necesario tener tambi\u00e9n una aplicaci\u00f3n web.<\/li>\n<li>No quiero que los usuarios tengan que descargar la aplicaci\u00f3n desde los markets. Quiero que est\u00e9 disponible siempre a trav\u00e9s de un navegador mediante una <strong>aplicaci\u00f3n web<\/strong>.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Sistemas operativos<\/strong> para la app.<br \/>\nEn el caso de que queramos una app m\u00f3vil hay que decidir en qu\u00e9 dispositivos queremos que la aplicaci\u00f3n est\u00e9 disponible. Actualmente existen dos sistemas operativos que dominan el mercado: Android (80% de dispositivos) e iOs (15%), hay alguno m\u00e1s como Windows phone o Blackberry pero lo vamos a dejar en un segundo plano.<br \/>\n<script type=\"text\/javascript\" src=\"https:\/\/ssl.gstatic.com\/trends_nrtr\/1294_RC01\/embed_loader.js\"><\/script><br \/>\n<script type=\"text\/javascript\">\n    trends.embed.renderExploreWidget(\"TIMESERIES\", {\"comparisonItem\":[{\"keyword\":\"android\",\"geo\":\"\",\"time\":\"today 12-m\"},{\"keyword\":\"ios\",\"geo\":\"\",\"time\":\"today 12-m\"}],\"category\":0,\"property\":\"\"}, {\"exploreQuery\":\"q=android,ios&date=today 12-m,today 12-m\",\"guestPath\":\"https:\/\/trends.google.es:443\/trends\/embed\/\"});\n  <\/script><\/li>\n<\/ul>\n<ul>\n<li>Qu\u00e9 vamos a <strong>ganar con la app<\/strong>.<br \/>\nDefinir<strong> qu\u00e9 esperamos obtener con una aplicaci\u00f3n<\/strong> es uno de los puntos m\u00e1s importantes ya que de ello depender\u00e1 el desarrollo y el nivel de inversi\u00f3n.<br \/>\nSer\u00e1 distinto dependiendo de la app de nuestro negocio. Bien puede ser una aplicaci\u00f3n para <strong>fidelizaci\u00f3n de clientes<\/strong> en la que buscamos la comodidad del usuario y el reconocimiento de marca; bien puede ser un <strong>retorno monetario<\/strong> como en el caso de las aplicaciones con pagos dentro de la app y\/o publicidad.<\/li>\n<\/ul>\n<h2 id=\"tiposdeApps\">Tipos de desarrollo de aplicaciones m\u00f3viles<\/h2>\n<p>Lo siguiente que hay que valorar, una vez sabemos qu\u00e9 queremos que haga nuestra aplicaci\u00f3n y c\u00f3mo se va a acceder a ella, es la tecnolog\u00eda que vamos a usar. Si nos hemos adentrado un poco en este mundo nos ser\u00e1n familiares, entre otros, t\u00e9rminos como <strong>desarrollo nativo<\/strong>, <strong>multiplataforma<\/strong> o <strong>h\u00edbrido<\/strong>\u2026 \u00bfPero a qu\u00e9 se refieren estos t\u00e9rminos?<\/p>\n<p>Para aclarar estas dudas, vamos a explicar cada una de las opciones que hay en el desarrollo de aplicaciones y veremos sus <strong>ventajas e inconvenientes<\/strong>: Aplicaciones web, aplicaciones nativas, aplicaciones h\u00edbridas y Progressive Web Apps<\/p>\n<h3 id=\"appWeb\">Aplicaciones Web<\/h3>\n<p>Las <a href=\"https:\/\/rubrika.es\/diseno-web-a-medida\/\">aplicaciones web<\/a> son aplicaciones a las que <strong>se accede siempre desde un navegador<\/strong>, ya sea desde un dispositivo m\u00f3vil o desde un ordenador. S\u00f3lo cambia la visualizaci\u00f3n de la aplicaci\u00f3n en funci\u00f3n del dispositivo.<\/p>\n<p>Estas aplicaciones est\u00e1n desarrolladas con tecnolog\u00eda web. Y aunque hay combinaciones muy distintas, lo normal es que todas ellas tengan en com\u00fan estar desarrolladas con <strong>HTML, CSS y JavaScript<\/strong> adem\u00e1s de un lenguaje de servidor que nos proporcionar\u00e1 acceso a base de datos, l\u00f3gica de negocio, seguridad,\u2026 entre otras muchas cosas.<\/p>\n<p><strong><u>Desventajas de las aplicaciones web<\/u><\/strong><\/p>\n<ul>\n<li>No son accesibles desde el m\u00f3vil de un usuario mediante un icono en el escritorio. Esto se refiere a que <strong>no se pueden instalar en el dispositivo<\/strong>. S\u00f3lo se puede acceder a ellas <strong>mediante un navegador<\/strong>.<\/li>\n<li>Requieren siempre de internet para su uso.<\/li>\n<li>No est\u00e1n disponibles en los market de aplicaciones.<\/li>\n<li>Consumen m\u00e1s datos m\u00f3viles del usuario (desde conexi\u00f3n m\u00f3vil). La primera vez al menos, ya que hasta que no se almacene en cach\u00e9 del m\u00f3vil tendr\u00e1 que pedirse toda la informaci\u00f3n. Tambi\u00e9n depende de la tecnolog\u00eda usada.<\/li>\n<li>El usuario <strong>no puede recibir notificaciones PUSH<\/strong>. Esto es lo que com\u00fanmente conocemos como alertas o notificaciones de mensajes nuevos. Es necesario siempre loguearse en la aplicaci\u00f3n (a trav\u00e9s del navegador) y ver las notificaciones pendientes.<\/li>\n<\/ul>\n<p><strong><u>Ventajas de las aplicaciones web<\/u><\/strong><\/p>\n<ul>\n<li>Requieren s\u00f3lo de <strong>un desarrollo<\/strong>. El de la plataforma web. Y por tanto ser\u00e1 accesible desde todos los dispositivos mediante un navegador, con independencia del sistema operativo.<\/li>\n<li>No consumen espacio en el dispositivo<\/li>\n<li>Mayor mantenibilidad. Las actualizaciones de la aplicaci\u00f3n s\u00f3lo dependen de un desarrollo con peque\u00f1os cambios visuales para cada plataforma.<\/li>\n<li><strong>Minimizan el riesgo<\/strong>. Esto se debe a que un desarrollo universal, no incurre en tantos gastos como el desarrollo particular. Suele ser un buen punto de partida para cualquier negocio.<\/li>\n<li>Persistencia de datos universal en el mismo servidor. Para poder almacenar los datos de aplicaci\u00f3n de cada usuario como suele pasar en cualquier aplicaci\u00f3n din\u00e1mica (en la que podemos interactuar con el contenido) es necesario un servidor de base de datos con acceso a internet, el cual suele estar en el mismo sitio donde est\u00e1 alojada la aplicaci\u00f3n web<\/li>\n<\/ul>\n<table>\n<tbody>\n<tr>\n<td width=\"283\"><strong>Ventajas<\/strong><\/td>\n<td width=\"283\"><strong>Desventajas<\/strong><\/td>\n<\/tr>\n<tr>\n<td width=\"283\">S\u00f3lo un desarrollo<\/td>\n<td width=\"283\">No tienen icono en el m\u00f3vil<\/td>\n<\/tr>\n<tr>\n<td width=\"283\">No consumen espacio en el dispositivo<\/td>\n<td width=\"283\">Requieren siempre de internet<\/td>\n<\/tr>\n<tr>\n<td width=\"283\">Mantenibilidad alta<\/td>\n<td width=\"283\">Consumen m\u00e1s datos m\u00f3viles<\/td>\n<\/tr>\n<tr>\n<td width=\"283\">Minimiza el riesgo<\/td>\n<td width=\"283\">No hay notificaciones PUSH<\/td>\n<\/tr>\n<tr>\n<td width=\"283\">Base de datos en el mismo servidor<\/td>\n<td width=\"283\"><\/td>\n<\/tr>\n<tr>\n<td width=\"283\"><\/td>\n<td width=\"283\"><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3 id=\"appNativa\">Aplicaciones Nativas<\/h3>\n<p>Las aplicaciones nativas son las aplicaciones m\u00f3viles que se desarrollan<strong> espec\u00edficamente para cada sistema operativo<\/strong>. Este es el desarrollo tradicional de aplicaciones m\u00f3viles. En el cual es necesario conocer el lenguaje y la mec\u00e1nica de desarrollo para cada uno de los sistemas operativos.<\/p>\n<p>Com\u00fanmente se desarrolla para Android y para iOs.<\/p>\n<p><img class=\"wp-image-10804 size-full aligncenter\" src=\"https:\/\/rubrika.es\/marketing-digital\/wp-content\/uploads\/2018\/02\/Android-iOs.png\" alt=\"Desarrollo de aplicaciones nativo\" width=\"556\" height=\"549\" srcset=\"https:\/\/rubrika.es\/marketing-digital\/wp-content\/uploads\/2018\/02\/Android-iOs-66x66.png 66w, https:\/\/rubrika.es\/marketing-digital\/wp-content\/uploads\/2018\/02\/Android-iOs-200x197.png 200w, https:\/\/rubrika.es\/marketing-digital\/wp-content\/uploads\/2018\/02\/Android-iOs-300x296.png 300w, https:\/\/rubrika.es\/marketing-digital\/wp-content\/uploads\/2018\/02\/Android-iOs-400x395.png 400w, https:\/\/rubrika.es\/marketing-digital\/wp-content\/uploads\/2018\/02\/Android-iOs.png 556w\" sizes=\"(max-width: 556px) 100vw, 556px\" \/><\/p>\n<p><strong><u>Desventajas de las aplicaciones nativas<\/u><\/strong><u>:<\/u><\/p>\n<ul>\n<li>Esta opci\u00f3n exige desarrollos independientes para cada plataforma. Lo que <strong>aumenta el coste y el tiempo de desarrollo<\/strong>.<\/li>\n<li>Las actualizaciones de la app requieren dos desarrollos (m\u00e1s el de la aplicaci\u00f3n web si la hay). Cada nueva versi\u00f3n requiere cambios en dos plataformas distintas.<\/li>\n<li>Cada una de las aplicaciones ser\u00e1n subidas al market de aplicaciones correspondiente (Play Store y Apple Store). Esto implica superar las revisiones de las plataformas de forma independiente. Lo cual no siempre es r\u00e1pido.<\/li>\n<li>Trabajar <strong>visibilidad en los markets<\/strong>. Cada una de las tiendas tiene sus reglas, y como pasa con el <a href=\"https:\/\/rubrika.es\/seo-desde-cero\/\">posicionamiento SEO<\/a> en los buscadores, cuanto m\u00e1s arriba aparezcas m\u00e1s f\u00e1cil ser\u00e1 que el usuario final instale tu aplicaci\u00f3n. Esto se conoce como<strong> posicionamiento ASO<\/strong>.<\/li>\n<li>Se requiere \u00a0instalar la aplicaci\u00f3n en el m\u00f3vil. Por lo que es necesario que haya espacio suficiente en el m\u00f3vil. Esto en algunos casos puede ser una barrera si la app ocupa mucho espacio.<\/li>\n<li>Consumen bastante espacio en el dispositivo del usuario.<\/li>\n<\/ul>\n<p><strong><u>Ventajas de las aplicaciones nativas:<\/u><\/strong><\/p>\n<ul>\n<li>Una vez descargadas e instaladas son accesibles desde el m\u00f3vil del usuario mediante un <strong>icono en el escritorio<\/strong> o en el men\u00fa.<\/li>\n<li>Aprovechan al<strong> 100% las funciones del m\u00f3vil<\/strong> (potencialmente) ya que est\u00e1n programadas para ese sistema operativo. S\u00f3lo depende de las capacidades del desarrollador.<\/li>\n<li>Mayor <strong>rendimiento<\/strong> del dispositivo.<\/li>\n<li>El usuario puede recibir <strong>notificaciones PUSH<\/strong>. Avisos o alertas como puede ser recibir \u00a0un nuevo mensaje o notificaci\u00f3n que ahora s\u00ed aparecer\u00e1n directamente como avisos en el men\u00fa del m\u00f3vil.<\/li>\n<li>Accesible Offline. Para usar una app ya instalada en el m\u00f3vil no es indispensable tener acceso a internet. S\u00f3lo depende de las caracter\u00edsticas de la aplicaci\u00f3n. Imaginemos por ejemplo una app que usamos para crear notas recordatorias en el m\u00f3vil. No es necesario que haya acceso a internet ya que toda la funcionalidad se encuentra en la app, si por el contrario la app es una red social necesitaremos internet para poder ver el contenido que se va publicando.<\/li>\n<\/ul>\n<p>Ejemplos:\u00a0 Facebook y Whatsapp<\/p>\n<table>\n<tbody>\n<tr>\n<td width=\"283\"><strong>Ventajas<\/strong><\/td>\n<td width=\"283\"><strong>Desventajas<\/strong><\/td>\n<\/tr>\n<tr>\n<td width=\"283\">Accesibles mediante un icono en el m\u00f3vil<\/td>\n<td width=\"283\">Desarrollos independientes para cada plataforma (Coste)<\/td>\n<\/tr>\n<tr>\n<td width=\"283\">Optimizan el rendimiento del m\u00f3vil<\/td>\n<td width=\"283\">Mantenibilidad baja<\/td>\n<\/tr>\n<tr>\n<td width=\"283\">Notificaciones PUSH<\/td>\n<td width=\"283\">Consumen m\u00e1s datos m\u00f3viles<\/td>\n<\/tr>\n<tr>\n<td width=\"283\">Accesible Offline*<\/td>\n<td width=\"283\">No hay notificaciones PUSH<\/td>\n<\/tr>\n<tr>\n<td width=\"283\">Disponibles en los market<\/td>\n<td width=\"283\">Superar revisiones independientes de los market<\/td>\n<\/tr>\n<tr>\n<td width=\"283\"><\/td>\n<td width=\"283\">Trabajar visibilidad ASO<\/td>\n<\/tr>\n<tr>\n<td width=\"283\"><\/td>\n<td width=\"283\">Consumen espacio en el dispositivo<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3 id=\"appHibrida\">Aplicaciones H\u00edbridas<\/h3>\n<p>Las aplicaciones h\u00edbridas son aplicaciones m\u00f3viles desarrolladas con <strong>tecnolog\u00edas web<\/strong> (HTML, CSS y JavaScript) y \u201cempaquetadas\u201d para cada sistema operativo de forma independiente. El usuario final no es capaz de distinguir una aplicaci\u00f3n nativa de una h\u00edbrida, es s\u00f3lo a nivel de desarrollo. Cada una de las versiones debe ser modificada para optimizar el desarrollo, pero parte del mismo c\u00f3digo y por ello son modificaciones.<\/p>\n<p>Lo que se obtiene despu\u00e9s de este desarrollo son aplicaciones para cada uno de los sistemas operativos (Android, iOs,..) listas para subir a las tiendas correspondientes<\/p>\n<p><img class=\"aligncenter wp-image-10808 size-medium\" src=\"https:\/\/rubrika.es\/marketing-digital\/wp-content\/uploads\/2018\/02\/AppsH\u00edbridas-265x300.png\" alt=\"Desarrollo de aplicaciones h\u00edbridas\" width=\"265\" height=\"300\" srcset=\"https:\/\/rubrika.es\/marketing-digital\/wp-content\/uploads\/2018\/02\/AppsH\u00edbridas-200x227.png 200w, https:\/\/rubrika.es\/marketing-digital\/wp-content\/uploads\/2018\/02\/AppsH\u00edbridas-265x300.png 265w, https:\/\/rubrika.es\/marketing-digital\/wp-content\/uploads\/2018\/02\/AppsH\u00edbridas-400x453.png 400w, https:\/\/rubrika.es\/marketing-digital\/wp-content\/uploads\/2018\/02\/AppsH\u00edbridas.png 497w\" sizes=\"(max-width: 265px) 100vw, 265px\" \/><\/p>\n<p><strong><u>Desventajas de las aplicaciones h\u00edbridas<\/u><\/strong><\/p>\n<ul>\n<li>No est\u00e1n desarrolladas en el lenguaje nativo del dispositivo y hace uso de un<strong> \u201cint\u00e9rprete\u201d<\/strong> que ejecuta las\u00a0 instrucciones.<\/li>\n<li>No aprovechan al 100% las caracter\u00edsticas del dispositivo. Esto ser\u00e1 determinante cuando la funcionalidad lo requiera como puede ser el caso de la realidad aumentada, videojuegos, 3D,\u2026etc.<\/li>\n<li>Cada una de las aplicaciones ser\u00e1n subidas al market de aplicaciones correspondiente (Play Store y Apple Store). Lo mismo ocurr\u00eda con las aplicaciones nativas.<\/li>\n<li>Trabajar la <strong>visibilidad en los markets<\/strong><\/li>\n<li>Se requiere la <strong>instalaci\u00f3n en el dispositivo<\/strong>. Aunque el desarrollo de la aplicaci\u00f3n use esta tecnolog\u00eda, esto es trasparente para el usuario final, que s\u00f3lo ver\u00e1 una aplicaci\u00f3n que puede instalar en su dispositivo.<\/li>\n<li>Consumen bastante espacio en el dispositivo del usuario<\/li>\n<\/ul>\n<p><strong><u>Ventajas de las aplicaciones h\u00edbridas<\/u><\/strong><\/p>\n<ul>\n<li>Requieren del desarrollo con tecnolog\u00eda web, y la estructura es aprovechable para todas las plataformas. \u00a0<strong>Menor tiempo de desarrollo<\/strong>.<\/li>\n<li>Mayor mantenibilidad. Las actualizaciones de la app s\u00f3lo dependen de <strong>un desarrollo con peque\u00f1os cambios<\/strong> para cada plataforma.<\/li>\n<li>Una vez descargadas son accesibles desde el m\u00f3vil del usuario mediante un <strong>icono en el escritorio<\/strong>.<\/li>\n<li>El usuario puede recibir <strong>notificaciones PUSH<\/strong>. Avisos o alertas como puede ser recibir \u00a0un nuevo mensaje o notificaci\u00f3n<\/li>\n<li>Accesible Offline* (S\u00f3lo el contenido est\u00e1tico o ya descargado)<\/li>\n<\/ul>\n<p>Ejemplos: Instagram, Uber, Amazon Appstore, Twitter, Gmail<\/p>\n<table>\n<tbody>\n<tr>\n<td width=\"283\"><strong>Ventajas<\/strong><\/td>\n<td width=\"283\"><strong>Desventajas<\/strong><\/td>\n<\/tr>\n<tr>\n<td width=\"283\">S\u00f3lo un desarrollo multiplataforma<\/td>\n<td width=\"283\">No usan lenguaje nativo<\/td>\n<\/tr>\n<tr>\n<td width=\"283\">Coste<\/td>\n<td width=\"283\">No optimizan el rendimiento del dispositivo<\/td>\n<\/tr>\n<tr>\n<td width=\"283\">Mantenibilidad alta<\/td>\n<td width=\"283\">Superar revisiones independientes de los market<\/td>\n<\/tr>\n<tr>\n<td width=\"283\">Accesibles mediante un icono en el m\u00f3vil<\/td>\n<td width=\"283\">Visibilidad ASO<\/td>\n<\/tr>\n<tr>\n<td width=\"283\">Menor riesgo que las app nativas<\/td>\n<td width=\"283\">Consumen espacio en el dispositivo<\/td>\n<\/tr>\n<tr>\n<td width=\"283\">Notificaciones PUSH<\/td>\n<td width=\"283\"><\/td>\n<\/tr>\n<tr>\n<td width=\"283\">Accesibles offline*<\/td>\n<td width=\"283\"><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3 id=\"pwa\">Progressive Web Apps (PWA)<\/h3>\n<p>Las<strong> aplicaciones progresivas<\/strong> son una nueva generaci\u00f3n de aplicaciones potenciadas por Google. Est\u00e1n en expansi\u00f3n y por el momento no son muy conocidas. Se basan en aplicaciones desarrolladas con <strong>tecnolog\u00edas web<\/strong> y usan el navegador como motor de la app. Por eso son accesibles desde cualquier dispositivo. Visualmente es la misma experiencia que la de una app nativa.<\/p>\n<p><img class=\"wp-image-10812 size-full aligncenter\" src=\"https:\/\/rubrika.es\/marketing-digital\/wp-content\/uploads\/2018\/02\/ProgressiveWebApps.png\" alt=\"Desarrollo de aplicaciones PWA\" width=\"342\" height=\"471\" srcset=\"https:\/\/rubrika.es\/marketing-digital\/wp-content\/uploads\/2018\/02\/ProgressiveWebApps-200x275.png 200w, https:\/\/rubrika.es\/marketing-digital\/wp-content\/uploads\/2018\/02\/ProgressiveWebApps-218x300.png 218w, https:\/\/rubrika.es\/marketing-digital\/wp-content\/uploads\/2018\/02\/ProgressiveWebApps.png 342w\" sizes=\"(max-width: 342px) 100vw, 342px\" \/><\/p>\n<p>El proceso para llegar a<strong> \u00abinstalar\u00bb la PWA<\/strong> es el que se ilustra en la imagen de abajo. Hay que acceder mediante el navegador a la web que dispone de una PWA y\u00a0 en el caso de Chrome, te de que el sitio en cuesti\u00f3n te ofrece instalar la PWA en tu m\u00f3vil.<br \/>\nSi no aparece esta notificaci\u00f3n podemos ir a opciones del navegador y hacer click en \u00abA\u00f1adir a pantalla de inicio\u00bb.<\/p>\n<p><a href=\"https:\/\/rubrika.es\/marketing-digital\/wp-content\/uploads\/2018\/02\/PWA.gif\"><img class=\"aligncenter size-full wp-image-10776\" src=\"https:\/\/rubrika.es\/marketing-digital\/wp-content\/uploads\/2018\/02\/PWA.gif\" alt=\"C\u00f3mo se usa una PWA\" width=\"597\" height=\"721\" \/><\/a><\/p>\n<div><\/div>\n<p><strong><u>Desventajas de las PWA<\/u><\/strong><\/p>\n<ul>\n<li>No aparecen en los markets<\/li>\n<li>Para que sean accesibles desde el escritorio hay que<strong> entrar en la web desde el m\u00f3vil<\/strong> y anclar (o a\u00f1adir) la app desde las opciones del navegador<\/li>\n<li>No se pueden usar todas las caracter\u00edsticas del dispositivo. (Contactos, NFC, Bluetooth)<\/li>\n<\/ul>\n<p><strong><u>Ventajas de las PWA<\/u><\/strong><\/p>\n<ul>\n<li>No se \u201cinstalan\u201d en el dispositivo<\/li>\n<li>Se pueden anclar al escritorio del dispositivo mediante un icono y visualmente ser\u00e1n como apps nativas para el usuario<\/li>\n<li>Las actualizaciones de la app ser\u00e1n <strong>autom\u00e1ticas<\/strong> con los cambios en la aplicaci\u00f3n web.<\/li>\n<li>S\u00f3lo <strong>un desarrollo web y configuraciones<\/strong> de la app<\/li>\n<li>Accesible offline*(S\u00f3lo el contenido est\u00e1tico o ya descargado)<\/li>\n<li>Consumen mucho menos espacio en el dispositivo<\/li>\n<li>Al igual que pasa en las aplicaciones nativas e h\u00edbridas habr\u00e1 disponibles<strong> notificaciones PUSH.<\/strong>\u00a0Esto es novedoso ya que s\u00f3lo con una aplicaci\u00f3n web esto es imposible y ahora con las PWA se puede \u00abenlazar\u00bb las notificaciones de esa web con el dispositivo mediante este tipo de aplicaci\u00f3n.<\/li>\n<\/ul>\n<p>Ejemplos: Telegram, Ali Express, Forbes, Twitter<\/p>\n<table>\n<tbody>\n<tr>\n<td width=\"283\"><strong>Ventajas<\/strong><\/td>\n<td width=\"283\"><strong>Desventajas<\/strong><\/td>\n<\/tr>\n<tr>\n<td width=\"283\">No se \u201cinstalan\u201d en el dispositivo<\/td>\n<td width=\"283\">No usan lenguaje nativo<\/td>\n<\/tr>\n<tr>\n<td width=\"283\">Consumen poco espacio en el dispositivo<\/td>\n<td width=\"283\">No aparecen en los market<\/td>\n<\/tr>\n<tr>\n<td width=\"283\">Coste<\/td>\n<td width=\"283\">No optimizan el rendimiento del dispositivo<\/td>\n<\/tr>\n<tr>\n<td width=\"283\">Mantenibilidad alta<\/td>\n<td width=\"283\">Superar revisiones independientes de los market<\/td>\n<\/tr>\n<tr>\n<td width=\"283\">Accesibles mediante un icono en el m\u00f3vil<\/td>\n<td width=\"283\">Visibilidad ASO<\/td>\n<\/tr>\n<tr>\n<td width=\"283\">Notificaciones PUSH<\/td>\n<td width=\"283\">Consumen espacio en el dispositivo<\/td>\n<\/tr>\n<tr>\n<td width=\"283\">Las actualizaciones de la app van ligadas a la aplicaciones web<\/td>\n<td width=\"283\"><\/td>\n<\/tr>\n<tr>\n<td width=\"283\">Accesibles offline*<\/td>\n<td width=\"283\"><\/td>\n<\/tr>\n<tr>\n<td width=\"283\">S\u00f3lo un desarrollo de la web y configuraciones para la PWA<\/td>\n<td width=\"283\"><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2 id=\"conclusion\">Conclusi\u00f3n sobre las tecnolog\u00edas de desarrollo de aplicaciones<\/h2>\n<p>Si buscamos una aplicaci\u00f3n que exija rendimiento por parte de los dispositivos como pueden ser aplicaciones de realidad virtual, realidad aumentada o juegos, la opci\u00f3n a tener en cuenta es el <strong>desarrollo nativo<\/strong>. En cambio si lo que necesitamos es una aplicaci\u00f3n de gesti\u00f3n, redes sociales, tienda online, etc\u2026 habr\u00eda que valorar el <strong>desarrollo h\u00edbrido<\/strong> (y progressive) por tiempos de desarrollo, mantenibilidad y coste, siempre que tengamos una limitaci\u00f3n en alguno de estos factores.<\/p>\n<p>Como hemos visto hay otras variables a tener en cuenta y por supuesto si el n\u00facleo de nuestro negocio es la aplicaci\u00f3n m\u00f3vil merecer\u00e1 la pena invertir m\u00e1s esfuerzo e inversi\u00f3n en ella.<br \/>\nGrandes marcas apuestan por distintos tipos de aplicaciones, esto nos recuerda que no hay s\u00f3lo una opci\u00f3n v\u00e1lida. Facebook y WhatsApp tienen desarrollos nativos de sus aplicaciones. En cambio Gmail e Instagram son partidarios de usar aplicaciones h\u00edbridas.<br \/>\nAdem\u00e1s tambi\u00e9n hay grandes empresas apostando por las nuevas tecnolog\u00edas como las <strong>PWA<\/strong> (que parece que est\u00e1n peganfo fuerte) y adem\u00e1s de sus aplicaciones tienen versiones de PWA para sus usuarios, con las que han coseguido rendimientos superiores a sus versiones en la web.<\/p>\n<p>Por \u00faltimo dejamos una <strong>tabla comparativa de los tipos de aplicaciones<\/strong> que se han explicado en el art\u00edculo, y si ten\u00e9is cualquier pregunta no dud\u00e9is en comentar.<\/p>\n<table width=\"520\">\n<tbody>\n<tr>\n<td><\/td>\n<td><strong>Nativas<\/strong><\/td>\n<td><strong>H\u00edbridas<\/strong><\/td>\n<td><strong>Web <\/strong><\/td>\n<td><strong>PWA<\/strong><\/td>\n<\/tr>\n<tr>\n<td><strong>Desarrollos (web + apps)<\/strong><\/td>\n<td>3<\/td>\n<td>1-2<\/td>\n<td>1<\/td>\n<td>1,5<\/td>\n<\/tr>\n<tr>\n<td><strong>Markets<\/strong><\/td>\n<td>Si<\/td>\n<td>Si<\/td>\n<td>No<\/td>\n<td>No<\/td>\n<\/tr>\n<tr>\n<td><strong>Instalaci\u00f3n<\/strong><\/td>\n<td>Si<\/td>\n<td>Si<\/td>\n<td>No<\/td>\n<td>Si*<\/td>\n<\/tr>\n<tr>\n<td><strong>Icono escritorio m\u00f3vil<\/strong><\/td>\n<td>Si<\/td>\n<td>Si<\/td>\n<td>No<\/td>\n<td>Si<\/td>\n<\/tr>\n<tr>\n<td><strong>Notificaciones<\/strong><\/td>\n<td>Si<\/td>\n<td>Si<\/td>\n<td>No<\/td>\n<td>Si<\/td>\n<\/tr>\n<tr>\n<td><strong>Coste mantenimiento<\/strong><\/td>\n<td>Alto<\/td>\n<td>Medio<\/td>\n<td>Bajo<\/td>\n<td>Bajo<\/td>\n<\/tr>\n<tr>\n<td><strong>Tiempo desarrollo<\/strong><\/td>\n<td>Alto<\/td>\n<td>Medio<\/td>\n<td>Medio<\/td>\n<td>Bajo<\/td>\n<\/tr>\n<tr>\n<td><strong>Rendimiento dispositivo<\/strong><\/td>\n<td>Alto<\/td>\n<td>Medio<\/td>\n<td>Bajo<\/td>\n<td>Bajo<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":6,"featured_media":10815,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[173],"tags":[],"_links":{"self":[{"href":"https:\/\/rubrika.es\/marketing-digital\/wp-json\/wp\/v2\/posts\/10718"}],"collection":[{"href":"https:\/\/rubrika.es\/marketing-digital\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rubrika.es\/marketing-digital\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rubrika.es\/marketing-digital\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/rubrika.es\/marketing-digital\/wp-json\/wp\/v2\/comments?post=10718"}],"version-history":[{"count":12,"href":"https:\/\/rubrika.es\/marketing-digital\/wp-json\/wp\/v2\/posts\/10718\/revisions"}],"predecessor-version":[{"id":12140,"href":"https:\/\/rubrika.es\/marketing-digital\/wp-json\/wp\/v2\/posts\/10718\/revisions\/12140"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/rubrika.es\/marketing-digital\/wp-json\/wp\/v2\/media\/10815"}],"wp:attachment":[{"href":"https:\/\/rubrika.es\/marketing-digital\/wp-json\/wp\/v2\/media?parent=10718"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rubrika.es\/marketing-digital\/wp-json\/wp\/v2\/categories?post=10718"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rubrika.es\/marketing-digital\/wp-json\/wp\/v2\/tags?post=10718"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}