Android Development Made Easy With Appcelerator
                  Titanium

                 Gaurav Kheterpal
         gaurav.kheterpal@metacube.com
Agenda (Stay Awake, Stay Healthy )
  •   Quick Intro
  •   Overview
  •   Web vs. Native
  •   Cross Platform Development
  •   What is Titanium?
  •   Titanium Mobile Architecture
  •   Android Development With Titanium
  •   What is Titanium Studio?
  •   Setting Up Titanium Studio
  •   Why Titanium?
  •   Case Study/ Demo
  •   Questions and Answers               2
Quick Intro
• Engineering Post Graduate from BITS, Pilani (Education
  spoiled me)
• Mobile + Web Developer With 12 Years of Industry
  Experience (I’m getting old )
• HP webOS Green Belt & webOS Ambassador for India
  (Forgotten Story)
• Android, iOS Developer (That’s where the mullah is)
• Appcelerator Titanium Titan (Wish they paid me too )
• Keen Interest in Cross-Platform Frameworks such as
  Titanium, PhoneGap, Sencha Touch and others (That’s the
  only way to get free entry to events such as DroidCon )




                                                             3
Overview
•   Founded in 2007
•   Relocated from Atlanta 2008 (Believe
    me - there are startups in Atlanta)
•   18 employees a year ago (Startup
    Blues)
•   100+ today, double next year (Same
    growth rate as India’s population?)
•   Mountain View HQ
•   Worldwide presence
•   VC Funded: Storm Ventures, Sierra
    Ventures, eBay (Lots of $$$)




                                           4
Web vs. Native
 • Web – An Unlikely Hero
   • Easy to develop, deploy
   • Cross Platform (Really?)
   • Open Standards (Flash killed!)
 • Leverage Your Web Development
   Skills (But Native is Cool)
 • Designer vs. Developers
 • Performance
 • Offline
 • Hardware Interaction
 • Triple Play - Mobile, Social And
   Cloud


                                      5
Web vs. Native




                 6
Cross Platform
 Development
 Cross-Platform !== “Write Once, Run Everywhere”

 • Cross-Platform in Titanium means:
 • Lots of UI code reuse, depending on design
 • Best-in-class experience on every platform
 • “Write Once, Adapt Everywhere”




                                                   7
What is Titanium?
Titanium is an open source framework for
   building native desktop and mobile
applications using open web technologies
       (HTML, CSS, and JavaScript)

    Website: http://appcelerator.com
Twitter: http://twitter.com/appcelerator
Source: http://github.com/appcelerator

                                           8
What is Titanium?

Integrated Mobile
     Platform
for Enterprise and
    Consumer
   Applications




                        9
What is Titanium?



Titanium applications are divided into 4 main parts:
• HTML/CSS/javascript code that makes up the core application logic
   and UI
• APIs that access native device/desktop functionality, analytics or
   other modular functionality
• The language-OS bridge that compiles web code into native
   application code
• The run-time shell that packages the application for cross-platform
   distribution.
                                                                    10
Titanium Mobile
  Architecture




                  11
Android Development
   With Titanium




                      12
Android Development
   With Titanium




                      13
Android Development
   With Titanium




                      14
Android Development
   With Titanium




                      15
Android Development
   With Titanium




                      16
Android Development
   With Titanium




                      17
Android Development
   With Titanium




                      18
What is Titanium
   Studio?




                   19
Setting Up Titanium
       Studio




                      20
Using Titanium Studio




                    21
Why Titanium?
• Core SDK is Free as in really FREE
• Open Source under Apache 2.0
• Thriving Developer Community
• Commercial training and support services available




                                                       22
Why Titanium?
• Data-driven web service clients (Enterprise applications)
• Web service mash-ups
• Social utilities
• Brand affinity
• Casual games
• Anything requiring cross-platform support




                                                              23
Why Titanium?




                24
Why Titanium?




                25
Why Titanium?
• Maintain Platform Identity (Back Button for Android?)




                                                          26
Case Study




             27
Case Study




             28
Case Study




             29
30

Android development made easy with appcelerator titanium

  • 1.
    Android Development MadeEasy With Appcelerator Titanium Gaurav Kheterpal gaurav.kheterpal@metacube.com
  • 2.
    Agenda (Stay Awake,Stay Healthy ) • Quick Intro • Overview • Web vs. Native • Cross Platform Development • What is Titanium? • Titanium Mobile Architecture • Android Development With Titanium • What is Titanium Studio? • Setting Up Titanium Studio • Why Titanium? • Case Study/ Demo • Questions and Answers 2
  • 3.
    Quick Intro • EngineeringPost Graduate from BITS, Pilani (Education spoiled me) • Mobile + Web Developer With 12 Years of Industry Experience (I’m getting old ) • HP webOS Green Belt & webOS Ambassador for India (Forgotten Story) • Android, iOS Developer (That’s where the mullah is) • Appcelerator Titanium Titan (Wish they paid me too ) • Keen Interest in Cross-Platform Frameworks such as Titanium, PhoneGap, Sencha Touch and others (That’s the only way to get free entry to events such as DroidCon ) 3
  • 4.
    Overview • Founded in 2007 • Relocated from Atlanta 2008 (Believe me - there are startups in Atlanta) • 18 employees a year ago (Startup Blues) • 100+ today, double next year (Same growth rate as India’s population?) • Mountain View HQ • Worldwide presence • VC Funded: Storm Ventures, Sierra Ventures, eBay (Lots of $$$) 4
  • 5.
    Web vs. Native • Web – An Unlikely Hero • Easy to develop, deploy • Cross Platform (Really?) • Open Standards (Flash killed!) • Leverage Your Web Development Skills (But Native is Cool) • Designer vs. Developers • Performance • Offline • Hardware Interaction • Triple Play - Mobile, Social And Cloud 5
  • 6.
  • 7.
    Cross Platform Development Cross-Platform !== “Write Once, Run Everywhere” • Cross-Platform in Titanium means: • Lots of UI code reuse, depending on design • Best-in-class experience on every platform • “Write Once, Adapt Everywhere” 7
  • 8.
    What is Titanium? Titaniumis an open source framework for building native desktop and mobile applications using open web technologies (HTML, CSS, and JavaScript) Website: http://appcelerator.com Twitter: http://twitter.com/appcelerator Source: http://github.com/appcelerator 8
  • 9.
    What is Titanium? IntegratedMobile Platform for Enterprise and Consumer Applications 9
  • 10.
    What is Titanium? Titaniumapplications are divided into 4 main parts: • HTML/CSS/javascript code that makes up the core application logic and UI • APIs that access native device/desktop functionality, analytics or other modular functionality • The language-OS bridge that compiles web code into native application code • The run-time shell that packages the application for cross-platform distribution. 10
  • 11.
    Titanium Mobile Architecture 11
  • 12.
    Android Development With Titanium 12
  • 13.
    Android Development With Titanium 13
  • 14.
    Android Development With Titanium 14
  • 15.
    Android Development With Titanium 15
  • 16.
    Android Development With Titanium 16
  • 17.
    Android Development With Titanium 17
  • 18.
    Android Development With Titanium 18
  • 19.
  • 20.
  • 21.
  • 22.
    Why Titanium? • CoreSDK is Free as in really FREE • Open Source under Apache 2.0 • Thriving Developer Community • Commercial training and support services available 22
  • 23.
    Why Titanium? • Data-drivenweb service clients (Enterprise applications) • Web service mash-ups • Social utilities • Brand affinity • Casual games • Anything requiring cross-platform support 23
  • 24.
  • 25.
  • 26.
    Why Titanium? • MaintainPlatform Identity (Back Button for Android?) 26
  • 27.
  • 28.
  • 29.
  • 30.