Using+javascript+to+build+native+i os+applications

Using JavaScript to BuildNative iOSApplicationsAndrew LombardiOwner, Tech EvangelistMystic Coders, LLCandrew AT mysticcoders DOT com

kinabalu @ irc://irc.freenode.net - ##wicket, ##javakinabalu @ twitter

Monday, April 4, 2011

11 Years in business


Software Consultants




International Speaker





Training





Training


Apache Wicket Contributor




Training



iPhone Developer (Obj-C / JavaScript)


To our success!



Training



iPhone Developer (Obj-C / JavaScript)


Tried learning Objective-C


Appcelerator Titaniumhttp://www.appcelerator.com/


http://www.appcelerator.com


Sunshine! Blue Skies!Monday, April 4, 2011

Titanium is an open source framework for building mobile and desktop applications using web technology (HTML, CSS and JavaScript)

Titanium is...


What we’ll cover


1. The Setup

What we’ll cover


1. The Setup2. Platform Overview

What we’ll cover


1. The Setup2. Platform Overview3. Supported Modules

What we’ll cover


1. The Setup2. Platform Overview3. Supported Modules4. Demos

What we’ll cover


The Setup


1. Download iOS SDK - http://developer.apple.com


http://developer.apple.com

http://developer.apple.com

Pay the


Pay the

Apple


Pay the

AppleTax


Pay the

AppleTax $99

USDMonday, April 4, 2011

2. Download: http://www.appcelerator.com/products/download/


http://www.appcelerator.com/products/download/

http://www.appcelerator.com/products/download/

License?

• Apache 2.0 Licensed• Commercial training and support services

available• Core SDK - free and open source


What is it good for?

• Data-driven web service clients• Web service mash-ups• Social utilities• Casual games


Mobile Architecture


Training

http://developer.appcelerator.com/training




Titanium Plus


Titanium Developer

• Manage and run Titanium applications

• Package applications for distribution

• Run on a device for testing

• Manage Appcelerator account


Access to Media

Interact with the iOS built-in cameras

Ti.Media.showCamera({success: function(imageBlob) {

},cancel: function() {

},error: function(error) {

},allowImageEditing: true});


Network

XHR-style object for remote data requests.

var loader = Ti.Network.createHTTPClient();

loader.open("GET","http://www.google.com/api/something");

loader.onload = function() { }

// Send the HTTP requestloader.send();


Facebook Connect

Titanium.Facebook.appid = '[YOUR APPID]';Titanium.Facebook.permissions = ['publish_stream'];Titanium.Facebook.addEventListener('login', function(e) { if (e.success) { alert('Logged In'); } else if (e.error) { alert(e.error); } else if (e.cancelled) { alert("Cancelled"); }});Titanium.Facebook.authorize();


Native User ExperienceNative performance + Native UI (tables, animations, gestures, etc).

Location-based ServicesAugmented reality, geo-location, compass, native maps

Social SharingAuthenticated access to Facebook, Twitter, Yahoo YQL. Native email/address book.

DataAccess online / device data, embedded SQL database, filesystem, web services

MultimediaCamera, video camera, streaming / device audio/video

AnalyticsCamera, video camera, native image viewers, streaming or device audio/video

ExtensibilityAdd any native Obj. C (iPhone) or Java (Android) module into Titanium

Development ToolsCreate, test, and publish your app

Full-Featured Development...


• A Titanium application is a JavaScript program that is interpreted at runtime on the device

• app.js = root execution context of the app

• No browser involved• We use the WebKit KJS

JavaScript engine (iOS) or Rhino (Android/BB)

Titanium Fundamentals


• Organized into logical namespaces• “Titanium” (or just “Ti” for short) is the root

namespace for all Titanium functionality• A few other odds and ends in the global space

– setTimeout/setInterval– alert– JSON

Titanium Javascript API


• A single window or stack of windows• Tab Group containing many windows• Windows contain views

Titanium UI Composition


DEMO!


More websites for Titanium knowledge

RESOURCES


General

Homepage: http://www.appcelerator.com

Twitter: @appcelerator

IRC: #twitter_app

Source: http://github.com/appcelerator

New Semantic Tags (more)




http://github.com/appcelerator

http://github.com/appcelerator

Titanium Rocks!!


Q&AThanks for listening!

Andrew LombardiOwner, Tech EvangelistMystic Coders, LLCandrew AT mysticcoders DOT com

kinabalu @ irc://irc.freenode.net - ##wicket, ##java


Using+javascript+to+build+native+i os+applications

Technology

Transcript of Using+javascript+to+build+native+i os+applications