fbpx
Aplicaciones Web Progresivas o PWA ¿Qué es? Y, ¿por dónde empezar?

Aplicaciones Web Progresivas o PWA ¿Qué es? Y, ¿por dónde empezar?

Aunque no queramos admitirlo, o nos cueste darnos cuenta, nuestra vida cotidiana gira en torno a modas. Modas de vestir, modas de consumir, modas de comportamiento, etc. Y el mundo tecnológico no iba a ser menos, concretamente en el entorno web.

Desde la creación de Internet, y con ello de la World Wide Web, hemos presenciado todas las fases y evoluciones que las “páginas web” y posteriormente las aplicaciones web, han sufrido durante casi treinta años, que se dice pronto.

Pero… ¿de dónde venimos?

Al principio de la era digital, las páginas web que se creaban, contenían casi en su totalidad elementos y datos estáticos, que solamente podían cambiar mediante codificación HTML rudimentaria y con muy poca flexibilidad.

A mediados de los años 90, la web dio un paso de gigante con la aparición de Java y su lenguaje Javascript. Esto permitió que las páginas webs tuviesen comportamiento dinámico, es decir, los datos que se le presentaban al usuario podían cambiar dependiendo de la interacción que el propio usuario ejercía sobre la propia página.

Junto a Java, también aparecieron tecnologías como PHP, que aunque denostadas y poco extendidas al principio, se acabaron imponiendo para, combinado con Java, formar un framework de tecnologías que permitía dotar a la web no solo de contenido dinámico, sino que se podía complementar con servicios o con operaciones en el lado del servidor, lo cual reducía la carga de información que tenía que soportar el navegador del cliente, y que en ciertos escenarios, podía ser bastante molesto.

Las Aplicaciones Web Progresivas

Si nos trasladamos a años y eras más recientes, podemos comprobar como hoy en día estamos inmersos en el mundo de las aplicaciones. Todo son aplicaciones. Aplicaciones para nuestros ordenadores, aplicaciones para nuestros smartphones, y cómo no, aplicaciones web.

Acostumbrados a convivir con aplicaciones nativas (esto es, aplicaciones específicamente programadas para un determinado Sistema Operativo), y aplicaciones web (que son ejecutadas en un navegador en forma de página web), surge el concepto de aplicación web progresiva.

A medio camino entre las dos definiciones anteriores, una aplicación web progresiva se define como una aplicación que utiliza las últimas tecnologías disponibles en los navegadores para ofrecer una experiencia en dispositivos móviles similar a la de una aplicación nativa.

progressive-web-apps

Lo mejor de cada casa

Ya que una AWP es una “fusión” entre dos tipos de aplicaciones, poseen varias ventajas clave maximizando las virtudes de ambas:

  • Mayor rendimiento.
  • Carga de contenido casi instantánea: La velocidad de carga con esta tecnología se ha incrementado exponencialmente con respecto a sistemas tradicionales más lentos como PHP.
  • Utilización de menos recursos: No es necesario una cantidad elevada de recursos (almacenamiento, RAM, CPU…) al ser ejecutadas por un navegador.
  • Menor trabajo y menor coste de desarrollo: Con los frameworks de código abierto existentes, la curva de aprendizaje para desarrollar este tipo de aplicaciones es mucho menor que sus antecesoras, además de contar con un modelo de desarrollo claro y conciso, que permite un mantenimiento sencillo.
  • User eXperience: No podemos entender las aplicaciones web modernas sin la experiencia de usuario. Las AWPs potencian el diseño UX y dotar al cliente de un entorno funcional, amigable, y sobre todo, retornable.

progressive-web-app-native-app

Me ha encantado. ¿Y ahora por dónde empiezo?

Si eres programador es posible que te suenen las siguientes tecnologías, ya que hoy por hoy, son las más extendidas para la construcción y desarrollo de AWPs:

  • Angular: Impulsado por su antecesor Angular,js y respaldado por Google nada más y nada menos, Angular es un framework lanzado en 2016 para la creación de aplicaciones web modernas. Utiliza un lenguaje derivado de Javascript, TypeScript y que rápidamente se ha extendido y colocado como el lenguaje estrella de las AWPs.
  • React: Más antigua que Angular, de 2013, surge React, apadrinada por Facebook, y es una biblioteca de código abierto diseñada para crear interfaces de usuario. Del mismo modo surge React Native, que es un framework para crear aplicaciones móviles utilizando Javascript y React.
  • js: Al igual que las dos anteriores, Vue.js también es otra biblioteca de código abierto para la creación de interfaces y aplicaciones web. Pese a que es la benjamina en cuanto a popularidad, se está convirtiendo en una muy buena alternativa debido a su ligereza y su curva de aprendizaje, mucho menor que Angular o React.

angular-react-vue.js

La web cambia, constantemente, y ya no tenemos que esperar tiempos innecesarios, ni recargas en el navegador. ¿Por qué no apostar por el ahora, por el ya?

Prepárate para el Black Friday. Ya llegas tarde!

Prepárate para el Black Friday. Ya llegas tarde!

Casi sin darnos cuenta ya hemos pasado el verano y vamos enfilando el final del año con varias fechas calientes en lo que se refiere al comercio electrónico. Por un lado, todos tenemos en mente la campaña de navidad, por otro y mucho antes que ella tenemos el Black Friday y el CiberMonday, concretamente los días 23 y 26 de noviembre respectivamente.

A estas alturas cualquiera sabe que es el Black Friday, sobre todo porque nosotros mismos somos consumidores y queremos aprovechar esas fechas para realizar compras a buen precio, pero si además tienes un comercio online es una fecha que tiene que estar marcada a fuego en tu calendario, si no, es difícil que puedas aprovechar bien esos días.

(más…)

Síntesis del 6º Congreso ECOMMASTER sobre eCommerce y Marketing Digital

Síntesis del 6º Congreso ECOMMASTER sobre eCommerce y Marketing Digital

El pasado viernes 28 de septiembre tuvo lugar el 6º Congreso sobre Ecommerce y Márketing Digital, en el auditorio de la Nucia. Se trata de un evento anual organizado por la escuela Ecommaster el cual tiene como objetivo crear un espacio de diálogo entre pymes, empresarios y emprendedores del sector de los negocios digitales para hablar de las últimas novedades del comercio electrónico, los cambios en la sociedad, la adaptación de las empresas al mundo digital y la importancia del online y offline en el comercio electrónico.

(más…)

Las conclusiones de eShow Madrid 2018

Las conclusiones de eShow Madrid 2018

Durante dos intensos días he estado en Madrid empapándome de las últimas tendencias en el mundo del comercio electrónico y el Marketing Digital en eShow Madrid, la mayor feria de eCommerce y Marketing Digital que se celebra en España. Dos días de no parar, de conferencia en conferencia y recorriendo todos los stands que pude en busca de lo último y más interesante que poder ofrecer a nuestros clientes.

Del evento en general y de lo que pude ver y comentar con compañeros he extraído las siguientes conclusiones:

(más…)

¿Qué es la publicidad en Display? Descubre sus beneficios

¿Qué es la publicidad en Display? Descubre sus beneficios

Probablemente, cuando escuchas hablar de la publicidad en Display no lo asocies a la plataforma de publicidad de Google. Muchos anunciantes únicamente asocian Google Ads (la plataforma de publicidad de Google) a los resultados que aparecen cuando haces una búsqueda. Sin embargo, hay muchos tipos de anuncios dentro de la plataforma de publicidad de este gigante.

¿QUÉ ES LA PUBLICIDAD EN DISPLAY?

Para cualquier empresa que comienza su andadura en el mundo online, el primer paso es tener una web, bien un ecommerce o bien una página corporativa. El segundo paso o la estrategia más común entre las pequeñas empresas, es generar contenido en su blog o ser activo redes sociales mediante publicaciones orgánicas, es decir, gratuitas.

Sin embargo, muchos creen que con esto es suficiente y realmente solo es la punta del iceberg. Es lo mismo que lo que popularmente llamamos “levantar la persiana” en un negocio físico. Pero, ¿cómo vas a atraer clientes? Internet es muy grande y los consumidores muy exigentes, ¿tienes la mejor oferta?¿la mejor imagen de marca?¿el servicio de logística más competitivo? En esta última probablemente te gane Amazon.

Por eso tienes que buscar vías alternativas para dar a conocer tu negocio y poder llegar a nuevos clientes. Una de esas vías alternativas, que no la única, es hacer publicidad en Display.

(más…)

¿Qué es la Analítica Web? Y, ¿Para qué nos sirve?

¿Qué es la Analítica Web? Y, ¿Para qué nos sirve?

¿Llegaste al mundo del marketing digital como yo, en parte fascinada por las Bloggers, las Influencers, las Redes Sociales, los #TT, y una vez aquí pensaste, qué para dedicarte a la analítica web “virgencita que me quede como estoy” … mejor la contabilidad? Pero, ¿Y si te dijera que la analítica web puede ser muy guay?

La cuestión es que la analítica web, como la mopa de polvo, es una de esas creaciones de la humanidad que según el uso que se le dé, puede ser demasié.

(más…)