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

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

FLASH CS4 by Lee Brimelow

Posted on 21. Out, 2008 by João Gonçalves.

Acabou recente o evento Flash Camp, um evento orientado para a criatividade e expressividade de conteúdos FLASh e aplicações da suite CS4.

Acho que o site merece uma visita, têm lá videos acerca das ultimas novidades que estão prestes a chegar com a suite CS4, quero deixar aqui o destaque da keynote de Lee Brimelow sem dúvida que depois de visualizarem este vídeo terão uma melhor ideia sobre as reais possibilidades da versão CS4 do FLASH.

Continue Reading

Google Maps API para Flash

Posted on 14. Mai, 2008 by João Gonçalves.

O Google disponibilizou a sua API de Mapas para plataforma FLASH, esta API de Actionscript permite utilizar algumas utilidades para manipulação de mapas e conteudos do GoogleMaps através de alguns serviços permitindo a que um developer FLASH PLATFORM possa criar aplicações interactivas com os Mapas do Google.

Continue Reading

Tutorial :: Motor de Partículas OOP

Posted on 13. Mai, 2008 by admin.

Inspirado nas apresentações de Eric Natzke e Joshua Davies, lembrei de criar aqui um tutorial para um motor de partículas quem sabe para despertar a inspiração do próximo grande mestre contemporâneo de Arte Digital.

Digamos então que este tributo é dedicado as excelentes apresentações que um e outro fizeram no OFFF de Lisboa .

VER TUTORIAL

exemplo da animação criada:

Continue Reading