Mobile Apps from TYPO3

TYPO3camp 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 Systems)➔ Lacisoft.com/blog➔ Living and working in Cluj

Napoca / Romania➔ Travel & Aviation

Who we are ?

Zsolt Molnár

➔ TYPO3 developer at Arxia➔ Living and working in Cluj

Napoca / Romania➔ Aquarist➔ In love with Asia and snorkeling

Who we are ?

TYPO3camp Mallorca14-16 September 2012

By : Zsolt Molnár and László Bodor

Why ?

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/

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/

From a customer's perspective

Building separate application for each platform is difficult and expensive

➔ Desktop site

➔ Mobile site

➔ Native Application

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

PhoneGap

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

The solution

PhoneGap feature matrix

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

PhoneGap + TYPO3

Use PhoneGap from within TYPO3

Arxia Mobiles

Arxia Mobiles

TYPO3 extension (arx_mobiles)

➔ Beta➔ Extbase➔ TT News➔ Extended with JSON feed➔ Can accommodate other content types

What does it do ?

TYPO3 extension (arx_mobiles)

➔ 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

Icon

Splash

Feature

Author

Preference

Create application

➔ General settings➔ News categories & fields➔ Relations➔ User Interface

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

Apps can be offered for download to website users

➔ Android➔ IOS (key needed)➔ Blackberry➔ Winphone➔ Symbian➔ WebOS

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

What's next

Sky is the limit!

➔ Endless possibilities➔ Adapt the service to TYPO3 pages and content➔ Local information

Demo

TYPO3camp 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