• Save
Adobe Flex 4.6: três plataformas e um só código fonte
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

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

on

  • 5,692 views

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

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.

Statistics

Views

Total Views
5,692
Views on SlideShare
4,847
Embed Views
845

Actions

Likes
4
Downloads
0
Comments
0

2 Embeds 845

http://www.bloglecom.com.br 844
https://twitter.com 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

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

  • 1. Adobe Flextrês plataformas e um só código fonte
  • 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. 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. 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. Adobe Flextrês plataformas e um só código fonte Desafios Existentes Interfaces para telas de tamanhos diferentes
  • 6. Adobe Flextrês plataformas e um só código fonte Desafios Existentes Hardware com recursos limitados
  • 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. Adobe Flextrês plataformas e um só código fonte Desafios Existentes Desenhar telas para Multi-toques (Gestos)
  • 9. Adobe Flextrês plataformas e um só código fonte Desafios Existentes Plataformas diferentes
  • 10. Adobe Flex três plataformas e um só código fonte Desafios Existentes Diferentes formatosMobile Tablets Desktop
  • 11. Adobe Flextrês plataformas e um só código fonte Desafios Existentes DPI diferentes133dpi ~ 275 dpi
  • 12. Adobe Flextrês plataformas e um só código fonteResultado! Trabalho dobrado ou Chama o Chuck Norris!
  • 13. Adobe Flextrês plataformas e um só código fonte Por que Adobe Flex?
  • 14. Adobe Flextrês plataformas e um só código fontePor que é Open-source
  • 15. Adobe Flex três plataformas e um só código fontePor que agora é um projeto Apache http://incubator.apache.org/flex/
  • 16. Adobe Flex três plataformas e um só código fontePor que É Ubiquo.
  • 17. Adobe Flex três plataformas e um só código fonte API consistentePor que temEntre PC/Web/Mobile
  • 18. Adobe Flex três plataformas e um só código fonte uma variedadePor que temde componentes UIprontos.
  • 19. Adobe Flex três plataformas e um só código fontePor que Integra com bibliotecasnativas do aparelho
  • 20. Adobe Flex três plataformas e um só código fontePor que é rápido em dispositivos
  • 21. Adobe Flex três plataformas e um só código fontePor que pode ser escrito emActionscript 3.0 e MXML
  • 22. Adobe Flextrês plataformas e um só código fonte Adobe AIR run-time
  • 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. Adobe Flextrês plataformas e um só código fonte *.bar *.ipa *.apk
  • 25. Adobe Flextrês plataformas e um só código fonte
  • 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. Adobe Flextrês plataformas e um só código fonte Novidades do Flex 4.6 SDK para dispositivos móveis
  • 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. 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. 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. Adobe Flex três plataformas e um só código fonteNavegação pronta entre telas Palavras mágicas: navigator, FlexGlobals
  • 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. Adobe Flex três plataformas e um só código fonteComponentes de UI eContainers prontos para gestos
  • 34. Adobe Flextrês plataformas e um só código fonte Componentes de UI e Containers prontos para gestos
  • 35. Adobe Flex três plataformas e um só código fonteList e Datagroupoptimizados para mobile
  • 36. Adobe Flextrês plataformas e um só código fonte import spark.components.LabelItemRenderer; import spark.components.IconItemRenderer;ItemRenders
  • 37. Adobe Flex três plataformas e um só código fonteComponentes preparados para Mobile • Busy Indicator • TabBar • ButtonBar
  • 38. Adobe Flex três plataformas e um só código fonteSuporte a auto-rotaçãonos Containers:
  • 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. 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. Adobe Flex três plataformas e um só código fonteComponentes de Texto: •Spark TextArea •Spark TextInput •Spark Label
  • 42. Adobe Flex três plataformas e um só código fonteNovidades do Flash Builder 4.6
  • 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. Adobe Flex três plataformas e um só código fonte Novidades do Flash Builder 4.6Selecionar a plataforma Mobilealvo para publicar:
  • 45. Adobe Flex três plataformas e um só código fonte Novidades do Flash Builder 4.6Escolher a plataforma:
  • 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. Adobe Flex três plataformas e um só código fonte Novidades do Flash Builder 4.6Garantir permissões
  • 48. Adobe Flex três plataformas e um só código fonte Novidades do Flash Builder 4.6Fix rápido com CTRL+1:
  • 49. Adobe Flex três plataformas e um só código fonte Novidades do Flash Builder 4.6Auto-completepara metadata:
  • 50. Adobe Flex três plataformas e um só código fonte Novidades do Flash Builder 4.6Native Extensions
  • 51. Adobe Flextrês plataformas e um só código fonte Novidades do Flash Builder 4.6 O que são Native Extensions?
  • 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. 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. Adobe Flextrês plataformas e um só código fonte DEMO 15 min Murphy saia do auditório.
  • 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. 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. Adobe Flex três plataformas e um só código fonte Slides/Códigos em:Dúvidas? @igorcosta @riacycle