Modulo A

Instrutora: Laurimar Gonçalves Vendrusculo

Pesquisadora B - Embrapa Informática Agropecuária

Dezembro de 2008

Introdução ao Sistema Gestor de Conteúdo

Conteúdo

• Parte I – Conceitos básicos

• Parte II - Instalação do Plone• Parte III - Criação de site em Plone

• Parte IV - Criação de usuários e seus respectivos grupos

• Parte V - Criação de conteúdo

• Parte VI - Entendendo o Workflow• Parte VII - Portlets

• Parte VIII - Backup

Parte I – Conceitos Básicos

Sistema de gerenciamento deconteúdos

• Suportam a criação, gerenciamento, distribuição epublicação de conteúdo na Internet.

• O objetivo é permitir que a criação de um site seja feitade forma facilitada, usando ferramentas desde a ediçãodo conteúdo até a publicação.

• Sua funcionalidade pode ser subdividida em:– criação e gerenciamento do conteúdo,– publicação e– apresentação.

Sistema de gerenciamento deconteúdos

• A edição do conteúdo é feita por meio de ferramentas deautoria.

• Usa um repositório (banco de dados) para armazenar asinformações a serem apresentadas em cada página.

• Utiliza mecanismos para aplicação da aparência e layoutdas páginas ao conteúdo de forma automática durante apublicação.

• Facilidade de incorporação de novos recursos.

Sistema de gerenciamento deconteúdos

• Navegação é construída pelo gerenciador de conteúdosque busca a definição da estrutura no repositório deconteúdo.

• Podem ser escritos nas mais diversas linguagens deprogramação que tenham algum tipo de interface com aweb– Java;– Phyton;– Php;– Perl.

Exemplos de gerenciadores

• Gerenciadores desenvolvidos em PHP:– PHP-Nuke;– PostNuke;– Xoops.

• Gerenciador desenvolvido em Java:– OpenCMS.

• Gerenciador desenvolvido em Phyton:– Plone;– GeCon.

O que é o Plone

• É um sistema gerenciador de conteúdo livre e de códigoaberto.

• Tem por objetivo fornecer valor a cada nível de umaorganização.

• Ele possui:– Sistema de Workflow;– Aspectos de Segurança;– Funções pré-configuradas;– Tipos de conteúdo;– Suporte a várias línguas.

Plone

• É escrito em Zope que é uma plataforma de desenvolvimento webutilizado para construção de gerenciadores de conteúdo, portais eaplicações customizadas.

• Zope é escrito em Phyton que é uma linguagem de programação.

• Utiliza o banco de dados orientado a objetos ZODB do Zope. Todo oconjunto de páginas, imagens que um site utiliza, são tratados comoobjetos dentro da plataforma e são armazenados dentro do ZODB.

• Utiliza um servidor web do Zope, denominado Zserver.

• Pode utilizar linguagens de scripting (ZPT e DTML), além de poderutilizar a linguagem Python para lógicas complexas.

Diretrizes para escolha de um CMS

• Tipo de conteúdo: quantidade de conteúdo por página, estrutura ecomplexidade do seu layout.

• Natureza dos autores: quais habilidades e conhecimentos osautores responsáveis pela atualização do conteúdo do site devemter.

• Uso final: em qual contexto o conteúdo será usado e publicado.

• Recursos: se o CMS pode ser usado com pacotes de software livre(servidores e banco de dados) ou apenas com produtos comerciais.

• Suporte: existência de suporte ativo, com fórum ou listas dediscussão.

Diretrizes para escolha de um CMS

• Módulos: existência de módulos necessários para odesenvolvimento do site ou módulos/blocos extrasdisponíveis para download na Internet.

• Software livre com código aberto: para desenvolvimentode novos módulos.

• Template e idioma: versatilidade no desenvolvimento denovos templates e existência de versão traduzida para oidioma desejado.

• Segurança: versões confiáveis para serem colocadasem produção.

Vantagens

• Qualquer usuário com a devida permissão pode desenvolver páginas dequalquer lugar, usando um navegador.

• Vários usuários podem criar e editar conteúdos na Web simultaneamente.

• Páginas são desenvolvidas através da digitação de textos e a atualização dearquivos dentro de templates pré-desenvolvidos do site.

• Consistência de estilo e da estrutura do conteúdo.

• Uso de workflow permite que muitas pessoas trabalhem em diferentes lugaressem que se tenha problemas com a segurança e com padrões de qualidadepré-definidos.

Desvantagens

• Gerenciadores mais complexos não sãoindicados para gerenciar sites mais simples.

• Plone possui um servidor Web próprio, nãopermitindo o uso do Apache, por exemplo

Sumário da Parte I

• O que são sistemas gerenciadores de conteúdo e quais são suascaracterísticas.

• Quais as linguagens usadas para desenvolvimentos degerenciadores.

• Gerenciadores mais utilizados.

• O que é Plone e suas características.

• Critérios para escolha de um Gerenciador de conteúdos.

• Vantagens e Desvantagens.

Parte II – Instalação do Plone

Requisitos

• Sistemas operacionais: windows, linux, MacOS, Unix,Solaris– Obs: no windows 2000 é necessário ter permissões de administrador

• Servidor:– com alta qualidade de hardware, com 1.5 Ghz e 1GB de RAM– Para a instalação básica do Plone é necessário 50 MB de espaço em disco

• Cliente: necessita somente de um navegador que possaacessar o servidor

• Endereço para baixar a última versão:http://plone.org/products/plone

Alguns navegadores

• Internet Explorer 5.5 ou superiores (6.0 ou superioressão recomendados)

• Netscape 7.0 ou superiores• Mozilla 1.0 ou superiores (1.4 ou superiores são

recomendados)• Opera 7.0 ou superiores (7.20 ou superiores são

recomendados)• Konqueror 3.0 ou superiores (Há algumas

inconsistências, mas você terá que conviver com elasaté que atualizem-no conforme as mudanças do códigobase KHTML do Safari)

• Safari 1.1 e superiores

Sites implementados em Plonehttp://plone.net/sites

• Governo Brasileiro - http://www.brasil.gov.br/

• Embrapa Sede - http://www.embrapa.br• Revista Carta Capital - http://www.cartacapital.com.br/

• Empresa Desenv. Organiz. - http://www.demarco.com.br

• ACM SIGGRAPH - http://www.siggraph.org/• CIA (Central Intelligence Agency) - https://www.cia.gov/

• Open Source at Nokia - http://opensource.nokia.com/

Sites implementados em Plone naEmbrapa Informática Agropecuária

• Zoneamento de Riscos Agrícolas do Brasil - Gerênciado Projeto: http://auriga.cnptia.embrapa.br/finep/

• Zoneamento de Riscos Climáticos: abordagem paraagricultura familiar, bioenergia e pastagens :http://auriga.cnptia.embrapa.br/macrogdn

• Grupo de Interesse em Pesquisa para Agricultura Familiar: http://www.gipaf.cnptia.embrapa.br

Sites do Macro Programa 1implementados em Plone na Embrapa

Informática Agropecuária

• Projeto Aquabrasilhttp://www.aquabrasil.cnptia.embrapa.br

• Projeto de Agricultura de Precisãohttp://www.redeap2.cnptia.embrapa.br/

• Projeto Avisarhttp://www.avisar2.cnptia.embrapa.br/

• Rede de Nanotecologia para o agronegóciohttp://www.redeagronano.cnptia.embrapa.br

• Projetos do Macroprograma 1 (Nova abordagem)http://www.macroprograma1.cnptia.embrapa.br

Instalação usando o WindowsVersão 2.5.3 -

Instalação usando o Windows

Iniciando o Plone

Iniciando o Plone

Instalação no Linux

• Os passos para instalação do Plone em Linux vaidepender da distribuição linux instalada na máquina

• Exemplo de instalação no Suse 9.2– Abrir um shell e conectar como superusuário– utilizar os pacotes phyton-3.2.4 ... e plone2-...– Executar o comando:

• rpm –ivh phyton• rpm –ivh plone

– Para iniciar o Plone, executar:• /etc/init.d/plone2 start

– Para finalizar o Plone executar:• /etc/init.d/plone2 stop

Acesso ao Plone

• Para acessar o plone digite no navegador:– http://localhost:8080– Na página que será aberta, selecione o link: Zope

Management Interface– Digite o login: cnptia e senha: cnptia (Obs: este login

e senha podem ser alterados)– Após digitar a autenticação, o site do Plone fica

pronto para criação, edição e publicação de sites

Exercício – Parte II

• Abra o navegador e acesse o site do Plone, pormeio do endereço http://localhost:8080

• Nesse treinamento utilizaremos a máquina a002

como servidora do Plone, digitar então:http://____.cnptia.embrapa.br:8080 e entrar comdados de login

Observe a página apresentada.

Sumário da Parte II

• Requisitos de hardware

• Instalação no Windows

• Instalação no Linux

• Iniciando o Plone

• Acessando o Plone

Parte III – Criação de Site emPlone

Criando um site

• Criaremos os sites dos projetos do Macro 1 de formatransparente.

• Esta é uma atividade realizada pelo usuário com perfil deadministrador ou pessoal envolvido em atividades desuporte computacional das unidades

• Os nomes dos sites devem ser sugestivos ou jáconhecidos e aqueles que optarem por hospedar o site noservidor da Embrapa Informática, será agregada aextensão .cnptia.embrapa.br

• A atualização das informações nos sites em plone podeser realizada remotamente por qualquer colaborador doprojeto cadastrado.

Site Projeto Macro1 criado

Elementos da interface do Plone

Indica a página na qual o usuário se

encontra

Quando há alguém logado,

indica o nome do usuárioPermite acesso ao site,

para usuários cadastrados

Permite cadastro

no site

Acessibilidade (Altera o tamanho do fonte)

Mecanismo de busca no site

Apresenta a página

principalMostra a página

de eventos

Elementos da interface do Plone

Apresenta a hierarquia

de pastas

Possibilita que um usuário acesse o

site para alteração

Elementos da interface do Plone

Apresenta as últimas notícias

Mostra o calendário para o mês corrente e permite

acessar os eventos agendados clicando sobre a data

Elementos da interface do Plone

Apresenta o conteúdo do item selecionado

Mostra como a página será publicada na web

Permite a edição dos itens

Permite alterar o compartilhamento dos itens

Parte IV – Criação de usuários eseus respectivos grupos

Inserção de usuários

• O usuário com perfil de administrador, deverá selecionar a opçãopreferência, depois clicar na opção administração de usuários egrupos , á esquerda.

A tela visãogeral dosusuários estarádisponível parainserção deusuários e seusgrupos.

a

b

Inserção de usuários - Segurança

• Para que o usuário possa se auto registrar, duas opçõestem que ser selecionadas na aba Segurança.

Inserção de usuários

• Existem duas formar de adicionar novo usuário:- Externamente: O usuário se auto registra com perfil/papel de

anônimo, no site. Posteriormente o administrador altera este perfil

- Internamente: Oadministradorseleciona o botãoAdicionar novousuário, registrando onovo colaborador e jáassociando o perfil domesmo.

Visão geral dos usuários

• Selecionando-se esta opção Mostrar todos, todos os colaboradorescadastrados serão mostrados.

• A associação de papéis, troca de senha e exclusão de usuário sãotarefas disponíveis ao administrador.

Grupos

• Clicando na aba Grupos, pode-se verificar quais são os grupos existentes.• Em nosso exemplo os grupos de administradores, revisores, usuários

autenticados já estão criados.• É possível criar novos grupos com papéis diferenciados.

• A versão 3 do Zope/Plone disponibiliza apenas o papel de administrador.Atenção então quando se delega o papel de administrador para um grupo.

Agrupamento atual e os outrosmembros do site

Criação de novos grupos

• Segundo a necessidade decada site é possível criargrupos específicos de açãobem definida.

• Ao adicionar Novo Grupo,preencher uma interface comos campos :– Nome: Será o identificador do

grupo. Evite espaços ecaracteres especiais

– Titulo: Frase com o temagenérico do grupo emquestão;

– Descrição: Texto detalhadodas ações de cada grupo.

– Email de gerente daquelegrupo.

Exercício 1 – Parte III

• Verificar a lista de usuários cadastrados• Buscar todos os usuários com perfil de

administrador

• Criar um grupo PC1 (Plano componente1) dedocumentos

• Incluir um usuário neste grupo

Parte V – Criação de conteúdo

Elementos da interface do Plone

Mostra o estado do item

Permite adicionar novo item

Alterando a configuração básica do Plone

• Com a instância MP1 criada, aestrutura padrão do Ploneinclui:– as pastas: Members, News,

Events– uma página introdutória de

Boas Vindas ao sistemaPlone, nomeada de Welcometo Plone ou página inicial.

• Iremos excluir a pastamembers:– selecionar o botão que está à

frente das pastas e

– Acionar o botão excluir.

Pastas Members, News, Eventsexcluídas

Alterando o arquivo Inicial do Site da Intranet

• O index inicial pode ser alterado– Clicar na opção Edição na série

de abas no canto superior– Na nova página aberta alterar os

campos• Título: Título do documento• Descrição: Este texto deve ser

realmente conciso, e apareceráem negrito abaixo do título.

• Corpo do Texto: Textopropriamente dito.

• Após acionar o botão Salvar oarquivo será automaticamenteatualizado.

Editor de Texto KUPU

Justificado à Esquerda

Justificado à direita

Centralizado

Lista Numerada

Lista Não ordenada

Lista de Definição

Imagem

Link Interno

Link Externo

Tabela

Estilo de Texto

Módulo rápido

salvamento

Formato: Tipos de Formatação

Edição da Página

Permite associar palavras-chave, itens relacionados, local, idioma

Definir data de publicação e expiração

Permite acrescentar os autores, colaboradores e direitos autorais da página

Permite comentários, exclusão da navegação, modo de apresentação, etc

Criação de pastas

Editando a pasta

• No formulário preencher:– Título (obrigatório) e Descrição

Exercicío 2 – Parte V

• Agora que você já sabe como criar uma pasta, crie assubpastas Gestão do projeto e Projeto Componente 2para a pasta projetos componentes

• Crie uma nova pasta Equipe no mesmo nível da pastaprojetos componentes

• Crie um documento e inclua no corpo do textoos seguintes conteúdos em formato textoestruturado:– Palavras em negrito, itálico e sublinhado,– Um trecho de texto com cabeçalho, subcabeçalho e

Uma lista ordenada,– Um link e uma figura.

Exercício 3 – Parte V

Inclusão de itens - Arquivo

• Para ilustrar o tipo Arquivo iremos associar à pasta Gestão do Projeto,dois documentos no formato .pdf.

• Outros formatos podem ser associados, por exemplo .doc, .xls, .mdb. Bastaque o arquivo tenha significado na pasta.

• Clique no item Arquivo e no botão “Adicionar novo item”, opção arquivo.

Edição do item - Arquivo

• As informações sobre o Arquivodevem ser inseridas:– o título (obrigatório),– uma breve descrição, e– o arquivo propriamente dito.

• Uma vez que a opção salvartenha sido acionada, o Ploneincorporará o arquivo, porexemplo TESTE.pdf, como partedo site.

• O usuário não tem mais acessofísico a este item, ele não estaráem nenhum diretório do Plone esim fará parte de sua estrutura.

Exercício 4 – Parte V

• Insira o arquivo teste.pdf na pasta Gestão doprojeto

Inclusão de itens - Imagem

• Pode-se associar ao sitefiguras em formatossuportados pelosnavegadores (.GIF, .JPG e.PNG).

• O Plone aceita imagensexternas ou internas jáarmazenadas.

– Selecione o item imagem

Edição do item - Imagem

• No item do tipo imagem opreenchimento doscampos é semelhante aodo tipo arquivo– Título– Descrição

• No campo Imagemassocia-se o diretório enome da imagem oupode-se localizá-la atravésdo botão Arquivo

Se o campotítulopermanecervazio o título daimagem serápreenchido como próprio nomedo arquivo.

Edição do item - Imagem

Exemplo de Imagem com aassociação de conteúdo

relacionado.

Exercício 5 – Parte V

• Inserir a imagens em formatos variados jpg, gif

• DICA:– acessar a pasta Conteúdo– inserir item imagem

Inclusão de itens - Link

• O Plone permite que sejam inseridos Links da Internet comoitem de informação.– Seleciona-se então o item Link, dentro da pasta Gestão do Projeto– clicar posteriormente o botão Adicionar novo item

Edição do item - Link

• Para inclusão de Link osseguintes campo sãonecessários:

• Titulo;• Descrição;• URL;• Conteúdo associado.

Exercício 6 – Parte V

• Incluir um link na pasta Gestão do Projeto eoutro item na Projeto Componente 2

• DICA:– acessar a Aba Conteúdo– inserir item Link

Inclusão de itens - Evento

• É possível associar eventos de interesse.

Neste caso incluiremos o Somos de Maíz, que estáanunciado no sítio da Embrapa.

Edição do item - Eventos

• A seguir, preenche-se oscampos relativos ao evento– título,– local,– tipo de evento,– descrição,– URL do evento,– Tipo de evento,– data de início e fim,– nome, email e telefone da

pessoa de contato

Eventos - Resultado

Exercício 7 – Parte V

• Criar a pasta Eventos e incluir alguns eventosde interesse do projeto.

• DICA:– acessar a pasta Conteúdo– inserir item Evento

Inclusão de itens - Notícia

• A ferramenta permite ainda que notícias sejam associadas ao site.• Neste exemplo associamos à pasta Gestão do Projeto, a notícia

relacionada á Embrapa discute seus mais recentesprojetos inovadores em Brasília

• Selecionamoso item Notíciapressionando obotão Adicionarnovo item

Edição do item - Notícia

• Da mesma forma que nosdemais itens, é precisopreencher um formulário cominformações sobre o iteminserido:– Titulo– Breve descrição– Corpo da notícia propriamente

dito.– Imagem associada;– Título da imagem;– Itens relacionados.

Notícia - Resultado

Exercício 8 – Parte V

• Inserir uma notícia sobre a divulgação do cursode Plone na pasta Gestão de Projeto

• DICA:– acessar a pasta Conteúdo– inserir item Notícia

Inclusão de itens - Coleções

• A pasta Coleções (antiga pasta esperta) é na verdade umapágina que faz uma pesquisa segundo parâmetros específicos eexibe o resultado automaticamente.

• Por exemplo, pasta esperta configurada para exibir Notíciaspublicadas exibe todas as Notícias já publicadas do portal, nãoimportando as pastas na qual se encontrem.

Inclusão de itens - Coleções

• Selecionamos o itemColeções pressionandoo botão Adicionar novoitem

• Os itens resultantes dapesquisa serãomostrados pelo seu títuloe descrição, neste caso.

Edição do item - ColeçõesCritérios da busca

• Selecione a aba Critério.• Pode-se selecionar um

campo específico(metadados) ou algum dostipos de item (evento,notícia, link,etc).

• Permite também classificaro resultado segundo ocampo de buscaselecionado anteriormente.

Edição do item - ColeçõesCritérios da busca

Pasta ColeçõesResultado

Exercício 9 – Parte V

• Inserir uma coleção na raiz do site .

• Criar critérios que retornem todos os itensclassificados que contenham a palavra“pesquisa”

• Dica: Pode-se utilizar um valor de stringespecífica quando se necessite.

Exercício 9 – Parte V

Dica

Exercício 9 – Parte V

• A pasta coleções é um recurso eficiente parafiltrar conteúdo, segundo critérios específicos:

• Pode-se por exemplo:- Criar um repositório de notícias por mês;- Organizar todo o conteúdo criado a partir de

determinada data;- Organizar pasta segundo palavras-chaves.

Compartilhamento de Recursos deInformação

• Recurso poderoso para personalizar a ação de usuários ou grupos no sitecriado. Para utilizá-lo o usuário deverá ter perfil de administrador.• Inicialmente posicione na pasta, documento ou qualquer outro recursoque deseje e clique na aba Compartilhamento.

Compartilhamento de Recursos deInformação

• Digite o nome ou iniciais do grupo ou usuário com quem desejecompartilhar a informação.• Associe a ações específicas para cada grupo/usuário.

Exercício 10

• Compartilhe um documento criado comusuário(s) específicos.

• Compartilhe uma pasta com um determinadogrupo.

Sumário da Parte V

• Como criar um site no Plone• Elementos básicos da interface do Plone• Como criar pastas• Como criar e editar:

– Documento,– Arquivo,– Evento,– Link e– Notícia

• Como criar e configurar pasta esperta.• Como compartilhar os recursos de informação criados.