Titanium #MDS13

Titanium #MDS13

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

C056051a062fb1054cb45d98177384aa?s=128

Fokke Zandbergen

June 07, 2013
Tweet

Transcript

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

  2. None
  3. • What is native? • HTML5 vs native • Titanium

    • Alloy Framework • Appcelerator Platform • Summary • Q&A Titanium
  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
  5. What is native? The myth of compiled languages Would you

    call these inferior? https://github.com/languages
  6. HTML5 vs Native != interpreted PHP HTML/JS/CSS output Machine compilation

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

    Objective-C interpretation
  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
  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
  10. What if... Best of Both?

  11. Titanium = native JavaScript UI output Machine compilation Objective-C /

    Java interpretation 100% NATIVE
  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
  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();
  14. It gets... Even Better!

  15. None
  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
  17. Alloy Framework <Alloy> <Window> <Label onClick=”open”>Hello World</Label> </Window> </Alloy> “Window”:

    { backgroundColor: “white” } “Label”: { color: “black” } function open() { require(“windowTwo”); } $.index.open(); views/index.xml controllers/index.js styles/index.tss
  18. But wait... There is more!

  19. Appcelerator Platform Mobile first

  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/
  21. Appcelerator Platform Cloud 5+ MLN

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

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

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