Qué son las PWA (Progressive Web Apps) y cuáles son sus ventajas

Las aplicaciones web progresivas son un tipo de aplicación móvil publicada a través de la web, desarrollada con tecnologías web estandar que incluyen HTML, CSS y JavaScript. Están diseñadas para funcionar en cualquier dispositivo que utilice un navegador moderno.

En los últimos años ha habido un crecimiento exponencial en el número de usuarios de teléfonos móviles. Hoy en día, más del 60% del uso total de Internet se realiza a través del teléfono móvil. Las razones incluyen: la portabilidad, el hardware barato, el fácil acceso a Internet y el aumento del número de servicios en Internet. Con más usuarios en el móvil, la optimización de la experiencia del usuario en el teléfono es esencial.

Para las empresas más pequeñas, que a menudo no tienen aplicaciones nativas debido a limitaciones de tiempo o de coste, la aplicación web es la oportunidad clave para aumentar el número de clientes, proporcionando la mejor experiencia de usuario posible.

Si las empresas tienen aplicaciones móviles nativas dedicadas, existe la posibilidad de que muchos usuarios prefieran su versión web para evitar la descarga y la instalación debido a restricciones de hardware y memoria o a alguna otra preferencia personal.

Si una empresa se dedica y quiere conseguir el máximo de clientes comprometidos, la experiencia de una aplicación web tiene que ser similar a la de la aplicación nativa. Hoy en día la expectativa de nuestros sitios web es muy alta. Hace casi 25 años, cuando se inventó el sitio web, su propósito era principalmente compartir información.

Tomemos el ejemplo de Whatsapp en tu teléfono. Cuando no tienes Internet, puedes abrir la aplicación, revisar los mensajes anteriores e incluso responder a alguien. Cuando el teléfono se conecta a Internet, los mensajes se envían automáticamente en segundo plano.

Esto es lo que PWA promete proporcionar en las aplicaciones web. Permite que las aplicaciones web, una vez instaladas, se carguen cuando no hay red, se sincronicen en segundo plano y hagan las cosas a la perfección a la vez que proporcionan una experiencia similar a la de un nativo para sus usuarios.

¿Por qué necesitamos PWAs y cuáles son sus características?

Hablemos de algunos de los atributos principales que no encontraremos en las aplicaciones web comunes no progresivas.

  • Fiable

    La aplicación debe ser rápida como un rayo cuando se carga, debe ser casi instantánea y también debe abrirse cuando no hay red o una red de baja velocidad como la 2G. Google encontró que el 53% de los usuarios abandonan el sitio web si la página tarda más de 3 segundos en cargarse.

  • Inmediata

    Los scrolls y las transiciones de página deben ser suaves como la mantequilla cuando el usuario está interactuando con la aplicación web. Todo el mundo odia los pergaminos de mierda.

  • Adaptable

    La aplicación debería encajar en todos los diferentes tamaños de dispositivos. La aplicación web perfecta debe ser como el agua, tomar la forma de su recipiente.

  • Instalable

    Si queremos que las aplicaciones web se acerquen más a las aplicaciones nativas, tienen que ser instalables y deben residir en la pantalla de inicio junto con otras aplicaciones nativas, para que el usuario pueda acceder al PWA con un solo clic.

  • Splash Screen

    Las Aplicaciones Web Progresivas pueden tener una pantalla de bienvenida al inicio de la aplicación. Esto hace que el PWA se parezca más a una aplicación nativa

  • Alta capacidad de fidelización

    La aplicación debe mantener a los usuarios ocupados. Un PWA proporciona características como las notificaciones push, el icono de la pantalla de inicio, vista a pantalla completa y offline para maximizar la interacción con el usuario.

Todo lo anterior es posible con una Web App Progresiva

Algunas personas creen que un PWA está acoplado a los últimos frameworks de UI como ReactJs, Angular 6 o Vue.js. No necesariamente. PWA no tiene nada que ver con el framework o librería que está utilizando, sólo necesita los componentes necesarios.

Las aplicaciones nativas pueden abrirse sin conexión a Internet porque cuando las descargamos e instalamos, los recursos críticos como los componentes de la interfaz de usuario y algunos datos se almacenan en el dispositivo…. esto es exactamente lo que sucede en un PWA también.

El PWA almacena archivos HTML, archivos CSS e imágenes en la caché del navegador y los desarrolladores pueden controlar completamente la llamada de red.

Para hacer funcionar una PWA hay tres elementos esenciales que deben implementar los desarrolladores:

  • Service Worker. Código javascript.
  • El manifiesto. En formato json
  • Disponer de conexión HTTPS

 
Un buen ejemplo del avance de las Apps Progresivas es Vue Storefront que es una PWA para hacer de front-end de cualquier plataforma e-commerce.


Google lanza la aplicación de AdWords para IOS

La aplicación de AdWords permite a los usuarios de Apple que gestionan campañas de publicidad en Google, realizar múltiples actividades como modificar las pujas, controlar el rendimiento de las campañas analizando métricas como clics, CPC y CTR, llamar a un experto de Google o recibir sugerencias de mejoras para las campañas e incluso notificaciones en tiempo real sobre facturación y estado de los anuncios.

aplicacion_adwords

Según indican desde su blog, la aplicación ya está disponible en la App Store.
Con un funcionamiento similar al de android, la aplicación Adwords es un complemento ideal de la versión de ordenador.
Puedes obtener más información en Centro de Ayuda de AdWords.


Nace Google Classroom, aplicación gratuita en la nube para profesores y alumnos

Aspecto de Google Classroom

Google ha lanzado una aplicación en la nube específica para el ámbito docente.

El sistema permite eliminar el papel del proceso de formación y centralizar toda la actividad relacionada con el estudio, la ejecución de tareas, la tutoría y la colaboración entre alumnos. La tendencia en el futuro próximo es eliminar el papel allá donde no sea necesario y que lo usemos solo para los casos en los que sea necesario o en los que el papel es un valor añadido de placer de consumo editorial.

Le aporta al alumno y al profesor más tiempo de enseñanza, ahorrando a los profesores cargar papeles de un lugar a otro.

La configuración es muy sencilla, en unos minutos el profesor puede crear el aula y apuntar alumnos directamente o enviarles un código con el que podrán registrarse y acceder a Google Classroom.

Es una aplicación que se configura en unos minutos, gratuita, sin publicidad y que no recaba datos estadísticos con fines publicitarios.

Funciones para el profesor:

– Crear tareas, revisar y poner calificaciones.
– Subir contenidos que el alumno puede consultar.
– Enviar notificaciones a los alumnos.
– Abrir debates con los alumnos.

Funciones para el alumno

– Comunicarse con el profesor
– Realización de tareas
– Consulta de calificaciones
– Consulta y descarga automática de material formativo a carpetas de Google Drive.
– Compartir recursos con compañeros

Puedes apuntarte para probarla en la página de inscripción de Google Classroom.

Hemos solicitado una cuenta y, en cuanto podamos probarlo, escribiremos un artículo analizando su funcionamiento, con trucos y consejos para sacarle el máximo partido.

¡¡Síguenos!! Síguenos en Facebook y no te lo pierdas