Quinta-feira, 31 de Março de 2011
ENTREGA - Demo Gráfica




Quarta-feira, 30 de Março de 2011
ENTREGA - Demo Técnica

Considerações Iniciais:

- No desenvolvimento da nossa demo técnica abordámos todos os pontos indicados anteriormente, no entanto, tentámos ainda implementar um sistema de autenticação por openID (Facebook como third-party). Esta tentativa não foi concluida devido à falta de tempo para elaborar a pesquisa e os testes necessários, ficando para implementação futura. (no entanto está já incluido parte do script que será utilizado - ver formulário de login)

- Esta demo técnica não tem quaisquer preocupações com questões estéticas, procurámos apenas manter uma aproximação à estrutura apresentada na demo gráfica.

- Para uma correcta visualização/utilização da nossa demo deverão ser seguidas as indicações seguintes, pela ordem que são apresentadas: (aconselhamos a utilização de duas janelas do browser em simultâneo, pois iremos utilizar duas contas distintas)

1. Efectuar login (canto superior direito) com as credenciais utilizador: "user_a" | password: "1234"

2. Clicar no link do destino apresentado como "Top" (coluna esquerda)

3. "Solicitar Autorização"

4. Efectuar login com as credenciais utilizador: "admin" | password: "1234"

5. Abrir a página de "perfil" (menu)

6. "aceitar" o pedido do Utilizador A

7. Voltar à conta do user_a ou efectuar login com as credenciais utilizador: "user_a" | password: "1234"

8. Repetir ponto 2

9. Clicar no botão "inserir comentário" (coluna central, ao lado de "Comentários")

10. Preencher campos "Titulo" e "Mensagem", clicar em "gravar"

Obs. Para efectuar novamente todos os passos será necessário, na página de "perfil"  (menu) de qualquer um dos utilizadores, "remover" o amigo. Desta forma os registos presentes na base de dados serão actualizados de forma a permitir toda a interacção novamente.

A nossa demo está alojada no seguinte link:

http://weblab.epaveiro.edu.pt/wtgwws




Nome para o site

Decidimos manter o "Where To Go, What Was Seen" como slogan, no entanto, devido à extensão achamos que seria preferível definir um nome mais curto e que não exista ainda, para tal necessitamos decidir qual (seguem-se algumas sugestões):

- PicTravel

- FaceTrip

- uPlanet

- wePlanIt

- FaceBag

- TripDesire

- GlobeBook

- uGlobeIt

- TravelRouter

- TripRouter

 

- Viaticum [voto nesta] (origem da palavra viajar. Gosto que seja uma só palavra e que diga tudo)(Também parece não existir enquanto site) - Paulo

Sérgio: gosto do nome (Viaticum) mas será o melhor em termos de fonética, é esquisito de dizer se calhar, no que toca a um nome de site... se calhar é só impressão minha, mas acho boa ideia uma palavra só. E sou adépto do latim :)

 

Acrescentem, comentem... digam coisas!




Segunda-feira, 28 de Março de 2011
Demo Técnica (tópicos)

A nossa demo técnica será composta pelos seguintes passos:

1. existência de 2 utilizadores autenticados (autenticação local*, já inclui encriptação);

2. utilizador A tenta visualizar detalhes de um local/destino (colocado pelo utilizador B);

3. é dada a indicação que necessita pedir autorização do utilizador B para visualizar (utilizador A solicita autorização);

4. utilizador B aceita pedido de autorização do utilizador A;

5. utilizador A passa a conseguir visualizar o local/destino;

6. utilizador A insere comentário no local/destino.

* futuramente incluída a possibilidade de utilização de autenticação por "third-party" (openID, Facebook)




Quinta-feira, 24 de Março de 2011
23-03-2011 - Aula Prática (demos gráfica e técnica)

Na aula o prfessor Nuno sugeriu que na demo técnica fizéssemos algo que demonstrasse a dinâmica e depêndencia de acções na nossa aplicação. Algo que ilustrasse o seguinte conjunto de acções:

1. temos 2 utilizadores autenticados;

2. o primeiro acede ao perfil do segundo e solicita "amizade" (aqui não consegue aceder aos conteúdos do segundo);

3. o segundo utilizador aceita o pedido;

4. o primeiro passa a conseguir ver um conteúdo do segundo e insere um comentário.

Neste momento já temos a demo técnica iniciada (apenas o login está ainda a funcionar de modo muito básico apesar de já incorporar encriptação da password), está alojada no seguinte endereço:

http://weblab.epaveiro.edu.pt/wtgwws

Quanto à demo gráfica apenas passámos o que tinhamos esboçado em papel para o Balsamiq Mockups como podemos ver em baixo:




Quinta-feira, 17 de Março de 2011
ENTREGA (Requisitos Funcionais)

MENU
 
REQUISITODETALHESVISTTANTEMEMBROMODERADORADMINISTRADOR
PerfilEfectuar loginemail, password  
Registaremail, password, pergunta secreta, nome e apelido, localização
Ver dados pessoaisidade, nome, gostos, viagens, fotografias, vídeos, naturalidade 
Editar dados pessoaisidade, nome, gostos, viagens, fotografias, vídeos, naturalidade    
PesquisaProcurar locais  
Procurar pessoas/amigospesquisar  pessoas pelo seu nome ou email    
Locais ou DestinosInserir comentário  
Editar comentário    
Remover comentário   
Inserir imagens     
Remover imagens     
Inserir vídeos    
Remover vídeos     
Inserir novo local/destinoindicar coordenadas GPS    
Remover local/destino     
Editar dados de local/destino     
Ligar a redes sociaispartilhar fotos, comentários, roteiros, planos de viagens nas diversas redes sociais    
Classificar local/destinoclassificar fotos, viagens, roteiros, vídeos    
Plano de ViagemClassificaratribuir valor numa escala de 1 a 10    
Inserir dados em timelinecriar um roteiro, através da inserção de dados, de onde vou, como e quando    
Editar dados de timeineeditar toda a informação à medida que se constrói o plano    
Remover dados de timeline     
AmigosInserir comentáriocomentar perfil de outros utilizadores adicionados como amigos    
Editar comentário     
Remover comentário     
Pedir amizade     
Remover amigo     
Ligar a redes sociaislink em cada ligação para partilha nas redes sociais    
AdministraçãoValidar novos utilizadores     
Atribuir nível de acesso a utilizadorespromover ou despromover membros e moderadores    
Remover utilizadoresalterar estado na base de dados    
Editar dados de utilizadores     
Editar dados de locais/destinos     
Remover locais/destinosalterar estado na base de dados    
ConteúdosDescarregar aplicação mobile     
Carregar conteúdos de aplicação mobileupload de dados e ficheiros    
AjudaColocar questões/sugestõespreenchimento de formulário    
Consultar mapa do site     
Consultar FAQ's     
NewsletterSubscrever newsletterinserir email    
Anular subscrição     
Enviar newsletter     
Construir newsletter     

Síntese

Os utilizadores da nossa aplicação estão divididos em quatro categorias hierarquizadas:
Visitante  +  Membro  +  Moderador  +  Administrador;
Foram escolhidas estas quatro categorias para que permitisse uma gestão de conteúdos e de privacidade mais adequada. Deste modo consegue-se satisfazer os demais utilizadores que passam pela nossa aplicação.
Portanto teremos o utilizador “base” que será o visitante. Terá a acesso a conteúdos muito restritos, nomeadamente a pesquisar por perfis, locais entre outras coisas que estarão também assim visíveis ou não. Dependerá das preferências de privacidade que estão a ser utilizadas pela comunidade do site.
Os membros por sua vez poderão proceder à criação da sua conta e perfil e adicionar conteúdos entre outros. No entanto este tipo de utilizador não está capacitado de proceder a quaisquer remoção de locais nem destinos, bem como à edição dos mesmos.
O moderador já possui algumas regalias por assim dizer. Encontra-se num patamar entre o utilizador e o administrador. Pode proceder à remoção de locais e destinos e editá-los.
Quanto aos administradores da nossa aplicação terão, naturalmente pela posição que ocupam, acesso a todas as funcionalidades disponibilizadas. Especial destaque para o facto de que, apenas administradores, poderão fazer a gestão de contas criadas: validar, editar ou remover utilizadores e atribuir níveis de acesso aos mesmos; bem como criar e enviar newsletters. Excepção apenas ao “Registo”. Sendo administradores, já se encontram por defeito registados não estando essa opção disponível.




ENTREGA (Viabilidade Técnica)

Tabela Requisitos/Tecnologias


Requisitos/Tecnologias
 
PHP MySQL AJAX JAVA ASP.Net ActionScript MSSQL CMS (Joomla, Drupal) Google Maps (API) Yahoo Maps (API) Bing Maps (API)
Perfil         
Pesquisa
Locais ou Destinos
Inserir coordenadas de destino
Ligação a redes sociais
Plano de Viagem
Amigos
Administração
Descarregar aplicação mobile
Carregar conteudos da aplicação mobile
Ajuda
Newsletter
Sintese

Havendo a possibilidade de recorrer a quase todas as tecnologias analisadas, o grupo irá optar por uma, usando critérios relacionados com as características da própria tecnologia e essencialmente com a familiaridade do respectivos membros com esta.
Em resumo as grandes opções tinham a ver com a criação de raiz ou não do site, podendo recorrer a um CMS em alternativa. No caso do recurso a um CMS a implementação de algumas funcionalidades seria facilitada pela existência de módulos pré-concebidos. Por outro lado, no caso de funcionalidades muito específicas (plano de viagem, por exemplo) obrigaria à reprogramação de algum módulo, ou mesmo à criação de um novo. Poderia ainda haver a necessidade de recorrer a módulos pagos, o que, neste contexto, decidimos evitar. Por outro lado, criando de raiz teremos liberdade criativa total, sendo mais fácil suprir as dificuldades encontradas no processo de desenvolvimento.
Recorrendo à implementação de origem, o grupo poderia optar por usar PHP, ASP.Net ou JAVA. A opção recaiu pelo PHP com auxílio de MySQL principalmente pelo facto de os vários elementos do grupo se identificarem mais com esta linguagem, tendo aliás esta feito parte do plano curricular de uma disciplina lecionada no primeiro semestre (Laboratório Multimédia 5). Uma vez que as restantes opções representam um desafio muito maior no que respeita à investigação, dado não existir experiência com as linguagens em causa, existindo um constrangimento temporal grande para a conclusão deste projecto, a opção é clara e óbvia para todos.
Iremos utilizar PHP e MySQL, numa base de HTML e AJAX. Para uma funcionalidade muito específica iremos recorrer a API Google Maps, que de entre as várias opções se destaca pela experiência positiva que vários elementos do grupo detêm com esta ferramenta.


Tabela de Tecnologias

Tecnologia Pontos Fortes Pontos Fracos Observações
PHP muitas ferramentas de desenvolvimento gratuitas disponíveis gestão de erros linguagem na qual o grupo tem mais formação e aptidões
fácil integração com base de dados  
grande número de comunidades ligadas ao open source  
ASP.Net fácil integração com base de dados poucas ferramentas de desenvolvimento gratuitas linguagem interiamente nova para a maioria dos elementos do grupo
IDE mais poderoso e "user friendly" alguma dependência de sistemas windows
JAVA portabilidade entre plataformas aplicações mais "pesadas", afectam performance linguagem interiamente nova para a maioria dos elementos do grupo
grande comunidade de coders
fácil integração com base de dados
MySQL performance (muito rápida) operações com chaves estrangeiras vantagem na integração com PHP
MSSQL base de dados relacional completa requer ambiente windows  
  consome mais recursos de hardware
AJAX manipulação dinâmica da interface gráfica linguagem cliente HTML na base de qualquer site
ajuda na criação de ambiente gráfico mais atraente dificuldade na manutenção do código
  limitações na performance e nas funcionalidades
ActionScript ajuda na criação de ambiente gráfico mais atraente integração complexa com base de dados  
animações dificuldade na manutenção do código
CMS (Joomla, Drupal) fácil configuração inicial consome mais recursos de servidor ausência de liberdade total na execução das funcionalidades do site como fonte de problemas
criação e manutenção de aplicações web acessível a qualquer tipo de utilizador alvo preferencial de hackers e crackers
rápida implementação de módulos pré-concebidos dificil implementação de funcionalidades muito específicas
muitos plugins disponíveis edição do código
Google Maps (API) comunidade de utilizadores muito extensa imagens menos recentes mais conhecido e utilizado, fiabilidade da marca Google
velocidade de resposta a pedidos  
Bing Maps (API) qualidade gráfica da apresentação   nunca foi utilizado por nenhum mebro do grupo
opção de visualização 3D  
imagens recentes  
Yahoo Maps (API)   velocidade de resposta a pedidos nunca foi utilizado por nenhum mebro do grupo

Tabela de Hardware, Software e Outros

Hardware, Software e Outros Características Desenvolvimento Implementação Utilização Final
Servidor 4gb ram
200gb hdd (raid 5)
intel Xeon processor
server 2008 ou linux
IIS ou Apache
MySQL Workbench
Ligação Internet 10mbps download
10mbps upload
linha dedicada
Computador (coder) 4gb ram
100gb hdd
intel core 2 duo processor
Dreamweaver ou outro IDE
xampp
Computador (user) browser (preferência Firefox ou Chrome)
resolução mínima 1024x728
ligação internet



Quinta-feira, 10 de Março de 2011
12-03-2011 - Requisitos Funcionais (grelha provisória)
<td style="border-bottom: rgb(153,153,153) 1px solid; border-left: rgb(153,153,153) 1px solid; border-top: rgb(153,153,153) 1px solid; border-right: r

MENU
 
REQUISITODETALHESVISTTANTEMEMBROMODERADORADMINISTRADOR
PerfilEfectuar loginemail, password  
Registaremail, password, pergunta secreta, nome e apelido, localização
Ver dados pessoaisidade, nome, gostos, viagens, fotografias, vídeos, naturalidade 
Editar dados pessoaisidade, nome, gostos, viagens, fotografias, vídeos, naturalidade    
PesquisaProcurar locais  
Procurar pessoas/amigospesquisar  pessoas pelo seu nome ou email    
Locais ou DestinosInserir comentário  
Editar comentário    
Remover comentário   
Inserir imagens     
Remover imagens     
Inserir vídeos    
Remover vídeos     
Inserir novo local/destinoindicar coordenadas GPS    
Remover local/destino     
Editar dados de local/destino     
Ligar a redes sociaispartilhar fotos, comentários, roteiros, planos de viagens nas diversas redes sociais    
Classificar local/destinoclassificar fotos, viagens, roteiros, vídeos    
Plano de ViagemClassificaratribuir valor numa escala de 1 a 10    
Inserir dados em timelinecriar um roteiro, através da inserção de dados, de onde vou, como e quando    
Editar dados de timeineeditar toda a informação à medida que se constrói o plano    
Remover dados de timeline     
AmigosInserir comentáriocomentar perfil de outros utilizadores adicionados como amigos    
Editar comentário     
Remover comentário     
Pedir amizade     
Remover amigo     
Ligar a redes sociaislink em cada ligação para partilha nas redes sociais    
AdministraçãoValidar novos utilizadores     
Atribuir nível de acesso a utilizadorespromover ou despromover membros e moderadores    



Sexta-feira, 4 de Março de 2011
03-03-2011 - Reunião de orientação (tópicos abordados)

Serviu a reunião deste dia para fazermos um ponto situação.

Em relação aos requisitos funcionais até aqui encontrados, tivemos o feedback de que estariam ser demasiado detalhados nesta fase. Devemos antes alinhar por grandes grupos e identificar as grandes áreas.
Devemos em primeira instância dividir por categorias criando áreas temáticas de requisitos (ex: utilizadores [registo, logins, pesquisa amigos, partilha conteúdos...], associar perfil ao Facebook, criar relação entre utilizadores, inserir e comentar comentários, etc.)
Antecipando a viabilidade técnica, surgiu a questão de saber quais as diferenças entre o uso do Grupal ou Joomla. Neste sentido, é importante que os requisitos estejam bem identificados para uma melhor escolha da plataforma e consequentemente uma melhor fase de implementação.

Em relação às referências geográficas podemos eventualmente articular com o uso do Google Maps.  Importante, assim que houver oportunidade, definir a estratégia com o grupo encarregue do projecto Mobile Tourist Guide.

Foi sugerido que iniciássemos uma sondagem informal entre amigos sobre que funcionalidades gostaríam ou sentiríam necessidade de ver numa aplicação deste género. Permitindo-nos assim ter uma visão exterior e outros inputs.

Foi igualmente sugerido investigar-mos a utilização de “use cases” para uso eventualmente no nosso projecto bem como uma nova consulta dos sites de referência.  Uma nova utilização dos mesmos nesta fase do projecto será profícua uma vez que temos agora outra “visão” para as necessidades inerentes ao mesmo.

 




Quarta-feira, 2 de Março de 2011
24-02-2011 - Reunião de orientação (tópicos abordados)

A reunião serviu essencialmente para esclarecimento de dúvidas relativamente à entrega dos documentos Estado da Arte e Briefing. Resultando na discussão dos seguintes tópicos:

- criação do roteiro de viagem (menos prioritário, rever a relevância de inclusão deste componente)
- investigar os seguintes sites (actividades ao ar livre):
                - cicloria.org.pt
                - geocaching.com
- partilha da localização actual de um "amigo" (meus amigos conseguem ver onde eu estou)
- relação entre os utilizadores (possibilidade da procura de parceiros para a viagem)
- agentes criadores de sentido de comunidade (opinião de certos utilizadores é mais relevante que a de outros)
- exploração do "mecanismo do boca-a-boca" ("gosto disto" como agente influenciador)
- alargar pesquisa (pesquisar por "GEOTAG")



publicado por sovalente às 14:56
editado por pjpmb em 03/03/2011 às 17:56
link do post | comentar | adicionar aos favoritos

.mais sobre o grupo
.pesquisar neste blog
 
.tags

. todas as tags

.posts recentes

. Funcionalidades adicionad...

. Evolução do site

. Actualizações/melhorament...

. ENTREGA - testes (usabili...

. ENTREGA - versão beta

. Testes de usabilidade, se...

. Conteúdo multimédia para ...

. Funcionalidades implement...

. Guião de entrevista para ...

. Funcionalidades corrigida...

.arquivos

. Junho 2011

. Maio 2011

. Abril 2011

. Março 2011

. Fevereiro 2011

.Junho 2011
Dom
Seg
Ter
Qua
Qui
Sex
Sab

1
2
3
4

5
6
7
8
9
11

12
13
14
16
17
18

19
20
22
23
24
25

26
27
28
29
30


.participar

. participe neste blog

blogs SAPO
.subscrever feeds