Uma breve apresentação do ambiente de programação Titanium Studio. Alguns pontos positivos, negativos e exemplos.

1. Titanium Studio
Davi Russi
Felipe Feltrin
Rodrigo Rigo

2. 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

3. 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.

4. Titanium Studio
É uma IDE baseada no Eclipse que
facilita o desenvolvimento dos
aplicativos usando a framework
Titanium.

5. Sistema Operacional
MAC OS (Lion 10.7 e Mountain Lion 10.8)
Windows ( 7 e 8)
Linux ( Ubuntu 12.04 LTS)

6. Por Que Utilizar
o Titanium?

7. 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.

8. Titanium Studio fornece uma plataforma única de
desenvolvimento para cada aplicação em todos os
sistemas operacionais e dispositivos móveis.

9. “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

10. 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.

11. Pontos Positivos
• Rápido Prototyping
• Orientado a Web
• JavaScript
• Multi-platforma
• Comunidade Crescente

12. Pontos Negativos
• Crescimento da Complexidade
• Problemas com a IDE
• Limitações de Flexibilidade
• Lerdeza

13. 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

14. Exemplo

15. 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
});

17. Label
var label2 = Titanium.UI.createLabel({
color:'#999',
text:'I am Window 2',
font:{fontSize:20,fontFamily:'Helvetica Neue'},
textAlign:'center',
width:'auto'
});

18. Botão
var button1 = Titanium.UI.createButton({
color:"black",
title:'Eu sou um botao',
textAlign:'center',
width:'auto',
top: 10
})

19. Callback Botão
button1.addEventListener('click',function(e) {
warninglabel.text=('Botao foi pressionado'),
button1.hide();
});

21. Linha Tabela
var rows = [];
var row = Ti.UI.createTableViewRow({
color:'black',
backgroundColor: 'white',
title: bus1[0],
height: 40
});
rows.push(row)

22. Tabela
var table = Ti.UI.createTableView({
data: rows,
left:0,
width:"100%",
backgroundColor: 'white'
});
win1.add(table);

23. 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/