Gestao Manual Portal Modelo Governo Federal Dez2014

MANUAL DE GESTO DE

CONTEDO DO PORTAL

INSTITUCIONAL PADRO

IDENTIDADE PADRO DE COMUNICAO

DIGITAL DO PODER EXECUTIVO FEDERAL

verso 4.3 | 12/2014 Secretaria de

Comunicao Social

Sumrio

O sistema ........................................................................... 7

O que um CMS? ............................................................................ 7

O Plone ............................................................................................ 7

Como ele funciona ........................................................................... 8

Como acessar o sistema ....................................................10

Barra de gesto .............................................................................. 11

Gesto de usurios ...........................................................17

Para adicionar novos usurios ....................................................... 18

Compartilhamento: como atribuir permisses locais .................... 20

Edio e insero de contedo ..........................................24

Como criar uma pasta .................................................................... 25

Como alterar a ordem dos itens gravados dentro de uma pasta ... 26

Como renomear ttulos e nomes curtos ........................................ 27

Como escolher a viso padro ....................................................... 30

Como inserir arquivos .................................................................... 38

Como inserir um novo texto (artigo e pgina) ............................... 40

Como inserir udios ....................................................................... 42

Como criar uma coleo ................................................................ 46

Como usar o embedder ................................................................. 50

Como criar uma agenda ................................................................. 52

Como criar os portlets calendrio estendido e busca em uma agenda59

Como editar os portlets calendrio estendido e busca em uma agenda

........................................................................................................... 67

Como criar uma capa de agendas ...................................................... 69

Como inserir imagens .................................................................... 72

Como criar um link ......................................................................... 75

Como criar um Contedo externo ................................................. 77

Como criar uma pasta de formulrio ............................................. 77

Como adicionar campos a um formulrio .......................................... 80

Como criar uma enquete ............................................................... 96

Como criar os portlets de Contedo Relacionado Multimdia ........ 98

Portlet Portal Padro Coleo ............................................................ 99

Portlet Portal Padro Carrossel de Imagens ..................................... 102

Portlet Portal Padro Galeria de Vdeos ........................................... 105

Portlet Portal Padro Galeria de udios ........................................... 107

Portlet Portal Padro udio.............................................................. 109

Portlet Portal Padro Vdeo .............................................................. 110

Como usar o Mltiplos arquivos .................................................. 112

Como editar itens j publicados ................................................... 114

Como criar regras ........................................................................ 117

Como publicar ou privar um contedo ........................................ 121

Como inserir botes de ao em rede social ............................... 124

Como preencher a guia Propriedade ........................................... 126

Como preencher a guia Categorizao ........................................ 128

Como preencher a guia Datas ...................................................... 132

Como editar um artigo/pgina ........................................ 134

Como inserir imagem ................................................................... 138

Como inserir uma imagem no corpo do texto (incorporar) .............. 138

Como inserir uma imagem que ficar atrelada ao texto ................... 141

Como criar uma Galeria Animada..................................................... 142

Como remover uma imagem do corpo do texto .............................. 145

Como inserir links no corpo do texto ........................................... 146

Como criar um link interno .............................................................. 146

Como criar um link externo .............................................................. 150

Como inserir um link para um endereo de e-mail ........................... 152

Como criar uma ncora .................................................................... 153

Como remover um link do corpo do texto ....................................... 154

Como incorporar um vdeo, slides, udio e publicaes em redes

sociais .......................................................................................... 155

Como incorporar um udio gravado no ambiente da gesto de

contedo .......................................................................................... 161

Como incorporar publicaes de redes sociais ................................. 165

Como inserir uma tabela ............................................................. 171

Como criar uma galeria de fotos ..................................... 172

Galeria de fotos a partir de uma coleo ..................................... 173

Galeria de fotos a partir de uma pasta ........................................ 177

Como criar uma galeria de lbuns ............................................... 179

Como exibir uma galeria em artigos ............................................ 181

Atualizao de capas ....................................................... 182

Como criar uma capa ................................................................... 183

Como criar o layout de uma capa ................................................ 184

Composio da capa .................................................................... 190

Check out e check in .................................................................... 192

Tiles (Mdulos) ............................................................................ 196

Cabealho (Chapu de Editoria/Linha-fina) ...................................... 198

Notcia (Manchete) .......................................................................... 199

Basic (Manchete) ............................................................................. 204

udio (Player de udio) ................................................................... 206

Carrossel Multimdia (Galeria de fotos) ............................................ 207

Galeria de Vdeos (Galeria de Vdeos) .............................................. 209

Galeria de udios (Galeria de udio) ............................................... 211

Social (Redes Sociais) ....................................................................... 212

Como encontrar o widget id de um perfil administrado pela minha equipe

.................................................................................................................. 213

Como encontrar o widget id de um perfil no administrado pela minha

equipe ....................................................................................................... 218

Vdeo (Vdeo) ................................................................................... 219

Em Destaques (Barra de Destaques) ................................................ 221

Collection (Lista ltimos contedos e Links externos) .................... 223

Link .................................................................................................. 226

Banner tile ........................................................................................ 226

Texto Rico (Manchete / Banner Destaque)....................................... 230

Banner Destaque ...................................................................................... 231

Demais banners ........................................................................................ 236

Embedding ....................................................................................... 237

Como incorporar a transmisso da TV NBR ............................................. 237

Como incorporar a publicaes em redes sociais .................................... 238

Agenda (Agenda) .............................................................................. 241

Banner Rotativo (Banner Rotativo)................................................... 244

Galeria de lbuns (Galeria de lbuns) ............................................... 247

Enquete (Enquete) ........................................................................... 250

Espaador (Espaador) ................................................................. 251

Configurao da Capa .................................................................. 253

Como configurar uma Pgina de Destaque ...................... 254

Como criar uma Pgina de Destaque ........................................... 257

Como criar contedos e montar a capa da Pgina de Destaque .. 261

Como criar a capa da Pgina de Destaque ........................................ 261

Tile Espaador .................................................................................. 264

Como atualizar a capa da Pgina de Destaque ................................. 266

Como criar o menu horizontal de uma Pgina de Destaque ............. 267

Como despublicar uma Pgina de Destaque .................................... 272

Edio de cabealho, coluna de menus e rodap ............. 274

Cabealho ........................................................................................ 274

Header do Portal Institucional Padro ..................................................... 274

Atalhos de teclado, barra de acessibilidade e barra de idiomas ............. 276

Campo de busca ....................................................................................... 284

Redes sociais ............................................................................................. 285

Barra de servios ...................................................................................... 286

Tema ......................................................................................................... 287

Barra de governo ............................................................................. 289

Coluna de menus ............................................................................. 289

Menu de relevncia .................................................................................. 290

Menu principal ......................................................................................... 291

Como criar um Portlet de Navegao ............................................................ 291

Centrais de Contedos ............................................................................. 293

Como criar um Portlet Esttico ...................................................................... 295

Rodap ........................................................................................ 300

Verso em Lngua Estrangeira ......................................... 301

Como configurar o idioma do site ................................................ 301

Como configurar cabealho, coluna de menus e rodap para a

lngua estrangeira ........................................................................ 305

Cabealho ................................................................................................. 305

Header do Portal Padro ............................................................................... 305

Atalhos de teclados, barra de acessibilidade e demais links ......................... 307

Redes sociais ............................................................................................. 312

Barra de servios ...................................................................................... 313

Contato .......................................................................................................... 314

Coluna de menus ...................................................................................... 315

Menu de relevncia ....................................................................................... 315

Menu principal ............................................................................................... 316

Centrais de Contedos ................................................................................... 318

Rodap ...................................................................................................... 320

Como ativar a barra de idiomas ................................................... 321

Manuais Identidade Padro de Comunicao Digital do

Poder Executivo Federal ................................................. 326

Manual de Diretrizes ................................................................... 326

Guia de Estilo do Portal Institucional Padro ............................... 327

Manual de Funcionalidades Avanadas dos Portais - CMS Plone . 327

Manual de Consulta Rpida para Gesto de Contedo do Portal

Institucional Padro - CMS Plone ................................................. 327

Manual Tcnico de Instalao do Portal Institucional Padro - CMS

Plone............................................................................................ 327

Manuais de apoio ........................................................................ 327

Anexo I Especificidades do Portal Brasil ........................ 328

Cobertura ao vivo da TV NBR ....................................................... 328

Como incorporar publicaes de redes sociais na home do Portal

Brasil ............................................................................................ 333

Redes sociais do Portal Brasil ....................................................... 336

Como publicar vdeos no canal do Portal Brasil no Youtube ........ 337

Anexo II Especificidades do Portal do Planalto .............. 341

Como escolher a viso padro: Busca Multifacetada ................... 341

Configurao dos filtros da Busca Multifacetada aplicados no Portal do

Planalto ............................................................................................ 342

Filtro de Pesquisa ..................................................................................... 342

Discursos ................................................................................................... 345

Entrevistas ................................................................................................ 346

Notas oficiais ............................................................................................ 347

Caf com a presidenta .............................................................................. 348

Conversa com a presidenta ...................................................................... 348

Bom dia, Ministro ..................................................................................... 349

Brasil em Pauta ......................................................................................... 349

Aviso de Credenciamento ........................................................................ 350

Releases .................................................................................................... 351

Como criar um Blog externo ........................................................ 351

Como criar a agenda do Presidente em Exerccio ........................ 353

Capas de Agendas ............................................................................ 355

Destaques da Home do Portal do Planalto................................... 360

Player ao vivo da TV NBR ................................................................. 360

Blog do Planalto e Conversa com a Presidenta ................................. 361

Caf com a Presidenta...................................................................... 362

Agenda do Presidente em Exerccio ................................................. 364

Tile Agenda alimentado por Agenda do Presidente em Exerccio ........... 364

Alterao da viso padro da pasta Agenda ............................................ 369

Redes sociais do Portal do Planalto ............................................. 370

Verso Data Descrio da mudana

1.0 Novembro de 2013 Criao do manual

2.0 Janeiro de 2014 Insero dos itens

Como criar uma agenda (no lugar do item Como criar um

evento na agenda)

Como criar um contedo externo

Check in e check out

Tile: Agenda

Tile: Banner Rotativo

Tile: Destaques

3.0 Fevereiro de 2014 Atualizao dos itens/captulos:

Agenda

Tiles

Banner Destaque

Tile: Galeria de lbuns

Configuraes da Capa

Edio de cabealho, coluna de menus e rodap

Como escolher a viso padro

Mltiplos arquivos

Atalhos de teclado, Barra de acessibilidade e Barra de

idioma

Criao do item Centrais de Contedos

Criao do item Como preencher a guia Datas

Criao do item Como criar uma galeria de fotos

Reviso geral 3.1 Maio de 2014 Insero do captulo Verso em Lngua Estrangeira

Atualizao dos itens

Check in e check out

Tile Social

Tile Embedding

Como incorporar um vdeo, slide, udio ou redes sociais

Criao do item A pool tile

Padronizao dos nomes dos Tiles com os Mdulos da Guia

de Estilo

4.0 Outubro de 2014 Criao dos Anexos I e II

Criao do item Tile Espaador

Criao do item Como criar uma Pgina de Destaque

Criao do item Como publicar vdeos no canal do Portal

Brasil no Youtube

Criao do item Como criar os portlets de Contedo

Relacionado Multimdia

Criao do item Menu Centrais de Contedos no Portal Brasil

Atualizao do item Tile Banner Rotativo

Atualizao do item Contedo externo

Atualizao dos itens Tile Basic, Tile Basic News Article e

Banner Tile

Atualizao do item Como criar uma capa

Atualizao do item Como escolher a viso padro

Atualizao do item Como criar uma agenda

Atualizao do item Como preencher a guia categorizao

Atualizao do item Menu de relevncia

Atualizao do item Tile Header

Atualizao do item Como criar um link

Atualizao do item Como inserir uma imagem

Atualizao do item Como incorporar redes sociais

Atualizao do captulo Manuais Portal Padro

Atualizao do item Como criar uma pasta de formulrio

Atualizao do item Como inserir links no corpo do texto

Reviso geral

4.1 Outubro de 2014 Incluso do captulo Como configurar uma Pgina de

Destaque

4.2 Novembro de 2014 Incluso das novas nomenclaturas dos manuais

Reviso geral

4.3 Dezembro de 2014 Atualizao do tile Banner Rotativo

Atualizao do item Centrais de Contedos

Atualizao do captulo Tiles

Atualizao do item Colunas de menus

Atualizao do captulo Como configurar uma Pgina de

Destaque

Migrao do contedo Como criar os portlets de Contedo

Relacionado

Renomeao dos seguintes tiles

Header >Cabealho

Basic News Article >Notcia

Media Carrousel > Carrossel Multimdia

Video Gallery > Galeria de Vdeos

Audio Gallery > Galeria de udios

Rich Text > Texto Rico

A pool tile >Enquete

Reviso geral

Manual de Gesto de Contedo do Portal Institucional Padro - CMS Plone

7

O sistema

O objetivo desse manual apresentar a verso 4.3 do Plone e seus

principais recursos, habilitando o leitor a utilizar suas ferramentas para a

gesto de contedo e consequente aplicao nos demais sites do governo

federal desenvolvidos em Plone.

O que um CMS?

O termo vem da sigla em ingls para Content Management System, que

significa um sistema de gesto de contedo que permite o gerenciamento

de um site por pessoas sem conhecimento de.

O Plone

Em 2003, Alan Runyan, Alexander Limi e Vidar Andersen criaram um

sistema de CMS chamado Plone, com diretrizes bem definidas:

Usabilidade: termo utilizado para descrever a facilidade com que as

pessoas podem utilizar uma ferramenta para alcanar um objetivo

especfico. O Plone foi projetado desde o incio para seguir as

melhores prticas de usabilidade do mercado, resultando num CMS

simples e fcil de utilizar.

Acessibilidade: o Plone respeita todas as recomendaes de

acessibilidade do W3C (organizao que tem como objetivo definir

padres para os sites). Traduzindo: um site Plone permite que todas

as pessoas consigam acess-lo e encontrar informaes disponveis,

independentemente de deficincia fsica ou do tipo de

equipamento utilizado. Significa que um site Plone no apresenta

barreiras ao acesso a qualquer tipo de usurio.

Segurana

O Plone utiliza o Zope como servidor de aplicao. O Zope foi criado para

ser um sistema totalmente seguro, e isso torna o Plone um dos CMS com

melhores nveis de segurana.


8

Como ele funciona

Antes de comearmos com as explicaes, interessante deixar alguns

pontos claros e esclarecer os conceitos principais de funcionamento do

Plone.

Esses conceitos sero utilizados neste manual. Por isso, seu entendimento

de fundamental importncia para a administrao de um site ou intranet

desenvolvido em Plone.

Interface administrativa igual interface pblica:

No Plone, no necessrio aprender uma nova interface para poder

gerenciar o seu contedo. A interface administrativa a mesma utilizada

pela viso pblica do seu site, apenas com a adio de uma pequena barra

de gesto de contedo que ir permitir realizar as aes de

gerenciamento. Sendo assim, voc poder edit-lo da mesma maneira que

navega por ele.

Tudo no Plone um objeto e gravado em pastas:

No Plone, todos os textos, imagens e arquivos so considerados objetos, e

estes podem ser organizados em pastas uma estrutura muito comum

maioria dos sistemas operacionais. Assim, no Plone voc pode criar pastas

e guardar seus objetos dentro delas.

Padres

Todo o cdigo das pginas do Plone foi desenvolvido seguindo os Padres

Web definidos pelo W3C. Esses padres so normas e procedimentos que

definem a maneira correta que um cdigo deve ser escrito para que seja

compatvel com todos os softwares disponveis no mercado e com os que

ainda sero lanados.

Open Source (ou programa com cdigo aberto)

O Plone um sistema Open Source, ou seja, um programa com cdigo

aberto que pode receber colaboraes de programadores do mundo

inteiro. Dessa forma, tambm um programa em fase constante de

evoluo, e que no est preso a um fornecedor especfico para continuar


9

a ser usado. Alm disso, no necessrio pagar uma licena para utilizar o

Plone, o que diminui em muito o custo de um projeto.

GitHub do Portal Padro

GitHub um repositrio de cdigo de programao no qual os

desenvolvedores e pblico em geral trocam informaes para realizar

melhorias nos cdigos e produtos criados.

O Portal Padro possui um repositrio no GitHub. Para acess-lo, clique

(ou copie e cole na barra do seu navegador) o endereo a seguir:

https://github.com/plonegovbr/brasil.gov.portal


10

Como acessar o sistema

A rea administrativa de um site desenvolvido em Plone de uso

exclusivo dos membros registrados nele. Por isso, para acessar essa rea,

cada integrante recebe um nome de usurio (ou login) e uma senha, e

com eles a permisso para entrar na rea administrativa do site.

As recomendaes abaixo devem ser seguidas para que a segurana da

informao seja preservada:

O uso do login e senha de responsabilidade de cada usurio, que

deve mant-los sob sigilo;

Ao finalizar o trabalho necessrio no ambiente de gesto, encerre a

seo (ou, como tambm conhecido, faa logout), explicado

abaixo;

Ao logar no ambiente de gesto, mantenha-se na rea de sua

atuao, evite abrir ambientes cujos contedos no esto sob sua

responsabilidade. O Plone registra o histrico de todos os seus

acessos ao ambiente de gesto, a partir do seu login e senha.

Como citado no captulo anterior, a interface administrativa e de

visualizao dos visitantes a mesma. Entretanto, para melhorar o acesso

dos gestores de contedo e aumentar a segurana das informaes, o

Serpro disponibiliza um endereo especfico para edio dos contedos,

que passar a ser chamado neste manual de ambiente da gesto de

contedo.

Para acessar o ambiente da gesto de contedo do Portal Padro digite o

endereo:

http://portalpadrao.gov.br/login_form


11

Informe seus dados de usurio e senha e clique o boto Acessar. A partir

desse momento, voc poder navegar pelo site e realizar as atualizaes

necessrias.

Para realizar o logout, clique no boto cinza com o nome do usurio,

localizado no canto superior direita da tela do seu navegador e escolha

Sair.

Barra de gesto

Ao efetuar o login no ambiente da gesto de contedo, aparecer uma

tela de boas-vindas. Clique no link Ir para a pgina inicial do Nome do

Portal para dar incio gesto de contedo.


12

Ao fazer esse comando, aparecer a barra de gesto. Essa barra verde

permite o acesso e edio dos contedos das pastas, a atualizao da

home e das capas internas e a publicao ou despublicao dos itens.

A seguir, conhea as funcionalidades mais usadas pelos gestores de

contedo:

Contedo

Ao clicar sobre a aba Contedo, o administrador do site tem acesso

relao dos contedos gravados (estejam eles publicados ou no) em uma

pasta. Pode ser substitudo pelo termo /folder_contents digitado ao fim

do endereo da pasta.

Por exemplo:

Para acessar o contedo da Pasta Assuntos

(http://portalpadrao.gov.br/assuntos ) digite /folder_contents no fim da

barra de endereo (http://portalpadrao.gov.br/assuntos/folder_contents).


13

A aba Contedo permite que o gestor realize alteraes com os objetos

que esto gravados, como copiar, recortar, colar, renomear, excluir ou

alterar estado.


14

Para realizar qualquer uma das aes, clique no quadrado de seleo ao

lado do nome do objeto e, em seguida, escolha uma das opes.

Confira a seguir detalhes sobre essas aes:

Copiar: copia o item selecionado para ser colado em uma pasta (a mesma

ou outra diferente). Este comando mantm o arquivo em sua pasta

original.

Recortar: recorta o item selecionado para ser colado em uma pasta (a

mesma ou outra diferente). A diferena para o comando Copiar que o

item no ficar mais disponvel em sua pasta original.

Renomear: permite renomear a URL de um objeto j salvo no ambiente

de gesto do site.

Colar: ao copiar ou recortar um item, atualize a pasta de destino (por

meio do comando F5 do seu teclado, por exemplo) que receber este

arquivo para que a opo aparea na barra. Ao clicar em Colar, o objeto

ser transferido para o novo local.

Excluir: Apaga um item da lista de contedos de uma pasta. Importante

lembrar que, ao clicar neste boto, o objeto excludo imediatamente,

sem qualquer pergunta do estilo Voc tem certeza que deseja fazer esta

operao?, comumente presente para este tipo de ao.

Alterar estado: permite que o objeto (e demais itens que pertenam a

este objeto) sejam publicados ou privados (despublicados) no ambiente

de gesto. Ao publicar, o item ficar visvel para demais visitantes

(exceo para aqueles excludos da navegao). Itens privados ficam

salvos no ambiente da gesto de contedo, porm, no ficam disponveis

para o pblico. Saiba mais na seo Como publicar ou privar um

contedo.

Viso

Representa a maneira como um contedo ser apresentado quando

acessado fora do ambiente de gesto de contedo. Quando se define a

viso padro de um item esta aba que deve ser clicada para verificar se

a escolha foi correta.


15

Edio

Permite editar um tipo de contedo (como pastas, arquivos, fotos, vdeos,

textos) previamente gravado no ambiente de gesto. Pode ser substitudo

pelo termo /edit digitado ao fim da URL.

Por exemplo:

Para editar o texto usado como teste

(http://portalpadrao.gov.br/conteudos-de-marcacao/texto-1-titulo-da-

noticia-entre-35-e-90-caracteres/), escreva /edit ao fim do endereo

para abrir o item para a edio (http://portalpadrao.gov.br/conteudos-de-

marcacao/texto-1-titulo-da-noticia-entre-35-e-90-caracteres/edit).

Sempre que for editar algum item, lembre-se de salvar ou cancelar a

operao. Se o objeto for fechado sem um dos comandos, ele ficar preso

e impossibilitado de edio (saiba como destravar um objeto preso ao

nome de uma pessoa na seo Como renomear ttulos e nomes curtos).

Compor

Esta aba est disponvel apenas para o objeto tipo Capa. nela que o

gestor de contedo ir distribuir os contedos no layout da capa e

tambm edit-los (tamanho de ttulo, subttulo, foto, etc.).

Layout

Permite a criao do layout do objeto Capa, utilizado geralmente para a

home do site e suas capas internas.

Regras

Permite um controle sobre a organizao dos contedos espalhados pelo

site. possvel, por exemplo, definir uma regra para que, a cada vez que

determinado tipo de objeto seja publicado (por exemplo, uma imagem),

ele seja transferido para uma pasta especfica (no caso, uma pasta de

imagens).

Compartilhamento


16

Permite atribuir permisses a um usurio ou grupo de usurios para

objeto ou rea especficos.

Aes

Permite que o gestor recorte, copie, exclua ou renomeie o objeto em

questo. Ou seja, se o gestor de contedo estiver em uma pgina de

texto, ele poder copiar ou excluir esse texto a partir desta aba. Se o

gestor estiver em uma pasta ele ir copiar, recortar ou excluir todo o

contedo desta pasta.

Exibio

Permite escolher qual o tipo de viso que o item ter (saiba mais no

item Como escolher a viso padro).

Adicionar Item

Utilizado para inserir novos itens em determinada pasta.

Estado

Altera o estado de publicao de um item para publicado ou privado.

Todos os itens criados esto no estado privado. Para alter-lo, clique na

seta ao lado do termo Estado e escolha a opo Publicar. Caso o objetivo

seja o inverso, clique em Retirar. Veja mais sobre esta aba no item Como

publicar ou privar um contedo.

Media

Esta aba s aparece na barra de gesto do objeto tipo Artigo e permite

que o gestor edite as informaes de uma (ou mais) imagem atrelada ao

texto.


17

Gesto de usurios

Para criar ou alterar permisses, preciso possuir o perfil de

Administrador do Site.

Caso voc tenha esse nvel de permisso e esteja habilitado a gerenciar os

usurios do seu site, faa os seguintes passos, aps realizar o login ao

sistema:

Na barra da parte superior do site, clique em seu nome para acessar

o Drop Down Menu (seta para baixo) e clique no item Configurao

do Site;

Clique em Usurios e Grupos.

Nessa rea, possvel:

Adicionar um novo usurio (passo a passo a seguir);

Ajustar as permisses de um usurio;

Reiniciar a senha de um usurio;

Excluir um usurio (evite selecionar este item*);

Criao de grupos com permisses especficas (por meio da aba

Grupos, localizada na barra de gesto de contedo).


18

*Importante:

Evite excluir um usurio. Para usurios que no tero mais acesso ao

sistema, recomenda-se: limpar a senha, excluir o endereo de e-mail do

cadastro e remover todas as permisses. Isso impedir qualquer forma de

acesso por este usurio.

Lembre-se sempre de clicar em Aplicar Alteraes para salvar as

mudanas feitas.

Para adicionar novos usurios

Clique no item Adicionar novo usurio para acessar formulrio de criao

de usurios.

Preencha os campos indicados: Nome completo, Usurio, E-mail, Senha,

Confirme a senha e, por fim, escolha o grupo que esse usurio estar

vinculado (opcional). Finalize clicando em Registrar.


19

Observaes importantes sobre o preenchimento do formulrio de adio

de novos usurios:

Nome completo: nome completo, por exemplo, Joo da Silva;

Usurio: o login que o gestor de contedo usar para acessar o

ambiente da gesto de contedo do Portal Padro.

Nomes de usurios e senhas so sensveis a letras maisculas e

minsculas. Isso quer dizer que se o login escolhido for Jsilva, o

usurio dever sempre escrever dessa maneira, com a letra J

maiscula. Por isso, ao cadastrar o nome do usurio, confirme se a

tecla Caps Lock do seu teclado est ou no ativa.

E-mail: ser utilizado no caso de esquecimento de senha;

Senha: mnimo de cinco caracteres; *

Grupos: cada grupo possui permisses diferentes para cada seo

do site, com restries especficas de viso, criao e edio de


20

reas, com exceo para o perfil Administrador, que possui nvel

administrativo (acesso ilimitado a todas as reas do sistema).

* Observao relativa senha: a escolha da senha deve ser feita pelo prprio usurio.

O administrador, aps a criao do login e da senha provisria, deve enviar o link

http://portalpadrao.gov.br/@@change-password para que o prprio usurio faa as

devidas alteraes.

Aps a criao do usurio, possvel escolher (ou retirar) as permisses

atribudas a ele. Para isso, faa a seleo correspondente e depois clique

em Aplicar Alteraes para salvar as alteraes.

Confira abaixo as descries de cada um dos papis existentes no sistema:

Colaborador: permite incluir contedos e envi-los para publicao;

Editor: permite editar todos os contedos j existentes;

Membro: permite logar no sistema. O usurio possui uma rea

pessoal com informaes bsicas editveis;

Leitor: permite visualizar contedo;

Revisor: permite aprovar e publicar contedos;

Administrador do Site: tem acesso completo a todas as funes

relativas ao contedo do site;

Administrador: alm de ter acesso completo a todas as funes

relativas ao contedo do site, este papel permite realizar operaes

de configurao do site.

Compartilhamento: como atribuir permisses locais

A aba Compartilhamento, presente na barra de gesto de contedo,

permite atribuir permisses a um usurio para um objeto ou rea

especficos.

A gesto de compartilhamento de um objeto ou rea permite criar limites

para quem pode ver ou alterar um contedo. Por exemplo, possvel criar

um grupo de editores e redatores especficos para administrar uma rea

do site. Para realizar essa tarefa, faa os seguintes passos:


21

1. Aps entrar na rea de criao de usurios, clique na aba Grupos na

barra de gesto de contedo;

2. Clique no boto Adicionar novo grupo e preencha o campo Nome e

Ttulo. Os demais campos so opcionais. Clique em Salvar;

3. Escolha os papis que este grupo poder desempenhar. O conceito

de cada papel est no item Para adicionar novos usurios. Caso

seja preciso, possvel apagar um grupo criado. Para isso, selecione

a opo Excluir Grupo;

4. Clique em Aplicar Alteraes para efetuar as alteraes;

5. Acesse a pasta em que se deseja fazer o compartilhamento;

Exemplo: se o compartilhamento vai ser feito para a pasta Sobre,

acesse este endereo: http://portalpadrao.gov.br/sobre;

6. Clique na aba Compartilhamento, localizada na barra de gesto de

contedo;

7. Caso seja exibida a mensagem abaixo, ser compartilhado apenas o

item escolhido como viso padro de uma pasta. Para ser

direcionado e editar os papis para a pasta, acione o boto clique

aqui;


22

8. Escreva o grupo ou usurio que ter permisses para administrar o

contedo especfico no campo Buscar por usurio ou grupo e clique

no boto Buscar. O usurio/grupo aparecer no quadro de relaes

de usurios;

9. Escolha as permisses selecionando no quadro correspondente a

cada uma das definies abaixo:

Pode adicionar: representa o papel do Colaborador e permite

que o usurio ou grupo adicione contedo e envie para

publicao;

Pode editar: representa o papel do Editor e permite que o

usurio ou grupo edite contedo;

Pode revisar: representa o papel de Revisor e permite que o

usurio edite ou publique contedo que tenha sido enviado

para publicao;

Pode ver: representa o papel do Leitor e permite que o

usurio apenas visualize o contedo;

10. Herdar permisses dos nveis superiores: se esta caixa estiver

selecionada, qualquer usurio do site poder administrar o

contedo. Se ela for desabilitada, sero respeitadas as permisses

definidas com os usurios com os quais o contedo foi

compartilhado;

11. Clique no boto Salvar para salvar as alteraes realizadas. Caso

no tenha certeza do que foi feito ou deseja desfazer alguma

alterao, clique no boto Cancelar.

possvel que os gestores de contedo se deparem com os smbolos e

ao compartilhar os contedos do site.

O primeiro smbolo ( ) indica as permisses de um usurio definidas na

pasta me de um tema. Ou seja, assim que uma pasta for compartilhada

com um usurio e forem definidas quais permisses ele possui, as mesmas

sero repetidas para todos os contedos que ali estiverem gravados.

Por exemplo:


23

As permisses definidas na pasta Sobre

(http://portalpadrao.gov.br/acesso-a-informacao/sharing) sero repetidas em contedos como as demais pastas que fizerem parte deste tema,

capas, pginas, arquivos de imagem, vdeo, etc. Para alterar alguma

permisso, preciso acessar novamente o boto Compartilhamento da

pasta me.

Permisses

definidas na

pasta me

Permisses

herdadas da

pasta me


24

O segundo smbolo ( ) indica as permisses herdadas a partir do

momento em que um usurio ou grupo foi criado. Ou seja, se ao criar um

novo grupo for definido que o papel deste ser de apenas editar

contedo, ao compartilhar uma pasta a permisso para edio deste

usurio j estar definida.

Edio e insero de contedo

Toda a estrutura de um site desenvolvido em Plone composta por

objetos organizados em pastas. Um submenu sempre ser uma pasta.

Na Identidade Digital do Poder Executivo Federal, o site j possui dois

menus separadores, que devem ser repetidos nos demais sites,

respeitando as caractersticas editoriais de cada rgo.

Todas as pastas que estiverem na raiz de contedo do Portal Padro,

como os casos das pastas Assuntos e Sobre, so chamadas de menu de

primeiro nvel.

Para inserir, excluir ou editar contedos j existentes, clique na seo

desejada. Para acessar a lista de contedos da seo, digite

/folder_contents no final do endereo ou ento clique na aba Contedo

na barra de gesto.

Exemplos:

Menu Assuntos

http://portalpadrao.gov.br/assuntos/folder_contents

Menu Acesso Informao

http://portalpadrao.gov.br/acesso-a-informacao/folder_contents

Com este comando, sero exibidas todas as pastas que contm contedo.

Essas pastas formam o segundo nvel de cada menu. Os textos e demais

contedos que sejam inseridos ali so considerados como itens de terceiro

nvel, e assim sucessivamente.


25

Como criar uma pasta

Todos os contedos devem ser publicados dentro de pastas. Para criar ou

editar uma pasta, faa os seguintes passos:

1. Na barra de gesto, acesse a aba Contedo do local em que ser

criada a pasta.

Exemplos: se for preciso criar um novo item de menu dentro de

Assunto, clique na aba Contedo desta pasta ou ento copie e cole

este endereo na barra de endereos do seu navegador:

http://portalpadrao.gov.br/assuntos/folder_contents;

2. Na barra de gesto de contedo, clique em Adicionar Item e

escolha Pasta para abrir o formulrio para a criao de pasta. a

que devero ser gravados todos os elementos (texto, udio, vdeo,

infogrficos, arquivos ou fotos). O nome escolhido para a pasta ser

o seu nome curto (parte integrante do link). Portanto escolha o

nome correto;

3. Na guia Contedo, preencha obrigatoriamente o campo Ttulo com

o nome da pasta. O campo Descrio optativo;

4. A guia Datas atualizada automaticamente assim que o objeto

publicado. Caso seja preciso especificar a data e a hora de

publicao para este objeto, elas devem ser indicadas no campo

Data de Publicao seguindo os formatos dd/mm/aaaa e hh:mm. O

relgio segue o padro 24h;

5. Para gravar as alteraes e criar a pasta, clique em Salvar.

* IMPORTANTE: ao criar uma pasta, ela aparece com o Estado

Privado. Isso significa que o item estar dentro do sistema, mas no

aparecer para quem acessa o site fora do ambiente de gesto. Para

public-lo, clique na seta ao lado da palavra Privado e escolha a

opo Publicar. Para despublicar o contedo, selecione Retirar.


26

6. Ao publicar, o objeto criado ficar visvel para o visitante do site e

passar a integrar o menu da pasta em que foi salvo. Caso seja

necessrio, possvel escond-lo da navegao sem a necessidade

de despublicar o mesmo. Para isso, abra o item para edio e, na aba Configuraes, marque

a opo Excluir da navegao. Com esse comando, o objeto

permanece publicado no administrador do site, mas fora da

estrutura de menus do site. Para que um objeto volte a aparecer na

navegao, clique em Edio (na barra de gesto), acesse a aba

Configuraes e desmarque a opo Excluir da navegao.

Como alterar a ordem dos itens gravados dentro de uma pasta

Para mudar a ordem em que os itens vo aparecer nas sees do site,

clique e mantenha pressionado o boto esquerdo do mouse no espao

cinza ao lado dos quadrados de seleo e arraste para cima ou para baixo.

Atualize a pgina e veja se a alterao desejada foi realizada. Caso no

tenha sido, repita a operao.

Ordem realizada pelo navegador Google Chrome:

Ordem realizada pelo navegador Mozilla Firefox:


27

Como renomear ttulos e nomes curtos

O nome curto de cada item a sua localizao no site. Para encontr-lo,

basta procurar pelo ltimo trecho da URL. Por exemplo: o nome curto do

objeto artigo abaixo est destacado em amarelo.

http://portalpadrao.gov.br/conteudos-de-marcacao/conheca-o-novo-

modelo-da-identidade-digital-padrao-do-governo-federal

Para alter-lo, basta acessar a aba Contedo da pasta onde o item a ser

alterado foi gravado, selecionar o quadrado ao lado do item e clicar em

Renomear.


28

No campo de edio, as palavras que formam o nome curto do item

devem ser separadas por - e no devem conter , smbolos ou

acentos.


29

possvel renomear mais de um item por vez, desde que estes estejam

dentro da mesma pasta. Selecione os quadrados ao lado dos itens e clique

em Renomear Tudo.

Itens que estiverem presos por outras pessoas no completam a tarefa.

Verifique qual item no foi renomeado e clique nele para descobrir quem

est com o mesmo. Avise a pessoa para que ela salve/cancele as

alteraes ou clique em Destravar na mensagem de alerta. Caso a

mensagem no suma, clique em Edio e salve o objeto.

DICA: h tambm uma forma mais rpida e prtica para renomear um

item. Entre no objeto, v na aba Viso e acesse o item Aes. Da s

optar pelo boto Renomear


30

Como escolher a viso padro

A viso padro de uma pasta se refere ao contedo que ser mostrado

assim que a mesma acessada.

Para escolher qual a viso padro de uma pasta, v at a barra de gesto

acesse a aba Viso, clique em Exibio e depois escolha uma das opes.

Selecione Escolher item como viso padro para os casos em que a viso

padro um item como Pgina ou Capa.


31

Viso padro: Objeto tipo Artigo


32

Viso padro: Capa


33

Os demais tipos de viso padro so:

Viso sumria: esta viso mostra o ttulo, a descrio e a foto

relacionada (se houver) de cada item gravado dentro de uma pasta;

Todo contedo: este tipo de viso abre e exibe todos os arquivos

que pertencem a uma pasta;


34

Viso Tabular: esta viso mostra todos os elementos da pasta

listando ttulo, autor, tipo de objeto e data de modificao;

Viso lbum: neste tipo de viso, as imagens so realadas;


35

Galeria de lbuns: esta viso usada em pastas que contenham

galerias de fotos (pastas com imagens) em sua raiz. Todos os lbuns

so listados seguindo a ordem de publicao do mais novo para o

mais velho. A imagem de cada galeria corresponde quela que est

na primeira posio da galeria. O boto Baixar lbum aparece

automaticamente.


36

Galeria de fotos: este tipo de viso usado em pastas que

contenham imagens para formar uma galeria de fotos. A ordem

exibida segue a ordem da aba contedo da respectiva pasta (saiba

como na seo Como alterar a ordem dos itens gravados dentro de

uma pasta). Os botes Baixar Imagem e Baixar Todo o lbum

aparecem automaticamente;


37

Viso Padro: apesar do nome, esta a viso usada sempre que

uma pasta criada.


38

Como inserir arquivos

Para inserir arquivos com extenso pdf, doc (documento Word), odt

(Texto Open Document), txt (documento de texto sem formatao),

xls (documento Excel), zip (arquivo que rene mais de um documento)

ou swf (arquivos em flash, somente para download) faa os seguintes

passos:

1. Escolha a pasta onde o arquivo dever ser adicionado. Caso ela no

exista, crie uma pasta e exclua da navegao se necessrio. Depois

disso, na barra de gesto da pasta, clique em Adicionar item e depois

em Arquivo;


39

2. Na guia Contedo, preencha os campos Ttulo e Descrio

(facultativo). Em Arquivo, clique em Escolher arquivo para fazer o

upload do arquivo desejado;

3. Na guia Categorizao devem ser colocadas as palavras-chave do texto

e tambm escolhidos os termos do Vocabulrio Controlado do

Governo Eletrnico (saiba mais no item Como preencher a guia

categorizao);

4. Na guia Propriedade, altere o campo Autores e Direitos com o devido

crdito, quando necessrio. O campo Colaboradores no precisa ser

completado;


publicado. Caso seja preciso especificar a data e a hora de publicao

para este objeto, elas devem ser indicadas no campo Data de

Publicao seguindo os formatos dd/mm/aaaa e hh:mm. O relgio

segue o padro 24h;

6. Clique em Salvar.

Representao do formulrio de preenchimento do objeto Arquivo:

Representao do resultado aps a insero correta de um arquivo em

formato pdf:


40

Como inserir um novo texto (artigo e pgina)

Existem dois objetos usados para a publicao de contedo em formato

de texto: o objeto Artigo (para textos noticiosos) e o objeto Pgina (usado

para textos institucionais).

Para criar um novo objeto Artigo faa os seguintes passos:

1. Na pasta em que ser inserido o texto, clique em Adicionar Item na

barra de gesto;

2. Escolha o item Artigo para abrir o formulrio para insero de texto;

3. Na guia Contedo devem ser preenchidos os campos Ttulo (com o

ttulo do texto), Descrio (com a sua linha fina), Subttulo (com o

chapu da editoria), Autor (com o nome do autor ou do rgo

responsvel) e Corpo do Texto (em que colocado o texto em si).

Observao: possvel copiar os textos diretamente do editor de

texto utilizado para a sua produo. Porm, recomenda-se que o

mesmo seja copiado e colado no Bloco de Notas (para perder a

formatao) e s ento ser aplicado no campo Corpo do Texto;

4. Na guia Categorizao devem ser colocadas as palavras-chave do

texto e tambm escolhidos os termos do Vocabulrio Controlado do


categorizao);




41



relgio segue o padro 24h.

possvel tambm agendar a publicao de um item. Para isso,

preciso alterar os campos em Data de Publicao, salvar o objeto e,

logo em seguida, public-lo. O item s ficar disponvel para quem

souber o endereo da URL. Quando o horrio de publicao for

atingido, o item ficar disponvel para todos os visitantes do site.

Tambm possvel agendar quando o Artigo deve voltar a ficar

privado. Para isso, basta alterar os campos em Data de Expirao.

Aps atingir o horrio, o item permanecer publicado, porm

indicado como expirado e, portanto fora da visualizao dos

visitantes. Como ainda consta como publicado, ele fica disponvel

para quem souber a sua URL. Recomenda-se nesse caso a excluso

ou despublicao do objeto;

6. Na guia Propriedades o campo Autores deve ser preenchido pelo

autor da publicao;


* IMPORTANTE: ao criar esse tipo de item, ele aparece com o Estado

Privado. Isso significa que o texto estar dentro do sistema, mas no

aparecer para os usurios do site. Para public-lo, encontre a barra de

gesto e clique na seta ao lado da palavra Privado e escolha Publicar. Para

despublicar o contedo, selecione Retirar.

O outro objeto utilizado para contedo em formato de texto a Pgina.

Os passos para a criao deste so os mesmos descritos anteriormente. A

nica diferena que este tipo de objeto pode ser excludo da navegao

(ou seja, ele continua publicado, mas fora da rea de visualizao do


42

internauta). Para ativar essa funo, acesse a guia Configuraes e depois

marque a caixa de seleo correspondente.

O objeto tipo Pgina possui um campo chamado Comentrio da verso,

em que possvel escrever, por exemplo, quais as alteraes foram

realizadas em uma edio de texto. Esse comentrio ficar aparente no

campo Histrico, que indica quantas vezes e quando o item foi alterado,

alm do responsvel por sua criao/edio.

Ao clicar em Histrico, possvel comparar as alteraes com as verses

mais antigas e ainda cancelar a ltima mudana para a anterior.

Como inserir udios

Todos os objetos tipo udio publicados no ambiente de gesto devem ser

publicados com a extenso .mp3 e .ogg. O site Online-Convert.com

(http://audio.online-convert.com/convert-to-ogg) faz a converso de

udios mp3 em ogg (e outros formatos) gratuitamente.


43

1. Na pasta em que ser inserido o udio, clique em Adicionar Item na

barra de gesto e depois em udio;

2. Na guia Contedo, preencha os campos Ttulo com o ttulo do udio

e Descrio com a legenda do udio. No campo Transcription

possvel colocar a transcrio do udio. Esta ltima ao

importante para o acesso ao contedo por pessoas com deficincia;


44




categorizao);

4. Na guia Propriedade, altere o campo Autores e Direitos com o

devido crdito, quando necessrio. O campo Colaboradores no

precisa ser completado;

5. A guia Datas atualizada automaticamente, assim que o objeto





6. Clique em Salvar;


45

7. Depois de salvo, clique em Adicionar item, localizado na barra de

gesto de contedo, e escolha o tipo de arquivo de udio que ser

relacionado;

8. Na nova aba que ir abrir no seu navegador, clique em Escolher

arquivo para buscar em seu computador o arquivo de udio e

depois clique em Salvar;

9. Volte para a aba anterior (tela do passo 6 deste item) e atualize a

pgina para que o player do udio (destacado em vermelho)

aparea;

10. V at a barra de gesto e, no campo Privado, selecione Publicar.

IMPORTANTE: udios que sero relacionados em um Artigo ou Pgina

devero ser publicados no sistema como Arquivo.


46

Como criar uma coleo

O objeto tipo Coleo possibilita que um conjunto de itens fique

disponvel em uma pasta ou em uma determinada rea da capa.

A coleo permite que sejam escolhidos os tipos de itens nela exibidos,

por meio de filtros (critrios) como Local do item e Tipo do Item.

Para criar uma coleo, acesse a pasta em que ela ser criada e, em sua

barra de gesto, clique em Adicionar item para, em seguida, escolher o

objeto tipo Coleo.

1. Na guia Contedo preencha o campo Ttulo com o nome da coleo

e o campo Descrio com a sua linha fina (se necessrio);

2. Para definir os critrios dessa coleo, use o campo Termos de

busca. possvel escolher mais de um critrio;

3. possvel tambm limitar a quantidade de resultados da busca e o

nmero de itens que sero mostrados quando a coleo for ao ar.

Para alter-los, basta mudar a numerao presente nos campos

Limite e Nmero de itens;





47



5. Faa as alteraes necessrias nas guias Categorizao e

Propriedade e depois clique em Salvar.

Para definir os critrios, preciso relacion-los no campo Termos da

busca. Ao clicar no box Selecionar, o sistema ir apresentar uma srie de

alternativas que podem ser escolhidas pelo gestor de contedo.

Ao clicar em um critrio, automaticamente aparecer um segundo e um

terceiro boxes que serviro para refinar a busca por critrios. Ao mesmo

tempo, um outro box Selecionar ficar disponvel abaixo da primeira linha,

para que o gestor possa indicar um novo critrio. possvel remover um

critrio ao clicar em Remove line.

A seguir, conhea os critrios existentes nesta verso do Plone.

Metadados

Criador: relaciona todos os itens criados por um gestor de

contedo. Pode ser definido a partir do nome do usurio ou ento

pelo usurio logado que est criando a coleo;

Local: relaciona a pasta em que o objeto ser buscado. dividido

entre Caminho relativo e Caminho absoluto. O primeiro termo

busca objetos na mesma pasta em que a coleo est sendo

gravada. O segundo termo deve indicar a pasta em que os objetos

tm de ser procurados;


48

Nome curto (id): nome curto a identificao de um objeto dentro

do sistema. Trata-se da ltima parte de um link (no exemplo abaixo

o nome curto est destacado em amarelo). Este tipo de critrio

relaciona somente os objetos que possuam um nome curto.

Para este critrio funcionar, importante que todo o nome curto de

um objeto seja escrito/copiado, incluindo eventuais sinais grficos

como traos e pontos.

http://portalpadrao.gov.br/noticias/ texto-1-titulo-da-noticia-

entre-35-e-90-caracteres;

Reviso do estado: este critrio permite que o gestor de contedo

escolha quais tipos de objetos sero procurados na coleo a partir

do seu estado de publicao.

Tipo: este critrio define qual tipo de objeto ser buscado pela coleo.

NITF (sigla para o objeto Artigo)

Subtitle: este critrio busca por palavras escritas no campo

Subttulo do artigo;

Author: este critrio pesquisa por palavras escritas no campo Autor

do artigo;

Section: este critrio procura pelo tipo de seo em que o artigo ir

aparecer. A seo selecionada na guia Categorizao de um

objeto tipo notcia;

Local: este critrio busca termos escritos no campo Localizao, na

guia Contedo do artigo;

Genre: este critrio pesquisa pelo tipo de gnero que um artigo foi

cadastrado. Para alterar o gnero, deve-se alterar o campo Gnero

na guia de Categorizao;

Urgency: este critrio procura pelo nvel de urgncia que um artigo

foi cadastrado. Para alterar a urgncia, deve-se alterar o campo

Urgncia na guia de Categorizao.

Texto


49

Ttulo: este critrio busca termos escritos no campo Ttulo, na guia

Contedo dos objetos;

Descrio: este critrio pesquisa termos escritos no campo

Descrio, na guia Contedo dos objetos;

Texto disponvel para busca: este critrio procura termos escritos

no campo Corpo do Texto ou Contedo alternativo presente na

guia Contedo dos objetos;

Tag: este critrio faz a seleo de objetos a partir das tags (palavras-

chave) cadastradas na guia Categorizao dos objetos.

Datas

Data da criao: este tipo de critrio determina a busca a partir da

data e hora em que um objeto foi criado.Data da efetivao: este

tipo de critrio determina a busca a partir da data e hora em que o

objeto foi publicado;

Data da expirao: este tipo de critrio determina a busca a partir

da data e hora em que o objeto foi expirado;

Data de incio do evento: este tipo de critrio determina a busca a

partir da data de incio cadastrada no objeto tipo evento;

Data de modificao: este tipo de critrio determina a busca a partir

da data e hora em que o objeto foi modificado;

Data de trmino de evento: este tipo de critrio determina a busca

a partir da data de trmino cadastrada no objeto tipo evento.

Representao do resultado aps a insero correta de uma coleo de

udios:


50

Como usar o embedder

O embedder um objeto utilizado para facilitar o procedimento de

incorporao de um vdeo, um udio ou uma apresentao de slides nos

textos.

Para esta ferramenta funcionar, preciso que o vdeo, o udio ou a

apresentao estejam hospedados em sites como YouTube e Vimeo (para

vdeos), SoundCloud (para udio) e SlideShare (para apresentao de

slides).

Para usar o embedder, realize os seguintes passos:

1. Para criar um objeto embedder, acesse a pasta de destino e na sua

barra de gesto clique em Adicionar item para, em seguida,

escolher o objeto de mesmo nome;


51

2. Na guia Contedo, cole a URL do vdeo, udio ou apresentao de

slide e depois clique em Carregar;

Observao: A URL do YouTube deve ter a seguinte formatao:

https://www.youtube.com/watch?v='cdigodovideo'

Vdeos que possua a expresso "feature=player_embedded&" na URL impedem

que o vdeo rode quando relacionado no Tile Carroussel.

3. O objeto automaticamente ir preencher os campos Ttulo, Largura,

Altura e Embedded HTML Code;

4. Altere os campos Largura e Altura conforme o padro adotado pelo

seu site (note que a largura mxima aqui de 768 pixels);

5. O campo Embedded HTML Code fornece o cdigo HTML que servir

para que o editor relacione o vdeo, udio ou apresentao de slide

dentro da estrutura do texto. Caso o editor de contedo tenha

alterado os campos largura e altura, os nmeros seguintes as

palavras width (largura) e height (altura) devem ser mudados;

6. Preview image o frame puxado automaticamente do site de

compartilhamento de mdia.

Caso essa funcionalidade no se aplique, ou o gestor de contedo

deseje trocar o frame, clique em Upload image e, na sequncia, em

Escolher arquivo para selecionar a nova imagem. O tamanho da

imagem sugerido 128 pixels de largura por 96 pixels de altura;

7. Utilize o campo Contedo alternativo para inserir a transcrio do

vdeo, udio ou apresentao de slides;




categorizao);

9. Na guia Propriedade, altere o campo Autores e Direitos com o

devido crdito, quando necessrio. O campo Colaboradores no

precisa ser completado;




52





Representao do resultado aps a insero correta de um embedder:

Como criar uma agenda

O tutorial abaixo explica como criar um objeto Agenda usando como

exemplo a agenda de um ministro fictcio. Este passo a passo tambm

pode ser replicado para qualquer autoridade do Poder Executivo que

tenha a necessidade/obrigao de publicar uma agenda diria:

1. Acesse a pasta que receber a agenda, v at a barra de gesto,

clique em Adicionar Item e depois em Agenda;


53

2. No campo Ttulo, coloque o nome que esta agenda receber;

3. No campo rgo, informe o rgo ao qual agenda pertence;

4. No campo Nome da autoridade, escreva o nome do ocupante

daquele cargo;

5. No campo Braso, adicione o arquivo de imagem do Braso da

Repblica no tamanho 64 pixels de largura por 64 pixels de altura;

6. Em Local do Compromisso pode ser preenchido com o local em que

os eventos so realizados. Note que, ao preencher este campo,

sempre que um compromisso for criado ele ser preenchido

automaticamente. Caso o local mude em um determinado

compromisso, lembre-se de editar este campo;



54

Para adicionar compromissos agenda criada, realize os seguintes passos:

1. Acesse a agenda em que ir inserir os compromissos;

2. Clique em Adicionar Compromisso;

3. Na aba Contedo, preencha os campos Data e Hora de incio e

Data e Hora de trmino;

4. No campo Compromisso, escreva sobre qual o evento que a

autoridade ir participar;

5. Em Outros participantes, preencha com o nome dos demais

participantes do compromisso (quando houver);

6. O campo Pauta serve para detalhar o compromisso cadastrado;

7. Em Local do Compromisso, mantenha ou altere o que estiver

cadastrado conforme a necessidade;


55


9. Ao salvar o primeiro compromisso, o sistema ir criar

automaticamente a agenda do dia. No breadcrumb, clique no link

que corresponde data (destacado em vermelho no print abaixo);


56

10. Para adicionar novos compromissos, clique em Adicionar

Compromisso;

11. Para Editar ou Remover um compromisso j existente, clique

sobre os respectivos links;

12. Quando a agenda do dia estiver completa, v at a barra de

gesto e, em Estado, clique em Publicado;

13. Se for preciso realizar alguma alterao aps a agenda ser

publicada, adicione um novo compromisso ou edite o

compromisso j existente;

14. Aps a insero ou edio de um compromisso, abra edio da

agenda do dia para indicar que houve alterao da agenda

previamente publicada. Para isso, no campo Atualizao, insira as

mudanas e depois clique em Salvar. A mensagem de alterao

(destacada em vermelho no segundo print a seguir) aparecer

logo abaixo do cabealho da agenda. Como o campo atualizao


57

possui as mesmas funes de um objeto tipo Pgina, possvel

relacionar links (internos ou externos), incorporar imagens, etc.


58

Para adicionar uma agenda sem compromissos, faa os seguintes

passos:

1. Acesse a agenda em que ir incluir essa informao;

2. Clique em Adicionar Agenda Diria;

3. Confira e altere (se necessrios) os campos Data desta agenda,

Nome da autoridade e Local do compromisso e depois clique em

Salvar;


59

4. Altere o estado da agenda para Publicado.

Como criar os portlets calendrio estendido e busca em uma agenda

As agendas podem ser acompanhadas por dois portlets que auxiliam o

visitante a encontrar compromissos oficiais j realizados: o portlet de

Calendrio Estendido (Extended Calendar portlet) e o portlet Busca para

agenda.

IMPORTANTE: Para que os dois portlets apaream na agenda de cada uma

das autoridades do rgo ser preciso repetir o passo a passo a seguir

para cada agenda de autoridade publicada em um site.

1. No objeto agenda de uma autoridade, clique no boto Gerenciar

Portlets, localizado na coluna lateral esquerda e acesse a rea

destinada para administr-los;

2. Para criar um dos dois portlets encontre a caixa de opes

Adicionar portlet, localizado no lado direito da tela do computador;


60

3. Para o portlet Calendrio Estendido, escolha a opo Extended

Calendar Portlet, para o portlet de Busca, escolha a opo Busca

para Agenda;

O primeiro portlet a ser configurado neste passo a passo o de Calendrio

Estendido. Essa ferramenta cria um calendrio na lateral direita da tela

que permite que o visitante acesse rapidamente a agenda de uma

determinada autoridade em dia, ms e ano especficos.

1. Na pgina de administrao de portlets, escolha a opo Extended

Calendar portlet, como j indicado no passo anterior;

2. No campo Ttulo, escreva a palavra Agenda;


61

3. No campo Raiz, escreva o nome do objeto agenda da autoridade na

qual se deseja relacionar o portlet e clique no boto Buscar;

4. No campo Resultados da busca, selecione a opo correta e clique

no boto Atualizar. Caso no aparea qualquer alternativa, faa

uma nova busca com outros termos at encontrar o nome da

agenda em questo.

No exemplo abaixo, o termo buscado foi Autoridade e o endereo

escolhido foi o que representa o objeto agenda daquela autoridade.

Use no campo de busca os termos Ministro, Gabinete, Assessoria

Jurdica, Assessoria Internacional, Grupo de Trabalho, Secretrio-

Executivo, entre outras palavras que possam ajudar na busca pela

agenda correta de uma determinada autoridade.

IMPORTANTE: Confira sempre se o endereo escolhido corresponde

ao objeto agenda de uma determinada autoridade. Caso a busca

apresente como resultado um determinado dia da agenda da

autoridade clique no boto Superior para voltar um nvel e

encontrar o caminho correto da agenda da autoridade.

Na reproduo abaixo, um dos resultados apresentados indica um

dia especfico na agenda de uma autoridade, como destacado em

vermelho.


62

Ao clicar no boto Superior, o sistema refaz a busca e indica outras

duas opes, uma delas com o caminho correto da agenda de uma

autoridade, como destacado em vermelho.

5. No campo Estado de Workflow, escolha a opo Publicado

[Published];

6. O campo Palavras-chave no precisa ser alterado;

7. Clique no boto Salvar.


63

Ao salvar esta primeira configurao, o gestor de contedo ir retornar

para a pgina de administrao de portlets para inserir o segundo mdulo:

Busca para a agenda.

1. Em Adicionar Portlet, escolha Busca para agenda;

2. No campo Raiz, escreva o nome do objeto agenda da autoridade na

qual se deseja relacionar o portlet e clique no boto Buscar;

3. No campo Resultados da busca, selecione a opo correta e clique

no boto Atualizar. Caso no aparea qualquer opo, faa uma

nova busca com outros termos at encontrar o nome da pasta em

questo.

No exemplo abaixo, o termo buscado foi Autoridade e o endereo

escolhido foi o que representa o objeto agenda daquela autoridade.

Use no campo de busca os termos Ministro, Gabinete, Assessoria

Jurdica, Assessoria Internacional, Grupo de Trabalho, Secretrio-

Executivo, entre outras palavras que possam ajudar na busca pela

agenda correta de uma determinada autoridade.

IMPORTANTE: Confira sempre se o endereo escolhido corresponde

ao objeto agenda de uma determinada autoridade. Caso a busca

apresente como resultado um determinado dia da agenda da


64

autoridade clique no boto Superior para voltar um nvel e

encontrar o caminho correto da agenda da autoridade.

Na reproduo abaixo, um dos resultados apresentados indica um

dia especfico na agenda de uma autoridade, como destacado em

vermelho.

Ao clicar no boto Superior, o sistema refaz a busca e indica outras

duas opes, uma delas com o caminho correto da agenda de uma

autoridade, como destacado em vermelho.

4. Selecione e depois clique no boto Salvar.

Depois de criado, possvel ordenar a posio (use as setas), ocultar

(clique na opo Ocultar) ou apagar (clique no X) um dos portlets.


65

Quando essas opes no aparecerem, provvel que o gestor de

contedo tenha inserido portlets em um outro objeto do nvel superior

(como em uma pgina, notcia ou pasta) e no na agenda. Repita todo o

processo se necessrio para a correta aplicao.

De volta a pgina de administrao de portlets, clique no link Retornar,

localizado logo acima do texto na rea central da pgina, para voltar para

a agenda da autoridade.

A reproduo abaixo exibe a agenda de uma autoridade fictcia com os

portlets Calendrio Estendido e Busca para Agenda aplicados na coluna

direita.


66


67

Como editar os portlets calendrio estendido e busca em uma agenda

Para editar portlets j aplicados em agendas, realize os seguintes passos.

1. No objeto agenda de uma autoridade, clique no boto Gerenciar

Portlets, localizado na coluna lateral esquerda e acesse a rea

destinada para administr-los;

2. O portlet Calendrio Estendido, estar nomeado como Agenda

enquanto o portlet Busca para Agenda ter o nome Busca de

Agenda;

3. O campo Ttulo no deve ser alterado;

4. O campo Raiz, que traz o endereo da agenda da autoridade que

ser relacionada ao calendrio, pode ser alterado. Para isso, basta

escrever um termo na caixa de insero de texto e clicar no boto

Buscar. Selecione a nova opo e clique no boto Atualizar;


68

5. No campo Estado de Workflow confira se a opo Publicado

[Published] est selecionada. Caso esteja, no faa qualquer

alterao. Caso contrrio, clique sobre o termo. A cor azul

indica que ele foi corretamente selecionado;


Para editar o portlet Busca para agenda, clique em Busca de agenda e

repita o mesmo procedimento indicado no passo 4 deste tutorial. Faa a

atualizao necessria e depois clique em Salvar.


69

Como criar uma capa de agendas

Nos casos de publicao de mais de uma agenda, possvel montar uma

capa para list-las. Para isso, realize os seguintes passos:

1. Crie a pasta que receber a lista de agendas. Lembre-se de excluir

da navegao este objeto caso seja necessrio;

2. Crie links para as agendas que sero listadas na capa. Lembre-se de

excluir da navegao este objeto caso seja necessrio;

3. Crie a capa que receber a lista de agendas. Lembre-se de excluir da

navegao este objeto caso seja necessrio;

4. Acesse a aba Layout dessa capa e insira uma linha, com uma coluna.

Nesse espao devero ser inseridos os tiles Cabealho, Texto Rico e

Basic Tile. O exemplo abaixo mostra o layout de uma lista com trs

agendas;

5. O primeiro tile Cabealho ser configurado para receber o ttulo

dessa capa. Desta maneira, na aba layout, clique no cone de

configuraes, localizado no canto superior direito do tile, e altere o

campo Classe CSS para a cor de sua escolha. Os demais tiles

Cabealho devem ter o campo Classe CSS definidos como Fio


70

Separador. Note que preciso ter um Cabealho configurado desta

maneira entre dois tiles Basic;

Primeiro Cabealho:

Demais Cabealhos:

6. No preciso alterar as configuraes do tile Texto Rico;

7. Todos os tiles Basic devem ser configurados da seguinte maneira: o

campo Ttulo o nico que dever possuir visualizao e com o

campo Tag HTML registrado como H2. Neste exemplo foram


71

inseridos trs tiles Basic, mas seu nmero varia conforme a

quantidade de agendas que sero listadas na pgina;

8. Clique em Save;

9. Na aba Compor, clique em Editar no primeiro Cabealho para dar o

ttulo desta capa. No exemplo aqui mostrado a palavra escolhida foi

Agendas;

10. Clique em Editar no tile Texto Rico para inserir o texto que ir

informar ao internauta que essa capa traz agendas de diferentes

autoridades;

11. Os tiles Basics sero alimentados pelos links criados no item 2 deste

passo a passo. Clique no boto Adicionar Contedo, acesse a pasta

em que os links foram criados e arraste e solte para o tile Basic o

link correspondente. Clique no boto Editar e altere o ttulo caso

seja necessrio. Repita este passo para os outros tiles Basics que

foram inseridos nesta capa;


72

12. Publique a capa.

Como inserir imagens

1. Escolha a pasta onde o arquivo dever ser adicionado. Caso ela no

exista, crie uma pasta e exclua da navegao se necessrio. Depois

disso, na barra de gesto da pasta, clique em Adicionar item e

depois em Imagem;

Exemplo: a raiz do novo Portal Padro possui uma pasta criada para

a publicao de imagens. Sendo assim, todos os arquivos desse tipo


73

devem ser inseridos neste local.

http://portalpadrao.gov.br/imagens/folder_contents

2. Na guia Contedo preencha os campos Ttulo, com o ttulo da foto,

e Descrio, com a legenda da foto. Clique em Escolher arquivo

para subir a imagem desejada;

IMPORTANTE: o que for escrito no campo Descrio o que

aparecer como alternativa em texto (ALT) da imagem. Para mais

detalhes de como escrever um texto alternativo, veja o tutorial O

uso correto do texto alternativo na seo do eMAG no site de

Governo Eletrnico, disponvel em

http://governoeletronico.gov.br/acoes-e-projetos/e-MAG/material-

de-apoio.

3. Na guia Categorizao devem ser colocadas as palavras-chave do texto e tambm escolhidos os termos do Vocabulrio Controlado do


categorizao);

4. Na guia Propriedade, altere o campo Direitos com o crdito do fotgrafo, banco de imagem ou agncia. O campo Colaboradores

no precisa ser completado;

5. A guia Datas atualizada automaticamente, assim que o objeto publicado. Caso seja preciso especificar a data e a hora de




6. Clique em Salvar, v at o campo Privado na barra de gesto e selecione Publicar.

Recomenda-se que a imagem a ser usada j esteja editada e cortada no

tamanho em que ser aplicada dentro de um artigo/pgina ou nas capas

(saiba mais sobre como definir os tamanhos de imagens pelo ambiente de

gesto).

Importante: a resoluo da imagem aconselhada para publicaes em

sites de 72 dpi (sigla em ingls para pontos por polegadas).


74

Ao tomar esses cuidados, o gestor de contedo impede que textos e capas

fiquem muito pesados, dificultando a navegao, e que o sistema de

gesto realize o redimensionamento automtico de imagens.

Representao do formulrio de preenchimento do objeto Imagem:

Representao do formulrio de preenchimento do da guia Propriedades

do objeto Imagem:


75

Representao de uma imagem corretamente publicada no Portal Padro:

Como criar um link

Este tipo de item criado quando h necessidade de direcionar um

contedo especfico para outro endereo.

1. Para criar um novo link, escolha a pasta onde o mesmo ser

localizado e, na barra de gesto, clique em Adicionar Item para

selecionar o objeto tipo Link;

2. Preencha os campos de Ttulo, URL (link que pode ser interno ou

externo), na guia Contedo;







76

4. Preencha os dados necessrios nas guias Categorizao e

Propriedade e depois clique em Salvar.

Ao criar um link interno, insira a URL a partir da primeira barra. No

exemplo abaixo, o trecho do link que deve ser copiado est grifado em

amarelo:

Link: http://portalpadrao.gov.br/acesso-a-informacao/institucional

Representao do formulrio de preenchimento do objeto Link:

Representao de um link preenchido de forma correta:


77

Como criar um Contedo externo

O item Contedo externo tem funo similar ao item Link. A diferena

entre esses dois objetos que, em Contedo externo, possvel

relacionar uma imagem e criar ttulos e subttulos para que ele seja usado

como uma chamada na capa.

Para criar um contedo externo, realize os seguintes passos:

1. Para criar um novo objeto, escolha a pasta onde o mesmo ser

localizado e, na barra de gesto, clique em Adicionar Item para

selecionar o objeto tipo Contedo externo;

2. Na guia Contedo, preencha os campos de Ttulo, Descrio, URL

original (link que pode ser interno ou externo) e Lead Image (com a

imagem que ser utilizada para ilustrar esta chamada);






4. Preencha as guias Categorizao (com tags e VCGE) e Propriedade

(lembre-se de alterar o campo Autores) e depois clique em Salvar. 4.1. O campo Direitos deve ser preenchido obrigatoriamente com

o crdito do fotgrafo, banco de imagem ou agncia

responsvel pela imagem escolhida no passo nmero 2.

Como criar uma pasta de formulrio

O item Pasta de Formulrio permite a criao de formulrios, como o de

contato por e-mail. Para criar um, realize os seguintes passos:

1. Na barra de gesto da pasta de destino, clique em Adicionar item e

depois escolha Pasta de Formulrio;


78

2. Na guia Padrro, preencha os campos Ttulo (obrigatrio) e

Descrio;

3. No campo Rtulo do boto de enviar, escreva o texto ir aparecer

no boto que far a funo de mandar a mensagem para o rgo. O

mesmo vale para o campo Rtulo do boto de limpar. Cabe ao

gestor definir se o boto Limpar ficar visvel p

Gestao Manual Portal Modelo Governo Federal Dez2014

Documents

Transcript of Gestao Manual Portal Modelo Governo Federal Dez2014