mobile first
©Copyright. All designs, ideas, layout and content are copyright of Applification Ltd. All rights reserved. 
DAVE HUDSON
about me
2 yrs mobile exp. (Applification)
Titanium Appcelerator Certified
Mobile App Developer
Out of the Park (Attendi)
15 yrs web exp. (Densen)
User Experience Design
User Interface Design
HTML5 / CSS3 / .NET MVC
applificationhq.com
@applificationhq
MOBILE SOLUTIONS
my mobile requirements
Thinking ahead to post Apple dominated
mobile landscape.
- Cross Platform (iOS / Android +)
- Focus on User Experience (feel)
- Deliver great User Interface (use)
MOBILE SOLUTIONS
native development
Tried native cross platform mobile apps
- iOS (Objective C)
- Android (Java)
- Windows Mobile (.Net)
- Blackberry (Every Language!)
MOBILE SOLUTIONS
webview apps
HTML 5
PhoneGap
“write once, suck everywhere”
Parked the idea of creating mobile apps
CROSS PLATFORM MOBILE
the sweet spot
Found Titanium:
- Cross-platform mobile development framework
with native UI & performance
- Use existing web skills (Javascript)
- Met all my requirements
- Sold on day 1 of using the platform
- Since matured & leads the way in mobile app dev
CROSS PLATFORM MOBILE
titanium appcelerator
116m (10%) smartphones have a titanium app
50k appcelerator apps in app stores
CROSS PLATFORM MOBILE
titanium appcelerator
Code app in Javascript against APIs
Javascript bridge compiled to native code
Apple iOS, Google Android & Mobile Web
Blackberry 10 & Windows Mobile 8 (beta)
WHY APPCELERATOR?
one language
Single Trunk Codebase
Branches for each mobile platform
Sub Branches for each UI / UX form factor
Faster Development
Develop native applications
20% faster than writing in the
native language
Code Reuse
Reuse 60%-90% of developed
code when supporting multiple
platforms
Reduce Cost
Reduce cost of development cross-
platform by using a JavaScript
based SDK
WHY APPCELERATOR?
ecosystem
Open source & constantly evolving:
- Cross Platform SDK (5,000+ APIs)
- Modules (Testflight, Bluetooth)
- Community Projects
- Increased Platform Support
- MVC Framework (Alloy)
- MBaaS (ACS)
- ACS.Node
Ti Shadow
JAVASCRIPT FRAMEWORK
alloy mvc
Free to architect Javascript how you like but...
Less Code
Write 50%-60% less code than
traditional development toolkits
More Maintainable
Easy to read and maintain
codebase
Function and Widget Reuse
Easily reuse function and application
widgets across one or more apps
CLOUD INFRASTRUCTURE
cloud services (acs)
Mobile Backend as a Service (MBaaS)
- Instant backend for your app
- User authentication
- Social integrations
- Push notifications
- Checkins
- Twitter style chat
- Upload photos
- Places
- Custom objects & much more...
NODE.JS IN CLOUD
node.acs
Deploy Javascript Node.js apps in cloud & call same ACS
API.
- Mobile Website / Webapp
- Web Apps
- CMS / CRM Systems
Mobile Solutions not just apps!
MOBILE FIRST
architecture
You can write an app entirely in Javascript
Free to structure Javascript code however you like
TO BE AN APPCELERATOR MOBILE DEVELOPER
you need
Mac or PC (need a mac for iOS Apps)
A mobile phone
Some web skills (Javascript, CSS, XML)
Titanium Studio (Free)
HELLO WORLD +
titanium studio
HELLO WORLD +
titanium studio
HELLO WORLD +
cross platform apps
HELLO WORLD +
live code demo
....
LIMITATIONS, PROBLEMS & SOLUTIONS
limitations
It’s not a perfect system...
- Limited ability to optimise app performance
- Reliance on Appcelerator integrating APIs = Modules
- Titanium Studio Clunky = CLI
- Limited in terms of game development = Platino
FUTURE OF MOBILE
fragmentation
- Mobile landscape is changing fast!
- Now four major mobile platform
Titanium Appcelerator best solution to create native
performant apps with great user experience across all
platforms at reasonable price point.
THAT’S IT!
questions & resources
applificationhq.com
www.appcelerator.com
http://docs.appcelerator.com/titanium/latest/
http://vimeo.com/appcelerator
https://github.com/appcelerator/

Intro to appcelerator

  • 1.
    mobile first ©Copyright. Alldesigns, ideas, layout and content are copyright of Applification Ltd. All rights reserved. 
  • 2.
    DAVE HUDSON about me 2yrs mobile exp. (Applification) Titanium Appcelerator Certified Mobile App Developer Out of the Park (Attendi) 15 yrs web exp. (Densen) User Experience Design User Interface Design HTML5 / CSS3 / .NET MVC applificationhq.com @applificationhq
  • 3.
    MOBILE SOLUTIONS my mobilerequirements Thinking ahead to post Apple dominated mobile landscape. - Cross Platform (iOS / Android +) - Focus on User Experience (feel) - Deliver great User Interface (use)
  • 4.
    MOBILE SOLUTIONS native development Triednative cross platform mobile apps - iOS (Objective C) - Android (Java) - Windows Mobile (.Net) - Blackberry (Every Language!)
  • 5.
    MOBILE SOLUTIONS webview apps HTML5 PhoneGap “write once, suck everywhere” Parked the idea of creating mobile apps
  • 6.
    CROSS PLATFORM MOBILE thesweet spot Found Titanium: - Cross-platform mobile development framework with native UI & performance - Use existing web skills (Javascript) - Met all my requirements - Sold on day 1 of using the platform - Since matured & leads the way in mobile app dev
  • 7.
    CROSS PLATFORM MOBILE titaniumappcelerator 116m (10%) smartphones have a titanium app 50k appcelerator apps in app stores
  • 8.
    CROSS PLATFORM MOBILE titaniumappcelerator Code app in Javascript against APIs Javascript bridge compiled to native code Apple iOS, Google Android & Mobile Web Blackberry 10 & Windows Mobile 8 (beta)
  • 9.
    WHY APPCELERATOR? one language SingleTrunk Codebase Branches for each mobile platform Sub Branches for each UI / UX form factor Faster Development Develop native applications 20% faster than writing in the native language Code Reuse Reuse 60%-90% of developed code when supporting multiple platforms Reduce Cost Reduce cost of development cross- platform by using a JavaScript based SDK
  • 10.
    WHY APPCELERATOR? ecosystem Open source& constantly evolving: - Cross Platform SDK (5,000+ APIs) - Modules (Testflight, Bluetooth) - Community Projects - Increased Platform Support - MVC Framework (Alloy) - MBaaS (ACS) - ACS.Node Ti Shadow
  • 11.
    JAVASCRIPT FRAMEWORK alloy mvc Freeto architect Javascript how you like but... Less Code Write 50%-60% less code than traditional development toolkits More Maintainable Easy to read and maintain codebase Function and Widget Reuse Easily reuse function and application widgets across one or more apps
  • 12.
    CLOUD INFRASTRUCTURE cloud services(acs) Mobile Backend as a Service (MBaaS) - Instant backend for your app - User authentication - Social integrations - Push notifications - Checkins - Twitter style chat - Upload photos - Places - Custom objects & much more...
  • 13.
    NODE.JS IN CLOUD node.acs DeployJavascript Node.js apps in cloud & call same ACS API. - Mobile Website / Webapp - Web Apps - CMS / CRM Systems Mobile Solutions not just apps!
  • 14.
    MOBILE FIRST architecture You canwrite an app entirely in Javascript Free to structure Javascript code however you like
  • 15.
    TO BE ANAPPCELERATOR MOBILE DEVELOPER you need Mac or PC (need a mac for iOS Apps) A mobile phone Some web skills (Javascript, CSS, XML) Titanium Studio (Free)
  • 16.
  • 17.
  • 18.
    HELLO WORLD + crossplatform apps
  • 19.
    HELLO WORLD + livecode demo ....
  • 20.
    LIMITATIONS, PROBLEMS &SOLUTIONS limitations It’s not a perfect system... - Limited ability to optimise app performance - Reliance on Appcelerator integrating APIs = Modules - Titanium Studio Clunky = CLI - Limited in terms of game development = Platino
  • 21.
    FUTURE OF MOBILE fragmentation -Mobile landscape is changing fast! - Now four major mobile platform Titanium Appcelerator best solution to create native performant apps with great user experience across all platforms at reasonable price point.
  • 22.
    THAT’S IT! questions &resources applificationhq.com www.appcelerator.com http://docs.appcelerator.com/titanium/latest/ http://vimeo.com/appcelerator https://github.com/appcelerator/

Editor's Notes

  • #2 Stop me at any point and ask anything - I’d rather have a conversation than presentation.
  • #3 Explain a bit about WHY I chose Titanium How Titanium Works What Titanium can Offer Attempt a Live Code Demo
  • #4 When started looking for a way to create mobile apps had a few requirements - quick / flexible - native - thinking ahead obvious Apple wouldn’t always dominate market
  • #5 Took far too long, multiple languages = never going to happen
  • #6 I didn’t like the experience I’d developed! Web app fine as a LCD but should not be ONLY option
  • #7 Titanium allows write native apps using JavaScript Apps are native - they do not sit in a web container or based on JQuery, HTML, CSS. They are native as JS code is interpreted at compile time Java/Objective C etc.
  • #9 Titanium allows write native apps using JavaScript Apps are native - they do not sit in a web container or based on JQuery, HTML, CSS. They are native as JS code is interpreted at compile time Java/Objective C etc.
  • #10 Titanium Tree = Trunk with thin branches representing UI / UX for each form factor 90m+ installed & used Titanium app
  • #11 Titanium Tree = Trunk with thin branches representing UI / UX for each form factor 90m+ installed & used Titanium app
  • #12 NPM widget approach
  • #13 Similar to Parse, Stackmob, Deployd and others