Adobe Flex Cainã Fuck dos Santos Thiago Vieira Puluceno Jonathan Kuntz Fornari Gustavo Nascimento Costa
O que é Flex? Estrutura de Código aberto para a criação de aplicativos Web Utiliza o runtime do Adobe Flash Player 9 o qual está instalado em praticamente qualquer computador O Flex permite que as empresas criem aplicativos altamente interativos que melhoram consideravelmente a experiência do usuário, aumentam a satisfação do cliente e a produtividade do usuário.
Como Surgiu? Antes chamado de Macromedia Flex e depois rebatizado como Adobe Flex pela Adobe, foi lançado em março de 2004 pela Macromedia. A versão inicial possuia um SDK, um IDE e uma integração com J2EE, também conhecido como Flex Data Services. Em abril de 2007, a Adobe abriu o código do Flex 3 SDK.
Histórico Flex 1.0 Março de 2004 Flex 1.5 Outubro de 2004 Flex 2.0 (Alpha) Outubro de 2005 Flex 2.0 Beta 1 Fevereiro de 2006 Flex 2.0 Beta 2 Março de 2006 Flex 2.0 Beta 3 Maio de 2006 Flex 2.0 Final- Junho de 2006 Flex 2.0.1 Janeiro de 2007 Flex 3.0 Beta 1 Junho de 2007
Histórico Flex 3.0 Beta 2 Outubro de 2007 Flex 3.2 Novembro de 2008 Flex 3.0 Beta 3 Dezembro de 2007 Flex 3.0 Fevereiro de 2008 Flex 3.1 Agosto de 2008 Flex 3.3 Março de 2009 Flex 3.4 - Agosto de 2009 Flex 3.5 - Dezembro de 2009 Flex 4.0-22 de Março de 2010
Sobre as Versões Macromedia Flex Server 1.0 e 1.5 A Macromedia inicialmente desenvolveu as versões do Flex 1.0 e 1.5 tendo como nicho de mercado empresas de desenvolvimento. A tecnologia girava a um preço em torno de US$15.000 por PC Como requisitos mínimos o servidor J2EE. Cada Licença de servidor incluía 5 licenças para o Flex Builder IDE.
Sobre as Versões Adobe Flex 2 O centro do Flex 2 SDK consistia em um compilador de linhas de comando e uma completa biblioteca de classes de componentes e utilitários. Aplicações completas desenvolvidas em Flex podiam ser desenvolvidas totalmente utilizando unicamente o SDK. Junto com a versão 2, foi introduzida uma nova versão do Action Script, chamado de ActionScript 3, utilizando-se da última especificação do ECMAScript
Sobre as Versões Adobe Flex 3 A principal característica é a integração com as novas versões dos produtos da Adobe, como o Adobe AIR e novas ferramentas de design na IDE.
Sobre as Versões Adobe Flex 4 A ferramenta de desenvolvimento Flex 4 é chamado "Adobe Flash Builder". Design in Mind Suporte completo para o Adobe Flash Player 10 ou superior. Ferramentas de teste profilers - memória e desempenho Um feixe de testes automatizados de modo que você pode se conectar a todas as ferramentas de teste de liderança Suporte FlexUnit
Aplicativos Flex Os aplicativos Flex podem ser criados usando: * Somente com seu SDK * Com uma IDE MXML: * Linguagem usada para definir a interface do usuário, a aparência e os comportamentos.
Aplicativos Flex ActionScript: * Linguagem orientada a objetos usada para criar a lógica do aplicativo no lado do cliente. Construção: * O MXML e o ActionScript são compilados juntos em um único arquivo no formato SWF que constitui o aplicativo Flex.
Serviços de aplicativos e biblioteca de classes Os serviços e biblioteca de classes incluem: * Conexão de dados; * Gerenciamento de arrastar e soltar; * Sistema de exibição que gerência o layout da interface; * Sistema de estilo que gerência a aparência dos componentes de interface; * Sistema de efeitos e animação que gerência o movimento e as transições;
Adobe AIR Estende aplicativos da Web para fora do navegador A SDK do Flex oferece suporte nativo para as novas APIs do Adobe AIR A IDE Flash Builder 4 fornece todas as ferramentas necessárias para aplicativos serem executados no Adobe AIR: * Criação * Depuração * Compactação * Assinatura
Flex 4 O SDK e ferramentas Flash Catalyst e Flash Builder estão na versão Beta 2, lançadas no dia 5 de outubro desse ano. O Flex 4 introduz uma nova arquitetura de componentes e skinning chamada Spark: * Construída sob a atual arquitetura Halo * Possui mais de 30 novos componentes * Constitui a nova geração de componentes Flex. * Todos os componentes Halo existentes continuam sendo suportados na nova versão.
Flex 4 Necessidade do Flash Player 10 para compilar um projeto Os States do Flex foram melhorados A linguagem MXML foi atualizada para a versão 2009. Para se trabalhar com States, novos atributos foram inseridos e outros retirados
Flex 4 As alterações em Layout também foram grandes Layout desacoplado do componente FXG (Flash XML Graphics): * Novidade interessante para aproximar ainda mais o designer e o programador. * Arquivo XML que descreve detalhes do gráfico * Pode ser exportado de ferramentas como Ilustrator, Photoshop e Flash Catalyst * Seja qual for a fonte de exportação, ele poderá ser facilmente utilizado para customizar objetos no Flex.
Flex 4 Algumas outras funcionalidades adicionadas ao Flex 4: * Databinding multi-direcional * MX Navigator containers * Flex 4 Effects * Temas * Entre outras. As aplicações Flex 3 compilam no Flex 4
Flash Builder 4 IDE Baseada no Eclipse. Lançado juntamente com o Flex Framework 4. Antigo Flex Builder. Sendo uma IDE, permite codificação inteligente, depuração (debug), visualização do layout da interface.
Flash Builder 4 Possui integração com outros softwares da Adobe (Creative Suite, Flash Catalyst, Photoshop etc...), o que facilita o trabalho em conjunto de Designer e Desenvolvedor. Licenciado para cada desenvolvedor individualmente. Pode ser testado por 60 dias. Vendido por US $250.
Qual a Diferença entre Flex e Flash? Ambos são processados da mesma forma, no navegador utilizando Flash Player e no Desktop utilizando Adobe AIR. Cria a dúvida: Tal site ou aplicativo foi feito em Flex ou Flash? O Flash é uma ferramenta de criação de conteúdo interativo, utilizada por profissionais multimídia, animadores e web designers.
Qual a Diferença entre Flex e Flash? Difícil criar aplicações (implementar lógica, programar) utilizando Flash. O Flex oferece aos desenvolvedores uma estrutura para criação de RIAs (Interfaces ricas) e aplicativos, mais fácil de entender.
Qual a Diferença entre Flex e Flash? Permite mais familiaridade para desenvolvedores de tecnologias tradicionais de programação como Java, PHP, Ajax ou.net. Flex Component Kit permite criação de componentes em Flash para serem utilizados por desenvolvedores Flex.
Qual a Diferença entre Flex e Flash? Porque o Flex Builder foi renomeado para Flash Builder? Para Web, o produto final sempre é um SWF. Pessoas começaram a utilizar o Flex Builder para desenvolver aplicações Flash sem o uso de MXML. A partir da versão 4, Adobe renomeia o Flex Builder para Flash Builder. Podemos dizer que no final, é tudo flash.
Vantagens do Flex Ótimo para interações que usam mídias como vídeo e áudio; Multi-plataforma: suporte para Windows, Mac e Linux IDE Flex Builder baseada na interface do Eclipse, a qual possui ferramentas visuais para auxiliar o desenvolvedor Acesso aos componentes do computador com maior facilidade, como microfone e câmera; Acesso facilitado a serviços web XML Gravação no cache da máquina. Ferramentas dedicadas ao design
Vantagens do Flex Facilidade no desenvolvimento do Design Forte integração com as outras ferramentas da Adobe Tecnologias de suporte já implementadas na maioria dos sistemas Existência de uma vasta colecção de plug-ins gratuitos para a plataforma Suporte directo com JAVA e AJAX Frameworks dedicadas para aplicações standalone (AIR) Comunicação direta com todo o tipo de tecnologias server-side
Desvantagens do Flex ActionScript e o MXML ainda não são comuns para a maioria dos programadores Suporte apenas para ActionScript 3.0 Algumas limitações de programação (falta de suporte para VB, C++, Python) Botão de voltar e clique com o botão direito precisam de programação especial.
Desvantagens do Flex Necessidade de Flash Player ou Adobe AIR para ser interpretado. Como o produto final é Flash, pode ser considerado pesado para carregar em certos tipos de navegadores / bandas limitadas de internet / processadores mais antigos.
Por que usar flex? Aplicações altamente customizadas, as quais atendem as necessidades visuais e funcionais dos clientes. Total liberdade de criação ao Designer, o qual pode adotar todos os conceitos de qualidade e excelência em interfaces, tais como: * Usabilidade * Interatividade * Intuitividade
Por que usar flex? ActionScript 3 e o MXML (linguaguem de marcação), permitem que o programador tenha em mãos os elementos necessários para tornar tudo isso real e funcional. Dessa maneira, o flex vem crescendo e se popularizando.
Quais as Principais Dificuldades? Alto custo de execução das aplicações Maior tamanho de download.
Programador VS Designer Exigindo-se cada vez mais a integração entre designers e programadores as empresas que antigamente não tinham grandes preocupações com o design de suas aplicações se vêem na necessidade de passar por completas reestruturações em seus processos. O fator designer é essencial para se alcançar objetivos de alto padrão e qualidade. O Flex fornece elementos para que isso aconteça. Uma de suas principais características, é a facilidade na integração entre designers e programadores.
Aplicação Submanager da Substractum