Codestrong 2012 breakout session what's new in titanium studio

  • View
    916

  • Download
    0

Embed Size (px)

Text of Codestrong 2012 breakout session what's new in titanium studio

  • 1.Whats New in 3.0 Carl Orthlieb Vice President of Engineering Appcelerator, Inc. @orthliebcorthlieb@appcelerator.com

2. Our Biggest Release EverOver 1,000 enhancements Increased productivityWrite 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 appsSimple, 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:#ffffontSize:20, }); fontFamily:Helvetica Neue var tab1 = Titanium.UI.createTab({ }, icon:KS_nav_views.png, textAlign:center title:Tab 1,} window:win1 }); var label1 = Titanium.UI.createLabel({ color:#999, text:I am Window 1, font:{ I am Window 1fontSize:20,fontFamily:Helvetica Neue }, textAlign:center, width:auto I am Window 2 }); win1.add(label1); var win2 = Titanium.UI.createWindow({ title:Tab 2, 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 contributorsSimple, reusable, fast https://github.com/appcelerator/alloy 9. Advanced developers Use your own custom developmentenvironment 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 extensibleHave it your way https://github.com/appcelerator/titanium 11. On Device Debugging 12. Accessibility Support for iOS and Android inviews and other controls accessibilityLabel: succinct label accessibilityValue: state or valueof the control accessibilityHint: what happenswhen the user interacts with thecontrol 13. Demo Accessibility: VoiceOver 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. 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. 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. Features and Fixes 18. Carl Orthlieb @orthliebcorthlieb@appcelerator.com