Download - Mobile Apps from TYPO3
![Page 1: Mobile Apps from TYPO3](https://reader030.vdocuments.site/reader030/viewer/2022020217/555a8fb1d8b42a991b8b4839/html5/thumbnails/1.jpg)
Mobile Apps from TYPO3
TYPO3camp Mallorca14-16 September 2012
By : Zsolt Molnár and László Bodor
![Page 2: Mobile Apps from TYPO3](https://reader030.vdocuments.site/reader030/viewer/2022020217/555a8fb1d8b42a991b8b4839/html5/thumbnails/2.jpg)
László Bodor
➔ TYPO3 since 2007 ➔ Certified TYPO3 Integrator at Arxia➔ M.Sc. in GIS (Geographical
Information Systems)➔ Lacisoft.com/blog➔ Living and working in Cluj
Napoca / Romania➔ Travel & Aviation
Who we are ?
![Page 3: Mobile Apps from TYPO3](https://reader030.vdocuments.site/reader030/viewer/2022020217/555a8fb1d8b42a991b8b4839/html5/thumbnails/3.jpg)
Zsolt Molnár
➔ TYPO3 developer at Arxia➔ Living and working in Cluj
Napoca / Romania➔ Aquarist➔ In love with Asia and snorkeling
Who we are ?
![Page 4: Mobile Apps from TYPO3](https://reader030.vdocuments.site/reader030/viewer/2022020217/555a8fb1d8b42a991b8b4839/html5/thumbnails/4.jpg)
TYPO3camp Mallorca14-16 September 2012
By : Zsolt Molnár and László Bodor
Why ?
![Page 5: Mobile Apps from TYPO3](https://reader030.vdocuments.site/reader030/viewer/2022020217/555a8fb1d8b42a991b8b4839/html5/thumbnails/5.jpg)
Why ?
By 2014, mobile internet should take over desktop internet usage
Image source: http://www.smartinsights.com/mobile-marketing/mobile-marketing-analytics/mobile-marketing-statistics/
![Page 6: Mobile Apps from TYPO3](https://reader030.vdocuments.site/reader030/viewer/2022020217/555a8fb1d8b42a991b8b4839/html5/thumbnails/6.jpg)
Mobiles can't be ignored!
From 4 billion mobiles 1.08 billion are smartphones
Image source: http://www.smartinsights.com/mobile-marketing/mobile-marketing-analytics/mobile-marketing-statistics/
![Page 7: Mobile Apps from TYPO3](https://reader030.vdocuments.site/reader030/viewer/2022020217/555a8fb1d8b42a991b8b4839/html5/thumbnails/7.jpg)
From a customer's perspective
Building separate application for each platform is difficult and expensive
➔ Desktop site
➔ Mobile site
➔ Native Application
![Page 8: Mobile Apps from TYPO3](https://reader030.vdocuments.site/reader030/viewer/2022020217/555a8fb1d8b42a991b8b4839/html5/thumbnails/8.jpg)
From a TYPO3 developer's perspective
➔ The customer➔ Limited development options➔ Cost➔ Available solutions on TYPO3 repository:
➔ Iphone CMS (lp_iphone)➔ Mobile App Factory (mobileappfactory)➔ Several mobile detection plugins
It shouldn't be this hard
![Page 9: Mobile Apps from TYPO3](https://reader030.vdocuments.site/reader030/viewer/2022020217/555a8fb1d8b42a991b8b4839/html5/thumbnails/9.jpg)
![Page 10: Mobile Apps from TYPO3](https://reader030.vdocuments.site/reader030/viewer/2022020217/555a8fb1d8b42a991b8b4839/html5/thumbnails/10.jpg)
PhoneGap
➔ Open source framework➔ Recently bought by Adobe➔ Cross platform mobile apps➔ HTML5, Javascript, CSS➔ phonegap.com
The solution
![Page 11: Mobile Apps from TYPO3](https://reader030.vdocuments.site/reader030/viewer/2022020217/555a8fb1d8b42a991b8b4839/html5/thumbnails/11.jpg)
PhoneGap feature matrix
![Page 12: Mobile Apps from TYPO3](https://reader030.vdocuments.site/reader030/viewer/2022020217/555a8fb1d8b42a991b8b4839/html5/thumbnails/12.jpg)
How PhoneGap works
➔ Mobile website➔ HTML5, JS, CSS➔ Existing knowledge
Phonegap compiles HTML&JS&CSS into native mobile applications
➔ PhoneGap API➔ Build.phonegap.com➔ Hydration
![Page 13: Mobile Apps from TYPO3](https://reader030.vdocuments.site/reader030/viewer/2022020217/555a8fb1d8b42a991b8b4839/html5/thumbnails/13.jpg)
PhoneGap + TYPO3
Use PhoneGap from within TYPO3
Arxia Mobiles
![Page 14: Mobile Apps from TYPO3](https://reader030.vdocuments.site/reader030/viewer/2022020217/555a8fb1d8b42a991b8b4839/html5/thumbnails/14.jpg)
Arxia Mobiles
TYPO3 extension (arx_mobiles)
➔ Beta➔ Extbase➔ TT News➔ Extended with JSON feed➔ Can accommodate other content types
![Page 15: Mobile Apps from TYPO3](https://reader030.vdocuments.site/reader030/viewer/2022020217/555a8fb1d8b42a991b8b4839/html5/thumbnails/15.jpg)
What does it do ?
TYPO3 extension (arx_mobiles)
➔ Define application➔ Customize settings➔ Customize UI➔ TT News Data feed➔ Build Application
![Page 16: Mobile Apps from TYPO3](https://reader030.vdocuments.site/reader030/viewer/2022020217/555a8fb1d8b42a991b8b4839/html5/thumbnails/16.jpg)
Setup
Typoscript Setup
![Page 17: Mobile Apps from TYPO3](https://reader030.vdocuments.site/reader030/viewer/2022020217/555a8fb1d8b42a991b8b4839/html5/thumbnails/17.jpg)
PhoneGap needs a configuration file – config.xml
![Page 18: Mobile Apps from TYPO3](https://reader030.vdocuments.site/reader030/viewer/2022020217/555a8fb1d8b42a991b8b4839/html5/thumbnails/18.jpg)
Domain model
Application Config Platform
Jqm
Icon
Splash
Feature
Author
Preference
![Page 19: Mobile Apps from TYPO3](https://reader030.vdocuments.site/reader030/viewer/2022020217/555a8fb1d8b42a991b8b4839/html5/thumbnails/19.jpg)
Create application
➔ General settings➔ News categories & fields➔ Relations➔ User Interface
![Page 20: Mobile Apps from TYPO3](https://reader030.vdocuments.site/reader030/viewer/2022020217/555a8fb1d8b42a991b8b4839/html5/thumbnails/20.jpg)
Admin module
![Page 21: Mobile Apps from TYPO3](https://reader030.vdocuments.site/reader030/viewer/2022020217/555a8fb1d8b42a991b8b4839/html5/thumbnails/21.jpg)
The build can take a while ...
![Page 22: Mobile Apps from TYPO3](https://reader030.vdocuments.site/reader030/viewer/2022020217/555a8fb1d8b42a991b8b4839/html5/thumbnails/22.jpg)
Two birds with one stone ...
Mobile website with Ripple emulator
![Page 23: Mobile Apps from TYPO3](https://reader030.vdocuments.site/reader030/viewer/2022020217/555a8fb1d8b42a991b8b4839/html5/thumbnails/23.jpg)
You can try it ...
QR Code of the mobile website generated
![Page 24: Mobile Apps from TYPO3](https://reader030.vdocuments.site/reader030/viewer/2022020217/555a8fb1d8b42a991b8b4839/html5/thumbnails/24.jpg)
Mobile applications
Apps can be offered for download to website users
➔ Android➔ IOS (key needed)➔ Blackberry➔ Winphone➔ Symbian➔ WebOS
![Page 25: Mobile Apps from TYPO3](https://reader030.vdocuments.site/reader030/viewer/2022020217/555a8fb1d8b42a991b8b4839/html5/thumbnails/25.jpg)
To App or not to App
Not every website needs an app!
➔ Does my website need a native application ?➔ You could stay in the browser➔ Browser vs Device capabilities
![Page 26: Mobile Apps from TYPO3](https://reader030.vdocuments.site/reader030/viewer/2022020217/555a8fb1d8b42a991b8b4839/html5/thumbnails/26.jpg)
What's next
Sky is the limit!
➔ Endless possibilities➔ Adapt the service to TYPO3 pages and content➔ Local information
![Page 27: Mobile Apps from TYPO3](https://reader030.vdocuments.site/reader030/viewer/2022020217/555a8fb1d8b42a991b8b4839/html5/thumbnails/27.jpg)
Demo
TYPO3camp Mallorca14-16 September 2012
By : Zsolt Molnár and László Bodor
![Page 28: Mobile Apps from TYPO3](https://reader030.vdocuments.site/reader030/viewer/2022020217/555a8fb1d8b42a991b8b4839/html5/thumbnails/28.jpg)
Questions ?
TYPO3camp Mallorca14-16 September 2012
By : Zsolt Molnár and László Bodor
![Page 29: Mobile Apps from TYPO3](https://reader030.vdocuments.site/reader030/viewer/2022020217/555a8fb1d8b42a991b8b4839/html5/thumbnails/29.jpg)
Thank you!
TYPO3camp Mallorca14-16 September 2012
By : Zsolt Molnár and László Bodor