Curso de Capacitação em Gerenciador de Conteúdo PLONE

Transcrição

1 Curso de Capacitação em Gerenciador de Conteúdo PLONE 1

2 Índice Estrutura Viewlets 21 Portlets 26 2

3 Estrutura Intermediário Depois de conhecer a estrutura principal do Plone e realizar as configurações básicas do site, você pode começar a trabalhar na personalização dos aspectos visuais da camada de visualização. Não há uma restrição de que esta seja a sequência da construção do site, mas indica-se fortemente que você atente para os pontos apresentados nas dicas iniciais. O Plone possibilita a redistribuição de sua estrutura básica através de uma interface de gerenciamento onde você poderá modificar o posicionamento ou até mesmo esconder determinados itens. Nesta seção você vai conhecer os chamados Viewlets e Portlets, estruturas que podem ser realocadas no site, saber quais são eles e onde se encontram na estrutura padrão do Plone, verificar como são organizados hierarquicamente e suas possibilidades. O que São Viewlets? Intermediário O PLONE é constituído de estruturas funcionais padrão, como barra de caminho, barra de tarefas, ferramenta de busca, cabeçalho, logotipo, rodapé, entre outras, como marcado em laranja na figura abaixo. 3

4 1- Ações do site (plone.sitea_actions) 2- Imagem do logo (plone.logo) 3- Caixa de busca (plone.searchbox) 4- Menu principal (plone.global_sections) 5- Caixa de cabeçalho (plone.portalheader) 6- Barra de caminho (plone.path_bar) 7- Barra de informação pessoal (plone.personal_bar) 4

5 8- Menu de edição de conteúdo (plone.contentviews) 9- Informações sobre conteúdo (plone.belowcontenttitle.documentbyline) 10- Histórico de edição do conteúdo (plone.belowcontentbody.contenthistory) 11- Ações do conteúdo (plone.abovecontenttitle.documentactions) 12- Caixa de conteúdo (plone.belowcontentbody e plone.belowcontent) 13- Informações de rodapé (plone.footer) 14- Links padrão do sistema Plone (plone.colophon) 15- Caixa de rodapé (plone.portalfooter) A exibição dessas estruturas pode ser gerenciada através do gerenciador de viewlets. Para acessar o gerenciador de viewlets você deve estar autenticado como administrador e acrescentar à barra de endereços do seu Hierarquia Viewlets Observe que a página (como mostra a figura) exibe o site dividido em blocos, delimitados por caixas de cor laranja. Cada um desses blocos contém estruturas funcionais próprias que podem variar apenas dentro do escopo do bloco. Ou seja, não é possível mover uma estrutura pertencente ao bloco de rodapé (footer) para o topo da página. 5

6 6 Universidade Federal do Rio Grande do Sul

7 Posicionamento dos Viewlets O gerenciador, dentro desses limites, oferece opção de reorganizar verticalmente as estruturas de um bloco. Para isto basta clicar nas setas (para cima ou para baixo) que aparecem no cabeçalho de cada estrutura. Observe que junto às setas, dentro de parênteses, é exibido um número este número é relativo à ordenação da estrutura dentro do bloco. Você pode também optar por esconder um item, clicando em hide. Se um item já encontra-se escondido, aparece no lugar a palavra show. Clicando em show o item volta a ser exibido. Alterações mais avançadas são possíveis, porém, apenas através da alteração de códigos. 7

8 O que são Portlets? Intermediário Os portlets do Plone são aplicativos e ferramentas prontas para uso em qualquer instalação padrão. São ferramentas como calendário de eventos, exibição de notícias do site, menu de navegação automático, busca e enquete entre outras. Esses aplicativos, por padrão, encontram-se nas colunas da esquerda e da direita do site. Como pode-se observar na primeira página da instalação padrão do site: Na coluna esquerda aparece o portlet de login do sistema e na coluna esquerda o protlet de calendário. 8

9 Opções de Portlets Calendar Portlet Collection Portlet Lista de Revisão Portlet Eventos Portlet Login Portlet Navegação Portlet Notícias Portlet RSS Feed Portlet 9

10 Portlet de Navegação a) Sendo você um administrador e estando devidamente autenticado no Plone, a opção de Gerenciar portlets, irá aparecer abaixo das colunas laterais como indica a figura a seguir. b) Ao clicar neste link a seguinte tela de organização de portlets será exibida. c) Em cada uma das colunas há uma lista de ferramentas que você poderá inserir. Assim, para inserir uma caixa de navegação, você deve escolher a opção Navegação. 10

11 d) A partir disso, o próximo passo será configurar as informações que vão preencher esta caixa de navegação. Você poderá indicar um título e a parte mais mais importante, através dos Resultados da busca, selecionar a combinação de informações que vão se configurar em um menu no estilo árvore (drop-down). e) Você ainda pode optar por exibir ou não o nodo topo e apenas exibir o conteúdo da pasta atual. Importante: Se você quer que este menu seja exibido em todas as páginas do seu site, deve colocar valor 0 para a caixa Nível inicial. f) Salvar, o portlet de caixa de navegação, irá aparecer na listagem de ferramentas exibidas na coluna que você optou. g) Caso você queira que ela apareça mais acima ou mais abaixo da posição de onde se encontra, deve acionar o ícone de seta, até que a caixa esteja na posição que você deseja. h) Você ainda poderá Bloquear ou Desbloquear as ferramentas que foram designadas para níveis superiores, ou seja, outras páginas acima da que você se encontra atualmente. Importante: obrigatoriamente deve-se clicar em Salvar configurações! 11

12 i) Ao visualizar sua página encontrará o portlet configurado da maneira desejada. Portlet de Calendário Antes de criar o portlet certifiquese que você está na página que você deseja criá-lo. Neste exemplo o portlet será criado na Página inicial. Assim, basta clicar em "Manage Portlets" abaixo do conteúdo. Será aberta a tela geral de Manage Portlets do Plone. Vá na caixa "Adicionar portlet" e selecione o "Calendar Portlet". 12

13 O Portlet de Calendário será criado. Clique em Salvar Configurações antes de sair dessa página. Para visualizá-lo clique na pasta onde ele foi criado. No caso a Página Inicial. 13

14 O portlet de calendário irá exibir os eventos inseridos no portlet de eventos. Portlet de Eventos Antes de criar o portlet certifique-se que você está na página que você deseja criá-lo. Neste exemplo o portlet será criado na Página inicial. Assim, basta clicar em "Manage Portlets" abaixo do conteúdo. Será aberta a tela geral de Manage Portlets do Plone. Vá na caixa "Adicionar portlet" e selecione "Eventos" 14

15 Abrirá a seguinte tela: Selecione nessa tela o número de eventos que devem ser exibidos no Portlet. E em seguida quais os eventos que devem ser exibidos, com relação ao seu estado no workflow de revisão. Se serão os privados ou somente os publicados. Depois clique em Salvar. O portlet de eventos foi criado. 15

16 Clique em Salvar Configurações antes de sair dessa página. Para visualizar o portlet volte na pasta em que ele foi criado. Neste caso, a Página Inicial. Porém, ele só aparecerá quando pelo menos um evento tiver sido criado. Portlet de Login Antes de criar o portlet certifique-se que você está na página que você deseja criá-lo. Neste exemplo o portlet será criado na Página inicial. Assim, basta clicar em "Manage Portlets" abaixo do conteúdo. 16

17 Será aberta a tela geral de Manage Portlets do Plone. Vá na caixa "Adicionar portlet" e selecione "Login". O Portlet de Login foi criado! Ele será visualizado na pasta em que foi criado, no caso, na Página Inicial, quando o usuário estiver deslogado do sistema. Clique em Salvar Configurações antes de sair da tela. Portlet de Notícias Antes de criar o portlet certifique-se que você está na página que você deseja criá-lo. Neste exemplo o portlet será criado na Página inicial. Assim, basta clicar em "Manage Portlets" abaixo do conteúdo. 17

18 Será aberta a tela geral de Manage Portlets do Plone. Vá na caixa "Adicionar portlet" e selecione "Notícias". Abrirá a seguinte tela: 18

19 Selecione nessa tela o número de notícias que devem ser exibidas no Portlet. E em seguida quais as notícias que devem ser exibidas, com relação ao seu estado no workflow de revisão. Se serão as privadas ou somente as publicadas. Depois clique em Salvar. O portlet de notícias foi criado. Clique em Salvar Configurações antes de sair dessa página. Para visualizar o portlet volte na pasta em que ele foi criado. Neste caso, a Página Inicial. Porém, ele só aparecerá quando pelo menos uma notícia tiver sido criada. 19

20 Portlet de Feeds Antes de criar o portlet certifique-se que você está na página que você deseja criá-lo. Neste exemplo o portlet será criado na Página inicial. Assim, basta clicar em "Manage Portlets" abaixo do conteúdo. Será aberta a tela geral de Manage Portlets do Plone. Vá na caixa "Adicionar portlet" e selecione "Feeds". Abrirá a seguinte tela: 20

21 Nessa tela deve-se preencher as seguintes configurações: Título: é o título que deve aparecer no portlet de de feeds; Número de itens a exibir: quantos itens de feeds devem aparecer no portlet; URL da alimentação RSS: é a URL de RSS do site de cujas atualizações se quer disponibilizar no portlet; Tempo limite para recarregar a alimentação: tempo em minutos que determina o intervalo entre uma atualização e outra. Clique em salvar. O portlet de feeds será criado. 21

22 Clique em Salvar Configurações antes de sair dessa página. Visualize o portlet na pasta em que foi criada. Neste exemplo foi utilizada Página inicial. 22

23 Portlet de Itens Recentes Antes de criar o portlet certifique-se que você está na página que você deseja criá-lo. Neste exemplo o portlet será criado na Página inicial. Assim, basta clicar em "Manage Portlets" abaixo do conteúdo. Será aberta a tela geral de Manage Portlets do Plone. Vá na caixa "Adicionar portlet" e selecione "Itens Recentes". Abrirá a seguinte tela: 23

24 Escolha o número de alterações recentes que vocês deseja exibir e clique em Salvar. O portlet será criado. Clique em Salvar Configurações antes de sair dessa tela. O portlet poderá ser visualizado na pasta em que foi criado, neste caso a Página inicial. Portlet de Lista de Revisao Antes de criar o portlet certifique-se que você está na página que você deseja criá-lo. Neste exemplo o portlet será criado na Página inicial. Assim, basta clicar em "Manage Portlets" abaixo do conteúdo. 24

25 Será aberta a tela geral de Manage Portlets do Plone. Vá na caixa "Adicionar portlet" e selecione "Lista de Revisão". O Portlet será criado! Clique em Salvar Configurações antes de sair dessa tela. Para visualizar o Portlet volte para a pasta em que ele foi criado, no caso a Página Inicial. Portlet de Busca Antes de criar o portlet certifique-se que você está na página que você deseja criá-lo. Neste exemplo o portlet será criado na Página inicial. Assim, basta clicar em "Manage Portlets" abaixo do conteúdo. 25

26 Será aberta a tela geral de Manage Portlets do Plone. Vá na caixa "Adicionar portlet" e selecione "Buscar". Abrirá a seguinte tela: Deixe o check-box de "Ativar o recurso de BuscaAtiva" e clique em salvar. O Portlet será criado! 26

27 Clique em Salvar Configurações antes de sair dessa tela. O portlet será visualizado na pasta em que for criado. No caso a Página Inicial. Portlet de Texto Estático Antes de criar o portlet certifique-se que você está na página que você deseja criá-lo. Neste exemplo o portlet será criado na Página inicial. Assim, basta clicar em "Manage Portlets" abaixo do conteúdo. Será aberta a tela geral de Manage Portlets do Plone. Vá na caixa "Adicionar portlet" e selecione "Texto Estático". 27

28 Abrirá a seguinte tela: 28

29 Adicione o Título do portlet e o texto desejado. Estes dois itens são obrigatórios. Também é possível configurar: Não exibir borda do portlet: quando marcado o portlet aparecerá sem borda. Rodapé do portlet: é possível incluir um rodapé para o portlet de texto. Link detalhes: um link para o qual o título e o rodapé linkarão quando inserido. Ocultar portlet: serve para esconder o portlet. Clique em salvar. O portlet foi criado! Clique em Salvar Configurações antes de sair dessa tela. O portlet poderá ser visualizado na pasta em que ele foi criado, no caso a Página Inicial. 29

30 30 Universidade Federal do Rio Grande do Sul