Terça-feira, 31 de Maio de 2011
Sessão de orientação – 31.05.2011

Os pontos abordados na reunião de hoje são os seguintes:

 

 

Outras considerações:

Sistema de votação terminado. Para o implementar foram criadas os seguintes ficheiros:

top_pois.php (responsável por mostrar os top 10 POIs na aplicação);

votar.php (página em que o utilizador insere a classificação que quer dar a um determinado POI);

votar_process.php (ficheiro que gere os conteúdos inseridos pelo utilizador e os insere na base de dados, efectuando os cálculos necessários para a criação de uma média de classificações que se reflecte imediatamente após a votação);

 

Foi também modificada o ficheiro "POI.php" a fim de inserir uma ligação para a página onde o utilizador efectuará a classificação do POI a ser visualizado (votar.php);

 



publicado por brunomoutinho às 19:48
editado por mariajcampos em 01/06/2011 às 21:22
link do post | comentar | adicionar aos favoritos

Versão beta e testes – aula 30.05.2011

 Continuámos o desenvolvimento da versão beta e da documentação e preparação do testes a realizar no final desta semana.

 

Quanto à versão beta ficou já implementado o módulo de votação, continuamos com algumas questões relativamente ao menu que se encontra no fundo de cada ecrã, pois está a gerar algumas incompatibilidades consoante o dispositivo em que é visualizado e estamos ainda à procura da melhor solução. Na reunião com os orientadores amanhã tentaremos encontrar alternativas.

 

Quanto à documentação e preparação dos testes, deixamos abaixo alguns exemplos de tabelas para apontarmos os erros.

 

Para os testes de funcionalidade, segurança, compatibilidade, design e conteúdos, fizemos uma tabela de descrição e categorização de erros.

 

Refª: referência do erro

Utilizador: quem e encontrou o erro

Data: quando foi descoberto

Categoria: design, programação, etc

Responsável: quem vai corrigir

Abertura: inicio resolução

Descrição: descrição do erro, local, comentários do responsável

Fecho: fecho resolução

Estado: estado do erro

 

De seguida, através das referencias da tabela de cima, será atribuída uma prioridade aos erros, para isso utilizaremos a tabela que se segue.

 
Prioridade:
Refª:
Previsão
Estado

de 1(muito baixa) a 5(muito alta)

referencia correspondente à tabela anterior

tempo estimado até a resolução

aberto, em análise, resolvido

 
 
 
 
 
 
 
 
 
 
 
 
 

Para os testes de compatibilidade, fizemos a tabela abaixo (checklist), ainda inacabada, uma vez que estamos à espera da confirmação dos orientadores, para saber que dispositivos nos vão emprestar para os testes. Esta checklist terá que ser complementada com apontamentos adicionais para sabermos exactamente o que corrigir.

 
FUNCIONALIDADE/ACÇÃO
Android
iOS
Samsung
Galaxy
iPhone

Nokia ?

?

o que estamos a testar (login, visibilidade de um conteúdo, comportamento de um menu, etc)

ü  
ü  
ü  
ü  
ü  
ü  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Neste momento estamos a tratar de escolher as melhores opções para os testes de usabilidade com utilizadores, em que ambiente os vamos fazer, o número de utilizadores, os objectivos, a documentação, decidir o material necessário, fazer questionários, etc. 




Sexta-feira, 27 de Maio de 2011
Actualizações – testes

Após revermos  matéria de ICPM, relativamente aos testes a efectuar neste módulo, estamos já a preparar a documentação necessária para organizamos e agendarmos os testes.

 

O primeiro bloco de testes (funcionalidade, segurança, compatibilidade, conteúdos, design) tem vindo já a ser realizado, ainda que informalmente, no entanto vamos reforçar estes testes seguindo a matéria de ICPM. Estes testes vão ser realizados pela equipa de produção, o grupo de trabalho e toda a documentação será colocada no blog.

 

De seguida vamos realizar testes de usabilidade com participantes com as características do publico-alvo especificado no Módulo 1, o número de participantes não está ainda definido. Quanto ao local, o ideal seria fazer os testes em campo, mas como não temos um museu disponível para os testes teremos que simular numa sala. Estes testes de usabilidade serão os últimos a fazer para garantirmos que aquilo que nos propusemos a desenvolver para a versão beta está concluído ou quase concluído e assim os utilizadores terem uma utilização mais próxima do produto final.

 

Os testes de acessibilidade são os que geram mais questões, pois estamos a trabalhar para uma plataforma e sistema operativo diferente do usual e encontrar alternativas para utilizadores com necessidades especiais ou utilizadores que por qualquer motivo estão privados de uma utilização normal temporariamente, vai exigir mais tempo de pesquisa e estudo.

 

Brevemente colocaremos mais informações relativas aos testes.

 




Quinta-feira, 26 de Maio de 2011
Versão Beta e Testes- actualizações 26.05

Criada a página de gestão de perfil do utilizador, que permite a inserção de imagens através de android.

Modificada também a estrutura das páginas "index.php" e "bem_vindo.php" de modo a melhor se adaptarem à resolução do dispositivo onde estiverem a ser visualizadas.

 




Gantt actualizado

Abaixo colocamos a versão mais recente do gantt em formato openproject e um printscreen da parte modificada recentemente, que inclui o modulo actual da versão beta e testes. Já colocámos também a fase do desenvolvimento final, data da entrega do projecto e restante documentação.

 

MTG_gantt_V3.pod

 


tags:


Quarta-feira, 25 de Maio de 2011
Versão Beta e Testes- aula 25.05.2011

Avançámos para a criação de algumas áreas e correcção de alguns erros:

 

Criada a página de visualização de perfil e inserido o link no username de cada postador na área comunidade;

Criada a página "Bem Vindo". De notar também que a área "TOP POIs" terá de ser acessível através de outra página, ou terá mesmo de se disponibilizar um link para a área de bem vindo para que o utilizador a ela possa aceder;

Modificados os formulários dos campos de login (ambos), registo e comentário. Estão agora maiores e mais visíveis, sendo que a interacção do utilizador com os mesmos via dispositivo touchscreen deverá estar bem mais facilitada.

Inserida uma função strip tags à informação inserida pelo utilizador no campo de comentário, para evitar a inserção de código HTML para a base de dados, que poderia danificar futuramente a aplicação, ou permitir o acesso ilícito, como "defacings".

 

Edit: Criadas as imagens a serem inseridas na página de bem-vindo. Foram também inseridas mais ligações que inicialmente previsto: Perfil (Alterar Dados) , TOP POIs, Percursos, Ler Código, Ajuda e Logout. Deve-se este acréscimo de hiperligações a uma razão simples: visto que inicialmente só tínhamos projectado o ecrã de bem vindo como um ecrã introdutório ao utilizador, este não podia ser voltado a ser visitado já que não existiam hiperligações na restante aplicação para o mesmo. No entanto, visto que as áreas de TOP POIs e de Percursos apenas poderiam ser acedidas através desse ecrã, assim que o utilizador quisesse voltar a visitá-las teria de fazer logout e login novamente. Assim, utilizamos o ecrã de "bem vindo" como um "index" para utilizadores logados.Se a aplicação estiver a ser utilizada por um utilizador logado, os botões reencaminhá-lo-ão para a área de bem vindo. Se isto não acontecer, o utilizador será reencaminhado normalmente para a página de índice.

 

Falta ainda a criação de uma página de gerir perfil, tal como um sistema de votação e área de ajuda.



publicado por brunomoutinho às 12:53
editado por filipe-monteiro em 26/05/2011 às 16:28
link do post | comentar | adicionar aos favoritos

Terça-feira, 24 de Maio de 2011
Sessão de orientação – 24.05.2011

Na sessão de hoje, mostrámos o mapa de navegação (ver post anterior) com as áreas de implementação assinaladas, além dessas áreas vamos também corrigir algumas coisas da versão anterior, o tamanho e espaçamento entre as caixas dos formulários, implementar confirmação por email no registo e fazer a paginação de comentários.

 

O rodapé apresenta alguns bugs que também temos que corrigir e os orientadores sugeriram esconder o rodapé, na aula anterior também surgiu a hipótese de o fixarmos no fundo de cada página, veremos qual das opções funciona melhor.

 

Até ao final da semana vamos fazer um documento de planificação com a calendarização das tarefas e actualização do gantt.

 

Como estamos a desenvolver uma aplicação para mobile até agora o equipamento disponível onde temos testado a aplicação é o Samsug Galaxy, falámos com os orientadores para saber qual a possibilidade de os emprestarem outros equipamentos para testarmos compatibilidades e em principio teremos mais dois modelos para testar a aplicação para confirmarmos se funciona bem noutros dispositivos ou quais os ajustes a fazer.

 

A meio e no final da próxima semana faremos os testes de segurança, em que o objectivo é tentar ‘invadir’ a nossa aplicação para testarmos os limites de segurança e perspectivar melhoramentos, aumentando assim a robustez da aplicação.

 

Os testes com utilizadores serão das ultimas coisas a fazer, no entanto iremos começar a planificação dos testes no final desta semana. No final dos testes vamos elaborar um documento com os problemas encontrados por prioridade de resolução e com propostas de soluções a implementar.




Segunda-feira, 23 de Maio de 2011
Versão beta e testes – aula 23.05.2011

 Na aula de hoje os docentes apresentaram os objectivos para o módulo 6 e o grupo começou por decidir quais os módulos a desenvolver para a versão beta, abaixo apresentamos o mapa de navegação com as áreas a implementar assinaladas a laranja.

Amanhã vamos reunir com os orientadores para validarem as nossas opções e para começarmos a calendarizar as várias tarefas desta fase e fazer uma eventual actualização do gantt.

 

Mapa de navegação 

 




Sexta-feira, 20 de Maio de 2011
Módulo TP5 – protótipo de alta-fidelidade

 

 

O protótipo de alta-fidelidade consiste no desenvolvimento de partes chave da aplicação, que devem depois evoluir para o produto final. No inicio do módulo, fizemos um post com o mapa de navegação com as áreas que iriamos desenvolver assinaladas a verde (http://mobiletouristguide.blogs.ua.sapo.pt/16624.html). Conseguimos concluir todas as áreas a que nos propusemos e pensámos em desenvolver mais alguma área adicional, mas na última reunião com os orientadores encontrámos alguns pormenores que necessitavam atenção e alguns bugs menores, portanto aproveitámos o restante tempo para os resolver.

 

De seguida apresentamos duas formas para visualizar o protótipo, a primeira é a ideal, utilizando um dispositivo móvel com Android. Em alternativa, como a aplicação está disponível na Web, apresentamos o link para visualização no browser.

 
Visualização no dispositivo móvel com sistema operativo Android:
 
Requisitos:

-       Leitor de código QR instalado (NeoReader, Barcode Scanner, etc...)

 

Instruções para a visualização do protótipo (uma vez que há ecrãs intermédios que não estão desenvolvidos por não serem essenciais para esta primeira fase, este guião abaixo permite visualizar todas as áreas desenvolvidas, se a navegação for feita de outro modo, haverá ecrãs que irão falhar):

-       Abrir a aplicação de leitura de código QR e ler o código colocado em baixo.

-       Aparece a página do POI correspondente, onde se pode visualizar a informação.

-       Clicar no separador fotos, clicar na foto pretendida - a foto é ampliada. Ao clicar no ecrã (ou na opção de voltar atrás do telemóvel) regressa ao separador das fotos e pode ampliar outra foto.

-       Clicar no separador vídeo e clicar no vídeo. Abre uma nova página, no fim da visualização do vídeo, voltar atrás.

-       Clicar no separador comunidade, fazer scroll para ver comentários

-       Clicar adicionar comentário. Abre um menu de login.

-       Por baixo do formulário de login, clicar em registo. Registar um utilizador.

-       Depois do registo, é redireccionado para a página de comentários novamente. Fazer o login.

-       Clicar adicionar comentário. Colar titulo e comentário nos respectivos campos e submeter. Verificar que comentário foi inserido no topo da lista.

-       Clicar home.

-       Fazer logout.

 

 
 
 
Visualização no browser de um computador:
 
 

Em alternativa, disponibilizamos o link para o POI correspondente a este código QR abaixo.

 
http://www.impakt.com.pt/aulas/projecto/POI.php?cat=1
 


publicado por mariajcampos às 17:22
editado por filipe-monteiro às 21:13
link do post | comentar | adicionar aos favoritos

Quinta-feira, 19 de Maio de 2011
Actualizações 19 de Maio

 Hoje procedi à alteração de algumas questões discutidas na reunião extra de hoje, nomeadamente:

 

Inserção de 2 novos campos na tabela de utilizadores (género e idade);

Colocação de um link "adicionar comentário" na área de comunidade (ao clickar neste, o utilizador pode inserir um comentário através do formulário se se encontrar loggado e, se não, poderá fazer o login na mesma área);

Implementação do plugin "ThickBox" (JQuery) de maneira a permitir a visualização da imagem da peça com uma maior resolução, sem sair da própria página;

Implementação de um mecanismo de crop em CSS que evita o axatamento da imagem da peça;

Criação de uma página onde o vídeo aparece embutido, disponibilizando também o título e o nome do utilizador que o inseriu;

Alteração do design de cada comentário: criada uma "caixa" de cantos arredondados que melhora bastante o aspecto dos comentários inseridos;

Alinhamento dos campos de formulários e textos relativos;

Criação de 2 novos icons para o ecrã de entrada:

 

Alteração do ecrã inicial: se o utilizador se encontrar logado quando acede a este, irá encontrar os icons de logout e perfil ao invés de "login" e "registar";

Alteração do mecanismo de login acessível através da página inicial: agora, ao efectuar o login, o utilizador será direccionado para o ecrã inicial. Se o login não for bem sucedido, é redireccionado para a página de login onde poderá tentar novamente ou, se ainda não se encontrar registado, criar uma nova conta (através do hiperlink para a página de registo);

Alterado o icon para a área de informação de cada POI:

Criado um novo icon (40x40) para o rodapé inserido em cada POI e videos, que se destina a permitir ao utilizador entrar no seu próprio perfil:

Rodapé do POI.php e video.php actualizado com icon e hiperligação para o perfil.php;

Criada uma nova imagem a ser utilizada como avatar de utilizador (como nos comentários de cada POI) quando o utilizador não possui uma foto por ele escolhida:

Adicionados warnings relacionados com as acções de login, logout, registo e adicionar comentário. Estes warnings são passados por uma variável de sessão. Desta maneira, se o utilizador refrescar a página onde o 'warning' está inserido, este já não aparecerá uma segunda vez;




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

1
2
3
4

5
6
7
8
9
10
11

12
14
15
17
18

19
20
21
23
24
25

26
27
28
29
30


.posts recentes

. Mobile Tourist Guide / se...

. Back Office

. Reunião de grupo – 13.06....

. Módulo 6 - testes

. Módulo 6 – Versão beta

. Testes de usabilidade

. versão beta e testes – au...

. Actualizações – testes

. Ponto de situação – OT 01...

. Versão beta e testes – au...

.arquivos

. Junho 2011

. Maio 2011

. Abril 2011

. Março 2011

. Fevereiro 2011

.tags

. todas as tags

.participar

. participe neste blog

blogs SAPO
.subscrever feeds