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

Mar 10

XAMLCast – 2a Temporada – Episódio 9 – Finger Style, SLARToolkit, Windows Phone 7 e pré-MIX10

Escrito por XAML Cast em .NET, 1, 3d, 4, 6, AR, AUG, Artigo, BI, Blend, Blogs, Curso, DRE, Design, Dicas, Evento, Ferramenta, IE, MIX, MSDN, Microsoft, Notícias, Novidades, O, Pessoal, RIA, Revisão, Ria’s Geral, Ria's Geral, Tech, WPF, back, blog, class, codeplex, concurso, embedded, engine, entrevista, err, event, expression, for, framework, html, iTunes, ide, kit, live, mg, multitouch, novidade, on, player, podcast, ps3, realidade aumentada, referencia, rss, silverlight, tag @ 03 10th, 2010 | via http://www.xamlcast.net | Sem comentários

Olá olá pessoal!

Este é o XAMLCast pré-MIX10.

Estamos ansiosos para a chegada deste grande evento que irá nos trazer grandes novidades e anúncios. E para nossa alegria, e como já havíamos falado antes, o XAMLCaster Kelps estará em Las Vegas cobrindo o evento e enviando tudo em primeira mão!

Neste episódio falamos de:

Finger Style – Artigo fantástico do Charles Petzold sobre Multitouch em Silverlight
- http://msdn.microsoft.com/en-us/magazine/ee336026.aspx
MultiTouchVista – simulador de multitouch com múltiplos mouses para Windows
- http://multitouchvista.codeplex.com
Artigo do Roberto Sonnino (em inglês) sobre touch com WPF e MultiTouchVista
- http://www.codeproject.com/KB/WPF/3D-BookWriter.aspx
SLARToolkit – A experiência de AR (Realidade Aumentada) com Silverlight virou um framework
- http://kodierer.blogspot.com/2010/02/slartoolkit-silverlight-augmented.html
Aplicação do correio americano para tamanhos de caixas com AR
- https://www.prioritymail.com/simulator.asp
- http://www.youtube.com/watch?v=WpS3LeCiCtc&feature=player_embedded
Não confunda:
- Blender – programa de modelagem 3D
  - http://www.blender.org/
- Balder – engine 2D/3D que funciona com Silverlight
  - http://balder.codeplex.com/
- Blend – ferramenta para design de aplicações WPF/Silverlight
  - http://www.microsoft.com/expression/products/Blend_Overview.aspx
Concurso de Silverlight/WPF da Magenic Studios – prêmios até 500 US$ + 3000 US$ pro Haiti
- http://magenic.com/Default.aspx?tabid=1835
Copa de Talentos Microsoft
- http://talentosmicrosoft.com.br/
Anuncio oficial do Silverlight no Windows Phone 7
- http://bit.ly/ci8rrI
Video no TechEd Middle East mostrando XNA no Windows Phone, Xbox e Windows
- http://www.youtube.com/watch?v=LQv_3fwopo8
MIX10
- http://live.visitmix.com
HVP no MIX
- http://silverlighthvp.codeplex.com/wikipage?title=ReleaseSchedule
Video do ScottGu no Channel 9 falando sobre o MIX
- http://channel9.msdn.com/posts/LarryLarsen/Countdown-to-MIX10-The-Gu/

Bolão do MIX10!
Envie sua previsão do que irá acontecer no MIX10. Para participar, basta referenciar a hashtag #bolaoxamlcast no seu post do twitter.

Ajudem o XAMLCast a entrevistar o ScottGu no MIX10
Envie um tweet (em inglês) para @ScottGu pedindo uma entrevista com o @XAMLCast (Brazilian Podcast) ou @kelps.

Com muitos pedindo, o acesso torna-se mais fácil.

Se quiserem, podem pedir para outras “personalidades” do .net/WPF/SL, como Scott Hanselman, Phil Haack, John Papa, S. Somasegar, Tim Heuer, Karen Corby, Glenn Block… o Kelps vai ter trabalho em Vegas!

Atenção!

O XAMLCast da semana que vem será especial sobre o MIX10! Assim, em vez de um grande episódio, soltaremos as notícias aos poucos, o mais rápido possível, conforme o Kelps for mandando. Por isso, não deixe de assinar e seguir o XAMLCast para não perder nada!

Para assinar:

Feed RSS: http://www.xamlcast.net
iTunes/iPod: pcast://www.xamlcast.net
Zune: zune://subscribe/?XAMLCast=http://www.xamlcast.net

O XAMLCast também está no Twitter!

- Twitter oficial: @xamlcast (e hashtag #xamlcast)

- Siga os XAMLCasters:

- Adicione o Twibbon do XAMLCast ao seu avatar!

http://twibbon.com/join/XAMLCast

Até o próximo!

Abraços,

Kelps, Roberto Sonnino e Rodrigo Kono

Mar 9

Make Less More

Escrito por Mauro Martins em .NET, 1, 4, 6, AR, Access, Apresentação, BI, Design, Dica, Experiências, Google, IE, Inspiração, Java, Javascript, Mercado, O, PHP, RIA, RIAPT, Ria’s Geral, Software, TAT, Twitter, UI, UX, XP, blog, class, control, empresas, err, facebook, for, ide, if, int, interface, linkedin, map, menu, mg, on, pt, site, social, usabilidade, web, web design, zend @ 03 9th, 2010 | via http://imauro.com/blog/ | Sem comentários

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!

Mar 5

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

Escrito por Alexandre em 1, 4, 6, AR, BI, Blend, Blend 3, Blogs, C#, Design, Desktop, Diversos, Evento, Eventos, Expression Blend, Expression Blend 3, Google, HCI, IE, Microsoft, Microsoft Expression, NaN, O, Outros, RIA, Ria’s Geral, Storyboard, Tema, Tutoriais, Tutorial, UI, UX, Visual Studio, Visual Studio 2008, WPF, XAML, XP, api, bitmap, blog, botão, carregar, checkBox, class, control, css, código, código fonte, demo, efeito, event, exemplo, expression, fonte, for, fundo, if, image, imagens, int, layout, lista, map, mg, on, padrão, processo, silverlight, tag @ 03 5th, 2010 | via http://www.silverlight.net.br/ | Sem comentários

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

Mar 5

Proteção simples de conteudo com Flash Media Server

Escrito por Leonardo França em 1, 4, 6, AR, Adobe, BI, Curso, Cursos, Documentação, Flash Media Server, IE, Java, Javascript, O, PHP, Ria’s Geral, TAT, UI, api, app, bar, blog, class, cliente, código, err, flash, flash media, fonte, function, html, ide, if, image, int, lite, mg, on, player, problema, pt, server, site, swf, uint @ 03 5th, 2010 | via http://www.leonardofranca.com.br | Sem comentários

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/

Mar 5

MSN Vídeo… em Silverlight :)

Escrito por rene em 1, 4, 6, AR, Blogs, MSDN, MSN, O, Ria’s Geral, UAU, Vídeo, Vídeos, arte, bar, blog, bug, int, interface, mg, on, silverlight, streaming, wow @ 03 5th, 2010 | via http://blogs.msdn.com/renedepaula/ | Sem comentários

isso é mais do que Silverlight virando mainstream, é mainstreaming piadas à parte, isso é bárbaro com B maíúsculo: a interface ficou ótima, a qualidade dos vídeos está super boa e o conteúdo também é beeeem bom. …(read more)

Mar 4

Super útil pros flasheiros: Projeto Rosetta de cara nova

Escrito por rene em 1, 4, AR, Blogs, IE, MSDN, O, Ria’s Geral, Tutorial, UI, blog, bug, flash, how-to, if, int, lógica, mg, on, pt, referencia, silverlight @ 03 4th, 2010 | via http://blogs.msdn.com/renedepaula/ | Sem comentários

O Projeto Rosetta tem esse nome, eu imagino, por causa da pedra de Roseta, uma relíquia arqueológica que trazia o mesmo texto em copta (uma língua conhecida), grego (outra língua conhecida) e hieróglifos (até então ininteligíveis). Foi esse achado que…(read more)

Mar 4

Modules

Escrito por Fabio da Silva em 1, 2.0, 2009, 4, 6, AR, Actionscript, Adobe, Adobe Flex, Air, Aplicativos, BI, Blogs, Controls, Download, EventListener, Flex, Flex 2, Flex 3, Flex Builder, Google, IE, MXML, Number, O, RIA, RTM, Ria’s Geral, TAT, Tech, UI, XML, action, api, app, blog, class, classe, classes, components, control, developer, dynamic, event, events, finally, flash, for, framework, function, handle, html, ide, if, int, interface, map, mg, on, player, pt, reference, runtime, singleton, swf @ 03 4th, 2010 | via http://fabiophx.blogspot.com | Sem comentários

Estou estudando sobre módulos (Flex 3 Developer Guide) e fiz um resumo dos tópicos que achei importantes para melhor fixação e abaixo estou disponibilizando este resumo.

About modules

Modules are SWF files that can be loaded and unloaded by an application. They cannot be run independently of an application, but any number of applications can share the modules. The main application, can dynamically load other modules that it requires, when it needs them.

Benefits of modules

Smaller initial download size of the SWF file.
Shorter load time due to smaller SWF file size.
Better encapsulation of related aspects of an application.

A module is a special type of dynamically loadable SWF that contains an IFlexModuleFactory class factory. This allows an application to load code at run time and create class instances without requiring that the class implementations be linked into the main application. Modules are similar to Runtime Shared Libraries (RSLs) in that they separate code from an application into separately loaded SWF files. Modules are much more flexible than RSLs because modules can be loaded and unloaded at run time and compiled without the application.

ModuleManager and ModuleLoader

The ModuleManager manages the set of loaded modules, which are treated as a map of Singletons that are indexed by the module URL. The ModuleLoader class is a thin layer on top of the ModuleManager API that is intended to act similarly to the mx.controls.SWFLoader class for modules that only define a single visual UIComponent. The ModuleLoader class is the easiest class to use when implementing a module-based architecture, but the ModuleManager provides greater control over the modules.

Module domains

By default, a module is loaded into a child domain of the current application domain. You can specify a different application domain by using the applicationDomain property of the ModuleLoader class. Because a module is loaded into a child domain, it owns class definitions that are not in the main application’s domain. For example, the first module to load the PopUpManager class becomes the owner of the PopUpManager class for the entire application because it registers the manager with the SingletonManager. If another module later tries to use the PopUpManager, Adobe ® Flash® Player throws an exception. The solution is to ensure that managers such as PopUpManager and DragManager and any other shared services are defined by the main application (This technique also applies to components). Typically, this is done by adding the following to a script block:

import mx.managers.PopUpManager;
import mx.managers.DragManager;
private var popUpManager:PopUpManager;
private var dragManager:DragManager;

Because a Flex module must be in the same security domain as the application (SWF) that loads it, when you’re using modules in an AIR application any module SWF must be located in the same directory as the main application SWF or one of its subdirectories, which ensures that like the main application SWF, the module SWF is in the AIR application security sandbox.

Creating ActionScript-based modules

If your module does not include any framework code, you can create a class that extends ModuleBase. If you use the ModuleBase class, your module will typically be smaller than if you use a module based on the Module class because it does not have any framework class dependencies.

Reducing module size

Module size varies based on the components and classes that are used in the module. By default, a module includes all framework code that its components depend on, which can cause modules to be large by linking classes that overlap with the application’s classes.

To reduce the size of the modules, you can optimize the module by instructing it to externalize classes that are included by the application. The result is that the module includes only the classes it requires, while the framework code and other dependencies are included in the application.

To externalize framework classes with the command-line compiler, you generate a linker report from the application that loads the modules. You then use this report as input to the module’s load-externs compiler option. The compiler externalizes all classes from the module for which the application contains definitions. This process is also necessary if your modules are in a separate project from your main application in Flex Builder.

1. Generate the linker report and compile the application:
mxmlc -link-report=report.xml MyApplication.mxml

2. Compile the module and pass the linker report to the load-externs option:

mxmlc -load-externs=report.xml MyModule.mxml

Note: If you externalize the module’s dependencies by using the load-externs or optimize option, your module might not be compatible with future versions of Adobe Flex.

Using the ModuleManager class to load modules

To use the ModuleManager to load a module in ActionScript, you first get a reference to the module’s IModuleInfo interface by using the ModuleManager getModule() method. You then call the interface’s load() method.

Finally, you use the factory property of the interface to call the create() method and cast the return value as the module’s class.

import mx.events.ModuleEvent;
import mx.modules.ModuleManager;
import mx.modules.IModuleInfo;
public var info:IModuleInfo;

private function initApp():void {

info = ModuleManager.getModule(“ColumnChartModule.swf”);
info.addEventListener(ModuleEvent.READY, modEventHandler);
// Load the module into memory. Calling load() makes the
// IFlexModuleFactory available. You can then get an
// instance of the class using the factory’s create() method.
info.load();

}

private function modEventHandler(e:ModuleEvent):void {

// Add an instance of the module’s class to the display list.
vb1.addChild(info.factory.create() as ColumnChartModule);

}

Mar 4

Evitando problemas com Views e DTOs

Escrito por DClick Team em 1, 4, 6, AR, Access, Apresentação, BI, Componente, Data Binding, Download, Flex, Flex Components, Frameworks, FullScreen, IE, Mac, O, Partilha, Ria’s Geral, Screencast, TAT, Twitter, UI, UX, app, class, código, código fonte, dados, err, exemplo, flash, fonte, framework, gc, if, lógica, on, problema, problemas, pt, screen, string, swf, tv, wave @ 03 4th, 2010 | via http://blog.dclick.com.br/pt/ | Sem comentários

Twitter!

No seu aplicativo você tem um DTO cujo os dados são renderizados por diferentes Views (telas). Então, toda hora que o seu DTO muda, você percebe sua aplicação travada por uns segundos. Depois de um tempo você percebe que o problema é que mesmo as telas que estão invisíveis estão executando código de apresentação de dados com base no novo DTO. Bem, este é um problema comum quando trabalhamos com DTOs complexos e abusamos do Data Binding.

A notícia ruim é que se você não teve este problema ainda, um dia você terá. A notícia boa é que uma das maneiras de evitar este problema é utilizar o DTOViewHelper, componente disponibilizado neste screencast.

Alguns Frameworks atuais do Flex oferecem maneiras de resolver este problema, mas o DTOViewHelper é independente do Framework que você usa. Além disso, como pode ser visto no Screencast, você pode definir métodos auxiliares dentro do DTOViewHelper com o objetivo compartilhar lógica de apresentação de dados de DTOs entre diferentes Views (veja o exemplo da Data que mostra a string “Hoje” no Screencast).

Clique aqui para fazer o download do código fonte do exemplo “errado” (I could be WRONG).

Clique aqui para fazer o download do código fonte do exemplo “certo” (I could be RIGHT).

Mar 4

Histórias das Bolsas de Valores

Escrito por Fabio da Silva em 1, 4, 6, AR, Artigo, Artigos, BI, Blogs, Google, Livro, Livros, Mercado, NaN, O, PHP, RIA, Ria’s Geral, Sun, UI, bar, blog, class, cultura, efeito, futuro, if, int, live, mg, on, operadores, pt @ 03 4th, 2010 | via http://fabiophx.blogspot.com | Sem comentários

Um assunto que me atrai muito são as histórias das bolsas de valores: catástrofes financeiras, crash de 1929, mania das tulipas, bolhas financeiras, história de operadores de mercado, etc.

Este tipo de leitura ajuda a mostrar alguns aspectos da personalidade humana como o efeito manada e também mostram que crises ou bolhas financeiras sempre existiram e sempre existirão.

Abaixo uma relação de livros nessa linha:

Bm&f A História do Mercado Futuro no Brasil
A história do homem que levou o Banco Barings à falência
Memórias de um Operador da Bolsa este não li mas parece ser interessante. Fala do operador Jesse Livermore, nesse link da Nelogica tem algumas citações dele de como operar no mercado.
Pânico – A História da Insanidade Financeira Moderna
Salve-se Quem Puder: Uma História da Especulação Financeira este é muito bom. Fala com detalhes sobre a mania da tulipa (até Isaac Newton entrou nessa), do crash de 29 entre outras “bolhas” financeiras.

Mar 2

Ganhador da promoção

Escrito por Daniel Lopes em 1, 4, 6, AR, BI, Curso, Design, FullScreen, O, RIA, Ria’s Geral, TAT, Twitter, UI, Vídeo, app, blog, class, comunicação, egenial, loop, mg, on, oop, rails, screen, server, swf, tag, vencedor, web @ 03 2nd, 2010 | via http://blog.areacriacoes.com.br/ | Sem comentários

Ontem fiz o sorteio da promoção da bolsa para o curso de Rails. Veja o vídeo do sorteio e quem foi o premiado.

Ontem fiz o sorteio da promoção da bolsa para o curso de Rails. Para a realização do sorteio foi utilizado o Twicket, veja abaixo o vídeo com o resultado:

O vencedor foi o Rosano Cangussu com o tweet: http://bit.ly/dDePXO

A aplicação usada para o sorteio foi um pequeno projeto realizado em algumas horas utilizando o Sinatra. A app faz a comunicação com o Twitter e retorna o ganhador através dos tweets únicos do usuário com a hashtag escolhida.

Quem quiser conhecer a aplicação o link é: http://twicket.heroku.com/

« Entradas anteriores |

ACERCA

GOOGLE

Votação

AUTORES

PUBLICIDADE