Manutenção

A folha de estilos encontra-se de momento em manutenção, sendo impossível visualizar o site nas condições normais.

Esperamos terminar essa tarefa o mais cedo possível.

Avanços

Este post visa inumerar as tarefas realizadas no âmbito do projecto até agora:

1. Integração dos mapas do Google em todas as páginas do protótipo;
2. Janelas de info ao clicar nas markers dos mapas melhoradas e com possibilidade de visualização dos avatares dos utilizadores, ou imagem principal do evento;
3. CSS melhoradas, nomeadamente da página de eventos e da página de adicionar evento;
4. Correcção de erros relacionados com a data do evento (correcta conversão do formato inserido na Base de Dados);
5. Correcção dos erros da página de adicionar evento (estrutura de decisão mal efectuada que impossibilitava adicionar um novo evento);
6. Possibilidade de inserir a localização do evento no mapa, ao adicionar um novo evento;
7. Correcção de erros relacionados com o template;
8. Página de mensagens com conteúdos dinâmicos, correctamente listados;
9. Início do processo de construção da página das notícias em CSS.

Hoje iremos realizar correcções na folha de estilos, possibilitar editar a localização do evento no mapa e começar a trabalhar no calendário.
Os erros ao nível dos links e rollovers serão corrigidos a posteriori dos melhoramentos técnicos.

Layout da área das notícias

Fica aqui um avanço de uma das metas referidas no post anterior.

Trata-se do ficheiro [.pdf] referente aos esboços de como ficará a área das notícias, uma das próximas áreas a serem implementadas.

Tarefas para mini-férias

Este post visa resumir e impor metas no âmbito de tarefas a realizar na semana do enterro.

Meta1 - CSS da área de notícias/locais.

Meta2 - Melhorar área de mensagens pessoais.

Meta3 - Completar toda a área de eventos (a prototipada e a não prototipada).

Meta4 - Implementar os mapas nas outras áreas e corrigir os erros verificados.

Meta5 - Melhorar as CSS (percentagens em detrimento de pixeis, melhorar compatibilidade com IE 7+ e melhorar alinhamentos e disposição) de todo o site e descentralizar o mesmo do template (problemas ao nível da actualização do mesmo).

God Bless Us.

Ponto da situação, reflexão e acessos ao protótipo

Este post visa expor um resumo das funcionalidades implementadas e as funcionalidades que faltam implementar ou onde a componente técnica gráfica tem que ser melhorada. Convém no entanto lembrar que o protótipo apesar de ser de alta fidelidade, certas áreas (como os conteúdos) são fictícios e ainda não devidamente tratados, tendo como finalidade demonstrar como pretendemos que a aplicação funcione gráfica e tecnicamente.

Funcionalidades prototipadas:

Registo 1ª página:

Ficaram implementadas as seguintes componentes:
- Verificação de erros;
- Verificação e prevenção da inserção de caracteres especiais e espaços na password, e-mail e username;
- Verificação da validade do e-mail;
- Verificação do preenchimento dos campos obrigatórios;
- Demonstração do sistema de ajuda contextualizado (ícone ?);
- Inserção de point no mapa e armazenamento do mesmo na base de dados;
- Código de activação aleatório e verificação do resultado inserido pelo utilizador;
- Inserção da password na base de dados encriptada como um número hexadecimal (sha1);
- Verificação da disponibilidade de utilização de um certo username;
- Em caso de erro os campos apresentam os dados anteriormente inseridos (exceptuando a password e os campos de verificação da password e e-mail);
- Ícone diferenciado para a sinalização da localização do utilizador;
- Verificação da validade da data e da idade do utilizador - maior de 13 anos(dinâmico).

Necessita de melhoramento/ser realizado:
- Campos do formulário (aplicação de borders para melhorar o contraste);
- Drop-downs para mês e ano;
- Caixas de ajuda dos botões;
- Formatação das cores e tipo de letra;
- Eliminar a opção de comprometido;
- Inserir os termos de utilização (já realizados);

Registo páginas seguintes:

Ficaram implementadas as seguintes funcionalidades:
- Upload de avatar;
- Possibilidade de mudar o avatar;
- Renomeação dos ficheiros enviados (sem permitir duplicados);
- Inserção dos campos com caracteres especiais (e posterior apresentação dos mesmos com esses caracteres);
- Código de envio de email;
- Verificação do código de activação;
- Possibilidade de cancelamento do processo;

Necessita de melhoramento/ser realizado:
- Espaçamentos;
- Campos dos formulários;
- Instalação no servidor do módulo de envio de e-mails;
- Botões dos formulários;
- Qualidade das imagens (barra de estado);

Login:

Funcionalidades implementadas:
- Processo de login;
- Processo de verificação dos dados e apresentação de erros;
- Processo de verificação do cumprimento do passo de activação e feedback específico caso tal não aconteça.

Necessita de melhoramento/ser realizado:
- Alinhamentos;
- Processo de recuperação da password (não pode ser implementado sem o módulo de envio do e-mail).

Homepage não registados:

Funcionalidades realizadas:
- Apresentação gráfica.

Necessita de melhoramento/ser realizado:
- Apresentação do mapa dinâmico.

Homepage registados:

Funcionalidades realizadas:
- Conteúdos dinâmicos em eventos utilizadores;
- Implementação do mapa se bem com a iconografia errada;
- Separador em AJAX;
- Links dos eventos correctamente implementados;
- Apresentação gráfica das componentes desta área não prototipadas.

Necessita de melhoramento/ser realizado:
- Conteúdos apresentados (ao nível da resolução e alinhamento);
- Link no menu principal para esta página.

Eventos:

Funcionalidades implementadas:
- Pesquisa dinâmica em Ajax;
- Eventos em destaque;
- Eventos perto de si;
- Votação;
- Apresentação dos resultados da votação;
- Conteúdos dinâmicos;
- Denunciar infracção;
- Links para outras áreas;
- Links nas imagens e títulos dos eventos para a página dos mesmos pormenorizados.

Necessita de melhoramentos/ser realizado:
- Calendário;
- Alinhamento e disposição de conteúdos;
- Melhorar compatibilidade com IE 7+;
- Retroceder | Avançar.

Eventos pormenorizados:

Funcionalidades implementadas:
- Conteúdos dinâmicos;
- Links;
- Funcionalidades repetidas das áreas anteriores;
- Eventos semelhantes/Utilizadores Associados/Comentários;
- Funcionalidade de mudança entre comentários do utilizador e todos os comentários.

Necessita de melhoramentos/ser realizado:
- Local associado;
- Retroceder | Avançar | Ver mais;
- Rever listagem de comentários.

Comentários:

Funcionalidades implementadas:
- Conteúdos dinâmicos;
- Informação do utilizador e do post;
- Adicionar comentários (verificação dos caracteres especiais e correcta apresentação dos mesmos).

Necessita de melhoramentos:
- Limite de comentários por página;
- Ecrãs intermédios de confirmação dos passos realizados.

Utilizadores Associados:

Funcionalidades implementadas:
- Possibilidade de associação a evento;
- Verificação se utilizador já se encontra associado e não apresentação do link nessa situação;
- Possibilidade de reversão do processo (Não).

Necessita de melhoramento/ser realizado:
- Ver amigos/outros utilizadores já associados antes do processo de associação efectiva;
- Imagens predefinidas caso utilizador não insira imagem.

Lembrar-me deste Evento (não prototipado):

Funcionalidades implementadas:
- Apresentação gráfica.

Necessita de ser realizado:
- Todo o processo de notificação.

Ver eventos publicados por mim:

Funcionalidades implementadas:
- Todo o processo de listagem dos eventos;
- Links para editar e apagar evento.

Necessita de ser melhorado:
- Alinhamentos.

Apagar evento:

Funcionalidades implementadas:
- Todo o processo completo, através da inserção na base de dados de uma variável boleana (’n’ activo);
- Possibilidade de reversão do processo.

Necessita de ser realizado:
- Ecrã intermédio a confirmar que o registo foi apagado.

Editar evento:

Funcionalidades implementadas:
- Possibilidade de alterar fotografia e dados relacionados com evento;
- Processo de verificação da data e apresentação do feedback adequado caso seja inválida.

Necessita de ser melhorado/ser realizado:
- Ecrã intermédio a confirmar o processo;
- Possibilidade de edição da localização no mapa.

Adicionar evento:

Funcionalidades implementadas:
- Todo o processo de inserção de um novo evento;
- Confirmação dos dados inseridos;
- Upload da foto.

Necessita de ser melhorado/realizado:
- Edição da localização no mapa;
- Confirmar o reenvio.

Denúncia de infracção:

Funcionalidades implementadas:
- Processo de denúncia de infracção;
- Envio da mensagem para administrador (utilizador gobblin).

Necessita de ser melhorado/realizado:
- Melhorar os tags/descrições utilizados nesta área;
- Melhorar o sistema de mensagens, alinhar as checkbox e aplicá-lo a todos os ecrãs (só visível nos eventos).

Google Maps:

Funcionalidades implementadas:
- Pesquisa;
- Scroll;
- Zoom ao duplo clique;
- Adicionar point e inserção do mesmo no mapa (só registo);
- Ícones personalizados;
- Point arrastável.

Necessita de ser melhorado/realizado:
- Centralizar o mapa em Aveiro;
- Mudar o sistema de points (points dos eventos/utilizadores diferenciados);
- Implementar os mapas correctamente às outras áreas;
- Alterar a escala dos itens mediante o zoom;
- Adicionar outras funcionalidades (info ao clicar nos botões mais personalizados - funcionalidade de momento apenas visível na página de registo).

Outros aspectos a melhorar/alterar:

- Links (nomeadamente da homepage);
- CSS (alterar para percentagens; melhorar compatibilidade com IE 7+)
- Alinhamentos/conteúdos.

Aspectos que faltaram prototipar:

- Calendário;
- Lembrar me deste Evento.

Logins para acesso:

- Utilizador: gotdss
- Pass : c6ds7nv2

- Utilizador: gobblin
- Pass: c6ds7nv2

documentos finais tp2

Uma vez que a apresentação do tp2 é já amanhã, reunimos aqui, todos os documentos que consideramos relevantes a serem apresentados.

Documentos que foram actualizados:
mapa de navegação - as mudanças que foram efectuadas neste documento dizem respeito unicamente, à assinalação das áreas a serem prototipadas, uma vez que, inicialmente assinalámos uma parte da área dos eventos, que não faz parte directamente desta área [acesso ao perfil dos utilizadores, envio de mensagem, envio de email, adicionar como amigo e comentar perfil - assinaladas a azul];

modelo de sistemas - este documento teve de ser modificado pela opção definitiva da linguagem PHP, ficando unicamente esta, com a excepção das linguagens javascript, xml e ajax, dos Google Maps.

Documentos importantes para este módulo:
Base de dados

Documento final com todos os layouts para a área prototipada no tp2 [.pdf]

Páginas do envio de mensagens - páginas [esquecidas] e necessárias para lembrar um dado evento ao utilizador, sempre que assim este o desejar. [.pdf]

Tutoriais:
[GoogleMaps]
http://code.google.com/apis/maps/gallery/mapsAPI.html
http://code.google.com/apis/maps/documentation/mapplets/basics.html
tutorial sobre os GoogleMaps, Ajax e Php

[Tutoriais online] http://www.w3schools.com/

[Tutoriais sobre CSS] pasta com diversos tutoriais sobre as css

[Tutorial Dreamweaver+CSS+Ajax+PHP]
o nosso Alcorão/bíblia para a construção do website

Apresentação:
ficheiro .ppt a ser apresentado na avaliação de amanhã

Website do projecto
homepage

Sobre o nosso site, temos a referir o obstáculo que se tem colocado, no que respeita ao registo. Este processo, dada a linguagem utilizada ser o Php, necessita de uma aplicação [PHPmailer] instalado no servidor, para que o envio do link de confirmação, seja enviado para a conta do utilizador disponibilizada e, deste modo, terminar a quarta e última fase do registo. Por desconhecimento do grupo e da docência quanto a esta necessidade (não instalada), e pelo reduzido espaço de tempo que possuimos, decidimos continuar com o processo do registo tal como foi implementado inicialmente, para este segundo momento de avaliação. Tal opção foi feita pelo elevado trabalho técnico exigido nessa funcionalidade e na esperança na flexibilidade dos responsáveis pelo servidor do departamento, em instalar o php mail. Aguardaremos boas notícias, caso contrário teremos de arranjar uma nova solução, capaz de contornar a necessidade referida.

Todos os ficheiros acima, não possuem acesso restrito à UA.

Trabalho de fim de semana

Vendo cada vez mais perto a data de apresentação do tp2 de projecto, foi necessário passar umas horinhas deste fim-de-semana sobre a área que nos propusemos a prototipar. Estas horinhas foram bastantes úteis e produtivas, fazendo com que seja possível apresentar um ponto de situação mais positivo e risonho.

Assim, como trabalho concluído e passível de ser apresentado temos:
- Programação das páginas de adicionar eventos, os meus eventos, adicionar comentário, conteúdos dos eventos [listados e votações] e eventos pormenorizados [listar eventos pormenorizados e eventos semelhantes);

- Reformulação das Css [alguma formatação em termos de conteúdos, alinhamentos e de crescimento das páginas];

- Melhorias na programação e integração dos mapas do Google Maps;