choosing the right mobile development platform (part 4)

Choosing the Right Mobile Development Platform (Part 4)

@ChrisGriffith

Going native-ish

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

Performance

Platform features

Accelerometer

Camera

Capture

Compass

Connection

Contacts

Device Information

File

Geolocation

Media

Notification

Storage

SDK installation required

App Structure

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"

}

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 = [];

…

iOS

iOS

Android

Android

This presentation continues in part 5