Mobile frameworks and Titanium specifically
3 likes596 views
The document discusses the evolution of mobile apps from 2007 to 2012, highlighting the growth of platforms and the challenges developers face in mobile app development, including costs and time. It emphasizes the emergence of HTML5 as a potential solution but points out its limitations due to fragmentation and competition with native apps. The document also introduces Marviq's strategy shift towards modular app development and cross-platform solutions using tools like Appcelerator and Titanium SDK.
Mobile frameworks and Titanium specifically
- 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
- 12. 2010 ● The iPad hit ● So did Android ● In December mobile out sold desktop
- 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
- 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 / ??
- 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
- 58. Cloud services
- 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