João Gonçalves

somaUI – MVC Framework para FLASH

Posted on 27. Ago, 2009 by João Gonçalves.

Cada vez mais começam a aparecer projectos open-source no âmbito de desenvolvimento Web e RIA´s, nos ultimos dias foi lançada a versão beta da Framework somaUI, criada por Romuald Quantin.

a Soma Framework é uma framework  MVC de Actionscript 3.0 essencialmente virada para o desenvolvimento de sites em Flash , além de que integra a construção do site com recurso a XML e técnicas recentes de SWFAdrress e DeepLinking, de forma a tornar uma site usável e pesquisável pelos vários motores de busca.

A Framework vem acompanhada de uma Interface Gráfica onde é facilmente criado todo a estrutura do site incluindo a integração de conteúdos (imagens, textos, vídeos, etc…), cria automaticamente toda a estrutura de ficheiros do projecto criando inclusive os ficheiros de html, css´s, xml, etc…, sendo posteriormente podemos acrescentar facilmente a estrutura de classes criadas (uma por página), quaisquer elementos que queiramos inserir via actionscript.

para mais informações vejam o site da Framework : Soma Framework, podem ainda ver um video demonstrativo da framework :

Esta framework vem ao encontro de outras já existentes e com maior projecção como é o exemplo da GAIA Framework, da qual ja falei (http://www.joaogoncalves.net/blog/2008/06/23/gaia-framework-para-flash/) , e aproveito aqui também para dar realce a uma framework desenvolvida por uma minha ex-aluna a Cátia Rodrigues, que como projecto final do curso técnico profissional de Multimédia desenvolveu a framework LUNULATA com o mesmo propósito e que lhe valeu uma das melhores notas de sempre do curso assim como um lugar de destaque no meu Blog Roll de alunos brilhantes , vale a pena tambem analisar.

Esperemos que apareçam mais.

 

Continue Reading

Flash Catalyst e Flash Builder

Posted on 01. Jun, 2009 by João Gonçalves.

Em dia da criança nada melhor do que o nascimento de duas novas crianças da adobe embora uma delas seja um simples crescimento e amadurecimento do que já existe.

É verdade hoje a Adobe lançou no labs as versões Beta do FLASH Catalyst, e do FLASH Builder 4, duas ferramentas que virão com certeza alterar todo o processo de desenvolvimento de uma RIA, sendo que o nosso FLASH CAMP, vem na altura exacta, para os mais distraídos não se esqueçam de se inscreverem dia 25 de Junho é gratuito mas limitado aos lugares existentes 350, ou melhor só já existem 200 lugares, não deixem para o ultimo dia a vossa inscrição, para mais detalhes visitem o site no nosso RIAPT AUG.

Começando pelo FLASH Catalyst , ferramenta totalmente nova de interaction design para desenvolver interfaces sem escrever uma linha de código, ou seja com esta ferramenta poderemos: transformar um trabalho gráfico desenvolvido em Photoshop ou Ilustrator numa aplicação ou interface totalmente funcional, criar protótipos interactivos de forma a transmitir a noção do produto final, e criar ma maior interacção e integração entre developer e designer através do novo FLASH Builder 4.

Em relação ao FLASH Builder 4 (ex-FLEX Builder), a primeira novidade é claramente o nome criando desta forma uma clara diferença entre o SDK que continuará a chamar-se Flex SDK, e o IDE de desenvolvimento que irá chamar-se a partir de agora FLASH Builder 4, entre as novidades destaca-se a melhoria e facilidade de integração em todo o processo de desenvolvimento de uma aplicação entre Designer e Developer, capacidade de aumentar a produtividade, entre muitas outras, poderão ver as novidades nos vídeos que se seguem ou ainda pode ler o artigo de Tim Buntel´s, sobre as novidades do FLASH Builder 4.

Tutoriais e demonstrações em vídeo de ambas as ferramentas.

mais ma vez não perca o nosso FLASH CAMP, onde certamente haverá demonstrações destas ferramentas, la vos espero a todos.

Continue Reading

Passar VO(Value Objects) com recurso a uma Class Event

Posted on 03. Abr, 2009 by João Gonçalves.

Durante as minhas aulas de Actionscript em ambiente de FLASH, por norma verifico que os formandos têm alguma dificuldade em utilizar algumas das “best practices” mais comuns nomeadamente em relação á criação de Eventos personalizados, no entanto, e assim que conseguem ultrapassar essa barreira, a primeira questão que me colocam é sempre a mesma:

“então e se eu quiser enviar dados pelo meu Event Object, por forma a ……”

Eis que surge então a necessidade de passar o conceito de VO (Value Object) e criação de Classes de Eventos personalizadas.

Como tive hoje que criar alguns ficheiros para exemplificação do Conceito de Classe de Evento Personalizada para envio de dados de uma instância para outra, resolvi partilhar convosco neste Blog os mesmos Ficheiros na esperança que venha ainda a ser útil para alguns dos meus leitores, ou ainda servir de ponto de consulta e esclarecimento de dúvidas para aqueles que durante as aulas não perceberam o conceito. Sendo Assim vamos começar por analisar o pequeno problema que se coloca, e que servirá de “Case Study” para a criação de uma Class de Evento personalizada e do conceito de VO.

PROBLEMA:

• Temos um form onde a pessoa regista o seu nome, idade e situação laboral, e ao clicar num botão registar, pretende-se acrescentar a uma lista (Texto) os dados da pessoa.

RESOLUÇÃO:

1. Criar uma Class PessoaVO, que irá servir para armazenar os dados da pessoa que forem inseridos no Form
2. Criar uma Class PessoaEvent, que será uma subclass da Class Event, e que servirá para enviar um “Event Object” que incluirá uma instância da Class PessoaVO, com os dados anteriormente adquiridos no Form.
3. A Aplicação principal estará á “escuta” da ocorrência do Evento PessoaEvent, e quando este for detectado, receberá pelo “Event Object” uma instância de PessoaVO com os dados da pessoa.
4. A Aplicação após receber os dados da pessoa insere e actualiza a TextArea com os registos das pessoas.

Mãos á obra, vamos começar por criar um ficheiro em FLASH, com um form com duas instâncias de TextInputs, para o nome e idade, uma instância de CheckBox para o estado laboral e um botão de registo, ao lado criar uma Textarea para ir acrescentando os Registos, ou seja, qualquer coisa deste género(desculpem mas a designer estava de folga, lol):Passo seguinte vamos criar a Class PessoaVO, que será uma classe Value Object, e por esse motivo terá somente propriedades, propriedades estas que servirão para guardar os dados do form de registo:

 ActionScript | 
 copy code |
?
 
01
 
02
package {
03
 
04
     public class PessoaVO  {
05
 
06
        public var nome:String;
07
        public var idade:int;
08
        public var empregado:Boolean;
09
 
10
     }
11
 
12
}
13

Depois de criar a Class responsável pelo armazenamento e transporte dos dados do formulário vamos criar a Class PessoaEvent, que irá ser uma SubClass da Class Event:

 ActionScript | 
 copy code |
?
 
01
 
02
package {
03
      import flash.events.Event;
04
      import PessoaVO;
05
 
06
      public class PessoaEvent extends Event {
07
 
08
           public static const PESSOA:String = "pessoa";		
09
           public var dadosPessoa:PessoaVO;
10
 
11
           public function PessoaEvent(type:String, voPessoa:PessoaVO) {
12
                super(type);
13
                this.dadosPessoa = voPessoa;
14
 
15
           }
16
 
17
             public override function clone():Event {
18
                 return new PessoaEvent(type, dadosPessoa);
19
             }
20
      }
21
}
22
 
23

Esta Class começa por fazer o “extends” da Class Event, na linha 9, criamos uma constante do tipo de String que irá identificar o “type” do nosso evento para usar depois como por exemplo usamos o CLICK num MouseEvent, na linha 10 criamos uma instância de PessoaVO, para guardar os dados do form e posteriormente enviar os mesmos pela instância de evento criada. O constructor da Class é bastante simples e terá como parâmetros o “tipo ” de evento criado, e a instância, neste caso, de PessoaVO. na linha seguinte (13), chamamos o constructor da Class “Pai” para passar o tipo de evento criado, aqui não se passa qualquer parâmetro extra pois a Class “Event” não contêm parâmetros adicionais. Na linha 14 atribuímos á instância da class “dadosPessoa” os valores recebidos no parâmetro voPessoaConstructor da Class. Por fim é necessário efectuar o overrride do método clone da class Event, de forma a que esta instância de evento tenha um comportamentos normal de um evento como o “Bubbling” por exemplo, nesta definição retornamos o event criando a instância do novo evento e passando os dados armazenados na instância da PessoaVO. do

Por fim criamos a Document Class do nosso ficheiro:

 ActionScript | 
 copy code |
?
 
01
02
package {
03
      import flash.display.MovieClip;
04
       import flash.events.MouseEvent;
05
 
06
       public class MainEventPessoa extends MovieClip {
07
 
08
            public var pessoa:PessoaVO;
09
 
10
             public function MainEventPessoa() {
11
                       pessoa = new PessoaVO;
12
 
13
                       registarBtn.addEventListener(MouseEvent.CLICK, registar);
14
                       this.addEventListener(PessoaEvent.PESSOA, receberPessoa);
15
 
16
               }
17
 
18
                private function receberPessoa(e:PessoaEvent):void {
19
                       registosTa.appendText("\n------------------\n" +
20
                        "Nome: " + String(e.dadosPessoa.nome) + "\n" +
21
                        "Idade: " + String(e.dadosPessoa.idade) + "\n" +
22
                        "Nome: " + String(e.dadosPessoa.empregado) + "\n");
23
                 }
24
 
25
                 private function registar(e:MouseEvent):void {
26
                        pessoa.nome = nomeTi.text;
27
                        pessoa.idade = int(idadeTi.text);
28
                        pessoa.empregado = empregadoCb.selected;
29
 
30
                        dispatchEvent(new PessoaEvent("pessoa", pessoa));
31
                    }
32
 
33
             }
34
 
35
  }
36

Nesta Document Class, começamos por criar uma instância de PessoaVO, onde iremos atribuir os valores dos dados que irão ser preenchidos no FORM, na linha 13, definimos o evento click no botão registar que irá inicializar toda a sequência do script. o Listener do clicar em Registar vai associar os dados dos campos do form ás propriedades da instância de PEssoaVO (pessoa) linhas 26 a 28, na linha 30 “criamos” um evento do tipo PessoaEvent, onde iremos incluir nos parâmetros do constructor, o nosso PessoaVO com o nome “pessoa”. Na linha 14 a nossa Aplicação recebe o evento “PessoaEvent.PESSOA“, e chama o listener das linhas 18 a 22 que irá acrescentar(para os mais esquecidos deverão sempre usar o método appendText da Class TextField, e não o operador ” += ” para concatenar strings) á TextArea os dados que recebeu no “Evento Object” e que acedemos na propriedade “dadosPessoa” deste.

espero que este Post seja esclarecedor para muitos de vós, não hesitem em colocar questões ou sugestões para explicações futuras, deixo aqui tb um ficheiro zip com os ficheiros exemplificando o mini-tutorial.

Continue Reading

Realidade Aumentada em FLASH

Posted on 04. Fev, 2009 by João Gonçalves.

Quando falamos em realidade aumentada, referimo-nos a um sistema que combina elementos virtuais com elementos reais, criando interactividade entre ambos e com processamento em tempo real.

Actualmente o Japonês SAQOOSHA, desenvolveu uma Library em AS3, denominada por FLARToolKit, desenvolvida a partir de uma outra library de realidade aumentada desenvolvida em C, ARToolKit, oferecendo deste modo a capacidade aos developers de FLASH de criarem aplicações no âmbito da Realidade Aumentada, e que poderão ser aproveitadas nas mais diversas áreas, desde publicidade, engenharia, entretenimento, etc…

Sem dúvida uma grande mais valia, principalmente quando aliada as novas capacidades 3D do Flash Player 10, ou a outras frameworks como Papervision 3D.

Deixo aqui um vídeo demonstrativo, destas capacidades e daquilo que se poderá fazer no futuro em Realidade Aumentada, quanto a mim, espero que o curso que irei frequentar de Papervision 3D me comece a dar outras perspectivas de desenvolvimento de aplicações na Plataforma FLASH.

Continue Reading

Curso Papervision 3D

Posted on 30. Jan, 2009 by João Gonçalves.

Irá decorrer no próximo mês de Março dias 2 e 3 , um curso de Papervision 3D apresentado pelo excepcional Seb Lee-Delisle , e que irá ocorrer em Brighton, até aqui nada de especial, a não ser adivinhem??

Pois é vou estar presente no curso, quero desde já deixar aqui o meu agradecimento à FLAG – Lisboa, centro de formação onde actualmente dou formação e que desde logo se disponibilizou para patrocinar a minha ida ao curso, por esse motivo preparem-se para mais cedo ou mais tarde haver por aqui um ou outro curso ou workshop Papervision 3D.

Em relação ao curso espero ser desta que me iniciarei no Papervision 3D a serio, nada como conhecer e aprender com os melhores, claro sem desprezar a excelente apresentação que o Nelson Batista efectuou num workshop da nossa comunidade riaPT.

Além de ser aliciante ir brincar e conhecer a framework, acho que conhecer o Seb Lee-Delisle será de certeza também muito interessante não escondo que admiro o se trabalho essencialmente no que se refere a motores de jogos de partículas em FLASH, sem sombra de dúvida um dos melhores artistas nesta área.

bem termino perguntando se há alguém que queira fazer companhia???? fico a espera, lol

Continue Reading

AIR 1.5 e Flash Catalyst no MAX 2008

Posted on 18. Nov, 2008 by João Gonçalves.

Desde o seu lançamento em Fevereiro deste ano o Adobe Integrated Runtime (AIR), tem sido aceito pela comunidade de developers a uma grande escala, basta para tal recorrer ou visitar ao Adobe Marketplace para rapidamente encontrar uma aplicação útil para instalação.

Hoje no MAX 2008, foi apresentado um novo update para a versão 1.5 do AIR, onde se destacam as seguinte novidades:

• Encriptação Local de base de dados melhorada e optimizada.
• Utilização das capacidades do Flash Player 10, sendo agora possivel a utilização de filtros, blend modes e “fills” através do Adobe Pixel Bender, acesso as capacidades 3D, dynamic streaming de audio e vídeo, etc…
• Update do motor Webkit, aumentado a capacidade de processamento de comandos javascript.

mais informações poderão ser encontradas no blog da equipa de desenvolvimento do AIR.

a par destas novidades de realçar também o novo nome dado ao projecto  “THERMO” que passa agora a ser conhecido como FLASH Catalyst, os que estão presentes irão ter a sorte de receber uma release pré-beta para testar a futura ferramenta de desenvolvimento de interacções da ADOBE.

iremos continuar atentos as novidades do MAX.

Continue Reading