mobile - que - pwa tutorial

Diferencia entre una aplicación web progresiva y una aplicación móvil híbrida (6)

Aplicación híbrida: es una aplicación nativa que también utiliza tecnologías web (html / js / css) para reutilizar el código y facilitar el desarrollo. La aplicación necesita ser descargada desde la tienda de aplicaciones. El desarrollador no puede impulsar el cambio inmediatamente ya que hay un ''ciclo'' para la revisión de la aplicación por parte del appstore, etc.

Progressive Web App: aplicación web que utiliza las últimas tecnologías en HTML5 y proporciona una experiencia y capacidades de usuario enriquecidas. Admite el modo fuera de línea (como las aplicaciones normales). Código empujar es fácil. Lo mejor de todo es que no necesita un proceso de desarrollo e implementación separado para iOS, Android y Desktop.

¿Puede alguien decirme las diferencias entre una aplicación móvil híbrida y una aplicación web progresiva y sus ventajas?

Aplicaciones móviles híbridas. El desarrollo híbrido combina lo mejor (o lo peor) de los mundos nativos y HTML5. Definimos híbrido como una aplicación web, construida principalmente con HTML5 y JavaScript, que luego se envuelve en un contenedor nativo delgado que proporciona acceso a las características de la plataforma nativa.

Las aplicaciones web progresivas son experiencias que combinan lo mejor de la web y lo mejor de las aplicaciones. Son útiles para los usuarios desde la primera visita en una pestaña del navegador, sin necesidad de instalación. A medida que el usuario construye progresivamente una relación con la aplicación a lo largo del tiempo, se vuelve más y más poderoso. Se carga rápidamente, incluso en redes escamosas, envía notificaciones push relevantes, tiene un ícono en la pantalla de inicio y se carga como una experiencia de pantalla completa de nivel superior.

Algunas de las plataformas de aplicaciones móviles híbridas son WaveMaker , Mendix y quickbase.

Personalmente, me gusta WaveMaker para crear aplicaciones híbridas y aplicaciones web.

Una aplicación móvil híbrida generalmente se refiere a una aplicación creada utilizando una combinación de tecnología web y nativa que se distribuye a través de una tienda de aplicaciones nativas. Estas aplicaciones pasan por el proceso de revisión de la tienda de aplicaciones de Apple, Google, Microsoft, etc.

Una aplicación web progresiva es una aplicación creada con tecnología web que se ejecuta en el navegador y se puede agregar a la pantalla de inicio. No es necesario que se distribuyan a través de las tiendas de aplicaciones nativas, pero se pueden incluir en ellas. Microsoft incluye PWA en su tienda de Microsoft a partir de 2018 y Trusted Web Activities facilita el envío de PWA a Google Play Store.

Algunas plataformas de aplicaciones móviles híbridas incluyen PhoneGap (también conocido como Cordova ), Appcelerator Titanium e Ionic . No necesita una plataforma para crear una aplicación híbrida, pero son útiles porque ya se han encargado de crear un puente entre las API nativas y las API de JavaScript.

Las aplicaciones web progresivas simplemente se ejecutan en el navegador para que puedan construirse con HTML básico, CSS y JavaScript.

Aplicación web Aplicación web almacenada en un servidor remoto y entregada a través de Internet a través del navegador. Las aplicaciones web no son aplicaciones reales; Son realmente sitios web que, en muchos sentidos, se ven y se sienten como aplicaciones nativas. Se ejecutan mediante un navegador y normalmente se escriben en HTML5. Los usuarios primero acceden a ellos como lo harían con cualquier página web: navegan a una URL especial y luego tienen la opción de "instalarlos" en su pantalla de inicio al crear un marcador para esa página.

Aplicaciones híbridas Las aplicaciones híbridas son como aplicaciones nativas, se ejecutan en el dispositivo y están escritas con tecnologías web (HTML5, CSS y JavaScript). Las aplicaciones híbridas se ejecutan dentro de un contenedor nativo y aprovechan el motor del navegador del dispositivo (pero no el navegador) para procesar el HTML y procesar el JavaScript localmente. Una capa de abstracción de web a nativa permite el acceso a las capacidades del dispositivo que no son accesibles en las aplicaciones de Mobile Web, como el acelerómetro, la cámara y el almacenamiento local. A menudo, las empresas crean aplicaciones híbridas como envoltorios para una página web existente; de esa manera, esperan obtener una presencia en la tienda de aplicaciones, sin gastar un esfuerzo significativo para desarrollar una aplicación diferente. Las aplicaciones híbridas también son populares porque permiten el desarrollo multiplataforma: es decir, los mismos componentes de código HTML se pueden reutilizar en diferentes sistemas operativos móviles, reduciendo significativamente los costos de desarrollo. Herramientas como Cordova / PhoneGap y Sencha Touch permiten a las personas diseñar y codificar en todas las plataformas, utilizando el poder de HTML

Aplicaciones Web Progresivas

Esta tecnología relativamente nueva desarrollada por Google permite que los dispositivos móviles agreguen un sitio web o una aplicación web a la pantalla de inicio de un teléfono inteligente y puedan interactuar sin conexión.

Pros

Permite notificaciones push
Las aplicaciones pueden funcionar en modo desconectado
Los sitios subyacentes usualmente obtienen mejor ranking en los motores de búsqueda.

Contras

Esta tecnología es solo una envoltura del navegador, no es una aplicación completamente funcional, por lo que técnicamente sigue siendo un sitio web
Los usuarios no obtendrán una experiencia de aplicación nativa (es decir, interacciones, animaciones, rendimiento) ya que la IU es solo una ventana del navegador de pantalla completa sin una barra de URL que pueda funcionar sin conexión.
Poca compatibilidad (todavía no disponible para iPhones y iPads)

Aplicaciones móviles híbridas

Aquí puede haber dos opciones:

Frameworks como Apache Cordova, Ionic y PhoneGap.

Pros

Alta velocidad de desarrollo
Codificado en tecnologías de desarrollo web (HTML, CSS, Javascript) que ofrecen software compatible con iOS, Android y web (solo se necesita un desarrollador web)
Están disponibles marcos que emulan elementos de la interfaz de usuario de la aplicación nativa (es decir, botones, menús, etc.)
UX es muy similar a una experiencia nativa utilizando elementos de la interfaz de usuario que imitan el comportamiento de la aplicación nativa
Acceso a la API de hardware del teléfono inteligente, que facilita la funcionalidad del dispositivo (por ejemplo, cámara, notificaciones push, geolocalización y otros)

Contras

UX no es tan bueno como lo es en aplicaciones nativas (retrasos de clics de 300 ms, clics fantasma mientras se desplaza, etc.)
Cuanto más compleja es la aplicación, más lento funciona debido a los diversos envoltorios y bibliotecas empleados
No funciona sin conexión
Las animaciones son difíciles de implementar en la interfaz de usuario

o reaccionar nativo.

Pros

Alta velocidad de desarrollo para las aplicaciones basadas en React.
La aplicación web creada con React.js se puede convertir fácilmente en una aplicación móvil React Native, y se puede reutilizar parte del código fuente
Experiencia de usuario nativo
La aplicación se ve y se siente exactamente como una aplicación móvil nativa para una plataforma específica
Reduce los costos de desarrollo.
Los expertos en React Native generalmente pueden construir aplicaciones tanto para Android como para iOS

Contras

Tecnología relativamente nueva (soluciones limitadas de código abierto)
Limitada en cuanto a diseño visual.
No es ideal para proyectos complejos como juegos móviles o aplicaciones que requieren una carga alta (cálculos significativos)

Recientemente, hemos escrito un artículo sobre este tema: Del sitio web a la aplicación móvil: sus cuatro mejores opciones

Estoy seguro de que te interesará.

Aplicaciones web progresivas: Hasta hace poco, las aplicaciones web móviles carecían de una gran cantidad de funcionalidades de aplicaciones móviles nativas, como la capacidad de enviar notificaciones automáticas, trabajar sin conexión y cargar en la pantalla de inicio, pero ha habido algunas mejoras en los navegadores y aplicaciones web que ofrecen estas características. Las aplicaciones que aprovechan estas características se denominan aplicaciones web progresivas.

¿Son las aplicaciones web progresivas el camino a seguir? Depende de cuál sea tu objetivo. Sólo funcionan en Google Chrome, que es bastante limitante. Si su objetivo es cubrir una audiencia en Android e iOS, entonces las aplicaciones web progresivas probablemente no sean para usted. En ese sentido, no son un sustituto de una aplicación móvil, pero pueden ser una forma de obtener rápidamente una aplicación web similar a una aplicación móvil en las manos de las personas. Si estaba considerando convertir su aplicación web en una aplicación web progresiva, considere usar una solución como Canvas para convertir su aplicación web en una aplicación móvil. ¡Es muy fácil!

Aplicación web : la aplicación web "es una aplicación a la que se accede a través de un navegador web a través de una red como Internet". Entonces, ¿en qué se diferencia esto de un sitio web?

La diferencia es subjetiva, pero la mayoría estaría de acuerdo en que un sitio web generalmente solo será informativo y una aplicación web proporciona funcionalidad. Por ejemplo, Wikipedia es un sitio web; proporciona informacion Facebook es una aplicación web.

Sin embargo, no dejes que la palabra "aplicación" te confunda. Las aplicaciones web no necesitan ser descargadas como las aplicaciones móviles. Las aplicaciones web se cargan en navegadores como Chrome, Safari o Firefox y no ocupan ningún tipo de memoria o almacenamiento en el dispositivo del usuario.

¿Cómo se construyen? La gran mayoría está integrada en JavaScript, CSS y HTML5. A diferencia de una aplicación móvil de iOS o Android, no hay un kit de desarrollo de software (SDK) con el que pueda trabajar un desarrollador. Existen plantillas y marcos como Angular, React y Vue.js que puede utilizar para comenzar rápidamente. A diferencia de las aplicaciones móviles, el desarrollo de una aplicación web puede ser simple y rápido, sin embargo, su simplicidad también es su inconveniente. A menudo es una buena forma de probar una idea antes de invertir en una aplicación móvil.

Aplicación híbrida: si una aplicación nativa y una aplicación web se casaran y tuvieran un hijo, sería una aplicación híbrida. Se instala como una aplicación nativa, pero en realidad es una aplicación web en el interior. Las aplicaciones híbridas, como las aplicaciones web, se crean con Javascript, HTML y CSS y se ejecutan en algo llamado Webview, un navegador simplificado dentro de su aplicación.

¿Por qué deberías considerar híbrido? Digamos que tienes una idea para una aplicación y no sabes si a la gente le gustará o no. Tu objetivo es poner algo utilizable en sus manos lo más rápido posible. En el mundo de las startups, esto se denomina MVP o producto mínimo viable. Le faltan recursos, por lo que necesita crear una versión simple de su producto que aún ofrezca valor. Crear una aplicación web puede ser la opción verdaderamente mínima, pero en realidad no le permitirá probar si las personas descargarán y usarán una aplicación en su dispositivo.

Refrence: https://www.mobiloud.com/blog/native-web-or-hybrid-apps/