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.
Codestrong 2012 breakout session how to win bigger mobile deals
Codestrong 2012 breakout session what's new in titanium studio
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();
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
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
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
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.