Anarchist guide to titanium ui

Anarchist Guide to Titanium UI AN INTRODUCTION TO TITANIUM & PROTOTYPINGWednesday, June 22, 2011

Vince Baskerville Co-Founder of TripLingo VP of Production TripLingo @whoisvinceWednesday, June 22, 2011

TOPICS What is Titanium Requirements Tools Quick Peek Q&AWednesday, June 22, 2011

What is TitaniumWednesday, June 22, 2011

It’s a bad-ass framework It’s a rapid application development platform Use your base source to develop to multiple platforms & devices iOS & Android currently for mobileWednesday, June 22, 2011

What’s inside? 300+ APIs Full ﬁlesystem access Internal SQLite database access Built-in analytics Use JavaScript, HTML5 & CSS3 Objective-C for modules * more...Wednesday, June 22, 2011

How does it work? Pre-compiler Optimizes your .js code Front-end compiler Generates platform-speciﬁc native code Platform compiler & packager Packaged for runing on the native simulator, device &/or distributionWednesday, June 22, 2011

Requirements Titanium Developer sdk http://www.appcelerator.com/products/download/ iOS sdk & Xcode http://developer.apple.com/ Java SDK & Android SDK http://developer.android.com/sdk/index.htmlWednesday, June 22, 2011

Tools Kitchen Sink (sample app) https://github.com/appcelerator/kitchensink API References http://developer.appcelerator.com/apidoc/ mobile/latest Community Q&A http://developer.appcelerator.com/ questions/newest AppU Training http://training.appcelerator.com/Wednesday, June 22, 2011

I <3 Coda My http://panic.com/coda/ Tower (git gui) Workﬂow http://www.git-tower.com/ CodaSet.com http://codaset.com/Wednesday, June 22, 2011

Quick PeekWednesday, June 22, 2011

Project Structure build iphone Info.plist Resources app.js anotherView.js manifest tiapp.xmlWednesday, June 22, 2011

Project Structure build Build directory iphone per platform Info.plist Resources app.js anotherView.js manifest tiapp.xmlWednesday, June 22, 2011

Project Structure build iphone Info.plist Resource ﬁles; actual js code, Resources images, db ﬁles, etc app.js anotherView.js manifest tiapp.xmlWednesday, June 22, 2011

Project Structure build iphone Info.plist Resources app.js Project ﬁles anotherView.js manifest tiapp.xmlWednesday, June 22, 2011

Code Interface Module Titanium.UI Object Titanium.UI.Label Object Factory Titanium.UI.createLabel({}) Properties / Methods ...({ top: 0, left: 44, text: ‘Spanish’ }); Event Handling Button.addEventListener(click)Wednesday, June 22, 2011

JSS vs Inline Each method ends with a semi-colon; Each except the last Words are ends with a comma, seperated with a dash, ie: words are not background-image: seperated, ie: backgroundImage: ﬁle name needs to match .js document and be in same dirWednesday, June 22, 2011

Sooo... about that titleWednesday, June 22, 2011

Titanium does a great job at giving you access to native buttons, tabs, etc; but you don’t have to use themWednesday, June 22, 2011

Break the rules* Use the native controls for prototyping. Then if you can, create your own UI. Go crazy! *okay, so not really.. instead, you can bend & cheat some though.Wednesday, June 22, 2011

TripLingo “This doesnt seem like it would function better than an app designed with apples ios guidelines in mind” “I love this app! Very intuitive and beautiful. Very cool idea. Good job”Wednesday, June 22, 2011

Drilldown 95% custom UI Prototype developed in 2 days MVP in 2 weeks v1.0 in 4 months Possible because of Titanium (and a bad-ass team!)Wednesday, June 22, 2011

Code DemoWednesday, June 22, 2011

Questions?Wednesday, June 22, 2011

Merci Beaucoup By: Vince Baskerville http://vincentjordan.comWednesday, June 22, 2011

http://vincentjordan.com	204
http://storify.com	18

Anarchist guide to titanium ui

by vince baskerville on Jun 22, 2011

Accessibility

Categories

Upload Details

Usage Rights

2 Embeds 222

Statistics

Anarchist guide to titanium ui Presentation Transcript