Quinta-feira, 31 de Março de 2011
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.




.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