WappZapp & Appcelerator Titanium

14
Build an App in a Day Wienke Giezeman

Transcript of WappZapp & Appcelerator Titanium

Page 1: WappZapp & Appcelerator Titanium

Build an App in a DayWienke Giezeman

Page 2: WappZapp & Appcelerator Titanium

WappZapp Demo

Want to join WappZapp as a developer?Email: [email protected]

Page 3: WappZapp & Appcelerator Titanium

Wienke Giezeman

2004 2012

Page 4: WappZapp & Appcelerator Titanium

The main advantages of Appcelerator?

Speed of developmentNo Objective C or Java knowledge required

Yet a native appChances for cross platform development

It’s free

Page 5: WappZapp & Appcelerator Titanium

Appcelerator vs. PhoneGapTitanium• Native• Works with Javascript proxies • Cross platform

– iOS, Android, Web• Language

– JS• Performance• Own SDK Titanium Studio• Possibilities to integrate native modules

(module appstore)

PhoneGap• HTML container (UIWebView)• Many platforms

– iOS, Android, BB, Symbian, Palm• Languages

– JS, HTML, CSS

Page 6: WappZapp & Appcelerator Titanium

Appcelerator

Page 7: WappZapp & Appcelerator Titanium

PhoneGap

Page 8: WappZapp & Appcelerator Titanium

Cross Platform

Page 9: WappZapp & Appcelerator Titanium

Marketplace

Page 10: WappZapp & Appcelerator Titanium

The Beauty of Javascript

&

Page 11: WappZapp & Appcelerator Titanium

The Beauty of Javascript

&

var Person = Class.extend({ init: function(isDancing){ this.dancing = isDancing; }, dance: function(){ return this.dancing; }});var Ninja = Person.extend({ init: function(){ this._super( false ); }, dance: function(){ // Call the inherited version of dance() return this._super(); }, swingSword: function(){ return true; }});

var p = new Person(true);p.dance(); // => true

var n = new Ninja();n.dance(); // => falsen.swingSword(); // => true

// Should all be truep instanceof Person && p instanceof Class &&n instanceof Ninja && n instanceof Person && n instanceof Class

alert(‘Bla!’);

Page 12: WappZapp & Appcelerator Titanium

What do you need?

• Mac/Win/Linux• XCode• Android SDK• Titanium Studio• (Apple Developers Subscription)

Page 13: WappZapp & Appcelerator Titanium

Where to start?

• Javascript - codeacademy.com• KitchenSink (Demo)• API -

http://developer.appcelerator.com/apidoc/mobile/latest

• Wiki - https://wiki.appcelerator.org/display/guides/Home

Page 14: WappZapp & Appcelerator Titanium

Example