Quinta-feira, 31 de Março de 2011
Demo gráfica e técnica - entrega (parte 2/2)

 

Relativamente à demo gráfica, encontram-se disponíveis abaixo os ecrãs da aplicação, tal como o caminho que o utilizador  tem que seguir entre eles. 

 

 

Visualização da aplicação num monitor;

 

 Mapa geral da aplicação;

 

Esquema 1 - Aceder a imagens/artefactos por parte de um utilizador não registado;

 

 

Esquema 2 - Fazer login como utilizador registado;

 

 

Esquema 3 - Aceder a imagem/artefacto como utilizador registado;

 

 

Esquema 4 - Votar;

 

 

Esquema 5 - Comentar;

 

 

Esquema 6 - Validação;

 

 

Esquema 7 - Fazer upload de imagem/artefacto.

 

 

 

Conclusão:

Depois de realizar as duas demos,concluiu-se que este processo foi bastante benéfico para o grupo, uma vez que lhe permitiu ter uma visão mais realista do funcionamento do projecto e facultou uma maior aprendizagem relativamente ao funcionamento do Drupal, factor que suscitou bastante curiosidade em descobrir as suas potencialidades.

Em suma, o grupo considera os objectivos traçados concluídos, na medida em que um utilizador que interaja com a plataforma consegue, com a ajuda do tutorial criado, navegar na aplicação e compreender as suas principais funcionalidades.




Demo gráfica e técnica - entrega (parte 1/2)

Para a entrega das duas demos, o grupo considerou pertinente criar um documento de apoio a este protótipo de baixa fidelidade.

 

Introdução:

O principal objectivo da construção destas duas demos (gráfica e técnica) que, em conjunto, constituem o protótipo de baixa fidelidade, é apresentar o conceito do projecto Central Participativa da Marca UA, explorando as suas funcionalidades mais importantes.

É de extrema importância que os utilizadores que consultem a aplicação consigam entender o seu funcionamento e qual o contributo inovador que pode proporcionar ao projecto, que, no caso específico da Central Participativa, é o de aprender como manipular correctamente a marca da Universidade de Aveiro, usando para tal o sentido de comunidade.

No início deste módulo, o grupo ainda se encontrava com dúvidas quanto à CMS a utilizar para o desenvolvimento do projecto. Depois de começar a interagir com as duas plataformas (Drupal e Joomla) todos os elementos se adaptaram melhor ao Drupal, considerando-o mais intuitivo e mais fácil de administrar, principalmente no que diz respeito à interacção com os módulos. Assim sendo, decidiu-se desenvolver a demo técnica apenas em Drupal, tal como o resto do projecto.

 

 

Tutorial de navegação na demo técnica do projecto Central Participativa da Marca UA:

Durante a realização da demo técnica o grupo achou pertinente realizar um documento que servisse de apoio aos utilizadores (um guião), para que estes possam perceber com mais facilidade os passos que têm que seguir quando entram na plataforma, ainda em fase de estruturação. Deste modo, elaborou-se um tutorial abaixo descrito.

 

 

Funcionalidades-chave:

Log in; 

Consulta de imagem e respectiva classificação comunitária;

Upload de imagem por URL; 

Votação; 

Comentários;

Log out.

 

 

1. No campo de endereço do browser insira o seguinte endereço: http://cms.ua.pt/MarcaUA_a/

 

2. Faça o login com os seguintes dados: 

a.Username: demo;

b.Password : demo33.

 

3. Para fazer o upload de uma imagem por URL clique em Create content > Page. Introduza o título que desejar e clique no botão Insert/edit image identificado na Figura 1;

 

Figura 1

 

 

4. Deverá surgir uma janela onde é solicitado o Image URL. Neste caso é necessário que a imagem se encontre alojada numa página Web;

 

5. Clique em Insert e a sua imagem aparecerá no corpo de texto (body) do post;

 

6. Para avaliar um conteúdo (texto, imagem ou comentário) clique sobre a estrela que corresponde à avaliação que pretende dar ao conteúdo. Se deseja cancelar o seu voto clique na opção destacada a vermelho na Figura 2;

 

Figura 2

 

 

7. Para comentar um conteúdo, clique em Add new comment (esta opção encontra-se disponível caso o conteúdo não tenha nenhum comentário) ou então em x_comment (sendo que x corresponde ao número total de comentários já inseridos). Neste último caso, visualiza os comentários já realizados e, abaixo, a opção Post new comment que permite adicionar mais um comentário. Prima Preview, se estiver tudo conforme desejado e, de seguida, clique em Save.

 

8. Para sair da aplicação clique em Log out.

 

 

Para realizar o upload de imagem a partir de uma qualquer localização do seu PC, apenas é possível através do login admin até ao momento. Ainda assim, procederemos à explicação de como se realiza esta operação.

 

1. Faça o login com os seguintes dados: 

a. Username: adminmarcaua;

b. Password : marcaua.

 

2. Para fazer o upload de uma imagem clique em Creat content > Page. Introduza o título que desejar e clique no botão Insert/Edit Image, identificado na Figura 1 (já apresentada);

 

3. Deverá surgir uma janela onde é solicitado o Image URL. Neste caso, clique no ícone destacado na Figura 3.

 

Figura 3

 

 

 

 

 4. Clique em Upload, como exemplificado na Figura 4.  
 
Figura 4
 
 
5. De seguida, surgirá uma janela de Upload; o botão Browse permite ao utilizador escolher a imagem desejada.
 

 

Figura 5

 

 

 

6. Clique em Upload, e de seguida seleccione a imagem que ficará colocada em File name . 

 

7. Prima o botão Insert file, identificado na Figura 6. A sua imagem aparecerá no corpo de texto (body) do post.

Figura 6

 

Concluídas estas acções,considera-se finalizada a navegação pela demo técnica.

 

 

 

Módulos utilizados no desenvolvimento da demo técnica:

Ainda no que diz respeito à demo técnica, para o seu desenvolvimento foi necessário solicitar a instalação de alguns módulos para activar as funcionalidades desenvolvidas pelo grupo.

Foi realizada uma pesquisa que se baseou no site oficial do Drupal (http://drupal.org/) onde é possível encontrar os módulos para diversas funcionalidades.

Para a realização do upload de imagens, os módulos que o grupo achou mais adequados para implementar foram os seguintes:

O IMCE que, para funcionar necessita do Wysiwyg e de um plugin, Wysiwyg API. Este conjunto, ao ser implementado no Drupal, permite ao utilizador realizar um upload de imagem, localmente (no caso do administrador) ou pelo Image URL;

Solicitou-se a instalação do Fivestar, que é um módulo que permite ao utilizador adicionar um voto através de widgets. Para que este módulo funcione, é necessário integrar um plugin, neste caso o escolhido foi o Voting API. Concluída a instalação destes componentes o utilizador tem a possibilidade de votar um conteúdo, cancelar o seu voto e ainda alterá-lo;

 

Apesar de ainda não estar a funcionar nesta demo técnica, as galerias são outro ponto de grande importância no projecto Central Participativa da Marca UA, por isso, o grupo solicitou também a instalação do módulo Lightbox2. A este módulo vai ser necessário acrescentar plugins ,que estamos de momento a pesquisar e analisar.

Para efectuar a selecção dos módulos acima referidos, o grupo realizou uma pesquisa nos links abaixo:

 

http://drupal.org/project/lightbox2;

http://drupal.org/node/68851;

http://drupal.org/project/imce;

http://drupal.org/node/204138;

http://drupal.org/project/wysiwyg.




Plugins

 Boa tarde,

 

Embora ainda não faça parte dos objectivos deste módulo colocar uma galeria, o grupo já asolicitou a instalção do módulo LightBox 2 no Drupal. Contudo, este não funciona sem um plugin e como tal, pesquisámos e o achámos mais adequado o  jQuery LightBox Plugin 0.5.0.

 

Abaixo fica o link onde encontrámos a informação sobre este plugin. 

http://webscripts.softpedia.com/script/Image-Galleries/jQuery-lightBox-plugin-44190.html .

 

Ate já!




Quarta-feira, 30 de Março de 2011
Reunião 30/03/11

 Hoje à tarde tivemos a nossa reunião semanal de orientação. Durante a mesma, mostramos os avanços que realizamos relativamente à demo técnica. A professora Catarina Lélis acabou por ser a nossa "cobaia" na experimentação da mesma o que nos ajudou a perceber algumas das nossas falhas.

Já se encontram a funcionar as três funcionalidades que o grupo se havia comprometido a implementar na demo técnica:

 

Agora, estamos a desenvolver um documento de apoio aos docentes para que estes não tenham problemas ao navegar na plataforma.

Quanto à demo gráfica, estamos com problemas de incompatibilidade entre versões do Adobe Photoshop, problemas esses que estamos a tentar solucionar.

 

Cumprimentos 

 

 

 

 




Demo técnica e suas experiências

 Bom dia

 

Na aula de projecto de hoje mostrámos as funções principais que queriamos como conteúdo na nossa demo técnica, que são:

 

Em termos de plugins e módulos, estamos a utilizar:

Este ultimo módulo ainda não foi explorado pelo grupo, contudo será importante para a sua evolução e, caso tenhamos tempo faremos questão de também o integrar na demo técnica.

Fizemos a pesquisa dos módulos através do site oficial do Drupal, para os mais curiosos aqui fica o link do mesmo: http://drupal.org/

Iremos colocar printscreens de forma a mostrar a evolução do nosso trabalho.

 

up

Figura 1 - Printscreen do upload de imagem;

 

Figura 2 - Printscreen do ecrã de teste;

 

Brevemente, colocaremos alguma informações sobre a demo gráfica.

Até ao proximo post

 

 

 




Demo técnica

 Boa noite people!

Bom, iremos falar um bocadinho da Demo técnica.

A semana passada instalámos tanto o Drupal como o Joomla nos nossos computadores, pelo facto de estarmos indecisas entre estas duas CMS.  Como tal, apareceu-nos alguns obstáculos, primeiro não conseguimos adaptar ao joomla pelo facto de não conseguir interagir bem com este, depois para além de termos alguma dificuldade na instalação por causa da base de dados, tanto no Joomla como no Drupal, deparámos que a versão nova do Drupal 7.0, em termos de módulos como plugins não tinha o que nos convinha para o projecto, logo tivemos de instalar a versão anterior a Drupal 6.2.

Com estes obstáculos, esta semana fomos tirar dúvidas ao professor Caixinha, que nos ajudou a perceber melhor como poderiamos ultrapassá-los e até ajudarnos a escolher seja os melhores plugins a módulos para realizar a nossa demo técnica e implementar aquilo que desejamos.

 

Apesar destes obstáculos, a nossa demo técina está com uma boa evolução de trabalho e decidimos investir no Drupal.

Até ás onze




Segunda-feira, 28 de Março de 2011
Aula 28/03/2011

 Olá boa tarde!!

Na aula de hoje o grupo continuou a ambientar-se com o Drupal e o Joomla, estando a desenvolver a demo técnica nas duas plataformas.

Relativamente às funcionalidades técnicas, depois da reunião com os orientadores alterou-se aquilo que o grupo tinha pensado inicialmente. Colocou-se de parte o sistema de validação automático, pelo que deixa de ter sentido explorar a mesma como funcionalidade chave.

Deste modo, optou-se por implementar na demo técnica o upload de imagens, comentários e o sistema de votação que tem como base a avaliação dos artefactos.

Quanto à demo gráfica esta encontra-se em fase desenvolvimento e pretende-se que esteja concluída até Quarta-feira para que os orientadores a possam ver finalizada antes da entrega.

Em breve vão haver novidades 

 




Domingo, 27 de Março de 2011
Demo gráfica e seus dominios

 Boa tarde 

 

No desenvolvimento da nossa Demo gráfica deparámo-nos em algumas situações que iremos explicar pelo facto de não estar explicito mas sim implicito. Esta situação foi falada numa reunião com os orientadores e que foi bastante discutida até por causa da criação dos layouts e da divisão de páginas.

As conclusões que iremos expor agora será sobre os Domínios.

Os Domínios  têm fronteiras mto difusas e não podem ser completamente isolados em páginas próprias, como tal teremos o:

Domínio 1: Orientação/Instrução, que será o mais destacado dado se evidenciar por uma área de Criação Orientada;

Domínios 2 e 3 co-existem numa lógica de Comunidade Participativa, onde os membros apaixonados pela marca da UA, a nossa orientadora colocou-lhes o nome de UA-fãs, ao que achámos propositado, podem gerir os seus artefactos (criados individualmente ou em equipa) e avaliar a os dos outros.

 

 

Na área de atelier, como já mencionámos no post anterior, que irá aparecer no menu horizontal, deverá ser possível experimentar a marca de duas formas:

1º- em conformidade com as normas( que permite que passe para uma escolha de um tópico da opção "Galeria"); 

2º-em não-conformidade com as normas, em regime de liberdade absoluta(que contribui para um os conteúdos não oficiais, ou seja piratas*).

*Estes conteúdos não oficiais, ao qual lhe atribuimos o nome "piratas" serão contributos que vão deliberadamente contra a norma da marca, mas que até podem ser mais interessantes do que os oficiais, por causa do contexto e contributo colateral que estes poderão ter. Estes contributos podem ser alvo de avaliação, tal como os outros das outras galerias.

 

Bom fim de semana e até ao próximo post 

 

 

 

 

 

 

 




Sábado, 26 de Março de 2011
Demos e outros conteúdos

Boa tarde,

Como dissemos haveria novidades em relação ao avanço das demos 

A reunião com os nosso orientadores  ajudou-nos a organizar o nosso trabalho e a orientar-nos de uma forma coesa e especifica, na qual iremos ter cuidado com os "detalhes" e nas configurações da tecnologia  de forma a não limitar o  nosso projecto. 

 

Como já tinhamos dito a nossa demo gráfica já se encontra relativamente avançada. Depois de avaliarmos melhor os nossos esboços decidimos incorporar, não um menu vertical mas sim  um menu horizontal, que será dividido em categorias.

As categorias principais serão:

1-Galeria:(oficial e pirata), que visa ter uma perspectiva de visualizar conteúdo e a divisão deste em:

 

2-Atelier;

3-Upload; 

4-Estatisticas(analitics), que posteriormente poderá estar ligada ao google;

5-Normas da marca UA;

6-Perfil;

7-sair.

No footer estarão as  politicas de uso, mapa de navegação,etc.

 

Em relação à Demo técnica iremos focar no utilizador no sistema, ou seja, na partilha de documentos que tenham proeminente a marca, a divulgação e o registo na base de dados e a avaliação. 

 

Foram ainda aborados alguns termos especificos, a desenvolver entre os quais:

 

Conteudos públicos:

 

Exclusivo utilizador ua(exterior);

        Utilizador ua que propõe os produtos oficiais;

Validado;

Não validado;

Pirata.

 

Pasta individual não pública;

 

 

A validação irá ter 2 níveis:

Como tal, esta validação irá ter uma montagem de técnica e interface iguais, com valores diferentes.
 
Iremos ter cuidado com os botões em termos de avaliação de uma imagem no perfil do utilizador, pelo facto de ele poder ser só um elemento comunitário(não oficial) ou também um validador(avaliador em termos institucionais). 
Exemplo de botões:
 
        Like;
        Dislike;
 
         Bom;
          Mau.
 
O contúdo terá dois níveis:
  • Oficial;
  • Não oficial, que poderá ser colocádo de duas formas:

        De fora(upload);

        construído com o sistema de acordo com as regras.

Para colocá-lo oficial tem que haver os votos dos validadores.
 
 
Acabando a "exposição" de contúdos,
 
Bom fim de semana
 

 

 



publicado por joanacaetano às 13:24
editado por anapgmartins em 30/03/2011 às 13:40
link do post | comentar | ver comentários (2) | adicionar aos favoritos

Quarta-feira, 23 de Março de 2011
Aula 21/03/11 e 23/03/11

 Olá bom dia 

Por lapso do grupo, o post da aula de Segunda-feira não foi publicado. Deste modo, concluído o Módulo 2, relativo aos requisitos funcionais e viabilidade técnica o próximo Módulo está relacionado com a demo gráfica e demo técnica. 

Relativamente à demo gráfica, esta está a ser desenvolvida em Adobe Photoshop. A demo técnica estamos a desenvolver em Joomla e Drupal para perceber com qual das plataformas nos damos melhor.

 

Na aula de hoje vamos continuar a desenvolver o trabalho. A demo gráfica já se encontra relativamente avançada uma vez que já tínhamos começado a fazer alguns esboços anteriormente. A demo técnica é aquela em que nos vamos focar mais nos próximos dias.

 

Logo a tarde vamos ter reunião com os orientadores Óscar Mealha e Catarina Lélis e vão haver novidades.

 

Cumprimentos.




.mais sobre mim
.pesquisar neste blog
 
.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


.posts recentes

. Evolução do projecto

. Desenvolvimento do projec...

. Avanços

. Versão beta - testes

. Versão beta - entrega

. Versão beta

. Aula 01/06/11 - desenvolv...

. Plano de testes

. Lista de bugs

. Versão beta - mapa de nav...

.arquivos

. Julho 2011

. Junho 2011

. Maio 2011

. Abril 2011

. Março 2011

. Fevereiro 2011

.tags

. todas as tags

.participar

. participe neste blog

blogs SAPO
.subscrever feeds