A case for the importance of mobile frameworks like PhoneGap and Titanium, and a deeper look into how Titanium works.

1. THE FUTURE ISTHE FUTURE IS
MOBILE

2. Introduction

3. The "App gold rush"
number of apps per platform

9. Mobile was easy in 2007

10. Still an Apple world in 2008

11. 2009
Android
came to town

12. 2010
● The iPad hit
● So did Android
● In December
mobile out sold
desktop

13. 2012
Mobile chaos
reigns

14. And then you have your customers...

15. that's great, but....
Source: Forrester Research
Forrester Research:
"Most apps take at least six months of full-time
work and cost between $20,000 and $150,000
to develop"
padgadget.com:
"For a nice but simple app,
including design work, back-end
services and project management
your total budget is around
$35,000

16. So many platform, so little time
Java Objective-C C++, C#
HTML5 Java C++

18. TVTabletPC
It's no longer about smartphones
Smartphone
Mac computers
Chrome books
iPhone iPad Apple TV
Android Android tablets Google TV
Windows Windows Phone Windows 8 Xbox

20. Time to reflect
The marviq story so far ...

23. Cross platform to choose from
2000 today
100+
Source: VisionMobile 2012

24. Diversity of tools for all sorts of
developers, apps and mobile platforms
Source: VisionMobile 2012

25. How do you choose?

28. Putting the iq back in marviq
Pushing marviq forward

29. "Native
developers"
Create apps using
programming
languages and
tools specific to
platforms
300K
"Web developers"
Create apps using
HTML/CSS/JavaScript
Less dependent on
specific programming
skills
3 million
Source: VisionMobile 2012

31. HTML5 is pitched as the
future of mobile apps

32. But what is HTML5, really?

33. HTML5 is just past the peak
of expectations
● Fragmentation across platforms (iOS, Android, BlackBerry, Windows Phone)
● Challenges to compete with native user experience
● Lack of distribution channels and monetisation for web apps

34. HTML5 is fragmented across platforms
html5test.com (April 2012)

35. Andrew Betts of Assanka on app.ft.com:
"It took a full-time team of 3 developers at Assanka 8 months to
launch on iPad, and that team a further 4 months to bug-fix the
iPad and ready for distribution to Android tables."

37. Marviq, mobile and more
Time for a new strategy

38. The need for a mobile strategy
Presentation
Logic
Data
Yesterday
3-tier centralized web architecture
Today
Cloud connected app centric modal

40. How to implement the strategy?

41. Bridging the gap

42. Native app development
The missing link

43. Why native?
● Fragmentation across platforms
(iOS, Android, BlackBerry,
Windows Phone)
● Challenges to compete with
native user experience
● Lack of distribution channels
and monetisation for web apps

45. Reach
Performance

46. Future friendly
Right now

47. Because it's all JavaScript
Foundation of reuse

48. Modular Application Development
MAT goes MAD

49. Modular code advantages
● Reusable with multiple tools
● Tried & tested code
● Easier to test
● Easier to document
● Resource scaling
● Performance (non-blocking)
● Optimisable (less code)

50. PresentationFunctionalcore
localStorage
DOM Utilities
Data formatters
Data objects
Data caching
XML Utilities
Phone utilities
DOM Utilities
HTML Fragments
Components
HTML Fragments
Process handlers
Service handlers
XHR
XDM
Widgets
CSS Templates
Widgets
CSS Templates
JSON UtilitiesData stubs
Unit tests
View panes
Formatters Formatters
Controls
Web portal Native mobile HTML Mobile

51. MAD Technology
Functional core:
● requireJS
● promises / XHR / XDM
● XPath / XML Dom
HTML5 Web:
● jQuery / jQuery UI widgets
● moment.js / accouting.js / ??
● MAT / SASS / HAML / ??
Native mobile:
● Appcelerator
HTML5 mobile:
● PhoneGap
● jQueryMobile / Twitter bootstrap / Vanilla HTML + JS / ??

52. Enter Appcelerator

53. Titanium SDK
Titanium Studio
Cloud services
Analytics
Support
Appcelerator

54. Titanium SDK
JavaScript runtime to run native apps
Cross device UI (not 100%)
Networking
Database / XML / Json

55. Yup, it's Eclipse
Titanium Studio

56. Eclipse / Aptana based
Helps install and manage SDK's
Can directly launch emulators / devices
Code completion and documentation
Integrated developer portal
Titanium Studio

57. Titanium marketplace

58. Cloud services

59. Appcelerator ecosystem

60. Appcelerator is modular
CommonJS based

61. function Car( params ) {}
module.exports = Car;
Modules in Appcelerator
var Car = require( "Car" )
, ferrari = new Car();
A module:
How to use:

62. function Car( params ) {}
exports.drive = function()
{
console.log( "driving" );
}
module.exports = Car;
Modules in Appcelerator
var Car = require( "Car" )
, ferrari = new Car( { color: "red" }
);
ferrari.drive();

63. function Car( params ) {}
function drive = function()
{
console.log( "driving" );
}
exports.drive = drive;
module.exports = Car;
Modules in Appcelerator

64. function Car( params ) {}
exports.exports = Car;
Car.prototype.drive = function()
{
console.log( "driving" );
}
Modules in Appcelerator

65. More to follow...

66. Labs
Start your editors...