José Otávio Quaglio

WIF - Windows Identity Foundation (Configuração do Client)

2012-02-06T14:04:00.000-02:00

O que é?
De acordo com o site da Microsoft, o WIF permite que desenvolvedores .NET terceirizem a lógica de acesso (login) em suas aplicações.

Imagine que você trabalha em uma empresa que contêm milhares de sistemas .NET e que cada um tenha o seu própio controle de acesso e que todos trabalhem com o mesmo esquema de usuários atribuidos à perfis (roles).
Nesta situação, seria um trabalho árduo realizar uma manutenção nestes sistemas caso ocorra alguma alteração na lógica do controle de acesso da empresa.

Porque não centralizar em um único local (STS) a parte do controle de acesso e focar mais no negócio de sua aplicação?

Neste post, explicarei um passo a passo de como configurar o WIF em uma aplicação ASP.NET WebForms (com HTTPS) e como apontá-lo para um STS (Security Token Service: Serviço responsável por autenticar o usuário).Mais informações »

Compactando Arquivos Estáticos no ASP.NET

2012-01-05T10:56:00.002-02:00

Você já se deparou com um cenário no qual utilize vários arquivos CSS e JS e eles possuem tamanhos grandes e que na sua visão possa causar uma lentidão no carregamento das páginas no cliente?

Eu tive este "problema" alguns dias atrás e necessitava urgentemente compactar os arquivos estáticos do jQuery UI para garantir performance no carregamento das páginas.

A minha solução foi bastante simples. Pensei em obter os arquivos estáticos e compactá-los em runtime utilizando o algoritmo do GZip (classe GZipStream) e passar para o browser este conteúdo compactado identificando que este era um conteúdo com o encoding do tipo GZip.

Para implementar esta solução, primeiro criei um arquivo do tipo Generic Handler (ziparArquivo.ashx), e em seguida alterei o método ProcessRequest para que realizasse o que eu estava imaginando, conforme código comentado: Mais informações »

Retirar "X" do jQuery Dialog

2011-12-14T09:32:00.001-02:00

Em um projeto que trabalhávamos, nos foi solicitado pelo usuário que o "X" do Dialog do jQuery fosse retirado.
Não havia um porque da retirada do "X", dado que neste dialog só continha apenas um botão (ok), mas, para evitar conflitos junto ao usuário, resolvemos pesquisar sobre.

Ao verificar a documentação do jQuery UI Dialog não encontramos nenhuma informação sobre como ocultar o "X". Refletindo um pouco mais, chegamos a conclusão de que quando invocamos o método "alert" no JavaScript, a janela exibida também contêm o "X", conforme imagem abaixo, e não há como retirar, ou seja, o dialog tem o mesmo comportamento.

Diante desta análise identificamos dois modos de retirar este item.
Mais informações »

Utilizando corretamente o atributo MODAL do Dialog no jQuery UI

2011-09-20T14:28:00.003-03:00

Você sabia que o atributo modal do widget "Dialog" do jQuery UI ao ser habilitado, altera não só as características de visualização da tela travando o background mas também desabilita alguns elementos na página, evitando que suas ações sejam realizadas?

Mais informações »

Testando métodos privados e estáticos (static)

2011-09-15T10:54:00.000-03:00

Vamos aproveitar o código do post que explica como funciona o Microsoft Moles e incluir um método privado e um estático nele para que possamos criar os testes unitários.

Aqui temos a classe Business com o método "ValidarNome" que é privado e o método "Consultar" que é estático.

//Classe de Negôcio
public class PessoaBusiness
{
    public bool Incluir(PessoaEntity pessoa)
    {
        ValidarNome(pessoa);

        ValidarIdade(pessoa);

        PessoaDAL pessoaDAL = new PessoaDAL();
        return pessoaDAL.Incluir(pessoa);
    }

    private void ValidarNome(PessoaEntity pessoa)
    {
        if (pessoa.Nome.Trim().Length == 0)
        {
            throw (new ArgumentException("O nome deve ser preenchido!"));
        }
    }

    private void ValidarIdade(PessoaEntity pessoa)
    {
        if (pessoa.Idade <= 0)
        {
            throw (new Exception("A idade deve ser maior que zero!"));
        }
    }

    public static bool Existe(PessoaEntity pessoa)
    {
        if (pessoa != null)
        {
            PessoaDAL pessoaDAL = new PessoaDAL();
            return pessoaDAL.Existe(pessoa);
        }
        return false;
    }
}

Mais informações »

Testando um método que retorna uma Exception

2011-09-15T10:37:00.002-03:00

Muitas pessoas utilizam do try catch para poder testar um método que em algum determinado caso retorna uma exception. Eu já fiz isso (quem não fez não é?), mas depois me corrigiram dizendo que existia um atributo para a exception esperada.

Mais informações »

Mito sobre declaração de variável com VAR

2011-09-06T07:30:00.000-03:00

Já ouvi de muitas pessoas que ao utilizar a declaração de variável "var" o código fica mais lento pois o CLR fica com a responsabilidade de identificar qual é o tipo definido na instrução.

Isto é mentira! Vamos ao código abaixo que demonstra que isto não ocorre.
Ao compilar a aplicação o compilador é responsável por transformar a declaração "var" em uma variável conhecida.

Mais informações »

Distribuindo Transação no WCF

2011-09-05T11:39:00.001-03:00

Existem cenários em que é necessário realizar transações distribuídas e, ainda mais onde a arquitetura da solução foi desenvolvida utilizando o conceito de serviços. Para isto o WCF (Windows Communication Foundation) permite que você controle a transação contida no método através da chamada no client (isto, somente se no server estiver habilitado).

A implementação é bem simples e requer que o MSDTC das máquinas estejam habilitados e configurados corretamente, isto garantirá que as máquinas tenham uma comunicação eficaz e garanta o conceito ACID na ação.

Mais informações »

Interceptando Chamadas no WCF

2011-08-25T11:26:00.001-03:00

Em um projeto que estava atuando existia um cenário no qual haviam vários endpoints e necessitávamos efetuar o log das chamadas realizadas à todos eles.

Para isto, utilizei uma solução que está disponível no framework 4.0 do .NET que tem o nome de Message Inspector.

Esta solução, permite interceptar chamadas ao WCF da aplicação resgatando a chamada depois do recebimento da requisição e antes de enviar o retorno.

Mais informações »

Habilitar Trace no WCF (System.Diagnostics)

2011-05-17T10:42:00.000-03:00

Muitas vezes nos deparamos com alguns problemas no WCF que de primeira não conseguimos entender ou diagnosticar e acabamos demorando horas e horas pesquisando por um erro que na verdade não é o REAL erro.

Diante de minha experiência, percebi que O WCF tem o comportamento de encapsular (se é assim que posso dizer) o erro original e nos enviar um erro genérico.

Mas com a ajuda do System.Diagnostics, podemos realizar o trace das chamadas do serviço e identificar o real problema. (Esta configuração pode ser adicionada tanto no client como no host do WCF.)
Mais informações »

Interface ICloneable

2011-04-01T09:06:00.002-03:00

O que é?
A interface ICloneable contém o método Clone, responsável por clonar (criar uma cópia) de uma classe.

Porque utilizar
Se ao desenvolver você se depara com um cenário que necessita criar um objeto a partir de outro, mas não quer que ele aponte para o mesmo endereço de memôria do original, você precisará clonar este objeto.

Mais informações »

Session.SessionID é alterado a cada request

2011-03-23T16:48:00.000-03:00

Em meu estudos com o ASP.NET MVC 3 me deparei com um problema relacionado ao objeto Session do ASP.NET.

Na teoria, a propriedade SessionID deste objeto deveria ter o mesmo valor para a sessão. Mas não é o que estava acontecendo com os meus testes no ASP.NET MVC 3.
Mais informações »

Ordenando com auxílio de RegEx

2011-03-17T09:30:00.001-03:00

Outro dia o Gustavo Bergamim perguntou ao Fabrício Doi e eu como realizar a ordenação da seguinte lista utilizando Regular Expression.

1.3.5 - TESTE
1.3.42 - TESTE
2.1.4 - TESTE
1 - TESTE
10.1 - TESTE
1.1 - TESTE
2.1 - TESTE
20.3 - TESTE
2.5 - TESTE
1.3 - TESTE
XYZ
Abc
Comparer

Se você adicionar estes itens em uma lista genérica de string e tentar realizar uma ordenação simples utilizando o método Sort, o resultado sairá errado, por isso utilizamos RegEx para facilitar a ordenação.
Mais informações »

Ordenação no DataGridView

2011-03-16T15:05:00.000-03:00

Não é tão simples fazer uma ordenação em um DataGridView no Windows Form programaticamente, quanto é no GridView do Web Form!

No Web Form é simples, basta atribuir a propriedade AllowSorting para true e implementar o evento Sorting do GridView.

Agora no Windows Form é um pouco diferente, pois no DataGridView não existe a propriedade e nem o evento dito anteriormente.

(Obs.: Se você criar um DataGridView e não populá-lo programaticamente (utilizando a propriedade DataSource), a ordenação funcionará automaticame sem a necessidade de utilizar o código abaixo.)

Então como fazer a ordenação!?
E se utilizarmos a interface IComparer?

Mais informações »

Microsoft Moles

2011-01-20T09:17:00.007-02:00

Esta semana o Victor Cavalcante estava me mostrando como criar um teste unitário com Moles ao invés de Moq. Achei interessante e resolvi pesquisar mais sobre.

Microsoft Moles é um framework de Mock, mas com um paradigma diferente do que é implementado no Moq devido ao Moles realizar instrumentação no seu código.

Vamos a prática!!! Vamos imaginar o mesmo cenário do post anterior onde temos uma camada Business com dependência da camada de dados (DAL), mas sem utilizar conceitos de injeção de dependência.

Mais informações »

Mock

2011-01-13T09:28:00.011-02:00

O que são Mocks?
Mocks são objetos que simulam o comportamento de outros objetos (como se fossem dublês).

Finalidade
Mocks são geralmente utilizados em testes unitários.
Conforme meu post sobre conceito de teste unitário, um teste unitário é um código que testa UMA unidade de código, ou seja, se estou testando uma única unidade de código, eu não quero que meu código teste uma outra unidade de código que não seja a que eu estou querendo.

Vamos imaginar a situação mais comum, no qual temos uma camada Business e esta camada realiza chamadas para a camada de DAL (Data Access Layer).

Se meus testes estão cobrindo somente os códigos da minha camada de negôcio, então teoricamente eu não deveria deixar a camada Business chamar a camada DAL, pois neste caso eu estaria testando também o código contido nesta camada. Eu quero somente testar a regra de negôcio contida na camada Business. Quero garantir que meus testes cubram somente as regras de negôcio ali desenvolvidas e não o acesso a base de dados.

Mais informações »

Conceito de Teste Unitário

2010-09-23T13:28:00.019-03:00

Há algum tempo, eu possuía um conceito errado sobre teste unitário. Pensava que se resumia em realizar um teste manual daquilo que você havia desenvolvido.

Exemplo:
Em uma atividade como "Desenvolver uma tela que insere uma informação X", o meu antigo pensamento seria: "Vou adicionar uma sub-atividade chamada de Teste Unitário, para testar manualmente a inserção desta informação!".

Este teste unitário era, simplesmente, acessar a tela, preencher o campo e clicar em um botão para que a informação fosse inserida. Mas, a cada leitura/experiência, pude verificar que o meu entendimento sobre teste unitário estava incorreto. O que eu fazia antes é considerado como um teste integrado e NÃO teste unitário.

Antes pensava que fosse preciso apenas testar manualmente uma tela, mas após alguns estudos, notei que teste unitário é um código que testa código!

Mais informações »

Ctrl+C

2008-11-04T15:41:00.011-02:00

Função que faz uma cópia (copy) do conteúdo de um textbox para o clipboard.

<input type="text" id="txt">

<input type="button" onClick="Copiar('txt')">

<script language="JavaScript">
function Copiar(pCmp)
{
 var valor = document.getElementById(pCmp).value;
 window.clipboardData.setData("Text", valor);
}
</script>

DOCTYPE!

2008-10-28T20:13:00.018-02:00

Estes dias alguns webcontrols (ASP.NET) que eu havia feito estavam com comportamentos estranhos após inserir no html o elemento DOCTYPE, que é requerido pelos controles do AjaxToolkit. Alguns elementos da página estavam incorretos.

Não tinha como opção retirar o DOCTYPE da página, pois eu necessitava utilizar um controle do AjaxControlToolkit. Diante disto, resolvi entender o que exatamente é este elemento.

O que é um DOCTYPE?

DOCTYPE (Document Type Declaration ou DTD) é utilizado pelo browser para interpretar a versão do html corrente.

Mais informações »

To Upper/Lower Case

2008-10-27T09:59:00.020-02:00

Português

Outro dia estava querendo fazer com que um TextBox ficasse com as letras maíusculas no momento em que eu fosse inserindo cada caracter.

Fiz o código abaixo utilizando o evento OnKeyUp, no qual ele altera os caracteres para maíusculo:

<input type="text" OnKeyUp="ToUpper(this)">
<script language="JavaScript">
function ToUpper(el)
{
 el.value = el.value.toUpperCase(); //.toLowerCase()
}
</script>

Não gostei muito do efeito, pois quando eu adicionava um caracter novo, o mesmo entrava em minúsculo e depois ele era alterado para maiúsculo.

Em uma busca na internet, encontrei um CSS que altera a aparência do valor do TextBox. É, eu disse que altera a aparência porque este CSS não mantém o valor em maíusculo, ou seja, se você digitar sem utilizar um caps lock ou um shift (para que o caracter fique maiúsculo), os caracteres continuarão minúsculos, e somente a aparência será de maíusculo.

CSS: text-transform: uppercase; (ou lowercase)

Conclusão, juntei o JavaScript com o CSS!

Acredito que existem outras formas de transformar um caracter em maísculo/minúsculo utilizando JavaScript. Se alguem quiser contribuir, fique à vontade!

English

An other day i wanted to transform a character from lowercase to uppercase in a TextBox.

I made the code below using the OnKeyUp event, in which it modifies the characters to uppercase:

<input type="text" OnKeyUp="ToUpper(this)">
<script language="JavaScript">
function ToUpper(el)
{
 el.value = el.value.toUpperCase(); //.toLowerCase()
}
</script>

I don´t like the effect, therefore when i added a new character, it appears in lowercase and them changed to uppercase.

In a search over internet, i found a CSS that change the TextBox value appearance. I said that changes the value appearance because this CSS doesn´t keep the uppercase value. I you type without use the caps lock or shift (for character to be uppercase), the characters will be lowercase, and only the appearance will be uppercase.

CSS: text-transform: uppercase; (or lowercase)

Conclusion, i put the JavaScript and CSS together!

I believe that has many ways to transform a character to uppercase/lowercase using JavaScript. Feel free to contribute.

O elemento é undefined?

2008-03-30T16:40:00.005-03:00

Português
Abaixo está um código que verifica se um determinado elemento não está definido no html, ou seja, se ele é undefined.

English
Below there is a code that verifies if a element is not defined in HTML code.

if(eval("document.getElementById('idElemento')==undefined"))
{
 alert('Elemento = undefined');
}

jQuery:

var existe = $('#idElemento').length;
if(existe == 0)
{
 alert('Elemento = undefined');
}

Exibir imagem em tamanho maior clicando no thumbnail

2008-01-27T21:59:00.003-02:00

Português
Este script realiza a exibição de imagens grandes à partir de um click sobre os seus respectivos thumbnails.

English
This script show big images when the user clicks on its thumbnails.

JavaScript

var screenGrd = document.getElementById('Screen');
var imgGrande = document.getElementById('imgGrande');

//Exibe a imagem grande, passando por parâmetro o caminho da imagem
function ShowScreen(imgGrd)
{
 img = new Image();
 img.src = imgGrd;

 imgGrande.src = img.src;

 //Exibe e centraliza a imagem grande no browser
 screenGrd.style.visibility = 'visible';
 screenGrd.style.display = 'inline';
 screenGrd.style.top = (document.body.offsetHeight/2) - (screenGrd.offsetHeight/2);
 screenGrd.style.left = (document.body.offsetWidth/2) - (screenGrd.offsetWidth/2);
}

//Fecha a imagem grande
function HideScreen()
{
 screenGrd.style.visibility = 'hidden';
 screenGrd.style.display = 'none';
}

HTML

<a href="javascript:void(ShowScreen('imagem_grande.jpg'));"><img src="imagem_pequena.jpg" border="0"></a>

<div id="Screen" style="visibility:hidden;display:none;position:absolute;">
<table bordercolor="#9999FF" border="2" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#9999FF" align="right"><a href="javascript:void(HideScreen());">[X]</a></td>
</tr>
<tr>
<td><img id="imgGrande"></td>
</tr>
</table>
</div>

Exemplo (Example)

AJAX - Asynchronous Javascript And XML

2007-11-21T17:46:00.003-02:00

Português
O AJAX é utilizado para fazer requisições em background das informações, sem que haja uma atualização de toda a página, ou seja, sem que a página faça um postback e atualize a página como um todo.

Com o AJAX, as páginas ficaram mais rápidas de ser carregadas, pois não precisamos mais carregar a página toda para cada link clicado, diminuindo assim o download de informações desnecessárias (como: imagens, flash, etc).

Mais informações »

Colocando DIV por cima do DropDownList

2007-11-14T19:09:00.003-02:00

Português
Por muitas vezes tentei colocar um DIV por cima de um DropDownList, mas o mesmo sempre ficava por traz; Tentava utilizar o style z-index, mas mesmo assim não dava.

Fiz uma vasta pesquisa pela internet (google) e acabei encontrando um work around que solucionava tal problema, pois o problema em si é um bug encontrado no Internet Explorer 6 e inferior.

Para resolver tal bug, tive que colocar um IFRAME invisível na mesma posição e tamanho que o DIV.

English
For many times i try to put a DIV in front of a DropDownList, but it always staied behind; I tried to use a style z-index, but it not worked.

I made a search on the internet (google) and i found a work around that resolve the problem, because the problem is a bug found on Internet Explorer 6 and inferior.

To resolve this bug, i need to put a hidden IFRAME in the same position and size of the DIV.

Segue abaixo o código (Code below):

<select><option>Zeh JS</option></select>

<div style="position:absolute; top:0px; left:0px; width:100px; height:100px; background-color:#C6C6C6;z-index:2;">DIV</div>

<iframe src="javascript:false;" frameborder="0" style="position:absolute; top:0px; left:0px; width:100px; height:100px; filter:Alpha(opacity=0); z-index:1;"></iframe>

ToolTip

2007-11-11T14:18:00.003-02:00

Português
Fiz uma função para exibir um tooltip personalizado em qualquer elemento HTML.

English
I made a funcion to show a personalized tooltip in any HTML element.

function ShowToolTip(elemento, texto)
{
 var d = document.getElementById('tt');
 d.innerHTML = texto;
 d.style.top = posY;
 d.style.left = posX;
 d.style.visibility = 'visible';
 d.style.display = 'inline';
}

function HideToolTip()
{
 var d = document.getElementById('tt');
 d.style.visibility = 'hidden';
 d.style.display = 'none';
}

//Início - Posição X, Y do Mouse
var posX, posY;
function getXY()
{
 posX = event.clientX;
 posY = event.clientY;
}
document.onmousemove = getXY;
//Fim - Posição X, Y do Mouse

CSS

.stilo
{
 position: absolute;
 visibility: hidden;
 display: none;
 font-size: 9px;
 font-family: Tahoma;
 background-color: #FFFF00;
 border-style: solid;
 border-width: 1px;
 padding: 3px;
}

HTML

<span onMouseOver="ShowToolTip(this, 'Item Número 1');" onMouseOut="HideToolTip();">Item 1</span>

<div id="tt" class="stilo"></div>