Mobile Apps from TYPO3

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

description

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

Transcript of Mobile Apps from TYPO3

Page 1: Mobile Apps from TYPO3

Mobile Apps from TYPO3

TYPO3camp Mallorca14-16 September 2012

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

Page 2: Mobile Apps from TYPO3

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

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

TYPO3camp Mallorca14-16 September 2012

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

Why ?

Page 5: Mobile Apps from TYPO3

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

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

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

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
Page 10: Mobile Apps from TYPO3

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

PhoneGap feature matrix

Page 12: Mobile Apps from TYPO3

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

PhoneGap + TYPO3

Use PhoneGap from within TYPO3

Arxia Mobiles

Page 14: Mobile Apps from TYPO3

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

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

Setup

Typoscript Setup

Page 17: Mobile Apps from TYPO3

PhoneGap needs a configuration file – config.xml

Page 18: Mobile Apps from TYPO3

Domain model

Application Config Platform

Jqm

Icon

Splash

Feature

Author

Preference

Page 19: Mobile Apps from TYPO3

Create application

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

Page 20: Mobile Apps from TYPO3

Admin module

Page 21: Mobile Apps from TYPO3

The build can take a while ...

Page 22: Mobile Apps from TYPO3

Two birds with one stone ...

Mobile website with Ripple emulator

Page 23: Mobile Apps from TYPO3

You can try it ...

QR Code of the mobile website generated

Page 24: Mobile Apps from TYPO3

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

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

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

Demo

TYPO3camp Mallorca14-16 September 2012

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

Page 28: Mobile Apps from TYPO3

Questions ?

TYPO3camp Mallorca14-16 September 2012

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

Page 29: Mobile Apps from TYPO3

Thank you!

TYPO3camp Mallorca14-16 September 2012

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