Adobe Flextrês plataformas e um só código fonte
Adobe Flex  três plataformas e um só código fonte                                                      Quem fala?!Fundador...
Adobe Flex    três plataformas e um só código fonte                                                     AgendaDesafios exi...
Adobe Flex   três plataformas e um só código fonte                                           Mais é só um AppEu quero um  ...
Adobe Flextrês plataformas e um só código fonte                                        Desafios Existentes                ...
Adobe Flextrês plataformas e um só código fonte                                        Desafios Existentes                ...
Adobe Flex    três plataformas e um só código fonte                                            Desafios Existentes        ...
Adobe Flextrês plataformas e um só código fonte                                        Desafios Existentes                ...
Adobe Flextrês plataformas e um só código fonte                                        Desafios Existentes                ...
Adobe Flex  três plataformas e um só código fonte                                          Desafios Existentes            ...
Adobe Flextrês plataformas e um só código fonte                                        Desafios Existentes                ...
Adobe Flextrês plataformas e um só código fonteResultado!     Trabalho dobrado ou     Chama o Chuck Norris!
Adobe Flextrês plataformas e um só código fonte  Por que Adobe Flex?
Adobe Flextrês plataformas e um só código fontePor que é         Open-source
Adobe Flex   três plataformas e um só código fontePor que agora              é um projeto Apache           http://incubato...
Adobe Flex    três plataformas e um só código fontePor que    É Ubiquo.
Adobe Flex    três plataformas e um só código fonte      API consistentePor que temEntre PC/Web/Mobile
Adobe Flex    três plataformas e um só código fonte      uma variedadePor que temde componentes UIprontos.
Adobe Flex   três plataformas e um só código fontePor que Integra             com bibliotecasnativas do aparelho
Adobe Flex    três plataformas e um só código fontePor que é       rápido em dispositivos
Adobe Flex   três plataformas e um só código fontePor que pode           ser escrito emActionscript 3.0 e MXML
Adobe Flextrês plataformas e um só código fonte                Adobe AIR run-time
Adobe Flextrês plataformas e um só código fonte       O Atalho da vida real:       Escreva um código para Desktop ou Mobile.
Adobe Flextrês plataformas e um só código fonte                              *.bar     *.ipa   *.apk
Adobe Flextrês plataformas e um só código fonte
Adobe Flex      três plataformas e um só código fonte“Não são as espécies mais fortes e nem as mais inteligentesque sobrev...
Adobe Flextrês plataformas e um só código fonte                                 Novidades do Flex 4.6 SDK                 ...
Adobe Flex     três plataformas e um só código fonte                                             3 tipos de aplicativosApp...
Adobe Flex     três plataformas e um só código fonte                                             3 tipos de aplicativosVie...
Adobe Flex     três plataformas e um só código fonte                                             3 tipos de aplicativosTab...
Adobe Flex      três plataformas e um só código fonteNavegação pronta entre telas     Palavras mágicas: navigator, FlexGlo...
Adobe Flex    três plataformas e um só código fonteSuporte a todas as APIs do Flash Player* Suporte a todas as APIs do Ado...
Adobe Flex       três plataformas e um só código fonteComponentes de UI eContainers prontos para gestos
Adobe Flextrês plataformas e um só código fonte                                        Componentes de UI e                ...
Adobe Flex     três plataformas e um só código fonteList e Datagroupoptimizados para mobile
Adobe Flextrês plataformas e um só código fonte       import spark.components.LabelItemRenderer;       import spark.compon...
Adobe Flex     três plataformas e um só código fonteComponentes preparados para Mobile                                    ...
Adobe Flex      três plataformas e um só código fonteSuporte a auto-rotaçãonos Containers:
Adobe Flex      três plataformas e um só código fonteEfeitos de transição já padrão:CrossFadeViewTransition ( Fade In/Fade...
Adobe Flex      três plataformas e um só código fonte        Suporte a teclas de atalho nativa : Botão de voltar e Menu no...
Adobe Flex três plataformas e um só código fonteComponentes de Texto: •Spark TextArea •Spark TextInput •Spark Label
Adobe Flex     três plataformas e um só código fonteNovidades do Flash Builder 4.6
Adobe Flex    três plataformas e um só código fonte                                            Novidades do Flash Builder ...
Adobe Flex    três plataformas e um só código fonte                                            Novidades do Flash Builder ...
Adobe Flex    três plataformas e um só código fonte                                            Novidades do Flash Builder ...
Adobe Flex    três plataformas e um só código fonte                                            Novidades do Flash Builder ...
Adobe Flex    três plataformas e um só código fonte                                            Novidades do Flash Builder ...
Adobe Flex    três plataformas e um só código fonte                                            Novidades do Flash Builder ...
Adobe Flex    três plataformas e um só código fonte                                            Novidades do Flash Builder ...
Adobe Flex     três plataformas e um só código fonte                                             Novidades do Flash Builde...
Adobe Flextrês plataformas e um só código fonte                                        Novidades do Flash Builder 4.6   O ...
Adobe Flextrês plataformas e um só código fonte                                        Novidades do Flash Builder 4.6   a ...
Adobe Flextrês plataformas e um só código fonte                                         Novidades do Flash Builder 4.6  C+...
Adobe Flextrês plataformas e um só código fonte            DEMO            15 min               Murphy saia do auditório.
Adobe Flex  três plataformas e um só código fonte                                                 Locais insteressantes   ...
Adobe Flex     três plataformas e um só código fonte* Primeiro lugar no desafio FlashCamp Brasilde melhor Software Open-so...
Adobe Flex   três plataformas e um só código fonte                                           Slides/Códigos em:Dúvidas? @i...
Upcoming SlideShare
Loading in …5
×

Adobe Flex 4.6: três plataformas e um só código fonte

5,688 views
5,586 views

Published on

Use seu laptop e veja como criar uma app colaborativa e social com um só código fonte usando a tecnologia da Adobe, o Adobe Flex 4.6. Crie apps para Androids, IOS, BlackBerry Playbook e, com este mesmo código, uma App Desktop. Conheça os desafios e as facilidades que o Flex traz para uma nova classe de desenvolvedores Web/Mobile/Desktop.

Oficineiro

Igor Costa

Tem 12 anos de experiência no mercado de software. É co-fundador da RIACycle, empresa brasileira dedicada a criar apps para web/mobile e a ensinar uma vasta rede de desenvolvedores. Palestrante assíduo, já particiou de vários eventos como o iMasters Intercon, Campus Party, Just Java, Flash Camp Brasil, Flex for Kids, Flex Mania, Flash Open Source Conference, faculdades, etc.

Published in: Technology
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
5,688
On SlideShare
0
From Embeds
0
Number of Embeds
850
Actions
Shares
0
Downloads
0
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

Adobe Flex 4.6: três plataformas e um só código fonte

  1. 1. Adobe Flextrês plataformas e um só código fonte
  2. 2. Adobe Flex três plataformas e um só código fonte Quem fala?!Fundador /CTO da RIACycleInitial Committer Apache FlexAdobe Community ExpertBlackberry Developer Champion @igorcosta @riacycle
  3. 3. Adobe Flex três plataformas e um só código fonte AgendaDesafios existentes no mundo MobilePor que Flex usar o Flex?Novidades do Flex 4.6 SDK para dispositivos móveisNovidades do Flash Builder 4.6Demo (Se Murphy deixar)RecursosSurpresas
  4. 4. Adobe Flex três plataformas e um só código fonte Mais é só um AppEu quero um App simples,barato e que rode em todas as plataformas
  5. 5. Adobe Flextrês plataformas e um só código fonte Desafios Existentes Interfaces para telas de tamanhos diferentes
  6. 6. Adobe Flextrês plataformas e um só código fonte Desafios Existentes Hardware com recursos limitados
  7. 7. Adobe Flex três plataformas e um só código fonte Desafios Existentes Desenhar telas para as pontas dos dedosArea de toque mínimo:44px.
  8. 8. Adobe Flextrês plataformas e um só código fonte Desafios Existentes Desenhar telas para Multi-toques (Gestos)
  9. 9. Adobe Flextrês plataformas e um só código fonte Desafios Existentes Plataformas diferentes
  10. 10. Adobe Flex três plataformas e um só código fonte Desafios Existentes Diferentes formatosMobile Tablets Desktop
  11. 11. Adobe Flextrês plataformas e um só código fonte Desafios Existentes DPI diferentes133dpi ~ 275 dpi
  12. 12. Adobe Flextrês plataformas e um só código fonteResultado! Trabalho dobrado ou Chama o Chuck Norris!
  13. 13. Adobe Flextrês plataformas e um só código fonte Por que Adobe Flex?
  14. 14. Adobe Flextrês plataformas e um só código fontePor que é Open-source
  15. 15. Adobe Flex três plataformas e um só código fontePor que agora é um projeto Apache http://incubator.apache.org/flex/
  16. 16. Adobe Flex três plataformas e um só código fontePor que É Ubiquo.
  17. 17. Adobe Flex três plataformas e um só código fonte API consistentePor que temEntre PC/Web/Mobile
  18. 18. Adobe Flex três plataformas e um só código fonte uma variedadePor que temde componentes UIprontos.
  19. 19. Adobe Flex três plataformas e um só código fontePor que Integra com bibliotecasnativas do aparelho
  20. 20. Adobe Flex três plataformas e um só código fontePor que é rápido em dispositivos
  21. 21. Adobe Flex três plataformas e um só código fontePor que pode ser escrito emActionscript 3.0 e MXML
  22. 22. Adobe Flextrês plataformas e um só código fonte Adobe AIR run-time
  23. 23. Adobe Flextrês plataformas e um só código fonte O Atalho da vida real: Escreva um código para Desktop ou Mobile.
  24. 24. Adobe Flextrês plataformas e um só código fonte *.bar *.ipa *.apk
  25. 25. Adobe Flextrês plataformas e um só código fonte
  26. 26. Adobe Flex três plataformas e um só código fonte“Não são as espécies mais fortes e nem as mais inteligentesque sobrevivem, mas sim aquelas que melhor respondem asmudanças“. Charles Darwin Desde 1800 já tinha enxergado Adobe AIR
  27. 27. Adobe Flextrês plataformas e um só código fonte Novidades do Flex 4.6 SDK para dispositivos móveis
  28. 28. Adobe Flex três plataformas e um só código fonte 3 tipos de aplicativosApplication (Similar a um documento .fla criado no Flash CS5)<?xml version="1.0" encoding="utf-8"?><s:ViewNavigatorApplicationxmlns:fx="http://ns.adobe.com/mxml/2009"xmlns:s="library://ns.adobe.com/flex/spark"firstView="views.CPBR5HomeView" applicationDPI="240"><fx:Declarations></fx:Declarations></s:ViewNavigatorApplication>
  29. 29. Adobe Flex três plataformas e um só código fonte 3 tipos de aplicativosViewNavigatorApplication (Navegação entre Views)<?xml version="1.0" encoding="utf-8"?><s:ViewNavigatorApplicationxmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"firstView="views.HomeView"></s:ViewNavigatorApplication>
  30. 30. Adobe Flex três plataformas e um só código fonte 3 tipos de aplicativosTabbedViewNavigatorApplication (Navegação com Abas)<?xml version="1.0" encoding="utf-8"?><s:TabbedViewNavigatorApplication xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"></s:TabbedViewNavigatorApplication>
  31. 31. Adobe Flex três plataformas e um só código fonteNavegação pronta entre telas Palavras mágicas: navigator, FlexGlobals
  32. 32. Adobe Flex três plataformas e um só código fonteSuporte a todas as APIs do Flash Player* Suporte a todas as APIs do Adobe AIR*• Exceto APIs específicas para Desktop/Web (Ex. Nativeprocess apenas Desktop)• Se você leu aqui é por que você é curioso(a). Faça-me perguntas no final!
  33. 33. Adobe Flex três plataformas e um só código fonteComponentes de UI eContainers prontos para gestos
  34. 34. Adobe Flextrês plataformas e um só código fonte Componentes de UI e Containers prontos para gestos
  35. 35. Adobe Flex três plataformas e um só código fonteList e Datagroupoptimizados para mobile
  36. 36. Adobe Flextrês plataformas e um só código fonte import spark.components.LabelItemRenderer; import spark.components.IconItemRenderer;ItemRenders
  37. 37. Adobe Flex três plataformas e um só código fonteComponentes preparados para Mobile • Busy Indicator • TabBar • ButtonBar
  38. 38. Adobe Flex três plataformas e um só código fonteSuporte a auto-rotaçãonos Containers:
  39. 39. Adobe Flex três plataformas e um só código fonteEfeitos de transição já padrão:CrossFadeViewTransition ( Fade In/Fade Out) entre telasFlipViewTransition ( Efeito de Flipar, carta viradas)SlideViewTransition (Por padrão) Slide Left/RightZoomViewTranstion muda telas com zoom entre anterior e próxima.
  40. 40. Adobe Flex três plataformas e um só código fonte Suporte a teclas de atalho nativa : Botão de voltar e Menu nos Views<?xml version="1.0" encoding="utf-8"?><s:View xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"title="HomeView"menuKeyPressed="menuHandler(event)"backKeyPressed="backHandler(event)"> <fx:Script> <![CDATA[ import mx.events.FlexEvent; protected function backHandler(event:FlexEvent):void { } protected function menuHandler(event:FlexEvent):void { } ]]> </fx:Script></s:View>
  41. 41. Adobe Flex três plataformas e um só código fonteComponentes de Texto: •Spark TextArea •Spark TextInput •Spark Label
  42. 42. Adobe Flex três plataformas e um só código fonteNovidades do Flash Builder 4.6
  43. 43. Adobe Flex três plataformas e um só código fonte Novidades do Flash Builder 4.6Suporte a criação nativa de:Flex Mobile Projects eActionscript Mobile Projects
  44. 44. Adobe Flex três plataformas e um só código fonte Novidades do Flash Builder 4.6Selecionar a plataforma Mobilealvo para publicar:
  45. 45. Adobe Flex três plataformas e um só código fonte Novidades do Flash Builder 4.6Escolher a plataforma:
  46. 46. Adobe Flex três plataformas e um só código fonte Novidades do Flash Builder 4.6Detectar rotação da telaFullscreen e ajustarO aplicativo para densidadesmaiores:
  47. 47. Adobe Flex três plataformas e um só código fonte Novidades do Flash Builder 4.6Garantir permissões
  48. 48. Adobe Flex três plataformas e um só código fonte Novidades do Flash Builder 4.6Fix rápido com CTRL+1:
  49. 49. Adobe Flex três plataformas e um só código fonte Novidades do Flash Builder 4.6Auto-completepara metadata:
  50. 50. Adobe Flex três plataformas e um só código fonte Novidades do Flash Builder 4.6Native Extensions
  51. 51. Adobe Flextrês plataformas e um só código fonte Novidades do Flash Builder 4.6 O que são Native Extensions?
  52. 52. Adobe Flextrês plataformas e um só código fonte Novidades do Flash Builder 4.6 a Habilidade de acessar APIs nativas,junto com a tecnologia Flex
  53. 53. Adobe Flextrês plataformas e um só código fonte Novidades do Flash Builder 4.6 C++ Objective-C Java Nativo.ane .bar .ipa .apk
  54. 54. Adobe Flextrês plataformas e um só código fonte DEMO 15 min Murphy saia do auditório.
  55. 55. Adobe Flex três plataformas e um só código fonte Locais insteressantes para visitarAdobe Mobile Devcenter : http://www.adobe.com/devnet/flex.htmlBlackberry Dev portal : http://us.blackberry.com/developers/tablet/Safari guide-lines: http://developer.apple.com/library/safari/navigation/Android Dev Portal: http://developer.android.comIcones pagos: http://graphicriver.net/item/70-mobile-interface-icons/161513Icones grátis: http://blog.roamdesign.co.uk/?p=272Inspiração e coleção de wireframes: http://www.flickr.com/groups/mobileui/pool/Mozilla UI Touch : https://wiki.mozilla.org/Mobile/UI/Designs/TouchScreen
  56. 56. Adobe Flex três plataformas e um só código fonte* Primeiro lugar no desafio FlashCamp Brasilde melhor Software Open-source com FlexOPEN SOURCE
  57. 57. Adobe Flex três plataformas e um só código fonte Slides/Códigos em:Dúvidas? @igorcosta @riacycle

×