Titanium Studio

Davi Russi

Felipe Feltrin

Rodrigo Rigo

Appcelerator Titanium é uma

framework usada para criar

aplicativos nativos para

dispositivos móveis para

diferentes plataformas usando

Javascript.

"We handle device and OS compatibility. You build rich native apps."

Appcelerator Titanium

Simplifique o

Desenvolvimento

Rapidamente crie, teste,

empacote e publique

aplicativos usando apenas

Javascript e uma única base

de código.

Faça aplicativos para

diferentes plataformas sem

precisar gerenciar múltiplos

toolkits, linguagens e

metodologias.

Titanium Studio

É uma IDE baseada no Eclipse que

facilita o desenvolvimento dos

aplicativos usando a framework

Titanium.

Sistema Operacional

MAC OS (Lion 10.7 e Mountain Lion 10.8)

Windows ( 7 e 8)

Linux ( Ubuntu 12.04 LTS)

Por Que Utilizar

o Titanium?

As abordagens tradicionais utilizam ferramentas e

linguagens de programação nativas para cada plataforma

(iOS, Android, BlackBerry, etc.).

Isso requer o gerenciamento

de múltiplos projetos de

desenvolvimento e diferentes

bases de código, que é caro

e complexo.

Titanium Studio fornece uma plataforma única de

desenvolvimento para cada aplicação em todos os

sistemas operacionais e dispositivos móveis.

“About 70-80% of our code can

be reused across apps. That

saves us a lot of time and a lot of

skill. It’s very hard to find different

native skills and combine them in

one team, but it is comparatively

easy to educate people in

JavaScript.”

MARIJN DEURLOO, CEO, IMGZINE

Pontos Positivos

• Links para os pré-requisitos

• Bem documentado os passos para: instalação,

configuração do ambiente e criação da primeira

aplicação(Olá mundo).

• Desenvolver aplicações para Android, Iphone,

Blackberry e Ipad

• Ambiente ao sugerir comandos diz qual dispositivo

o suporta.

Pontos Positivos

• Rápido Prototyping

• Orientado a Web

• JavaScript

• Multi-platforma

• Comunidade Crescente

Pontos Negativos

• Crescimento da Complexidade

• Problemas com a IDE

• Limitações de Flexibilidade

• Lerdeza

Dificuldades

• Guia para iniciar a utilizar

a aplicação está desatualizado.

• Ao rodar amostras aparecem os erros:

[ERROR] :Emulator process exited with code 1

[ERROR] :Build process exited with code 1

[ERROR] :Project failed to build after 344ms

Exemplo

Janela - Tabs

var win1 = Titanium.UI.createWindow({

title:'Tab 1',

backgroundColor:'#fff'

});

var tab1 = Titanium.UI.createTab({

icon:'KS_nav_views.png',

title:'Uni. Centro->UFSM',

window:win1

});

Label

var label2 = Titanium.UI.createLabel({

color:'#999',

text:'I am Window 2',

font:{fontSize:20,fontFamily:'Helvetica Neue'},

textAlign:'center',

width:'auto'

});

Botão

var button1 = Titanium.UI.createButton({

color:"black",

title:'Eu sou um botao',

textAlign:'center',

width:'auto',

top: 10

})

Callback Botão

button1.addEventListener('click',function(e) {

warninglabel.text=('Botao foi pressionado'),

button1.hide();

});

Linha Tabela

var rows = [];

var row = Ti.UI.createTableViewRow({

color:'black',

backgroundColor: 'white',

title: bus1[0],

height: 40

});

rows.push(row)

Tabela

var table = Ti.UI.createTableView({

data: rows,

left:0,

width:"100%",

backgroundColor: 'white'

});

win1.add(table);

Referências• http://mackuk.blogspot.com.br/2012/01/very-basic-appcelerator-tutorial.html

• http://www.appcelerator.com/

• http://www.appcelerator.com.s3.amazonaws.com/pdf/casestudy_imgZine.pdf

• http://imasters.com.br/mobile/apresentando-o-appcelerator-titanium-mobile/

• http://philippe.elsass.me/2012/01/titanium-the-good-the-bad-and-the-ugly/