Treinamento para editores de conteúdo em plataforma Plone RFB 2015

Treinamento para editores de

conteúdo em plataforma Plone

Sobre o facilitador

• Alberto Araujo Serrajordia Lopes

– Chefe da Divisão de Tecnologia da Informação da Superintendência Regional da Receita Federal do Brasil na 8a _{Região Fiscal (São}

Paulo)

– Responsável pela implantação do Plone em SP (projeto “Portal da RF08”)

– Colaboração em diversos outros projetos de implantação do Plone na RFB • Informe-se • Portal Fiscon • Intranet RFB • E-Manuais • Compartilhe • Site da RFB

Sobre o Plone

• Software livre

• Homologada pela Cotec

• Criada em 2001

• Adotada por diversas empresas e órgãos

do governo

– Presidência – ITI

Vantagens

• Motor de busca interno muito bom

• Robusta

• Escalável

• Segura

Alerta!

• Esta apresentação foi elaborada com

capturas de telas do Plone 3.3.5

• Visualmente haverá diferenças para o

Plone 4+, mas conceitualmente, não!

Buscas

do portal ou restritas à seção atual

Parte II – Estrutura de uma página

do Plone

Página inicial – visão

de usuário comum

Página inicial – visão

de editor

Barra de localização

(migalhas de pão)

Colunas

Portlets

Área principal ou

área de conteúdo

Parte III – Estrutura de informação

do portal

Árvore de conteúdo/navegação Dimac Agenda Relatório de Gestão 2008 Gerenciais Ditec

Noite Feliz II Noite Azul 1 Noite Azul 2 Músicas Natalinas

Músicas Coral RF08 Gabinete/SRRF08

Superintendência Unidades Notícias Página Inicial Pasta Item de Conteúdo Exemplo extraído da estrutura do portal.rf08.srf

Dimac

Agenda

Relatório de Gestão 2008 Gerenciais

Ditec

Noite Feliz II Noite Azul 1 Noite Azul 2 Músicas Natalinas

Músicas Coral RF08 Gabinete/SRRF08

Superintendência Unidades Notícias Página Inicial Árvore de conteúdo/navegação Pasta Item de Conteúdo Exibidos como abas de navegação Por isso é que eles aparecem na migalha de pão!

Pastas

Organizador de conteúdo

• Podem conter pastas e ítens de

conteúdo

• Aparecem na navegação

Atividade 01

Criar uma pasta em sua área

Não esqueça de colocar a descrição da pasta

Itens de conteúdo

Menor unidade de conteúdo

• Cada um tem seu próprio endereço

(URL)

• Não podem conter outros itens

• Possuem campos comuns

• Possuem campos específicos do tipo

• Aparecem na navegação

• Abas visão/edição

• Tipos: Página, Imagem, Notícia, Evento,

Arquivo, Link

Parte IV – Tipos de itens de

conteúdo

(Também chamados simplesmente

de tipos de conteúdo)

Página

Bloco de texto formatado

• Campos (reunidos em grupos)

• Título

• Descrição – sempre preencha a descrição • Corpo de texto

Página – cont.

Atividade 02

 Criar uma página com o título “Sonhos de criança” na

pasta Treinamento

 Preencha o corpo de texto com pelo menos um parágrafo de texto comum, uma lista (escreva pelo menos três sonhos que você tinha quando criança) e um cabeçalho (heading)

 Crie uma segunda página com o título “Dura

realidade”

 Escreva o corpo de texto com pelo menos dois estilos diferentes

 Inserir um link externo para seu site preferido  Inserir um link interno

 Relacionar as duas páginas à página “Sonhos de

criança – uma análise”

Página - final

– Permitir comentários e Excluir da navegação serão vistos posteriormente

Atividade 03

Editar a página “Sonhos de criança”

Crie uma sessão “Como eu era quando criança”

(use o estilo “Heading” para criar a sessão)

Crie uma sessão “Meus sonhos”, contendo a lista

de sonhos de criança

Crie uma sessão “Resultados”, contendo texto em

parágrafo normal E uma lista com bolinhas

Criar uma apresentação a partir da página

Observe qual foi a regra para a criação de slides e para a incorporação de textos no slide

Criar uma tabela de conteúdos para sua página – apresentação

Evento

Item usado para divulgar

eventos ou para organizar uma agenda

• Campos:

– Local do evento

– Contato (Nome, e-mail e telefone)

– Participantes

– Dia/hora de início e fim – URL do evento

Atividade 04

Criar um evento para divulgar uma festa

em sua divisão/seção/equipe para

comemorar sua volta ao trabalho depois

deste treinamento

Aplique pelo menos 2 categorias novas no evento

Coloque como participantes pelo menos 3 colegas de sua seção

Imagem

Item usado para armazenar uma

imagem que pode ser inserida em páginas

• Campos

– Imagem

– Manter/Substituir (na edição)

• Aba transformar

• O Administrador poderá configurar tamanho máximo para as imagens

– Imagens grandes podem ser reduzidas com o Microsoft Photo Editor (parte do Office) ou

com o The Gimp

– Fotos podem ser configuradas na própria câmera Se o título não for informado, ele será o nome do arquivo!

Inserindo imagens no

corpo de texto

• Use o botão de inserir imagem

– Configuração de disposição de texto • Upload imediato

– É possível realizar o upload de uma imagem

usando a caixinha de “Inserir imagem” do editor de página

• Com isso você cria um item de conteúdo do tipo imagem • Ou seja, não é necessário realizar o upload da imagem

Atividade 05

Pesquise na Internet uma imagem que reflita a realidade de seus sonhos de criança hoje

http://commons.wikimedia.org

Baixe a imagem em uma pasta no computador Faça o upload da imagem em sua pasta do

Plone

Insira a imagem na página “Dura realidade” Insira uma imagem na página “Meus sonhos

de criança” usando o recurso de upload imediato

Notícia

Uma página com imagem

embutida, para divulgação de notícia • Campos – Imagem – Título da Imagem – Manter/Excluir/Substituir (na edição

• Apenas uma imagem embutida

– Para mais imagens, basta inseri-las no corpo de texto

Não confunda

Imagem Inserida Imagem Embutida

Qualquer item de conteúdo que tenha

corpo de texto (página, evento, etc.)

Apenas notícias

Qualquer quantidade pode ser inserida no corpo de texto

Apenas uma imagem embutida por notícia As imagens existem

como itens de conteúdo

A imagem faz parte do objeto notícia

A mesma imagem pode ser inserida em vários corpos de texto

A imagem é usada em apenas uma notícia

Atividade 06

Criar uma notícia relatando o

descobrimento de um novo continente

com uma imagem embutida

Inserir uma segunda imagem no corpo

de texto

Alterar apenas a imagem embutida da

notícia

Arquivo

Item usado para armazenar um arquivo qualquer (.doc, .pdf, .xls, etc.)

• Campos

– Arquivo

– Substituir/Manter (na edição)

• Tamanho máximo?

– O Administrador pode estabelecer tamanhos máximos para arquivos – Sugestão: arquivos maiores

podem ser compactados em

vários sub-arquivos com o Power Archiver ou TugZip O nome do arquivo também será assumido como título, se este não for informado!

Atividade 07

Criar um item de conteúdo do tipo

Link

Item usado para descrever um link para

algum site da Internet

• Campo

Por que usar links e

não páginas?

• Pode ser mais simples de editar

• O editor de conteúdo não precisa se

preocupar

com a “diagramação”

• Pode ser usado com a portlet de

navegação para criar portlets com listas

de links

Atividade 08

Criar um objeto do tipo link para seu

segundo site predileto

Observer que navegar para o link que você pode editar abre o objeto link no Plone

Verifique que na pasta “Links úteis” os links que você não pode editar funcionam como links para a web

Parte V – Perfis e workflow de

publicação

Informações gerais

• Tipos de usuário

– Usuário “anônimo” (não-autenticado) – Usuário autenticado

• Perfis: Editor, Autor, Revisor, Leitor

Perfis de usuário

• Autor

– Pode criar novos itens de conteúdo, e 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

Diagrama do

workflow padrão

• Perfil é normalmente dado em uma pasta • Imagens e arquivos

não são submetidos

a workflow

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

Atividade 09

Enviar para publicação um item criado

revisão

Verifique quais as opções do menu de

publicação para itens no estado pendente

Publicar uma pasta “em cascata”

(publique sua própria pasta ou crie uma

nova)

Lista de revisão

Mostra todos os conteúdos que o usuário atual pode revisar e que estão

pendentes

Atenção: A “Lista completa para revisão” só fica disponível para editores globais do site!

Atividade 10

Retire um item de sua pasta.

Envie o item para publicação

Verifique que o item apareceu na lista de

revisão

Vá para a Página principal do portal e

verifique que o item continua na lista

Navegue para o item pela lista e

Parte VI – Operações básicas com

itens de conteúdo

Aba conteúdo

• Permite visualizar os itens de uma pasta, mesmo escondidos

• Clicar em links dentro da aba conteúdo acessa a aba conteúdo do item clicado (se for uma

pasta) ou a aba visão (se o item não for pasta)

• Permite

copiar/mover/excluir

vários itens de uma vez

Você pode acessar a aba conteúdo diretamente,

acrescentando “/folder_contents” ao

final do endereço da pasta!

Funções - Aba

conteúdo

Note que esses comandos aplicam-se aos itens DENTRO da pasta, selecionados na primeira coluna (quadradinhos) Já esses comandos aplicam-se à própria pasta!

Renomear

• Os itens possuem um título

– É o nome visível

– Aparece na na navegação – Aparece na migalha de pão

– Aparece na barra de títulos do navegador

• Os itens também possuem um nome curto

– O nome curto é o que aparece no endereço do navegador

• O nome curto é atribuído inicialmente a partir do título

– Excepcionalmente o nome curto de arquivos e imagens é formado a partir do nome do arquivo

• A operação Renomear é a única que permite alterar o nome curto

– Manter nomes curtos consistentes é importante para que o endereço web dos itens sejam intuitivos

Atividade 11

Criar uma cópia de um item na mesma

pasta

Renomear a cópia

Reordene os itens da pasta

Você percebeu qual foi a regra para o nome curto

Check out

Ferramenta para “rascunho”

• Permite editar um conteúdo sem que a versão publicada exiba o “trabalho em andamento”

• Procedimento:

– Check out

– Edição da cópia – Check in

• Nem todos os itens possuem o recurso! Evite deletar uma cópia de trabalho… Sempre faça check in ou cancele o check out

Atividade 12

Edite um item de conteúdo já publicado

usando o recurso de check out

Observe a regra de criação de nome curto da cópia de trabalho

Parte VII – Configuração avançada

de conteúdo

Modos de exibição

• Formas de exibir o conteúdo da pasta

para o usuário comum

Visão padrão

Visão sumária

É um bom modo de exibição para

pastas de notícias!

Visão tabular

Infelizmente, não dá para configurar as colunas!

Visão de miniaturas

Eu acho esse modo de exibição sensacional para

galerias de imagens!

Visão de item

Atividade 13

Configurar uma pasta para exibição com

visão de item

Criar uma pasta dentro dela, com

exibição em visão tabular

Coleção

• Item especial para listar itens agregados

partir de critérios especificados

– É praticamente uma “busca pré-configurada”

• Especialmente bom para usar com

categorias e como visão padrão de

pastas

Criando uma coleção

• Campos (aba edição)

– Limitar resultados da busca – Número de itens

– Exibir como tabela – Colunas da tabela

• A coleção também possui campos

comuns como corpo de texto e

Editando critérios

• Aba critérios

– Adicionar novo critério de busca

• Nome do campo • Tipo de critério – Critérios comuns • Tipo de item • Local • Categoria • Data – Ordenação • Nome do campo • Inverter Experimente ordenar pelo nome curto ao invés do título!

Controlando o modo de exibição da coleção

• A coleção pode ter os itens encontrados exibidos de acordo com duas estratégias:

– Modos de exibição de pasta

• São aqueles que já conhecemos: padrão, sumário, tabular, miniaturas

– Modo de exibição de coleção – aqui controlamos:

• Exibição comum

• Exibição como tabela (lista de campos configuráveis) • Limite de resultados

Dicas de coleção

• Qual a diferença entre as abas “Edição” e “Critérios”?

– Na aba “Critérios” você configura os critérios de busca e de ordenação

– Na aba “Edição” você configura, além dos campos comuns, o modo de exibição de coleção

• Para que serve “Adicionar Coleção”?

– Para adicionar uma “subcoleção” (coleção que pode herdar critérios)

• Para que serve a aba “Subpastas”?

Atividade 14

Criar uma coleção para exibir todas as

páginas e arquivos de uma pasta

Faça com que essa coleção exiba os

itens como uma tabela, contendo Título

e Nome Curto

Categorias

• Como criar

• Como aplicar

• Como utilizar como critério para

coleções

• Dica: uma categoria aplicada a uma

coleção não afeta o critério de busca!

Excluindo da

navegação

Obs.: excluir um item da navegação não o exclui da área de conteúdo da pasta, exceto na visão de item.

Comentários

Cuidado ao ativar comentários: por padrão, apenas o Administrador pode excluir comentários

Atividade final

Criar uma pasta

Criar uma página dentro dela

Criar uma imagem dentro da pasta e

adicionar à página

Retirar a imagem da navegação

Criar um arquivo dentro da pasta

Configurar a pasta para visão de item

com o item padrão sendo a página

Parte final

Customizações do

Plone

• O Administrador do servidor pode instalar algumas funcionalidades adicionais para o Plone

– São chamadas de “produtos”

• MUITA CALMA NESSA HORA

– Na Internet se fala muito de produtos para o Plone, mas nem todos (na verdade, apenas uns poucos) possuem qualidade compatível com a do Plone – Requerem testes e estudos para sua utilização

• Produtos testados na RF08

– “Visão de calendário” (Plone4ArtistsCalendar) – “Janela de conteúdo” (Windowz)

– “Base de conhecimento” (PloneHelpCenter) – “Tema Azul” (ClassicPloneThemes)

– “Tema Sunrain Theme”

• Produtos em teste

– “Fórum” (PloneBoard)

Funcionalidades

previstas para o futuro

• Desenvolvimento de aplicativos

– Tipos de conteúdo como “Processo” ou “Videoconferência”

• Consolidação de categorias

Finalizando

• Contatos

– Alberto Araujo Serrajordia Lopes