treinamento para editores de conteúdo em plataforma plone rfb 2015
TRANSCRIPT
Treinamento para editores de conteúdo em plataforma Plone
RFB 2015
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– Câmara dos deputados
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!
Parte I – Visão geral do Plone
Página inicial
BuscasBuscas no âmbito global 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
Topo
Rodapé
Abas de navegação
Barra de identificação
Barra de localização (migalhas de pão)
Colunas
Esta é a coluna
esquerda!E essa coluna,
qual será?
Portlets
Coluna direita
Coluna esquerda
PORTLETS
Área principal ou área de conteúdo
Barra de edição
Parte III – Estrutura de informação do portal
Árvore de conteúdo/navegação
D im a c
A ge nda
R e la tó rio de G e s tã o 20 08
G e re n c ia is
D ite c
N o ite Fe liz II N o ite A z u l 1 N o ite A z u l 2
M ú s ica s N a ta lin as
M ú s ica s
C o ra l R F 08
G a bin e te /S R R F 08
S u pe rin te nd ên c ia U n ida d es N o tíc ias
P á g in a In ic ia l
Pasta
Item de Conteúdo
Exemplo extraído da estrutura do portal.rf08.srf
D im a c
A ge nda
R e la tó rio de G e s tã o 20 08
G e re n c ia is
D ite c
N o ite Fe liz II N o ite A z u l 1 N o ite A z u l 2
M ú s ica s N a ta lin as
M ú s ica s
C o ra l R F 08
G a bin e te /S R R F 08
S u pe rin te nd ên c ia U n ida d es N o tíc ias
P á g in a In ic ia l
Á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• Abas conteúdo/visão/edição
Atividade 01
Criar uma pasta em sua áreaNome da pasta: TreinamentoNã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)
– Padrão• Título• Descrição – sempre preencha a descrição• Corpo de texto
Página – cont.
– Categorização• Categorias• Itens relacionados• Local• Idioma
– Datas• Data de publicação• Data de expiração
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”
Aplicar a categoria “Treinamento” a ambas
Página - final
– Propriedade• Autores• Colaboradores• Direitos
– Configurações• Modo de apresentação• Tabela de conteúdos
– Permitir comentários e Excluir da navegação serão vistos posteriormente
– Comentário da Versão
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çaCrie 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 treinamentoAplique pelo menos 2 categorias novas no
eventoColoque 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 tamanho– 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
até o momento de usá-la
Atividade 05
Pesquise na Internet uma imagem que reflita a realidade de seus sonhos de criança hojehttp://commons.wikimedia.org
Baixe a imagem em uma pasta no computadorFaça o upload da imagem em sua pasta do
PloneInsira 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 EmbutidaQualquer 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 06Criar 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
Use a descrição
como primeiro parágrafo do texto (antes
do “leia mais”)
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 arquivo para publicar um arquivo PDF
Link
Item usado para descrever um link para algum site da Internet
• Campo– URL
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 prediletoObserver que navegar para o link que você
pode editar abre o objeto link no PloneVerifique 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– Administrador
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– Pode ler itens de conteúdo não-publicados!
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 criadoObserve que o mesmo aparece na lista de
revisãoVerifique quais as opções do menu de
publicação para itens no estado pendentePublicar 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çãoVerifique que o item apareceu na lista de
revisãoVá para a Página principal do portal e
verifique que o item continua na listaNavegue para o item pela lista e
publique-o
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ópiaReordene os itens da pasta
Confira atualizando a pasta
Você percebeu qual foi a regra para o nome curto
da cópia?
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 outObserve 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
• 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 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
Interessante para criar uma “homepage” para uma pasta!
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 categorias
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”?– Para listar as “subcoleções” de uma coleção
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 pastaCriar uma página dentro delaCriar uma imagem dentro da pasta e
adicionar à páginaRetirar a imagem da navegaçãoCriar um arquivo dentro da pastaConfigurar a pasta para visão de item
com o item padrão sendo a página
Parte finalComentários finais
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)– “Gerador de formulários” (PloneFormGen)
Funcionalidades previstas para o futuro
• Desenvolvimento de aplicativos– Tipos de conteúdo como “Processo” ou
“Videoconferência”• Consolidação de categorias• Atualização de versões do Plone
