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

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

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 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

Organizando Favoritos

Escrito por Fabio da Silva em 1, 4, 6, AR, BI, Blogs, Google, IE, Java, O, RIA, Ria’s Geral, UI, auto, blog, class, classe, firefox, for, free, ide, if, int, internet, mg, on, pt @ 03 2nd, 2010 | via http://fabiophx.blogspot.com | Sem comentários

Estou organizando os meus favoritos no FireFox e como sempre sincronizei os meus favoritos de casa com o trabalho e vice-versa de uma forma braçal perguntei para os meus colegas se não conheciam um add-on que deixasse esse sincronismo mais automático, me recomendaram, então o Xmarks. Para usar ele é criada uma conta free onde é possível consultar seus favoritos pela internet ou em qualquer máquina com este addon através do sincronismo dos favoritos.

Percebi também que possuía muitos favoritos duplicados e “quebrados”. Para facilitar o trabalho de identificar estes favoritos criei uma classe java a qual deixo disponível.

Mar 1

FWA com novo site

Escrito por Mauro Martins em .NET, 1, 4, 6, AR, Artigo, Artigos, Beta, Dica, Excel, Flash Player, Google, IE, Inspiração, Java, Javascript, O, Outros, PHP, Revistas, Ria’s Geral, TAT, Tecnologia, Twitter, UI, XP, api, blog, class, entrevista, facebook, flash, for, html, html5, ide, if, int, internet, library, linkedin, map, menu, mg, on, optimização, player, prova, pt, silverlight, site, social, web @ 03 1st, 2010 | via http://imauro.com/blog/ | Sem comentários

New fwa site

O site FWA (Favourite Website Awards) é um dos sítios (se não “O” sítio) para ver o que de melhor se faz pela Internet hoje em dia!

Não estando apenas ligado a uma tecnologia (por lá já passaram sites emFlash, Silverlight, HTML5 e outros) o site tem uma quantidade e qualidade de conteúdos muito interessantes. Esses conteúdos vão desde os muito conhecidos wallpapers e entrevistas, passando por artigos e acabando nos afamados sites. Tudo que existe por lá tem uma qualidade extrema!

As maiores agências mundiais de conteúdos multimédia para a web como a agencynet, Red Interactive ou group94 estão lá sempre representadas com trabalhos para as grandes marcas mundiais.

Um site a NÃO perder!

PS: Se alguém tinha dúvidas do excelente trabalho que foi feito na optimização do Flash Player 10.1 esta é uma oportunidade de o comprovar. Tentem abrir o site do Fwa e o da AgencyNet com a versão actual do player e depois abram com a beta e vão ver a diferença de rapidez de ambas.

Fev 26

Como deixar suas apps até 80% mais rápidas

Escrito por Daniel Lopes em .NET, 1, 2009, 4, 6, AR, Apresentação, Curso, Design, Dica, Dicas, Exemplos, FullScreen, Gravação, IE, O, Otimização, RIA, Ria’s Geral, Ruby e Rails, Screencast, UI, Vídeo, class, código, código fonte, egenial, exemplo, fonte, for, frontend, gc, git, ide, int, loop, map, mg, on, oop, problema, problemas, pt, rails, railsforkids, railsmg, ruby, screen, server, swf, web @ 02 26th, 2010 | via http://blog.areacriacoes.com.br/ | Sem comentários

No mês passado eu fiz uma apresentação no nosso grupo local de Ruby, o RailsMG, falando sobre otimização de frontend. As dicas da apresentação servem para qualquer linguagem, mas eu mostro como solucionar cada problema usando o Rails.

Como tive alguns problemas na gravação e para editar o que foi filmado no dia acabou não ficando muito legal eu resolvi regrar em formato de screencast. O vídeo tem por volta de 50 minutos e mostra os conceitas da otimização e como aplicar na prática em um projeto Rails.

Quem estiver interessado em entrar no mundo do Rails não deixe de participar do curso da eGenial que inicia agora dia 01/03. Para mais detalhes acesse: http://www.egenial.com.br/cursorails

A apresentação é bem parecida com a que apresentei no RailsForKids de 2009 mas com atualizações e novos slides (que você pode baixar separadamente aqui).

O código fonte dos exemplos está disponível no meu GitHub em github.com/danielvlopes/optimizing_rails_frontends e conta com uma versão usando o asset_packager e outra usando o jammit.

Fev 25

Almoço e jantar no Meeting do riaPT Porto

Escrito por Mauro Martins em .NET, 1, 2009, 4, 6, AR, Adobe, Air, Apresentação, BI, Cloud Computing, DRE, Dica, Evento, Eventos, Flash / Flex, Flex, Google, IE, Java, Javascript, Links e sugestões, Microsoft, O, PHP, Projectos, RIA, RIAPT, Ria’s Geral, Scrum, TAT, Tecnologia, Tema, Twitter, UI, Vários, XP, abas, blog, break, class, dados, email, err, event, facebook, flash, for, gmail, ide, image, int, linkedin, lisboa, live, map, menu, mg, networking, on, problema, problemas, pt, silverlight, social, web @ 02 25th, 2010 | via http://imauro.com/blog/ | Sem comentários

Se há coisa importante, quando as pessoas vão a eventos sobre qualquer tema, é a possibilidade que têm de conhecer novas pessoas, trocar ideias, possivelmente conhecer pessoas que já falavam há vários meses e nunca tiveram a oportunidade de estar cara a cara, etc.

Minha experiência no TED

Aconteceu-me isso a semana passada no TED xPorto onde encontrei o Luís Martins da plataforma Silverlight da Microsoft. Eu tinha visto a sua apresentação no evento do 3º aniversário do riaPT em Lisboa, na Novabase e comecei a falar com ele sobre a possibilidade de fazer uma apresentação no evento que estou a organizar para o riaPT, no Porto.

Até aquele momento só tinhamos falado por email e o Luís não tinha a mínima noção de quem eu era! Até ao Ted…

Aproximei-me dele e disse:

- Olá Luís! Eu sou o Mauro, aquele com quem tens trocado emails nos últimos meses!

E ali ficamos, dezenas de minutos a conversar sobre a web, Adobe, Flash, Microsoft, Silverlight e Cloud Computing e até SCRUM!

Isto para dizer que vale SEMPRE a pena sairmos da nossa zona de conforto, em qualquer evento (custa muito, eu sei!), e falar com pessoas novas, trocar ideias, trocar contactos, etc.

Em piada com um amigo meu, ele deixou-me sozinho no coffee break do TED e disse-me:

- Olha, vou ali conhecer pessoas!

É este mesmo o espírito (um abraço para o Fábio que vai ler isto de certeza!).

Networking no riaPT Porto

Ora bem, nesse espírito, eu e o Rui Silva pensamos em organizar um almoço e um jantar para TODOS (quem vai e quem não vai ao evento) de forma a falarmos sobre espectativas (antes do evento) e conclusões (depois do evento) ou sobre outra coisa qualquer, vale tudo!

Assim, estão TODOS convidados a falar connosco, com os dos speakers, etc. O que interessa é falar, discutir (apaixonadamente ou não) e tirar daí conclusões sobre como evoluir, como resolver problemas e que passos a dar!

Tanto o almoço e o jantar nunca vão ultrapassar os 15€ por pessoa e, no caso do jantar, será sempre às 20:00 para termos o tempo perfeito (evento termina às 18:30 +/-, mais uma hora de discussão / possível derrapagem nas intervenções / coffee break) é o tempo perfeito para depois nos deslocarmos, a pé – será sempre ali nas redondezas, nunca mais de 5 minutos a pé – para o jantar e podermos desfrutar e discutir tecnologia, plataformas, novos projectos etc.).

Quem quiser participar tanto no almoço como no jantar, por favor envie-me um email mauroalexandremartins[at]gmail.com e, mais importante… INSCREVAM-SE!

Cumprimentos, Mauro Martins.

« Entradas anteriores |

Minha experiência no TED

Networking no riaPT Porto

ACERCA

GOOGLE

Votação

AUTORES

PUBLICIDADE