Titanium StudioDavi RussiFelipe FeltrinRodrigo Rigo
Appcelerator Titanium é umaframework usada para criaraplicativos nativos paradispositivos móveis paradiferentes plataforma...
Simplifique oDesenvolvimentoRapidamente crie, teste,empacote e publiqueaplicativos usando apenasJavascript e uma única bas...
Titanium StudioÉ uma IDE baseada no Eclipse quefacilita o desenvolvimento dosaplicativos usando a frameworkTitanium.
Sistema OperacionalMAC OS (Lion 10.7 e Mountain Lion 10.8)Windows ( 7 e 8)Linux ( Ubuntu 12.04 LTS)
Por Que Utilizaro Titanium?
As abordagens tradicionais utilizam ferramentas elinguagens de programação nativas para cada plataforma(iOS, Android, Blac...
Titanium Studio fornece uma plataforma única dedesenvolvimento para cada aplicação em todos ossistemas operacionais e disp...
“About 70-80% of our code canbe reused across apps. Thatsaves us a lot of time and a lot ofskill. It’s very hard to find d...
Pontos Positivos• Links para os pré-requisitos• Bem documentado os passos para: instalação,configuração do ambiente e cria...
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 utilizara aplicação está desatualizado.• Ao rodar amostras aparecem os erros:[ERROR] :Em...
Exemplo
Janela - Tabsvar win1 = Titanium.UI.createWindow({title:Tab 1,backgroundColor:#fff});var tab1 = Titanium.UI.createTab({ico...
Labelvar label2 = Titanium.UI.createLabel({color:#999,text:I am Window 2,font:{fontSize:20,fontFamily:Helvetica Neue},text...
Botãovar button1 = Titanium.UI.createButton({color:"black",title:Eu sou um botao,textAlign:center,width:auto,top: 10})
Callback Botãobutton1.addEventListener(click,function(e) {warninglabel.text=(Botao foi pressionado),button1.hide();});
Linha Tabelavar rows = [];var row = Ti.UI.createTableViewRow({color:black,backgroundColor: white,title: bus1[0],height: 40...
Tabelavar 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/• ht...
Titanium appacelerator
Titanium appacelerator
Próximos SlideShares
Carregando em…5
×

Titanium appacelerator

757 visualizações

Publicada em

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

Publicada em: Tecnologia
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
757
No SlideShare
0
A partir de incorporações
0
Número de incorporações
1
Ações
Compartilhamentos
0
Downloads
17
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Titanium appacelerator

  1. 1. Titanium StudioDavi RussiFelipe FeltrinRodrigo Rigo
  2. 2. Appcelerator Titanium é umaframework usada para criaraplicativos nativos paradispositivos móveis paradiferentes plataformas usandoJavascript."We handle device and OS compatibility. You build rich native apps."Appcelerator Titanium
  3. 3. Simplifique oDesenvolvimentoRapidamente crie, teste,empacote e publiqueaplicativos usando apenasJavascript e uma única basede código.Faça aplicativos paradiferentes plataformas semprecisar gerenciar múltiplostoolkits, linguagens emetodologias.
  4. 4. Titanium StudioÉ uma IDE baseada no Eclipse quefacilita o desenvolvimento dosaplicativos usando a frameworkTitanium.
  5. 5. Sistema OperacionalMAC OS (Lion 10.7 e Mountain Lion 10.8)Windows ( 7 e 8)Linux ( Ubuntu 12.04 LTS)
  6. 6. Por Que Utilizaro Titanium?
  7. 7. As abordagens tradicionais utilizam ferramentas elinguagens de programação nativas para cada plataforma(iOS, Android, BlackBerry, etc.).Isso requer o gerenciamentode múltiplos projetos dedesenvolvimento e diferentesbases de código, que é caroe complexo.
  8. 8. Titanium Studio fornece uma plataforma única dedesenvolvimento para cada aplicação em todos ossistemas operacionais e dispositivos móveis.
  9. 9. “About 70-80% of our code canbe reused across apps. Thatsaves us a lot of time and a lot ofskill. It’s very hard to find differentnative skills and combine them inone team, but it is comparativelyeasy to educate people inJavaScript.”MARIJN DEURLOO, CEO, IMGZINE
  10. 10. Pontos Positivos• Links para os pré-requisitos• Bem documentado os passos para: instalação,configuração do ambiente e criação da primeiraaplicação(Olá mundo).• Desenvolver aplicações para Android, Iphone,Blackberry e Ipad• Ambiente ao sugerir comandos diz qual dispositivoo suporta.
  11. 11. Pontos Positivos• Rápido Prototyping• Orientado a Web• JavaScript• Multi-platforma• Comunidade Crescente
  12. 12. Pontos Negativos• Crescimento da Complexidade• Problemas com a IDE• Limitações de Flexibilidade• Lerdeza
  13. 13. Dificuldades• Guia para iniciar a utilizara 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. 14. Exemplo
  15. 15. Janela - Tabsvar 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});
  16. 16. Labelvar label2 = Titanium.UI.createLabel({color:#999,text:I am Window 2,font:{fontSize:20,fontFamily:Helvetica Neue},textAlign:center,width:auto});
  17. 17. Botãovar button1 = Titanium.UI.createButton({color:"black",title:Eu sou um botao,textAlign:center,width:auto,top: 10})
  18. 18. Callback Botãobutton1.addEventListener(click,function(e) {warninglabel.text=(Botao foi pressionado),button1.hide();});
  19. 19. Linha Tabelavar rows = [];var row = Ti.UI.createTableViewRow({color:black,backgroundColor: white,title: bus1[0],height: 40});rows.push(row)
  20. 20. Tabelavar table = Ti.UI.createTableView({data: rows,left:0,width:"100%",backgroundColor: white});win1.add(table);
  21. 21. 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/

×