Renato Kleber Marcelo Barros

Transcrição

1 Curso de Zope/Plone para usuários finais Renato Kleber Marcelo Barros

2 Agenda Apresentação do padrão visual dos portais Introdução a gerência de conteúdo Ferramentas Zope e Plone Acesso e navegação Perfis de usuário Edição de páginas de conteúdo Atualização de notícias e agenda Atualização do menu e destaques (serviços, acesso rápido) Práticas: criação, atualização e exclusão de conteúdo Dúvidas e suporte técnico

3 Visual dos Portais

4 Visual dos Portais Projeto para definição do novo manual de identidade visual e atualização do layout de 5 portais governamentais Envolve os portais: Portal do Governo Casa Civil SEPLAG SSPDS SESA

5 Visual dos Portais Duas opções de padrão visual: Por categoria Simplificado (sem categorias) Utilização da ferramenta Zope/Plone como padrão Algumas secretarias poderão optar por alternativas SESA optou por Joomla, SSPDS utilizará uma ferramenta própria Templates visuais: Padrão Zope/Plone Padrão Joomla Versão HTML/CSS

6 Categorias Página Inicial

7 Categorias Página Interna

8 Simplificado Página Inicial

9 Simplificado Página Interna

10 Topo No topo do portal estão disponíveis: 1.1 O Manual de Identidade Visual 1.2 Busca e destaques do governo 1.3 Canais Principais 1.4 RSS das notícias 1.5 Atalhos (Link para home, formulário de fale conosco e mapa do site)

11 Topo Busca e Dest. Governo

12 Topo Canais Principais

13 Topo - RSS

14 Topo - Atalhos Acessa a Home Fale Conosco Sitemap

15 Menu Esquerdo No Menu estão disponíveis: Navegação Canal Órgãos do Estado Canal Acesso Rápido

16 Esquerdo - Navegação O Menu de navegação é utilizado para visualizarmos informações secundárias dos canais principais

17 Esquerdo - Canal Órgãos do Estado Este canal permite acessar os sites dos órgãos do estado

18 Esquerdo Canal Acesso Rápido Este canal permite acessar informações de rápido acesso e telefones importantes

19 Menu Direito No Menu Direito estão disponíveis Serviços Banners Agenda

20 Direito - Serviços

21 Direito - Banners

22 Direito - Agenda

23 Rodapé

24 Gerência de Conteúdo

25 Gerência de Conteúdo Atividade de gestão e atualização de conteúdos de portais corporativos e governamentais Prevê a utilização de ferramentas automatizadas para a gestão Evita a necessidade de conhecimento técnico avançado Segue um fluxo de trabalho definido pela organização Depende da ferramenta

26 Gerência de Conteúdo Fluxo de Trabalho Baseado em perfis Contempla: Criação de conteúdo (redatores) Validação de conteúdo (editores ou revisores) Aprovação ou publicação de conteúdo (editores ou revisores) Administração geral do Portal (administradores)

27 Ferramentas Zope e Plone

28 Ferramentas Zope e Plone Zope É um servidor de aplicações (engine) utilizado por diversos sistemas que apostam na tecnologia Python (Google) e em quesitos importantes como: escalabilidade, portabilidade e usabilidade.

29 Ferramentas Zope e Plone Plone Baseado no servidor de aplicações Zope e suportado por milhares de desenvolvedores em todo o planeta, o Plone é hoje a mais recomendada opção para criação, publicação e edição de portais web.

30 Ferramentas Zope e Plone Plone Aplicação livre, de código aberto, oferece escalabilidade, estabilidade e extensibilidade, roda em diversos sistemas operacionais (como Linux, Windows, Solaris, FreeBSD emac OS X) eestá disponível em mais de 35 idiomas.

31 Ferramentas Zope e Plone Plone Editor rico que permite a criação e edição de páginas sem a necessidade de instalação de software adicional e totalmente realizado via internet; Todo conteúdo éindexado, incluindo arquivos do Word e PDF. Ao fazer uma busca, todas as informações indexadas são encontradas;

32 Ferramentas Zope e Plone Plone Sistemas de skins: O Plone permite que se crie diversas skins (Layouts diferentes) para cada área do portal ou para cada usuário, tornando assim, muito fácil a criação de layouts temáticos (natal, páscoa entre outros) Workflow: Possui um poderoso fluxo de trabalho que gerencia todos os dados aplicando políticas de segurança, notificações entre outros recursos

33 Ferramentas Zope e Plone Plone Permite alta escalabilidade e sistema de cache Sistema granulado de permissionamento incluindo Papéis, Grupos e Permissões Todo conteúdo pode ser acessado via RSS automaticamente Totalmente acessível, respeitando a U.S Government Section Totalmente acessível, respeitando a U.S Government Section 508, W3C'S WAI-AA e a Lei da Acessibilidade

34 Ferramentas Zope e Plone 100% XHTML e CSS válido. Devido a isso, todos os sites desenvolvidos em Plone são altamente rankeados em ferramentas de busca (Google, Yahoo entre outros); Integração: Possui integração com LDAP, SQL (todos os bancos de dados), WebServices (WSDL), Soap e Webdav; Plone

35 Ferramentas Zope e Plone Plone Possui centenas de empresa no Mundo e no Brasil para suporte, desenvolvimento, treinamento e consultoria. Além de vasto material de documentação livre na internet.

36 Ferramentas Zope e Plone Prêmios É considerada a melhor ferramenta de CMS (Gestão de Conteúdo) pela revista eweek. An eweek Labs Analyst's Choice award winner, this An eweek Labs Analyst's Choice award winner, this open-source product is one of the best solutions period for company portals and intranets eweek, April 2006 issue

37 Ferramentas Zope e Plone Prêmios Recentemente saiu o relatório da CMS Watch elegendo o Plone como a melhor ferramenta de CMS dentre todas as soluções de mercado.

38 Ferramentas Zope e Plone Utilizadores Entre as instituições que utilizam Plone estão o Laboratório de Propulsão a Jato da NASA, onational Cancer Institute dos Estados Unidos, Unesco e a Companhia Européia de Defesa Aeronáutica e Espacial, além de empresas como Motorola e ebay.

39 Ferramentas Zope e Plone Utilizadores No Brasil, ele está presente na Embrapa, Interlegis, Senado Federal, Caixa Econômica Federal, Câmara dos Deputados, Serpro, Unesco, Radiobrás, Varig, IDG Brasil, Politec, Ministério das Cidades, Radiobrás entre outros.

40 Acesso e Navegação Endereços: É necessário ter um login e senha Acesso temporário: Login: treinamento Senha: treinamento2008

41 Acesso e Navegação Informe seu usuário e senha para acessar

42 Acesso e Navegação Tela de Boas Vindas

43 Acesso e Navegação Tipos de Conteúdo No portal, as informações são classificadas em tipos de conteúdo, que são objetos com fins específicos Os objetos mais usados são: Notícia: Utilizada para noticiar uma informação dentro do portal; Página: Utilizada para divulgar conteúdo diverso. É a famosa Página Web ; Arquivo: Utilizado para colocar arquivos para download;

44 Acesso e Navegação Tipos de Conteúdo Imagem: Utilizado para incluir fotos e imagens diversas; Evento: Utilizado para noticiar um evento para os usuários do portal; Pasta: Utilizada para armazenar objetos de conteúdo Pasta: Utilizada para armazenar objetos de conteúdo inclusive outras pastas.

45 Perfil de Usuário Cada usuário no portal tem permissão a determinadas atividades. Existem três perfis mais utilizados: Membro Revisor Administrador

46 Perfil de Usuário

47 Perfil de Usuário Administrador: Responsável por todo ofuncionamento do portal. Ele tem direito de ver, editar eexcluir qualquer objeto do portal, além de poder aprovar ou reprovar conteúdos. Revisor: Responsável por revisar o conteúdo do portal. Sua permissão permite editar, excluir, aprovar ereprovar conteúdos. Membro: Permite visualizar oconteúdo do portal eem locais adequados, criar conteúdo eenviar apublicação.

48 Perfil de Usuário Publicação de Conteúdo Todo oconteúdo gerado no portal (com exceção de imagens earquivos) devem ser publicados para estarem disponíveis ao público final. Para publicar um conteúdo, você deve ter permissão para tal operação.

49 Perfil de Usuário Publicação de Conteúdo Após oenvio para apublicação, oconteúdo será posto para ser revisado eaprovado por um revisor:

50 Perfil de Usuário Publicação de Conteúdo Para publicar um conteúdo, você deve acessar no contexto do conteúdo o menu estado e clicar em Enviar para publicação: 2 1

51 Perfil de Usuário Revisão eaprovação Para revisar um conteúdo, você deve antes olhar alista de conteúdos aguardando publicação:

52 Perfil de Usuário Publicação Clique no conteúdo aser aprovado emude para Publicar:

53 Perfil de Usuário Publicação Após publicado, oconteúdo será visível ao público externo e estará indicado como Publicado:

54 Perfil de Usuário Publicação Você pode ao revisar um conteúdo reprová-lo. Dessa forma, acesse oconteúdo clique em avançado. Na tela seguinte coloque um comentário sobre oconteúdo eselecione oestado enviar de volta.

55 Edição de Páginas

56 Edição de Páginas Páginas Para editar uma página, clique no objeto aser editado e clique em editar:

57 Edição de Páginas Título: Ocampo título éoresponsável pela chamada do conteúdo e pela formação da url (endereço do conteúdo). Visão de edição de conteúdo Visão do visitante do portal

58 Edição de Páginas Descrição: O campo descrição é utilizado para descrever oconteúdo. Esse campo émuito utilizado para acessibilidade eindexação em buscadores. Visão de edição de conteúdo Visão do visitante do portal

59 Edição de Páginas Corpo do Texto: Ocampo corpo do texto éutilizado para armazenar ainformação. Visão de edição de conteúdo Visão do visitante do portal

60 Atualização de Notícias e da Agenda

61 Edição de Notícias Para adicionar uma notícia, acesse o endereço e clique em conteúdo:

62 Edição de Notícias Acesse o menu Adicionar item e clique no objeto Notícia: 1 2

63 Edição de Notícias O objeto Notícia possui alguns campos que necessitam de preenchimento. O procedimento de inclusão éomesmo que ode edição de uma página.

64 Edição de Notícias Para alterar uma notícia podemos acessar anotícia e entrar no contexto de edição:

65 Edição de Notícias Imagem: Ocampo imagem éutilizado para dar uma representação visual ao conteúdo.

66 Utilizando a Agenda O portal possuí o recurso de agenda, que permite adicionar eventos diversos. Além do cadastro, existe um calendário que mostra todos os eventos cadastrados:

67 Utilizando a Agenda Para adicionar um evento na agenda, acesse eclique em conteúdo:

68 Utilizando a Agenda Acesse o menu Adicionar item e clique no objeto Evento: 2 1

69 Utilizando a Agenda O Evento possui alguns campos que devem ser preenchidos para a completa apresentação na agenda:

70 Utilizando a Agenda Título: Ocampo título éoresponsável pela chamada do conteúdo e pela formação da url (endereço do conteúdo). Descrição: O campo descrição é utilizado para descrever o conteúdo. Esse campo é muito utilizado para acessibilidade eindexação em buscadores. Local do Evento: Este campo informa a localidade do evento.

71 Utilizando a Agenda Inicio do Evento: Data de inicio do evento Final do Evento: Data de fim do evento

72 Utilizando a Agenda Texto do corpo do evento: Esse campo éutilizado para informar otexto do evento.

73 Utilizando a Agenda Participantes: Esse campo informa os participantes do evento.

74 Utilizando a Agenda Tipos de Evento: Esse campo permite escolher categorias entre os eventos existentes, ou registrar uma nova

75 Utilizando a Agenda Os campos URL do evento, Nome do Contato, de Contato e Telefone de Contato são utilizados para trazer informações adicionais sobre oevento.

76 Utilizando a Agenda Depois de pronto, você pode exportar oevento para ser lido em programas que entendem opadrão de agenda ICal evcal como ooutlook. 1

77 Menus e Destaques

78 Menus e Destaques Menu Os menus são criados automaticamente de acordo com o contexto e estrutura definida Na navegação do menu são encontrados três tipos de item: Grupos de Conteúdo (são na realidade Pastas) Páginas (páginas de conteúdo) Links (links para sites externos) Para criar submenus como grupos, utilizaremos pastas Para criar um item de menu que irá direto para algum conteúdo, utilizaremos páginas ou links

79 Menus e Destaques Menu

80 Menus e Destaques Órgãos O destaque Órgãos do Estado é utilizado para listar os órgãos do estado epermitir um acesso rápido

81 Menus e Destaques Órgãos Os órgãos, assim como alguns recursos do portal, funcionam como portlets. São como plugins (aditivos) ao portal que precisam de uma edição mais complexa Esses itens deverão ser modificados pela área técnica apenas, sendo necessário comparar com os outros portais para evitar diferenças Caso aárea técnica libere oacesso, será necessário um conhecimento um pouco maior de tecnologias web (HTML)

82 Menus e Destaques Para realizar aalteração do canal órgãos do estado, acesse:

83 Menus e Destaques Dentro da área de gerenciamento do portal, procure pelo objeto portlet_orgaos eclique nele:

84 Menus e Destaques Ao acessar o objeto portlet_orgaos, é possível adicionar novos órgãos utilizando simples comandos html:

85 Menus e Destaques Para alterar as informações, basta que seja adicionada um novo option: Onde você deve respeitar alguns padrões:

86 Menus e Destaques Para visualizar aalteração, clique em Save changes. Volte ao portal eveja aalteração:

87 Menus e Destaques Serviços Segue omesmo padrão Objeto menu_fixo

88 Menus e Destaques Serviços

89 Menus e Destaques Serviços

90 Menus e Destaques Acesso Rápido

91 Menus e Destaques Acesso Rápido

92 Menus e Destaques Acesso Rápido

93 Menus e Destaques Acesso Rápido

94 Menus e Destaques Banner Ocanal de Banner éutilizado para passar uma mensagem em formato de mídia online para os visitantes do portal:

95 Menus e Destaque Para atualizar ocanal Banner, acesse oendereço ou acesse a opção conteúdo pela página inicial do portal: 1 2

96 Menus e Destaques Dentro do canal Banner, acesse omenu Adicionar item eclique na opção Banner: 1 2

97 Menus e Destaques Ao adicionar oobjeto Banner, os seguintes campos devem ser preenchidos:

98 Menus e Destaques OCampo URL do evento manda ousuário para um local na Web eo campo Imagem do Banner mostra aimagem aser visualizada:

99 Práticas

100 Práticas Exercícios para criação, alteração e publicação de conteúdo Focar em: Páginas Notícias Banners

101 Exercício I Inserindo uma nova página (conteúdo) Acessar controle do portal Fazer login Login: treinamento Senha: treinamento2008 Acessar página inicial do site (clicar na logo) Inserir uma nova página

102 Exercício I Inserindo uma nova página (conteúdo)

103 Exercícios Nova página (Portal) Perfil Cid Gomes &_schema=portal * Título da página: (seu_nome) + perfil Cid Ferreira Gomes Filho de José Euclides Ferreira Gomes Junior e de Maria José Santos Ferreira Gomes, Cid Ferreira Gomes nasceu em Sobral em 27 de abril de 1963, local onde realizou seus estudos ensino fundamental e médio. Concluiu Curso superior de Engenharia Civil na Universidade Federal do Ceará (UFC), em Fortaleza, onde chegou a ocupar a presidência do Centro Acadêmico. Ingressou na política em 1990, em campanha para deputado estadual, eleito em dois mandatos consecutivos (1991 e 1995). Foi 1º Secretário da Mesa Diretora da Assembléia Legislativa do Ceará e no segundo mandato, foi eleito por unanimidade Presidente da Assembléia, com 32 anos, sendo o presidente mais jovem da história do Parlamento Estadual.

104 Exercício I Inserindo nova página

105 Exercício I Nova página (SEPLAG) Políticas de TI sdeti.asp * Título da página: (seu_nome) + politicati Políticas de TI A Assessoria de Estratégias de Tecnologia da Informação tem como uma das suas atribuições, definir diretrizes estratégicas, políticas, normas e orientações para o uso da TIC pelos órgãos e entidades do Governo do Estado do Ceará, para aprimorar a prestação de serviços e a disseminação das informações. No ano de 2007, foram definidas as políticas de uso de Software Livre e de Segurança da Informação, políticas que foram publicadas no início de 2008 e estão sendo implantadas, a primeira sob a Coordenação da Seplag e a segunda sob a Coordenação da Etice.

106 Exercício I Inserindo uma nova página Publicar página 1) Primeiro vai para o estado publicação pendente 2) Em seguida é possível publicar (confirmação)

107 Exercício I Inserindo uma nova página Alterar estado para privado (tirar de publicação) Alterar página (clicar no conteúdo ao exibir) Publicar novamente Excluir página (Ações -> Excluir)

108 Exercício II Inserindo uma nova notícia Voltar a página principal

109 Exercício II Nova notícia (Portal) 21/08 - Ministro toma posse na Academia de Letras &p_settingssetid=290100&p_settingssiteid=213&p_siteid=213&p_type=basete xt&p_textid= * Título da notícia: (seu_nome) + Ministro toma posse O governador Cid Gomes, participou nesta sexta-feira (22/08), da solenidade de posse do ministro Cesar Asfor Rocha, do Superior Tribunal de Justiça (STJ), na Academia Cearense de Letras. Eleito para ocupar a cadeira número 22, antes ocupada por Eduardo Campos, falecido no fim do ano passado, o ministro concorria à vaga de imortal com Luiz Cruz de Vasconcelos, ex-presidente da seccional cearense da Ordem dos Advogados do Brasil (OAB-CE). Em seu discurso de posse, marcado pelas presenças de um dos principais integrantes da Academia Brasileira de Letras, Senador José Saney, do presidente da Academia Cearense de Letras, Murilo Martins e do ministro do STJ, Napoleão Nunes Maia, Cesar Asfor prestou uma homenagem ao seu antecessor Eduardo Campos.

110 Exercício II Nova notícia(seplag) 21/08/2008 PRÊMIO IPECE icia.asp?ncodigonoticia=16798 * Título da notícia: (seu_nome) + PRÊMIO IPECE O Instituto de Pesquisa e Estratégia Econômica do Ceará recebe, até o próximo dia 1º, o resumo de trabalhos que vão concorrer ao Prêmio IPECE A iniciativa tem a finalidade de estimular a pesquisa nas áreas econômica e social, e divulgar trabalhos de reconhecida qualidade. O Prêmio faz parte da programação do IV Encontro Economia do Ceará em Debate, que o IPECE realizará no dia 7 de novembro, no auditório da FEAAC, na Universidade Federal do Ceará. Os textos devem apresentar, obrigatoriamente, enfoque atual sobre o Ceará ou que inclua comparativamente o Estado, abordando as áreas de finanças públicas, segurança pública, desenvolvimento econômico, entre outras.

111 Exercício II Inserir uma nova notícia Publicar notícia (Estado) Tirar do ar e alterar conteúdo Publicar novamente Excluir (Ações)

112 Exercício III Alterações avançadas Navegação pelo conteúdo total do portal

113 Exercício III Alterações avançadas Páginas Criar um link para uma outra página Criar um link para uma notícia Inserir uma imagem na página Criar uma tabela Utilizar formatação de fontes (negrito, itálico, etc)

114 Exercício III Alterações avançadas Link para notícias É um link interno (primeiro símbolo de hyperlink

115 Exercício III Alterações avançadas Notícias Criar um link para uma página Definir notícia como a principal do site Adicionar foto Verificar data Publicar

116 Exercícios complementares Exercício livre 1 Navegar no site Publicar uma notícia de sua preferência no Portal Tentar copiar e colar conteúdo, imagens, links, etc. Exercício livre 2 Criar mesma notícia como uma página Colocar a página como fazendo parte da estrutura do site Ceará Institucional (Portal) Institucional (SEPLAG)

117 Exercícios complementares Exercício livre 3 Explorar editor de conteúdo Lista numerada e não-numerada Tabelas Formatações avançadas (tipos de parágrafo) Navegar pelo conteúdo do site Realizar alterações Alterar menu, categorias Alterar estados dos itens (publicado, pendente, privado, etc)

118 Exercícios complementares Exercício livre 4 Propriedades avançadas Categorias Datas Configurações Comentários (usuários podem enviar comentários) Histórico

119 Exercícios complementares Exercício livre 4 Propriedades avançadas Histórico

120 Tempo livre

121 Dúvidas e suporte Contatos IVIA Renato Kleber renato.oliveira@ivia.com.br Marcelo Barros marcelo.barros@ivia.com.br Telefone: (85)

122 Dúvidas e suporte Material do CD Treinamento (.PDF e.ppt) Templates visuais em HTML/CSS Instaladores e configuradores do Plone

123 Obrigado! Renato Kleber Marcelo Barros