una progressive web app convierte tu wordpress en ...usando progressive web apps (pwa) #somoswcco....
TRANSCRIPT
![Page 1: una Progressive Web App Convierte tu WordPress en ...Usando Progressive Web Apps (PWA) #SomosWCCO. Qúe son las PWA? #SomosWCCO Tecnología emergente Toma lo mejor de las Web móviles](https://reader035.vdocuments.co/reader035/viewer/2022062508/605102bbe5156147ce6ce7a8/html5/thumbnails/1.jpg)
Convierte tu WordPress en una Progressive Web App (WPA) y mejora la experiencia móvilFernando Juca Maldonado
DESARROLLO
#Som
osW
CC
O
![Page 2: una Progressive Web App Convierte tu WordPress en ...Usando Progressive Web Apps (PWA) #SomosWCCO. Qúe son las PWA? #SomosWCCO Tecnología emergente Toma lo mejor de las Web móviles](https://reader035.vdocuments.co/reader035/viewer/2022062508/605102bbe5156147ce6ce7a8/html5/thumbnails/2.jpg)
Más de 25 años involucrado en la tecnología y la educación, dando soporte informático, dictando cursos, desarrollando sistemas y WebSites. Actualmente me dedico a la docencia Universitaria, desarrollo Web bajo WordPress, Aulas Virtuales con Moodle y mi canal de Youtube videotutoriales. #S
omos
WC
CO
![Page 3: una Progressive Web App Convierte tu WordPress en ...Usando Progressive Web Apps (PWA) #SomosWCCO. Qúe son las PWA? #SomosWCCO Tecnología emergente Toma lo mejor de las Web móviles](https://reader035.vdocuments.co/reader035/viewer/2022062508/605102bbe5156147ce6ce7a8/html5/thumbnails/3.jpg)
#Som
osW
CC
O
Tema 1 - PWA (Progressive Webs Apps)
Tema 2 - Implementación
Tema 3 - Ejemplos
![Page 4: una Progressive Web App Convierte tu WordPress en ...Usando Progressive Web Apps (PWA) #SomosWCCO. Qúe son las PWA? #SomosWCCO Tecnología emergente Toma lo mejor de las Web móviles](https://reader035.vdocuments.co/reader035/viewer/2022062508/605102bbe5156147ce6ce7a8/html5/thumbnails/4.jpg)
La Web y el acceso móvil
● Existen + 1.74 Mil millones Webs● WordPress 38% (https://w3techs.com/)● 80% usuarios Web usan smartphone● Aplicaciones Web responsivas y APPs
han cobrado importancia
#Som
osW
CC
O
![Page 5: una Progressive Web App Convierte tu WordPress en ...Usando Progressive Web Apps (PWA) #SomosWCCO. Qúe son las PWA? #SomosWCCO Tecnología emergente Toma lo mejor de las Web móviles](https://reader035.vdocuments.co/reader035/viewer/2022062508/605102bbe5156147ce6ce7a8/html5/thumbnails/5.jpg)
PWA al rescate!
Cómo convierto mi WebSite de WordPress en una App si no se programar o no dispongo de recursos o tiempo? Usando Progressive Web Apps (PWA)
#Som
osW
CC
O
![Page 6: una Progressive Web App Convierte tu WordPress en ...Usando Progressive Web Apps (PWA) #SomosWCCO. Qúe son las PWA? #SomosWCCO Tecnología emergente Toma lo mejor de las Web móviles](https://reader035.vdocuments.co/reader035/viewer/2022062508/605102bbe5156147ce6ce7a8/html5/thumbnails/6.jpg)
Qúe son las PWA?
#Som
osW
CC
O
● Tecnología emergente
● Toma lo mejor de las Web móviles y las APPs
● Se instala en el móvil igual que una APP
● En Win10 también instalable gracias a Chrome
![Page 7: una Progressive Web App Convierte tu WordPress en ...Usando Progressive Web Apps (PWA) #SomosWCCO. Qúe son las PWA? #SomosWCCO Tecnología emergente Toma lo mejor de las Web móviles](https://reader035.vdocuments.co/reader035/viewer/2022062508/605102bbe5156147ce6ce7a8/html5/thumbnails/7.jpg)
Qué ventajas proporcionan
#Som
osW
CC
O
● Acceso más rápido ● Funciona Offline● Se mantiene actualizado● Notificaciones “Push” (Android)● Experiencia de usuario● Mayor visibilidad de la marca● Fidelización● Diferenciación
![Page 8: una Progressive Web App Convierte tu WordPress en ...Usando Progressive Web Apps (PWA) #SomosWCCO. Qúe son las PWA? #SomosWCCO Tecnología emergente Toma lo mejor de las Web móviles](https://reader035.vdocuments.co/reader035/viewer/2022062508/605102bbe5156147ce6ce7a8/html5/thumbnails/8.jpg)
● Sitio https:// y Responsivo● Dos PlugIns
#Som
osW
CC
O
Cómo lo hacemos?
https://wordpress.org/plugins/super-progressive-web-apps/
https://wordpress.org/plugins/onesignal-free-web-push-notifications/
![Page 9: una Progressive Web App Convierte tu WordPress en ...Usando Progressive Web Apps (PWA) #SomosWCCO. Qúe son las PWA? #SomosWCCO Tecnología emergente Toma lo mejor de las Web móviles](https://reader035.vdocuments.co/reader035/viewer/2022062508/605102bbe5156147ce6ce7a8/html5/thumbnails/9.jpg)
#Som
osW
CC
O
![Page 10: una Progressive Web App Convierte tu WordPress en ...Usando Progressive Web Apps (PWA) #SomosWCCO. Qúe son las PWA? #SomosWCCO Tecnología emergente Toma lo mejor de las Web móviles](https://reader035.vdocuments.co/reader035/viewer/2022062508/605102bbe5156147ce6ce7a8/html5/thumbnails/10.jpg)
#Som
osW
CC
O
![Page 11: una Progressive Web App Convierte tu WordPress en ...Usando Progressive Web Apps (PWA) #SomosWCCO. Qúe son las PWA? #SomosWCCO Tecnología emergente Toma lo mejor de las Web móviles](https://reader035.vdocuments.co/reader035/viewer/2022062508/605102bbe5156147ce6ce7a8/html5/thumbnails/11.jpg)
#Som
osW
CC
O
![Page 12: una Progressive Web App Convierte tu WordPress en ...Usando Progressive Web Apps (PWA) #SomosWCCO. Qúe son las PWA? #SomosWCCO Tecnología emergente Toma lo mejor de las Web móviles](https://reader035.vdocuments.co/reader035/viewer/2022062508/605102bbe5156147ce6ce7a8/html5/thumbnails/12.jpg)
#Som
osW
CC
O
![Page 13: una Progressive Web App Convierte tu WordPress en ...Usando Progressive Web Apps (PWA) #SomosWCCO. Qúe son las PWA? #SomosWCCO Tecnología emergente Toma lo mejor de las Web móviles](https://reader035.vdocuments.co/reader035/viewer/2022062508/605102bbe5156147ce6ce7a8/html5/thumbnails/13.jpg)
#Som
osW
CC
O
![Page 14: una Progressive Web App Convierte tu WordPress en ...Usando Progressive Web Apps (PWA) #SomosWCCO. Qúe son las PWA? #SomosWCCO Tecnología emergente Toma lo mejor de las Web móviles](https://reader035.vdocuments.co/reader035/viewer/2022062508/605102bbe5156147ce6ce7a8/html5/thumbnails/14.jpg)
#Som
osW
CC
O
![Page 15: una Progressive Web App Convierte tu WordPress en ...Usando Progressive Web Apps (PWA) #SomosWCCO. Qúe son las PWA? #SomosWCCO Tecnología emergente Toma lo mejor de las Web móviles](https://reader035.vdocuments.co/reader035/viewer/2022062508/605102bbe5156147ce6ce7a8/html5/thumbnails/15.jpg)
#Som
osW
CC
O
![Page 16: una Progressive Web App Convierte tu WordPress en ...Usando Progressive Web Apps (PWA) #SomosWCCO. Qúe son las PWA? #SomosWCCO Tecnología emergente Toma lo mejor de las Web móviles](https://reader035.vdocuments.co/reader035/viewer/2022062508/605102bbe5156147ce6ce7a8/html5/thumbnails/16.jpg)
GRACIAS!
https://fernandojuca.com
#Som
osW
CC
O