pesquisar neste blog
posts recentes

Contagem Decrescente

Contagem Decrescente

Contagem Decrescente

Contagem Decrescente

Contagem decrescente

Entrega TP6 (parte 2) - Testes

Entrega da versão Beta

Aula de 06 de Junho

Aula dia 1 de Junho

Reunião 11

arquivos

Julho 2011

Junho 2011

Maio 2011

Abril 2011

Março 2011

Fevereiro 2011

Quarta-feira, 27 de Abril de 2011
Prototipagem de Alta Fidelidade - A Escolha

Boa noite

Antes de decidirmos o que iremos prototipar, realizamos uma pequena alteração no que respeita ao mapa de navegação de acordo com os comentários feitos pelos professores relativamente à última entrega. Desta forma diferenciamos com cores os items que farão ou não parte do menu bem como economizamos o mapa em termos de espaço, tornado-o assim menos horizontal.

O mapa de navegação reformulado poderá ser consultado aqui.

Quanto às escolhas, optamos por prototipar o registo e respectiva autenticação, bem como o chat e o fórum por serem funcionalidades que envolvem as tecnologias mais exigentes. Para além disso, será também prototipada a Home e o ecrã "Jardim de infância" por considerarmos que os outros ecrãs se baseiam na mesma estrutura. As nossas escolhas podem ser vistas a partir do documento escolhas para prototipar.

Até ao próximo post, As Florinhas

 

 


tags:

publicado por cristina-rocha às 23:29

Aula dia 27 de Abril

Bom dia

Na aula de hoje, tal como prevíamos, foi-nos proposta a tarefa de desenvolver um protótipo de alta fidelidade para a nossa aplicação. O que se pretende nesta fase não é testar todos os detalhes, mas sim as principais funcionalidades da interface. Deveremos analisar o mapa de navegação, prever o que vamos desenvolver agora e que irá evoluir para o produto final, sendo que o código deverá ser reutilizável. Durante o dia de hoje teremos ainda de publicar uma mapa de navegação onde terão sinalizadas as áreas a conceptualizar nesta fase. Temos também consciência de que é aconselhável nos apoiarmos nos documentos que fizemos até agora.

Posto isto, aproveitamos a aula para avançar com as tarefas propostas e a configuração dos computadores, tendo posteriromente recorrido à ajuda do professor Pedro Amado para reformular e alinhar questões fundamentais relativamente à parte gráfica.

Até logo,

As Florinhas


tags:

publicado por cristina-rocha às 11:48

Terça-feira, 26 de Abril de 2011
Reunião 8

 Boa Tarde 

Na reunião de hoje com os nossos orientadores discutimos os pontos que mereceram críticas construtivas dos professores em relação à última entrega, com o intuito de melhorar estas lacunas em futuras tarefas. 

Depois disso, tratamos dos pormenores relativos ao servidor. Uma vez que estamos dependentes da resposta dos responsáveis da instituição "Florinhas do Vouga" para nos fornecerem os dados de que precisamos para nos conectarmos ao seu servidor, começamos a fazer as configurações necessárias para trabalharmos em localhost e desenvolvermos o protótipo nesta fase.

Na aula de projecto de amanhã, pretendemos abordar os professores no sentido de perceber o que podemos melhorar no projecto, para além de entendermos especificamente o que é pretendido no que respeita à prototipagem de alta fidelidade. Estamos cientes de que este é um momento que necessita de um enorme rigor por se tratar de uma concepção demasiado aproximada do produto final.

 

Até amanhã, As Florinhas 

 

 


tags:

publicado por diana-condeco às 19:19

Sexta-feira, 15 de Abril de 2011
Entrega TP4

 Boa tarde 

Segue no corpo deste post a documentação relativa à entrega da TP4 relativamente à especificação técnica e gráfica. 

 

Especificação técnica:
 

No mapa de navegação colocamos todos os ecrãs existentes no site e as relações entre cada um deles. Estão representados todos os caminhos que os utilizadores, quer seja um utilizador comum, o administrador, um utilizador registado no site ou um voluntário, podem percorrer nos diferenes trajectos do site da instituição. Para compreender as possíveis acções dos visitantes, o mapa integra uma pequena legenda que os permite diferenciar. Importa realçar que não se fez qualquer distinção no que respeita ao administrador, pelo facto da gestão do site ser feita a partir dos ecrãs que já existem, mas que se distinguem aquando da autenticação do administrador. De referir ainda que realizamos algumas alterações relativamente ao que projectamos anteriormente na demo gráfica, como a disposição do link de acesso ao fórum e o acesso ao chat. Se antes estas acções eram apenas acessíveis na área de perfil, agora passam a estar presentes em todo o site por uma relação lógica uma vez que o perfil de utilizador é mais focado nos seus dados pessoais. Foi ainda necessário inserir uma área dedicada aos mapas da ceia de calor, que poderão ser vistos apenas pelos utilizadores voluntários. 

Ver Mapa de Navegação 
 

Nas próximas linhas seguem a descrição e os próprios fluxogramas detalhados das funções principais do projecto:

Fórum
Neste fluxograma encontram-se descritos os processos para responder, adicionar e apagar mensagens e adicionar, editar e adicionar tópicos.
Começa-se por se perceber qual o tipo de utilizador que está com a sessão iniciada. Se for um utilizador registado ou voluntário, pode adicionar mensagens dentro dos tópicos. Depois de inserida a mensagem ou resposta no formulário para o efeito é enviada uma Query para inserir dados na BD. É dado um feedback ao utilizador se a mensagem ou a resposta for correctamente inserida
Se o utilizador for o administrador, além do que o utilizador registado sem poderes administrativos pode fazer, poderá também editar, adicionar e apagar tópicos e apagar mensagens ou respostas. O processo é praticamente o mesmo: depois de selecionado o tópico que se quer apagar, editar ou acrescentar, é mandada uma query para que os dados se actualizem na BD. É enviada uma mensagem com um feedback para o administrador.
 

Galeria de imagens
Só o administrador tem a possibilidade de criar um novo álbum na galeria de imagens. Para o fazer, tem de ter a sessão iniciada, ir para a página da galeria de imagens e seleccionar “inserir novo álbum”. Seguidamente insere-se o nome do novo álbum. É enviada uma query á base de dados para verificar se o nome inserido já existe. Se existir, é dado um feedback ao administrador (“esse álbum já existe, insira um novo nome”) e este tem de voltar a inserir uma nova nomenclatura. Se o nome não existir, é enviada uma query para a base de dados para se criar um novo álbum. É criado o álbum na BD e é dado um feedback ao administrador que o álbum foi criado com sucesso.
 

Inserir fotografias na galeria
À semelhança da galeria de imagens, só o administrador pode adicionar fotografias na galeria de imagens. Para o efeito tem de escolher um álbum, seleccionar as fotografias que pretende adicionar e inseri-las. Se as fotografias não foram seleccionadas correctamente, é dado um feedback ao utilizador (“houve um problema ao carregar as fotografias”) e o administrador tem de seleccionar novamente as fotografias que pretende adicionar. Se as fotografias foram bem seleccionadas, elas vão ser copiadas para a uma pasta e é feita uma query á BD para inserir o caminho para as fotografias. Esse caminho é inserido na base de dados  e é dado um feedback ao utilizador (“Fotografias inseridas com sucesso”).
 

Iniciar Sessão
Para iniciar sessão é necessário preencher o formulário para o efeito (email e password). Existe uma validação para se saber se os campos estão todos preenchidos (tanto o campo do email como o de password). Se não estiverem, é dado um feedback ao utilizador (“por favor, insira um email e uma password”) e o utilizador não consegue fazer login. Se os campos estiverem preenchidos, é enviada uma Query á BD para verificar se o email e a password estão correctos e se correspondem. Se não estiverem, o utilizador não consegue fazer o login. Se estiverem correctos, são iniciadas as variáveis de sessão como por exemplo o username e o id_user e o utilizador passa a ter a sessão iniciada podendo usufruir de todas as vantagens que isso lhe possa dar.
 

Registo
Para se registar, o utilizador ter de preencher o formulário da página de registo que consiste na inserção do nome, email, sexo, morada, localidade, data de nascimento, password e fotografia. É enviada uma query para verificar se o email inserido já está registado na Base de Dados. Se já estiver o utilizador não se pode registar novamente, se não, no caso de ter sido inserida uma fotografia é criada uma pasta para gravar as fotografias do utilizador. Faz-se uma Query á BD para inserir os dados do novo utilizador na base de dados e os dados são inseridos. Há um feedback que diz ao utilizador que foi registado com sucesso e este é remetido para a home.
 

Inserir notícias
Só o administrador tem permissão para inserir notícias eventos ou qualquer outro tipo de conteúdos. Para isso tem de ter sessão iniciada. No caso das notícias, é necessário introduzir um título, uma introdução, uma imagem, um corpo e a data de fim de publicação. Se foi inserida uma imagem, é enviada para a pasta de ficheiros é feita uma Query para inserir a nova notícia na BD. A notícia é inserida e é enviado um feedback ao utilizador. Se a notícia for destaque, a notícia é inserida também na home.
 

Editar conteúdos
Para editar conteúdos o administrador tem de clicar sobre o que pretende modificar. Se for uma fotografia, ela é enviada para a pasta de ficheiros. É enviada uma query para editar os dados na BD. É enviado um feedback ao administrador a dizer que os conteúdos foram editados com sucesso. 

 Ver Fluxogramas

 

A base de dados das “Florinhas do Vouga” tem de conseguir responder a todas as funcionalidades que o novo site vai contemplar. Existem as tabelas “utilizador” e “tipo” para que possa existir login, registo e utilizadores com diferentes hierarquias: Registado, voluntário e Administrador. As tabelas de “conteúdos”, “eventos” e “notícias” permitem criar um mecanismo para que o administrador consiga facilmente alterar informação que pretende. A pasta “ficheiros” está preparada para armazenar todos os ficheiros (incluindo imagens) presentes no site (provenientes dos “conteúdos”, “galerias”, “eventos” e “notícias”). As tabelas “tópicos”, “mensagens” e “respostas” dizem respeito ao fórum que vai ser implementado de raiz. Contempla tópicos que se subdividem em mensagens que podem ser respondidas.  

Ver Base de Dados
 

- Alto Nível
 

A arquitectura do sistema de alto nível representa as relações existentes entre as diferentes componentes do projecto numa perspectiva geral, onde é perceptível que o projecto será desenvolvido em linguagem PHP e processado num servidor. Para além disso, são visíveis todas as outras linguagens, tecnologias, frameworks e software a ser utilizado na concepção do site diferenciando o lado do cliente do lado do servidor.

Arquitectura de Alto Nível
 

- Baixo Nível

Se na arquitectura do sistema de alto nível podemos compreender os processos que se desenvolvem por detrás da nossa aplicação de uma forma generalizada, na arquitectura de baixo nível podemos analizá-los de uma forma mais focada. Desta forma podemos compreender detalhadamente os grandes módulos implementados e como estes comunicam entre si no que respeita aos blocos funcionais que os integram. Assim, evidenciamos nesses mesmos blocos a sua relação com a base de dados e a forma como todos os conteúdos são geridos pelo administrador, para além de termos também representado a interacção entre os utilizadores e cada uma dos blocos.

Ver Arquitectura de Baixo Nível 

 

Especificação Gráfica:

O manual de identidade das "Florinhas" é constituído pelo estudo do nome, a apresentação do novo logótipo da instituição para efeitos de aula, bem como o estudo de cores e de tipografia. Contudo, para atingir este resultado final, passou-se por todo um processo criativo de estudos do qual resultaram documentos que o grupo gostaria que não passassem despercebidos. Assim sendo, segue um documento constituído pelos estudos e outro correspondente ao manual de identidade da marca.

Ver Manual de Estudos 

Ver Manual de Identidade
 

O estudo de ícones é relativo não só aos botões de links como também aos de interacção, como por exemplo o de avançar e retroceder na página das notícias e dos eventos.
O desenho de cada um dos ícones a rosa e azul foram idealizados e concretizados de forma a transparecer a mensagem que cada um quer passar ao utilizador para que este possa perceber a leitura do botão com mais facilidade. Exemplo disso são os ícones do projecto “giros”, “colaborar” e “Voluntariado”, em que na sua versão rollover surge o nome do projecto em questão.
Quanto às cores dos ícones usaram-se as três escolhidas na execução do site. É importante referir que as cores foram utilizadas consoante a disposição dos ícones nos ecrãs de forma a conjugar com as que estão dispostas no layout.

 

 

As grelhas são uma componente gráfica invisível para a maioria dos utilizadores, mas fundamentais para construir aplicações equilibradas e conjugar os diferentes elementos constituintes de uma página web. No estudo que realizamos definimos uma largura de 1024 px para o layout, sendo que dessa dimensão a área útil situa-se nos 960 px. Definimos também uma goteira com 16 px de largura, que constitui espaços em branco para permitir que os elementos sejam dispostos na página de uma forma organizada e harmoniosa.
Dividimos os ecrãs em seis partes iguais de 141 px de largura, separadas pelas goteiras de cor roxa. De acordo com cada um dos ecrãs e das suas diferentes especificidades, fomos adicionando novos espaços do tamanho das goteiras que estão representados com a cor verde, para que se conseguissem integrar tudo de forma coerente no site.

Ver Grelhas

 

 

Depois de todo o trabalho concretizado nesta fase das especificações do projecto, concluímos que o conjunto de documentos que nos foi proposto desenvolver são de primordial importância por constituirem uma base delineada para as etapas que se avizinham. Não seria possível começar a programar sem antes ter definido a disposição dos ecrãs principais, o desenho da base de dados, os processos que estão por detrás da nossa aplicação e todos os estudos que nos relegaram para a realidade que nos espera.

 Cumprimentos, As Florinhas


tags:

publicado por alff às 20:31

editado por cristina-rocha em 16/04/2011 às 11:26

Quinta-feira, 14 de Abril de 2011
Aula dia 13 de Abril e resumo do dia de trabalho

Boa tarde

A aula de ontem foi inteiramente dedicada à parte gráfica. O professor Pedro Amado sugeriu que fizessemos algumas alterações aos documentos que tínhamos, nomeadamente em questões de layout , na disposição dos elementos no site das "Florinhas" bem como nos orientou na construção das grelhas.

Fig.1 - versão 2 do layout da Home

 

Na parte da tarde concluímos o manual de identidade da marca uma vez que chegamos finalmente ao logótipo final. Componentes como o nome, o logótipo, as cores, a tipografia, escalas e espaços de segurança foram considerados para integrar o manual. Conjuntamente com este documento, desenvolvemos também um manual de estudos que deverá ser enviado no momento da entrega.

Quanto à especifiação técnica, fizémos o esboço dos fluxogramas que neste momento já se encontram numa fase final bem como a arquitectura do sistema de baixo nível.

Muitas horas de trabalho ainda nos esperam...Até ao próximo post

As Florinhas

 

 


tags:

publicado por cavaco-joana às 18:26

Quarta-feira, 13 de Abril de 2011
Reunião 7 & Resumo do dia de trabalho

Bom dia

 

Na reunião de ontem com os orientadores estivemos a analisar o ponto de situação das tarefas realizadas até ao momento.

Começamos por esclarecer dúvidas quanto a novas propostas de trabalho que surgiram nomeadamente no que respeita à especificação técnica. Deveremos desenhar um diagrama de baixo nível dos diversos blocos funcionais do projecto especificando quais os grandes módulos implementados no site, e de que forma estes comunicam/interagem entre si.

Como na componente gráfica nos deparamos com algumas dificuldades na construção das grelhas, estivemos grande parte do tempo a debater com os orientadores a melhor forma de o fazer. Conversamos ainda sobre a conjugação de cores a utilizar bem como analisamos o  logótipo desenvolvido para o novo site, que está praticamente finalizado.

Fig.1 - Estudo de layout (versão 1)


Fig.2 - Logótipo da instituição | Fig.3 - Logótipo redesenhado pelo grupo

 

Na parte da tarde, começamos por construir o fluxograma do projecto, tendo este sido dividido em diversas componentes: fluxograma do registo, de iniciar sessão, da galeria, do fórum e da edição de conteúdos. Ao mesmo tempo, o diagrama de baixo nível também foi desenvolvido faltando agora aperfeiçoar alguns aspectos. Graficamente, a construção das grelhas foi a principal preocupação, já que envolve uma combinações entre uma enormidade de elementos a integrar no site. É necessário delinear com minúcia todas as áreas que serão ocupadas e estabelecer a dimensão para cada uma dessas divisões do site.

Até à próxima, As Florinhas


tags:

publicado por cristina-rocha às 09:57

Segunda-feira, 11 de Abril de 2011
Aula 11 de Abril

 Boa Tarde 

Na aula de hoje com o Professor Nuno Ribeiro e o Professor Benjamim Júnior demos continuidade à especificação gráfica e técnica. 

Relativamente à especificação gráfica mostramos os estudos de logótipo e lettering desenvolvidos até ao momento.

 

 

Desenvolvimento do estudo do Logótipo

 

Desenvolvimento do estudo do Logótipo

 

Durante o fim de semana, enviamos um email ao Professor Pedro Amado para lhe mostrar os nossos estudos e logótipos seleccionados, de forma a apurar uma opinião mais fundamentada acerca do logótipo. 

 

 

O Professor sugeriu que fizessemos a junção do primeiro logo com o último. Neste sentido, tentamos desenvolver esta ideia de modo a criar uma imagem mais apropriada para as "Florinhas". 

 

Quanto à especificação técnica mostramos a nossa arquitectura de sistemas, o mapa de navegação e a base de dados. 

A arquitectura de sistemas está num estado já avançado, no entanto foi-nos sugerido accrescentar uma arquitectura de baixo nível de modo a detalhar casa um dos blocos de informação, uma vez que estes são gerados por diferentes módulos.

O mapa de navegação irá sofrer algumas alterações quanto ao modo como o fórum e o chat estão visíveis para o utilizador. Se na demo gráfica estas funções surgiam apenas no perfil, agora parece mais lógico no ponto de vista técnico estarem presentes em qualquer parte do site a partir do momento que o utilizador inicia sessão.

Até ao momento, a base de dados encontra-se finalizada e vamos dar início ao fluxograma. Para além disso, o grupo continua a desenvolver e aprofundar todas as tarefas propostas.

Cumprimentos, 

As Florinhas 


tags:

publicado por diana-condeco às 18:19

Sexta-feira, 8 de Abril de 2011
Aula dia 6 de Abril

Bom Dia

Na aula de quarta-feira demos seguimento ao programa de trabalhos que estipulamos para esta semana. Pensamos que esta seja uma forma mais rápida e organizada para conseguimos atingir os objectivos pretendidos.

No que respeita à especificação gráfica, as nossas atenções centraram-se nos estudos cromáticos, tipográficos e no desenvolvimento de um novo logótipo. O que pretendemos para o futuro site das "Florinhas do Vouga" é conjugar um logótipo recriado e à imagem dos valores afectivos em causa, com um layout simples, coerente e harmonioso. No estudo das cores optamos por manter a mesma linha cromática que a instituição "Florinhas do Vouga" apresenta neste momento, ou seja, o cor-de-rosa será a cor do novo logótipo e, a partir daqui, fomos de encontro às suas cores complementares, o verde, bem como conseguimos combinar de uma forma agradável o azul, o cinzento e o preto para a tipografia.

Ainda durante a aula observamos diferentes tipos de letra, entre elas a Arial, a Verdana e a Helvetica. Quanto a esta última, fizemos apenas algumas considerações e será descartada por ser uma fonte paga. Arial e Verdana são fontes perfeitamente legíveis na web, sendo que a análise e escolha passam agora por uma questão estética.

Na especificação técnica, o objectivo para a aula era modelar a base de dados, onde faltam apenas alguns ajustes. Por outro lado, propusemo-nos a desenhar a arquitectura do sistema que também já se encontra avançada. As atenções voltam-se agora para o mapa de navegação, onde faremos uma reflexão aprofundada uma vez que em fases anteriores tínhamos pensado numa forma de navegação para alguns conteúdos que agora será diferente por uma questão lógica, nomeadamente nas fotografias panorâmicas. Não estarão apenas dentro das respostas sociais, passará a haver também um menu reservado para a visita virtual.

Fora da aula vamos começar a desenvolver o fluxograma, as grelhas e a escolher o logótipo depois de termos desenhado vários esboços.

Até à próxima, As Florinhas


tags:

publicado por cristina-rocha às 08:41
1

Terça-feira, 5 de Abril de 2011
Reunião 6

Boa tarde a todos

Na reunião de hoje com os orientadores analisamos a melhor forma de distribuir as tarefas propostas para a próxima entrega e clarificamos os diferentes tópicos que deveremos desenvolver, tanto a nível gráfico como técnico.

Na especificação técnica vamos começar por construir a base de dados, recorrendo aos requisitos funcionais que servirão como narrativa e ponto de partida. A partir da base de dados, poderemos partir para a materialização do fluxograma, ou seja, os processos que estão para lá das decisões dos utilizadores do site. Ao mesmo tempo, pensamos desenhar o mapa de navegação do site bem como o modelo arquitectónico, definindo as diferentes componentes do projecto e as relações existentes entre elas.

Quanto à especificação gráfica, as principais preocupações centram-se na construção de uma nova imagem para o site, nomeadamnete num novo logótipo. Para além disso, definimos que o sistema cromático e tipográfico deverão ser concretizados o mais rapidamente possível, bem como o início das grelhas.

Posto isto ... mãos à obra

Até à próxima, As Florinhas

 


tags:

publicado por cristina-rocha às 17:02

Segunda-feira, 4 de Abril de 2011
Aula dia 04 de Abril

 

Olá,

Na aula de hoje começámos a especificação técnica e gráfica.

Dado que no caso das Florinhas do Vouga já existe um nome e um logótipo definitivos, foi-nos sugerido pelos docentes que ao invés de criarmos ma nova imagem para a instituição, arranjasse-mos maneira criar um ambiente apelativo onde incluir o logótipo já existente.

Aproveitámos a aula também para criar um plano de trabalho para distribuir as tarefas pelo grupo e pelo tempo que nos resta até a entrega.

Por agora é tudo.

Daremos notícias em breve,

As Florinhas 

 


tags:

publicado por alff às 16:25

mais sobre mim
Julho 2011
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

31


tags

todas as tags

subscrever feeds

RSSPosts

RSSComentários