Todos sabemos que por vezes torna-se bastante difícil encontrar artigos e suporte em português, e embora o flex esteja já instalado no mercado, continua-se a encontrar pouca informação composta em algum lado, contando apenas com alguns (bons) blog’s, e algumas poucas (listas/grupos) onde podemos tirar as nossas duvidas.

Foi basicamente por isso que decidi criar um pequeno tutorial de instalação e como criar um exemplo “Olá Mundo”  (parte I), mas como tive bastante “feedback” das pessoas, acabei por continuar o tutorial, estando neste momento na parte 5 (inacabada e não publicada) que brevemente será aqui colocada também.

Venho então dar a conhecer o tutorial Adobe flex a partir do zero que oficialmente coloquei no meu blog, e que agora partilho com o riaPT visto ser a maior referência nacional em ria’s (pelo menos não conheço outra). Neste momento o tutorial vai a meio mas deixo já o download das primeiras quatro partes compiladas num ficheiro e deixo também o index  do que já foi feito mas melhor identificação, passo então a citar:

1. Observações iniciais. Pag. 4- 5
2. Instalando, configurando e fazendo o típico teste “hello world”. Pag. 5-6
2.1. Criando um novo Projecto. Pag. 6-7
2.2. Entendendo o espaço de Trabalho do Flex Builder. Pag. 7-10
2.3. Criando o primeiro exemplo “hello world”. Pag. 10-11
2.3.1. Criando um script (AS3). Pag. 12-14
3. Entendendo a ordenação e estruturação do código.Pag. 14-16
3.1. Criação de um ficheiro action script externo para uso no flex. Pag. 16-18
4. Entendendo os componentes internos, states e transições/efeitos. Pag. 18-20
4.1. States, entendendo a sua disposição. Pag. 21-22
4.2. Transições e seus efeitos. Pag. 23-24
5. Programação do exemplo “olá mundo” em Action Script. Pag. 25-27
6. Efeitos e eventListners. Pag. 27-32
7. Componentes e Módulos.Pag. 33
7.1. As diferenças entre componentes e módulos. Pag. 33
7.2. Criando um componente e trabalhando com ele. Pag. 34-36
7.3. Enviando e recebendo dados de/para um componente. Pag. 37-38
7.4. Criando um módulo e trabalhando com ele. Pag. 38-41
8. Entendendo a comunicação com Objectos Remotos.Pag. 42
8.1. Instalação do amfPHP e servidor Wamp. Pag. 42-43
8.2. Criando o primeiro serviço no amfPHP. Pag. 43-44
8.3. Configurando o Flex Builder para trabalhar com o amfPHP. Pag. 44
8.4. Criando o primeiro Remote Object no Flex. Pag. 45-46

Podem fazer o download do pdf aqui ou ver a versão online nas publicações http://issuu.com acedendo aqui

Espero que seja útil, e qualquer critica ou correcção estejam à vontade para me informar.

EDIT: A parte 5 já está disponivel para download aqui

Em jeito de complemento ao ultimo post do João Saleiro, quero acrescentar a sua lista mais dois eventos que acho relevantes para a comunidade e que passo a citar:

Ergonomics in Design

As próximas duas semanas serão repletas de eventos relevantes. Aqui vai a “agenda”:

Sapo Unplugged 08 – Usabilidade

Dia: 21 de Maio

Local: Reitoria da Universidade de Aveiro

Mais informações: http://labs.sapo.pt/eventos/unplugged08/plugged.html

Agenda:

• [14h] Abertura da conferência (Fernando Ramos e Celso Martinho);
• Henning Fisher da Adaptive Path;
• Oscar Mealha da Universidade de Aveiro;
• Pedro Branco da Universidade do Minho;
• [16h] Coffee Break;
• Ivo Gomes;
• Bruno Figueiredo;
• Pedro Custódio da Sapo;
• [18h30] Encerramento (Celso Martinho e Pedro Custódio);

BarCampFCT

Dia: 24 de Maio

Local: Departamento de Matemática da FCT, UNL

Mais informações: http://fct.enses.org/barcamp/app/

Agenda:

A agenda é flexível, como é costume nos BarCamps, mas conta com apresentações como:

• Social Experience for Newbies;
• From applications to services, ending as infrastructure;
• Empreendedorismo nas Universidades;
• etc…

Encontro #2 do Adobe User Group

Dia: 31 de Maio

Local: Faculdade de Engenharia da Universidade do Porto

Mais informações: http://aug.riapt.org/

Agenda:

• Rich Internet Applications na plataforma Flash usando Flex e Air (João Saleiro e João Fernandes);
• Flash Platform na Alert: passado, presente e futuro;
• [Tema em aberto - proponha o seu tema na mailing list].

Evento de criativos em Lisboa (by Adobe)

Dia: 5 de Junho

Local: Centro Cultural de Belém

Mais informações aqui

Agenda:

• [9:30-10:00] Boas-vindas e Agenda: Os desafios do profissional criativo;
• [10:00-10:30] Novas Tecnologias Adobe – Flash, Flex, AIR. Novas formas de chegar aos seus Clientes;
• [10:30-11:30] Fluxo de trabalho num estúdio de design com o Adobe Creative Suite CS3 Design Premium;
• [11:30-12:00] Coffee Break
• [12:00-13:00] Mais possibilidades para a criação de páginas e aplicações interactivas com o Creative Suite CS3 Web Premium
• [13:00-14:00] Creatividade em vídeo de alta qualidade. Monte a sua própria TV na web com o Adobe Creative Suite CS3 Production Premium
• [14:00-14:15] – Encerramento do Evento

Para aqueles que estão com vontade de experimentar a nova API do Flash player 10, e não havendo ainda qualquer documentação oficial da Adobe, encontrei AQUI, uma pequena aplicação em Flex onde poderão explorar as novas classes da API do Flash Player 10

Para testar as novas funcionalidades, podem instalar o novo Flex SDK 3, e configurará-lo para compilar para o novo Flash Player 10, utilizando a “comand line”, encontram AQUI as instruções.

A Adobe disponibilizou o Flash Player 10 no Adobe Labs. Esta nova versão do Flash Player traz novidades revolucionárias, como suporte de 3D nativo, aceleração por hardware, e suporte para filtros e efeitos criados pelo utilizador.

A versão do Flash Player disponibilizada é compatível com Windows, MacOS (>=10.4), Linux e Ubuntu.

Novas funcionalidades

Filtros e efeitos criados pelo utilizador > ver vídeo

Através do Adobe Pixel Bender quem quiser pode agora criar novos filtros e aplicá-los nas suas aplicações Flash de uma forma tão simples como fazia anteriormente com os filtros existentes. Os filtros criados pelo utilizador podem ser aplicados a qualquer tipo de DisplayObject, desde imagens e vectores a vídeo. Os filtros podem depois ser animados em runtime.

Suporte 3D nativo > ver vídeo

Podemos finalmente usar 3D nas nossas aplicações sem termos que recorrer ao Papervision 3D, Sandy ou Away3D, graças ao suporte embutido da coordenada Z. O melhor é ver o vídeo acima.

Melhorias drásticas no suporte a texto > ver vídeo

O suporte a texto foi drasticamente melhorado, permitindo:

• Aplicar anti-alias, rotações, etc, às fontes de sistema (device fonts);
• Suporte a texto right-to-left;
• Suporte a elementos tipográficos, como ligaduras tipográficas;
• Controlo do layout do texto através de tabelas, imagens inline, colunas;
• Suporte de anti-aliasing avançado (Saffron 3.1), que aumenta a performance e a qualidade das fontes anti-aliased;

Melhorias à Drawing API > ver vídeo

É agora muito mais fácil desenhar sem ser necessário recorremos à técnica do “lineTo”, “lineTo”, “lineTo”, sendo possível construir figuras complexas com relativa simplicidade. Uma das características da nova Drawing API é a possibilidade de alterar figuras já construídas – o que simplificará largamente o processo de se animarem figuras desenhadas pelo utilizador.

Aumento da performance visual graças a aceleração por hardware > ver vídeo

Através de um parâmetro no código de Embed do SWF o Flash Player passará a utilizar a placa gráfica para calcular efeitos de composição de bitmaps, filtros, blend modes, vídeo, etc, deixando mais espaço para o CPU respirar. Em utilizadores cuja gráfica na seja suportada, o Flash Player adapta-se para utilizar o processador, tal como acontecia antes.

Suporte de audio e vídeo melhorados

Foi introduzido o suporte de Dynamic Streaming que permite que seja ajustada automaticamente do lado do servidor a qualidade do vídeo de forma a optimizar a experiência de visualização do utilizador, evitando-se o efeito de “vídeo aos soluços”. Este ajustamento é feito através de cálculos de qualidade do serviço que medem tanto as condições da rede (largura de banda) ao longo do tempo, como informações do CPU.

O suporte de streaming por RTMP também foi melhorado, sendo introduzido o protocolo RTMFP que não é mais do que o RTMP a correr sobre UDP, obtendo-se uma performance muito superior.

O audio também foi melhorado com a introdução de um novo codec – Speex – que permitirá uma melhor qualidade de som com menores necessidades de largura de banda.

Acesso ao FileReference em runtime

Esta é uma das minhas funcionalidades favoritas! É agora possível utilizar a janela de browse para escolher um ou mais ficheiros no disco, manipulá-los localmente (sem ser preciso enviar para o servidor), e depois voltar a colocá-los no disco. Basicamente, o utilizador poderá agora escolher, por exemplo, uma imagem com vários megas, sendo imediatamente carregada no Flash Player (sem ser preciso ser enviada para o servidor). Poderão posteriormente ser aplicadas transformações à imagem, e ser gravadas localmente ou no servidor, caso o pretendamos.

Outras funcionalidades

• Gestão de cor – os SWFs podem ser convertidos para sRGB, e podem utilizar os perfis de cor (ICC) dos monitores;
• Geração dinâmica de som;
• Novo tipo de dados: Vector - este novo tipo de dados foi introduzido em conformidade com a norma EcmaScript 4, resultando em ganhos de performance. Um Vector é o mesmo que uma matriz, com a particularidade de que todos os elementos que agrega são do mesmo tipo de dados;
• Suporte de bitmaps até 16,777,216 pixeis (4096×4096)
• Controlo do context menu: temos agora mais poder sobre o context menu, sendo inclusivé possível colocar Rich Text nas opções do context menu;
• Suporte à norma GB18030 (o conjunto de caracteres chineses mais recente);
• Suporte ao Ubuntu OS.

Para experimentar a nova versão do Flash Player será preciso remover a anterior. Para quem trabalha com Flash/Flex e não quiser perder o Flash Debug Player, é recomendado que removam o Flash Player 9 apenas no Internet Explorer e instalem o Flash Player 10 para IE, mantendo o Flash Debug Player 9 no Firefox.

Mais informações sobre o Flash Player 10 aqui.