Enviar búsqueda
Cargar
TYPO3 CON 2019
•
0 recomendaciones
•
44 vistas
Macopedia
Seguir
Progressive Web Application for TYPO3.
Leer menos
Leer más
Tecnología
Vista de diapositivas
Denunciar
Compartir
Vista de diapositivas
Denunciar
Compartir
1 de 53
Descargar ahora
Descargar para leer sin conexión
Recomendados
Headless TYPO3 & PWA initiative | Web Camp Venlo 2020
Headless TYPO3 & PWA initiative | Web Camp Venlo 2020
Tomasz Grzemski
Georges Chitiga - Introduction to Phonegap - HTML5 & JS to native mobile app
Georges Chitiga - Introduction to Phonegap - HTML5 & JS to native mobile app
Codecamp Romania
Introduction to PhoneGap
Introduction to PhoneGap
Quang Minh Dao
Phone gap
Phone gap
Ali Dany
Introduction to PhoneGap
Introduction to PhoneGap
degarden
快快樂樂利用 PhoneGap 打造屬於自己的 App
快快樂樂利用 PhoneGap 打造屬於自己的 App
ericpi Bi
Phone gap
Phone gap
Madhura Keskar
Building Hybrid Applications using PhoneGap
Building Hybrid Applications using PhoneGap
Prajyot Mainkar
Recomendados
Headless TYPO3 & PWA initiative | Web Camp Venlo 2020
Headless TYPO3 & PWA initiative | Web Camp Venlo 2020
Tomasz Grzemski
Georges Chitiga - Introduction to Phonegap - HTML5 & JS to native mobile app
Georges Chitiga - Introduction to Phonegap - HTML5 & JS to native mobile app
Codecamp Romania
Introduction to PhoneGap
Introduction to PhoneGap
Quang Minh Dao
Phone gap
Phone gap
Ali Dany
Introduction to PhoneGap
Introduction to PhoneGap
degarden
快快樂樂利用 PhoneGap 打造屬於自己的 App
快快樂樂利用 PhoneGap 打造屬於自己的 App
ericpi Bi
Phone gap
Phone gap
Madhura Keskar
Building Hybrid Applications using PhoneGap
Building Hybrid Applications using PhoneGap
Prajyot Mainkar
Mobile Web App & Google Apps Script
Mobile Web App & Google Apps Script
Ido Green
warblecamp - twical
warblecamp - twical
Angus Fox
Building a scalable app factory with Appcelerator Platform
Building a scalable app factory with Appcelerator Platform
Angus Fox
Phonegap - An Overview
Phonegap - An Overview
Neev Technologies
Vue storefront London PWA meetup
Vue storefront London PWA meetup
Filip Rakowski
Busting myths about business apps, low code style
Busting myths about business apps, low code style
Zoho Creator
PhoneGap
PhoneGap
Nadeesha Thilakarathne
How to make Twitter app with PhoneGap/Cordova
How to make Twitter app with PhoneGap/Cordova
Monaca
PhoneGap Talk @ Sencha Con 2010
PhoneGap Talk @ Sencha Con 2010
alunny
tiCONF Amsterdam 2014 building mobile teams
tiCONF Amsterdam 2014 building mobile teams
Martin de Keijzer
Maintainable design
Maintainable design
Filip Rakowski
#Devcamp17: Développement d’une Progressive Web Application (PWA) avec le sta...
#Devcamp17: Développement d’une Progressive Web Application (PWA) avec le sta...
Ezéchiel Amen AGBLA
PhoneGap Day US 2013 - Chrome Packaged Apps
PhoneGap Day US 2013 - Chrome Packaged Apps
PhoneGap
Twilio
Twilio
affifahzafar
Introduction to PhoneGap
Introduction to PhoneGap
Ramesh Nair
Devnest 110802
Devnest 110802
Angus Fox
Building End to-End Web Apps Using TypeScript
Building End to-End Web Apps Using TypeScript
Gil Fink
Phonegap
Phonegap
Krushnakant Solanki
Progressive Web App - Jeff Burtoft at microsoft zaventem 03-10-2016
Progressive Web App - Jeff Burtoft at microsoft zaventem 03-10-2016
Maxime Czetwertynski
Vue Vuex 101
Vue Vuex 101
LocNguyen362
I Phone Summit Dmeeker Final
I Phone Summit Dmeeker Final
rajivmordani
Boxdev lt-09082016
Boxdev lt-09082016
Kensaku Komatsu
Más contenido relacionado
La actualidad más candente
Mobile Web App & Google Apps Script
Mobile Web App & Google Apps Script
Ido Green
warblecamp - twical
warblecamp - twical
Angus Fox
Building a scalable app factory with Appcelerator Platform
Building a scalable app factory with Appcelerator Platform
Angus Fox
Phonegap - An Overview
Phonegap - An Overview
Neev Technologies
Vue storefront London PWA meetup
Vue storefront London PWA meetup
Filip Rakowski
Busting myths about business apps, low code style
Busting myths about business apps, low code style
Zoho Creator
PhoneGap
PhoneGap
Nadeesha Thilakarathne
How to make Twitter app with PhoneGap/Cordova
How to make Twitter app with PhoneGap/Cordova
Monaca
PhoneGap Talk @ Sencha Con 2010
PhoneGap Talk @ Sencha Con 2010
alunny
tiCONF Amsterdam 2014 building mobile teams
tiCONF Amsterdam 2014 building mobile teams
Martin de Keijzer
Maintainable design
Maintainable design
Filip Rakowski
#Devcamp17: Développement d’une Progressive Web Application (PWA) avec le sta...
#Devcamp17: Développement d’une Progressive Web Application (PWA) avec le sta...
Ezéchiel Amen AGBLA
PhoneGap Day US 2013 - Chrome Packaged Apps
PhoneGap Day US 2013 - Chrome Packaged Apps
PhoneGap
Twilio
Twilio
affifahzafar
Introduction to PhoneGap
Introduction to PhoneGap
Ramesh Nair
Devnest 110802
Devnest 110802
Angus Fox
Building End to-End Web Apps Using TypeScript
Building End to-End Web Apps Using TypeScript
Gil Fink
Phonegap
Phonegap
Krushnakant Solanki
Progressive Web App - Jeff Burtoft at microsoft zaventem 03-10-2016
Progressive Web App - Jeff Burtoft at microsoft zaventem 03-10-2016
Maxime Czetwertynski
Vue Vuex 101
Vue Vuex 101
LocNguyen362
La actualidad más candente
(20)
Mobile Web App & Google Apps Script
Mobile Web App & Google Apps Script
warblecamp - twical
warblecamp - twical
Building a scalable app factory with Appcelerator Platform
Building a scalable app factory with Appcelerator Platform
Phonegap - An Overview
Phonegap - An Overview
Vue storefront London PWA meetup
Vue storefront London PWA meetup
Busting myths about business apps, low code style
Busting myths about business apps, low code style
PhoneGap
PhoneGap
How to make Twitter app with PhoneGap/Cordova
How to make Twitter app with PhoneGap/Cordova
PhoneGap Talk @ Sencha Con 2010
PhoneGap Talk @ Sencha Con 2010
tiCONF Amsterdam 2014 building mobile teams
tiCONF Amsterdam 2014 building mobile teams
Maintainable design
Maintainable design
#Devcamp17: Développement d’une Progressive Web Application (PWA) avec le sta...
#Devcamp17: Développement d’une Progressive Web Application (PWA) avec le sta...
PhoneGap Day US 2013 - Chrome Packaged Apps
PhoneGap Day US 2013 - Chrome Packaged Apps
Twilio
Twilio
Introduction to PhoneGap
Introduction to PhoneGap
Devnest 110802
Devnest 110802
Building End to-End Web Apps Using TypeScript
Building End to-End Web Apps Using TypeScript
Phonegap
Phonegap
Progressive Web App - Jeff Burtoft at microsoft zaventem 03-10-2016
Progressive Web App - Jeff Burtoft at microsoft zaventem 03-10-2016
Vue Vuex 101
Vue Vuex 101
Similar a TYPO3 CON 2019
I Phone Summit Dmeeker Final
I Phone Summit Dmeeker Final
rajivmordani
Boxdev lt-09082016
Boxdev lt-09082016
Kensaku Komatsu
What iOS 9 Means for the Enterprise
What iOS 9 Means for the Enterprise
Alexander Romero
The rise and fall rise of nokia
The rise and fall rise of nokia
palmyn
The rise and fall rise of nokia
The rise and fall rise of nokia
palmyn
The rise and fall rise of nokia
The rise and fall rise of nokia
palmyn
The rise and fall rise of nokia
The rise and fall rise of nokia
palmyn
The rise and fall rise of nokia
The rise and fall rise of nokia
palmyn
Sydney Mobile - April 2010 - Tigerspike
Sydney Mobile - April 2010 - Tigerspike
Sydney Mobile Usergroup
Progressive Web App
Progressive Web App
LocNguyen362
Native vs Hybrid - Options to develop your mobile application
Native vs Hybrid - Options to develop your mobile application
Loic Ortola
“Deep Learning on Mobile Devices,” a Presentation from Siddha Ganju
“Deep Learning on Mobile Devices,” a Presentation from Siddha Ganju
Edge AI and Vision Alliance
Roadshow asia nick lane content services & apps
Roadshow asia nick lane content services & apps
mobilesquared Ltd
PhoneGap Session at Multi-Mania.be 2013
PhoneGap Session at Multi-Mania.be 2013
Mihai Corlan
Geniem mt pres
Geniem mt pres
Technopolis Plc
Globant Mobile Future - Android UADE FIT 2013
Globant Mobile Future - Android UADE FIT 2013
Pablo Vittori
looksoftware Case Study: BakerCorp
looksoftware Case Study: BakerCorp
Fresche Solutions
Phone gap in android technology
Phone gap in android technology
Vikrant Thakare
What a progressive web app actually is
What a progressive web app actually is
involveall technologies
Emerg n rise
Emerg n rise
Emmanuel Deekollu
Similar a TYPO3 CON 2019
(20)
I Phone Summit Dmeeker Final
I Phone Summit Dmeeker Final
Boxdev lt-09082016
Boxdev lt-09082016
What iOS 9 Means for the Enterprise
What iOS 9 Means for the Enterprise
The rise and fall rise of nokia
The rise and fall rise of nokia
The rise and fall rise of nokia
The rise and fall rise of nokia
The rise and fall rise of nokia
The rise and fall rise of nokia
The rise and fall rise of nokia
The rise and fall rise of nokia
The rise and fall rise of nokia
The rise and fall rise of nokia
Sydney Mobile - April 2010 - Tigerspike
Sydney Mobile - April 2010 - Tigerspike
Progressive Web App
Progressive Web App
Native vs Hybrid - Options to develop your mobile application
Native vs Hybrid - Options to develop your mobile application
“Deep Learning on Mobile Devices,” a Presentation from Siddha Ganju
“Deep Learning on Mobile Devices,” a Presentation from Siddha Ganju
Roadshow asia nick lane content services & apps
Roadshow asia nick lane content services & apps
PhoneGap Session at Multi-Mania.be 2013
PhoneGap Session at Multi-Mania.be 2013
Geniem mt pres
Geniem mt pres
Globant Mobile Future - Android UADE FIT 2013
Globant Mobile Future - Android UADE FIT 2013
looksoftware Case Study: BakerCorp
looksoftware Case Study: BakerCorp
Phone gap in android technology
Phone gap in android technology
What a progressive web app actually is
What a progressive web app actually is
Emerg n rise
Emerg n rise
Último
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
Maria Levchenko
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
vu2urc
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
Michael W. Hawkins
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
Delhi Call girls
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
The Digital Insurer
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Igalia
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
wesley chun
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
Enterprise Knowledge
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Drew Madelung
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Miguel Araújo
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
giselly40
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
wesley chun
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path Mount
Puma Security, LLC
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
Delhi Call girls
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
debabhi2
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
Gabriella Davis
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
Earley Information Science
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
Enterprise Knowledge
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
Enterprise Knowledge
Último
(20)
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path Mount
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
TYPO3 CON 2019
1.
Unlock Innovation Progressive Web Application
for TYPO3 Tymoteusz Motylewski, CTO @macopediapl, macopedia.com
2.
1999 Internet in NOKIA
3.
2000 Public Beta TYPO3
4.
2007 Iphone Premier
5.
2019 Iphone 11 Pro
6.
Mobile vs Desktop
(2009-2019)
7.
2019 Where’s NOKIA?
8.
2019 TYPO3 v10
9.
TYPO3 is constantly looking for innovation
10.
Top Challenge for
2020?
11.
Top Challenge for
2020? Provide excellent experience for mobile users.
12.
What do mobile users
expect?
13.
14.
Almost 90% of
time is spent on mobile apps
15.
Why? Because users love
the app experience.
16.
They are fast
17.
They are integrated
18.
They are reliable
19.
They are engaging
20.
Let’s provide native app
experience to the web
21.
22.
PWA radically improved user experience
23.
PWA Capabilities
24.
Offline mode supported Reliable
25.
Home screen icon Integrated
26.
Splashscreen Integrated
27.
Full screen Integrated
28.
Push notifications Engaging
29.
Access to device features Integrated
30.
Background worker and cache Fast &
Reliable
31.
The solution is ready
and it’s waiting for you. +
32.
TYPO3 Progressive Web
App Initiative
33.
34.
````````````````` ````````````````` ` github.com/TYPO3-Initiatives/headless ````````````````` ````````````````` ` github.com/TYPO3-Initiatives/nuxt-typo3 Fronted Vue.js app TYPO3
Headless Extension
35.
TYPO3 PWA v1.0 Same
TYPO3 Backend - nothing changes here TYPO3 based routing Multilingual support Respects permissions and content visibility
36.
TYPO3 PWA v1.0 TYPO3
SEO features included No data/structure migration Truly Open-Source SSR - Server side rendering
37.
TYPO3 PWA v1.0 Easy
to integrate custom CE’s and extensions Caching visited pages Offline mode Support for EXT:news
38.
Production ready
39.
Case study
40.
Macmillan Education Major educational
publishing company Global publisher operating in over 120 countries worldwide.
41.
Challenge Translate complex content
structure into a mobile-first app that’s engaging and easy to navigate. The platform had to be tailored to the needs of multiple local Macmillan Education teams.
42.
Macmillan English
43.
44.
Let’s see some
numbers
45.
Green Google Lighthouse
46.
55% faster First Meaningful
Paint from 3,8 s to 1,7s
47.
60,8% faster Time to
interactive from 12,5 s to 4,9s
48.
60% smaller Download size from
4MB s to 1.6MB
49.
Join the Progressive
Web App Initiative! #initiative-pwa on slack
50.
See the demo and
talk to the team at Macopedia booth.
51.
Thank you for
attention! Tymoteusz Motylewski @tmotyl t.motylewski@macopedia.com
52.
Thank you for
attention! Tymoteusz Motylewski @tmotyl t.motylewski@macopedia.com
53.
Sources: https://mindsea.com/app-stats/ https://medium.com/@distillerytech/digital-transformation-why-enterprises-need-progressive-web-apps-b37a9e223157 https://buildfire.com/app-statistics/ https://gs.statcounter.com/platform-market-share/desktop-mobile-tablet/worldwide/2019
Descargar ahora