Your SlideShare is downloading. ×
  • Like
Mobilize Enterprise Applications using Titanium
Upcoming SlideShare
Loading in...5

Thanks for flagging this SlideShare!

Oops! An error has occurred.


Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Mobilize Enterprise Applications using Titanium



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


Total Views
On SlideShare
From Embeds
Number of Embeds



Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

    No notes for slide
  • This template can be used as a starter file for presenting training materials in a group setting.SectionsRight-click on a slide to add sections. Sections can help to organize your slides or facilitate collaboration between multiple authors.NotesUse the Notes section for delivery notes or to provide additional details for the audience. View these notes in Presentation View during your presentation. Keep in mind the font size (important for accessibility, visibility, videotaping, and online production)Coordinated colors Pay particular attention to the graphs, charts, and text boxes.Consider that attendees will print in black and white or grayscale. Run a test print to make sure your colors work when printed in pure black and white and grayscale.Graphics, tables, and graphsKeep it simple: If possible, use consistent, non-distracting styles and colors.Label all graphs and tables.
  • Give a brief overview of the presentation. Describe the major focus of the presentation and why it is important.Introduce each of the major topics.To provide a road map for the audience, you can repeat this Overview slide throughout the presentation, highlighting the particular topic you will discuss next.
  • This is another option for an Overview slides using transitions.
  • This is another option for an Overview slides using transitions.
  • This is another option for an Overview slides using transitions.
  • This is another option for an Overview slides using transitions.


  • 2. Topics  Preferred Architecture to Mobilize Enterprise Applications  Basics of Titanium Alloy ?  Proof of Concept – Mobilize SAP
  • 3. Stacks Mobile Apps. Native ? Hybrid ? Data Security SSL ? VPN ? VPN + SSL ? Analytics Mobile Device Management BYOD ?
  • 4. Typical Architecture
  • 5. Use case Problem : Business decisions were pending with Senior executives who were travelling. Solution: Provide a simple solution to bring enterprise data on mobile device.
  • 6. App in Work
  • 7. Titanium Alloy Basics Alloy utilizes the model-view-controller (MVC) paradigm, which separates the application into three different components: Models provide the business logic, containing the rules, data and state of the application. Views provide the GUI components to the user, either presenting data or allowing the user to interact with the model data. Controllers provide the glue between the model and view components in the form of application logic.
  • 8. Titanium Alloy Basics Models are defined using a Javascript file. Alloy views are built from Titanium UI components. Views are defined using XML markup and style them using Alloy Titanium Style Sheets (.tss), which abstracts the creation of these components without using Titanium API calls. Alloy controllers generally have a one-to-one relationship with Alloy views. The controller has access to all of the view components.
  • 9. Titanium Alloy Basics Titanium SDK Component Alloy Component Titanium.UI.createButton(); <!-- Creates a button --> <Button /> Titanium.UI.createButton( { text: "Foobar", top: 0, width: Ti.UI.SIZE }); <Button title="Foobar" top="0“ width="Ti.UI.SIZE"/> var button = Titanium.UI.createButton(); button.setTitle('Push Me!'); // Need to give the object an ID, for example, <Button id="button" /> $.button.setTitle('Push Me!'); var button = Titanium.UI.createButton(); button.addEventListener('click', doClick); <!-- doClick needs to be declared in the associated controller --> <Button onClick="doClick"/> TSS "Button":{ title: "Foobar", top: 0, width: Ti.UI.SIZE }
  • 10. Proof of Concept