TSW - That Should Work

Flash Builder 4; Uma análise mais a sério!

Mário Santos — Fri, 26 Jun 2009 11:35:36 +0000

Bem, e as novidade não são poucas….muita coisa melhorou e muitas outras coisas foram acrescentadas nesta nova versão. Depois da publicação de um artigo meu em inglês no thetechlabs foi acordada também a publicação aqui no blog da sua versão em Português e aqui vai.

Neste artigo vamos discutir alguns pontos desta nova versão do antigo Flex Builder agora chamado Flash Builder, heis os pontos aqui discutidos:

Criando um novo Projecto.
Namespaces
Temas e Skins
Novidades a nivel do Action Script & MXML
Wizard de código e Serviços
Ligações de dados; Exemplo PHP (+ ZendFramework)
Interacção com dados
Documentação AS3
Unit Tests
Interacção com o Flash Catalyst
Notas finais

Mas antes de começar a alongar-me na introdução vamos dar uma vista de olhos na IDE que à primeira vista parecer quase igual, mas na realidade só é tão igual ao Flex Builder 3 até criar-mos um primeiro projecto. À primeira vista apenas se sobressai um novo painel ao fundo, onde podem ver 2 tabs Data/Services e Network Monitor que são nova nesta versão, e acreditem que se tornam muito uteis. Vejam então a tão falata IDE: (cliquem para ver maior).

No ecrã principal podem também encontrar alguns links que são muito uteis, principalmente para quem está a iniciar no Flash Buider, têm também um link para o Tour de Flex que até foi actualizado com alguns elementos do Flex 4, vale a pena ver. De resto, tudo igual apenas com a excepção do logotipo do eclipse ao lado direito, que parece dar relevo à excelente e versatil plataforma eclipse….(...)
Leia o resto de Flash Builder 4; Uma análise mais a sério! (2,995 palavras)

© Mário Santos em TSW - That Should Work, 2009. | Link Permanente | 3 comentarios | Adicionar ao del.icio.us - Stumble it - Google Bookmark - technorati
Mais artigos relacionados nas categorias: Analise, as3, Flash Builder 4, Flex 4, Gumbo, PHP, spark, Tutorial, zendFramework

Flash Catalyst; Primeira abordagem.

Mário Santos — Mon, 15 Jun 2009 14:27:46 +0000

Bem, depois de algum tempo a explorar as novas ferramentas da adobe, decidi começar por falar do Flash Catalyst.
Antes de mais devo confessar que apesar de ter o vicio do desenvolvimento em AS3 / Flex também tenho um grande gosto a nivel visual e gráfico, sendo que parece que o flash catalyst foi feito para mim.

A nivel visual o Flash Catalyst está muito bem conseguido, com uma ambiente simples, distribui muito bem todas as grandes “ares” de trabalho, dando enfase ao que realmente interessa. Estas areas principais são 4 + 1, falo assim porque existem 4 areas bem definidas e um quinto painel que curiosamente não têm nome, o qual apelidei carinhosamente de painel mágico. Mais à frente explico porque.

A primeira area é destinada aos “States“, sim, se não gostam muito de states (como eu) vão ter que se habituar (também como eu). Nesta area encontramos inicialmente apenas um state, ou seja, o stage principal. Aqui poderemos adicionar mais estados à nossa aplicação, criando um cópia do primeiro ou então criando um state novo. Imagine, teriamos por exemplo no primeiro state um login, no segundo a parte de visualização, no terceiro a parte de modificação.. enfim, tratam-se como se fossem “paginas”, tal como no flex builder já era possivel fazer.

A segunda area é o nosso palco principal (Stage), onde podemos adicionar alguns elementos/componentes ou importar graficos do photoshop ou ilustrador. Aqui pouco há a explicar, trata-se de uma parte ambiente tal como o Flash CS4.

A terceira parte é talvez uma das que mais complicações pode trazer, mas na realidade é muito facil de usar. Trata-se de uma Timeline, onde ao contrario do flash não está dividida em frames, mas sim (e desta feita, faz juz ao nome) dividida em espaços de tempo, o que nos indica com exactidão o tempo. Se colocarem 2 states no vosso projecto, esta será a area onde se podem animar as transições de um state para o outro e vice versa. Aqui podemos também definir transições individuais de determinados componentes de ambos os States, por exemplo animar unicamente uma datalist de um state para o outro.(...)
Leia o resto de Flash Catalyst; Primeira abordagem. (716 palavras)

© Mário Santos em TSW - That Should Work, 2009. | Link Permanente | 5 comentarios | Adicionar ao del.icio.us - Stumble it - Google Bookmark - technorati
Mais artigos relacionados nas categorias: catalyst, Flash, ide, Introdução, layout, Review, Revisão

Flash, Flex e AIR – Tutoriais

Mário Santos — Thu, 04 Jun 2009 13:45:26 +0000

Tutoriais Flash, Flex and AIR

Bom, venho falar do The Tech Labs disponivel em http://www.thetechlabs.com que se dedica exclusivamente à publicação de tutoriais Flash, Flex e Air, embora seja em inglês, o seu conteudo é muito facil de entender, até porque disponibiliza em todos os seus exemplos o código fonte para download.

De entre os artigos encontra de tudo, desde uma série de exemplos de como trabalhar com a framework alternativa3d, ou away3d até aplicações completas quer para Flash, Flex, Air ou até mesmo flash lite.

Recentemente também conta com a minha participação (se o facto de estar em inglês não agrada, talvez assim já mereça uma visita… huahuah) onde já coloquei 3 tutoriais, 2 dedicados ao Flex e um ao Flash (sim, também trabalho com flash) que têm como titulos:

Integrate Flex Builder 3.0 & Php easly with the fresh ZendAMF

Build a contact manager in Flex with ZendAMF; Part One – Layout; From Photoshop to Flex

Create real water effects with Flash CS4 & ActionScript 3.0

Dêm uma vista de olhos, e aproveitem para navegar pelo resto do site, de certeza que vão encontrar alguma coisa bem util! Abraço!

© Mário Santos em TSW - That Should Work, 2009. | Link Permanente | 2 comentarios | Adicionar ao del.icio.us - Stumble it - Google Bookmark - technorati
Mais artigos relacionados nas categorias: action script 2, action script 3, Air, código fonte, Flash, flash lite, Flex, The Tech Labs, Tutoriais

Surpresa da adobe!

Mário Santos — Mon, 01 Jun 2009 11:33:28 +0000

Uma imagem vale mais do que mil palavras, (sim, os meu OS está em françês :=) ) pois é… o titulo já está gasto “Flash Builder 4 e Flash Catalyst disponiveis pra download” por isso uma forma diferente de anunciar a todos que a adobe acaba de dar mais um passo de gigante no mercado das RIA’s, desta vez não só dedicado ao amantes do flex, mas sim aos seguidores do flash, tanto designers como programadores, e agora sim, podemos alcançar aqueles layouts de sonho facilmente. Ou pelo menos é o que se espera.

Ainda à 2 dias tinha vindo expecular a possivel brevidade destes downloads, e voilá! Como o Mário Junior disse… estava mesmo pra mais breve do que pensava!
Foi então hoje que a adobe mudou a forma como se olham as RIA’s, lançando as versões do Flash Builder 4 (antigo Flex Builder), o Flash Catalyst e o SDK do flex 4 (aka Gumbo).

Desta forma, acabei de instalar ambos, o flash builder pode ser instalado juntamente com a versão 3 do flex builder, não necessitando de o desinstalar. Quanto aos mais cépticos, o flash builder 4 propoe-se a abrir e executar todos os projectos do flex builder 2 e 3, mas uma vez alterados no flash builder 4 estes não funcionarão mais na versão 2/3.

Posso adivinhar que traz muitas novidades, e ainda vou perder muito tempo a rever e encontrar novas funcionalidades, mas também estou céptico quanto à demasiada facilidade que o catalyst veio trazer, o que pode indicar a entrada de designer pro mercado das ria’s, será isto uma vantagem? ou talvez não… com o tempo veremos.

Quanto à revolução… começou agora! (acho!)
Quanto a mim! bem… esperem novidades no blog, farei uma pequena analise de ambos os produtos..

Abraço e go labs, go!

Flash Builder 4 e Flash Catalyst pra breve?!?!

Mário Santos — Fri, 29 May 2009 11:43:27 +0000

Pra breve?!? Não sei se será o termo, ainda ontem estava a discutir algumas ideias com o Fabio Vedovelli sobre a grande “discussão” que anda por aí onde toda a gente discorda com alguns pontos tomados na escolha do estilo de programação do flex 4 a nivel de MXML. Mas bom, no meio dessa conversa acabamos por referir que era estranhissimo a adobe não dar noticias sobre as datas da primeira beta de ambos os produtos… enfim… ninguém sabe bem o porque de demorar tanto, mas temos que nos habituar a isso.. muito provavelmente estão a melhorar muitos pontos de cruzamento das duas aplicações… (ah, pra quem não sabe o flex builder passará a chamar-se flash builder).

Mas hoje, vi um “estranho” anuncio, um evento “[Flash Builder 4 / Flash Catalyst] (Beta) Launch” do Ottawa Flash Platform User Group onde é indicado o Lauch tour, indicando que se aproxima pra breve a distribuição da primeira beta de ambos os produtos… será?

Eu continuo a achar que não será assim pra tão breve, mas por este titulo fico até na esperança… (em muitos lugares, incluindo nos blogs da adobe, foi anunciado uma primeira beta para o meio deste ano.. junho, certo? ) embora ache que só lá pra outubro será verdadeiramente distribuida no labs da adobe a quando do MAX LA/CAlifornia.

No então…. fiquemos no aguardo… e vocês? que acham disto tudo?

© Mário Santos em TSW - That Should Work, 2009. | Link Permanente | 6 comentarios | Adicionar ao del.icio.us - Stumble it - Google Bookmark - technorati
Mais artigos relacionados nas categorias: flash builder, Flash Catalyst, Flex, Flex 4

E o vencedor é…. Adobe AIR

Mário Santos — Mon, 25 May 2009 11:32:00 +0000

Um titulo um pouco estravagante, mas a verdade é que ganhou mesmo…

Falo do concurso Cnet Webware que visa premiar as melhores 100 aplicações “web” em diversos campos, o concurso que conta principalmente com a opinião dos leitores não deixa de ter o seu peso. Incluido na categoria de infra-estrutura e arquivamento de dados, esta é uma prova que o Adobe AIR está a ganhar terreno, porque além de ser a forma mais viavel de colocar conteudo multimedia no desktop, também é facto que se posicionou entre pesos pesados como o bitTorrent, facebook ou até o windows live Sky Drive..

Para muitos cépticos esta não é mais do que uma “medalha sem valor” mas para mim é sem duvida o reconhecimento do que de melhor a adobe têm feito para inovar, e que apesar da fraca/média divulgação, conta com uma grande comunidade de seguidores, programadores e agora também utilizadores/simpatizantes…

Parabéns!

Saiba mais no artigo orginal

© Mário Santos em TSW - That Should Work, 2009. | Link Permanente | Sem comentarios | Adicionar ao del.icio.us - Stumble it - Google Bookmark - technorati
Mais artigos relacionados nas categorias: Adobe Air, Cnet, Desktop, Flex, vencedor

Flash/Flex vs Silverlight, uma comparação.

Mário Santos — Thu, 14 May 2009 13:04:00 +0000

Bem… vamos outra vez pelo campo das comparações, mas desta feita quem falou foi Muhammad Usama Alam num ótimo post a falar sobre ambas as tecnologias, embora tenha ficado muito por falar, mas acho que o artigo merece destaque, não levasse ele o carimbo da Smashing Magazine.

Vou apenas resumir alguns pontos desse artigo e acrescentar outros, no total 15:

Animação; Ambas as tecnologias usam uma timeline, embora no flash seja apenas usada animação frame-by-frame, no silverlight pode ser usada uma animação baseada em tempo, definindo o estado de um elemento no inicio e o mesmo estado no final sendo a animação feita percorrendo essa linha de tempo mas também pode ser usada a animação frame-by-frame usando o Blend. O flash implementa alguns novos tipos de animações na sua ultima versão.
Tamanho final; O flash disponibiliza a sua versão final comprimida, podendo embutir ficheiros, video e audio, enquanto que o silverlight usa o XAML como descritor da aplicação e como não usa qualquer compressão, geralmente o tamanho das suas aplicações é bem maior.
Programação; O flash/flex utiliza o Action Script que é conhecido pela sua grande versatibilidade, possui uma extensa lista de recursos disponiveis na web, muitos componentes feitos e a capacidade de comunicar praticamente com qualquer outra linguagem, como php, asp, ruby, java e muitas mais. Existem algumas IDE’s para programação de Action script gratuitas e a própria framework Flex é gratuita e open source.
O silverlight utiliza como sua base de linguagem o Visual C .net ou visual basic .net. Está reduzido ao uso dos produtos da microsoft, quem não são open source embora já exista uma ou outra alternativa gratuita para servidor de IDE. O suporte do .NET já é grande, mas não têm comparação ao flash/flex. Como se trata de uma tecnologia recente, ainda se encontra limitado no que diz respeito à comunicação com outras linguagens de programação embora também seja possivel. Uma das vantagens neste aspecto é a vantagem profissional, para desenvolver silverlight existem profissionais com cursos superiores e formação em .NET, enquanto que o action script não é profissionalizado o suficiente para merecer o titulo de profissional principalmente no que diz respeito ao Adobe Flex.
Video e Audio; O Flash suporta enumeros formatos de video e audio, que se juntarmos ao Flash Media Server transforma o flash capaz de ler grande parte dos formatos do mercado incluindo video em alta definição com codec’s como H.263 ou H.264. Enquanto que o silverlight ainda se encontra limitado ao Windows Media Video/Audio; wmv ou wma. O flash suporta renderização 3d (nativa no flash 10.x) enquanto que no silverlight o suporte é muito reduzido ou quase nulo. (espera-se que melhore na versão 3)
Processamento de som; O Flash pode até gerar som nas versões 10.x do flash player. Nativamente já possui bastantes classes para lidar com audio, em especial mp3. O Silverlight não possui qualquer API nativa de controlo de Audio, nem mesmo para para o playback de ficheiros WAV.(...)
Leia o resto de Flash/Flex vs Silverlight, uma comparação. (716 palavras)

© Mário Santos em TSW - That Should Work, 2009. | Link Permanente | 8 comentarios | Adicionar ao del.icio.us - Stumble it - Google Bookmark - technorati
Mais artigos relacionados nas categorias: Flash, flash vs silverlight, Flex, silverlight

RIALABS – Uma escolha a considerar!

Mário Santos — Wed, 13 May 2009 15:11:58 +0000

http://www.rialabs.com.br

Bem, desta feita venho falar da RIALABS, uma empresa recém criado pelo meu caro amigo Fábio Vedovelli. Trata-se de uma empresa orientada especificamente para o desenvolvimento de aplicações ricas para web, as tão aclamadas RIA’s. Como devem imaginar as RIA’s podem trazer muitas vantagens a um qualquer aplicativo web, desde a multi-plataforma, multi-browser simplicidade de uso em qualquer lado, visual agradavel…enfim, poderia escrever aqui muitos mais argumentos, mas nada como ler o ótimo artigo que a própria empresa escreveu no seu blog.

A RIALABS têm como principalmente foco o desenvolvimento com Adobe Flex e JQuery, passando também pelo Adobe AIR ,que permite a implantação de um sistema no desktop, e tudo isto sem esquecer o php e mysql.

Se procura uma solução com campo das RIA’S, a RIALABS é uma ótima solução. Entre em contacto com a empresa e peça uma avaliação/orçamento gratuito do seu projecto, posso adiantar que o Fábio é uma ótima pessoa e que com certeza não se irá arrepender de ter escolhido a RIALABS. A Sede da empresa é em S.Paulo, Brasil, mas pode efectuar trabalho para qualquer parte do mundo… eis a vantagem da internet!

Site oficial: http://rialabs.com.br/

RedeRIA – 6 Semanas depois!

Mário Santos — Mon, 11 May 2009 15:21:28 +0000

Antes de mais, as minhas desculpas para os leitores visto que tenho andado um bocado ocupado e não tenho tido tempo para colocar artigos no blog. Mas bom, venho falar do RedeRIA lançado por mim à cerca de 1 mês e meio, e venho agora apresentar alguns pontos sobre o projecto.

6 semanas depois do lançamento do RedeRIA, este conta já com 21 Blogs agregados, dos quais 3 dedicados exclusivamente ao Silverlight, 1 ao Adobe AIR e os restantes ao Adobe Flex e tecnologias como java, php, .net, ruby e outras…

Conta já com + de 100 leitores diários de feeds e outros tantos seguidores no twitter. Praticamente diáriamente é escrito algum artigo nos blogs do redeRIA, que é automaticamente indexado no redeRIA, sendo também automaticamente duvilgado no twitter e no feed. Foi também criada uma versão para dospositivos móveis, que permite que o redeRIA possa ser lido também nestes suportes.

A nivel de visitas, nestas 6 semanas o redeRIA teve a visita de 8.300 pessoas e conta já com 519 entradas indexadas no motor de busca do google, partindo neste periodo cerca de 2.780 visitantes com destino aos blogs dos autores.

Infelizmente, neste periodo, ainda foram recusadas 4 pedidos de agregação, não pelo motivo de não possuirem bom conteudo, mas pelo facto de estarem quer em espanhol, quer em inglês, facto este que não pode ser aceitado no redeRIA.

De resto, até posso considerar que o redeRIA obteve bastante sucesso, principalmente com a ajuda dos agregados, no entanto venho pedir que divulguém o projecto, para que possamos tornar o RedeRIA viavel para se tornar na melhor referencia de RIA’s em Português.

Com muita certeza que alguns pontos podem ser muito melhorados, e para isso peço também que deixem algumas criticas, comentários, sugestões ou ideias! E se alguém conhecer ou tiver um blog que queira ver agregado pelo RedeRIA é só envia-lo usando o formulario presente no mesmo sistema!

De resto, subscrevam o feed e acompanhem o redeRIA no twitter! @rederia

http://www.msdevstudio.com/rederia

Abraço.

© Mário Santos em TSW - That Should Work, 2009. | Link Permanente | Um comentario | Adicionar ao del.icio.us - Stumble it - Google Bookmark - technorati
Mais artigos relacionados nas categorias: Adobe, Ajax, Flex, microfosft, rederia, Ria, silverlight, xml

Flex/AS3 – Singleton+EventDispatcher = Application Auto-Refresh

Mário Santos — Mon, 27 Apr 2009 14:44:51 +0000

Bem, este post vai ser um bocado extenso, mas tenho a certeza que vai ser muito util como me foi a mim. Um dos problemas que tinha na minha aplicação (CRM) que usa apenas PopUp Windows (TitleWindow) era fazer um refresh à listagem de clientes sempre que um cliente novo fosse adicionado. Isto também se aplicava aos produtos, fornecedores e mais…

Coloquem o seguinte caso:

Um utilizador do CRM têm que fazer um orçamento a um cliente, logo abre o menu “Orçamentos” e escolhe “Novo”. Cria o seu orçamento e só depois é que vai inserir o cliente atravez do seu código, ou atravez de uma caixa de procura ( “Procura Clientes” ) que vai listar todos os clientes, então vê nessa janela “Procura Clientes” que o cliente não existe na base de dados. Decide então ir ao menu “Clientes” e selecionar “Novo”, preenche as devidas informações e clica em guardar… o cliente é adicionado, ele fecha a janela e percorre a janela aberta “Procura Clientes” e o cliente que ele acaba de inserir não se encontra na lista. Este era o problema.

1. O Problema – Porquê que isto acontece?
Simples, como a janela que lista os clientes estava aberta antes do novo cliente ser adicionado, ela apenas listou os clientes existentes na altura da sua abertura.

2. Soluções:
2.1. Criar um timer para refrescar a chamada ao backend, altamente desaconselhavel, visto que ciclicamente seriam feitas chamadas remotas o que aumentaria em muito os gastos de memória e mesmo assim o timer teria sempre um intervalo que poderia não coincidir com o adicionar do novo cliente.
2.2. Ao adicionar um novo cliente, verificar se a janela de clientes está aberta e se estiver criar uma função para fazer o refesh e buscar os dados mais recentes do backend, mais lógica mas no entanto confusa porque teriamos andar a verificar e controlar todos os estados do popup, e se for neecssário informar mais de que uma janela desta actualização teriamos o dobro do trabalho.

Mas então como solucionar? Também pensei bastante nisso e até pedi uma dica ao Fabio Vedovelli e ele também me propos a mesma dica do 2.2. mas eu queria uma solução mais prática e então lembrei-me das classes singleton. Se pensar-mos bem um class singleton como usa sempre a mesma instancia ela é sempre a mesma onde quer que seja usada certo? Comentei com o Ved que talvez fosse possivel propagar um evento interno pela class singleton e escutar esse evento em qualquer lado da aplicação desde que escutasse esse evento… e nada como testar… decidi começar a fazer uma implementação de uma classe singleton que fizesse isto… eis a solução:

2.3. Usar uma class singleton para propagar um evento para varios “alvos” informado esses alvos de determinada acção. Neste caso informando que foi adicionado um novo cliente.

(...)
Leia o resto de Flex/AS3 – Singleton+EventDispatcher = Application Auto-Refresh (359 palavras)

© Mário Santos em TSW - That Should Work, 2009. | Link Permanente | 4 comentarios | Adicionar ao del.icio.us - Stumble it - Google Bookmark - technorati
Mais artigos relacionados nas categorias: actualizar, auto, dispatch, event, Flex, refresh, singleton, update