Getting Started With Titanium  <ul><li>Kevin Whinnery </li></ul><ul><li>Twitter: @kevinwhinnery |  http://kevinwhinnery.co...
Today’s Presentation <ul><li>What is Titanium? </li></ul><ul><li>Why Titanium? </li></ul><ul><li>Architecture and API Over...
Want to give this talk? <ul><li>This presentation is designed for reuse </li></ul><ul><li>Great for your company or user g...
An Unlikely Hero <ul><li>Over a decade, web technologies have become one of the world’s most popular client application te...
If web apps are so great... <ul><li>...why are we interested in building native applications at all?  Well: </li></ul><ul>...
But my dev shop has... <ul><li>An investment in the people, tools, skills, and technology to build web applications </li><...
If only you could... <ul><li>Build fully native apps using web technologies you know today </li></ul><ul><li>Build cross p...
Enter Titanium <ul><li>Website:  http://appcelerator.com </li></ul><ul><li>Twitter:  http://twitter.com/appcelerator </li>...
Platforms? <ul><li>Desktop: Win32, Mac OS X (Intel), Linux </li></ul><ul><li>Mobile: iPhone OS, Android </li></ul><ul><li>...
License? <ul><li>Open Source under Apache 2.0 </li></ul><ul><li>Commercial training and support services available </li></...
Titanium “Sweet Spot” http://www.appcelerator.com  | Code Strong! <ul><li>Data-driven web service clients (Enterprise appl...
More on Titanium <ul><li>Web:  http://appcelerator.com </li></ul><ul><li>Twitter:  http://twitter.com/appcelerator </li></...
Desktop Architecture and API Overview http://www.appcelerator.com  | Code Strong!
Desktop Architecture http://www.appcelerator.com  | Code Strong!
Desktop User Interface <ul><li>Tray and Dock icons </li></ul><ul><li>System Notifications </li></ul><ul><li>Application Me...
Media <ul><li>Play bundled or remote sound files </li></ul><ul><li>System notification (beep) </li></ul>http://www.appcele...
Networking <ul><li>HTTPClient (XHR style object) </li></ul><ul><li>Socket level access </li></ul><ul><li>Built-in IRC chat...
Database and Filesystem <ul><li>Write files to the local filesystem </li></ul><ul><li>Read files from disk </li></ul><ul><...
Workers <ul><li>Spin off worker threads </li></ul><ul><li>Communicate asynchronously with the worker through a JavaScript ...
Language Modules <ul><li>Language modules are optionally included </li></ul><ul><li>Full DOM access </li></ul><ul><li>Thre...
More <ul><li>Manage/run processes and applications </li></ul><ul><li>Take screenshots </li></ul><ul><li>Update your applic...
Mobile Architecture and API Overview http://www.appcelerator.com  | Code Strong!
Mobile Architecture http://www.appcelerator.com  | Code Strong!
Media http://www.appcelerator.com  | Code Strong! Stream or package audio and video  content
More Media... http://www.appcelerator.com  | Code Strong! Interact with the iPhone or Android  built-in cameras
Geolocation http://www.appcelerator.com  | Code Strong! Use Geolocation to leverage your user’s position in the world
Accelerometer http://www.appcelerator.com  | Code Strong! Use advanced gestures and track movement to create groundbreakin...
Database and File System http://www.appcelerator.com  | Code Strong! Access a SQLite Database (synch or asynch) and the pl...
Network http://www.appcelerator.com  | Code Strong! XHR-style object for remote data requests.
Native UI Controls http://www.appcelerator.com  | Code Strong! Use native controls through a JavaScript interface.
Integrated YQL Support <ul><li>YQL - A web service aggregator using open tables </li></ul><ul><li>Built in to Titanium.Yah...
Facebook Connect <ul><li>Facebook Connect module (currently iPhone only) </li></ul><ul><li>Currently support for FQL </li>...
Native iPhone UI <ul><li>Tab Bar </li></ul><ul><li>Nav Bar </li></ul><ul><li>Table View </li></ul><ul><li>Alert / Options ...
Native Android UI <ul><li>Tab Bar </li></ul><ul><li>Table View </li></ul><ul><li>Alert / Options </li></ul><ul><li>Activit...
Common APIs http://www.appcelerator.com  | Code Strong! iPhone Table View Android Table View Same Code Creates Both
More APIs <ul><li>Platform / OS Data </li></ul><ul><li>Application Properties </li></ul><ul><li>Logging </li></ul><ul><li>...
Still Want More? <ul><li>Kitchen Sink - Full API Demo </li></ul><ul><li>Codestrong.com has Examples and Guides </li></ul><...
Titanium Developer <ul><li>Developer is a Titanium Application </li></ul><ul><li>Projects created/managed via Titanium Dev...
Kicking The Tires <ul><li>Your first application </li></ul><ul><ul><li>Desktop project layout </li></ul></ul><ul><ul><li>M...
Next Steps <ul><li>Download: appcelerator.com/download </li></ul><ul><li>Hack </li></ul><ul><ul><li>Docs/Samples:  http://...
Questions? http://www.appcelerator.com  | Code Strong!
Upcoming SlideShare
Loading in...5
×

Getting Started with Titanium

2,171

Published on

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,171
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
94
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Getting Started with Titanium

  1. 1. Getting Started With Titanium <ul><li>Kevin Whinnery </li></ul><ul><li>Twitter: @kevinwhinnery | http://kevinwhinnery.com </li></ul><ul><li>More Information: </li></ul><ul><li>Twitter: @appcelerator | http://appcelerator.com </li></ul>http://www.appcelerator.com | Code Strong!
  2. 2. Today’s Presentation <ul><li>What is Titanium? </li></ul><ul><li>Why Titanium? </li></ul><ul><li>Architecture and API Overview </li></ul><ul><li>Demos: </li></ul><ul><ul><li>Your First Project </li></ul></ul><ul><ul><li>Desktop Twitter Client </li></ul></ul><ul><ul><li>Mobile TwitPic Client </li></ul></ul><ul><ul><li>The mobile ‘kitchen sink’ </li></ul></ul><ul><li>Q&A </li></ul>http://www.appcelerator.com | Code Strong!
  3. 3. Want to give this talk? <ul><li>This presentation is designed for reuse </li></ul><ul><li>Great for your company or user group </li></ul><ul><li>Slides, Code, Examples, and Notes available at github.com/kwhinnery/MeetupPack </li></ul><ul><li>Register for free t-shirts and goodies at appcelerator.com/community/app-u </li></ul>http://www.appcelerator.com | Code Strong!
  4. 4. An Unlikely Hero <ul><li>Over a decade, web technologies have become one of the world’s most popular client application technology solutions: </li></ul><ul><ul><li>Easy to develop, deploy and maintain </li></ul></ul><ul><ul><li>Cross platform </li></ul></ul><ul><ul><li>Open standards </li></ul></ul><ul><li>Warts and all, it’s tough to find a developer who has ZERO experience with these tools </li></ul>http://www.appcelerator.com | Code Strong!
  5. 5. If web apps are so great... <ul><li>...why are we interested in building native applications at all? Well: </li></ul><ul><ul><li>They feel responsive </li></ul></ul><ul><ul><li>They leverage platform capabilities </li></ul></ul><ul><ul><ul><li>Filesystem I/O </li></ul></ul></ul><ul><ul><ul><li>Local Database </li></ul></ul></ul><ul><ul><ul><li>Mobile: Camera or Accelerometer </li></ul></ul></ul><ul><ul><li>They are or can be ‘always on’ </li></ul></ul><ul><ul><li>They can be used offline </li></ul></ul>http://www.appcelerator.com | Code Strong!
  6. 6. But my dev shop has... <ul><li>An investment in the people, tools, skills, and technology to build web applications </li></ul><ul><li>An appreciation for open source and open standards </li></ul><ul><li>A need to get market quickly </li></ul><ul><li>An aversion to maintaining a codebase per supported platform </li></ul>http://www.appcelerator.com | Code Strong!
  7. 7. If only you could... <ul><li>Build fully native apps using web technologies you know today </li></ul><ul><li>Build cross platform apps from a shared codebase </li></ul><ul><li>Use open source software, based on open standards </li></ul><ul><li>Find lots of available development talent to build these apps </li></ul>http://www.appcelerator.com | Code Strong!
  8. 8. Enter Titanium <ul><li>Website: http://appcelerator.com </li></ul><ul><li>Twitter: http://twitter.com/appcelerator </li></ul><ul><li>Source: http://github.com/appcelerator </li></ul>http://www.appcelerator.com | Code Strong! Titanium is an open source framework for building native desktop and mobile applications using open web technologies (HTML, CSS, and JavaScript)
  9. 9. Platforms? <ul><li>Desktop: Win32, Mac OS X (Intel), Linux </li></ul><ul><li>Mobile: iPhone OS, Android </li></ul><ul><li>More to come </li></ul>http://www.appcelerator.com | Code Strong!
  10. 10. License? <ul><li>Open Source under Apache 2.0 </li></ul><ul><li>Commercial training and support services available </li></ul><ul><li>More value add services to come (analytics) </li></ul><ul><li>Core SDK - always free and open source </li></ul>http://www.appcelerator.com | Code Strong!
  11. 11. Titanium “Sweet Spot” http://www.appcelerator.com | Code Strong! <ul><li>Data-driven web service clients (Enterprise applications) </li></ul><ul><li>Web service mash-ups </li></ul><ul><li>Social utilities </li></ul><ul><li>Brand affinity </li></ul><ul><li>Casual games </li></ul><ul><li>Anything requiring cross-platform support </li></ul>
  12. 12. More on Titanium <ul><li>Web: http://appcelerator.com </li></ul><ul><li>Twitter: http://twitter.com/appcelerator </li></ul><ul><li>Docs: http://www.codestrong.com </li></ul><ul><li>Videos: http://vimeo.com/appcelerator </li></ul><ul><li>Source: http://github.com/appcelerator </li></ul>http://www.appcelerator.com | Code Strong!
  13. 13. Desktop Architecture and API Overview http://www.appcelerator.com | Code Strong!
  14. 14. Desktop Architecture http://www.appcelerator.com | Code Strong!
  15. 15. Desktop User Interface <ul><li>Tray and Dock icons </li></ul><ul><li>System Notifications </li></ul><ul><li>Application Menus </li></ul><ul><li>More </li></ul>http://www.appcelerator.com | Code Strong!
  16. 16. Media <ul><li>Play bundled or remote sound files </li></ul><ul><li>System notification (beep) </li></ul>http://www.appcelerator.com | Code Strong!
  17. 17. Networking <ul><li>HTTPClient (XHR style object) </li></ul><ul><li>Socket level access </li></ul><ul><li>Built-in IRC chat client </li></ul>http://www.appcelerator.com | Code Strong!
  18. 18. Database and Filesystem <ul><li>Write files to the local filesystem </li></ul><ul><li>Read files from disk </li></ul><ul><li>Read file via drag and drop </li></ul><ul><li>Use a synchronous or asynch database API </li></ul>http://www.appcelerator.com | Code Strong!
  19. 19. Workers <ul><li>Spin off worker threads </li></ul><ul><li>Communicate asynchronously with the worker through a JavaScript API </li></ul><ul><li>Offload long running tasks to keep your app responsive </li></ul>http://www.appcelerator.com | Code Strong!
  20. 20. Language Modules <ul><li>Language modules are optionally included </li></ul><ul><li>Full DOM access </li></ul><ul><li>Three currently supported modules: </li></ul><ul><ul><li>Ruby </li></ul></ul><ul><ul><li>Python </li></ul></ul><ul><ul><li>PHP </li></ul></ul>http://www.appcelerator.com | Code Strong!
  21. 21. More <ul><li>Manage/run processes and applications </li></ul><ul><li>Take screenshots </li></ul><ul><li>Update your application remotely </li></ul><ul><li>Get runtime platform data </li></ul><ul><li>More at http://codestrong.com/titanium </li></ul>http://www.appcelerator.com | Code Strong!
  22. 22. Mobile Architecture and API Overview http://www.appcelerator.com | Code Strong!
  23. 23. Mobile Architecture http://www.appcelerator.com | Code Strong!
  24. 24. Media http://www.appcelerator.com | Code Strong! Stream or package audio and video content
  25. 25. More Media... http://www.appcelerator.com | Code Strong! Interact with the iPhone or Android built-in cameras
  26. 26. Geolocation http://www.appcelerator.com | Code Strong! Use Geolocation to leverage your user’s position in the world
  27. 27. Accelerometer http://www.appcelerator.com | Code Strong! Use advanced gestures and track movement to create groundbreaking user interfaces
  28. 28. Database and File System http://www.appcelerator.com | Code Strong! Access a SQLite Database (synch or asynch) and the platform file system
  29. 29. Network http://www.appcelerator.com | Code Strong! XHR-style object for remote data requests.
  30. 30. Native UI Controls http://www.appcelerator.com | Code Strong! Use native controls through a JavaScript interface.
  31. 31. Integrated YQL Support <ul><li>YQL - A web service aggregator using open tables </li></ul><ul><li>Built in to Titanium.Yahoo namespace </li></ul>http://www.appcelerator.com | Code Strong!
  32. 32. Facebook Connect <ul><li>Facebook Connect module (currently iPhone only) </li></ul><ul><li>Currently support for FQL </li></ul><ul><li>More on the way </li></ul>http://www.appcelerator.com | Code Strong!
  33. 33. Native iPhone UI <ul><li>Tab Bar </li></ul><ul><li>Nav Bar </li></ul><ul><li>Table View </li></ul><ul><li>Alert / Options </li></ul><ul><li>Group Views / Text </li></ul><ul><li>Many More </li></ul>http://www.appcelerator.com | Code Strong!
  34. 34. Native Android UI <ul><li>Tab Bar </li></ul><ul><li>Table View </li></ul><ul><li>Alert / Options </li></ul><ul><li>Activity Indicator </li></ul><ul><li>Notifications </li></ul><ul><li>Many More </li></ul>http://www.appcelerator.com | Code Strong!
  35. 35. Common APIs http://www.appcelerator.com | Code Strong! iPhone Table View Android Table View Same Code Creates Both
  36. 36. More APIs <ul><li>Platform / OS Data </li></ul><ul><li>Application Properties </li></ul><ul><li>Logging </li></ul><ul><li>Scroll and Image Views </li></ul><ul><li>Composite Views </li></ul><ul><li>More always coming </li></ul>http://www.appcelerator.com | Code Strong!
  37. 37. Still Want More? <ul><li>Kitchen Sink - Full API Demo </li></ul><ul><li>Codestrong.com has Examples and Guides </li></ul><ul><li>http://www.codestrong.com/timobile/samples/ </li></ul>http://www.appcelerator.com | Code Strong!
  38. 38. Titanium Developer <ul><li>Developer is a Titanium Application </li></ul><ul><li>Projects created/managed via Titanium Developer </li></ul><ul><li>Titanium Developer deploys code to simulators </li></ul><ul><li>Developer also helps with testing and packaging for devices </li></ul><ul><li>Requires sign-up for Appcelerator Network (support, e-mail list, other services) </li></ul>http://www.appcelerator.com | Code Strong!
  39. 39. Kicking The Tires <ul><li>Your first application </li></ul><ul><ul><li>Desktop project layout </li></ul></ul><ul><ul><li>Mobile project layout </li></ul></ul><ul><li>Demos </li></ul><ul><ul><li>Desktop Twitter Client </li></ul></ul><ul><ul><li>Mobile TwitPic Client </li></ul></ul><ul><ul><li>Shared library for both </li></ul></ul><ul><ul><li>Mobile: Kitchen Sink </li></ul></ul>http://www.appcelerator.com | Code Strong!
  40. 40. Next Steps <ul><li>Download: appcelerator.com/download </li></ul><ul><li>Hack </li></ul><ul><ul><li>Docs/Samples: http://www.codestrong.com </li></ul></ul><ul><ul><li>Screencasts: http://vimeo.com/appcelerator </li></ul></ul><ul><li>Get Help </li></ul><ul><ul><li>http://support.appcelerator.net </li></ul></ul><ul><ul><li>IRC Chat - irc.freenode.net / #titanium_app </li></ul></ul>http://www.appcelerator.com | Code Strong!
  41. 41. Questions? http://www.appcelerator.com | Code Strong!
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×