Sexta-feira, 8 de Junho de 2012
entrega06testes

  Com a versão beta concluída, podemos agora começar a realizar os testes sobre a plataforma, de forma a identificar e corrigir os diversos bugs que vão surgindo. Assim, realizamos testes de compatibilidade, testes de usabilidade e segurança.

 

 

Testes de compatibilidade

Objetivo: identificar maus comportamentos provocados pela renderização da aplicação web em diferentes browsers/sistemas operativos/resoluções de ecrã.

Método: a aplicação foi testada em 12 ambientes diferentes (3 browsers *4 dispositivos), registando-se uma avaliação de 1-4 para cada página da aplicação. Essa avaliação é distinta entre “design” e “funcionalidades” e toma os valores: 1 - Design impraticável/Funcionalidades indisponíveis; 2 - Design com sérias lacunas/Funcionalidades com falhas graves; 3 - Design com leves lacunas/Funcionalidades com falhas leves; 4 - Design apresentado perfeitamente/Funcionalidades perfeitamente operacionais.

 

Resultados dos testes

 

Conclusões

- O browser Opera Mini não funciona em ambiente local (sem ligação à net), obrigando ao teste da versão Opera Mobile (apenas disponível em Android);

- O browser Opera Mobile foi o que apresentou piores resultados;

- O upload não funciona nos sistemas iOs;

- O browser dolphin não permite a correta visualização de página com formulários;

- O sistema Android 2.3.3 apresenta campos de formulários que ficam ocultos ao serem editados (por causa da sobreposição do teclado);

- O sistema Android 2.3.6 não permite editar os campos dos formulários que ficam ocultos por causa do bug no CSS;

- Os sistemas operativos iOS apresentaram melhores resultados, tanto em design, como funcionalidades, quer pela ausência dos comportamentos de long press, quer pelo “ajuste de câmara” oferecido ao preencher os campos dos formulários.

 

 

 

Testes de usabilidade

Objetivo: identificar possíveis complicações na utilização da plataforma que não tenha sido previstas

Método: o teste de usabilidade e satisfação foi dividido em três fases: na primeira, o utilizador deve conseguir configurar o seu dispositivo para aceder à rede “mosaico” e deslocar-se para o endereço da aplicação. Seguidamente, o utilizador deverá tentar reproduzir o desenho apresentado pelo grupo (desenho que foi projetado para que o utilizador seja obrigado a utilizar as várias ferramentas disponíveis);  na segunda, o utilizador deverá fazer a gestão de uma conta de utilizador (criar uma nova, alterar avatar, editar nome, etc);  na terceira, é submetido a um pequeno inquérito de satisfação.

Os resultados registados numa tabela e avaliados de 1-5, sendo: 1 - O utilizador não foi capaz de realizar a tarefa (com ajuda); 2 - O utilizador realizou a tarefa com muitas dificuldades (com ajuda); 3 - O utilizador realizou a tarefa com algumas dificuldades (com ajuda); 4 - O utilizador realizou a tarefa autonomamente com algumas dificuldades; - O utilizador realizou a tarefa autonomamente com facilidade.

Observação: os testes foram realizados no iPod Touch, de forma a agilizar os testes e a porporcionar uma experiência mais próxima com a final (não nos adiantava detectar as mesmas falhas encontradas no teste de compatibilidade). 

 

Imagem a reproduzir

 

Resultados dos testes

 

Conclusões sobre os desempenhos de usabilidade obtidos

- Quando vai guardar o desenho, e após completar o login, o utilizador deveria ser redireccionado para a página "Guardar" e não ser obrigado a voltar à página "Desenhar" (alínea 18);

- A utilização das ferramentas pode não ser tão óbvia como se julgava (alínea 6);

- A navegação por swipe pode não ser tão óbvia como se julgava (alínea 7); 

- Aplicar o stencil poderia estar presente nos três ecrãs do "Desenhar", tal como o lápis, borracha e spray (alínea 11);

 

 

Satisfação

Respostas ao inquérito de satisfação

 

 

Média das respostas à satisfação dos utilizadores

 

Conclusões sobre a satisfação obtida

- De um ponto de vista geral, a experiência ter sido satisfatória para os utilizadores;

- A facilidade da aplicação móvel e da parede obtiveram valores ligeiramente inferiores, indicando que aida existem alguns problemas associados à sua utilização.

 

 

 

Testes de segurança

 

Objetivo: identificar possíveis falhas na segurança que permitam o acesso a dados ilícitos, destruição da base de dados, indisponibilização do servidor, etc.

Método: consiste análise através de uma checklist de possíveis falhas de segurança.

 

Resultados

Encriptação de informação (SSL)

Não

Bloquear acesso à navegação de ficheiros do servidor pelo browser

Não

Validação Server-Side

Sim

Utilizador MySQL com acesso limitado

Sim

Utilizador e password MySQL definidos com segurança acrescida

Sim

Acesso ao Firmware do router por WLAN desligado

Sim

Utilizador e password do router definidos com segurança acrescida

Sim

Proteção contra SQL Injection

Não

Sistema de backups configurado

Não

 

 

Resumo

Sugestões recolhidas

 - Ao avisar para inserir a “Password Actual”, na página “Editar perfil”, este campo devia ficar destacado;

- Os stencils deveriam ser aplicados num botão presente nos três ecrãs (como o lápis, borracha e spray);

- Ao aplicar o stencil, não sair desse menu (permitir repetir facilmente o stencil);

- Melhorar a fluidez entre páginas;

- Adicionar uma confirmação para fazer logout;

- Opção para editar a pasword na página de “Editar perfil”;

 

Lista de novos bugs

 Aos bugs já encontrados, são acrescentados os seguintes bugs (de natureza técnica).

Prioridade

Descrição

Máxima

Crash ao terminar o tempo

Máxima

Mão não é selecionada (no iPod Touch, pelo menos)

Alta

Não é possível guardar o desenho fora da área de jogo

Alta

Não é possível continuar/guardar apenas o contributo se tiver saído brevemente da área de jogo (é adicionado como sendo um novo utilizador)

 




entrega06

 O projeto "Mosaiko" chegou finalmente à versão beta!

Fiquem com um demonstração da utilização da versão beta.

 

Requisitos implementados:

- Novo sistema de deslocação

- Feedback da mira do utilizador (contorno, aumento de tamanho, etc)

- Prevenção dos eventos de longpress do browser nativos do android (parcialmente)

- Servidor DNS (através do MaraDNS)

- Servidor DHCP (configurado no router)

- Stencils (preview, seleção de cor, seleção de tamanho e aplicação)

- Gestão da tabela de utilizadores ativos (multiplayer)

- Ferramentas em modo multiplayer

- Guardar contributo/imagem total

 

Requisitos por implementar:

- Gerar XML do desenvolvimento do desenho

- Spray

- Autores

- Sincronização com servidor global



publicado por hugonogueira às 21:15
editado por tiagobteixeira em 11/06/2012 às 15:37
link do post | comentar | adicionar aos favoritos

Quinta-feira, 7 de Junho de 2012
#orientacao12

Na passada reunião de orientação mostrámos ao orientador as funcionalidades entretanto implementadas, nomeadamente os carimbos e o reconhecimento da entrada de um segundo jogador.
Analisámos também a questão da sobreposição dos carimbos e dos desenhos e finalizámos a criação das grelhas necessárias para os testes.




Segunda-feira, 4 de Junho de 2012
#aula13

Esta segunda-feira demos continuidade ao desenvolvimento técnico e mostrámos aos professores os desenvolvimentos gráficos e técnicos realizados até ao momento.
Iniciámos também o planeamento dos testes, criando as grelhas necessárias.


tags:


#orientacao11

Na última reunião de orientação mostrámos ao orientador a última versão gráfica da parade, assim como os desenvolvimentos técnicos implementados , nomeadamente o Swipe e os eventos do jquery mobile (vmouseup, vmousedown e vmouseout).




Quarta-feira, 30 de Maio de 2012
#aula12

Na aula da última segunda-feira, fizemos o ponto de situação do momento, mostrando ao professor Benjamin a instalação em funcionamento. O resto da aula foi dedicada a aperfeiçoamentos sugeridos pelo professor e à implementação do feedback visual das ferramentas.


tags:


Quinta-feira, 24 de Maio de 2012
#orientacao10

Na última reunião de orientação, discutimos os requisitos a serem implementados na próxima entrega e falámos acerca do modo de avaliação do novo elemento do grupo.
Tivemos também oportunidade de mostrar ao orientador as alterações introduzidas na parede até ao momento.

 




#aula11

Esta segunda-feira recebemos um novo elemento no grupo, a Alexandra.

Durante a aula, continuámos os melhoramentos do grafismo da parede, contando com a opinião do professor Ivo. A nível técnico, prosseguimos com o desenvolvimento das funcionalidades que propusemos fazer para próxima entrega.


 


tags:


Mosaiko - Lx Factory Open Day

Na última Sexta-Feira, dia 18 de Maio o Mosaiko fez uma visita à Lx Factory aproveitando o Open Day para mostrar o nosso protótipo directamente ao público. Desde já aproveitamos para agradecer a oportunidade que nos foi dada pelo nosso orientador Nuno Ribeiro.

Aproveitámos esta oportunidade de testar o nosso protótipo e confirmámos algumas dificuldades.

 

Fiquem agora com as primeiras reacções:

 




Domingo, 20 de Maio de 2012
#entrega06pre

 Com o protótipo alpha concluído, e até já levemente testado, torna-se necessário estabelecer os requisitos a implementar no protótipo seguinte, beta.

Neste post, vamos identificar as componentes que deveão estar presentes no protótipo beta (requisitos funcionais e não-funcionais), os bugs já encontrados e possíveis causas e soluções, e eventuais testes que deverão ser aplicados ao protótipo.

 

 Representação do sistema do projeto

 

Sistema do projecto "Mosaiko"

 

Estrutura de navegação da "webapp"

Estrutura de navegação do telemóvel

 

 Como podemos observar pelas componentes identificadas a azul da primeira imagem, representação do sistema, todo o sistema deverá estar operacional, permitindo o acesso simplificado à plataforma, através dos serviços DHCP e DNS, o funcionamento local e sincronização remota dos servidores.

Na fase alpha, ficaram já implementadas as componentes do "Telemóvel", "Aplicação de desenho" e a sua ligação através de Sockets (em PHP), a integração do Kinect com a aplicação e a utilização do servidor local. Assim, nesta fase resta implementar: a utilização do servidor global e a necessária sincronização entre servidores, o servidor DNS e de DHCP.

 Quanto à "webapp", a navegação da aplicação encontra-se bastante avançada, permitindo a navegação/utilização das funcionalidades implementadas na aplicação AS3. No entanto, o seu desenvolvimento ainda não está concluído, sendo necessário implementar a navegação entre ferramentas através de swipe, os eventos de mouseOver e mouseDown e eventuais bugs visuais já identificados.

No protótipo entregue, apenas era possível a utilização de um jogador em simultâneo. Neste entrega, pretendemos desenvolver o sistema de forma a se tornar multi-utilizador.

 

Lista dos requisitos implementados e por implementar na fase beta


TipoRequisitos implementadosComponente
Não funcionalDetectar orientação do telemóvelTlm + App
FuncionalSelecionar mãoTlm + App
FuncionalSelecionar tamanho do pincelTlm + App
FuncionalSelecionar corTlm + App
FuncionalDesenhar (efeito flag)Tlm + App
FuncionalApagar (efeito flag)Tlm + App
FuncionalEscolher stencils e tamanho (navegação apenas)Tlm
FuncionalGuardar imagem completaTlm + App
FuncionalSelecionar avatarTlm
FuncionalFazer upload de avatarTlm
Não funcionalApagar avatares antigos do utilizadorTlm
FuncionalLogin, registo, editar perfil e logoutTlm
FuncionalAjuda (básica)Tlm
Não funcionalValidação Javascript e PHP dos formuláriosTlm
Não funcionalGerar tema (a partir da BD)App
Não funcionalGerar contador do tema actualApp
FuncionalApontador da posição do utilizadorApp
Não funcionalLer posição através do KinectApp
Não funcionalLer posição através do rato (útil para debug e desenvolvimento)App
Não funcionalLigação entre Telemóvel, Aplicação e Base de dadosTlm + App
Não funcionalLimitar área de desenhoApp
FuncionalExportar PNG para o servidor localApp
Não funcionalInserir informação do PNG na base de dadosApp
Não funcionalApagar desenho completoApp

 

TipoRequisitos por implementarComponente
FuncionalUtilização multi-jogadorTlm + App
FuncionalSprayTlm + App
FuncionalDesenhar/apagar ao pressionar a ferramentaTlm
FuncionalNavegação através do toque (deslizar o ecrã)Tlm
FuncionalPré-visualizar stencil na paredeApp
FuncionalAplicar stencil na paredeApp
Não funcionalAutores do desenho na paredeApp
Não funcionalAutores do desenho na BDApp
Não funcionalAviso ao apagar os avatares antigosTlm
Não funcionalFull screenApp
Não funcionalSincronização entre servidoresApp
FuncionalGuardar nome do desenhoApp
FuncionalGuardar contributoApp
FuncionalGuardar imagem na BD (registo por email)Tlm + App
Não funcionalFiltrar o movimento do utilizador no desenhoApp
Não funcionalMelhoramento da navegação do utilizador pela área de jogoApp
Não funcionalImplementação do servidor DNSOutro
Não funcionalImplementação do servidor DHCPOutro

  

 

  Lista de bugs conhecidos

 

Prd

Natureza

Descrição

Estratégia de resolução

3

Design

Padrão de fundo com limites visíveis

Troca por um padrão que permita a repetição vertical e horizontal

2

Programação

Navegação por setas

A utilização de alguns plugins desenvolvidos em JQuery Mobile permitem adicionar o efeito swipe à aplicação

4

Design/ Programação

Avatar desalinhado na página de avatares

A implementação de imagens preview (thumbnails) com dimensões padrão

4

Design/ Programação

Preview dos avatares não ocupa a div por inteiro

A mesma solução para os avatares desalinhados deverá ser utilizada

2

Programação

Utilização das ferramentas através do evento de “click”

A utilização de JQuery Mobile possibilita a utilização de mais eventos, como vmouseup e vmousedown

5

Design/ Programação

Inserção de texto redimensiona as áreas da aplicação, desformatando a aplicação

O desenvolvimento do CSS ajustado para o display na horizontal deverá permitir contornar este problema

1

Programação

Seleção de mão ainda com problemas

Revisão do código

 

 

Finalmente, falta apenas definir quais os testes que deverão ser utilizados para a identificação e correção de problemas da plataforma. De acordo com as especificidades do nosso projeto, considerámos relevantes os seguintes testes:

1) Funcionalidades - permite observar a eficácia das estratégias implementadas para a implementação dos nossos requisitos;

2) Segurança - o registo de informações pessoais e a capacidade de inserção de conteúdos obrigam a uma atenção redobrada a problemas como SQL Injection;

3) Compatibilidade - este teste tem grande importância, devido às diferentes condições que a WebApp vai encontrar (resoluções de ecrã, taxa de transmissão, comportamento de diferentes browsers, etc);

4) Design - A auditoria do trabalho de design da plataforma permite sempre ter um parecer objetivo do trabalho realizado, facilitando o registo de analomalias;

5) Usabilidade - De importante peso, visto que a natureza do projeto visa produzir experiências agradáveis ao utilizador. A utilização do Kinect para desenhar poderá trazer algumas limitações à usabilidade da plataforma.

 




.mais sobre mim
.pesquisar neste blog
 
.Junho 2012
Dom
Seg
Ter
Qua
Qui
Sex
Sab

1
2

3
4
5
6
7
8
9

10
11
12
13
14
15
16

17
18
19
20
21
22
23

24
25
26
27
28
29
30


.posts recentes

. entrega06testes

. entrega06

. #orientacao12

. #aula13

. #orientacao11

. #aula12

. #orientacao10

. #aula11

. Mosaiko - Lx Factory Open...

. #entrega06pre

.arquivos

. Junho 2012

. Maio 2012

. Abril 2012

. Março 2012

. Fevereiro 2012

.tags

. todas as tags

.as minhas fotos
blogs SAPO
.subscrever feeds