Titanium #MDS13

Overview of the Titanium & Appcelerator platform for Mobile Down South 2013 in Eindhoven on June 7th.

Transcript

1. June 7th, 2013
   www.fokkezb.nl
   Titanium
   FOKKE
   ZANDBERGEN
   

   View Slide

2. View Slide

3. • What is native?
   • HTML5 vs native
   • Titanium
   • Alloy Framework
   • Appcelerator Platform
   • Summary
   • Q&A
   Titanium
   

   View Slide

4. What is native?
   The myth of native languages
   “Applications must be originally written in
   Objective-C, C, C++, or JavaScript as executed
   by the iPhone OS WebKit engine”
   - iPhone OS 4 beta proposed license (2010)
   C#
   C
   C++
   Objective-C
   JavaScript
   Ruby Python
   Lua
   Scheme
   Lisp
   Smalltalk
   Haskell
   ActionScript
   .NET languages
   ANY language compiled to ARM objects
   ANY language you write a compiled interpreter for
   QT
   

   View Slide

5. What is native?
   The myth of compiled languages
   Would you call these inferior?
   https://github.com/languages
   

   View Slide

6. HTML5 vs Native
   != interpreted
   PHP
   HTML/JS/CSS
   output
   Machine
   compilation
   C
   interpretation
   input
   C++
   Machine
   compilation
   output
   UI
   

   View Slide

7. HTML5 vs Native
   == web-in-an-app
   ?
   UI
   output
   Machine
   compilation
   Objective-C
   interpretation
   

   View Slide

8. HTML5 vs Native
   == web-in-an-app
   ?
   UI
   output
   Machine
   compilation
   Objective-C
   interpretation
   input
   Objective-C
   Machine
   compilation
   output
   UI
   HTML/JS/CSS
   

   View Slide

9. HTML5 vs Native
   Compared
   HTML5 Native
   Web UI Native UI
   Performance bottlenecks Accelerated performance
   Open data Secured data
   Slow standards bodies Thousands of API’s
   No monetization model One-Click-Buy
   200+ Browser versions iOS + 28 Android versions
   Single code base Multiple code base
   Huge / Cheap expertise Scarce / Expensive expertise
   Direct distribution Indirect distribution
   ~ 75.000 apps ~ 1.200.000 apps
   

   View Slide

10. What if...
    Best of Both?
    

    View Slide

11. Titanium
    = native
    JavaScript
    UI
    output
    Machine
    compilation
    Objective-C / Java
    interpretation
    100%
    NATIVE
    

    View Slide

12. Titanium
    Facts
    • Multi-platform
    iOS, Android, Blackberry, Tizen,
    MobileWeb, Windows
    • Native UI
    • Thousands of interpretable API’s
    • Custom API modules marketplace
    • Single codebase
    • Titanium Studio IDE
    • Familiar JavaScript
    • 465.000+ developers
    • 185+ countries
    • 55.000+ apps in public stores
    • 136.000.000+ devices
    • NBC, PWC, Mitsubishi, Reuters
    • imgZine, Snowciety, WappZapp
    

    View Slide

13. Titanium
    Code
    var window = Ti.UI.createWindow({
    backgroundColor: “white”
    });
    var label = Ti.UI.createLabel({
    color: “black”
    });
    label.addEventListener(“click”,
    function() {
    require(“windowTwo”);
    }
    );
    window.add(label);
    window.open();
    

    View Slide

14. It gets...
    Even Better!
    

    View Slide

15. View Slide

16. Alloy Framework
    Benefits
    • Write up to 50% less code
    • Re-style apps using themes
    • Re-use code using widgets
    • Bind abstracted data models
    • Separate concerns, e.g. design
    Compilation
    • Cleans conditional code & assets
    • Compiles XML and TSS to JS
    • Compresses JS
    • Fully integrated in Studio
    • Widget marketplace coming
    

    View Slide

17. Alloy Framework
    
    
    Hello World
    
    
    “Window”: {
    backgroundColor: “white”
    }
    “Label”: {
    color: “black”
    }
    function open() {
    require(“windowTwo”);
    }
    $.index.open();
    views/index.xml
    controllers/index.js
    styles/index.tss
    

    View Slide

18. But wait...
    There is more!
    

    View Slide

19. Appcelerator Platform
    Mobile first
    

    View Slide

20. Appcelerator Platform
    Compared
    Titanium Appcelerator
    SDK SDK
    Enterprise Connectors
    Marketplace Marketplace
    Alloy Alloy
    Titanium Studio Appcelerator Studio
    TiShadow LiveView / Code Analyzer / Performance Profiler
    Automated Tests / Monitoring
    Flurry / Google Analytics
    Titanium Cloud Appcelerator Cloud
    5M push / 5M API / Client SSL / NodeJS > 10M push / 10M API / Server SSL / NodeJS
    Best Effort / Community Support 99+ SLA / Live Support
    http://www.appcelerator.com/plans-pricing/
    

    View Slide

21. Appcelerator Platform
    Cloud
    5+
    MLN
    

    View Slide

22. Appcelerator
    Platfrom
    Titanium
    Alloy
    Summary
    ACS
    FREE
    Test
    Analytics
    Support
    

    View Slide

23. Questions?
    mail@FokkeZB.nl
    www.FokkeZB.nl
    @FokkeZB
    

    View Slide

24. www.amsterdam-titanium.nl
    meeting every 2 months
    talks • discussion • beer
    

    View Slide