Gestão de Conteúdo em Plone do Portal Padrão

download Gestão de Conteúdo em Plone do Portal Padrão

of 168

Transcript of Gestão de Conteúdo em Plone do Portal Padrão

  • 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

  • 4

    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.

  • 5

    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

  • 6

    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

  • 7

    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

  • 8

    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.

  • 9

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

  • 10

    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.

  • 11

    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.

  • 12

    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-titulo-

    da-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-titulo-

    da-noticia-entre-35-e-90-caracteres/edit ).

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

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

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

    nome de uma pessoa).

    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.

  • 13

    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.

  • 14

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

  • 15

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

  • 16

    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,

  • 17

    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:

  • 18

    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;

  • 19

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

    contedo especfico no campo Buscar por usurio ou grupo e clique

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

    de usurios;

    9. Escolha as permisses selecionando no quadro correspondente a

    cada uma das definies abaixo:

    Pode adicionar: representa o papel do Colaborador e permite que o

    usurio ou grupo adicione contedo e envie para publicao;

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

    ou grupo edite contedo;

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

    edite ou publique contedo que tenha sido enviado para

    publicao;

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

    apenas visualize o contedo;

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

    selecionada, qualquer usurio do site poder administrar o

    contedo. Se ela for desabilitada, sero respeitadas as permisses

    definidas com os usurios com os quais o contedo foi

    compartilhado;

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

    no tenha certeza do que foi feito ou deseja desfazer alguma

    alterao, clique no boto Cancelar.

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

    ao compartilhar os contedos do site.

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

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

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

    sero repetidas para todos os contedos que ali estiverem gravados.

    Por exemplo:

  • 20

    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

  • 21

    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.

    Permisses

    herdadas da pasta

    me

  • 22

    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

  • 23

    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.

  • 24

    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:

  • 25

    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/subindo-

    textos/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.

  • 26

    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

  • 27

  • 28

    Viso padro: Capa

  • 29

    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;

  • 30

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

    que pertencem a uma pasta;

  • 31

    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;

  • 32

    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,

  • 33

    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;

  • 34

    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;

  • 35

    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

  • 36

    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;

  • 37

    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;

  • 38

    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)

  • 39

    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.

  • 40

    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;

  • 41

    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

  • 42

    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-entre-

    35-e-90-caracteres

    Reviso do estado: Este critrio permite que o gestor de contedo escolha

    quais tipos de objetos sero procurados na coleo a partir do seu estado

    de publicao.

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

    NITF (sigla para o objeto Artigo)

    Subtitle: Este critrio busca por palavras escritas no campo Subttulo do

    artigo.

    Author: Este critrio 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.

  • 43

    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:

  • 44

    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;

  • 45

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

  • 46

    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, E-

    Mail 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

  • 47

    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.

  • 48

    Como criar um link

    Este tipo de item criado quando h a necessidade de direcionar um

    contedo especfico para outro endereo.

  • 49

    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.

  • 50

    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;

  • 51

    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.

  • 52

    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.

  • 53

    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;

  • 54

    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;

  • 55

    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;

  • 56

    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;

  • 57

    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;

  • 58

    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;

  • 59

    Como fica:

    5.7. Campo senha: Disponibiliza a criao de uma senha para o

    usurio;

  • 60

    Como fica:

  • 61

    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:

  • 62

    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;

  • 63

    Como fica:

    5.11. Campo Texto Rico: Disponibiliza a insero de texto que pode

    ser alterada pelo visitante, permitindo configuraes de

  • 64

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

    Como fica:

  • 65

    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;

  • 66

    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;

  • 67

    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;

  • 68

    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;

  • 69

    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

  • 70

    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:

  • 71

    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;

  • 72

    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;

  • 73

    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.

  • 74

    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

  • 75

    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.

  • 76

    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.

  • 77

    Exemplo de edio do objeto tipo pasta:

    Exemplo de edio do objeto tipo Pgina:

  • 78

    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:

  • 79

    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

  • 80

    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;

  • 81

    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

  • 82

    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.

  • 83

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

  • 84

    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.

  • 85

    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

  • 86

    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.

  • 87

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

  • 88

    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:

  • 89

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

  • 90

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

  • 91

    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

  • 92

    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.

  • 93

    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;

  • 94

    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

  • 95

    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.

  • 96

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

  • 97

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

  • 98

    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 localizado na barra de botes da caixa Corpo do Texto;

  • 99

    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;

  • 100

    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.

  • 101

    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 localizado na barra de botes da caixa Corpo do Texto;

    3. Clique no boto ;

  • 102

    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 localizado na barra de botes da caixa Corpo do Texto;

  • 103

    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 localizado na barra de botes da caixa Corpo do Texto;

    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 .

  • 104

    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-de-marcacao/texto-1-titulo-da-noticia-entre-35-e-90-caracteres

    Nome da ncora: destaque Link da ncora: http://portalpadrao.plone.org.br/conteudos-de-marcacao/texto-1-titulo-da-noticia-entre-35-e-90-caracteres#destaque ou http://portalpadrao.plone.org.br/conteudos-de-marcacao/texto-1-titulo-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 . 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.

  • 105

    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;

  • 106

    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)

  • 107

    Vimeo: Acesse o vdeo, clique no boto Share, localizado dentro da

    tela e depois copie o cdigo do campo Embed;

  • 108

    Soundcloud: Acesse o udio, clique no boto Share e copie o cdigo

    que est em Widget Code;

  • 109

    Slideshare: Acesse o slide, clique no boto Embed, escolha o

    tamanho (lembre-se que a largura mxima de 768 pixels) e depois

    pressione Copy

  • 110

    5. Copie o cdigo html e cole no editor de html (passo 1 deste item)

    precedido do cdigo ;

  • 111

    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;

  • 112

    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

  • 113

    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,

  • 114

    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;

  • 115

    2. Em Itens Relacionados, caso necessrio, procure textos, imagens,

    vdeos, notcias ou outros arquivos que tenham relao o tema do

    seu texto;

  • 116

    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 palavra-

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

  • 117

    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.

  • 118

    4. Na guia Contador de caracteres possvel ativar os contadores de

    caracteres nos campos Ttulo e Descrio, alm de indicar o

  • 119

    comprimento mximo e ideal de cada um deles;

    5. Clique no boto Salvar.

  • 120

    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 pr-

    estabelecido;

  • 121

    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.

  • 122

    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;

  • 123

    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

  • 124

    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.

  • 125

    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;

  • 126

    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

  • 127

    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;

  • 128

    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.

  • 129

    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

  • 130

    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

  • 131

    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)

  • 132

    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

  • 133

  • 134

    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

  • 135

    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.

  • 136

    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

  • 137

  • 138

    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.

  • 139

    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.

  • 140

    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.

  • 141

    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.

  • 142

  • 143

    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 p