Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Mobile Apps from TYPO3TYPO3camp Mallorca14-16 September 2012                     By : Zsolt Molnár and László Bodor
László Bodor➔   TYPO3 since 2007➔   Certified TYPO3 Integrator at Arxia➔   M.Sc. in GIS (Geographical    Information Syste...
Zsolt Molnár➔   TYPO3 developer at Arxia➔   Living and working in Cluj    Napoca / Romania➔   Aquarist➔   In love with Asi...
Why ?TYPO3camp Mallorca14-16 September 2012   By : Zsolt Molnár and László Bodor
Why ?    Image source: http://www.smartinsights.com/mobile-marketing/mobile-marketing-analytics/mobile-marketing-statistic...
Mobiles cant be ignored!     Image source: http://www.smartinsights.com/mobile-marketing/mobile-marketing-analytics/mobile...
From a customers perspective➔   Desktop site➔   Mobile site➔   Native Application    Building separate application for eac...
From a TYPO3 developersperspective➔   The customer➔   Limited development options➔   Cost➔   Available solutions on TYPO3 ...
PhoneGap➔   Open source framework➔   Recently bought by Adobe➔   Cross platform mobile apps➔   HTML5, Javascript, CSS➔   p...
PhoneGap feature matrix
How PhoneGap works  ➔   Mobile website       ➔   PhoneGap API  ➔   HTML5, JS, CSS       ➔   Build.phonegap.com  ➔   Existi...
PhoneGap + TYPO3                   Arxia Mobiles     Use PhoneGap from within TYPO3
Arxia Mobiles➔   Beta➔   Extbase➔   TT News➔   Extended with JSON feed➔   Can accommodate other content types             ...
What does it do ?➔   Define application➔   Customize settings➔   Customize UI➔   TT News Data feed➔   Build Application   ...
Setup        Typoscript Setup
PhoneGap needs a configuration file – config.xml
Domain model  Application   Config   Platform  Jqm                    Preference  Icon                   Feature  Splash  ...
➔   General settings            ➔   News categories & fields            ➔   Relations            ➔   User InterfaceCreate ...
Admin module
The build can take a while ...
Two birds with one stone ...      Mobile website with Ripple emulator
You can try it ...     QR Code of the mobile website generated
Mobile applications➔   Android➔   IOS (key needed)➔   Blackberry➔   Winphone➔   Symbian➔   WebOS    Apps can be offered fo...
To App or not to App➔   Does my website need a native application ?➔   You could stay in the browser➔   Browser vs Device ...
Whats next➔   Endless possibilities➔   Adapt the service to TYPO3 pages and content➔   Local information                  ...
DemoTYPO3camp Mallorca14-16 September 2012          By : Zsolt Molnár and László Bodor
Questions ?TYPO3camp Mallorca14-16 September 2012                 By : Zsolt Molnár and László Bodor
Thank you!TYPO3camp Mallorca14-16 September 2012                By : Zsolt Molnár and László Bodor
Mobile Apps from TYPO3
Upcoming SlideShare
Loading in …5
×

Mobile Apps from TYPO3

2,604 views

Published on

My session from TYPO3camp Mallorca covering the extension Arxia Mobiles for TYPO3 which allows the generation of mobile applications using the PhoneGap API

Published in: Technology
  • Be the first to comment

Mobile Apps from TYPO3

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

×