O site em causa é o tectone (clique para visitar):

Depois de ter sido analisado, sofreu algumas alterações como a passagem das informações visuais para a primeira pagina, apresentando de imediato os seus produtos, servindo até como showcase dos mesmos tornando o resto do site secundário. Este foi o primeiro e grande objectivo na reformulação, até proque tudo o que as pessoas procuram são as informações que são agora apresentadas no site.

Foram divididos e apresentados os diferentes sectores de actividade, bem como a equipa que compoe a tectone. Dedicada também uma area a noticias e ainda outra aos parceiros que trabalham com a empresa.

Bom, todo o projecto poderia ter sido feito em jQuery, mas foi em flash a forma mais rapida de o desenvolver porque já a primeira versão tinha sido assim feita pelo que assim continuamos.

Tem a particularidade de podermos adicionar ou remover fotografias do slideshow via xml, tornando o seu update muito mais facil.

Simples, directo e eficaz!

Techs: Flash, XML, Tweenlite AS3, Illustrator & Sony DSLR alpha 200

Em breve mais projectos a sair do forno!

Abraço.

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.

Todo o código explicado passo a passo encontra-se no tutorial, bem como implementação de muitos conceitos OOP do AS3.

Entrando já na parte mais avançada, para ser entendido por iniciantes devem antes ler a Parte I deste tutorial que nos indica as bases do AS3 bem como a sua organização.

Vejam então o que foi feito:

Cliquem nas imagens para verem o exemplo online.

Os códigos fonte e index são disponibilizados com a versão completa:
http://msdevstudio.com/blog/2008/10/04/tutorial-action-script-3-parte-ii/

Abraços.

Channel.Security.Error error Error #2048: Violation de la sécurité Sandbox.

Em inglês deverá ser algo como Sandbox Security Violation.

Isto em português mais simples e de programador: Bronca na aplicação. Por vezes não é facil encontrar referencias a este problema.

O flash player (Sandobox) está por si protegido e fechado, não permitindo ao .swf aceder a muitos recursos em outros servidores, e quando este erro acontece é porque simplesmente a nossa aplicação está a tentar aceder a outro servidor/site que não o nosso. Este erro pode até mesmo acontecer no nosso localhost quando estamos a testar qualquer coisa.. (é raro acontecer mas pode acontecer) e o mais estranho de tudo é que pode inclusive acontecer no mesmo servidor… vejam o exemplo:

Tenho um aplicativo (imaginário) em: http://www.msdevstudio.com/teste/teste.swf que tenta aceder ao gateway do amfphp em http://msdevstudio.com/amfphp/gateway.php. E dá o erro em cima… perguntam vocês, mas é o mesmo site/servidor, o porque desse erro ?

Simples, porque o endereço que eu especifiquei para o gateway.php não têm o “www.”

Estranhissimo não é ?? Se retirarem o www do link em cima http://msdevstudio.com/teste/teste.swf já funciona sem qualquer erro…

Há cada coisa estranha neste flash :p Mas eu gosto!

Uma das soluções para evitar é verificar sempre os links, mas neste caso em cima é muito comum acontecerem problemas semelhantes.

Este texto todo para explicar que existe uma forma bem facil para ultrapassar estes problemas, e que deve ser estudada porque em muitos casos vai ser necessária (incluindo do flex 4/flash 10), essa forma é um arquivo crossdomain.xml

Este arquivo é um simples .xml que enumera quem pode aceder ao servidor, ou seja, se o flash ler este ficheiro e perceber que o ficheiro permite a todos aceder ao servidor externamente, o flash simplesmente não dará qualquer erro.

Vejam um exemplo: (permite o acesso publico)

<?xml version=”1.0″?>
<cross-domain-policy>
<allow-access-from domain=”*” />
</cross-domain-policy>

ou este: (permite acesso apenas a alguns sites)

<?xml version=”1.0″?>
<cross-domain-policy>
    <allow-access-from domain=”*.example.com” />
    <allow-access-from domain=”www.servidorDoMeuAmigo.com” />
    <allow-access-from domain=”localhost” />
</cross-domain-policy>

Um destes simples pedaços de código vai fazer com que o servidor fique disponivel para o flash aceder a ele de qualquer outro servidor (no primeiro caso), ou apenas a alguns sites (segundo caso). Um exemplo prático; seria muito mais facil se todos os grandes sites que disponibilizam muitas API’s e serviços individuais tivessem este ficheiro no seu servidor. Assim o flash simplesmente não teria qualquer problema a aceder a eles…enquanto isso não acontece continuaremos a usar uma bridge como em php ou outra linguagem server-side que permite ligar a outros servidores.

Devem seguir os seguintes passos, copiar um dos códigos em cima e guardarem-no como crossdomain.xml, e enviem-no para o vosso servidor. tipo: http://www.meuservidor.com/crossdomain.xml

No Flex, façam na vossa tag aplicação:

<mx:Application …. creationComplete=”init()”>

e coloquem este função:

private function init().void {

Security.allowDomain(“http://www.meuservidor.com“);

Security.loadPolicyFile(“http://www.meusvidor.com/crossdomain.xml“);
}

Dependendo dos casos o Security.allowDomain() poderá ser suficiente, mas o exemplo em cima será o mais indicado.

Devem ter em especial atenção questões de segurança (não que existam muitos riscos) mas por causa da possibilidade de qualquer aplicativo usar o vosso servidor abusivamente.

Espero que seja util e que acima de tudo tenha desmistificado a confusão que se encontra na net quando se procura sobre o crossdomain.xml.

Abraço.

 Uma coisa é certa, o flex está cada vez mais na “moda” e disso não tenho duvida, até porque cada vez mais artigos e informações são colocadas na web e em listas de discussão com cada vez mais participantes.

Apesar de aqui no blog esforçar-me para divulgar apenas conteudo na lingua Portuguesa, existem sempre muito bons artigos e tutoriais na lingua inglesa… para quem se entende um pouco com o inglês posso afirmar que não se vão arrepender em ver estes (para já) 6 screencasts que o site www.theflexshow.com está a disponibilizar, e para quem percebe bem o inglês este blog é uma perola, porque todas as semanas nos presenteia com excelentes podcasts bem descontraidos abordando variados assuntos sobre flex e ria’s.

 Mas vamos à lista,

O ”15 minutes with flex” é uma série de screencasts apoiados pela adobe que além de algumas tecnicas bem profissionais, nos explica passo a passo como trabalhar com as mais variadas coisas que às vezes são tão comuns na maior parte das aplicações.

Episodio 1 – Setting a flex project – Definindo um projecto flex – Veja online

Episodio 2 – Using the flex debugger – Usando o debugger do flex – Veja Online

Episodio 3 – Understanding data binding – Entendendo o data binding – Veja Online

Episodio 4 – Creating Component Properties – Criando propriedade de componentes – Veja Online

Episodio 5 – Using XML with Flex – Usando XML no flex – Veja Online

Episodio 6 – Drag & Drop Lists -  Drag & Drop em Listas - Veja Online

Como disse em cima esse blog possiu alguns podcasts bem interessantes, contando mesmo já com 52, que variam um pouco de tamanho, mas que todos eles têm alguns pontos de interesse.

Espero que seja util.

Abraço.

A grande noticia, é que este portfolio vai ser disponibilizado brevemente em código fechado, mas livre para uso… mas codigo fechado? porque? pesguntam vocês… pelo simples facto que apenas irão necessitar do .swf principal e a estrutura do XML que é usada… porque tudo o resto é configurável num unico ficheiro CSS (copilado em .swf)…

Algumas caracteristicas:
- Possibilidade ilimitada de projectos (usando o .xml)
- Possibilidade quase ilimitadas de temas/skins (usando um css compilado em .swf no flex) que são configuradas no .xml
- Simples, rápido e limpo.
- Pode-se definir varios temas/skins e serem alteradas em tempo real no link ao fundo do porfolio (como no meu exemplo)
- Pode-se definir a skin inicial do portfolio
- Pode-se ocultar o sistema para alternar de skin.

Estou ainda a melhorar alguns aspectos, mas a versão final será muito parecida com essa… que será livre de uso e apenas restrita a uma indicação do site www.msdevstudio.com que ainda estou a pensar onde a colocar….

Quanto a resto… venham essas sugestões e opiniões…

Abraço.

O E4X (ECMAScript for XML) é uma “libraria” adicionada no Action Script 3 para trabalhar nativamente com XML e que têm como principal objectivo simplificar o acesso a ficheiros/conteudo XML. Utilizando o E4X podemos aceder aos items do xml como se fossem objectos no Action Script.

Vi alguns tutoriais pela net, mas ou estão incompletos ou são demasiado complexos… por isso meti mãos à obra e decidi escrever um tutorial para que possam entender melhor de uma forma bem clara e em Português.

Vamos então começar…

Se alguém já trabalhou com xml da forma “normal/antiga” sabe bem como as coisas se podiam complicar, aliás, já eram complicadas por natureza principalmente com os metodos .firstChild e childNodes que em xml’s mais complicados simplesmente era uma confusão trabalhar com eles e detectar erros no código…

Vejamos o seguinte código XML:



Tenis Nike
90


Tenis Puma
Sport fun


Tenis Adidas
AD 215



Isto é um genero simples de um XML, que pode ser representado em actionscript assim:

private var meuXML:XML =Tenis Nike90Tenis PumaSport funTenis AdidasAD 215;

Muito simples até então…

Usando o E4X, podemos mostrar o conteudo do nosso MXL por partes, vejam:

private function mostra():void{
for each(var item in meuXML..artigo){
trace(“Artigo: “+artigo.nome+” do modelo “+artigo.modelo);
}
}
//ou podemos ainda mais simplesmente fazer:
trace(“artigos”+meuXML..artigo.*);

E assim podemos percorrer o nosso XML e listar os items…

Algum exemplos de leitura e procura no XML:
trace(“artigo 1: “+meuXML..artigo[1]);
//lista o nome e modelo em formato xml

trace(“nome artigo 1: ” + meuXML..artigo[1].nome.text());
//lista o conteudo do do primeiro artigo

trace(“modelo artigo 1: “+meuXML.artigo[1].modelo.text());
//lista o conteudo do do primeiro artigo

trace(“id do artigo 1: “+meuXML..artigo[1].@id);
//lista o id=”" do artigo 1

trace(“procurar infos do artigo com id=2″+ meuXML..artigo.(@id==”2″).*);
//lista em formato xml o nome e modelo do artigo 2 efectuando uma procura

trace(“procurar nome do artigo com id=2″+ meuXML..artigo.(@id==”2″).nome.text());
//lista o nome do artigo com id=”2″;

trace(“procurar modelo do artigo com id=2″+ meuXML..artigo.(@id==”2″).modelo.text());
//lista o modelo do artigo com id=”2″;

Muito simples ah?

E pronto, podem ver como é simples trabalhar com xml… vou dar um exemplo de atribuir ao meuXML um ficheiro xml externo:

import flash.net.URLLoader
private var meuXML:XML;
private var loader:URLLoader;

private function carregaXML():void {
loader=new URLLoader();
loader.addEventListener(Event.COMPLETE, onComplete);
loader.load(new URLRequest(“http://www.meusite.com/meu_ficheiro_xml.xml”));
}

private function onComplete(evt:Event):void
{
meuXML = new XML(loader.data);
//e pronto, a pratir de aqui têm o conteudo do xml na variavel e podem usar as operações que indiquei em cima.
}

Para carregar o xml, basta na vossa aplicação flex usar o trigger creationComplete=”carregaXML()”

Como vêm… já não há desculpas para nâo trabalhar com XML usando o E4X!

Espero que seja util

Abraço.