Você está na página 1de 87

Introduo ao JOOMLA!

no projeto de portais Web


Ricardo de Oliveira Duarte e Andr Luiz Peron Martins Lanna
DECOM - ICEB UFOP
24 de Outubro de 2007

Agenda do Mini-curso
Sistemas de Gerenciamento de Contedo - CMS O que o Joomla? Portais desenvolvidos com o Joomla. Vantagens e Limitaes. Vises do Joomla. Definio e tipos de usurios do Joomla. Arquitetura do Joomla. Conceito de Extenses e Templates. Organizao de Contedo. Projeto de Portais com Joomla. Desenvolvimento de Extenses e Templates. Referncias Sesso Hands-on (tratar de instalaes, criaes de portais WEB e configuraes de extenses).

19 de outubro de 2007

Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP

Sistemas de Gerenciamento de Contedo - CMS


CMS - Content Management System Tipo de sistema que permite a criao de portais WEB organizados na forma de um Banco de Dados. CMS podem ser Open Source ou proprietrios (fee based). CMS podem ser Genricos ou para propsitos Especficos.

19 de outubro de 2007

Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP

Metfora: Imprensa (escrita) versus CMS


Reprteres (muitos) Escrevem reportagens Editores (poucos) Decidem o que ser publicado Diagramador Organiza as sesses do jornal
19 de outubro de 2007

Autores (Authors) Escrevem contedos Publicadores (Publishers) Autorizam a publicao Administrador (Administrator)
4

Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP

Vantagens no uso de um CMS


Modificaes e adpataes na criao e manuteno de portais podem ser feitas muito rapidamente. Filosofia de manuteno de contedo: Multiple content creators Interoperabilidade atravs de vrios menus. Curva de aprendizado: rpida e com pouco esforo. Para criao e manuteno necessita de nenhum outro tipo de software ou plug-in, basta um navegador. Funciona de qualquer computador com SO Windows, Linux ou qualquer outro com uma interface X-Windows. Pginas WEB podem ser simples ou to complexas quanto o projetista desejar.
19 de outubro de 2007 Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP 5

Algumas desvantagens dos CMS


No possuem corretor de textos (contedo) Uma vez publicado um contedo se torna pblico. No possvel se fazer uma cpia local do portal projetado. Backup somente no servidor. Projetado para mltiplos usurios e administradores.

19 de outubro de 2007

Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP

Principais Sistemas de Gerenciamento de Contedo


Joomla! Mambo Plone Moodle TYPO3 Xoops Drupal CPG-Nuke Wiki

http://www.mitsubishi-motors.com.ve/cms/
7

19 de outubro de 2007

Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP

Principais Sistemas de Gerenciamento de Contedo


Joomla! Mambo Plone Moodle TYPO3 Xoops Drupal CPG-Nuke Wiki

19 de outubro de 2007

Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP

Joomla um CMS open source. Joomla foi originado do CMS Mambo. Possu uma estrutura e um conjunto de extenses base para a construo de um portal WEB. Desenvolvido em PHP. Necessita do MySQL como SGBD para o armazenamento da estrutura fsica e dos contedos do portal. Funciona sobre um servidor WEB: MS-IIS (Internet Information Services) ou Apache. Funciona sobre os sistemas operacionais Windows ou Linux. Joomla uma palavra adaptada foneticamente da palavra "Jumla na lngua Swahili para o Ingls. Jumla significa tudo junto" ou como um todo".
19 de outubro de 2007 Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP 9

O que Joomla?

Joomla: passado, presente e futuro


Passado: formalmente conhecido como Mambo. Separao de equipes desenvolvedoras do Mambo e do Joomla. Razes para isso?? Atualmente se apresenta na Verso 1.5 (estvel). Verso 2.0 planejada para 2008. O roadmap do desenvolvimento do Joomla pode ser encontrado em: dev.joomla.org

19 de outubro de 2007

Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP

10

Vantagens de se adotar o CMS Joomla em seus projetos


Livre:
Cdigo fonte, banco de dados (MySQL), WEB server (Apache) todos podem ser baixados e instalados gratuitamente. Entreanto, boa parte das extenses e templates so proprietrias. (mas geralmente baratas)

Fcil de usar:

Fcil de instalar (Fantastico em http://www.westnic.net/support/fantastico/). Configurao rpida tanto para administrao, quanto para desenvolvimento. Interface simples para quem j tem habilidade com o uso de sistemas operacionais com ambientes grficos. (windows like) Componentes Mdulos Plug-ins (Mambots) Templates

Extensvel e Customizvel:

19 de outubro de 2007

Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP

11

Suporte razoavelmente fcil


Forum.joomla.org Help.joomla.org

Vantagens de se adotar o CMS Joomla em seus projetos

Mantm vrias comunidades WEB ativas:

Vrios livros lanados. (verifique no site da amazon) Suporte comercial (pago) tambm disponvel.

Internacionalizado

Atualmente disponvel em um diverso nmero de lnguas. Desenvolvedores e foruns espalhados em vrios pases de lnguas das mais distintas (Espanhol, Alemo, Francs, etc.) Relatos de brechas: ficam por conta dos problemas de segurana do WEB Server. Quanto ao Joomla esse aspecto ainda pouco explorado. Security patches tem sido lanados rapidamente.
Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP 12

Seguro (?)

19 de outubro de 2007

Exemplos de alguns Portais em Joomla Portal da Porsche Brasil


http://www.porsche.com/latin-america-en/

19 de outubro de 2007

Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP

13

http://www.slowfoodbrasil.com/

Outro Exemplo

19 de outubro de 2007

Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP

14

http://www.portalcapoeira.com/

Outro Exemplo

19 de outubro de 2007

Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP

15

Aparncia do Joomla, logo quando instalado

19 de outubro de 2007

Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP

16

Limitaes do Joomla
Pouco controle (documentao) do contedo de cada verso. Controle de acesso com pouca flexibilidade. Ainda restrito ao uso com o MySQL. Limitaes estruturais. Vrios rescursos, porm com algumas limitaes de interao entre recursos. Vrios desenvolvedores, porm ausncia de documentao e padronizao. Documentao de qualidade descentralizada.
19 de outubro de 2007 Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP 17

(o que precisamos aprender para construir portais em Joomla)

Caractersticas do Joomla!

Vises Gerenciamento de Usurios


Criao de Usurios Direitos de Acesso

Extenses Ajustes de Configurao Estruturao de Contedo Workflow


Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP 18

19 de outubro de 2007

Vises do Joomla
Viso: a interface que um usurio tem com um ambiente WEB. No Joomla e nos portais criados com ele temos 2 vises diferentes:
Front-end Back-end

19 de outubro de 2007

Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP

19

Vises do Joomla
Front-end
Viso do usurio (qualquer ser normal). Usurio: editor, publicador, etc...

Backend
Viso do administrador. Viso do projetista.

19 de outubro de 2007

Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP

20

Front-end
Viso do usurio (qualquer pessoa). Usurio: editor, publicador, visitante, etc...

19 de outubro de 2007

Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP

21

Viso do administrador. Viso do projetista.

Back-end

19 de outubro de 2007

Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP

22

Conceito de Usurios no Joomla


Usurio toda a pessoa que interage de alguma forma com o ambiente:
De desenvolvimento de portais Joomla (usurios Back-end); Do prprio portal desenvolvido em Joomla (usurios Front-end).

19 de outubro de 2007

Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP

23

Tipos de Usurios no Joomla


Usurios Nativos do Front-end do Joomla!
Public: todo mundo (s permisso para leitura e navegao) Registered: membros do portal, (s leitura e download) Author: cria contedo, mas no os pode publicar. Editor: edita novos contedos, e os j existentes. Publisher: aprova um contedo para publicao.

Usurios Nativos do Back-end do Joomla!


Manager: gerencia todo o contedo do portal. Administrator: permisso para instalar extenses e criar contas. Super Administrator: o todo poderoso
19 de outubro de 2007 Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP 24

Estrutura Interna do Joomla!

Camada de Extenses (Funcionalidades) Camada de Aplicaes (Front-End e o Back-End) Camada do Framework (mquina)
19 de outubro de 2007 Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP 25

Arquitetura do Portal
(viso do usurio Front-end)

Template ou skin (pele) Mdulos Menus Contedos

19 de outubro de 2007

Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP

26

Template, Mdulos, Menus e Contedos

19 de outubro de 2007

Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP

27

Arquitetura do Portal
(viso do usurio Front-end)

Template ou skin (pele) Mdulos Menus Contedos


EXTENSES

19 de outubro de 2007

Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP

28

Arquitetura do Portal
(viso do usurio Front-end)

Template

Template um tipo de Extenso do Joomla. Templates controlam a aparncia do seu portal. A configurao de um template pode ser muito simples ou extremamente complicada (javascript, flash, etc.) Geralmente bons templates adotam CSS. Facilidade muito grande de se mudar a aparncia do portal de um template para outro.
19 de outubro de 2007 Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP 29

Arquitetura do Portal
(viso do usurio Front-end)

Template

Existem uma variedade muito grande de templates para Joomla. Templates podem ser: Baixados e instalados gratuitamente. (vide referncias) Comprados. Desenvolvidos (vide referncias) Existem templates para: Front-end Back-end

19 de outubro de 2007

Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP

30

Exemplo de alguns Templates

19 de outubro de 2007

Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP

31

Arquitetura do Portal
(viso do usurio Front-end)

Template

Um template composto por regies. Em cada regio voc poder configurar para exibir contedo, menus ou funcionalidades (mdulos). Regies nativas do Joomla mais comuns de serem encontradas na maioria dos templates: Esquerda; Direita; Topo; Rodap; User1, User2, etc...
19 de outubro de 2007 Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP 32

Regies dos Templates

19 de outubro de 2007

Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP

33

Arquitetura do Portal
(viso do usurio Front-end)

Template ou skin (pele) Mdulos Menus Contedos


EXTENSES

19 de outubro de 2007

Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP

34

Arquitetura do Portal
(viso do usurio Front-end)

Mdulos

Mdulo um tipo de Extenso do Joomla. Mdulos so programas em PHP ou HTML que fornecem alguma funcionalidade especfica ao portal. Mdulos podem acessar ou no o banco de dados (cdigo esttico ou dinmico). Exemplos de mdulos: Um formulrio de login. Um quadro de enquetes, uma ferramenta de busca por palavras chave dentro do site, um gerenciador de menu, etc...

19 de outubro de 2007

Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP

35

Arquitetura do Portal
(viso do usurio Front-end)

Mdulos

Mdulos podem, a princpio, ser dispostos em qualquer regio do template. De modo geral, mdulos so comumente posicionados nas seguintes regies do template: esquerda, direita, topo, rodap, user1. Mais de um mdulo pode ser alocado para a mesma regio de um template.
Os mdulos se ajustaro conforme a configurao da regio do template.

19 de outubro de 2007

Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP

36

Exemplo de alguns Mdulos

Mdulo login

Mdulo newsfeeds

Mdulo mainmenu

19 de outubro de 2007

Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP

37

Arquitetura do Portal Mdulos dispostos em um Template


(viso do usurio Front-end)

Mdulo Search

Main Menu

19 de outubro de 2007

Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP

38

Arquitetura do Portal
(viso do usurio Front-end)

Mdulos

Devem ser instalados pelo Back-end. Mdulos podem ser configurados pelo Back-End.
(Menu managerSite Modulesclicking on the module)

Cada mdulo tem seus prprios parmetros de configurao. Cada menu do portal gerenciado por um mdulo. Podem ser desenvolvidos, comprados, ou baixados gratuitamente em alguns casos.
19 de outubro de 2007 Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP 39

Arquitetura do Portal
(viso do usurio Front-end)

Template ou skin (pele) Mdulos Menus Contedos


EXTENSES

19 de outubro de 2007

Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP

40

Arquitetura do Portal
(viso do usurio Front-end)

Menus

Menu um objeto dentro do Joomla onde voc pode colocar contedo. Menus so gerenciados por mdulos especficos. Menus so compostos por itens. Joomla traz consigo quatro tipos de menus nativos:
MainMenu TopMenu UserMenu OtherMenu

Joomla permite que voc crie novos menus, grupados conforme seu gosto (somente atravs do Back-end).
19 de outubro de 2007 Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP 41

Exemplo de alguns Menus (viso Front-end)

19 de outubro de 2007

Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP

42

Arquitetura do Portal
(viso do usurio Front-end)

Template ou skin (pele) Mdulos Menus Contedos


EXTENSES

19 de outubro de 2007

Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP

43

Arquitetura do Portal
(viso do usurio Front-end)

Contedo estticos

Contedos

Contedos dinmicos

VEREMOS COMO SO ORGANIZADOS CONTEDOS NO JOOMLA MAIS PARA FRENTE NESSE MINI-CURSO
19 de outubro de 2007 Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP 44

Arquitetura do Joomla
(viso do desenvolvedor e do administrador Back-end)

Menus Extenses
Templates Componentes Mdulos Mambots (Plugins)

19 de outubro de 2007

Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP

45

Menus (Back-end)
Acesso permitido s como manager ou como administrator Atravs do gerenciador de menus (Menu Manager) voc observar quatro tipos de menu: mainmenu, topmenu, usermenu, othermenu. Com o gerenciador de menus (Menu Manager) voc poder:
Posicionar os menus nos templates. Mudar a aparncia do menu (atravs de folha de estilo CSS) Incluir ou no sub-menus e determinar a forma com sero exibidos. Especificar se o ttulo do menu dever ou no exibido.

Para criar novos itens em um menu qualquer criado, voc tem que fazer atravs do prprio menu onde se deseja criar um novo item ou sub-item.

19 de outubro de 2007

Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP

46

Extenses no Joomla!
Instalveis pelo Back-end partir de pacotes contidos em arquivos .zip Cada extenso deve conter um xml contendo detalhes sobre a instalao. Existem:
Extenses Livres Extenses Pagas

19 de outubro de 2007

Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP

47

Local de onde parte todas as Instalaes de Extenses

19 de outubro de 2007

Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP

48

Tipos de Extenses do Joomla!


Templates: controlam a aparncia do portal a desenvolver (front-end) do ambiente de back-end. Componentes: so extenses que agregam funcionalidades especficas para o portal com caractersticas de administrao e gerenciamento pelo back-end. Mdulos: so extenses que podem ser configuradas via back-end e podem se tornar visveis via front-end. Mambots ou Plug-ins.
19 de outubro de 2007 Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP 49

Componentes Nativos do Joomla!


Banners Contacts Mass Mail News Feeds Polls Syndicate Web Links cria e mostra banners cria listas de contatos do site cria listas de mails leitor de RSS cria enquetes publicador de RSS cria WEB links

19 de outubro de 2007

Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP

50

Aproximadamente 1300 componentes disponveis em http://extensions.joomla.org/


Admin Tools Banner Ads Calendars Communication Content & News Documentation e-Commerce Forms Gallery & Multimedia Intranet & Groupware Languages Search & Indexing Tools WYSIWYG Editors

Componentes

Faa o download e instale-o via Back-end.


19 de outubro de 2007 Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP 51

Exemplos de Alguns Componentes que no so nativos do Joomla!


DocMan Joomap JoomlaXplorer PollXt zOOm media eWeather Document library Site map File browser Improved polls photo library live weather from The Weather Channel
52

19 de outubro de 2007

Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP

Exemplos de Componentes no nativos ao Joomla!

JEvents - Calendrio
19 de outubro de 2007

UHP2 Editor de Pginas WEB para Usurios


53

Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP

Exemplos de Componentes no nativos ao Joomla!

Notcias

Forum de discusso (Joomlaboard-Forum)


54

19 de outubro de 2007

Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP

Exemplos de Componentes no nativos ao Joomla!

DOCMan: Gerenciador de Documentos


19 de outubro de 2007 Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP 55

Extenso: Mdulo
Funcionalidades implementadas (geralmente programas em PHP) que ficam visveis em reas pr definidas pelo desenvolvedor no template do front-end. Mdulos podem ser em HTML or PHP acessando ou no o banco de dados (cdigo esttico ou dinmico). Devem ser instalados pelo back-end. Podem ser desenvovidos, comprados, ou baixados gratuitamente em alguns casos.
19 de outubro de 2007 Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP 56

Exemplo de alguns Mdulos

Mdulo login

Mdulo newsfeeds

Mdulo mainmenu

19 de outubro de 2007

Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP

57

Extenso: Plug-ins (Mambots)


Cdigos ou trechos de cdigos responsveis por determinar o modo de exibio de dados provenientes do BD em um artigo ou contedo. Normalmente trabalham em conjunto com os componentes. Podem ser desenvovidos, comprados, ou baixados gratuitamente em alguns casos.

19 de outubro de 2007

Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP

58

Exemplo de alguns Mambots


TinyMCE WYSIWYG Editor: Editores Mos Image: permite inserir imagens em artigos. MOS Rating: controla a exibio de um resultado de uma enquete. Search Content: permite fazer pesquisas de palavra chave nos contedos. Etc...

19 de outubro de 2007

Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP

59

Contedos so organizados em Sees, Categorias e Itens de Contedo. Sees so organizadas em Categorias. Categorias possuem um ou mais Itens de Contedo. Seu contedo publicado atravs de um item de menu. Assim, o projetista do portal que decide se vai ser exibido:
Uma seo com todas as suas categorias; Uma categoria com todos os seus itens de contedo; Um item de contedo.

Organizao de Contedo

A relao entre Sees, Categorias e Itens de Contedo simples mas rgida. Ou seja, um item de contedo no pode pertencer a mais de uma Categoria; ou uma categoria no pode pertencer a mais de uma Seo! Voc pode criar novos contedos atravs do Gerenciador de Contedos no Back-end. Apesar de poder criar novos contedos e poder public-los, os mesmos s aparecero no portal se houver um item de menu para exibi-lo, caso contrrio, voc dever criar um link de menu para o novo contedo via back-end.
19 de outubro de 2007 Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP

60

Sees, Categorias e Contedos


Sees
Nvel de grupamento de contedo mais alto na hierarquia de organizao de contedo.

Categorias
Subgrupo de sees (nvel intermedirio).

Itens de Contedo
Nvel mais baixo da hierarquia de organizao de contedo.
19 de outubro de 2007 Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP 61

Joomla: Contedo
Existem dois tipos de contedos:
Estticos: Pginas Estticas Dinmicos: Atravs do uso de Componentes

Pginas esttica so pginas de contedo que no pertencem a Sees nem a Categorias. Pginas estticas tambm precisam estar associadas a itens de menu para serem exibidas. Contedo Dinmicos so os Itens de Contedo. Componentes so aplicaes que permitem interatividade do contedo gerado pelo usurio com o portal. Chamadas para componentes tambm precisam estar associadas a itens de menu para serem exibidos.
19 de outubro de 2007 Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP

62

Conseqncias de um Contedo mal projetado


Dificuldade de acesso por parte dos usurios. Desorganizao. Descontentamentos e abandonos. Poluio no Banco de Dados. Retrabalhos.

19 de outubro de 2007

Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP

63

Projeto de Portais usando Joomla (minha receita)


Ingredientes:
Joomla instalado e funcionando em uma mquina (regio do HD) para testes (seu playground ). Uma ferramenta para organizar a documentao do seu portal (Ex.: ferramenta de mapeamento de diagramas em rvore). Uma outra ferramenta para controlar a gerncia do projeto. (Vo aparecer muitas modificaes, observaes e nossa cabea no guarda tudo o que se tem que fazer e muito menos como se deve fazer).

Modo de fazer:
...
19 de outubro de 2007 Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP 64

1. Defina e documente o objetivo do portal usando a sua ferramenta de documentao escolhida. 2. Definio e documentao da organizao:
Definido os Usurios:
Quem usar o portal? Quem vai poder fazer o qu? Quem vai ter acesso e a o qu? Classificao dos usurios do portal conforme os tipos de usurio do Joomla.

Projeto de Portais com Joomla (Minha receita. Modo de fazer:)

Planejando o Contedo:

Definindo as Funcionalidades:

Quais os tipos de contedo que o portal disponibilizar? Qual contedo ser pblico e qual ser privado? Organizar contedos de forma hierrquica (sees, categoriais, itens de cont.) Classifique contedos para cada tipo de usurio previsto para usar o portal. Quais aes o portal dever disponibilizar para cada tipo de usurio? Qual a interao de cada ao com os contedos do portal?
Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP 65

19 de outubro de 2007

Projeto de Portais com Joomla (Minha receita. Modo de fazer:)


Com o Joomla instalado e funcionando em uma mquina para testes (seu playground ), comece por instalar e/ou modificar um template de acordo com os objetivos do seu portal. 4. Em seguida, instale todos os componentes, mdulos e mambots, no nativos ao Joomla, cuja funcionalidade voc definiu como essencial para a construo do seu projeto. 5. Configure as extenses conforme o seu projeto. 6. Crie um usurio de cada tipo definido em 2 para testes. Configure-os de maneira adequada. 7. Depois monte a estrutura de contedos conforme definido em 2. 8. Monte as estruturas de Menus (o que vai ser exibido contedo e funcionalidadese em qual menu, e para quem). 9. Preencha as estruturas com alguns contedos atravs do back-end. 10. Faa testes com todos os usurios do portal via front-end, se ainda no ficou como voc esperava, volte a reconfigurar as extenses ou as permisses de acordo.
19 de outubro de 2007 Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP 66

3.

Projeto de Portais com Joomla (Minha receita. Modo de fazer:)


Observaes importantes:
Mesmo durante o desenvolvimento, no se esquea de cuidar dos aspectos de segurana:
Pastas ou diretrios com mscara 755. Arquivos (contedos) com mscara 644. Senha de superadministrator. Senha do SGDB (Phpmyadmin) diferente do back-end. Senha para FTP ou SSH diferente das outras duas. Seguir passos de configurao de segurana do Joomla. Uma boa ferramenta de backup para o Joomla e para a base de dados, uma vez terminada a fase de projeto. Estar sempre atento para atualizaes e patches de segurana.
19 de outubro de 2007 Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP 67

Comeando por um Exemplo


Objetivo do portal:
Informar ao pblico em geral as atividades desempenhadas no departamento, sua infra-estrutura, seu pessoal, suas notcias e seu histrico; Permitir que o professor tenha autonomia para modificar suas informaes pessoais e publiquem contedo e sirva como ponto de interao e troca de informaes com outros professores; Permitir que o aluno tenha autonomia para modificar seus dados cadastrais (do portal), visualize os contedos de interesse a sua vida acadmica e faa download de materiais de aulas. Permitir que o funcionrio tenha autonomia para modificar seus dados cadastrais (do portal), visualize os contedos de interesse a execuo de sua funo, edite arquivos existentes e crie arquivos administrativos.
19 de outubro de 2007 Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP 68

Partindo para a Organizao: Exemplo de usurios


Professores:
Tero uma conta para acesso restrito ao portal. Podero alterar seus dados cadastrais: (nome, endereo, telefone, email, etc.). Podero editar contedos existentes e publicar novos contedos na hierarquia de contedo definida (tipo publisher). Podero votar em enquetes, participar de forums existentes, fazer chat, publicar notcias ou comunicados, fazer upload e download de material, editar e criar pginas WEB.

Alunos:

Tero uma conta para acesso restrito ao portal. Podero alterar seus dados cadastrais: (nome, matrcula, turma e email). Podero visualizar certos contedos publicados que lhes forem permitidos e fazer download desses contedos. (tipo registered).

Funcionrios:

Pblico:

Acessar o contedo da rea no restrita do portal: informaes sobre o departamento, sobre o curso, pessoas do departamento, comunicados e notcias e infra-estrutura.

Tero uma conta para acesso restrito ao portal. Podero alterar seus dados cadastrais: (nome, matrcula, turma e email). Podero editar certos contedos existentes e publicar novos contedos na hierarquia de contedo definida (tipo publisher).

Superadminsistrator:

Administrador:

Responsvel por gerenciar as funcionalidades (criao de foruns, enquetes, etc.) Responsvel pela configurao das permisses; Responsvel por criar contas; Responsvel pela segurana.

Responsvel pelas configuraes do frontend e do back-end; Responsvel acima do administrator. Responsvel por colocar e tirar o portal do ar.

19 de outubro de 2007

Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP

69

Exemplo de funcionalidades
Boletim de Notcias Forum de Discusses Calendrio Agenda Gerenciador de Enquetes Gerenciador de Arquivos Gerenciador de WEB-Links Gerador de Mapa do Site Gerenciador de Perfis Individuais
Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP 70

19 de outubro de 2007

Exemplos de Contedo
Plano de ensino da disciplina. Uma lista de exerccios. Esse conjunto de slides. Uma figura, uma foto, um arquivo multimdia. Um texto. Uma pgina WEB. O resultado de uma votao. Etc...
Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP 71

19 de outubro de 2007

Exemplo de aes envolvendo contedos


Exibir Notcias Publicar Notcias Forum de Discusses Criar um Evento em uma Agenda (Calendrio) Participar de uma enquete Fazer Upload de Arquivo Criar pgina WEB Editar seu perfil

19 de outubro de 2007

Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP

72

Questes analisar durante o desenvolvimento


Necessidade de Criao de grupos de usurios? Restrio de exibio de contedo especfico para cada usurio? Organizao de pginas e documentos em categorias e subcategorias especficas? Necessidade de restringir acesso a modificao pelos proprietrios (criador) do documentos?

19 de outubro de 2007

Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP

73

Criao de Grupos de usurios


Menus especficos? Separao de agendas de eventos para cada grupo? Exibio de contedo diferenciada para grupos/usurios diferentes? Para tal: utilizar componentes tais como DocMan e JACLPlus.
19 de outubro de 2007 Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP 74

Possveis Grupos
Professores Funcionrios Alunos Assemblia Colegiado n grupos alunosCICXXX m grupos alunosCICXXXturmaYY

19 de outubro de 2007

Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP

75

Qual Periodicidade de manuteno/criao?


Sob demanda Uma vez por semestre (aps a distribuio de encargos didticos)

Como realizar manuteno?


Automaticamente Atravs de um manager

19 de outubro de 2007

Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP

76

DOCMan

Provisria seo de Downloads criada com o docman

19 de outubro de 2007

Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP

77

Possveis Sesses:

Organizao de contedos dinmicos (pginas e arquivos)

Bacharelado em CC. Outros cursos.

Possveis Categorias:
Disciplinas; Atas de Reunies; Monografias; Artigos; Documentos para Discusses; Normativas.

Possveis Subcategorias para Disciplinas:


CIC282 (Subcategoria: Administrativos, Material de Aula, Material Complementar.
19 de outubro de 2007 Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP 78

Organizao de pginas e documentos


Possveis subcategorias para Documentos para Discusses:
Administrativos, Ensino, Pesquisa, Extenso

Possveis subcategorias para normativas:


Resolues, Estatuto e Regimento, Calendrios.

19 de outubro de 2007

Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP

79

Proprietrios de documentos
Subcategoria CIC282: Professor que ministra a disciplina. Categoria Atas de Reunies: Grupo membros_assembleia. Categoria Monografias: Grupo professores. Categoria Artigos, Documentos para Discusses e Normativas: Grupo professores

19 de outubro de 2007

Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP

80

Dificuldades a saber...
Padro do Joomla: usurio s pode ser de um tipo. Usurio s pode pertencer a um grupo. Limitaes quanto ao gerenciamento de grupos.
Existe o Community Builder; Limitaes aparecem quando se usa o componente nativo Contacts. Surge necessidade de um componente adicional JACLPlus.

Falta de interao entre certos componentes. Necessidade de Adaptao de Componentes. Necessidade de novas Extenses. Estrutura de Sees/Categorias/Itens de Contedo

Estrutura rgida. Ou seja, um item de contedo no pode pertencer a mais de uma Categoria; ou uma categoria no pode pertencer a mais de uma Seo!
Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP 81

19 de outubro de 2007

Definindo os Menus
Menu principal:
Geralmente aberto ao pblico. Geralmente contm informaes pblicas.

Menu Top:
No meu entender, deve conter somente aes teis voltadas para o usurio pblico.

Menu User1:
Aes e contedos para o grupo de usurios do tipo 1.

Menu Other:
Funcionalidades especficas.
19 de outubro de 2007 Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP 82

Atribuindo contedos aos Menus


(ou seja definindo os itens do menu)
Todo o contedo que voc quer que seja exibido tem que ser um item do menu.

Pense dessa forma:

Use o que voc definiu no item 2 da receita para criar os itens de menu.
19 de outubro de 2007 Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP

83

(ou seja definindo-as como itens do menu)


Pense dessa forma:
Toda a ao que voc quer que o usurio execute tem que ser tambm um item do menu.

Atribuindo Funcionalidades

Use o que voc definiu no item 2 da receita para criar os itens de menu.
19 de outubro de 2007 Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP 84

Possveis Itens de um Menu

19 de outubro de 2007

Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP

85

ltimo SLIDE
Toda receita pode e deve ser modificada. Os temperos adicionais e o refinamento do modo de fazer ficam a gosto do maitre. Novas experincias: escrevam para: Ricardo de Oliveira Duarte rduarte@iceb.ufop.br OBRIGADO pela ATENO.
19 de outubro de 2007 Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP 86

Referncias
Site oficial:

Site para desenvolvedores do Joomla Comunidades Joomla de lngua portuguesa


http://www.joomlabrasil.org/ http://www.joomlaminas.org/ http://www.joomlapt.com/ http://www.joomlaclube.com.br/ http://extensions.joomla.org/ http://forum.joomla.org http://help.joomla.org http://dev.joomla.org

http://www.joomla.org/

Extenses para o Joomla (na sua maioria gratutas) Para os momentos de desespero: (orculos) Tutoriais e livros:

Templates em Joomla:

Building Websites with Joomla! 1.5 Beta 1 Make A Joomla Template In 5 Easy Steps http://www.joomla-templates.com/ http://www.ty2u.com/

19 de outubro de 2007

Introduo ao JOOMLA no projeto de portais Web Prof. Ricardo de O. Duarte DECOM - UFOP

87

Você também pode gostar