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

1. Mobile Apps from TYPO3
TYPO3camp Mallorca
14-16 September 2012 By : Zsolt Molnár and László Bodor

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. 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. Why ?
TYPO3camp Mallorca
14-16 September 2012 By : Zsolt Molnár and László Bodor

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. Mobiles can't 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. From a customer's perspective
➔ Desktop site
➔ Mobile site
➔ Native Application
Building separate application for each platform is
difficult and expensive

8. 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

10. PhoneGap
➔ Open source framework
➔ Recently bought by Adobe
➔ Cross platform mobile apps
➔ HTML5, Javascript, CSS
➔ phonegap.com
The solution

11. PhoneGap feature matrix

12. 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

13. PhoneGap + TYPO3
Arxia Mobiles
Use PhoneGap from within TYPO3

14. Arxia Mobiles
➔ Beta
➔ Extbase
➔ TT News
➔ Extended with JSON feed
➔ Can accommodate other content types
TYPO3 extension (arx_mobiles)

15. What does it do ?
➔ Define application
➔ Customize settings
➔ Customize UI
➔ TT News Data feed
➔ Build Application
TYPO3 extension (arx_mobiles)

16. Setup
Typoscript Setup

17. PhoneGap needs a configuration file – config.xml

18. Domain model
Application Config Platform
Jqm Preference
Icon Feature
Splash Author

19. ➔ General settings
➔ News categories & fields
➔ Relations
➔ User Interface
Create application

20. Admin module

21. The build can take a while ...

22. Two birds with one stone ...
Mobile website with Ripple emulator

23. You can try it ...
QR Code of the mobile website generated

24. Mobile applications
➔ Android
➔ IOS (key needed)
➔ Blackberry
➔ Winphone
➔ Symbian
➔ WebOS
Apps can be offered for download to website users

25. 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!

26. What's next
➔ Endless possibilities
➔ Adapt the service to TYPO3 pages and content
➔ Local information
Sky is the limit!

27. Demo
TYPO3camp Mallorca
14-16 September 2012 By : Zsolt Molnár and László Bodor

28. Questions ?
TYPO3camp Mallorca
14-16 September 2012 By : Zsolt Molnár and László Bodor

29. Thank you!
TYPO3camp Mallorca
14-16 September 2012 By : Zsolt Molnár and László Bodor