¿QUÉ SON LAS PROGRESSIVE WEB APPS? PWA vs apps nativas vs apps híbridas
Вставка
- Опубліковано 19 вер 2024
- 🔴🆕 ACTUALIZACIÓN IMPORTANTE
Las PWA a partir de iOS 16.4 ya son compatibles con las NOTIFICACIONES PUSH.
Ahora ya es posible comunicarte de forma más efectiva con tus usuarios de iOS gracias a las notificaciones push si tienes una progressive web app.
------------
Si nunca antes has oído hablar de las Progressive Web Apps, o PWA, es hora de que las conozcas. Cuando lo hagas, además de saber qué son, sabrás en qué se diferencian respecto a las apps nativas y las aplicaciones híbridas. Y con toda esta información, podrás tomar mejores decisiones en tu proyecto Mobile. ¿Estás list@? ¡Vamos a ello!
Si este vídeo te ha parecido interesante, aquí te dejo más vídeos de nuestro canal:
🔴 • 📲 Cómo contratar a un ...
🔴 • ❌ 7 ERRORES ASO más co...
🔴 • 📲 Dudas comunes ASO (A...
--
✅Si quieres dominar el ASO y conseguir miles de descargas para tu app, las plazas de nuestro programa Stellar App Business están abiertas. Es una formación online que incluye todo lo que necesitas saber para convertirte en experto en app business, app marketing y growth. 👉 actualizatec.c...
✅Accede a más contenido sobre Mobile en mi blog 👉 actualizatec.c...
✅Si necesitas ayuda más personalizada, consulta mis servicios 👉 actualizatec.c...
✅Estos son los productos, servicios y libros que recomiendo:
www.actualizat...
✅Puedes seguirme en:
Instagram: / noelia_actualizatec
LinkedIn: / noelia-leiro-app-marke...
Web: actualizatec.com/
#PWA #ProgressiveWebApps #appsNativas #appsHíbridas
OJO!! NOVEDAD 2023:
En iOS 16.4, los usuarios que instalaron su PWA en su pantalla de inicio ya pueden recibir notificaciones push. En cuanto a tu PWA de Android, el mensaje de notificación solo está disponible después de navegar un poco por la aplicación.
las PWA son progresivas y cumplen su cometido
@@JAIMEUSCAMAYTALAURA claro que sí, solo hay que ser consciente de las limitaciones para asegurarnos de que cumplen lo que queremos :)
Muchísimas gracias por la información. Directo al punto y explicación clara.
Mañana tengo examen y este video me ha salvado!
Gracias, Gracias, Gracias!
Genial, nos alegramos mucho :)
Me ha FLIPADO😍 la comparativa con el bombón...soy super fan. Ahora seguro que no me olvido de qué forma tiene una híbrida y me ayudará a recordarlo. Gracias
A nosotros también nos gusta, pero a veces nos da un poco de hambre ;) Incluso cuando nos comemos un bombón de esos, nos acordamos de las híbridas jajaja
Hola, buen día. Me interesó mucho tu curso y tu temario. Sólo quisiera preguntar si tienes algún portafolio personal de aplicaciones que has desarrollado junto con tu equipo o alguna app que actualmente esté en las tiendas de app. Gracias
Sí, por supuesto, escríbeme a noelia@actualizatec.com y te lo puedo enviar. O incluso podemos hacer una llamada y te las explico :)
mas claro que tus ojos, aprendí mucho, gracias hermosa!
Gracias Leonel, me alegro! Un saludo
Enhorabuena por el vídeo, se nota que te lo has trabajado mucho. No es fácil saber sintetizar qué información debes darle a alguien que entra y puede ser que no sepa nada del tema que se trata. En este sentido me parece que has cubierto de manera perfecta qué hay que explicar para que uno salga del vídeo con la sensación de saber más que antes de verlo. Mucha suerte con el canal.
Muchas gracias Pedro! Y feliz año ;)
Me alegro de que te haya aportado. Espero que los próximos videos también te aporten a este nivel o similar (recuerda suscribirte +campanita para que te lleguen).
Estaré encantada de leer sugerencias de próximos contenidos que te ayudarían. Un saludo!
sabes que microsoft edge es un salva vidas, he estado trabajando en un macbook con 256GB y descargar las apps nativas se te va el espacio, pero con las web apps de edge ese problema se soluciona, si formateas un pc solo necesitas tener edge para comenzar, las web apps merecen mas atención y mimo, con las nuevas velocidades de internet no debe ser un problema
Hola Edy!
Desde luego en función del proyecto que tengas y tus objetivos de negocio pueden ser una buena opción, pero no siempre son suficientes.
Aquí lo importante es ver a dónde queremos llegar y cuáles son las prioridades para elegir la solución tecnológica que mejor responde a eso.
El foco debe estar en el negocio y los objetivos, no en la plataforma, ya que ésta es un medio para un fin
gracias, muy buena explicación.
Mil gracias Florencio. Nos alegra que te guste!!
encantado con la informacion impartida de forma amena, facil y clara!, estoy aprendiendo mucho gracias :)
Muchas gracias Arturo!
Que buena profe eres 👏👏👏👏💐💝🙏🌈💐🌈🤩✨
Gracias Nicole, si te llevaste algo de este video? yo contenta con ello. Fue así? Algo que vayas a aplicar?
La mejor explicación que he visto!! Gracias por estos videos
Gracias a ti Mateo por esstar ahí y pasarte a comentarlos
Que buen video.
Estoy en el dilema de si prender desarrollo web y desarrollo móvil y este vídeo sirve para tener de referencia.
Me alegro Camilo!! un saludo
Lo has explicado genial Noelia!!!!! Enhorabuena por el canal!!!!
@@noelia_actualizatec Quizás añadiría que las apps híbridas siempre tienen un poco de riesgo. El motivo es que los markets, en especial Apple, necesitan validar que el funcionamiento de la app es el adecuado según sus normativas. Dado que las apps híbridas tienen un núcleo web, puedes modificar el funcionamiento de la app sin pasar por el periodo de revisión de Apple.
Por ese motivo, podrías encontrarte con una sorpresa al intentar publicar tu app recién desarrollada. Una forma de mitigarlo es mandar a revisar un MVP de la app lo antes posible, de manera que tengas margen de maniobra para cambiar los puntos que te indique Apple.
Muchas gracias, nos alegra que así sea
Maravilloso me ha gustado muchísimo tengo mucho interés en conocer más de las web app progresiva Muchas gracias
Muchas gracias por tu comentario. Me alegro de que te haya gustado. Suscríbete + campanita porque llegarán nuevos vídeos interesantes. Un saludo!
Hola , para integrar o compilar una PWA, solo basta con usar webview, hay varias formas de hacerlo y online incluso. con esa ya se puede tener el .APK para publicar en google play sotore.
Gracias Juan por complementar la información! Algún ejemplo de PWA colgada en Google Play que conozcas?
Hay otro punto a tener en cuenta para la gente que nos lea. Esto por ahora sólo se podría hacer con Android, no con iOS.
parece una tontería pero es un poco complejo, creo que ahora lo he entendido. Sobre todo el etma de las #notificaciones push se comunica muchas veces de forma incorrecta. Me encanta como explicas
Muchas gracias Rober, nos alegramos de que así sea
yeei, mira que ya lo había visto en otras de tus clases, pero un repasito nunca viene mal 👍🏻
totalmente, que si no nos olvidamos de muchas cosas
¡Excelente! he llegado aquí por casualidad y lo he entendido a la perfección. Ahora tengo una duda, puedo convertir una PWA a partir de mi web sin que afecte a mi web? Es decir, tendría web y PWA en una o por separado? Lo mismo es una pregunta tonta xD. Muchas gracias.
Me alegro de que te haya valido :)
Lo que tendría sentido en tu caso es transformar tu web en PWA y quedarte solo con una. A la hora de mantenerla te será más fácil y económico. Un saludo!
Si tu web esta hecha con WordPress es cuestion de nstalar un plugin y configurarlo. No afectaria tu web actual ni generaria una independiente. Seria la misma web pero en moviles su interfaz sera como lo vemos en el video. Claro, seria conveniente hacer ajustes en el responsive en funcion del espacio que ganaria tu web en cuanto a estructura, nada de enrollo, serian solo ajustes.
me gusto tu video, muy bien explicado. gracias
Me alegro de que te haya gustado Sergio. Qué otros video se gustaría que hiciésemos en el canal?
Muy buena explicación, gracias!
Muchas gracias Emiliano. Me alegro de que te haya valido. Un saludo!
Existe otro problema desde el punto de vista del costo de publicar las app tanto nativas o P..W.A incrustarlas en el flujo de trafico que ofrece google android store o ios market es que te piden un porcentaje alto por el gran tafico que tienen alli por eso hay muchas propuestas que se estan desligando de "pagar almacenamiento por estar ahi" y van directo a P.W.A. Corregime si me equivoco, muchas gracias.
Hola Julián!!
Si te he entendido bien, sí, al colgar una app es los stores (GPlay y App Store) es probable que te cobren el 15 o 30% de comisión. Faltaría analizar el modelo de negocio a ver si hay excepción, porque hay muchas.
Si esa facturación la haces a través de web, es decir, PWA no pagas esa comisión pero no te beneficias del tráfico de Google Play y App Store, donde los usuarios van a buscar las apps que necesitan. Un saludo!!
Un cordial saludo, me encanto tu video, por lo que note, dices que el coste de una nativa es mayor, pero cuanto podría cobrar un programador por desarrollarla, en los dos lenguajes? Otra Jejejjeje soy preguntón, ¿si quiero mostrar un boceto de mi producto y quiero desarrollar yo essa app, cual es la plataforma que mas ventajas me ofrece? (Ya estaba viendo el otro video, pero no me quedo del todo claro)
Gracias.
Hola Alexander!
Me alegra que te haya gustado el video.
Sobre el precio de las apps, permíteme referenciarte a este otro video que creo que tiene la repuesta bien explicada: ua-cam.com/video/18xiR37hLw0/v-deo.html
Respecto a la pregunta de: si quiero mostrar un boceto de mi producto y desarrrollarlo, te refieres a programar tú mismo la app? Para eso tendrías los app builders.
Si es sólo para mostrarla, sin desarrollarla, tienes plataformas como Sketch para poder hacerlo.
Un saludo!
Excelente explicación!
Muchas gracias Fabián! un saludo
muy buena explicación. Me gusto.
Muchas gracias Daniel, nos alegramos de que así sea :) Ojalá te podamos seguir aportando con otros videos del canal. Un saludo!
Excelente video! Me gustaría saber a
que opinas sobre Flutter.Flutter tiene futuro o es solo una moda pasajera? Crees que Fuchsia va a sustituir a Android en el futuro o no?
@@noelia_actualizatec Excelente. Gracias por tu opinión!
Hola Yalim! Seguro que en su momento ya recibiste la respuesta. UA-cam nos ha borrado todos los comentarios antiguos, pero en caso de que no lo leyeras hace 2 meses, nos respondes por aquí, ok? Un saludo.
@@YalimC De nada, un saludo
@@noelia_actualizatec Holaa Noelia. Si, gracias! Una vez lo enviaste y lo leí 😊. Al parecer youtube lo llegó a borrar
Saludos, sería ver alguna actualización del PWA este 2021, quisiera saber si de alguna forma se pueden tener métricas de cuantas descargas y uso se hicieron con un PWA.
Hola! Como una PWA no se descarga, las visitas a la página, se podrían ver con una integración simple de Google Analytics en el proyecto.
Quiero crear una apps me puedes decir cuáles de tus vídeos me ayudarían
Hola Lizethe,
Si la quieres crear tú toda desde 0, sin duda está lista:
ua-cam.com/play/PL6ijMIf4u9zmEt1iLdEih-mFHLvUUaRdL.html
Pero este también te irá muy bien 0ara evitar los errores más comunes, antes de nada. Yo empezaría por aquí:
ua-cam.com/video/WdoSyBtWW1U/v-deo.html
Un saludo!!
que buen resumen, muy claro ... Gracias por compartir tu conocimiento ... una pregunta: existe alguna librería que permita push notificaciones en IOS ?
Hola Pablo! Muchas gracias, me alegro de que te haya aportado el video. ¿Te refieres a que permita enviar push notifications con PWA, verdad?
@@noelia_actualizatec GRacias por tu respuesta.
si.. Push Notification con PWS .. porque en una web wue desarrollé, hace unos meses, no pude lograr dispararar notificaciones en IOS (Safari).
@@pablogarnica6608 En móvil no se pueden enviar notificaciones push en PWA iOS por ahora. Es uno de los principales inconvenientes.
Hola desde colombia ,quiero preguntsrte si yo pongo una web app progresiva al momento de tirar una noticia puede llegar a la perosna una notificaici0n ?
Hola! Hasta ahora con una Progressive Web App solo llegaban en Android, pero desde la versión de iOS 16.4 también podrán llegar a los usuarios de iOS. Cuenta que sólo llegarán en este caso a los usuarios con esa versión de sistema operativo, pero es un gran avance. Algo que hasta el momento no era posible. Te dejo más info aquí: www.softonic.com/articulos/ios-16-4-notificaciones-push-web
Hola! Que buen contenido. Aclaraste todas mis dudas.
Ahora un año después, apareció alguna solución alternativa a las notificaciones push de las pwa en ios?
Estoy con un proyecto que solamente necesitaría el gps del dispositivo, por costos y funcionalidad veo que las pwa serían lo ideal, pero eso de las notificaciones push se me queda como una espina.
Hola Jair!
Gracias por tu comentario. Nos alegra que te haya ayudado el video.
Por lo que a nosotros nos consta respecto a recibir las push en PWA iOS todavía no hay ningún cambio en este sentido. Si en algún momento nos enteramos de que cambia, lo añadiremos a la descripción del video o incluso publicaremos otro.
Normal que se te quede como una espina porque es una función de retención muy importante. Mientras tendrás que intentar suplirla con los emails. Un saludo!
@@noelia_actualizatec muchas gracias! Siguiendo el canal desde ahora. Saludos y éxitos.
@@jaircastillo1935 Genial! Por aquí nos vemos:)
Chrome en iOS supongo soluciona ese inconveniente. He notado que la versión para móviles de Firefox también soporta las funcionalidades de una PWA. Lo malo está en tener que decir al usuario que debe usar cierto navegador en vez de otro. Particularmente, he empezado a ver a Safari como el nuevo Internet Explorer por los problemas de incompatibilidad como el de este tipo.
@@RodrigoMendoza7 Sí, la verdad que esta limitación de Safari es una gran limitación. Y como tú dices tener que indicarle al usuario en móvil qué navegador debe usar, no es conveniente. En desktop ya es incómodo, pero en mobile mucho más. Un saludo!
Hola, Ahora mismo tenemos 2 PWA, (2 aplicaciones) pero no hemos visto en el dilema de las notificaciones y acceso a ciertos sensores. No tenemos tanto dinero para desarrollar un código para IOs y otra para android. Un amigo me comentó sobre las híbridas, lo cual es una de las razones que estoy aquí viendo tu video e investigando. Te agradeceria si detallaras las desventajas de las híbridas?. Gracias adelntadas
Hola! ¿Cómo estás?
Las desventajas de las híbridas versus las nativas son las siguientes: Son un poco más lentas, tardan más en cargar que las nativas. La experiencia de usuario no suele ser tan fluida, más momentos de "cargando" y consumen más recursos del teléfono (batería), Para ciertas animaciones complejas no son las más adecuadas. Algunas integraciones se hacen más complejas que una nativa, pero se pueden hacer de igual forma con alguien experimentado en Swift,Java/Kotlin.
Si lo vuestro es una app sencilla, podríais valorar una híbrida.
Para desarrollar una híbrida seguirás necesitando un desarrollador experto en iOS y Android para ciertas partes de la aplicación y ciertas funcionalidades más complejas, pero te ahorras una parte del presupuesto ya que el "core" está desarrollada en código web (HTML, CSS, etc). ¿Te ha respondido esto a tu duda?
@@noelia_actualizatec Holaaa todo bien, sobreviviendo al Covid :). Muchas gracias por responder, tu respuesta me ha ayudado de mucho. Tus palabras confirman lo que había leído por ahi. Has sido muy concisa y clara. Gracias otra vez. Seria bueno conocer tu opinion, sobre Flutter. Con flutter se pueden desarrollar apps compatibles con IOS y android, es tanto así la panacea? . Un abrazo desde Filipinas
@@aquile0 Desde Filipinas, qué bueno! Desde España también sobreviviendo al Covid, a ver si poco a poco nos va dejando...
Hay mucha gente que vende Flutter como la panacea, igual que las PWA, pero hay que estudiar mucho el caso en cuestión. Uno de nuestros clientes de consultoría nos contaba que incluso teniendo una nativa ya desarrollada le aconsejan Flutter, y eso sí que no lo veo claro. Ahí yo no lo recomiendo como buena opción, porque difícilmente lo será.
Dependiendo de las funcionalidades de la app (cuanto más complejas y con necesidad de más sensores, más sentido tiene una nativa), el presupuesto que tengas, quién lo vaya a desarrollar, podría ser una buena opción, pero siempre recomiendo analizarlo desde un punto de vista crítico y si hay dudas, apoyarse por un profesional. Un abrazo!
@@noelia_actualizatec Totalmente de acuerdo contigo, nada es perfecto. Otro abrazo y gracias.
coool 😎
thanks Gonzalo!
Hola profe y flutter que es.?
Flutter es una tecnología híbrida desarrollada por Google y basada en el lenguaje Dart, permite crear aplicaciones para Android y iOS y colgarlas en Google Play y App Store. ¿ Esto te resuelve la duda?
hola, las apps hibridas, tampoco tienen acceso a todos los sensores, al igual que las progresivas?
Hola Emiliano,
Con las apps híbridas sí que puedes tener acceso a los sensores, como las nativas, si las programas para ello.
NOELIA, deseo preguntarte cual es el procedimiento para añadir un banner en la PWA que nos invite a crear un acceso directo a la web, es decir como se configura esto en wordpress (lo mencionas en el minuto 7:45 del video) gracias de antemano por tu valiosa respuesta, saludos!
Hola Félix! Aquí te dejo información: es.wordpress.org/plugins/super-progressive-web-apps/
@@noelia_actualizatec Muchisimas gracias!! Dios te bendiga Noelia.
@@catolicoinformado1 un gusto ayudar
@@noelia_actualizatec Disculpa Noelia una preguntita mas, es con versión de paga? y cuanto cuesta
@@catolicoinformado1 La mayor parte es gratis y luego tienes versión de pago. En la página que te envié abajo de todo se describe cada una de las versiones. Un saludo!
Yo diría también que están limitadas con todo el asunto del manejo de las bases de datos. XD
Cierto, requieren más trabajo, así es
Las PWA se pueden publicar también en Google Play o en la tienda de Apple?
Directamente no, para eso deberías "encapsularlas" para que los stores las reconozcan. Con google Play si se hace bien no hay problema, con Apple siempre es más complicado porque ponen muchas pegas
¿cómo se monetizan las PWA?
Como una PWA es una web, no utiliza las pasarelas de pago de Google Play y App Store ni sus precios, ni condiciones.
Las formas de monetización serían las mismas que una web, ya que las utilizaríamos en el navegador.
Podría ser por suscripción, por m-commerce, comisiones, etc.
Si quieres que te ayudemos con tu caso en detalle para poder profundizar y recomendarte mejor, no dudes en escribirnos a contacto@actualizatec.com. Un saludo!!
@@noelia_actualizatec Gracias les envío un email. 🥰
A Apple nunca le ha gustado la idea de las PWA ya que uno de sus grandes negocios es la Apps Store y el darle la idea a las empresas a crear PWA y evitar el 30% de pago en App Store por cada compra generada en la app.
y tanto Orlando. Dejar de cobrar un 30% de comisiones por descargar de pago de pago o compras in-app no es poca cosa. Si no veamos la multa que le acaban de poner a Epic games por intentar saltárselo www.xataka.com/aplicaciones/apple-retira-fortnite-app-store-usar-su-propio-metodo-pago-epic-games-ha-llevado-caso-a-tribunales
Ahora ya para ciertas empresas es un 15%
@@noelia_actualizatec al menos estan reaccionando, pero el soporte a PWA sigue igual :'(
@@orlandogarcia4403 Sí, eso por ahora no les interesa. A ver si en el futuro próximo! Un saludo
las app hibridas se pueden registrar como patente única ?
Hola Celso! Disculpa pero no acabo de entender la pregunta:¿ a qué te refieres con registrar como patente única? ¿En dónde y con qué fin?
@@noelia_actualizatec no soy programador pero estoy en proceso de contratación para el desarrollo asi que mi pregunta es. La puedo registrar como patente para protegerme de copias siendo hibrida ? para crear una barrera de entrada ante la competencia o necesariamente tiene que ser desarrollada en nativa
@@celsojara665 La verdad que en 10 años que llevo dedicándome a esto nunca he visto que una app se registre como patente. Si tienes un producto muy innovador, se registraría el producto, el algoritmo en cuestión o lo que cause la singularidad, pero no el código de la aplicación en sí. Si es el caso de que quieras patentar algo único, entonces te recomendaría que te asesore un poco más un abogado.
@@noelia_actualizatec muchas gracias, me gustaria saber si ademas me puedes dar referencias de desarrolladores de apps en Madrid ya que lo poco que encuentro tiene informaciòn puntual y no estoy seguro de a dònde dirigirme
@@celsojara665 Escríbeme y te comento ;)
👉Si quieres conocer más términos de Mobile App Marketing como este, descárgate nuestro glosario : actualizatec.com/descargar-glosario-mobile-marketing
No estoy de acuerdo las PWA son el futuro
Por qué crees que las PWA son el futuro Santiago? El futuro de las apps o de las webs?
Es mil veces mejor la pwa, ya tiene dos años el video
Hola Lorenzo, mejor para qué? Depende los objetivos que queramos cumplir será mejor una opción u otra. No suele ser blanco o negro. En tu caso para qué crees que es mejor?
Sí, tiene dos años y por eso os dejamos esta url donde está la información siempre actualizada whatpwacando.today/
Gracias por seguirnos!
@@noelia_actualizatec yo lo uso a través de angular, y cuándo se instala en el android está desligado de Chrome. Es una aplicación más. Por lo menos hoy en día funciona asi, quizás antes no lo era. Me refería mas que todo a eso.
@@mauroa2826 ¿Nos compartes el link de esa app por aquí? Si tienes el de iOS y android mejor. Así le podemos echar un vistazo y sirve como buen ejemplo de pwa encapsulada en app. Gracias!
Las PWA si reemplazaran un gran segmento de las nativas en el futuro, no todas pero a excepción de los video juegos, si. Lo único que las detiene por el momento, es el rendimiento de los dispositivos, y esa brecha pronto se terminará.
Hola Hal! ¿ Qué crees que terminará con la brecha entre el rendimiento de una PWA y nativa según tú?
De dónde sacaste tus datos, crack? De seguro pagaste una suscripción en alguna de esas páginas, y las defiendes a capa y espada jaja
progresi cuevas
esas cuevas progresivas!! ;) jajaja
CUALQUIIERA QUE TE ESCUCHA PIENSA QUE SALE MAS DINERO CON IOS POR QUE SEGUN GASTAN 2.5 MAS VECES QUE EL DE ANDROID, PERO TU AGARRAS A TODOS LOS DE IOS Y NO GASTAN NI LA MITAD DE LA COMUNIDAD DE ANDROID, ES UN MERADITO PEQUEÑITO DE GENTE, TANTO ASI QUE LOS PUESTOS DE TRABAJO PARA APPLE SON TAN REDUCIDO TANTO EN LA EMPRESA COMO EN LOS PROGRAMADORES QUE POCOS SE ANIMAN A APRENDER SUS SISTEMAS POR MAS QUE PAGUEN EL DOBLE PARA EL MISMO PUESTO EN ANDROID
Hola Sebastian,
Sí, entiendo lo que dices. Estos datos están extraídos de un informe que compara misma cantidad de usuarios iOS y Android. Como iOS normalmente tienen mayor poder adquisitivo, suelen gastar entre 2 y 3 veces más.
Entiendo que muchos desarrolladores se animen más a programar para Android que para iOS, ya que además de que la licencia de desarrollador es más barata en Android, Apple en general siempre pone más problemas a la hora de revisar y publicar la app.