Surgiram linguagens cada vez mais avançadas e com elas frameworks proporcionalmente mais sofisticadas para desenvolver aplicações Web, possibilitando o acesso facilitado à bancos de dados, aumentando a produtividade, e assim proporcionando formas melhores de desenvolver tais aplicações. Uma das frameworks que surgiu foi a .NET, e esta por sua vez trouxe um recurso bastante interessante para armazenar o estado dos controles de uma página, o View State.

Em suma, o View State consiste em serializar objetos dentro do código html de uma página em uma parte específica do mesmo, criptografando os objetos que nele são armazenados. O grande problema está no fato de que muitos programadores vem utilizando o view state para armazenar objetos de negócio em detrimento do uso de recursos tradicionais como as sessões, algo que pode ser mortífero caso a complexidade desse objeto seja muito grande.

O maior argumento está no fato de que muitas vezes objetos são armazenados em sessão e nem sempre são removidos da mesma, acumulando “lixo” na memória do servidor.

Porém ocorre que, uma sessão dura o tempo que o navegador do cliente estiver aberto, ou então, o tempo estabelecido para que ocorra o timeout da mesma, e os objetos armazenados em sessão não são enviados do servidor para o cliente, não gerando tráfego na rede, e assim livrando o cliente de baixar alguns bytes ou mesmo megabytes de dados.

O problema do uso desregrado de View State se torna ainda maior quando se trabalha com persistência OO (leia-se NHibernate, Linq to SQL, DB4Objects), quando a programação se torna realmente orientada a objetos e objetos complexos são carregados do banco de dados e armazenados temporáriamente no View State. Para exemplificar imagine as seguintes situações:

1. Um objeto Rua. Esse objeto possui 2 atributos, sendo estes o Id e o Nome. Se armazenarmos este objeto no View State teremos apenas um objeto simples, o que não traz maiores problemas.
2. Um objeto Bairro. Esse objeto possui 3 atributos, sendos estes o Id, o Nome, e Ruas, que é uma lista de Ruas. Se supormos que este objeto Bairro contém 100 Ruas e estamos armazenando o mesmo no View State, na verdade estaremos armazenando 101 objetos. Okay, isto pode ser muito pouco, não é mesmo?
3. Um objeto Cidade. Esse objeto possui 3 atributos, sendos estes o Id, o Nome, e Bairros, que é uma lista de bairros. Suponhamos que cada bairro possua 100 ruas, e que existam 93 bairros, como na cidade de São Paulo. Vamos à matemática: (100 + 1) x 93 + 1 = 9394 objetos.

Isso mesmo, 9.394 objetos para serem armazenados no código fonte do cliente.

Como um exercício sugiro o seguinte:

Crie uma página, e crie os mesmos objetos que descrevemos acima, com as mesmas propriedades, e faça um método que gere um objeto cidade contendo 93 bairros, que contenham 100 ruas cada um. Após criado este objeto armazene o mesmo na View State da sua página. Após isso veja o código HTML que foi gerado na página do cliente e procure pela tag VIEWSTATE.

Ficou muito grande?

Use o View State com muita cautela, e tenha certeza do seguinte: é muito melhor armazenar 9394 objetos na memória do servidor que enviar tudo isso para o SEU cliente.

Abraços!

Ps: Visitem meu blog: stanzani.wordpress.com

Certa vez eu estava procurando uma solução e achei este post, onde há um serviço fácilmente configurável para o Team Foundation Server. O serviço funciona muito bem e sua configuração é bem simples. Toda vez que se cria um work item, ou que se muda o “assigned to” de um work item chega um e-mail para a pessoa que recebeu o work item.

Se você for mais audacioso da ainda para alterar o corpo ou título dos e-mails através de arquivos XSLT.

É importante lembrar que os e-mails dos colaboradores devem estar devidamente configurados no Active Directory, mas se não estiverem basta vigiar o arquivo de log gerado pelo serviço.

Fica aí a dica.

Abraços!

Ps: Este artigo está também no meu blog: stanzani.wordpress.com visitem.

Coluna Flash – Menu Pop Up

Olá amigos do MXStudio,

Depois de muito tempo estou de volta, graças a Deus!
As coisas andaram bem corridas por aqui.
Empresa, faculdade, freelances e outros projetos têm tomado todo meu tempo.
Mas como estava há muito tempo sem escrever nenhum artigo, consegui arrumar um tempo.
Hoje iremos aprender como desenvolver um menu pop-up.
Um recurso muito utilizado atualmente e que é simples de ser desenvolvido.
Como tenho recebido dezenas de e-mails perguntando como fazer um menu assim, decidi responder a todos de uma vez por meio desse artigo. Espero que gostem!
O resultado final você confere abaixo.
Passe o mouse sobre a opção ?A Empresa? para ver as opções do submenu:

Lembrando que meus artigos são desenvolvidos em Flash 8, utilizando Actionscript 2.0, implementada a partir da versão MX 2004. Portanto, se você utiliza o Flash da versão 6 (MX) pra baixo, seu arquivo tem grandes chances de não funcionar corretamente.
Mãos à obra!
Crie um novo filme no Flash e pressione ?Ctrl + J? para abrirmos a paleta de configuração do filme (Document Properties).
Defina o tamanho do mesmo em 480×100 pixels, conforme a figura abaixo:

Agora crie cinco layers (camadas) com os mesmos nomes e na mesma ordem da figura abaixo:

Na layer (camada) ?Background? crie um retângulo qualquer.
Em seguida pressione ?F8? e abra a janela para criar um novo símbolo.
No campo ?Name? digite ?background_gfc? e em ?Type? escolha a opção ?Graphic?, conforme a figura:

Agora, na layer (camada) ?Menu? crie as quatro palavras que serão as opções do nosso menu:
Home, A Empresa, Nossos Serviços e Fale Conosco.
Tranque a layer clicando no ícone do cadeado correspondente.
Seu menu deverá ficar mais ou menos dessa forma:

Vamos agora à layer (camada) ?Buttons?.
Novamente crie um quadrado com um tamanho qualquer (20×20 por exemplo) e pressione ?F8? para convertê-lo em símbolo.
No campo ?Name? digite ?botao_btn? e em ?Type? escolha a opção ?Button?.
Pronto, agora já temos meio caminho andado.
Em seguida, pressione ?F11? para abrir a ?Library?.
Arraste quatro cópias (instâncias) do botão que acabamos de criar.
Ajuste o tamanho de cada um de acordo com o tamanho das palavras correspondentes.
Observe a figura:

Agora selecione o botão que corresponde à opção ?Home? e na barra ?Properties? (Propriedades) digite ?home_btn? ? sem aspas ? no campo do nome de instância.

Repita esse procedimento com os demais botões, colocando os seguintes nomes:
A Empresa: ?empresa_btn?
Nossos Serviços: ?servicos_btn?
Fale Conosco: ?contato_btn?
Feito isso, vamos agora à layer (camada) ?Submenu?.
Pressione ?Ctrl + F8? para criarmos um novo símbolo.
No campo ?Name? digite ?subEmpresa_mc? e em ?Type? escolha a opção ?Movie clip?.
Pressione ?Ctrl + E? para voltarmos à raiz do filme.
Abra a Library (Livraria) ? pressionando ?F11? ou ?Ctrl + L? ? e arraste para o palco o Movie clip que acabamos de criar, selecione-o e defina, na barra ?Properties? x = 0 e y = 0.
Também dê a ele o nome de instância ?subEmpresa_mc? ? sem aspas.
Veja a figura:

Clique duas vezes sobre o Movie clip para editá-lo.
Dentro do nosso Movie clip ?subEmpresa_mc?, crie uma layer (camada) chamada ?Menu? e nela iremos criar as três opções que fazem parte do submenu de ?A Empresa?.
As opções são: Equipe, Clientes e Parceiros.
Após criar as três opções do submenu, uma logo abaixo da outra, arraste três instâncias do ?botao_btn? (que está na Library), posicionando-as de acordo com as palavras criadas.
Observe a figura:

Volte à raiz do filme (pressionando ?Ctrl + E?) e vamos à layer (camada) ?Actions?.
Clique no primeiro e único frame da layer (camada) e pressione ?F9? para abrir a paleta ?Actions?.
Copie e cole as linhas de código abaixo.

Cada linha está explicada com comentários:

subEmpresa_mc._visible = false; /* faz com que o submenu fique invisível quando o filme iniciar*/
empresa_btn.onRollOver = function() { /* quando o mouse passar sobre o botão ?empresa_btn?*/
subEmpresa_mc._visible = true; /* o submenu aparecerá*/
}

Pronto, agora pressione ?Ctrl + Enter? para testar seu menu.
Ele já está praticamente pronto, porém você irá notar que quando tiramos o mouse da área do submenu, as opções continuam lá.
Agora vamos para a grande sacada dos menus pop up.
Feche a paleta ?Actions? e clique duas vezes no Movie clip ?subEmpresa_mc?.
Crie uma camada com o nome ?Hit? ? sem aspas ? e vamos criar um retângulo com o mesmo tamanho da área do menu, ou seja, 480×100 pixels.
Criado esse retângulo, certifique-se de que ele tem 480×100 pixels e defina x = 0 e y = 0, conforme a figura:

Agora selecione esse retângulo e pressione ?F8? para transformá-lo em botão.
Na janela que se abrir, digite ?hit_btn? no campo ?Name? e em ?Type? escolha ?Button?.
Selecione o botão que acabamos de criar e dê a ele o seguinte nome de instância: ?hitEmpresa_btn? ? sem aspas.
Agora iremos editar os estados do botão.
Clique duas vezes sobre ele e arraste o frame ?Up? para o frame ?Hit?.

Selecione o frame ?Hit? e clique no ícone do quadrado que fica logo ao lado do cadeado.
Isso fará com que seja exibido apenas as bordas dos objetos que fazem parte da camada.
Agora delete a área correspondente ao menu e submenu de ?A Empresa?.
Depois disso clique no quadrado novamente para exibir seu botão normalmente.
Veja como seu botão deve ter ficar:

Agora pressione ?Ctrl + E? para voltarmos à raiz do filme.
Você verá o seguinte:

Agora basta mais um detalhe e nosso menu estará funcionando corretamente.
Abra a paleta ?Actions? pressionando ?F9? e acrescente as seguintes linhas de código abaixo das linhas que já haviamos colado anteriormente:

subEmpresa_mc.hitEmpresa_btn.onRollOver = function() {
subEmpresa_mc._visible = false;
}
Pronto pessoal, agora teste seu filme e confira o resultado.
Depois, basta colocar os links que desejar nos botões.
Qualquer dúvida, por favor, envie para meu e-mail: contato@felipegomes.com.br
Não responderei a dúvidas postadas nos comentários do artigo.
Para mim é melhor e mais interessante responder às dúvidas por e-mail, assim poderemos ter um contato mais próximo e vocês poderão sanar dúvidas sobre outros assuntos que desejarem.
É isso!
Espero que tenham gostado e que esse artigo seja útil a vocês.
Deus abençoe!
Um abraço a todos e até a próxima,
Autor: Felipe Gomes – Articulista de Flash do Portal MXSTUDIO
Qualquer dúvida envie um email para contato@felipegomes.com.br ou acesse o nosso fórum. ]]> http://www.mxstudio.com.br/desenvolvimento/flash/menu_pop_up/feed/ 5 http://www.mxstudio.com.br/marketingdigital/usabilidade/imposicao_de_padroes/ http://www.mxstudio.com.br/marketingdigital/usabilidade/imposicao_de_padroes/#comments Thu, 16 Mar 2006 00:00:00 +0000 Felipe Stanzani

Imposição de Padrões

Como grandes idéias influenciam a usabilidade

Não podemos dizer que um padrão de usabilidade é exatamente imposto, mas podemos dizer que eles acabam se impondo quando recebem um planejamento adequado e um estudo bem feito dos grupos aos quais serão aplicados. Abaixo vou contar um pouco sobre grandes exemplos de padrões que atualmente comandam a Web e os Desktops.

Na época que surgiu o Windows 95, a Microsoft teve a oportunidade de testar novas idéias, e assim algumas continuaram nas versões seguintes do sistema, algumas outras foram abandonadas. Essa prática de introduzir “experimentos” nos softwares se tornou constante para a Microsoft, se estendeu para a suíte Office, e logo após para outros programas como o MSN Messenger.

Ultimamente o Messenger tem sido o maior laboratório de pesquisas da Microsoft, as novas versões do Windows se limitam a serem apenas uma popularização do que existe em outros sistemas operacionais (alguém já viu os Widgets do Vista em algum lugar?). Isso por que a MS percebeu que não dá para ficar brincando com coisas sérias, logo, fez com que o MSN, que surgiu como uma ferramenta de entretenimento, fosse o alvo para testes, principalmente por que com o MSN ela consegue obter respostas com mais facilidade do que seria possível com o Windows ou o Office, já que a maioria das operações que o mesmo efetua estão diretamente ligadas com a Internet.

Há pouco tempo foi lançada uma versão beta do Messenger, e agora o mesmo resolveu inovar completamente. Repaginada e investindo numa nova plataforma, uma cor verde, com ícones nada insinuantes e muito confusos, uma interface que ocupa uma maior área do monitor, incomodando os herdeiros do ICQ, que colocam o Messenger como uma “janelinha retangular vertical no canto esquerdo do desktop”, assim como eu, entre várias outras coisas. A interface praticamente obrigava o usuário a aumentar a janelinha e o programa ficou muito mais pesado. O resultado provavelmente não foi dos melhores, e a Microsoft começou a provar do veneno que ela mesma produziu: “O Padrão Microsoft de Usabilidade”. Em um mês a Microsoft fez com que o Live Messenger voltasse a ser algo muito semelhante ao que era antes. Dessa vez ela conseguiu agradar, “inovando” com as mensagens off-line e as pastas compartilhadas.

A Microsoft vem se sentindo ameaçada por dois padrões muito fortes. O padrão Apple que está se consolidando com a enxurrada de IPods, transformando o PC em um centro de diversões e um objeto tão imprescindível como uma escova de dentes, e o Padrão Google, que leva tudo do desktop para a internet, ocupa menos espaço no HD e funciona muito, mas muito bem.

Usuários do Gmail já nem fazem muita questão de utilizar o Outlook, ou não usam mesmo. Tais usuários têm em suas mãos ferramentas sutis, curiosas, poderosas. Além do próprio Gmail, existem outras coisas, como a possibilidade de explorar o mapa de marte, da terra, procurar artigos acadêmicos, e-books, um chat via browser, uma infinidade de coisas que surgem mês a mês, deixam os usuários mais acostumados com o Google, e menos dependentes das ferramentas Microsoft, já que auxiliados por Ajax os sites ficam mais parecidos com aplicações Desktop.

Hoje a Microsoft já produz seus softwares utilizando-se de recursos muito semelhantes, intefaces padronizadas que fazem com que os usuários tenham muito mais facilidade em utilizar estes produtos e aprender a utilizar novos produtos. O mesmo acontece com o Google e suas buscas e sugestões, e ocorre também com a Apple e seus equipamentos brancos, limpos, com design simples e bonito, e softwares que sabem dar atenção aos seus usuários.

Uma grande jogada da Microsoft é a plataforma .net, em que todas as interfaces, botões e todos os componentes seguem o padrão do Office e do Windows, levando a plataforma a ter uma grande adoção pelas empresas e desenvolvedores, que também são usuários.

Nunca foi fácil desenvolver interfaces e melhorar a usabilidade de programas, mas com certeza as empresas que tem grandes idéias e conseguem impor bons padrões estão lucrando e muito, e é importante ressaltar que um padrão para ser imposto precisa vir junto com uma grande idéia, uma boa ferramenta. Para que as pessoas se interessem em usar sua solução, seja esta um site ou um programa, deve ter um algo mais, um diferencial. Nem o Google, nem a Apple e nem a Microsoft conseguiram chegar onde chegaram sem ter grandes idéias. Em alguns dos casos a grande idéia foi até facilitar a vida do usuário mesmo, mas não adianta ter ícones bonitinhos, uma interface amigável, se o que está sendo feito não possui nenhum conteúdo, ou se não funciona.