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.
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 }
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.