Your SlideShare is downloading. ×
0
Getting Started with Titanium
Getting Started with Titanium
Getting Started with Titanium
Getting Started with Titanium
Getting Started with Titanium
Getting Started with Titanium
Getting Started with Titanium
Getting Started with Titanium
Getting Started with Titanium
Getting Started with Titanium
Getting Started with Titanium
Getting Started with Titanium
Getting Started with Titanium
Getting Started with Titanium
Getting Started with Titanium
Getting Started with Titanium
Getting Started with Titanium
Getting Started with Titanium
Getting Started with Titanium
Getting Started with Titanium
Getting Started with Titanium
Getting Started with Titanium
Getting Started with Titanium
Getting Started with Titanium
Getting Started with Titanium
Getting Started with Titanium
Getting Started with Titanium
Getting Started with Titanium
Getting Started with Titanium
Getting Started with Titanium
Getting Started with Titanium
Getting Started with Titanium
Getting Started with Titanium
Getting Started with Titanium
Getting Started with Titanium
Getting Started with Titanium
Getting Started with Titanium
Getting Started with Titanium
Getting Started with Titanium
Getting Started with Titanium
Getting Started with Titanium
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Getting Started with Titanium

8,513

Published on

Get started using the Titanium SDK to build native mobile and desktop applications with web technologies.

Get started using the Titanium SDK to build native mobile and desktop applications with web technologies.

Published in: Technology
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
8,513
On Slideshare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
239
Comments
0
Likes
4
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 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. 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&amp;A </li></ul>http://www.appcelerator.com | Code Strong!
  • 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. Desktop Architecture and API Overview http://www.appcelerator.com | Code Strong!
  • 14. Desktop Architecture http://www.appcelerator.com | Code Strong!
  • 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. 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. 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. 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. 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. 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. 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. Mobile Architecture and API Overview http://www.appcelerator.com | Code Strong!
  • 23. Mobile Architecture http://www.appcelerator.com | Code Strong!
  • 24. Media http://www.appcelerator.com | Code Strong! Stream or package audio and video content
  • 25. More Media... http://www.appcelerator.com | Code Strong! Interact with the iPhone or Android built-in cameras
  • 26. Geolocation http://www.appcelerator.com | Code Strong! Use Geolocation to leverage your user’s position in the world
  • 27. Accelerometer http://www.appcelerator.com | Code Strong! Use advanced gestures and track movement to create groundbreaking user interfaces
  • 28. Database and File System http://www.appcelerator.com | Code Strong! Access a SQLite Database (synch or asynch) and the platform file system
  • 29. Network http://www.appcelerator.com | Code Strong! XHR-style object for remote data requests.
  • 30. Native UI Controls http://www.appcelerator.com | Code Strong! Use native controls through a JavaScript interface.
  • 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. 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. 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. 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. Common APIs http://www.appcelerator.com | Code Strong! iPhone Table View Android Table View Same Code Creates Both
  • 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. 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. 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. 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. 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. Questions? http://www.appcelerator.com | Code Strong!

×