Codestrong 2012 breakout session what's new in titanium studio
Download as PPTX, PDF1 like1,201 views
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 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();
- 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
- 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
- 19. Carl Orthlieb @orthlieb corthlieb@appcelerator.com
Editor's Notes
- #6: Best practices template for app developmentXML and stylesheetsIntegrated in StudioServes as foundation for future GUI designer
- #9: Interaction with our team has been outstanding
- #11: Based on Node.jsStudio uses the CLI directlyWould like to extend in the future to supply debugging.
- #13: Customer requested feature
- #14: This is a customer driven feature
- #16: 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.
- #17: See Mike Goff’s session for more details