View
224
Download
4
Embed Size (px)
Citation preview
EDIÇÃO DE CONTEÚDO EM PLONE
Módulo Avançado para a equipe de E-Manuais Aduaneiros
Agenda
Pastas Gerenciamento de conteúdo Controle de visualização
Visão padrão Visão sumária Visão tabular Visão miniaturas Visão todo conteúdo Paginação Navegação anterior-próximo
Tipo de conteúdo coleção Exclusão da navegação Navegação interna de itens
de conteúdo Tabela de conteúdo de páginas Uso de âncoras
Controle de acesso
Gerenciamento de conteúdo de pastas Tarefas de interesse:
Reordenar os itens da pasta Copiar/colar/recortar
Renomear
Cada item do plone possui um Título e um Nome Curto
O título aparece na busca, na navegação, na barra de títulos do browser, na migalha de pão, etc.
O nome curto aparece no endereço do browser
O único jeito de alterar o nome curto do item é com a operação RENOMEAR
Modos de exibição
Formas de exibir o conteúdo da pasta para o usuário comum
Uma delas sempre será escolhida
Visão padrão
Este é o modo exibição padrão da pasta quando ela é criada!
Visão sumária
É um bom modo de exibição para pastas de notícias!
Visão de miniaturas
Esse modo de exibição é sensacional para galerias de imagens!
Visão tabular
Em pastas não dá para configurar colunas (mas em coleções, sim!)
Visão de todo o conteúdo
Mostra a “aba visão” de todos os objetos dentro da pasta
Visão de item
Interessante para criar a “homepage da pasta” Um dos itens de conteúdo da pasta é selecionado e...
Visão de item
... a aba visão e o título da pasta (em alguns locais) passam a ser os do item selecionado!
Paginação
Não é possível configurar a pasta para que em sua aba visão os itens apareçam paginados (i.e., sejam listados em grupos de x itens)
Para isso, é necessário criar uma coleção e usá-la na visão de item
Navegação anterior-próximo
Configurado na pasta Ótimo para manuais Não recomendado para pastas com visão
de item
Coleção
Tipo de conteúdo usado para apresentar uma lista de resultados de uma busca pré-relacionada no site
Contém um corpo de texto (pode ser usada para exibir conteúdo como pasta)
Gera automaticamente um feed RSS Usado especialmente para criar
estruturas de navegação distintas da estrutura de armazenamento de conteúdo
Habilitação
Por padrão, o Plone fornece a permissão de adicionar coleções apenas para administradores
Para que revisores ou editores possam inserir coleções, deve ser fornecida a permissão: “plone.app.collection: Add Collection”
Modo de exibição de coleção As coleções possuem as mesmas
opções de modo de exibição que as pastas Padrão, miniaturas, sumária, tabular Não possuem o modo de exibição de
item
Modo de exibição em coleções O modo tabular pode ser configurado
no formulário de edição da coleção Diferentemente das pastas, a coleção
pode ter as colunas configuradas
Como criar uma coleção
Adicione a coleção Configure os metadados Configure os critérios, acompanhando o
preview Configure paginação e colunas para a
visão tabular quando selecionada Configure o critério de ordenação dos
resultados Se quiser exibir os resultados como
tabela, selecione a visão tabular
Exclusão da navegação
Por padrão, o Plone tem atividada na coluna esquerda a portlet de navegação Ela simplesmente vai exibindo parcialmente a
estrutura de conteúdo e indica onde o usuário está
Em alguns casos, interessa omitir algum item de uma pasta da portlet de navegação: Editar configurações excluir da navegação
CUIDADO Excluir da navegação não exclui das buscas, nem
da área de conteúdo de pastas que não estiverem com visão de item ou todo conteúdo
Uso típico: Esconder pastas de recursos auxiliares
como fotos ou arquivos Em geral, em conjunto com uso da visão
de item ou visão todo o conteúdo
Tabela de conteúdo de páginas Usadas para gerar uma estrutura de
navegação dentro da página Itens e subitens criados a partir do uso
dos estilos Heading e Subheading Quando a página com tabela de
conteúdo for exibida em uma pasta com modo de exibição “todo o conteúdo”, a tabela de conteúdo gera links para TODOS os itens que tenham corpo de texto usando Heading e Subheading!
Âncoras
São pontos dentro de uma página para que podemos dirigir a navegação do browser Por exemplo, experimente acessar: http://www.planalto.gov.br/ccivil_03/cons
tituicao/constituicao.htm Depois experimente acessar: http://www.planalto.gov.br/ccivil_03/cons
tituicao/constituicao.htm#art242§2
Criação de âncoras
Utilizando o editor de textos do Plone, posicione o cursor no local onde deseja colocar a âncora
Clique no símbolo da âncora e dê um nome
A partir de agora, todo link para a página pode ser complementado com “#alfa”, trocando alfa pelo nome da âncora
Uso das âncoras
No editor de texto do Plone, a criação dos links pode visar âncoras na própria página
Caso se queira buscar âncoras em outras páginas, pode-se selecionar a âncora na caixa “Link interno”
Âncoras em links externos devem ser inseridas manualmente
Dica: âncoras em pastas com visão “todo o conteúdo” Se você criar uma âncora em uma página, e quiser
que essa âncora seja buscada sem que o usuário saia da pasta com visão “todo o conteúdo” (como acontece na navegação em tabela de conteúdo): Crie a âncora na página destino Crie na página origem o link como interno, apontando
para a âncora desejada Edite o HTML da página origem, procurando por uma
sequência parecida com href="resolveuid/18a14178ae004b23a2ac6629eb9b4ba4#cinza“
Elimine tudo o que está entre a primeira " e #, deixando parecido com href=“#cinza“
CONTROLE DE ACESSO
Informações gerais
Perfis de usuário Usuário “anônimo” (não-autenticado) Usuário autenticado (Membro) Manager Site Admin Revisor Editor Autor Leitor Owner
Perfis de usuário e permissões Autor
Pode criar novos itens de conteúdo Owner
Pode editar os itens que criou Editor
Pode editar itens de conteúdo criados por outros usuários
Revisor Pode publicar itens de conteúdo
Leitor Pode ler itens de conteúdo não-publicados!
Mecanismo padrão de permissões Cada item possui sua matriz de
permissões A maioria das permissões são
herdadas e passadas em herança
Workflow
Um workflow é uma política de atribuição de permissões com base em transições de estado
O workflow define estados e transições possíveis entre eles
O workflow também define: Para cada estado, quais são as permissões
dadas a cada perfil Para cada transição, qual é o perfil
autorizado a executá-la
Workflows num site Plone
Um site Plone pode possuir vários workflows diferentes configurados Alguns inclusive podem não estar sendo aplicados
Cada tipo de conteúdo possui a configuração de qual é seu workflow Alguns workflows são aplicados a vários tipos de
conteúdo Um tipo de conteúdo pode não ter workflow
aplicado Dessa forma, é submetido apenas ao mecanismo
padrão de permissões
Diagrama do workflow padrão
Perfil é normalmente dado em uma pasta
Imagens e arquivos não são submetidos a workflow por padrão• Eles são visíveis
se a pasta que os contém é visível!
Alterando o estado do item Menu estado Avançado
Incluir os itens contidos na pasta Datas de publicação/expiração Alterar estado
Publicar Enviar para publicação Retirar Enviar de volta
Atenção: apenas as operações possíveis no item atual são exibidas!
Lista de revisão
Mostra todos os conteúdos que o usuário atual pode revisar e que estão pendentes
ATENÇÃO: a Portlet de Lista de revisão não é habilitada por padrão!
Mapas de imagem
Permitem que uma imagem tenha regiões clicáveis diferentes para endereços diferentes
O mais simples para criar os mapas é usar o software GIMP de edição de imagens
Procedimento
Crie a página e insira a imagem Abra a imagem no GIMP e escolha “FiltersWebImage Map” Na barra de ferramentas à esquerda, clique no quadrado ou no
círculo para desenhar a região clicável Desenhe a região clicável na imagem e, quando concluir, insira
o endereço do link na caixa “Area settings” Após criar todas as áreas clicáveis, selecione “View Source”. Selecione apenas o conteúdo entre “<map>” e “</map>”
(inclusive) CTRL+C Abra para edição a página que terá a imagem Abra o código HTML da página Cole o copiado (CTRL+V) Localize a tag <img> correspondente à imagem inserida Acrescente a sequência usemap=“#map” e salve a página
Exercícios de fixação
Ordenação e navegação
Crie uma pasta chamada “Exercício” Crie nessa pasta quatro páginas chamadas
Alfa, Beta, Gama e Delta (crie nesta ordem). Coloque algum conteúdo aleatório e diferente
em cada página para facilitar a visualização Usando a aba conteúdo, reorganize as
quatro páginas, de forma de forma que na navegação apareçam na sequência Beta, Delta, Alfa Gama deverá ser excluída da navegação.
Publicação em lote e em cascata Navegue até a pasta Exercício Mude para a aba conteúdo Selecione Alfa e Beta Clique em “Alterar Estado” e use o formulário
para publicar as duas páginas Observe o efeito no estado das páginas
Navegue até a aba visão da pasta Exercício No menu “Estado”, escolha “Avançado” Selecione “Incluir itens contidos na pasta” e
Publicar Observe que todos os itens foram publicados
Modos de exibição
Mude a pasta imagens para modo de exibição de miniaturas
Mude a pasta Exercício para modo de exibição de item, escolhendo a página Alfa Observe o efeito na portlet de
navegação
Organização de imagens e arquivos auxiliares Na pasta Exercício, crie uma subpasta chamada
imagens Exclua da navegação e renomeie de forma que o
nome curto da página imagens seja img Observe o efeito no endereço do browser
Coloque três arquivos de imagem na pasta imagens Insira uma das imagens na página Alfa Abra a página Beta para edição, e selecione o
comando de inserir imagens. Porém faça o upload de uma quinta imagem na janela de inserção de imagens. Faça o upload de forma que a imagem fique na pasta
imagens
Navegação anterior-próximo Crie dentro da pasta Exercício uma pasta
chamada Documentos Crie três páginas na pasta Documentos
chamadas Início, Meio e Fim Coloque conteúdo diferente em cada uma das
páginas Habilite a navegação anterior-próximo na
pasta Documentos Observe o efeito na aba visão da pasta
Documentos Observe o efeito na aba visão das páginas Início,
Meio e Fim
Âncoras
Edite a página Meio de forma que o conteúdo dela fique tão extenso a ponto de precisar ser rolada a tela para poder enxergar o final da mesma
Crie uma âncora chamada “minhaancora” no início do último parágrafo
Edite a página Beta, colocando ao fim da mesma o texto “Clique aqui para minha âncora”. A palavra “aqui” (e apenas ela) deverá ter um link para a âncora chamada minhaancora na página Meio
Coleções
Aplique a tag “Projeto” às páginas Gama, Fim e a uma das imagens da pasta imagens
Crie na pasta Exercício uma coleção chamada “Itens do projeto”
Configure essa coleção para usar o critério de tag (“Projeto”)
Configure a visão tabular para exibir apenas título e tipo de conteúdo
Crie outra coleção chamada “Páginas do projeto”, com o critério de tag (“Projeto”) e tipo de conteúdo “Página”
Configure uma terceira coleção chamada “Documentos do projeto”, com o critério de tag “Projeto”, tipo de conteúdo “Página” e local correspondendo à pasta Documentos
Sugestões de materiais
http://weblion.psu.edu/services/documentation
http://quintagroup.com/services/support/tutorials