Titanium Kickstart     Alessio Ricco       @alessioricco             1
About Appcelerator• Open Source Software Company• Developing Titanium since 2008• Offices in Mountain View, San Francisco, ...
About Titanium•   Open source Framework•   Build native mobile or desktop applications•   Use open web technologies: Javas...
About Titanium Mobile•   Cross Platform mobile development solution•   Support for iPhone, iPad, Android, Blackberry•   Ap...
Cross Platform Challenge          Write Once, Run Everywhere• Non visual code reuse• Visual code reuse• Get the best from ...
Ti Cross Platform         Write Once, Adapt Everywhere• Visual and not visual code reuse• One language, One SDK• Ability t...
Cross Platform Approaches• Platform Identity• Brand Identity              7
Platform Identity•   Immediately familiar to platform users•   Well known interaction models•   the app “looks like” it be...
Platform Identity        9
Platform Identity Approach•   design and interaction models are different for    each platform•   UI components could be r...
Brand Identity•   Evocative•   New user experience•   Non-standard User Interface                          11
Brand Identity      12
Brand Identity Approach•   identical UI across the platforms•   new UI must be learned•   UI conventions and components•  ...
The Best approach• Depends on your needs• emotional connection ?• speed? interaction? utility?                    14
Build Native•   Choose one platform•   What if you choose the wrong platform ?•   How many languages you need to learn ?• ...
HTML ?•   Mobile Browsers are progressing fast•   Mobile Browsers are converging around WebKit•   HTML/CSS/Javascript are ...
Native ?•   Native apps are more capable (db, camera, accellerometer, etc) and faster•   Native apps are smoother on resou...
Titanium Appcelerator•   Single codebase to multiple platforms•   Platform specific “look and feel”•   Open Source and exte...
Titanium Architecture          19
Mobile Architecture         20
Platform Features•   Native UI components•   Location API•   SQLite•   Value persistence API•   XHR•   Facebook, Twitter,Y...
Typical App    Windows vs ViewsWindows are like pages and   Views are like DIVs                             22
Typical App: Code     %          code                  UI     60             construction                event     20     ...
Titanium Mobile App• Is a Javascript program interpreted at  runtime on the device• App.js is the main file who defines the ...
Resources: web•   Learning Titanium•   http://www.slideshare.net/alessioricco•   http://docs.appcelerator.com/titanium/2.0...
Resources: twitter  @appcelerator, @jhaynie, @donthorp, @marshall_law, @billdawson, @fusion94,@alessioricco, @kevinwhinner...
Upcoming SlideShare
Loading in...5
×

Titanium appcelerator kickstart

1,678

Published on

an introduction to the titanium appcelerator architecture.
(cross platform programming seminar at university of pisa, july 2012)

Published in: Technology
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,678
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
53
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Titanium appcelerator kickstart

    1. 1. Titanium Kickstart Alessio Ricco @alessioricco 1
    2. 2. About Appcelerator• Open Source Software Company• Developing Titanium since 2008• Offices in Mountain View, San Francisco, Beijing, Tokio 2
    3. 3. About Titanium• Open source Framework• Build native mobile or desktop applications• Use open web technologies: Javascript, HTML, CSS 3
    4. 4. About Titanium Mobile• Cross Platform mobile development solution• Support for iPhone, iPad, Android, Blackberry• Aptana Studio based IDE (Titanium Studio)• Titanium API, Javascript Syntax 4
    5. 5. Cross Platform Challenge Write Once, Run Everywhere• Non visual code reuse• Visual code reuse• Get the best from each platform 5
    6. 6. Ti Cross Platform Write Once, Adapt Everywhere• Visual and not visual code reuse• One language, One SDK• Ability to manage platform specifics 6
    7. 7. Cross Platform Approaches• Platform Identity• Brand Identity 7
    8. 8. Platform Identity• Immediately familiar to platform users• Well known interaction models• the app “looks like” it belongs to the platform 8
    9. 9. Platform Identity 9
    10. 10. Platform Identity Approach• design and interaction models are different for each platform• UI components could be reused• UI conventions and components• Non-UI code reuse• Delegation (UI controls are platform specific) 10
    11. 11. Brand Identity• Evocative• New user experience• Non-standard User Interface 11
    12. 12. Brand Identity 12
    13. 13. Brand Identity Approach• identical UI across the platforms• new UI must be learned• UI conventions and components• Non-UI code reuse, UI code reuse• No Delegation 13
    14. 14. The Best approach• Depends on your needs• emotional connection ?• speed? interaction? utility? 14
    15. 15. Build Native• Choose one platform• What if you choose the wrong platform ?• How many languages you need to learn ?• How many codebase you will support?• How long will it take to build native on N platforms ?• Who will write your code?• Who will manage the versioning for each platform ?• How much effort will be duplicated ? 15
    16. 16. HTML ?• Mobile Browsers are progressing fast• Mobile Browsers are converging around WebKit• HTML/CSS/Javascript are standard• Cross Platform• It’s easy to find a developer with some experience in these tools 16
    17. 17. Native ?• Native apps are more capable (db, camera, accellerometer, etc) and faster• Native apps are smoother on resource constrained devices• Are “always ON”• Are able to work offline 17
    18. 18. Titanium Appcelerator• Single codebase to multiple platforms• Platform specific “look and feel”• Open Source and extensible (via Modules)• Javascript: you can reuse your skills• Quick development• Integrated IDE• Increasing speed• Native code (You need the specific platform SDK) 18
    19. 19. Titanium Architecture 19
    20. 20. Mobile Architecture 20
    21. 21. Platform Features• Native UI components• Location API• SQLite• Value persistence API• XHR• Facebook, Twitter,YQL• audio video streaming, media recording• CommonJS, Native code modules• Analytics• Cloud services• Integrated IDE 21
    22. 22. Typical App Windows vs ViewsWindows are like pages and Views are like DIVs 22
    23. 23. Typical App: Code % code UI 60 construction event 20 handling business 20 logicUI Widgets are constructed via JavaScript code 23
    24. 24. Titanium Mobile App• Is a Javascript program interpreted at runtime on the device• App.js is the main file who defines the App root execution context• The javascript engine are WebKit KJS (iOS), Rhino (Android/BB),V8 (Android) 24
    25. 25. Resources: web• Learning Titanium• http://www.slideshare.net/alessioricco• http://docs.appcelerator.com/titanium/2.0/index.html#!/guide• http://titaniumninja.com/• http://www.slideshare.net/kwhinnery (thank you) 25
    26. 26. Resources: twitter @appcelerator, @jhaynie, @donthorp, @marshall_law, @billdawson, @fusion94,@alessioricco, @kevinwhinnery, @chadauld, @clinttredway, @tyrusaurus 26
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×