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

Using JavaScript to Build
Native iOS
Applications
Andrew Lombardi
Owner, Tech Evangelist
Mystic Coders, LLC
andrew AT mysticcoders DOT com

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

Monday, April 4, 2011

11 Years in business


Software Consultants


International Speaker


Training


Training
Apache Wicket Contributor


Training

iPhone Developer (Obj-C / JavaScript)


Training

iPhone Developer (Obj-C / JavaScript)

To our success!


Tried learning Objective-C


Appcelerator Titanium
http://www.appcelerator.com/


Sunshine! Blue Skies!

Titanium is...

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


What we’ll cover


What we’ll cover

1. The Setup


What we’ll cover

1. The Setup
2. Platform Overview


What we’ll cover

1. The Setup
3. Supported Modules


What we’ll cover

1. The Setup
3. Supported Modules
4. Demos


The Setup


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


Pay the


Pay the

Apple

Pay the

Apple
Tax

Pay the

Apple
$99
Tax USD

2. 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 request
loader.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();


Full-Featured Development...

Native User Experience Multimedia
Native performance + Native UI Camera, video camera, streaming /
(tables, animations, gestures, etc). device audio/video

Location-based Services Analytics
Augmented reality, geo-location, Camera, video camera, native image
compass, native maps viewers, streaming or device audio/
video
Social Sharing
Authenticated access to Facebook, Extensibility
Twitter, Yahoo YQL. Native email/ Add any native Obj. C (iPhone) or
address book. Java (Android) module into Titanium

Data Development Tools
Access online / device data, Create, test, and publish your app
embedded SQL database,
filesystem, web services


Titanium Fundamentals

• 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 Javascript API

• 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 UI Composition

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


O !
DEM

More websites for
E S
Titanium knowledge
C
U R
E SO
R

New Semantic Tags (more)

General

Homepage: http://www.appcelerator.com

Twitter: @appcelerator

IRC: #twitter_app

Source: http://github.com/appcelerator


Titanium
Rocks!!


Q&A
Thanks for listening!

Andrew Lombardi
Owner, Tech Evangelist
Mystic Coders, LLC
andrew AT mysticcoders DOT com

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

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

Recommended

Recommended

More Related Content

Viewers also liked

Viewers also liked (6)

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

Similar to Using+javascript+to+build+native+i os+applications (20)

Recently uploaded

Recently uploaded (20)

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