Nesta seção, é apresentada a ferramenta utilizada para a coleta dos dados da interação do usuário com um sistema web, denominada Web Application User Tracking Tool (WAUTT) (RIVOLLI et al., 2008). A abordagem dessa ferramenta usa técnicas Asynchronous
Javascript and XML (AJAX5) como base para construir um código JavaScript6 que é capaz de
realizar a tarefa de rastreamento da interação do usuário no cliente e registrar os dados coletados em um servidor para posterior análise e interpretação.
A principal vantagem da utilização dessa ferramenta é a capacidade de captura de eventos da interação do usuário com um sistema web. As ações realizadas na interface durante a interação com um sistema web são rastreadas pela WAUTT. Essa característica facilita a classificação de problemas de usabilidade específicos.
Na Figura 3 é mostrada a organização da arquitetura da ferramenta WAUTT. O “Cliente” corresponde à página do sistema web aberta no navegador, a qual possui um código WAUTT (wautt.js) incorporado que faz o rastreamento (captura) da interação do usuário e envia uma requisição com os dados coletados para registro em um arquivo de log.
5 AJAX é uma técnica usada para criar aplicações web mais interativas, usando uma combinação de tecnologias
e solicitações assíncronas de informações do servidor.
Figura 3 – Arquitetura da ferramenta WAUTT Fonte: Rivolli et al (2008).
O “Servidor de Aplicação Web2” hospeda a Aplicação Web27 sendo rastreada e possui um código WAUTT, denominado “Cliente WAUTT” (wautt.php), para redirecionar a requisição do cliente para o “Servidor WAUTT”. O “Servidor WAUTT”, por sua vez, fornece os códigos WAUTT para o “Cliente” e para o “Servidor de Aplicação Web2”, e também registra os dados coletados enviados com as requisições redirecionadas.
Outra questão que está associada à simplicidade e tem importância significativa é que o código do “Cliente WAUTT” não possui nenhum tipo de parâmetro, exceto a identificação do cliente, uma vez que os demais parâmetros são obtidos pelo código
JavaScript (“wautt.js”) incluído na página do cliente.
O próprio uso do “Cliente WAUTT” é uma decisão de projeto devido à questão das requisições AJAX cross-domain, que se trata de uma restrição de segurança dos navegadores e impede a comunicação com outro domínio que não seja o de origem da página. A maneira adotada para resolver essa questão é usar o próprio “Servidor de Aplicação Web2”, através do “Cliente WAUTT” (wautt.php), para redirecionar as requisições de registro recebidas do Cliente para o “Servidor WAUTT”.
7 Novas tecnologias, linguagens e metodologias tornam possível a criação de aplicações interativas que
representam um novo modelo, frequentemente chamado de aplicações Web 2.0 ou Rich Internet Applications (RIA).
Servidor de Aplicação Web2
Cliente WAUTT
Cliente Servidor WAUTT
Requisição
Resposta
wautt.js Envia a requisição
de registro para o Cliente WAUTT
wautt.php Redireciona a requisição
de registro para o Servidor WAUTT Requisição de registro Resposta Resposta Requisição de registro (redirecionada)
O Cliente WAUTT é um código PHP8 que inclui o código JavaScript (wautt.js) no conteúdo da página que é enviada ao Cliente. O código JavaScript faz o rastreamento da interação do usuário e envia uma requisição com os dados coletados para registro.
4.1.1 Formato dos Dados Coletados
A ferramenta WAUTT foi projetada para coletar dados detalhados sobre a interação do usuário com o sistema web. Os dados coletados são gravados em um arquivo de log e também armazenados em uma base de dados. O formato básico de cada registro (linha) do arquivo de log é o seguinte: data, hora, IP, sistema operacional, navegador, URL, <...>. A parte referenciada como “<...>” corresponde aos detalhes específicos da interação rastreada, que variam de acordo com os seguintes eventos:
• Clique do mouse: As coordenadas do clique são medidas a partir do canto superior esquerdo da página. A informação sobre qual elemento é o destino do clique também é registrada, assim como os seus atributos, por exemplo: name,
id, class, etc.
event:click, x:28, y:415, element:FORM, class:aba, id:lnk2, value: nome
• Rolagem da página: A coordenada da posição vertical da barra de rolagem, medida a partir do topo da página, é registrada a cada intervalo de tempo, da mesma maneira que os movimentos do mouse.
event:scroll, y:55
• Mudança de foco: A mudança do foco da entrada de dados é registrada sempre que um elemento receber ou perder o foco.
event:focus, element:textarea, class:msg, id:msg01, value: erro
• Carregamento de página: O registro ocorre quando uma página é carregada completamente no navegador.
event:load, title:Entrar width:800, height:600
• Movimento do mouse: As coordenadas da posição do mouse são acumuladas em um buffer a cada intervalo de tempo (300 ms) e são enviadas periodicamente para registro no servidor.
event:mousemove, x:169, y:130
• Redimensionamento da janela: Um registro para esse evento é adicionado sempre que o usuário redimensionar a janela do navegador.
event:resize, width:620, height:440
O formato de cada entrada de um arquivo de log gerado pela ferramenta é apresentado no Quadro 2.
05/06/2012, 13:50:12, 127.0.0., mozilla – 8.0.1, http:// localhost/ cadastro.php, event: click:, x:507, y:47, element: INPUT, value/text: Voltar
Quadro 2 – Entrada de um arquivo de log da WAUTT Fonte: Autoria própria.
Na Tabela 1 pode-se visualizar o significado dos atributos presentes na entrada de um arquivo de log da WAUTT, apresentada no Quadro 2.
Tabela 1 – Atributos do arquivo de log da ferramenta WAUTT
Campos Valores
Data da solicitação 05/06/2012
Horário da solicitação 13:50:12
Endereço do IP 127.0.0.1
Navegador/versão mozilla – 8.0.1
Documento solicitado cadastro.php
Evento Clique do mouse
Coordenadas x:506, y: 47
Elemento Input (Botão)
Valor/Texto Voltar
O emprego da ferramenta WAUTT permite que os dados sejam mostrados basicamente de forma bruta, cabendo ao avaliador analisá-los e tirar conclusões quanto à usabilidade de um sistema web. Neste trabalho é realizada uma filtragem dos arquivos log procurando eliminar entradas não importantes para o problema de identificação de potenciais problemas de usabilidade, e consequentemente reduzir a dimensão do volume de dados a serem analisados pela técnica de reconhecimento de padrões.