Uso do CMS Joomla no desenvolvimento de sites para instituies educacionais: a utilizao no site do Curso de Sistemas de Informao da UFAC

Victor Antunes Vieira, Eider Carlos Paulino Silva, Paulo Sampaio de Lima Jnior Grupo de Informtica para Pesquisa em Computao - Instituto Federal de Educao, Cincia e Tecnologia do Acre (IFAC) - Rio Branco, AC, Brasil / Departamento de Cincia da Computao - Universidade Federal de Minas Gerais (UFMG) - 31270-901, Belo Horizonte, MG, Brasil
victor.vieira@ifac.edu.br, eidercarlos@dcc.ufmg.br, paulo.sampaio88@gmail.com

Abstract. Currently live in a world where information and content available on the web have immeasurable value. Because of this value, intensified research and studies on methods to manipulate the content available on the internet. These enhancements are being used in education through the use of information and communication technologies in building web portals that employ ease, speed, efficiency and organization in publishing content. The purpose of this article is to describe the CMS technology, covering about Joomla and its use in the development of the site for the Course in Information Systems from the Federal University of Acre (UFAC). Resumo. Atualmente vive-se em um mundo onde informaes e contedos disponveis na web possuem um valor imensurvel. Por causa deste valor, intensificaram-se as pesquisas e estudos sobre metodologias para manipular o contedo disponvel na internet. Estes aprimoramentos vem sendo utilizados na rea da educao por meio da utilizao de tecnologias de informao e comunicao na construo de portais web que empregam facilidade, velocidade, eficincia e organizao na publicao de contedos. O objetivo do presente artigo descrever a tecnologia CMS, abordando sobre o Joomla e a sua utilizao no desenvolvimento do site para o Curso de Sistemas de Informao da Universidade Federal do Acre (UFAC). Palavras chave: sites; Joomla; instituies educacionais.

1. Introduo
A organizao, troca e o compartilhamento de informaes na web tm sido essencial para a sobrevivncia e evoluo de muitas empresas, rgos, bem como instituies educacionais. No entanto, nem sempre foi possvel ter qualidade em relao manipulao de informaes na internet, pois ao analisar um pouco do histrico da web percebemos a dificuldade na publicao de contedo em pginas HTML estticas, exigindo o trabalho de um programador web, juntamente com o responsvel pelo contedo a ser publicado para fazer as alteraes manualmente, e sempre que necessrio. Logo, esse tipo de tarefa gerava (e ainda gera, quando necessita-se realiz-la) um gasto de tempo considervel, responsvel por afetar diretamente na velocidade e eficincia da organizao e distribuio do contedo a ser disponibilizado (PEREIRA & BAX, 2002). Depois do surgimento das linguagens de programao para a web, diversos servios automatizados comearam a ser oferecidos. No entanto, ainda havia problemas de organizao do contedo, prejudicando tanto a quem procurava informaes como aqueles que as disponibilizavam. Assim, a publicao de contedo em grande quantidade e com textos, sons, vdeos e imagens de forma que qualquer um pudesse encontrar aquilo que

procurava e, alm disso, permitir ao responsvel pelo contedo organizar e manter essas informaes sempre atualizadas de forma rpida, fcil e eficiente ainda era uma tarefa complexa, pois bastante esforo e experincia de programadores seriam necessrios para conseguir criar um site com tais caractersticas (PEREIRA & BAX, 2002; BRCIA, 2008). Com a inteno de resolver diversos problemas encontrados no gerenciamento de contedos na web, dentre os quais, alguns citados acima, surgiram ento os Sistemas de Gerenciamento de Contedo (CMSs Content Management Systems), que facilitam no s o trabalho de desenvolvedores web, fornecendo mais eficincia e velocidade na publicao e atualizao de contedo, mas tambm melhoram a busca e o acesso ao contedo que produzido pelas organizaes e instituies e consumido pelos usurios. Este artigo aborda de forma mais especfica o CMS Joomla, a utilizao na produo de web sites voltados para o contexto educacional e sua colaborao no processo de ensino/aprendizagem. Ainda apresentado um estudo de caso, onde utilizou-se Joomla no desenvolvimento do site do curso de Sistemas de Informao da UFAC.

2. Content Management Systems

Os CMSs tratam-se de plataformas para gesto de contedos, ou seja, so softwares compostos pela integrao de todos os componentes necessrios para o desenvolvimento de um site dinmico e interativo. Segundo (RAHMEL, 2010), CMSs tambm so uma forma de automatizar o processo de desenvolvimento e (depois de prontos) o gerenciamento de sites, pois permitem maior facilidade na publicao e atualizao de contedo, tudo isso em tempo real, sem exigir que os responsveis conheam programao. Segundo (POWEL & GILL, 2003), os CMSs proporcionam diversos benefcios para uma organizao. Dentre eles, destacam-se a seguir os principais: Simplificar e automatizar a administrao de contedo: Com o gerenciamento automatizado de contedo, o uso de CMSs reduziu o gasto de tempo e esforo (RAHMEL, 2010); Gerenciamento de contedo distribudo e controle: Os CMSs permitem a distribuio das responsabilidades de gerenciamento de contedo entre vrios indivduos dentro de uma organizao (BRCIA, 2008); Reutilizao de contedo: Ao criar objetos como templates, grficos, imagens ou qualquer outro tipo de contedo, eles podem ento ser reutilizados em qualquer outra parte do site e sempre que necessrio (POWEL & GILL, 2003); Construo de controles de acesso ao contedo: Os gerenciadores podem criar regras para definir quem pode acessar os diferentes tipos de informaes e quais tipos de acesso cada indivduo tem (RAHMEL, 2010). Dentre as qualidades apresentadas acima, a atualizao e organizao de contedo somando com a possibilidade de compartilhar tarefas entre vrios indivduos para o gerenciamento de um sistema web em tempo hbil so fatores essenciais e desejveis em sistemas e portais para finalidades educacionais. Por isso, afirma-se que as vantagens do uso de CMSs para o desenvolvimento deste tipo de sistema superam os mtodos tradicionais.

3. O CMS na educao
Ao longo do tempo os web sites evoluram no nvel de layout das pginas, na estruturao da informao e integrao de ferramentas de comunicao e edio colaborativa online. Essa evoluo fez com que as instituies adotassem tticas de gesto da informao e dos contedos produzidos (COELHO et al., 2011). Os mecanismos necessrios para que as tticas funcionem corretamente esto diretamente ligados aos portais, sites mais dinmicos

onde se encontra uma srie de funcionalidades especficas variando de acordo com as necessidades de cada organizao educacional. Os CMSs, alm da questo esttica e visual que facilitam, so adaptveis de maneira a permitir o desenvolvimento de extenses capazes de expandir suas funcionalidades (RAHMEL, 2010). Segundo (BATISTA, 2007), cada CMS possui um foco no especfico. O WordPress, por exemplo, voltado para a questo do layout e padres visuais, sendo perfeitamente utilizvel em blogs e sites de publicao de contedo. O Joomla, por sua vez, trabalha melhor as funcionalidades, permitindo o desenvolvimento de portais, sejam educacionais, de notcias ou esportes, de maneira facilitada. Os portais, segundo (SOUZA, 2008), foram criados com o objetivo de fornecer aos usurios um suporte para sua navegao e reunir num mesmo site tudo que poderia ser importante. Com um portal desenvolvido com base na plataforma Joomla, possvel atender aos requisitos funcionais de determinada instituio de ensino atravs do desenvolvimento de extenses e trabalhar a publicao de contedo de forma facilitada. Para docentes, a utilizao de tecnologia CMS no processo de divulgao de material didtico e informaes sobre disciplinas, por exemplo, torna todo o contexto mais simples. Para discentes, o acesso a qualquer tipo de informao relacionada ao contexto educacional passaria a ocorrer em um nico lugar, dando autenticidade ao contedo publicado no site. Alm disso, os processos administrativos podem ser tratados de maneira online e centralizada, beneficiando diretorias educacionais (VIEIRA & JUNIOR, 2011).

4. Estudo de caso: o site do curso de Sistemas de Informao da UFAC

Para o desenvolvimento do site do curso de Sistemas de Informao da UFAC, foram utilizados os recursos fornecidos pelo CMS Joomla. No entanto, antes de chegar ao processo de desenvolvimento, foram executadas algumas tarefas importantes, as quais visam o desenvolvimento de um produto final mais confivel e organizado, proporcionando a reduo de esforo e retrabalho. A princpio, realizou-se um levantamento dos requisitos necessrios. Isso ocorreu atravs de reunies com o cliente, na ocasio, o coordenador e representante do curso em questo, das quais foi gerado como resultado o Documento de Requisitos, artefato que traz uma viso geral do sistema, especificando o que o mesmo deve conter, e dos prottipos ou desenhos do site antes do desenvolvimento. Logo aps, o CMS foi instalado e configurado para devido uso, obedecendo-se os requisitos estabelecidos. O processo de levantamento de requisitos envolveu duas etapas: a criao do Documento de Requisitos e o desenvolvimento dos prottipos de baixa e alta fidelidade. A metodologia utilizada para tal foram reunies presenciais com o cliente, onde o mesmo apontava caractersticas e aspectos desejveis que o sistema tivesse. A estrutura do Documento de Requisitos do site do curso de Sistemas de Informao da UFAC contm uma anlise do problema, onde descrito o principal problema identificado, as necessidades bsicas do cliente, onde so descritas quais necessidades bsicas o sistema deve atender, um estudo de viabilidade, que descreve porque o desenvolvimento do sistema vivel, o objetivo geral do software, os limites do sistema, bem como benefcios, restries, atores, requisitos funcionais e requisitos no funcionais do mesmo. Ainda so especificados no Documento de Requisitos os riscos passiveis de ocorrncia durante o desenvolvimento e os requisitos necessrios para o correto funcionamento do sistema. No Quadro 1 so mostrados os requisitos funcionais do sistema no documento, que apresenta as funcionalidades e necessidades com relao a cada requisito.
ID F1 Funcionalidade O sistema deve permitir a visualizao de notcias na pgina inicial. Necessidades Divulgao das notcias relacionadas ao curso de maneira on-line.

F2 F3 F4 F5

O sistema deve permitir o acesso atravs de login e senha. O sistema deve permitir visualizao do calendrio acadmico na pgina inicial. O sistema deve permitir o upload/download de material didtico. O sistema deve permitir a visualizao de fotos relacionadas ao curso, divididas em galerias. O sistema deve permitir o acesso a informaes gerais sobre o curso. O sistema deve permitir o acesso de usurios a funcionalidade de consulta de monografias, cadastro de atividades complementares e avaliao docente. O sistema deve permitir a visualizao de uma rea especfica de cada professor. O sistema deve permitir administrao completa do site via backend.

Fornecimento de uma identificao e senha para acesso ao sistema. Divulgao das atividades do curso de maneira padro. Tornar possvel o acesso dos interessados ao material utilizado em determinada disciplina. Tornar os eventos e atividades realizadas divulgados e visveis pela comunidade de usurios. Divulgar o curso perante a comunidade. Possibilitar o trabalho de processos realizados na coordenao do curso atravs do site.

F6 F7

F8 F9

Possibilitar a interao professores atravs do site.

entre

alunos

Facilitar a gesto de publicao de contedo e do prprio site.

Quadro 1 - Requisitos funcionais do site.

Na prototipao do site, foi utilizada, inicialmente, a metodologia de prototipao de baixa fidelidade, ou descartvel, com o objetivo de ter uma viso inicial e geral do sistema. Os primeiros prottipos foram desenhados mo, resultado das reunies realizadas com o cliente, visando apenas definir a localizao de menus, mdulos e componentes na pgina. Para uma prototipao mais precisa do site, visando gerar um artefato capaz de auxiliar no desenvolvimento do mesmo de maneira mais eficaz, utilizou-se o Pencil Project, software livre utilizado para o trabalho com prottipos de baixa fidelidade que oferece uma interface bastante funcional e com vrias opes para personalizao do trabalho. Aps o processo de construo de prottipos de baixa fidelidade, foram desenvolvidos prottipos de alta fidelidade em HTML, com o intuito de se ter modelos mais fiis para o desenvolvimento. A Figura 1 apresenta a pgina inicial do site em prottipo de alta fidelidade.

Figura 1 - Prottipo de alta fidelidade da pgina inicial.

Com os prottipos concludos, foi possvel dar incio ao desenvolvimento do site, seguindo o modelo proposto nos mesmos. Para o desenvolvimento do site, foram utilizadas tecnologias capazes de fornecer a base ou suporte necessrio para o correto funcionamento do mesmo, tais como o Sistema de Gerenciamento de Banco de Dados (SGBD) MySQL, servidor web Apache, HTML (HyperText Markup Language ou Linguagem de Marcao de Hipertexto) e Folhas de Estilo em Cascata (Cascading Style Sheets - CSS). A etapa de desenvolvimento envolveu trs atividades principais. A primeira foi a instalao e configurao do CMS Joomla. A segunda, a instalao e configurao das extenses necessrias para adio de funcionalidades ao site. A terceira e ltima foi a adaptao da interface do site. A verso do CMS Joomla instalada e configurada para o desenvolvimento do site proposto foi a 1.6, disponvel para a comunidade de usurios desde fevereiro de 2011 e descontinuada desde agosto do mesmo ano. A instalao e configurao do CMS em uma mquina local, para incio do desenvolvimento, envolveu a instalao de um servidor local, no caso, o VertrigoServ, software livre que rene o servidor web Apache, o SGBD MySQL e a linguagem de programao PHP, todas essas tecnologias necessrias para o funcionamento do Joomla. O processo de instalao iniciou-se com o download do CMS compactado em formato .zip e extrao do contedo do arquivo de instalao para dentro da pasta do servidor Apache nomeada de "cursosi". Aps esse passo, foi necessrio inicializar o VertrigoServ e acessar via navegador web o endereo <http://localhost/cursosi> para que o processo de instalao do dos arquivos do Joomla realmente comeasse. Durante a instalao se passou pelos seguintes passos: 1: Idioma; 2: Verificao e pr-instalao; 3: Licena; 4: Banco de Dados; 5: Configurao do FTP; 6: Configurao; e 7: Fim. Destaque para os passos 4 e 6, onde, respectivamente, se escolheu o nome do banco de dados a ser criado, definido como "siufac", e preencheu-se o formulrio com configuraes principais do site, como nome do site, metadados, login e senha do administrador e outros. Aps a instalao, foi possvel trabalhar na configurao de algumas caractersticas do site, como a definio dos tipos de usurios, por exemplo. Essas caractersticas foram definidas atravs das reunies onde estabeleceram-se os requisitos e foram desenvolvidos os prottipos base para o desenvolvimento. Para incio da configurao, foi necessrio acessar o backend (ou pgina de administrao) do CMS, existente, no desenvolvimento em questo, no endereo <http://localhost/cursosi/administrator>. A pgina inicial do perfil de administrao do site mostrada na Figura 2.

Figura 2 - Interface inicial do perfil de administrao do site.

A configurao dos nveis de usurios, aps o CMS estar devidamente instalado, ficou definida a partir da diviso em trs principais tipos de usurios: administrador, professor e aluno. O administrador possui acesso ao backend, podendo gerenciar o sistema (site) por completo. O usurio professor possui permisso para acesso a algumas funcionalidades passveis de serem utilizadas atravs do prprio site, tais como publicao de contedo em blog, alterao de dados do seu perfil, upload de arquivos, entre outras. O usurio aluno possui permisso para acesso ao contedo do site, se limitando a trabalhar com apenas duas partes funcionais, sendo essas a avaliao docente e o cadastro de atividades complementares. A configurao dos menus, inicialmente, no envolveu o posicionamento dos menus nos devidos lugares na pgina, atividade que foi realizada posteriormente, durante a configurao da interface. A definio dos menus que a pgina conteria foi estabelecida ainda durante a produo do projeto do sistema. O site apresenta um menu principal, "Main Menu", que contm os itens de menu: a) Home: item de menu responsvel por direcionar o usurio pgina principal; b) Docentes: item de menu que contm os sub-menus "Blog" e "Material Didtico", dizendo respeito aos professores; c) Alunos: item de menu que contm os sub-menus "Grade Curricular" e "Monografias", dizendo respeito grade curricular do curso e consulta de monografias; d) Downloads: item de menu responsvel pelo direcionamento do usurio central de downloads, que envolve material didtico, documentos acadmicos e outros, explicada detalhadamente no decorrer do trabalho; e) Galerias: item de menu que contm os sub-menus "Eventos", "Aulas", "Apresentaes" e "Colao de Grau", dizendo respeito s galerias de fotos, tambm explicadas detalhadamente no decorrer do trabalho; f) Login: item de menu que direciona o usurio ao login no frontend do site. Concludo o processo de configurao do site passou-se instalao e configurao de extenses, responsveis por proporcionar ao site mais funcionalidades. O Quadro 2, abaixo, traz os componentes que foram instalados, mostrando suas funcionalidade e quem os manipula.
Componente Lof ArticlesSlideShow AddThis Phoca Gallery Phoca Download GCalendar Monografias Atividades Complementares Avaliao Docente Funcionalidade Visualizao de notcias na pgina inicial em forma de slideshow Compartilhamento de notcias em redes sociais Visualizao de galeria de fotos Gesto de arquivos Calendrio de atividades Gesto da divulgao de monografias Gesto das atividades complementares do aluno Gesto da avaliao de professores Manipulao Administrador e Professor Todos Administrador Administrador e Professor Administrador Administrador Administrador e Aluno Administrador e Aluno

Quadro 2 - Relao entre componentes, funcionalidades e manipulao.

Terminado o processo de instalao e configurao dos componentes, foi possvel concentrar esforos na adaptao da interface do site. A adaptao da interface envolveu a instalao de um template, a edio nos cdigos CSS e em arquivos para que a mesma ficasse de acordo com os requisitos e personalizada, alm do estabelecimento de posies para os menus e contedo. Aps a pesquisa, definiu-se a utilizao do YouGrids, template robusto e esteticamente correto, para a interface do site. Aps ser instalado, o mesmo pde ser customizado. A customizao do template se resumiu configurao do mesmo, visto que o YouGrids traz uma interface para configurao bastante funcional, e edio de imagens e trechos de cdigo em CSS. O header (cabealho) de todo site em Joomla contm uma imagem, sendo essa inserida dentro da estrutura de pastas do determinado tema. Para o trabalho em questo, foi necessrio o desenvolvimento de uma imagem com o objetivo de estabelecer uma identidade visual ao site. O resultado da imagem que foi produzida mostrado na Figura 3.

Figura 3 - Logo (cabealho) do site.

Terminada a customizao grfica do template, foi possvel definir as posies, na pgina, de cada extenso. A definio do posicionamento dos objetos na pgina foi realizada ainda durante o processo de projeto da interface com o usurio, atravs de prottipos. Portanto, na fase descrita, coube apenas a aplicao das posies aos mdulos e componente. A arquitetura do template utilizado define as posies disponveis dividindo-as, basicamente, em top, header, user, bot, right e left. A estrutura do site, com relao ao posicionamento dos objetos, ficou definida da seguinte maneira: No topo da pgina inicial, tem-se o cabealho, seguido, abaixo, pelo menu principal. Na parte central superior do site, aparece o mdulo do componente de notcias. Abaixo, tem-se, do lado esquerdo inferior, um artigo esttico de boas vindas e, do lado direito inferior, o mdulo do componente de calendrio.

Figura 4 - Pgina Inicial.

Na Figura 4, acima, mostrada a pgina inicial do site do curso, onde pode-se identificar visualmente a diviso espacial de menus e contedo como descrito.

5. Concluso
A exploso de contedos multimdia na internet tm exigido a utilizao de ferramentas cada vez melhores, principalmente em questes de velocidade, facilidade, eficincia e organizao de contedos. A utilizao de CMSs tm sido efetiva, suprindo as necessidades das mais diversas reas que utilizam a internet como principal meio de publicao, divulgao e distribuio de contedos. Tambm tm se aproveitado de tais recursos tecnolgicos como aliados no processo de ensino/aprendizagem em instituies educacionais, promovendo um ensino de qualidade. O objetivo do presente trabalho foi analisar a utilizao de Sistemas de Gerenciamento de Contedo no desenvolvimento de sites para instituies educacionais, tendo como base o site do curso de Sistemas de Informao da UFAC, desenvolvido baseado no CMS Joomla. Foram produzidos, ao final, diversos artefatos que serviram de base para o estudo de desenvolvimento de interfaces com a utilizao de CMS, com destaque para o site do curso entre esses artefatos. Durante o desenvolvimento, as principais dificuldades encontradas foram a busca por componentes compatveis, visto que muitos componentes s estavam disponveis para a verso anterior utilizada, e a configurao de permisses para acesso s funcionalidades por tipos de usurios, que s foi possvel de ser realizada a partir da adoo de metodologia de diviso de usurios por grupos. Como resultado do trabalho, foram expostas vantagens no uso de CMS para desenvolvimento de portais educacionais e obtidas as pginas funcionais do site, o que constitui o portal do estudo de caso do presente trabalho, capaz de auxiliar usurios na publicao de contedo e acesso s informaes, dentre outras funcionalidades.

Referncias
AVELINO, I.; KUWATA, J.; BARRRE, E. (2008). Construo de sites para comunidades virtuais e intranet utilizando CMS. Associao Educacional Dom Bosco. BRCIA, M. R. C. (2008). A utilizao da plataforma joomla na escola. Dissertao de Mestrado. Universidade Catlica Portuguesa Faculdade de Educao e Psicologia. BATISTA, A. L.. Proposta de um sistema para ranqueamento de Sistemas de Gerenciamento de Contedo baseados em anlises comparativas. Universidade Federal de Lavras, 2007. COELHO, M. A. P.; MIRANDA, F. A. de, AZEVEDO, J. C., FETTERMANN, J. V., MEDEIROS, C. H. de S., RIBEIRO, D. C. das C. (2011). O uso do joomla e suas ferramentas hipertextuais na produo de sites educativos. PEREIRA, J. C. L. & BAX, M. P. (2002). Introduo Gesto de Contedos. In: 3 Workshop Brasileiro de Inteligncia Competitiva e Gesto do Conhecimento, 2002, So Paulo. Anais. 1 Congresso Anual da SBGC, 2002. POWEL, W. & GILL C. (2003). Web Content Management Systems in Higher Education. Educause Quaterly. RAHMEL, Dan. Dominando Joomla!: do Iniciante ao Profissional. 2. ed. Rio de Janeiro: Alta Books, 2010. SOUZA, Carlos Henrique Medeiros de & GOMES, Maria Lucia Moreira. Educao e Ciberespao. 1. ed. Braslia: Editora Usina de Letras, 2008. VIEIRA, V. A. & JUNIOR, P. S. de L. (2011). Utilizao do CMS joomla para o desenvolvimento do site do curso de sistemas de informao da Universidade Federal do Acre. Rio Branco: UFAC, Centro de Cincias Exatas e Tecnolgicas; 2011.