Gesto de Contedo em Plone do Portal Padro

Outubro/2013

ndice: O sistema............................................................................................. 04 O que um CMS? O Plone Como ele funciona Como acessar o sistema ....................................................................... 07 Barra de gesto Gesto de usurios .............................................................................. 14 Para adicionar novos usurios Compartilhamento: como atribuir papeis locais Edio e insero de contedos ........................................................... 22 Como criar uma pasta Como alterar a ordem dos itens gravado dentro de uma pasta Como renomear ttulos e nomes curtos Como escolher a viso padro Como inserir arquivos na gesto de contedo Como inserir um novo texto (artigo e pgina) na gesto de contedo Como inserir udios na gesto de contedo Como criar uma coleo Como usar o embedder Como criar um evento na agenda Como inserir imagens na gesto de contedo Como criar um link Como criar uma pasta de formulrio Como criar uma enquete Como usar o mltiplos arquivos Como editar itens j publicados Como criar regras Como publicar ou privar um contedo Como inserir botes de ao em rede social

Como editar um artigo/pgina ............................................................. 87 Como inserir imagem Como remover uma imagem do corpo do texto Como relacionar itens gravados na gesto de contedo (link interno) Como criar um link para outro site (link externo) Como inserir um link para um endereo de email Como criar uma ncora Como remover um link do corpo do texto Como embedar um vdeo, slide e udio Como inserir uma tabela Como preencher a guia propriedade Como preencher a guia categorizao Atualizao de capas ......................................................................... 120 Como criar uma capa Como criar o layout de uma capa Composio da capa Tiles (Mdulos) Edio de cabealho, coluna de menus e rodap ................................ 156 Cabealho Coluna de Menus Rodap

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 que pessoas sem conhecimento de programao gerenciem um site.

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

Acessibilidade: O Plone respeita todas as recomendaes de

acessibilidade do W3C (organizao que tem como objetivo definir padres para os sites). Isso significa que 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 para 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 o melhor nvel de segurana.

Como ele funciona

Antes de comearmos com as explicaes, interessante deixar alguns pontos claros e explicar os conceitos principais de funcionamento do Plone. Esses conceitos sero utilizados durante todo o tempo, aqui nesse 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 interface 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. Dessa maneira voc poder editar o seu site da mesma maneira que navega pelo seu site. Tudo no Plone um objeto e gravado em pastas: No Plone, todos os textos, imagens e arquivos so considerados objetos, e estes objetos podem ser organizados em pastas uma a estrutura muito comum a 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. Desta forma, tambm um programa em fase constante de evoluo, e que no est preso a um fornecedor especfico para continuar

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 de endereo do seu navegador) o endereo a seguir: https://github.com/plonegovbr/brasil.gov.portal

Como acessar o sistema

A rea administrativa de um site desenvolvido em Plone de uso exclusivo dos membros registrados nele. Por isso, para poder acessar essa rea, cada integrante recebe um nome de usurio (ou login) e uma senha, e com eles poder acessar a 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 que os 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 usurios do Portal 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 de gesto. Para acessar o ambiente de gesto do Portal Padro digite o endereo: http://portalpadrao.plone.org.br/login_form

Informe seus dados de usurio e senha e clique o boto Acessar. A partir deste momento, voc poder navegar pelo website 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 administrador do website, aparecer uma tela de boas vindas, clique no link Ir para a pgina inicial do Ministrio (ou Secretaria) para dar incio gesto de contedo.

Ao fazer este comando, aparecer a barra de gesto. Esta barra verde permite o acesso aos contedos das pastas, a edio dos tipos de contedos criados, 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.plone.org.br/assuntos ) digite /folder_contents no fim da barra de endereo (http://portalpadrao.plone.org.br/assuntos/folder_contents ).

A aba contedo permite que o gestor realize alteraes com os objetos que esto gravados, como copiar, recortar, colar, renomear, excluir, alterar estado.

Para realizar qualquer uma das aes, clique no quadrado de seleo ao lado do nome do objeto e em seguida escolha uma das opes.

10

Confira a seguir mais detalhes sobre os botes mais utilizados pela gesto de contedo: 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 estar mais disponvel em sua pasta original. Renomear: permite renomear o nome e/ou nome curto (saiba mais no item Como renomear ttulos e nome curto) 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 usurios (exceo para aqueles excludos da navegao). Itens privados ficam salvos no ambiente gesto, porm, no so visualizados pelo visitante do site. Saiba mais no item Como publicar ou privar um contedo. Viso Esta aba representa a maneira como um contedo ser apresentado quando acessado fora do ambiente de gesto de contedo. Quando escolhemos a viso padro de um item (veja mais detalhes no item Como escolher a viso padro) esta aba que devemos clicar para verificar se a escolha foi correta.

11

Edio Esta aba permite editar um contedo (como pastas, arquivos, fotos, vdeos, textos) previamente gravado no ambiente de gesto. Pode ser substitudo pelo termo /edit digitado ao fim da url do contedo. Por exemplo: Para editar o texto usado como teste (http://portalpadrao.plone.org.br/conteudos-de-marcacao/texto-1-tituloda-noticia-entre-35-e-90-caracteres/) escreva /Edit ao fim do endereo para abrir o item para a edio (http://portalpadrao.plone.org.br/conteudos-de-marcacao/texto-1-tituloda-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). 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 Esta aba permite a criao do layout do objeto Capa, utilizado geralmente para a home do portal e suas capas internas. Regras Esta aba permite um controle sobre a organizao dos contedos espalhados pelo site. possvel, por exemplo, definir uma regra para que a cada vez que um determinado tipo de objeto seja publicado (por exemplo uma imagem), ele seja transferido para uma pasta especfica (no caso, uma pasta de imagens). Veja mais sobre esta aba no item Como criar regras.

12

Compartilhamento Esta aba permite atribuir permisses a um usurio ou grupo de usurios para objeto ou rea especficos. Veja mais sobre esta aba no item Compartilhamento: como atribuir papis locais. Aes Esta opo 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 este texto a partir desta aba. Se o gestor estiver em uma pasta ele ir copiar, recortar ou excluir todo o contedo desta pasta. Exibio Esta opo permite escolher qual o tipo de viso que o item ter (veja mais no item Como escolher a viso padro). Adicionar Item Esta opo utilizada para inserir novos itens em uma determinada pasta. Estado Esta opo 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 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 se altere a ordem de uma galeria de fotos relacionadas a um texto.

13

Gesto de usurios
Para criar ou alterar permisses, necessrio possuir uma senha com permisso administrativa. Caso voc tenha este nvel de permisso e esteja habilitado a gerenciar os usurios do seu portal, faa os seguintes passos, aps realizar o login ao sistema: 1. Na barra da parte superior do site, clique em seu nome para acessar o Drop Down Menu (seta para baixo) e clique no item Configuraes do Site;

2. Clique em Usurios e Grupos.

Nesta 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).

14

*Importante: Evite excluir um usurio. Tudo que foi criado por ele perder a referncia de criador e isso pode causar diversos problemas no portal. Para usurios que no usaro mais o 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, Email, Senha, Confirme a senha e, por fim, escolha o grupo que este usurio estar vinculado (opcional). Finalize clicando em Registrar.

15

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 de gesto 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 seu login desta 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. Email: Ser utilizado no caso de esquecimento de senha; Senha: Mnimo de cinco caracteres; * Grupos: Cada grupo possui permisses diferentes para cada rea do site, com restries especficas de viso, criao e edio de reas,

16

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 ao usurio o link http://portalpadrao.plone.org.br/@@change-password para que o mesmo 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 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 esta tarefa, faa os seguintes passos:

17

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.plone.org.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;

18

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 ao compartilhar os contedos do site. e

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:

19

As permisses definidas na pasta Sobre (http://portalpadrao.plone.org.br/sobre/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

20

Permisses herdadas da pasta me

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.

21

Edio e insero de contedo

Toda a estrutura de um site desenvolvido em Plone composta por objetos organizados, prioritariamente, em pastas. Um item de menu sempre ser uma pasta. Neste novo projeto de padronizao, 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.plone.org.br/assuntos/folder_contents Menu Sobre http://portalpadrao.plone.org.br/sobre/folder_contents Com este comando sero exibidas todas as pastas que contm contedo. Estas 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.

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

22

de Assunto, clique em Contedo ou ento copie e cole este endereo na barra de endereos do seu navegador: http://portalpadrao.plone.org.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 desta pasta;

3. Na guia Contedo, preencha obrigatoriamente o campo Ttulo com o nome da pasta. O campo Descrio optativo. 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.

23

4. 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 este 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, repita a operao. Ordem realizada pelo navegador Google Chrome:

24

Ordem realizada pelo navegador Mozilla Firefox:

Como renomear ttulos e nomes curtos

O nome curto de cada item a sua localizao no site. Para localiz-lo basta procurar pelo ltimo trecho da URL. Por exemplo: o nome curto do objeto de notcia abaixo est destacado em amarelo. http://portalpadrao.plone.org.br/pasta-de-testes/subindotextos/populacao-podera-obter-guarda-provisoria-de-animais-silvestres Para alter-lo, basta acessar o Contedo da pasta onde o item a ser alterado foi gravado, selecionar o quadrado ao lado do item, e clicar em Renomear.

25

No campo de edio, as palavras que formam o nome curto do item devem ser separadas por - e no devem conter , smbolos ou acentos.

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.

Como escolher a viso padro

A viso padro de uma pasta refere-se 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 da pasta, acesse a aba Viso e depois clique em Exibio. Selecione Escolher item como viso padro para os casos em que a viso padro um item como Pgina ou Capa. Viso padro: Objeto tipo Pgina

26

27

Viso padro: Capa

28

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;

29

 Todo contedo: Este tipo de viso abre e exibe todos os arquivos que pertencem a uma pasta;

30

 Viso Tabular: Esta viso mostra todos os elementos da pasta listando ttulo, autor, tipo de objeto e data de modificao;

lbum: Neste tipo de viso, as imagens so realadas;

31

 Viso Padro: Apesar do nome, esta a viso usada sempre que uma pasta criada.

Como inserir arquivos na gesto de contedo

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), 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 (ver item Como criar uma pasta) e exclua da navegao se necessrio. Depois disso, na barra de gesto da pasta,

32

clique em Adicionar item e depois em Arquivo;

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;

33

5. Clique em Salvar e o objeto arquivo j estar salvo na pasta de destino.

Como inserir um novo texto (artigo e pgina) na gesto de contedo

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 sua formatao) para s ento ser publicado no campo Corpo do Texto;

34

4) 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). 5) A guia Datas atualizada automaticamente assim que o objeto publicado. 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. Apesar de publicado, o item s ficar disponvel para quem souber o endereo da URL publicada. Quando o horrio de publicao for atingido, o item ficar disponvel para todos os visitantes do site. Tambm possvel agendar a despublicao. 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. Porm, como ainda consta como publicado, ele fica disponvel para quem souber a sua URL. Recomenda-se neste caso a excluso ou despublicao do objeto.

6) Na guia Propriedades o campo Autores deve ser preenchido pelo autor da publicao; 7) Clique em Salvar. * IMPORTANTE: ao criar este tipo de item, ele aparece com o Estado Privado. Isso significa que o item 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 o item Publicar. Para despublicar o contedo, selecione Retirar. O outro objeto utilizado para contedos em formato de texto a Pgina. Os passos para a criao deste so os mesmos j descritos anteriormente. A nica diferena que este tipo de objeto pode ser excludo da

35

navegao (ou seja, ele continua publicado, mas fora da rea de visualizao do internauta). Para ativar esta 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. Este 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 na gesto de contedo

Todos os objetos tipo udio publicados no ambiente de gesto devem ser publicados com a extenso .mp3 e .ogg. 1. Na pasta em que ser inserido o udio, clique em Adicionar Item na barra de gesto e depois em udio;

36

2. Na guia Contedo preencha os campos Ttulo com o ttulo do udio e Descrio com a legenda do udio. No campo Transcription possvel ainda colocar a transcrio do udio;

37

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; 5. Clique em Salvar; 6. 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;

7. 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; 8. Volte para a aba anterior (tela do passo 6 deste item)e atualize a pgina para que o player do udio (destacado em vermelho)

38

aparea;

9. V at a barra de gesto e no campo Privado selecione Publicar. IMPORTANTE: udios que sero linkados em um Artigo ou Pgina devero ser publicados no sistema como Arquivo.

Como criar uma coleo

O objeto tipo Coleo possibilita que um conjunto de itens seja chamado 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 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.

39

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 desta 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;

40

4. 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 escolhidos pelo gestor de contedo. Ao clicar em um critrio, automaticamente aparecer um segundo e um terceiro box 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. Nome curto (id): Nome curto a identificao de um objeto dentro do sistema. Geralmente a ltima parte de um link (no exemplo abaixo o

41

nome curto est destacado em amarelo). Este tipo de critrio relaciona somente os objetos que possuam um nome curto. Importante, para este critrio funcionar, todo o nome curto de um objeto deve ser escrito/copiado, incluindo eventuais sinais grficos como traos e pontos. http://portalpadrao.plone.org.br/noticias/ texto-1-titulo-da-noticia-entre35-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 busca por palavras escritas no campo Autor do artigo. Section: Este critrio busca pelo tipo de seo em que o artigo ir aparecer. A seo selecionada na guia Categorizao de um objeto tipo artigo. Local: Este critrio busca termos escritos no campo Localizao, na guia Contedo do artigo. Genre: Este critrio busca 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 busca pelo nvel de urgncia que um objeto tipo Artigo foi cadastrado. Para alterar a urgncia, deve-se alterar o campo Urgncia na guia de Categorizao. Texto Ttulo: Este critrio busca termos escritos no campo Ttulo, na guia Contedo dos objetos.

42

Descrio: Este critrio busca termos escritos no campo Descrio, na guia Contedo dos objetos. Texto disponvel para busca: Este critrio busca 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.

Como usar o embedder

O embedder um objeto utilizado para facilitar o procedimento de embedar um vdeo, um udio ou uma apresentao de slides nos textos. Para esta ferramenta funcionar preciso que o vdeo ou o udio 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:

43

1. Para criar um embedder, acesse a pasta de destino e na sua barra de gesto clique em Adicionar item para em seguida escolher o objeto tipo Embedder;

2. Na guia Contedo, cole a url do vdeo, udio ou apresentao de slide e depois clique em Carregar; 3. O objeto automaticamente ir preencher o campo Ttulo e pr definir o frame; 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, como j dito, o frame puxado automaticamente do site de compartilhamento de mdia. Ele pode ser trocado por outro de sua preferncia, para isso clique em Upload image e na sequncia em Escolher arquivo para selecionar a nova imagem;

44

7. Utilize o campo Contedo alternativo para inserir a transcrio do vdeo, udio ou apresentao de slides; 8. 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); 9. Na guia Propriedade altere o campo Autores e Direitos com o devido crdito, quando necessrio. O campo Colaboradores no precisa ser completado; 10.Clique em Salvar.

Como criar um evento na agenda

Para criar um objeto tipo Evento, realize os seguintes passos: 1. Acesse a pasta de destino e na barra de gesto, clique em Adicionar Item e depois em Evento;

2. Na guia Contedo preencha os campos Ttulo com o ttulo do evento e Descrio com detalhes do evento. Em Local do Evento escreva o local em que ele ser realizado. Em Incio do Evento e Final do Evento preencha com as respectivas datas e horrios (quando houver);

45

3. Ainda na guia Contedo, o gestor de contedo poder atualizar o campo Texto para dar mais detalhes do evento (esta parte fica visvel para o visitante final). Ele tambm pode preencher os campos Mais informaes sobre esse evento, Nome do Contato, EMail do contato e Telefone do contato (nenhum desses campos obrigatrio); 4. Na guia Categorizao escolha as tags necessrias e na guia Propriedade altere o campo Autores, se necessrio; 5. Clique em Salvar, v at o campo Privado e selecione Publicar.

Como inserir imagens na gesto de contedo

1. Escolha a pasta onde o arquivo dever ser adicionado. Caso ela no exista, crie uma pasta (veja o item Como criar 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. Desta maneira, todos os arquivos deste tipo devem ser inseridos neste local. http://portalpadrao.plone.org.br/imagens /folder_contents

46

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; Obs: o que for escrito no campo Ttulo o que aparecer no Alt da imagem. 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 Direitos com o crdito do fotgrafo, banco de imagem ou agncia. O campo Colaboradores no precisa ser completado. 5. 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 os tamanhos de imagens pelo sistema de gesto). Importante: a resoluo da imagem aconselhada para publicaes em sites de 72 dpi (sigla em ingls para pontos por polegadas). Ao tomar estes cuidados o gestor de contedo evita que textos e capas fiquem muito pesados, dificultando a navegao, e tambm o redimensionamento automtico feito pelo sistema de gesto.

47

Como criar um link

Este tipo de item criado quando h a necessidade de direcionar um contedo especfico para outro endereo.

48

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), Categorizao e Propriedade, e depois clique em Salvar.

49

Como criar uma pasta de formulrio

O item Pasta de Formulrio permite a criao de formulrios para envio 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;

50

2. Para criar o formulrio necessrio o preenchimento dos campos Ttulo (obrigatrio) e Descrio. O texto que aparece no boto de funo Enviar editvel. O boto Limpar pode ser includo e tambm a pgina de agradecimento, que mais tarde poder ser criada. Clique em Salvar.

3. A prxima etapa inserir o endereo de e-mail que receber o formulrio, o Assunto que aparecer no e-mail a ser enviado e tambm os Comentrios que aparecero no corpo do e-mail. Clique em Enviar.

51

4. Aps o envio, a pgina de agradecimento ser aberta. Na barra superior, clique no nome do formulrio. Na aba Contedo possvel editar e excluir os campos, inclusive o e-mail que receber o formulrio.

5. Na barra de gesto do formulrio clique em Adicionar item para visualizar todos os campos que podem ser adicionados ao formulrio.

52

5.1.

Avaliao em escala: Campo em que possvel incluir e excluir perguntas. Apenas uma pergunta deve ser includa em cada linha, e as respostas podem ser alteradas, includas e excludas. O resultado ser uma tabela com as perguntas em linhas e as respostas em colunas;

53

Como fica:

5.2.

Linhas: Campo para insero de texto. O campo rtulo deve conter o texto a ser exibido para o visitante. possvel incluir mais de uma linha, especificando no campo Linhas a quantidade desejada;

54

Como fica:

5.3.

Arquivo: campo para anexar arquivos. Em Valor Mximo de Upload o gestor pode especificar o tamanho mximo do arquivo que ser publicado. No e-mail de recebimento do formulrio, o arquivo ser enviado como anexo;

55

Como fica:

5.4.

Campo numrico inteiro: Disponibiliza a insero de valores numricos inteiros. O separador da parte fracionria uma vrgula. Edite os campos Padro, Valor Mnimo Aceito, Valor Mximo Aceito, Comprimento Mximo e Tamanho;

56

Como fica:

5.5.

Nmero decimal: Disponibiliza a insero de nmeros decimais e inteiros. Edite os campos Padro, Valor Mnimo Aceito, Valor Mximo Aceito, Comprimento Mximo e Tamanho;

57

Como fica

5.6.

Campo seleo: Este campo d opo de o usurio escolher apenas um item marcado. A visualizao pode ser em formato de botes ou de lista. Quando a opo flexvel estiver marcada, o campo assumir o formato de botes quando o nmero de opes for de at trs e de lista para quantidades maiores;

58

Como fica:

5.7.

Campo senha: Disponibiliza a criao de uma senha para o usurio;

59

Como fica:

60

5.8.

Campo String: este um campo de validao e s pode ser criado um string por vez. Ele d opes como um endereo de email e um nmero de telefone internacional vlido, entre outros. Na opo um cdigo postal vlido, sua utilizao limitada pois considera o tipo de teste do cdigo postal americano, que diferente do nosso CEP;

Como fica:

61

5.9.

Campo texto: Este campo disponibiliza a insero de textos mais extensos. Para textos menores, utilize o campo String ou Linhas;

Como fica:

5.10. Campo Seleo Mltipla: Este campo disponibiliza a insero de mltiplas escolhas, podendo o usurio escolher mais de uma opo/resposta;

62

Como fica:

5.11. Campo Texto Rico: Disponibiliza a insero de texto que pode ser alterada pelo visitante, permitindo configuraes de

63

pargrafo, insero de link, alteraes de fonte e outras;

Como fica:

64

5.12. Campo do Tipo Etiqueta: Disponibiliza a entrada de texto apenas para visualizao do usurio, com letras em branco e fundo cinza;

Como fica:

5.13. Campo do tipo etiqueta: Apesar do nome idntico, h diferena para o item anterior. Este campo disponibiliza a entrada de texto apenas para visualizao do visitante, permitindo configuraes de pargrafo, insero de link, alteraes de fonte e outras;

65

Como fica:

5.14. Campo Checkbox: Campo que possibilita a marcao de opes antes de o formulrio ser entregue. possvel selecionar um validador para requerer uma resposta em particular;

66

Como fica:

5.15. Campo Data/Hora: Disponibiliza a insero de data e hora no formulrio, ou somente a data. Tem formato ano/ms/dia;

67

Como fica:

5.16. Campo Fieldset Begin: Destaca informaes que queiram ser includas ao final do formulrio. Uma barra separa o fim do formulrio deste texto. possvel usar o ttulo como legenda (introduo) para este campo;

68

Como fica:

5.17. Campo Pasta de Fieldset: Uma pasta que agrupa campos de fieldsets;

5.18. Campo Pgina de agradecimento: o campo Ttulo se refere frase que ser exibida no topo da pgina. A Descrio a mensagem de agradecimento propriamente dita. O prlogo da mensagem de agradecimento a frase que ser exibida acima

69

dos campos, que, por padro, so exibidos na pgina de agradecimento. O campo Mensagem para quando o formulrio no for preenchido aparecer para quem no completar a ao. O eplogo da mensagem de agradecimento o texto que ser exibido aps os campos;

Como fica:

70

Como criar uma enquete

1. Para criar uma enquete, v at Adicionar Itens, e selecione Poll;

2. Preencha os campos Ttulo com a pergunta da enquete e Descrio (no obrigatrio) que pode servir para explicar a enquete;

71

3. No campo Grfico escolha entre barras, pizza ou apenas nmeros para ilustrar o resultado da enquete; 4. Em Opes disponveis, escolha no mnimo duas respostas para a enquete;

5. Em Categorizao, escolha temas do vocabulrio VCGE relacionados enquete;

72

6. Clique em Salvar; 7. Acesse a aba Estado, localizada na barra de gesto, e clique em Abrir para disponibilizar a enquete para votao. Lembre-se que aps alterar seu estado, no ser mais possvel realizar alteraes;

8. Para encerrar a enquete, acesse a aba Estado, localizada na barra de gesto e clique em Fechar.

Como usar o mltiplos arquivos

Essa opo facilita a operao de subir muitos arquivos. Por exemplo, ao subir imagens para uma galeria de fotos que dever ter 10 itens, em vez de fazer o upload de uma em uma, possvel selecionar a opo Mltiplos arquivos, e subir as 10 de uma vez. Apenas alguns tipos de arquivos aceitam a opo de Mltiplos arquivos. So eles: imagem e arquivo.

73

O item arquivo utilizado para dar a opo de o visitante fazer o download do contedo. Por este motivo, podem ser considerados arquivos itens de pdf, imagem, udio, texto, planilha e etc. 1. Antes de fazer uso da ferramenta, escolha a pasta que receber os arquivos. Caso ela no exista, crie uma pasta (veja o item Como criar uma pasta) e exclua da navegao se necessrio. Depois disso, na barra de gesto da pasta, clique em Adicionar item e depois em Mltiplos arquivos;

2. Encontre as imagens/arquivos que deseja subir

74

1. Edite os campos de Ttulo e Descrio de cada foto e clique em Iniciar. Caso desista de fazer o download de algum arquivo, clique em Cancelar.

Se o download j foi feito, clique em Excluir.

75

Como editar itens j publicados

Para editar contedos que j esto publicados, clique no item e em seguida, na barra de gesto, na aba Edio.

Abra o painel de edio, faa as alteraes desejadas e depois clique no boto Salvar, na parte inferior da tela.

76

Exemplo de edio do objeto tipo pasta:

Exemplo de edio do objeto tipo Pgina:

77

Exemplo de edio do objeto tipo Artigo

Como criar regras

A aba Regras, presente na barra de gesto de contedo, permite um controle sobre a organizao dos contedos espalhados pelo site. possvel, por exemplo, definir uma regra para que a cada vez que um determinado tipo de objeto seja publicado (por exemplo, uma imagem), ele seja transferido para uma pasta especfica (no caso, uma pasta de imagens). Ou ento avisar por email quando o estado de um contedo for alterado. As possibilidades so definidas pelo gestor de contedo. Para criar uma regra, realize os seguintes passos:

78

1. Na barra da parte superior do site, clique em seu nome para acessar o Drop Down Menu (seta para baixo) e clique no item Configuraes do Site;

2. Em Configuraes do Plone clique em Regras de Contedo;

3. Clique em Adicionar regra de contedo;

4. Na janela Adicionar Regra preencha o campo Ttulo e Descrio (este no obrigatrio) com as informaes a respeito da regra. Em Evento disparador escolha uma das quatro opes presentes que

79

ser responsvel por executar a regra;

5. O campo Ativado indica se a regra est ativa; 6. Clique em Salvar; 7. Na nova janela, escolha uma condio para a regra no campo Caso todas as seguintes condies forem satisfeitas;

80

8. Escolha as aes no campo Realizar as seguintes aes;

9. Depois de criada a regra, v at a pasta na qual ela ser aplicada (ou raiz do site) e clique na aba Regras. Neste local, encontre o campo Atribuir regra aqui, faa a sua escolha e depois clique em

81

Adicionar;

10. Para desativar uma regra em uma pasta, marque a caixa de opo da regra em questo e clique em Desativar;

11. Para desativar ou excluir uma regra, volte rea Regras de Contedo e escolha qual ao fazer em um dos botes.

82

Como publicar ou privar um contedo

O Plone trabalha com trs diferentes estados para seus contedos, conforme descrito abaixo: Privado Este o estado inicial de um contedo criado (exceo para arquivos e imagens). Desta maneira ele no ficar visvel para o visitante do site. Neste estado, o contedo s pode ser editado pelo seu criador/autor ou ento pelo administrador do site. possvel realizar duas aes quando o contedo estiver marcado como Privado: Publicar (permisso dada aos usurios cadastrados como administradores e revisores); Enviar para publicao (para demais perfis de usurios que no possuem permisso para publicar um contedo).

83

Reviso Pendente Este o estado de um contedo criado aps ele ser enviado para publicao. Assim como no estgio anterior, ele continua invisvel para o visitante do site. O criador/autor do contedo no poder edit-lo at o mesmo ser pelo revisor ou administrador. possvel realizar trs aes quando o contedo estiver marcado como Reviso Pendente: Publicar (permisso dada aos usurios administradores e revisores); Enviar de volta (Administradores e revisores retornam o contedo para o estado Privado para que o criador/autor realize alteraes e envie novamente para publicao). Retirar: torna o contedo privado.

Publicado Este o estado no qual o contedo torna-se visvel para os visitantes do site. Ele s poder ser editado pelo criador/usurio do contedo ou pelo administrador. As aes possveis para o estado Publicado so: Enviar de volta (Administradores e revisores retornam o contedo para o estado Privado para que o criador/autor realize alteraes e envie novamente para publicao). Retirar: torna o contedo privado.

84

Para publicar um contedo realize os seguintes passos: 1. Acesse o contedo privado ou pendente para visualiz-lo; 2. Caso esteja de acordo com a publicao, clique na aba Estado, localizada na barra de gesto de contedo, e selecione a opo Publicar. possvel publicar mais de um contedo por vez. Veja como, a seguir: 1. Acesse a aba Contedo da pasta em questo; 2. Clique nas caixas de seleo ao lado dos contedos que sero publicados; 3. Clique no boto Alterar Estado; 4. Na tela que estar disponvel, selecione a opo Publicar na lista de Alterar Estado; 5. Para finalizar, clique no boto Salvar. Note que possvel publicar todos os contedos que estiverem em uma pasta selecionando o campo Incluir os itens contidos na pasta. Para despublicar um contedo (ou um conjunto de contedos) realize os mesmos passos, mas escolha a opo Retirar.

Como inserir botes de ao em rede social

Para inserir ou retirar os botes de ao em rede social de um tipo de contedo (localizados prximos aos ttulos), faa os seguintes passos: 1. Na barra da parte superior do site, clique em seu nome para acessar o Drop Down Menu (seta para baixo) e clique no item

85

Configuraes do Site;

2. Em Configuraes de Produto clique em Social Like;

3. Na guia Configuraes deste plugin, selecione os tipos de contedo que iro receber os botes de ao em rede social. Para escolher mais de um contedo pressione a tecla Ctrl do seu teclado e clique em cima dos contedos; 4. Para desativar os botes de um contedo faa o processo inverso; 5. No campo Estilo dos botes possvel escolher entre horizontal e vertical; 6. Para finalizar, clique em Ok.

86

Como editar um artigo/pgina

Para editar um texto, abra a pgina e clique em Edio, localizada na barra de gesto.

A guia Contedo de edio de um artigo possui os seguintes campos Ttulo: Nome o item de contedo que est sendo editado; Subttulo: Palavra ou expresso usada para definir o assunto de uma matria. Corresponde ao chapu de uma editoria; Descrio: Texto descritivo sobre o contedo da pgina. a linha fina ou subttulo; Autor: Nome do autor do texto; Corpo do Texto: Campo para digitao do texto da pgina; Localizao: Local (Cidade, Pas) em que a notcia aconteceu (no necessariamente o local em que a notcia redigida).

87

Na caixa do item Corpo do Texto, o sistema apresenta para o usurio uma barra de ferramenta para facilitar a criao do contedo. Cada boto da barra representa a funcionalidade de formatao, que descrevemos a seguir:

88

- Recortar; - Copiar; - Colar; - Desfazer edio; - Refazer edio; - Barra para escolha de estilo de formatao da fonte; - Negrito; - Itlico; - Sublinhado; - Tachado; - Texto subscrito; - Texto sobrescrito; - Cor da fonte e realce do texto; - Diminuir e aumentar o recuo; - Barra de Alinhamento: alinhamento esquerda, centralizado, direita ou justificado; - Barra ordenao: marcadores e numerao; - Inserir imagem cadastrada no sistema; - Inserir/Editar hiperlink; - Remover hiperlink; - Inserir uma ncora;

89

- Inserir tabela; - Barra de Configurao de Tabela: inserir linha antes, inserir linha depois, apagar linha, inserir coluna antes, inserir coluna depois, apagar coluna, dividir clulas, unir clulas; - Inserir caracteres especiais; - Inserir separador horizontal; - Inserir data e inserir hora; - Inserir espao, sem quebra de linha; - Preview da matria; - Apagar formatao; - Editor HTML; - Abrir o objeto em tela cheia; - Inserir embedder; - Modo de exibio do texto dentro do campo Corpo do Texto. possvel definir quais cones da barra de ferramentas ficaro visveis para o usurio. Para isso realize os seguintes passos: 1. Na barra da parte superior do site, clique em seu nome para acessar o Drop Down Menu (seta para baixo) e clique no item Configuraes do Site;

90

2. Em Configuraes do Plone clique em Editor Visual TinyMCE;

3. Clique na guia Barra de ferramentas, marque ou desmarque as opes e depois clique em Salvar.

Como inserir imagem

Existem duas maneiras de se inserir uma imagem em um texto: Relacionando a imagem no campo Corpo do Texto; Por meio da aba Adicionar item, localizado na barra de gesto de contedo (este vlido apenas para o objeto tipo Artigo). Para relacionar uma imagem no campo Corpo do Texto, posicione o cursor no local onde deseja inserir a imagem e realize os seguintes passos: 1. Clique em na barra de botes da caixa corpo do texto;

2. Na janela que estar disponvel, navegue at a pasta onde est a imagem que deseja inserir; 3. Clique sobre a imagem; 4. Selecione o alinhamento desejado, sendo que: Esquerda: o texto percorrer a imagem pela direita; Em linha: a imagem ficar numa linha sozinha. Este o alinhamento adequado para centralizar imagens ou inclu-las em tabelas. Direita: o texto ficar alinhado esquerda; 5. Em Dimenses, selecione o tamanho da imagem. Escolha o tamanho adequado para a sua publicao. Recomenda-se que a imagem a ser usada j esteja editada e cortada no tamanho correto. Isso evita que as pginas fiquem muito

91

pesadas, dificultando a navegao, e tambm o redimensionamento automtico feito pelo sistema de gesto. Se a foto a ser usada j estiver editada, escolha o tamanho Original Size. O Portal Padro j possui alguns tamanhos pr-estabelecidos, so eles: Listing (16 pixels de largura por 16 pixels de altura) Icon (32 pixels de largura por 32 pixels de altura) Tile (64 pixels de largura por 64 pixels de altura) Thumb (128 pixels de largura por 128 pixels de altura) Mini (200 pixels de largura por 200 pixels de altura) Preview (400 pixels de largura por 400 pixels de altura) Grande (768 pixels de largura por 768 pixels de altura) Original size (tamanho original da imagem). Os mais usados em textos so os tamanhos Mini e Preview. O tamanho Grande pode ser utilizado quando se deseja dar um grande destaque para a foto dentro do texto. Lembre-se que ao escolher o tamanho ser respeitada a largura da imagem (o primeiro nmero aps o ttulo da imagem), redimensionando automaticamente a altura. Recomenda-se que a imagem a ser usada j esteja editada e cortada no tamanho correto. Isso evita que as pginas fiquem muito pesadas, dificultando a navegao, e tambm o redimensionamento automtico feito pelo sistema de gesto. Se a foto a ser usada j estiver editada, escolha o tamanho Original Size. possvel tambm criar novos tamanhos e editar o nome daqueles que acompanham a instalao do programa. 6. 7. Para finalizar, clique no boto OK; 8. O ttulo da imagem aparecer no mouse over (tambm conhecido como ALT) da foto, quando esta estiver publicada; 9. possvel fazer o upload de uma imagem nesta janela. Clique em Upload de arquivo, escolha o arquivo, escreva o ttulo, a descrio e por fim clique em Upload. As fotos inseridas desta maneira so publicadas na pasta em que est salvo o texto.

92

A foto que ficar atrelada ao texto deve ser publicada da seguinte maneira. 1. Aps criar o texto, clique na aba Adicionar item, localizada na barra de gesto e escolha Imagem;

2. Cadastre a imagem (saiba como no item Como inserir uma imagem na gesto de contedo); 3. Ao salvar a imagem, o gestor de contedo ser direcionado para a aba Contedo do texto em questo. Caso seja de interesse, possvel subir mais imagens e formar uma galeria de imagem; 4. A imagem que ficar na primeira posio ser a imagem atrelada ao texto e tambm a que aparecer no lado esquerdo da pgina;

93

5. Caso o gestor de contedo tenha cadastrado mais do que uma imagem, o sistema entender que o texto contar com uma galeria de foto. Para acess-la, clique sobre a foto do texto localizada

94

esquerda da pgina;

6. Se for o interesse do gestor, Artigos que possuam galeria de fotos podem ser exibidos apenas como galeria de fotos, mantendo os demais componentes do texto (como ttulo, descrio, chapu, tags, etc). Para isso, clique na aba Exibio, localizada na barra de gesto de contedo e depois escolha Viso de Galeria animada.

95

7. Note que alm de imagens possvel adicionar objetos do tipo Arquivo (veja o item Como inserir arquivos na gesto de contedo) e tambm fazer uso da ferramenta Mltiplos Arquivos (saiba mais no item Como usar o mltiplos arquivos).

96

Como remover uma imagem do corpo do texto

1. Clique sobre a imagem e aperte o boto Delete de seu teclado; 2. A imagem ser removida do corpo do texto, mas ainda permanecer cadastrada do administrador; 3. Para remover uma imagem do administrador acesse a pasta em que a mesma est gravada, marque o campo de seleo ao lado do nome do arquivo e clique em Excluir (primeiro print abaixo). Tambm possvel fazer o mesmo processo a partir da aba Aes, localizada na barra de gesto, da prpria imagem. Clique na seta e escolha a opo Excluir (segundo print abaixo).

97

Como relacionar itens gravados na gesto de contedo (link interno)

1. Para criar um link interno no site, selecione a(s) palavra(s) ou a(s) imagem(ns) dentro do texto que receber o link; 2. Clique no boto Texto; localizado na barra de botes da caixa Corpo do

98

3. Na janela Insert/Edit que estar disponvel, escolha a aba Internal e navegue pelo breadcrumb (destacado no print abaixo) at a pasta onde est o contedo (udio, pdf, texto, imagem etc.) que deseja linkar;

O boto Externo usado para relacionar contedo de outros sites (veja mais no prximo item), enquanto Mail insere um endereo de correio eletrnico. O boto Anchor cria uma ncora no texto. 4. Selecione o marcador ao lado do contedo que deseja linkar;

99

5. Pra confirmar, clique no boto Ok; 6. Sempre que um link for criado para que o usurio faa o download de um arquivo deve-se indicar a extenso e o tamanho deste arquivo. Exemplo: Formatos acessveis: PDF (15 mb) DOC (51 kb) TXT (70,6 kb) * Dependendo do navegador utilizado possvel que a janela Inserir/editar hyperlink aparea em branco. Para conseguir visualizar as opes, coloque o cursor do mouse no topo desta janela, clique e segure com o boto esquerdo do mouse e movimente para cima.

100

Aps este procedimento, a janela e suas opes ficaro visveis. Este mesmo passo a passo vale para caso o mesmo acontea para o Editor de HTML.

Como criar um link para outro site (link externo)

1. Para criar um link externo no site, selecione o texto ou imagem que ser linkada; 2. Clique no boto Texto; 3. Clique no boto localizado na barra de botes da caixa Corpo do ;

101

4. Na janela que estar disponvel, informe o endereo do website no campo Link externo. Caso o link seja de um site cuja URL comece com https:// ou ftp:// faa a alterao no primeiro campo; 5. Os campos Link Title e CSS Style no precisam ser preenchidos; 6. Pra confirmar, clique no boto Ok; 7. Sempre que um link for criado para que o usurio faa o download de um arquivo deve-se indicar a extenso e o tamanho deste arquivo. Exemplo: Formatos acessveis: PDF (15 mb) DOC (51 kb) TXT (70,6 kb)

Como inserir um link para um endereo de email

1. Para criar um link para um endereo de email, selecione o texto ou imagem que ser linkada; 2. Clique no boto Texto; localizado na barra de botes da caixa Corpo do

102

3. Clique no boto

4. Na janela que estar disponvel, informe o endereo do email no campo Email. possvel j indicar o que estar escrito no campo assunto do programa de email do visitante do site, para isso preencha o campo Assunto; 5. Os campos Link Title e CSS Style no precisam ser preenchidos; 6. Pra confirmar, clique no boto Ok.

Como criar uma ncora

A ncora um recurso utilizado para que uma pgina ou notcia, ao ser acessada, seja direcionada para um ponto especfico, como um subttulo ou uma foto, por exemplo. 1. Para criar uma ncora, selecione o texto ou imagem que servir como ponto de referncia; 2. Clique no boto Texto; localizado na barra de botes da caixa Corpo do

3. Na janela que ir aparecer, escreva o nome da ncora no campo correspondente e depois clique em Inserir. Lembre-se que como este nome far parte do link no use acentos, sinais grficos ou a letra .

103

4. O link ser obtido a partir da insero do nome da ncora no link do texto precedido pelo caractere #. Por exemplo: Link da notcia: http://portalpadrao.plone.org.br/conteudos-demarcacao/texto-1-titulo-da-noticia-entre-35-e-90-caracteres Nome da ncora: destaque Link da ncora: http://portalpadrao.plone.org.br/conteudos-demarcacao/texto-1-titulo-da-noticia-entre-35-e-90caracteres#destaque ou http://portalpadrao.plone.org.br/conteudos-de-marcacao/texto-1titulo-da-noticia-entre-35-e-90-caracteres/#destaque 5. Para linkar uma ncora no texto (como, por exemplo, para criar um atalho para voltar para o topo da pgina), selecione a palavra ou imagem que receber o link e clique no boto . Escolha a aba e depois selecione a ncora previamente criada. Clique em Ok para finalizar o processo; A ncora fica escondida no cdigo fonte do texto. Em outras palavras, no h qualquer sinal que fique visvel para o visitante de que um texto possui este recurso. Por isso, para remova-la preciso acessar a verso html do texto e retirar a linha de cdigo <a name="nome da ancora">. Lembre-se que ao apagar este cdigo tambm ser desfeito o link para a ncora.

Como remover um link do corpo do texto

1. Clique sobre o texto ou imagem com o link; 2. Na barra de formatao, clique no boto e o link ser removido.

104

Como embedar um vdeo, slide e udio

1. Para embedar um vdeo, slide ou udio dentro de uma pgina ou notcia, clique em para abrir o Editor HTML;

105

2. Defina o local em que o vdeo ser exibido e copie o cdigo embed do objeto. Clique em Atualizar para fechar a janela. 3. Se o vdeo, slide ou udio j estiver cadastrado no portal, basta abrir para edio o objeto embedder correspondente e copiar o cdigo embed (veja mais no item Como usar o embedder); 4. Tambm possvel conseguir o cdigo embed nos respectivos sites de compartilhamento em que o vdeo, o slide ou o udio esto hospedados. Youtube: Acesse o vdeo, clique em Compartilhar e em Incorporar. Em Tamanho de Vdeo escolha o tamanho que o vdeo ser visualizado (no mximo com 768 px de largura)

106

Vimeo: Acesse o vdeo, clique no boto Share, localizado dentro da tela e depois copie o cdigo do campo Embed;

107

Soundcloud: Acesse o udio, clique no boto Share e copie o cdigo que est em Widget Code;

108

Slideshare: Acesse o slide, clique no boto Embed, escolha o tamanho (lembre-se que a largura mxima de 768 pixels) e depois pressione Copy

109

5. Copie o cdigo html e cole no editor de html (passo 1 deste item) precedido do cdigo <p>;

110

6. Clique em Atualizar e depois em Salvar.

Como inserir uma tabela

1. Para inserir uma tabela dentro de um texto ou notcia, coloque o cursor onde a tabela dever aparecer;

111

2. Selecione o boto para inserir uma nova tabela. Na janela que estar disponvel, preencha os campos: Escolha a aparncia da tabela * Quantidade de colunas Quantidade de linhas

* As classes de tabela disponveis so as seguintes Borda discreta

Lista decorada

112

Como preencher a guia propriedade

Para inserir o crdito do texto, clique em Propriedade e preencha o campo Autores. O campo Direitos usado apenas para informar o crdito de fotos, vdeos e udios. O campo Colaboradores no precisa ser completado.

O que for preenchido no campo autores ficar aparente para o visitante do site em alguns tipos de contedos como o objeto Pgina. possvel,

113

porm, esconder este tipo de informao.

1. Na barra da parte superior do site, clique em seu nome para acessar o Drop Down Menu (seta para baixo) e clique no item Configuraes do Site;

2. No tpico Configuraes do Plone, escolha Segurana;

3. Desmarque a opo Permitir a qualquer um ver as informaes

sobre o contedo. Desta maneira, apenas os gestores de contedo podero ver as informaes sobre quem criou e a data de ltima modificao.

Como preencher a guia categorizao

A categorizao (palavra-chave ou tag) de todos os novos itens inseridos extremamente importante, pois permite que o site aparea nas buscas da web. Ao adicionar novos itens (imagens, pginas, notcias, udios), preencha o campo Categorizao. 1. Para categorizar um novo item, v at a barra de gesto, e clique em Edio. Em seguida, selecione a guia Categorizao;

114

2. Em Itens Relacionados, caso necessrio, procure textos, imagens, vdeos, notcias ou outros arquivos que tenham relao o tema do seu texto;

115

3. No campo Seo, escolha a seo ao qual o texto estar indexado; 4. No campo Urgncia, defina a importncia do artigo (geralmente caracterizada como Normal); 5. No campo Gnero, categoriza o tipo de texto que ser publicado como reportagem, entrevista, etc; 6. No campo Tags, escreva palavras-chave que indiquem o tema do texto, notcia, imagem, vdeo ou arquivo. Para inserir novas tags, basta apertar a tecla enter do seu teclado que uma nova palavrachave poder ser escrita. Para excluir, clique no boto x;

7. No campo VCGE, indique, de acordo com as possibilidades apresentadas e com o tema do texto/notcia, termos que simplifiquem a busca por informaes no mbito do governo federal. Para conferir as opes, basta escrever no campo de texto que o sistema apresentar as alternativas.

116

 possvel alterar alguns parmetros da guia de Categorizao. Para isso, faa os seguintes passos: 1. Na barra da parte superior do site, clique em seu nome para acessar o Drop Down Menu (seta para baixo) e clique no item Configuraes do Site;

2. Em Configuraes de Produtos, escolha Configuraes NITF;

3. Na guia Padro possvel: Adicionar termos para o campo Sees; Definir o termo padro que ir aparecer no campo Sees; Selecionar a lista de gneros que ficaro disponveis no campo Gnero; Definir o termo padro que ir aparecer no campo Gnero; Definir o termo padro que ir aparecer no campo Urgncia; Definir os tipos de contedos que podero ser listados no campo Itens relacionados.

117

4. Na guia Contador de caracteres possvel ativar os contadores de caracteres nos campos Ttulo e Descrio, alm de indicar o

118

comprimento mximo e ideal de cada um deles;

5. Clique no boto Salvar.

119

Atualizao de capas
A Capa o tipo de contedo que permite que o gestor de contedo crie as pginas iniciais (home pages) ou as pginas internas de seu site. Conhecido como Content Panel nas verses anteriores do Plone, este objeto ganhou novas funcionalidades na verso 4.2, como o recurso drag & drop.

Como criar uma capa

1. Acesse a pasta de destino e na sua barra de gesto clique em Adicionar item para em seguida escolher o objeto tipo Capa;

2. Na guia Contedo preencha os campo Ttulo e Descrio (este opcional); 3. No campo Layout possvel escolher um modelo de layout j prestabelecido;

120

4. Na guia Configuraes possvel optar por excluir ou no da navegao este objeto; 5. Clique em Salvar;

Como criar o layout de uma capa

1. Aps criada a capa, acesse a aba Layout; 2. As capas so montadas pela adio de linhas e colunas e todo o processo feito por meio da funcionalidade drag & drop. Ou seja, para criar uma linha, clique em cima do cone Linha e arraste e solte no campo de edio.

121

Repita o mesmo processo com o cone Coluna;

3. Os tiles so os mdulos de visualizao disponveis para a atualizao da capa. Para us-los na capa basta selecionar um deles e arrastar e soltar na coluna criada;

122

4. Clique no boto Save aps cada alterao; 5. Clique no boto Exportar layout para disponibilizar o layout criado para ser usado em uma futura capa; 6. O gestor de contedo pode definir a configurao de cada tile. Para isso, basta clicar no canto superior direito do tile, como na figura abaixo.

A partir deste comando ser possvel configurar como este tile ficar disponvel para o visitante do site. possvel, por exemplo, escolher quais campos ficaro visveis e a sua ordem, como no

123

exemplo abaixo.

7. Tambm possvel definir a largura de uma coluna no layout. Para isso clique no canto inferior direito da coluna e depois movimente a barra para definir o tamanho correto, conforme os prints a seguir.

124

Composio da capa
Com o layout pronto, clique na aba Compor para comear a distribuir o contedo pela capa. 1. Clique no boto Adicionar contedo para relacionar o contedo nos diferentes tiles criados. Assim como j foi descrito, todo o processo feito por meio do recurso drag & drop;

125

2. A aba itens recentes lista os ltimos itens publicados no seu site. A aba rvore de contedo reproduz a raiz de contedo do seu site. O gestor deve procurar o contedo que ser distribudo nos mdulos da capa em uma dessas duas abas; 3. Assim que fizer a escolha, clique no contedo em questo e arraste para a rea de edio do tile. Repare que quando o contedo for compatvel ao tile, uma seta para baixo aparecer indicando o local

126

onde o contedo deve ser solto;

4. Ao ser relacionado, o contedo trar consigo as suas configuraes iniciais. Mas possvel edit-las. Para isto, basta clicar no link Editar, localizado no canto superior esquerdo;

127

5. No formulrio de edio, faa as alteraes necessrias e depois clique em Salvar ou Cancelar.

Tiles (Mdulos)
Os tiles disponveis para utilizao no Portal Padro ficam localizados no aba Layout, acessada somente nos objetos tipo Capa. Estes tiles so os mdulos de visualizao que permitem que um texto, uma imagem, uma galeria multimdia, um link e demais tipos de contedo sejam destacados em uma capa. Confira a seguir as principais caractersticas de cada tile e como ele ficar visvel quando utilizado em uma capa.

128

Header Este tile pode ser utilizado como delimitador de uma rea da capa. Tambm possvel relacionar links para que o visitante continue a navegao pelo site. O print abaixo demonstra a visualizao do header quando aplicado em uma, duas ou trs colunas.

Configurao deste tile (veja como acessar a aba Layout) possvel escolher a cor da letra e das linhas de um header. possvel definir a visualizao, a ordem e o tamanho da fonte dos seguintes campos: Ttulo (no print acima corresponde ao termo Ttulo do Header); Link Text (no print acima corresponde ao termo o campo Rodap do Header); Link url (no print acima seria o endereo que estar relacionado na seta) possvel escolher a largura da coluna. Edio deste tile (veja como acessar a aba Compor) No campo edio possvel alterar os campos j citados acima. O que no for preenchido ficar vazio na visualizao. Confira os exemplos abaixo

129

Todos os campos preenchidos

Apenas o campo Ttulo preenchido

Os campos Link Text e Link url preenchidos

Nenhum campo preenchido

Exemplo de aplicao do tile

130

Basic News Article Este tile utilizado para destacar os objetos tipo Artigo. O print abaixo demonstra a visualizao do Basic News Article quando aplicado em uma, duas ou trs colunas.

Configurao deste tile (veja como acessar a aba Layout)

131

 possvel escolher a cor da letra do campo Subttulo (chapu). possvel definir a visualizao e a ordem dos seguintes campos: Ttulo (tambm possvel definir o tamanho da fonte); Imagem (tambm possvel definir o tamanho da imagem nos tamanhos j pr-determinados); Subttulo; Descrio; Data; Categorias; Seo. possvel escolher a largura da coluna. Edio deste tile (veja como acessar a aba Compor) Ao adicionar um Artigo, o tile Basic News Article ir reproduzir os campos Subttulo, Imagem, Ttulo e Descrio originalmente cadastrados naquele contedo. O campo edio permite alterar estes quatro campos (incluindo a substituio de uma imagem) para melhor adequar o tile ao padro adotado pelo seu site. O que no for preenchido ficar vazio na visualizao final. Exemplo de aplicao do tile

132

133

udio Este tile usado para destacar objetos tipo udio. O print abaixo demonstra a visualizao do tile quando aplicado em uma, duas ou trs colunas.

Configurao deste tile (veja como acessar a aba Layout) Este tile no permite alteraes de configurao. dada ao gestor de contedo apenas a possibilidade de mudar a largura da coluna. Edio deste tile (veja como acessar a aba Compor) No campo edio possvel alterar os campos Ttulo, Descrio e Crdito. O campo que no for preenchido ficar vazio na visualizao.

Exemplo de aplicao do tile

134

Media Carrousel Este tile cria um carrossel de imagens ou vdeos a partir de uma coleo destes tipos de contedo. O print abaixo demonstra a visualizao do Media Carrousel quando aplicado em uma, duas ou trs colunas.

135

Configurao deste tile (veja como acessar a aba Layout) possvel escolher a cor da letra do campo Ttulo. possvel definir a visualizao e a ordem dos seguintes campos: Ttulo; Footer link (link para o objeto tipo coleo relacionado neste tile); Quantidade de vdeos do carrossel. possvel escolher a largura da coluna. Edio deste tile (veja como acessar a aba Compor) No campo edio possvel alterar os campos Ttulo (do tile, no dos vdeos) e Footer link (que deve receber texto e no uma url). O campo que no for preenchido ficar vazio na visualizao. Exemplo de aplicao do tile

136

137

Video Gallery Este tile cria uma galeria de vdeo (com formatao diferente do tile anterior) a partir de uma coleo deste tipo de contedo. O print abaixo demonstra a visualizao do Video Gallery em uma e duas colunas.

Configurao deste tile (veja como acessar a aba Layout) possvel escolher a cor da letra do campo Ttulo. possvel definir o tamanho da fonte, a visualizao e a ordem dos seguintes campos: Ttulo; Subttulo Footer link (link para o objeto tipo coleo relacionado neste tile); possvel escolher a largura da coluna.

138

Edio deste tile (veja como acessar a aba Compor) No campo edio possvel alterar os campos Ttulo (do tile, no dos vdeos) e Footer link (que deve receber texto e no uma url). O campo que no for preenchido ficar vazio na visualizao. Exemplo de aplicao do tile

udio Gallery Este tile cria uma galeria udio a partir de uma coleo deste tipo de contedo. O print abaixo demonstra a visualizao do udio Gallery em uma, duas ou trs colunas.

139

Configurao deste tile (veja como acessar a aba Layout) possvel escolher a cor da letra do campo Ttulo. possvel definir o tamanho da fonte, a visualizao e a ordem dos seguintes campos: Ttulo; Footer link (link para o objeto tipo coleo relacionado neste tile); possvel escolher a largura da coluna.

140

Edio deste tile (veja como acessar a aba Compor) No campo edio possvel alterar os campos Ttulo (do Tile, no dos vdeos) e Footer link (que deve receber texto e no uma url). O campo que no for preenchido ficar vazio na visualizao. Exemplo de aplicao do tile

Social Este tile cria um mdulo de visualizao de redes sociais. O print abaixo demonstra a visualizao do tile Social em duas ou trs colunas.

141

142

Configurao deste tile (veja como acessar a aba Layout) Este tile no permite alteraes de configurao. dada ao gestor de contedo apenas a possibilidade de mudar a largura da coluna. Edio deste tile (veja como acessar a aba Compor) No campo edio possvel alterar os seguintes campos: Twitter widget id: a identificao do perfil do rgo no Twitter; Twitter username: o nome de usurio de um perfil no Twitter. Por exemplo: Portal Brasil; Facebook Page URL: endereo da pgina do Facebook do rgo; Columns nmero de colunas da linha em que o tile ser relacionado. Vai de 1 a 4. Para encontrar o widget id do perfil no Twitter, faa os seguintes passos: 1. Acesse a rea de configuraes do perfil pelo endereo https://twitter.com/settings/account;

143

2. Na coluna esquerda, acesse a opo Widget;

3. No miolo da pgina, clique em Criar Novo;

4. Faa a configurao do widget e depois clique em Criar widget; 5. Ser criado um cdigo html em que est criado o widget id. Para encontr-lo, veja o exemplo abaixo. <a class="twitter-timeline" href="https://twitter.com/perfildousuario" data-widget-id="aqui estar o widgetid">Tweets de @perfildousuario</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'ht tp':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js. src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBe fore(js,fjs);}}(document,"script","twitter-wjs");</script> Exemplo de aplicao do tile

144

Vdeo Este tile usado para destacar objetos tipo Embedder de vdeo. O print abaixo demonstra a visualizao do tile Vdeo quando aplicado em uma, duas ou trs colunas.

145

146

Configurao deste tile (veja como acessar a aba Layout) Este tile no permite alteraes de configurao. dada ao gestor de contedo apenas a possibilidade de mudar a largura da coluna. Edio deste tile (veja como acessar a aba Compor) No campo edio possvel alterar o ttulo do vdeo. Caso ele no seja alterado, ficar visvel o nome com o qual o embedder de vdeo foi cadastrado. Exemplo de aplicao do tile

Em Destaques O tile Em Destaque usado para, como o nome diz, dar destaque para aes e campanhas interministeriais. O recurso deve ser usado com cautela para que no se torne uma espcie de menu horizontal e acabe entrando em conflito com o menu lateral do site. Configurao deste tile (veja como acessar a aba Layout) possvel alterar a cor dos Destaques e tambm limitar a quantidade de itens que sero expostos. Edio deste tile (veja como acessar a aba Compor)

147

Este tile no possui o recurso Editar como os demais. Desta maneira, basta o gestor de contedo adicionar links para que a barra do Em Destaque comece a ser formada. A pasta Links do Em Destaque, que rene os links que sero utilizados nesta parte da capa, est disponvel no seguinte endereo http://portalpadrao.plone.org.br/links-destaques/folder_contents . Note que para criar a estrutura do Em Destaque preciso criar uma Capa separadamente. Desta maneira, ele ficar posicionado no topo do miolo da pgina. A estrutura j pronta est disponvel no endereo http://portalpadrao.plone.org.br/destaques/ Exemplo de aplicao do tile

Collection Este tipo de tile usado para destacar objetos tipo Coleo (como uma coleo de ltimas notcias, por exemplo). Configurao deste tile (veja como acessar a aba Layout) possvel alterar a cor do ttulo da Coleo e o tamanho do ttulo de cada objeto de uma coleo. Tambm possvel escolher se o ttulo ficar visvel ou no. Edio deste tile (veja como acessar a aba Compor) Na edio possvel alterar os campos Ttulo e Footer text (texto que vai ao p do tile). Link Este tipo de tile usado para adicionar links Configurao deste tile (veja como acessar a aba Layout) Este tile no permite alteraes de configurao. dada ao gestor de contedo apenas a possibilidade de mudar a largura da coluna.

148

Edio deste tile (veja como acessar a aba Compor) Na edio possvel alterar os campos Ttulo, Descrio, Imagem e a url do link. O campo que no for preenchido ficar vazio na visualizao. O link, neste tile, est vinculado ao ttulo. Exemplo de aplicao no site

Imagem Este tile utilizado para destacar objetos tipo Imagem. O print abaixo demonstra a visualizao do tile Imagem quando aplicado em uma, duas ou trs colunas.

149

Configurao deste tile (veja como acessar a aba Layout) possvel definir o tamanho que a imagem ser publicada na capa. O Portal Padro possui alguns tamanhos pr-estabelecidos. So eles: 768 pixels de largura por 768 pixels de altura; 400 pixels de largura por 400 pixels de altura; 200 pixels de largura por 200 pixels de altura; 128 pixels de largura por 128 pixels de altura; 64 pixels de largura por 64 pixels de altura; 32 pixels de largura por 32 pixels de altura; 16 pixels de largura por 16 pixels de altura,

150

Apesar de os tamanhos j vierem definidos, isto no deve ser encarado como uma amarra. Nem sempre a imagem que ser usada na atualizao de uma capa ou na publicao de um texto possui um destes tamanhos. Por isso, aps escolher a imagem o gestor de contedo deve selecionar o valor mais prximo para cima da largura da imagem (a altura ser redimensionada automaticamente). Por exemplo, se a imagem a ser usada possui 120 pixels de largura por 120 pixels de altura, o tamanho a ser escolhido 128 x 128. Se a imagem for 220 pixels de largura por 100 px de altura, o gestor ir selecionar o tamanho 400 x 400. O gestor de contedo tambm pode definir novos tamanhos de imagem. Para isso, realize os seguintes passos: 8. Na barra da parte superior do site, clique em seu nome para acessar o Drop Down Menu (seta para baixo) e clique no item Configuraes do Site;

9. No tpico Configuraes do Plone, escolha Manipulao de imagem;

151

10.Para inserir um novo tamanho de imagem, clique em Add Tamanhos para imagens;

11. No campo que foi aberto, escreva o nome do tamanho da foto e os nmeros correspondentes a largura e altura, separados pelo sinal grfico de dois pontos. Veja o exemplo a seguir: Nome da foto 300:300 12.Para finalizar, clique no boto Salvar; 13. possvel remover tamanhos j cadastrados. Para isso, selecione o tamanho e clique em Remover os itens selecionados; 14.Para editar o nome ou valores dos tamanhos j cadastrados basta clicar dentro do box e realizar as alteraes. Edio deste tile (veja como acessar a aba Compor) A edio deste tile permite apenas a substituio da imagem. Exemplo de aplicao no site

152

Rich Text Este tile permite que o gestor de contedo edite-o como se fosse um objeto tipo Pgina. possvel, por exemplo, definir o estilo e a cor da fonte, relacionar imagens, embedar vdeos, relacionar links e todos os outros recursos possveis de se fazer com um objeto tipo pgina. Configurao deste tile (veja como acessar a aba Layout) Este tile no permite alteraes de configurao. dada ao gestor de contedo a possibilidade de mudar a largura da coluna. Edio deste tile (veja como acessar a aba Compor) Diferentemente dos demais tiles, no preciso adicionar contedo para s ento fazer a edio. Como se trata de uma espcie de pgina, o contedo inserido no prprio link de edio. Saiba como editar uma pgina no item Como editar um artigo/pgina. Exemplo de aplicao no site

153

Configurao da Capa possvel escolher os tipos de tiles que estaro disponveis para o gestor de contedo montar a capa. Para isso, faa os seguintes passos: 1. Na barra da parte superior do site, clique em seu nome para acessar o Drop Down Menu (seta para baixo) e clique no item Configuraes do Site;

2. Em Configuraes do Produto, clique em Configuraes da capa;

No campo Tiles disponveis a coluna da esquerda lista todos os tiles disponveis para o produto. Na coluna da direita esto os tiles escolhidos para o gestor de contedo montar a capa. A movimentao dada pelas setas horizontais. As verticais alteram a ordem das mesmas na aba Layout da capa;

154

3. O campo Tipos de contedo buscveis define os objetos que podero ser adicionados aos tiles; 4. O campo Estilos relaciona as cores que estaro disponveis no combo CSS style (localizado na rea de configurao de cada tile). 5. Para finalizar, clique em Salvar.

155

Edio de cabealho, coluna de menus e rodap

Cabealho

2 1 6

Trata-se da estrutura do topo do site, o carto de visitas virtual do rgo governamental. Esta rea composta pelos seguintes elementos: 1. Identificao do rgo: o nome do ministrio ou da secretaria. 2. Menu de atalhos de teclado: devem constar todos os atalhos indicados pelo e-MAG. 3. Menu de acessibilidade e menu de idiomas: nesta rea devem aparecer as eventuais opes de idiomas, mapa do site, aplicao de contraste e outras opes de auxlio tcnico navegao. 4. Busca: ser sempre o buscador de contedos publicados naquele portal. 5. Redes sociais: rea reservada para incluir todos os cones de redes sociais que aquele rgo possui. 6. Barra de servios: formada por pginas de servios como Fale com o Ministrio/Secretaria, acesso a reas logadas e sistemas, central de imprensa e outros. Destes, so editveis pelo ambiente gesto os itens 1, 4, 5 e 6 (demais esto no template da pgina. Para edit-los, confira o passo a passo a seguir: Identificao do rgo 1. Na barra da parte superior do site, clique em seu nome para acessar o Drop Down Menu (seta para baixo) e clique no item

156

Configuraes do Site;

157

2. Em Configuraes do Plone, clique em Site;

158

3. O campo Ttulo do site (primeira linha) deve ser preenchido com as palavras Ministrio ou Secretaria; 4. O campo Ttulo do site (segunda linha) deve ser preenchido com o nome (ou apelido) do ministrio, secretaria ou rgo. No preciso fazer uso de abreviaes j que o campo reduz o tamanho da fonte e quebra linha para os casos de rgos com nomes extensos. Este o nico campo obrigatrio, caso contrrio no ser possvel salvar as alteraes; 5. O campo rgo deve ser preenchido com o nome da instituio ao qual o site est subordinado; 6. O que for escrito no campo Descrio do site ficar disponvel na divulgao de contedo e em sites de busca; 7. Os demais campos no precisam ser preenchidos; 8. Clique em Salvar. Menu de atalhos de teclado e Menu de acessibilidade e menu de idiomas Estes dois menus no so editveis pela gesto de contedo. Busca possvel configurar os tipos de contedos que sero procurados quando o visitante acionar o campo de busca. 1. Na barra da parte superior do site, clique em seu nome para acessar o Drop Down Menu (seta para baixo) e clique no item Configuraes do Site;

159

2. Em Configuraes do Plone, clique em Busca;

3. Na aba Configuraes de busca, marque (ou desmarque) o tipo de contedo que poder ser procurado;

4. Clique em Salvar. Redes sociais 1. Na barra da parte superior do site, clique em seu nome para acessar o Drop Down Menu (seta para baixo) e clique no item

160

Configuraes do Site;

2. Em Configuraes do Produto, clique em Brasil.gov.br: Redes Sociais;

3. O Portal Padro relaciona quatro redes sociais (Twitter, Youtube, Facebook e Flickr). Em Rede, o gestor de contedo deve escolher o Site e no campo Identificador escrever o termo que corresponde a ltima parte do link da referida rede social. Exemplos Perfil Portal Brasil no Twitter https://twitter.com/portalbrasil Identificador: portalbrasil Perfil TV NBR no Youtube http://www.youtube.com/TVNBR Identificador: TVNBR Perfil do Ministrio da Educao no Facebook https://www.facebook.com/ministeriodaeducacao Identificador: ministeriodaeducacao Perfil Blog do Planalto no Flickr http://www.flickr.com/blogplanalto/ Identificador: blogplanalto 4. Para remover uma rede social, selecione a rede em questo e depois clique em Remover os itens selecionados;

161

5. Para adicionar uma nova rede social, clique em Add Rede social e preencha os campos; 6. Para finalizar, clique em Salvar. Barra de servios A barra de servios editada a partir da pasta Servios, localizada em http://portalpadrao.plone.org.br/servicos/folder_contents Esta pasta deve ser alimentada com links. Saiba mais no item Como criar um link. Lembre-se que como se trata de um link preciso que o destino j exista e esteja hospedado em um ambiente externo ou interno.

Tema Para alterar o Tema (a cor de fundo do site), realize os seguintes passos:

162

1. Na barra da parte superior do site, clique em seu nome para acessar o Drop Down Menu (seta para baixo) e clique no item Configuraes do Site;

2. Em Configuraes do Plone, clique em Temas;

3. Escolha um tema na lista apresentada e clique em Ativar Barra de Governo A barra de governo no editada pelo ambiente de gesto. Como ser comum a todos os sites do governo, toda alterao ser replicada nos demais sites.

Coluna de menus
A coluna de menus, localizada esquerda da tela do computador, dividida em duas sees: Menu de apoio (que serve como um atalho para itens mais importantes do site); Menu Principal (que lista todos os itens de menu do site).

163

Menu de apoio Assim como a Barra de Servios, esta pasta (disponvel em http://portalpadrao.plone.org.br/menu-de-apoio/folder_contents ) alimentada por meio de links. Saiba mais no item Como criar um link. Lembre-se que como se trata de um link preciso que o destino j exista e esteja hospedado em um ambiente externo ou interno.

164

Menu Principal A coluna de menus sugerida para a nova estrutura padro possui itens chamados de separadores. Por meio deles, possvel isolar temas especficos, caso esse seja o desejo do gestor de contedo. O menu Sobre, que segue as determinaes da Lei de Acesso Informao, obrigatrio e deve seguir a estrutura indicada e que acompanha a instalao do programa. Para criar novos menus, acesse a raiz de contedo do seu portal (por exemplo http://portalpadrao.plone.org.br/folder_contents ), crie uma pasta (veja o item Como criar uma pasta) e insira o contedo. Para novos nveis de menu, crie novas pastas. Lembre-se que possvel definir se uma pasta ficar visvel ou excluda da navegao. Para que a pasta criada aparea no menu inicial preciso criar um portlet, uma espcie de mdulo de exibio. O portlet pode ser criado para uma nica pgina ou ento repetido em todo o contedo que integra uma pasta. Para cri-lo, realize os seguintes passos: 1. Na aba Contedo de uma pasta, clique na barra Gerenciar Portlets;

2. Para editar um portlet j existente, clique em um dos itens relacionados e faa as alteraes necessrias; 3. Para criar, clique na seta ao lado de Adicionar Portlet e encontre aquele que ser utilizado. Na coluna de menus, o tipo de portlet

165

utilizado o de Navegao;

4. Preencha o campo Ttulo e em Nodo Raiz busque a pasta a qual o menu se refere. Clique em Buscar para escolher a pasta e na sequncia, em Atualizar. O campo Nvel inicial deve ser alterado para 0. Para finalizar, salve o portlet. 5. Para o Menu de Apoio o passo a passo o mesmo, a diferena que o campo Ttulo no deve ser preenchido. Depois de criados, possvel ordenar a posio (use as setas), ocultar (clique na opo Ocultar) ou apagar (clique no X) determinado portlet.

Quando essas opes no aparecerem provvel que voc esteja inserindo portlets em um objeto (como uma pgina) e no na pasta em que este est gravado. Desta maneira, alm de no conseguir realizar algumas alteraes, o novo portlet ficar sobreposto.

166

Rodap
O rodap deve ser composto pelo primeiro nvel do menu principal, barra de servios, redes sociais, idiomas e mapa do site para atender aos critrios de acessibilidade. Para atualizar esta rea, realize os seguintes passos: 1. Acesse a pasta Rodap (disponvel em http://portalpadrao.plone.org.br/rodape/folder_contents ); 2. O primeiro nvel desta pasta mostra as quatro colunas que devem fazer a separao do contedo. As colunas so criadas a partir do objeto Doormat. Caso seja necessrio criar uma nova coluna, clique em Adicionar item e escolha o objeto. Na guia Padro escreva o nome da coluna e na guia Metadados repita o nome da coluna no campo Descrio. Na guia Configuraes selecione Excluir da Navegao. Para finalizar clique em Salvar. Importante: o rodap deve conter sempre quatro colunas.

167

3. Aps criar a coluna, o gestor de contedo dever criar mais um nvel antes de relacionar os links que faro parte do rodap. A pasta de coluna j possui toda a estrutura pronta, mas caso seja necessrio criar uma nova seo clique em Adicionar item e escolha o objeto tipo Section. Na guia Padro escreva o nome da seo e na guia Metadados repita o nome da seo no campo Descrio. Na guia Configuraes selecione Excluir da Navegao. Para finalizar clique em Salvar. 4. Esta pasta deve ser alimentada com links. Saiba mais no item Como criar um link.

168