redeRIA | Agregador de noticias, artigos, tutoriais Flex, Flash, JavaFX, AJAX e Rich internet applications em geral!

Iniciando com o Mate Framework

Ved — Tue, 09 Mar 2010 10:54:37 +0000

Este é o screencast que enviei como extra à gravação da minha palestra no Flex For Kids 2010.

Download: http://blip.tv/file/get/Vedovelli-IniciaoAoMateFramework393.flv

http://blip.tv/file/get/Vedovelli-IniciaoAoMateFramework393.flv

Make Less More

Mauro Martins — Tue, 09 Mar 2010 00:25:20 +0000

Dos melhores parágrafos que li até hoje sobre usabilidade e directamente do site 52 semanas de UX:

“What if instead of adding new features, a company concentrated on making the service or product much easier to use? Or making it much easier to access the advanced features it already has, but that few can master? Maybe what they lose in market share in one area will be more than compensated for in another area. In a lot of markets, it’s gotten so bad out there that simply being usable is enough to make a product truly remarkable.”—Kathy Sierra”

Aqui se fala da realidade de hoje em dia e sobre a qual falei na minha apresentação sobre Web Design e User Interface / Usabilidade no riaPT Porto.

Hoje em dia, com a tendência de chegar à frente num mercado em que prolifera a boom repentino de empresas e na tentativa de ganhar um pouco de tempo de antena, as empresas tentam fazer de tudo para serem notadas acrescentando funcionalidades atrás de funcionalidades e dizendo à boca cheia que o seu software faz isto e aquilo.

No entanto, encaixa-se aqui a velha máxima, “Quem tudo quer, tudo perde” porque as coisas vão acumulando e depois não há forma de travar ou controlar o comboio que entretanto já vai rápido demais.

Passem pelo projecto 52 semanas de UX. Uma ideia interessantíssima que aconselho todos a seguirem!

Flash & Flex Developers Magazine – edição de Março

Ved — Mon, 08 Mar 2010 23:25:05 +0000

http://ffdmag.com/download-2-2010

Entrevista com Stefan Horochovec

Ved — Mon, 08 Mar 2010 15:11:37 +0000

Stefan Horochovec
Engenheiro de Software
Adobe Community Manager – http://www.flexduck.org/
Blog: http://www.horochovec.com.br/
Twitter: http://twitter.com/horochovec
Ved: Em sua opinião, qual a importância de um framework MVC para Flex?
Stefan: A adoção de um framework no desenvolvimento da aplicação contribui bastante com a manutenção do projeto, com a qualidade do código fonte (padronização), e por possuir diversos facilitadores para a codificação, [...]

Screencast, iniciantes: O Flex Builder

Ved — Mon, 08 Mar 2010 09:00:33 +0000

Acessar propriedades e valores de objetos

Ved — Sat, 06 Mar 2010 20:36:38 +0000

A questão me foi enviada por e-mail e achei que valia um screencast para responder.
Problema:
Criei um combobox com as seguintes propriedades: id, dataProvider e labelField. (Trazendo do banco registros cadastrados anteriormente.)
Ex: Nome de usuário. OK!
Agora gostaria de gravar essa informação em outra tabela, mas não pelo seu nome e sim pelo seu ID.
Eduardo
Está dividido em duas [...]

Alterando a aparência de um CheckBox com WPF e C#

Alexandre — Fri, 05 Mar 2010 23:30:00 +0000

Neste tutorial vou criar um UserControl simples com um CheckBox e modificar a aparência inserindo uma imagem no lugar do layout padrão do CheckBox, dessa forma podemos utilizar qualquer imagem e criar CheckBox com um apelo visual mais sofisticado. O conceito pode ser aplicado em diversos outros objetos WPF.

No exemplo vou utilizar o Microsoft Expression Blend 3 para auxiliar no design do tutorial, vou carregar duas imagens png, a primeira com o desenho de uma lâmpada ligada e a segunda com outra lâmpada desligada, quando o checkbox for clicado a lâmpada vai acender e um efeito de luz suave vai aparecer.

Primeiro crie uma aplicação em WPF e adicione um UserControl com o nome de UserControlCheckBox.xaml, modifique a altura e o tamanho para 100: Height=”100″ Width=”100″ e altere o fundo do layout GRID para “Black”. Dentro do layout GRID adicione uma Ellipse com o tamanho e altura de 20.

Agora vamos criar um Style herdando as propriedades de um objeto CheckBox, selecione a Ellipse com o botão direito do mouse e clique em Make into Control… conforme a figura abaixo:

Selecione o CheckBox e dê o nome do Style de CheckBoxStyle1:

Localize o resources do UserControl e adicione um ImageBrush que vai “pintar” a Ellipse com uma imagem que iniciamente será a lâmpada apagada:

Agora vamos adicionar Triggers que vão habilitar os eventos check e uncheck acionando Storyboards que vão animar as propriedades Opacity e Radius da Ellipse e criar um efeito interessante simulando uma luz. Clique em Triggers, depois em Event para adicionar um evento, selecione o objeto Checkbox e depois Checked e por fim clique no sinal de + para adicionar uma Storyboard, conforme a figura abaixo:

Repita o processo para o evento Unchecked, neste momento temos o trigger conforme a listagem abaixo:

Duas Storyboards foram criadas, para trocar a imagem quando o CheckBox é acionado adicione o evento Completed na Storyboard OnChecked1 e adicione o código C# abaixo:

ImageBrush brush = (ImageBrush)this.Resources["imgb"];
Image image1 = new Image();
brush.ImageSource =
new BitmapImage(new Uri(“luz_apagada.png”, UriKind.Relative));

Repita o processo no evento Completed da Storyboard OnUnchecked1 mudando somente a imagem:

brush.ImageSource = new BitmapImage(new Uri(“luz_ligada.png”, UriKind.Relative));

Para finalizar o tutorial vamos animar as propriedades Opacity e Radius para simular uma luz no CheckBox inserindo um novo efeito ao controle, na Storyboard OnChecked1 adicione o código:

E adicione o código abaixo na Storyboard OnUnchecked1:

Adicione uma Ellipse entre o GRID Layout e o CheckBox e utilize o efeito BlurEffect que vai dar o efeito de luz no CheckBox:

Agora é só adicionar o UserControl em seu projeto e testar.

Código fonte do tutorial : Clique aqui
Expression Blend 3 / Visual Studio 2008

Proteção simples de conteudo com Flash Media Server

Leonardo França — Fri, 05 Mar 2010 17:29:32 +0000

Fui chamado para resolver um problema em relação a proteção do conteudo de um cliente, o problema consistia em que alguem mal-intencionado estava roubando seus streams ao vivo.
A pessoa simplesmente pegou o codigo html do site e colou no site dela, conseguindo assim transmitir o conteudo em seu blog. O player em questão não foi desenvolvido por mim, portanto nem me dei ao trabalho de olhar o fonte, resolvi ir diretamente para o Flash Media Server.
Baseado na documentação da Adobe, resolvi de uma maneira bem simples, o código do main.asc é o seguinte:

PLAIN TEXT

JAVASCRIPT:

trace("init application…");
var VALID_REFERRER = "http://www.mydomain.com.br/mySwf.swf";

var VALID_PAGEURL = "http://www.mydomain.com.br/myPage.html";
application.onAppStart = function () 

{

    trace("init app…");

    trace("onAppStart> " + application.name + " is starting at " + new Date());

};
application.onStatus = function (info) 

{

   trace("onStatus> info.level: " + info.level + ", info.code: " + info.code);

   trace("onStatus> info.description: " + info.description);

   trace("onStatus> info.details: " + info.details);

};
application.onConnect = function (client) 

{

    if ((client.referrer == VALID_REFERRER && client.pageUrl == VALID_PAGEURL)) 

    {

        trace("acesso permitido");

        application.acceptConnection(client);

    } 

    else 

    {

        trace("acesso indevido");

        application.rejectConnection(client)

    }

    trace("onConnect> client.ip: " + client.ip);

    trace("onConnect> client.pageUrl: " + client.pageUrl);

    trace("onConnect> client.agent: " + client.agent);

    trace("onConnect> client.referrer: " + client.referrer);

    trace("onConnect> client.protocol: " + client.protocol);

};
application.onDisconnect = function (client) 

{

    trace("onDisconnect> client.name: " + client.name)

    trace("onDisconnect> disconnecting at: " + new Date());

};
application.onAppStop = function (info) 

{

   trace("onAppStop> application.name: " + application.name);

   trace("onAppStop> stopping at " + new Date());

   trace("onAppStop> info.level: " + info.level);

   trace("onAppStop> info.code: " + info.code);

   trace("onAppStop> info.description: " + info.description);

};

A API do Flash Media Server é muito poderosa e contém muitos recursos interessantes, um deles é a possibilidade de saber de onde exatamente está vindo a conexão do swf. Neste trecho já resolvia o problema com as constantes declaradas no inicio do arquivo.

PLAIN TEXT

JAVASCRIPT:

if ((client.referrer == VALID_REFERRER && client.pageUrl == VALID_PAGEURL))

    {

        trace("acesso permitido");

        application.acceptConnection(client);

    }

    else

    {

        trace("acesso indevido");

        application.rejectConnection(client)

    }

Resumindo, so será feita a conexão com o Flash Media Server se a tentativa de conectar vier de um SWF e HTML definidos por mim.
Uma solução bem simples mas que resolveu o problema
Como ultimo recurso, o ladrão ainda copiou o swf do cliente e colocou em seu blog

Referências
http://www.leonardofranca.com.br/index.php/2008/05/19/protegendo-seu-conteudo-de-video-com-flash-media-server/

byMK… na MTV Brasil!

rene — Fri, 05 Mar 2010 14:13:35 +0000

wow, a byMK é um fenômeno: dias depois de contarem pra gente que estão na Revista Elle (veja esse post: brilhante- Espaço ELLE e SEDA – Moda da cabeça aos pés em… Silverlight! ), os meninos me contam ontem que estão na… MTV! MTV televisão mesmo,…(read more)

Screencast para iniciante em Flex

Ved — Fri, 05 Mar 2010 13:15:01 +0000

Este tem até video de introdução! Olha que chique!