A par]r do CMS escolhido, são desenvolvidas as principais funcionalidades definidas na concepção da plataforma tecnológica para retenção e disseminação do conhecimento, seguindo duas etapas:
● inclusão e customização de módulos; ● criação das interfaces gráficas.
6.2.1 Inclusão e customização de módulos
de “soWware livre”, u]lizando-‐se o CMS Drupal 6.2, o banco de dados MySQL 5.1 e o servidor web Apache 2.
O Drupal é escrito em PHP e funciona em qualquer sistema operacional e servidores
web. Está estruturado em módulos (plugins), capazes de estender suas funcionalidades.
Desenvolvem-‐se os módulos para versões específicas; um módulo da versão 5.x não funciona na versão 6.x. Essas versões são encontradas e disponibilizadas no website oficial do Drupal (hŒp://www.drupal.org).
Com a instalação do Drupal, os módulos denominados núcleo (core) são automa]camente disponibilizados. Destaca-‐se que no núcleo existem os módulos obrigatórios (core-‐required) e os módulos opcionais (core-‐opIonal). Somente os módulos do núcleo obrigatório são requeridos para o sistema funcionar e não podem ser desa]vados. No Quadro 30 apresentam-‐se os módulos obrigatórios e opcionais disponibilizados pelo Drupal e u]lizados na implementação do protó]po da plataforma.
Módulos Tipo Descrição
filter Obrigatório responsável por processar filtros em conteúdos antes de sua liberação e exibição em páginas html.
node Obrigatório responsável por encaminhar determinados conteúdos para exibição em suas páginas html específicas.
system Obrigatório responsável por gerenciar as configurações gerais do sistema, sendo des]nado aos administradores do ambiente.
watchdog Obrigatório responsável por registrar e armazenar todos os eventos ocorridos durante o uso do sistema.
block Obrigatório responsável por controlar quais blocos são exibidos em volta do conteúdo principal das páginas.
user Obrigatório responsável por gerenciar tanto o registro de usuários quanto o sistema de auten]cação.
locale Opcional permite apresentar o website desenvolvido com Drupal em um idioma diferente do Inglês, definido como padrão. Pode ser usado para criar um ambiente mul]linguagem ou facilitar a tradução para outro idioma, de textos criados especificamente para o website.
blog Opcional permite criar e atualizar facilmente uma página pessoal ou um “weblog”. Apesar de ser um módulo opcional, sua habilitação torna-‐se obrigatória por ser u]lizado nos módulos próprios: “debates plural” e “blog plural”.
Quadro 30 – Módulos Drupal u]lizados no protó]po
Além destes, vários módulos são criados especificamente para a implementação do protó]po da plataforma, sendo denominados “Módulos próprios”, detalhados a seguir no Quadro 31.
Módulos próprios
Descrição
perfil consiste no módulo base da plataforma. Nele são criadas as regras e a estrutura geral do sistema, como menus, auten]cação e integração com a interface gráfica (theme do Drupal). Também se destaca por ter a funcionalidade de
gerenciamento do perfil do usuário, em que um perfil se caracteriza pelo conjunto de autorizações concedidas a um usuário.
comunidades permite a criação e o gerenciamento de comunidades da plataforma.
Comunidades são redes de relacionamento quaisquer, como disciplinas, grupos de trabalho e temas de interesse. Entre as funcionalidades do módulo estão: criação e edição e configuração da comunidade.
contatos permite a listagem, procura, inserção e remoção de contatos da lista de contatos de um usuário ou de uma comunidade. Contatos são pessoas de alguma forma relacionadas com um usuário. Este módulo tem por obje]vo gerenciar a lista de contatos para facilitar a troca rápida de informações, como por exemplo novas mensagens e novos documentos.
debates plural permite edição e visualização de postagens/comentários na área “debates” da plataforma. Os comentários são específicos para uma determinada postagem. No caso de uma postagem de debates ela pertence a uma comunidade e é criada por qualquer par]cipante desta. Para comentar uma postagem o usuário deve ser par]cipante de tal comunidade.
documentos permite o carregamento, remoção e visualização de documentos na área
“documentos” da plataforma. Esses documentos são arquivos (textos, planilhas e imagens) carregados por usuários no sistema e compar]lhado para outros usuários. A área dedicada a documentos existe tanto no espaço de usuário como no espaço da comunidade. Este módulo realiza uma série de controles e
par]cularidades referentes a permissões de usuários.
blog plural possui o mesmo funcionamento do módulo próprio “debates plural”, permi]ndo edição e visualização de postagens/comentários na área “blog” da plataforma. Os comentários são específicos para uma determinada postagem, o que difere em relação ao módulo “debates plural” é que no caso do “blog plural” este é feito para o espaço de usuários, e não de comunidades. Para comentar uma postagem na área “blog” de outro usuário, basta estar logado na plataforma.
recados permite envio e visualização de itens na área “recados” da plataforma. As postagens de recados são mensagens de texto deixadas por outras pessoas da plataforma, sejam elas contatos do usuário ou não.
Quadro 31 – Módulos próprios do protó]po
A hierarquia de comunicação entre os módulos próprios é apresentada a seguir pela Figura 19.
Figura 19 – Hierarquia dos módulos próprios Fonte: Elaborada pelo autor
6.2.2 Criação das interfaces gráficas
As interfaces gráficas são moldadas segundo as necessidades iden]ficadas no levantamento de campo. São considerados conceitos de Web 2.0, usabilidade e acessibilidade.
A concepção de seus componentes visuais e a sequência de passos visam a uma interação amigável entre o computador e o ser humano, além de reduzirem a complexidade cogni]va. O design u]lizado na estruturação e apresentação do conteúdo também facilita o processo de geração de conhecimento.
Pelo fato de o protó]po da plataforma estar baseado em uma rede social e suas comunidades, sua estrutura de navegação é predominante em rede, de forma que cada “nó” da estrutura é composto por indivíduos ou usuários.
Quando o usuário efetua login e acessa a página inicial do protó]po da plataforma, ele visualiza as principais informações relacionadas ao seu perfil, seus contatos e úl]mos
eventos ocorridos durante sua ausência (monitor de eventos).
Na tela inicial do usuário está disponível um menu principal que permite acesso às demais áreas do protó]po da plataforma, mantendo um pensamento associa]vo e de livre fluxo de ideias, permi]ndo que a navegação siga conforme seus interesses, como mostrado na Figura 20.
Figura 20 – Estrutura de navegação da plataforma Fonte: Elaborada pelo autor
Para execução do projeto gráfico são u]lizados critérios preestabelecidos nos
wireframes, definidos na etapa de concepção da plataforma, e respeitados os requisitos
listados abaixo:
● atender aos princípios de usabilidade; ● manter a iden]dade visual do PPEGC/UFSC; ● facilitar a u]lização e manutenção da plataforma; ● possuir aspecto visual agradável;
● possuir linguagem gráfica que atenda às necessidades do público-‐alvo.
Além disso, são consideradas as principais recomendações per]nentes à disposição de informações em leiautes, janelas de diálogos e mensagens, destacando-‐se:
● alinhamento de elementos;
● definição de focos de atenção, agrupando elementos inter-‐relacionados e colocando em evidência os mais importantes;
● distribuição de elementos da esquerda para a direita em função da frequência de acesso e importância cronológica das tarefas, separando grupos com espaços em branco;
● distribuição de elementos de forma balanceada;
● consistência entre as organizações das diferentes telas da interface gráfica;
● elaboração de fundos de telas e janelas de diálogos com cores neutras para garan]r um contraste adequado com o texto e rótulos em primeiro plano, prevalecendo assim a sua legibilidade.
Como resultado desta etapa, apresenta-‐se o seguinte projeto gráfico:
Figura 21 – Tela “login” do protótipo da plataforma Fonte: Elaborada pelo autor
Figura 22 – Tela "meu espaço" do protótipo da plataforma Fonte: Elaborada pelo autor
Figura 23 – Tela "lista de comunidades" do protótipo da plataforma Fonte: Elaborada pelo autor
Figura 24 – Tela "espaço da comunidade" do protótipo da plataforma Fonte: Elaborada pelo autor
Figura 25 – Tela "lista de contatos" do protótipo da plataforma Fonte: Elaborada pelo autor
Figura 26 – Tela "debates" do protótipo da plataforma Fonte: Elaborada pelo autor
Figura 27 – Tela "documentos" do protótipo da plataforma Fonte: Elaborada pelo autor
Figura 28 – Tela "recados" do protótipo da plataforma Fonte: Elaborada pelo autor