Titanium 3.0 is Appcelerator's biggest release ever, with over 1,000 enhancements to increase productivity. It introduces the Alloy MVC framework to write less code and build richer apps more simply and reusable. It also includes a Command Line Interface, on-device debugging, accessibility support, and Node.ACS integration to build custom backend services. Key goals of Titanium 3.0 are to help beginners get started more easily and provide experienced developers with better tools.

1. What’s New in 3.0
Carl Orthlieb
Vice President of Engineering
Appcelerator, Inc.
@orthlieb
corthlieb@appcelerator.com

2. Our Biggest Release Ever
Over 1,000 enhancements
Increased productivity
Write less code, build richer apps

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. 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. Introducing Alloy
• Modern MVC framework
• Simpler, easily readable code
• Reusable widgets
• Reduces time from zero-to-app
• Write less code
• Create scalable apps
Simple, reusable, fast
• Lower probability of runtime
errors

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. Demo
Simple, reusable, fast

8. Alloy status
• Public pre-release: 8/29/2012
• 180 members in Google Groups
• Favorited by 269 people in github
• 53 potential contributors
Simple, reusable, fast
https://github.com/appcelerator/alloy

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. 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. On Device Debugging

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. Demo
Accessibility: VoiceOver

15. 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

16. 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

17. 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

18. Features and Fixes

19. Carl Orthlieb
@orthlieb
corthlieb@appcelerator.com