Aplicaciones web progresivas

Progressive Web Apps o Aplicaciones web progresivas es un término bastante hablado estos días en el mundo del desarrollo web, así que en esta publicación vamos a aprender qué son y cómo empezar a aprenderlas.

En términos simples, una PWA o Progressive Web App es un conjunto de tecnologías que permiten convertir una aplicación web en aplicaciones móviles nativas usando las características nativas del dispositivo móvil como son la cámara, geolocalización, sensores, acceso Offline, entre otras características más. Quizás te estés preguntando porqué es tan popular, bueno, se está volviendo tan popular debido a que en un futuro muy cercano es más que probable que todas las aplicaciones web sean aplicaciones web progresivas debido a que proveen muchas ventajas y hacen tus aplicaciones más amplias y fáciles de usar para nuestros usuarios. Así que es mejor prepararnos para el futuro ahora.

Pero empecemos analizando correctamente. ¿Qué son las Aplicaciones Web Progresivas?

¿Qué es una PWA o Progressive Web App?

Si tratamos de deducir a a partir del nombre, se nos hará muy difícil deducir que es realmente una PWA, ya que una progressive web app no es más que un conjunto de características que puedes añadirle a un sitio web que se ejecuta en un navegador para darle nueva funcionalidad, es decir, es agregarle nuevas características a una aplicación web para que se comporte como una aplicación móvil nativa.Y no estoy hablando del diseño web responsive o responsive web design, que hace que las aplicaciones luzcan bien en ambos dispositivos, si no de características que hacen que nuestra aplicación web se comporte como una aplicación móvil, como que pueda funcionar en modo offline o que tenga un icono en la pantalla de nuestro dispositivo móvil, o que nos permita acceder a las características del dispositivo como son la cámara o el dispositivo de geolocalización o el de sincronizado.En años anteriores era muy difícil crear este tipo de funcionalidades, pero actualmente todos los navegadores ya soportan estas características, la cuál es la razón de porqué podemos usarlas hoy en día.

Pero esto no quiere decir que si tenemos una aplicación de este tipo no significa que ya no vaya a funcionar en navegadores, antiguos, lo único que quiere decir es que si tenemos un navegador moderno podremos tener una experiencia muy superior gracias a estas características y si no tenemos un navegador moderno nuestra aplicación web funcionará como siempre ha funcionado, además recuerda que los navegadores siempre están en constante actualización así que no es nada descabellado pensar que estas características estarán disponibles en su totalidad en todos los navegadores populares.

Características principales de una Aplicación Web Progressiva

Entre las carateristicas principales podemos encontrar:

• Confiable. Provee una carga rápida y funcionalidad offline, en algunas partes de la aplicación.
• Rápida. No sólo la primera vez que carga la aplicación sino también cuando el usuario esta usándola, además nos provee de animaciones y nos permite utilizar características nativas del dispositivo de una manera intuitiva.
• Atractiva. Ya que proveemos una experiencia con más enganche, podemos ofrecerle a nuestros usuarios push notifications incluso si nuestra aplicación esta cerrada, conexión offline y muchas otras características que hacen lucir a nuestra aplicación web como si fuera una aplicación nativa.

Mobile Web vs Native Apps

Comparemos aplicaciones móviles web vs las aplicaciones móviles nativas para entender si tiene sentido construir una aplicación móvil a partir de una web.

Si analizamos un poco a los usuarios de aplicaciones móviles, un 80% de estos pasa más tiempo en una aplicación móvil, dónde el 8% de estos pasa en un sitio web desde el móvil ya que el resto lo hace desde una App. Ahora esto es un poco desalentador ya que porqué construir una aplicacion web si es obvio que las apps son mucho más usadas. bueno, primero veamos porqué las personas pasan más tiempo en Apps, en las que podemos encontrar las siguientes razones:

• Push Notifications. Una de las razones por las que las apps son tan usadas, es por las notificaciones que reciben los usuarios los cuales hacen que vuelvan a entrar a la app, ya que puedes recibir notificaciones, aunque no estes utilizando la app o si tienes tu móvil en el bolsillo.
• Home Screen Icons. Los iconos de las pantallas de los móviles hacen muy facil acceder a una aplicación porque a diferencia de la web no tienes que pasar buscando tu sitio o escribir una dirección en la url. tan sólo vas a tu pantalla de inicio, das un toque al icono y ya estás en la app.
• Acceso a las características nativas del dispositivo móvil, como son la camara, los sensores, el sistema de localización y muchas otras características más.
• Funcionamiento Offline. Al tener la app instalada puedes seguir usándolas sin tener acceso a internet.

Estas son algunas razones por las que los usuarios utilizan las aplicaciones móviles nativas, pero si lo analizas un poco, podemos hacer toda esta funcionalidad dentro de un navegador también. Veamos que conlleva crear una aplicación móvil nativa.

Qué Conlleva crear una Aplicación Móvil Nativa

Lenguajes de Programación distintos ya que existen múltiples plataformas, se necesitan múltiples lenguajes para cada plataforma, en los cuáles podemos encontrar a los más utilizados, Java, Kotlink, Switf o Objective-C y no sólo esto ya que si quieres que tu aplicación sea soportada en múltiples dispositivos, necesitas conocer más, o por otro lado necesitarás muchos más desarrolladores. Sería mucho más simple si pudieras crear una aplicación en el lenguaje que ya conoces los cuáles son los lenguajes de la web, HTML, CSS, y JavaScript que te permiten crear aplicaciones web.

Pero el mejor argumento es, que aunque la mayor parte de nuestros usuarios usan aplicaciones móviles nativas, el 80% de ellos utilizan tan sólo las aplicaciones top más usadas, que desafortunadamente no creo que sea tu app, ya que me refiero a las apps como Google, Facebook, Instagram, WhatsApp y Apps similares. entonces hay un mercado muy pobre para nuestra app. Considera que los usuarios no pasan cada mes instalando apps nuevas, tan sólo las instalan cuando tienen un dispositivo nuevo, y el resto del tiempo utilizan las apps más usadas, éstas son las estadísticas.Analicemos entonces porqué la web tiene muchas más ventajas. La razón es que mientras que en las aplicaciones móviles tenemos 3.3 billones de usuarios en la web tenemos 8.9, y a diferencia de las apps en las que los usuarios tan sólo usan las apps top #1, en la web cualquier persona puede acceder a ellas, tan sólo usando el buscador está a un click de tu app, por lo que es un mercado más abierto.Analicemos en el siguiente recuadro las diferencias.

Como ves mientras que en las apps móviles nativas tenemos acceso a las características del sistema operativo, en las web apps, el acceso es limitado, y mientras que en las web apps tenemos mucho más alcance a una enorme cantidad de usuarios en las apps nativas, el número de usuarios se limita a las apps más populares, mientras que las Aplicaciones Web Progresivas, quieren tomar lo mejor de ambas propuestas.