Getting Started with Titanium
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
2,467
On Slideshare
2,467
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
92
Comments
0
Likes
1

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