Blog de acompanhamento ao projecto de 3º ano de NTC, no ano lectivo de 2010/2011.
20
Mai 11

O presente módulo TP5 que termina hoje consistiu no desenvolvimento do protótipo de alta fidelidade da nossa aplicação.


(As áreas da aplicação onde os esforços se centraram foram detalhadas no post Módulo 5 - Mapa do site [Final], que pode ser revisitado aqui.)


Assim sendo, começámos por abordar os elementos de maior prioridade, com especial atenção ao desafio da interacção entre a ferramenta de edição vectorial svg-edit e o CMS Drupal. Essa interacção foi detalhada anteriormente mas revelou-se agora em toda a sua complexidade, obrigando ao grupo desenvolver código largamente original e fora do conforto de tutoriais ou documentação existente. Salvo algumas inconsistências funcionais o desafio foi ultrapassado. Ainda assim, as dificuldades na sua concretização acabaram por atrasar outras áreas do protótipo. Mais, algumas funcionalidades como o histórico de ficheiros e forking ficaram por desenvolver.


Contudo sentimos que, tendo sido ultrapassadas as barreiras principais do desenvolvimento, estamos em condições de desenvolver essas restantes funcionalidades e bugs que persistam com relativa facilidade.


A nível gráfico, toda a estrutura da interface original da ferramenta foi alternada para maximizar o conforto e a funcionalidade. Adoptámos um aspecto o mais semelhante possível a ferramentas a que o público-alvo esteja já habituado a utilizar (Illustrator, Aviary, etc). Também nesse sentido optámos por utilizar uma versão alpha da ferramenta, por esta oferecer um grande número de funcionalidades que achamos fundamentais, como:

  • Pen tool;

  • Grelhas;

  • Rulers;

  • Right-click menu com funcionalidades clipboard e ordenação de ficheiros;

  • Color picker;

     

A nível do CMS, o maior desafio foi a falta de familiaridade com o ambiente de desenvolvimento, nomeadamente alguns módulos mais complexos mas fundamentais para criar um site dinâmico e interessante. Dos restantes elementos considerados de alta prioridade, o que ficou de longe mais desenvolvido foi a página de perfil.


Aí foram implementadas funcionalidades como uma galeria das imagens criadas pelo utilizador, carregada dinâmicamente, mecanismos de subscrição e subscrições, notificações de actividade recente e vário contéudo carregado dinâmicamente. O próprio layout da página foi feito com recurso a um módulo, Panels, que permite criar layouts complexos de forma rápida.


A página de ficheiro já permite recuperar no editor os ficheiros anteriormente gravados, apesar da falta das funcionalidades de histórico e forking já mencionadas.


A nível gráfico, foi implementado com sucesso o estilo visual apresentado na fase de especificação gráfica, tanto a nível de cores e tipos de letras como a nível de utilização da grelha que nos comprometemos a respeitar. Já ao nível das interacções, o Drupal suporta de raíz um sistema e mensagens de feedback que aproveitamos, assim como overlays para formulários de login, registo e contacto. Por fim, o próprio menu é animado para tornar a sua navegação mais simples e agradável.


Dos elementos propostos como sendo de baixa prioridade, existiram também alguns conflitos relativos aos módulos do Drupal, pelo que a secção dos “Posts” também só irá ficar completa até ao final da próxima semana. De resto e tirando a página principal que, após reunião com os orientadores, se decidiu manter apenas como conteúdo estático, os restantes elementos foram concluídos.


Seguidamento temos os elementos de conteúdo estático. Aqui conseguimos avançar mais do que nos tínhamos proposto, sendo que quase todos os elementos marcados foram concluídos. Adicionalmente, as secções de discussões e de mensagens privadas ficaram completamente funcionais, precisando apenas de alguns retoques gráficos. Por fim o back office, sendo providenciado pelo próprio Drupal, também está completamente funcional.


Outro objectivo a que nos tínhamos proposto com os nossos orientadores era o de traduzir toda a aplicação para uma só lingua, já que svg-edit e Drupal se encontravam em línguas diferentes. Tendo optado pelo português, traduzimos o svg-edit e o próprio Drupal e respectivos conteúdos, reforçando o desejo de que esta seja uma comunidade de portugueses e para portugueses. No entanto,alguns módulos revelaram-se mais complicados de alterar o que, juntamente com as dificuldades já referidas, resultaram numa tradução menos que perfeita, mas perfeitamente funcional para este estado de desenvolvimento. A mesma vai ser finalizada no próximo momento de trabalho.


De forma geral e apesar dos diversas contratempos encontrados, especialmente tendo em conta as dificuldades de integrar e interligar a ferramenta de edição vectorial e o Drupal, consideramos ter feito um progresso considerável por diversas áreas da aplicação e preparado o caminho para um desenvolvimento futuro mais fácil. Acima de tudo, foi adquirida uma quantidade considerável de experiência na criação e edição de contéudos no Drupal, nomeadamente na utilização dos módulos Panels e Views, responsáveis pela estruturação de layouts complexos e pela injecção de contéudos, respectivamente.


Em jeito de comparação com o mapa apresentado anteriormente, foi elaborado o mapa com o estado de desenvolvimento da aplicação após a fase de prototipagem:



 

(ver pdf)


Algumas aspectos menos bem conseguidos e/ou bugs a ter em consideração, nesta versão da aplicação:

  • Devido à falta de tempo para solucionar todos os problemas, a aplicação é melhor visualizada no Firefox, nomeadamente na sua versão mais recente. Outros browsers apresentam problemas a nível da ferramenta de edição vectorial;

  • Como se decidiu que a página principal deveria ser deixada como estática e sendo ela principalmente uma agregação de links, o link do logo leva o utilizador imediatamente à página de perfil, ao invés de para a página principal.

  • Um bug presente no svg-edit previne que o campo de password esteja encriptado, pois se assim estiver, ao inserir a password, irá ao mesmo activar as ferramentas do svg-edit através dos atalhos do teclado. Já contactámos a comunidade de desenvolvimento do mesmo, mas até à hora desta entrega não tivemos resposta à nossa questão.


É possivel aceder a aplicação no seguinte link: Link da Aplicação.


Por questões de segurança as credenciais de administrador serão enviados por email aos docentes e aos orientadores, assim como as credenciais dos utilizadores-tipo já criados, correspondentes às personas referenciadas na demo gráfica.

 

 


Maio 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
21

22
23
24
25
27
28

29
31


arquivos
pesquisar blog
 
blogs SAPO