Transcript
Page 1: Choosing the Right Mobile Development Platform (Part 4)

Choosing the Right Mobile Development Platform (Part 4)

@ChrisGriffith

Page 2: Choosing the Right Mobile Development Platform (Part 4)
Page 3: Choosing the Right Mobile Development Platform (Part 4)

Going native-ish

Page 4: Choosing the Right Mobile Development Platform (Part 4)

Native UI

Real native tables, tabs, sliders, and views

Local and Remote Data

Local SQL Database, Lightweight Key/Value Store, XHR

Social APIsIntegrated Facebook Connect and YQLRich Media APIsLocal and streaming audio and video, media recordingOpen Source and ExtensibleExtend Titanium with custom modules in native codeIntegrated Analytics

Baked-in analytics APIs

Development ToolsDevelop and distribute your app for multiple platforms from a single tool

Platform features

Page 5: Choosing the Right Mobile Development Platform (Part 4)
Page 6: Choosing the Right Mobile Development Platform (Part 4)
Page 7: Choosing the Right Mobile Development Platform (Part 4)

Performance

Page 8: Choosing the Right Mobile Development Platform (Part 4)

Platform features

Accelerometer

Camera

Capture

Compass

Connection

Contacts

Device Information

File

Geolocation

Media

Notification

Storage

Page 9: Choosing the Right Mobile Development Platform (Part 4)

SDK installation required

Page 10: Choosing the Right Mobile Development Platform (Part 4)

App Structure

Page 11: Choosing the Right Mobile Development Platform (Part 4)

App.js

Ti.UI.setBackgroundColor('#fff');var currentMap = "Sedona";var currentHike = "";var baseLatitude = 34.866285;var baseLongitude = -111.763573;var handFont = "Marker Felt";var bodyFont = "Times New Roman";

var AppTabGroup = require('ui/AppTabGroup');new AppTabGroup().open();

AppTabGroup.orientationModes = [Titanium.UI.PORTRAIT, Titanium.UI.UPSIDE_PORTRAIT];

if ( Ti.Platform.osname == 'android' ) {handFont = "Droid Sans";bodyFont = "Droid Serif"

}

Page 12: Choosing the Right Mobile Development Platform (Part 4)

HikesWindow.js

function HikesWindow(title) {var HikeDetailsWindow = require('ui/HikeDetailsWindow');

var self = Ti.UI.createWindow({title:title,backgroundColor:'white',barColor:'#bb9650'

});

var hikes_db = Titanium.Database.install('/Hikes.db','Hikes');var hikeData = [];

Page 13: Choosing the Right Mobile Development Platform (Part 4)

iOS

Page 14: Choosing the Right Mobile Development Platform (Part 4)

iOS

Page 15: Choosing the Right Mobile Development Platform (Part 4)

Android

Page 16: Choosing the Right Mobile Development Platform (Part 4)

Android

Page 17: Choosing the Right Mobile Development Platform (Part 4)

This presentation continues in part 5


Top Related