Módulo Avançado para a equipe de E-Manuais Aduaneiros.

Apresentação em tema: "Módulo Avançado para a equipe de E-Manuais Aduaneiros."— Transcrição da apresentação:

1 Módulo Avançado para a equipe de E-Manuais Aduaneiros

2 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

3 Gerenciamento de conteúdo de pastas  Tarefas de interesse:  Reordenar os itens da pasta  Copiar/colar/recortar

4 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

5 Modos de exibição  Formas de exibir o conteúdo da pasta para o usuário comum  Uma delas sempre será escolhida

6 Visão padrão Este é o modo exibição padrão da pasta quando ela é criada!

7 Visão sumária  É um bom modo de exibição para pastas de notícias!

8 Visão de miniaturas  Esse modo de exibição é sensacional para galerias de imagens!

9 Visão tabular  Em pastas não dá para configurar colunas (mas em coleções, sim!)

10 Visão de todo o conteúdo  Mostra a “aba visão” de todos os objetos dentro da pasta

11 Visão de item  Interessante para criar a “homepage da pasta”  Um dos itens de conteúdo da pasta é selecionado e...  Interessante para criar a “homepage da pasta”  Um dos itens de conteúdo da pasta é selecionado e...

12 Visão de item ... a aba visão e o título da pasta (em alguns locais) passam a ser os do item selecionado!

13 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

14 Navegação anterior-próximo  Configurado na pasta  Ótimo para manuais  Não recomendado para pastas com visão de item

15 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

16

17 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”

18 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

19 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

20 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

21 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

22  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

23 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!

24 Â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/constituicao/ constituicao.htm http://www.planalto.gov.br/ccivil_03/constituicao/ constituicao.htm  Depois experimente acessar:  http://www.planalto.gov.br/ccivil_03/constituicao/ constituicao.htm#art242§2 http://www.planalto.gov.br/ccivil_03/constituicao/ constituicao.htm#art242§2

25 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

26 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

27 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#cin za“  Elimine tudo o que está entre a primeira " e #, deixando parecido com href=“#cinza“

28

29 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

30 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!

31 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

32 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

33 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

34 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!

35 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!

36 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!

37 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

38 Procedimento  Crie a página e insira a imagem  Abra a imagem no GIMP e escolha “Filters  Web  Image 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 “ ” e “ ” (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 correspondente à imagem inserida  Acrescente a sequência usemap=“#map” e salve a página

39 Exercícios de fixação

40 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.

41 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

42 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

43 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

44 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

45 Â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

46 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

47 Sugestões de materiais  http://weblion.psu.edu/services/documentati on http://weblion.psu.edu/services/documentati on  http://quintagroup.com/services/support/tuto rials