FLEX


aev_logo

Amigos, tenho o prazer de divulgar e convidar a todos para participarem do evento Adobe En Vivo, para quem ainda nao conhece, é um evento de carater internacional, organizado pelo Adobe User Group Peru, onde se convitam grandes personalidades do mundo web para discutir e compartilhar conhecimentos em conferencias, de forma presencial, gratuitas e oficinas personalisadas.

O evento presencial será realizado em dezembro, porém, por ser um evento anual,  meu amigo e palestrante Guillermo de la Iglesia (Zguillez), que diga se de passagem é ninja em flex/flash/air/as3, junto com os organizadores do evento, tiveram a ideia inovadora deste ano também criarem uma versao on-line para o evento, que será realizada agora em Julho/2009.

Ao todo serao 21 conferencistas entre entre manager, co-manager e lideres de comunidades.

O evento será transmitido pelo Adobe Connect, por isso, para participar do evento basta clicar no link que será disponibilizado no site do evento.

Segue abaixo relacao dos palestrantes com os respectivos assuntos que serao abordados em cada palestra:

Terca-Feira 14/07

  • Realidad Aumentada
    Perú – Elder Vásquez (eldervaz)
  • Entrelazado vs progresivo en After Effects
    España – Jorge Mochon
  • Contenido dinámico con InDesign
    Colombia – Marlon Ceballos
  • Haciendo la Web más Dinámica con Premiere, Encore y After Effects
    Rep.Dominicana – Luis Sosa

Quarta-Feira 15/07

Quinta-Feira 16/07

Sexta-Feira 17/07

  • Mobile Video – Dandelion Player for Flash Lite
    España – Raul Jimenez (elecash)
  • Juegos en Flash Lite
    España – Marcos González
  • Flash Builder 4 – Data Centric Development
    España – David Lopez
  • ADOBE
    EEUU – John Koch – Community Manager
    International Developer Relations Manager

Sábado 18/07

Voce pode visualizar agenda completa do evento com data e hora de cada palestra, clicando aqui.

Apesar do incomodo para quem nao sabe muito bem espanhol, aconselho que todos deem no minimo uma “espiada”.

Abracos,

Silva Developer

P.S: Mais uma vez fica aqui o pedido de desculpas pela falta de acentos, é pelo layout do teclado.

logo_concurso

Como participar? 1,2,3 passos

1 – Grave seu vídeo
2 – Faça o upload no youtube
3 – Tag nas opções do youtube como :porqueflex tudo junto e minúsculo

Pronto você está participando do concurso cultural.

Regras:

As regras do concurso são simples, faça o bom video que os critérios são:

Originalidade
Criatividade
Melhor justificativa

Prêmio:

O melhor vídeo leva para casa como presente de natal.

1 Licença do Adobe Flex 3 Builder Professional

Validade:

Até dia 23/12/2008 (prazo final)

Quem pode participar?

Grupos de usuário Flex-brasil e Flexdev
Grupos de usuário Flex de Portugal.

Visite a Flex-Brasil:www.flexbrasil.org

Lista de discussão: http://br.groups.yahoo.com/group/flex-brasil/

Visite Flexdev grupo de discussão: http://groups.google.com/group/flexdev

index_r3_c2

Com este curso da e-genial, você irá aprender a usar o Adobe® Flex™ 3 para criar aplicações ricas para a web, tirando o máximo de proveito dos componentes e controles que o framework possui.

Com uma metodologia interativa e com um suporte completo você terá um grande material de apoio para o dia a dia, além de poder aumentar a rede de contatos profissionais.

Público alvo:
Empresas de desenvolvimento e desenvolvedores autônomos que pretendem criar ricas e interativas interfaces para seus aplicativos, com qualidade e produtividade. Além de profissionais que já trabalham com Flash, ActionScript 2 e designers.

Objetivo:
Permitir que todos os participantes aprendam a criar aplicações ricas para a internet usando o Flex como camada de apresentação, interagindo com fontes externas de dados usando comunicações serializadas como XML e AMF3.

Pré-Requisitos:
Conhecimentos básico de HTML, JavaScript, XML, Orientação a objetos, e alguma linguagem de programação server-side como JSP, ASP, PHP, Ruby, Rails, ColdFusion ou ter experiência prévia com ActionScript 2.

Conteúdo:
O curso é um passo a passo que vai deste a instalação do Flex SDK e Flex Builder até ao ponto de colocar a aplicação em produção. VEJA A GRADE

O curso inclui exercícios?
Sim, o curso inclui aulas teóricas e práticas que são acompanhadas de exercícios e vários exemplos.

Durante o curso, serão aplicados vários exercícios de apoio ao aprendizado, sendo que alguns exercícios serão fundamentais para dar continuidade ao andamento do curso. Assim, a parte prática serve tanto como ponto de fixação dos conceitos como também apresenta situações reais de uso do Flex no dia a dia.

Clique aqui e veja o vídeo de demonstração do curso.

Para maiores informações sobre o curso, clique aqui.

Há poucos dias tive a oportunidade de conhecer mais um produto da e-genial, o For Conference (4Conference), e como não deixaria de ser, vindo da e-genial e do Carlos Eduardo, achei bastante interessante e inovador.

For Conference é um conjunto de componentes Flex que permite criar aplicações de conferências com poucos cliques. Todos os componentes são do tipo, clique, arraste e solte, facilitando a criação de aplicações multimídias para serem colocadas em produção ou até mesmo para estudos de usuários iniciantes.

O conjunto de componente é composto por Tile de Pods para áudio e vídeo conferência, Chat, Status e classes que estendem SharedObjects. O o diferencial é que este componente pode ser usado junto a maioria de servidores Flash Media que existe no mercado, como Flash Media Interactive Server, Wowza Pro, Milgra Grafter Server e até mesmo o RED5.

Veja algumas telas:

Código gerado:

Exemplo customizado via CSS:

Acesse http://tomsas.com.br/forconference/ para ver uma app em funcionamento. Para ver o código fonte gerado de toda a aplicação, basta acessar botão direito -> View source.

Você também pode clicar aqui e ver o vídeo de demonstração.

Se você desenvolvedor ou empresa privada se interessou pelo For Conference, entre em contato agora mesmo com a e-genial, pelo site: www.egenial.com.br ou pelo e-mail: falecom@egenial.com.br.

Apoiando a idéia do meu amigo Fábio Vedovelli, estamos lançando a idéia: ALDEIA FLEX. Para os que ainda não conhecem, o Campus Party Brasil (http://www.campus-party.com.br/) é um encontro de internet, onde os participantes levam barracas e acampam e passam 5 dias no evento, trocando experiencias, usando uma fabulosa conexão de 5Gbps e conhecendo novas pessoas.

No meio de todas aquelas barracas, criar a Aldeia Flex, onde todos os profissionais, parceiros e amigos poderiam se reunir e trocar experiências e conhecimentos profissionais e também “jogar conversa fora”, além de boa parte terem a oportunidade de muitos se conhecerem pessoalmente, como é o caso meu.

Clique aqui e veja o post original feito pelo Vedovelli.

Abraço a todos!.

Todos sabemos que nos dias de hoje, onde o tempo e o prazo sempre são muito curtos, não podemos perder tempo “reinventando a roda”, seja em qualquer linguagem e ambiente de programação.

Uma boa solução para isso é a utilização de componentes, cujos quais já possuem diversas funcionalidades incorparadas que pode facilitar e muito em nossa rotina de desenvolvimento.

Por isso, estou disponibilizando abaixo esta lista que contém links para diversos sites que disponibilizam uma série de componentes open-source.Espero que gostem, segue abaixo a lista:

DisplayShelf Component - http://www.quietlyscheming.com/blog/components/tutorial-displayshelf-component/ Um componente que pode ser entendido como uma aula sobre alguns pontos bem interessantes do flex, como o Matrix, Item renderer, masking, bitmap manipulation, etc… o resultado final dos 2 exemplos é muito bom!!

ASDIA - http://code.google.com/p/asdia/ Uma libraria para desenhar diagramas de dados na nossa aplicaçao flex.

Flex Bookhttp://www.quietlyscheming.com/blog/components/flexbook/ Um componente que simula um livro, que pode conter qualquer outro componente, folheado pagina a pagina, é uma maneira bem original de mostrar conteudo na nossa aplicação.

Um componente treeMap, que permite apresentadr dados de uma forma bem original e profissional.

FlexFM - http://flexfm.us/about/ Um componente que permite que o flex se ligue directamente ao FileMaker (sistema de base de dados)

Ramdom Walk Componenthttp://www.quietlyscheming.com/blog/components/randomwalk-component/ Um componente que cria um menu conhecido como Walk. Um optimo exemplo de menu pratico.

FlexUnithttp://code.google.com/p/as3flexunitlib/wiki/Welcome Fornece uma pequena framework para testar o nosso aplicativo, bem como as suas librarias.

FishEye Component - http://www.quietlyscheming.com/blog/components/fisheye-component/ Um componente e explorador, que cria o efeito fishEye visto em tantos menus como até o proprio menu tipo mac.

ASSqlhttp://code.google.com/p/assql/ Um conjunto de classes que permite que uma aplicação AIR faça chamadas directas a uma base de dados MySql.

Animated Drag & Drophttp://www.quietlyscheming.com/blog/components/animated-dragtile-component/ Um exemplo de uma grande utilidade, principalmente educativa. Demonstra a utilização de propriedades drag & drop em elementos menos usados.

Metaphilehttp://code.google.com/p/metaphile/ Uma libraria que permite ler e escrever os “cabeçalhos” (metadata) nos ficheiros audio (ID3), video ou até swf, que até podem incluir imagens, titulos, etc…

Flex Calendarhttp://code.google.com/p/flexcalendar/ Embora não muito profissional, esta libraria pode ser extensa e usade de uma forma bem util.

Interactive Calendarhttp://www.quietlyscheming.com/blog/components/interactive-calendar/ Mais um calendário, mas este muito mais interactivo, que basicamente serve de agenda em que podem ser apresentados varios calendários de varios utilizadores, muito util quando hà necessidade de guardar agendas partilhadas…

Flexedtoolkit - http://code.google.com/p/flexedtoolkit/ Um conjunto de librarias e componentes que podem facilmente ser usados e que são de grande utilidade, tais como AutoRefresh, ClientIdleTimeout, customAlerts ou customGrid.

Datagrid Searchhttp://www.preterra.com/flexsamples/gridsearch/gridsearch.html Um exemplo de como utilizar um sistema para procurar algo numa datagrid e colorir as linhas que apresentam essa palavra procurada.

Landscape Zoomerhttp://www.quietlyscheming.com/blog/components/landscape-zoomer/ Um componente que permite ampliar imagens a partir das suas miniaturas, utiliza no exemplo a API do flickr para obter as imagens.

Interactive ToolTiphttp://www.meutzner.com/blog/index.cfm/2008/2/20/A-PersistentInteractive-Tooltip-in-Flex Um tooltop personalizado com um botão para mais informações. Simples mas muito util.

Dual Slider Componenthttp://www.meutzner.com/blog/index.cfm/2006/7/26/Dual-Slider-Component Um componente muito util, que permite usar um slider para escolher 2 valores, ou algo compreendido entre 2 valores.

Flex Chart Range Selector - http://www.stretchmedia.ca/blog/index.cfm/2007/3/9/Flex-Chart-Range-Selector–Google-Financeish / Muitas vezes os nossos graficos são demasiado extensos, este componente permite visualizar apenas parte do grafico, tendo em baixo uma miniatura total do grafico que nos permite escolher a area a visualizar. Actualizado em: http://www.stretchmedia.ca/blog/index.cfm/2007/3/12/Chart-Range-Selector–Take-Two

FlexLib - http://code.google.com/p/flexlib/ Pouco mais hà a falar, a tão conhecida libraria de componentes flex. Reune componentes como: AdvancedForm, Base64Image, EnhancedButtonSkin, CanvasButton, ConvertibleTreeList, Draggable Slider, Fire, Highlighter, HorizontalAxisDataSelector IconLoader, ImageMap, PromptingTextArea, PromptingTextInput, Scrollable Menu Controls, SuperTabNavigator, Alternative Scrolling Canvases, Horizontal Accordion, TreeGrid, FlowBox, Docking ToolBar, Flex Scheduling Framework

Flex Debug Componenthttp://www.mikenimer.com/index.cfm/2006/7/5/FlexDebugPanel Um debugger para o flex, permite observar variados dados em tempo de execução.

JAM – Just ActionScript & MXML – http://www.onflex.org/code/ Um depósito de algum código bem util em ActionScript e MXML. Pode encontrar alguns exemplos de packages e componentes.

SpringGraph Flex Componenthttp://mark-shepherd.com/blog/springgraph-flex-component/ Um componente bem original, que apresenta uma forma de apresentação de dados num grafico com elementos unidos entre eles.

Yahoo Astra Flexhttp://developer.yahoo.com/flash/astra-flex/ Um conjunto de componentes para o flex de uma grande utilidades. Contem componentes como AutoCompleteManager, ColorPlaneAndSliderPicker, ColorSliderPicker, DropDownColorPicker, IPv4AddressInput, TimeInput, ou TimeStepper

AS3Cryptohttp://code.google.com/p/as3crypto/ Um motor de encriptação que suporta os mais variados sistemas de encriptação.

AS3MailLibhttp://code.google.com/p/as3maillib/ Uma libraria que permite ligar a um servidor de email usando o protocolo SMTP ou POP3.

FleXtensehttp://www.flextense.net/ Gera automaticamente as classes AS3 que servem de comunicação para Web Serviçes.

Audio Visualization Componenthttp://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&loc=en_us&extid=1034708 Cria um equalizer de barras, linhas ou area de acordo com a variação do spectrum do som.

Sand Mailhttp://sourceforge.net/projects/sandmanmail/ Mais um cliente de email (IMAP) feito em flex + php SSR 2 – Super Simple Remote – http://blog.rubyamf.org/?p=102 Uma libraria em Action Script para ligar o flash/flex a objectos remotos.

FlexibleTaskshttp://www.weberdesignlabs.com/flexibletask/FlexibleTasks.html Um sistema blog/CMS feito totalmente em flex, com o código fonte disponivel.

Spell Check Componenthttp://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&extid=1401019 Um componente que fornece correcção ortográfica ao nosso aplicativo. Com certeza, um deles será util para você utilizar na sua rotina diária de desenvolvimento. Abraço, Silva Developer

Durante a rotina do dia-a-dia de desenvolvimento, é muito comum e fundamental utilizarmos teclas de atalho para agilizar os comandos e tarefas mais utilizados, no Flex 3 Builder não é diferente, clique aqui e conheça todas as teclas de atalho do Flex 3 Builder.

Espero ter ajudado.

Abraço,

Silva Developer

É com muito orgulho que informo a vocês o lançamento de um dos primeiros livros de Flex 3 Builder do brasil, o anúncio foi feito pelo próprio autor, Daniel Pace Schmitz no grupo flexdev.

Torço para que seja apenas o primeiro de muitos que virão pela frente e que outros amigos desenvolvedores também tenham esta iniciativa, lançando novos livros que abordem temas mais complexos e avançados como por exemplo integração com back-end e outros.

Informações sobre o livro:

Título: Adobe Flex Builder 3.0 – Conceitos e Exemplos

Autor: Daniel Pace Schmitz

180 páginas – 1ª edição – 2008

ISBN: 9788574523095

Formato: 16 x 23

Previsão de lançamento: a partir de 15/08/2008.

Valor: R$ 45,00

Para maiores informações sobre compra e outros, clique aqui.

Abraço,

Silva Developer

Hoje em dia com o aumento contínuo do uso e popularidade do Excel, é muito comum todas as empresas utilizarem constantemente gráficos para tomadas de decisões entre outras finalidades.

Para suprir esta necessidade, no flex também você encontra componentes que geram gráficos.Um modelo comum de componente gráfico do flex, é o <mx:BarChart>, que insere gráfico no formato de barras.

As principais propriedades do componente BarChart, são:

1) VerticalAxis:

<mx:verticalAxis> <mx:CategoryAxis categoryField="name"/> </mx:verticalAxis>

2) Series

<mx:series> <mx:BarSeries id="barSeries" yField="name" xField="obp" displayName="obp" showDataEffect="{showDataEffectComboBox.selectedItem.data}" /> </mx:series>

Na propriedade series você pode definir ainda efeitos sobre o gráfico, no evento showDataEffect:

<mx:SeriesInterpolate id="seriesInterpolate" duration="1000" /> <mx:SeriesSlide id="seriesSlide" duration="1000" direction="right" /> <mx:SeriesZoom id="seriesZoom" duration="1000" />

Para melhor e mais completo entendimento, veja abaixo exemplo de código completo do gráfico BarChart com efeitos:

<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="middle" backgroundColor="white"> <mx:Script> <![CDATA[ private function updateDP():void { var str:String = categoryFieldComboBox.selectedItem.data; barSeries.xField = str; barSeries.displayName = str; } ]]> </mx:Script> <mx:SeriesInterpolate id="seriesInterpolate" duration="1000" /> <mx:SeriesSlide id="seriesSlide" duration="1000" direction="right" /> <mx:SeriesZoom id="seriesZoom" duration="1000" /> <mx:Array id="dataEffects"> <mx:Object label="seriesInterpolate" data="{seriesInterpolate}" /> <mx:Object label="seriesSlide" data="{seriesSlide}" /> <mx:Object label="seriesZoom" data="{seriesZoom}" /> </mx:Array> <mx:Array id="categoryFields"> <mx:Object data="obp" label="OBP" /> <mx:Object data="slg" label="SLG" /> <mx:Object data="avg" label="AVG" /> </mx:Array> <mx:ArrayCollection id="arrColl"> <mx:source> <mx:Array> <mx:Object name="R Winn" obp=".353" slg=".445" avg=".300" /> <mx:Object name="P Feliz" obp=".290" slg=".418" avg=".253" /> <mx:Object name="O Vizquel" obp=".305" slg=".316" avg=".246" /> <mx:Object name="B Molina" obp=".298" slg=".433" avg=".276" /> <mx:Object name="R Durham" obp=".295" slg=".343" avg=".218" /> </mx:Array> </mx:source> </mx:ArrayCollection> <mx:ApplicationControlBar dock="true"> <mx:Form> <mx:FormItem label="categoryField:"> <mx:ComboBox id="categoryFieldComboBox" dataProvider="{categoryFields}" change="updateDP();" /> </mx:FormItem> <mx:FormItem label="showDataEffect:"> <mx:ComboBox id="showDataEffectComboBox" dataProvider="{dataEffects}" change="updateDP();" /> </mx:FormItem> </mx:Form> </mx:ApplicationControlBar> <mx:BarChart id="barChart" showDataTips="true" dataProvider="{arrColl}" width="100%" height="100%"> <mx:verticalAxis> <mx:CategoryAxis categoryField="name"/> </mx:verticalAxis> <mx:series> <mx:BarSeries id="barSeries" yField="name" xField="obp" displayName="obp" showDataEffect="{showDataEffectComboBox.selectedItem.data}" /> </mx:series> </mx:BarChart> </mx:Application>

Espero mais uma vez ter ajudado. Qualquer dúvida, é só entrar em contato.

Abraço,

Silva Developer

Extraído originalmente em inglês deste post aqui, do blog Flex Examples.