What’s New in 3.0         Carl Orthlieb Vice President of Engineering       Appcelerator, Inc.           @orthlieb  corthl...
Our Biggest Release Ever      Over 1,000 enhancements         Increased productivity  Write less code, build richer apps
Titanium 3.0                     • Beginner developers face                       challenges in getting from zero         ...
Titanium 3.0 at a glance                     • Alloy MVC framework                     • Command Line Interface (CLI)     ...
Introducing Alloy                         • Modern MVC framework                         • Simpler, easily readable code  ...
The proof is in the code                                 Before                                                           ...
Demo       Simple, reusable, fast
Alloy status                         • Public pre-release: 8/29/2012                         • 180 members in Google Group...
Advanced developers                    • Use your own custom development                      environment with Titanium   ...
Command line interface (CLI)                     • Written in node.js                     • Supported actions:            ...
On Device Debugging
Accessibility                • Support for iOS and Android in                  views and other controls                • a...
Demo       Accessibility: VoiceOver
Introducing Node.ACS                 • With ACS 2.0 we allowed you                   connect your mobile apps to over     ...
Node.ACS           • Code in the wildly popular Node.js           • Develop right alongside your             mobile app in...
Titanium 3.0 at a glance                     • Alloy MVC framework                     • Command Line Interface (CLI)     ...
Features and Fixes
Carl Orthlieb       @orthliebcorthlieb@appcelerator.com
Codestrong 2012 breakout session   what's new in titanium studio
Upcoming SlideShare
Loading in...5
×

Codestrong 2012 breakout session what's new in titanium studio

950

Published on

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
950
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
39
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • Best practices template for app developmentXML and stylesheetsIntegrated in StudioServes as foundation for future GUI designer
  • Interaction with our team has been outstanding
  • Based on Node.jsStudio uses the CLI directlyWould like to extend in the future to supply debugging.
  • Customer requested feature
  • This is a customer driven feature
  • Node.js is a platform built on Chrome's JavaScript runtime for easily building fast, scalable network applications. Node.js uses an event-driven, non-blocking I/O model that makes it lightweight and efficient, perfect for data-intensive real-time applications that run across distributed devices.
  • See Mike Goff’s session for more details
  • Codestrong 2012 breakout session what's new in titanium studio

    1. 1. What’s New in 3.0 Carl Orthlieb Vice President of Engineering Appcelerator, Inc. @orthlieb corthlieb@appcelerator.com
    2. 2. Our Biggest Release Ever Over 1,000 enhancements Increased productivity Write less code, build richer apps
    3. 3. Titanium 3.0 • Beginner developers face challenges in getting from zero to app success • Experienced developers lack tools to integrate Titanium into a high performing and scalable work environment Write less code, build richer apps
    4. 4. Titanium 3.0 at a glance • Alloy MVC framework • Command Line Interface (CLI) • “On-device” application debugging • VoiceOver accessibility for Titanium apps • Android action bar integration • Install & update Modules within Titanium Studio Write less code, build richer apps • Node.ACS integration • Support for iOS 6/ Mountain Lion, Android 4.1
    5. 5. Introducing Alloy • Modern MVC framework • Simpler, easily readable code • Reusable widgets • Reduces time from zero-to-app • Write less code • Create scalable appsSimple, reusable, fast • Lower probability of runtime errors
    6. 6. The proof is in the code Before After (with Alloy) // this sets the background color of the master UIView (when there are no windows/tab groups on "Window": { it) backgroundColor: #fff Titanium.UI.setBackgroundColor(#000); }, var tabGroup = Titanium.UI.createTabGroup(); "Label": { var win1 = Titanium.UI.createWindow({ color: #999, title:Tab 1, font: { backgroundColor:#fff fontSize:20, }); fontFamily:Helvetica Neue var tab1 = Titanium.UI.createTab({ }, icon:KS_nav_views.png, textAlign:center title:Tab 1, } window:win1 }); <Alloy> var label1 = Titanium.UI.createLabel({ <TabGroup> color:#999, <Tab title="Tab 1" icon="KS_nav_views.png"> text:I am Window 1, <Window title="Tab 1"> font:{ <Label>I am Window 1</Label> fontSize:20, </Window> fontFamily:Helvetica Neue </Tab> }, <Tab title="Tab 2" icon="KS_nav_ui.png"> textAlign:center, <Window title="Tab 2"> width:auto <Label>I am Window 2</Label> }); </Window> win1.add(label1); </Tab> var win2 = Titanium.UI.createWindow({ </TabGroup> title:Tab 2, </Alloy> backgroundColor:#fff }); var tab2 = Titanium.UI.createTab({ icon:KS_nav_ui.png, title:Tab 2, window:win2 }); var label2 = Titanium.UI.createLabel({ color:#999, Sample App: 603 LOC Alloy, 2187 LOC Ti text:I am Window 2, font:{ fontSize:20, fontFamily:Helvetica Neue }, textAlign:center, width:auto }); win2.add(label2); tabGroup.addTab(tab1); tabGroup.addTab(tab2); tabGroup.open();
    7. 7. Demo Simple, reusable, fast
    8. 8. Alloy status • Public pre-release: 8/29/2012 • 180 members in Google Groups • Favorited by 269 people in github • 53 potential contributorsSimple, reusable, fast https://github.com/appcelerator/alloy
    9. 9. Advanced developers • Use your own custom development environment with Titanium • Perform common operations • Integrate into automation harnesses • Support continuous integration Have it your way loops on a build server
    10. 10. Command line interface (CLI) • Written in node.js • Supported actions: create, build, install, run, clean • Supports mobile apps and modules • Easily extensible Have it your way https://github.com/appcelerator/titanium
    11. 11. On Device Debugging
    12. 12. Accessibility • Support for iOS and Android in views and other controls • accessibilityLabel: succinct label • accessibilityValue: state or value of the control • accessibilityHint: what happens when the user interacts with the control
    13. 13. Demo Accessibility: VoiceOver
    14. 14. Introducing Node.ACS • With ACS 2.0 we allowed you connect your mobile apps to over 20 pre-canned reliable services • With ACS 3.0 we are extending this to allow you to build custom web services
    15. 15. Node.ACS • Code in the wildly popular Node.js • Develop right alongside your mobile app in Studio • Deploy to the ACS Cloud for instantly scalable reliable services • Broker sensitive back-end integrations in a secure manner • Offload processing from the device
    16. 16. Titanium 3.0 at a glance • Alloy MVC framework • Command Line Interface (CLI) • “On-device” application debugging • VoiceOver accessibility for Titanium apps • Android action bar integration • Install & update Modules within Titanium Studio Write less code, build richer apps • Node.ACS integration • Support for iOS 6/ Mountain Lion, Android 4.1
    17. 17. Features and Fixes
    18. 18. Carl Orthlieb @orthliebcorthlieb@appcelerator.com
    1. A particular slide catching your eye?

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

    ×