Palestra ministrada na Jornada Tecnológica do IESB dia 27/08/2015, das 20h45 às 22h, por indicação Mário Sérgio Oliveira de Queiroz. Um overview sobre o produto "Identidade Padrão da Comunicação Digital do Governo Federal" feito com o CMS Plone.

1. Identdade Padrão
da Comunicação
Digital do
Governo Federal
CMS Plone e a comunidade
Tânia Andrea
27 de agosto de 2015
Brasília - DF
Jornada Tecnológica
IESB 2015

2.  Tânia Andrea
●
Cientista da Computação
●
Pós em Software Livre e
Ger. de Projetos
●
Gerente de projetos
na Apex-Brasil e Codevasf pela Plano Digital
●
Consultora externa
●
Big Kahuna 2013 – PloneConf / PythonBrasil[9]
– Keynote speaker 2015 – PythonBrasil[11] ;)
●
Mãe de um casal lindo :)
Sobre mim

3. Identdade Padrão
do Governo Federal
PORTAL PADRÃO – passado . presente . futuro

4. Todo mundo pensa em um padrão...
 SECOM/PR e DITEC, MPOG-SLTI e SERPRO
 Planejamento/Diagnóstico de comunicação
digital com 18 órgãos do SICOM
 Projeto Tangram da DITEC
 Cartilha de acessibilidade (e-MAG)
 Avaliação de acessibilidade do portal da
Secretaria de Direitos Humanos (SDH)
 Solução portal padrão do SERPRO

5. Comunidade PloneGov-BR
Criada com o intuito de estabelecer um canal de
colaboração entre as instituições do governo que
fazem uso, desenvolvem e incentivam as
tecnologias em Software Livre Python, Zope e
Plone.
 http://www.softwarelivre.org/plone
 https://colab.interlegis.leg.br/wiki/PloneGovBr
 Lista de discussão:
– http://listas.interlegis.gov.br/mailman/listinfo/
plonegov-br
PORTAL PADRÃO – passado . presente . futuro

6. Os conteúdos do portal são
disponibilizados com foco no
público principal. Aliado a uma
linguagem multmídia de fácil
entendimento, o portal torna-se
acessível a todos.
FOCO NO CIDADÃO
Por que padronizar?

7. EXPERIÊNCIA DIGITAL
COMUM
Por que padronizar?
Sempre com o foco no público, a
padronização foi intencional para
que o cidadão não tenha
difculdade em conseguir
informações ao acessar outro
portal do governo.

8. Por que padronizar?
O portal já atende ao Decreto de
Lei nº 5.296, de 2004, que torna
obrigatória a implementação dos
critérios de acessibilidade em
portais através das normas e-
MAG. Adicionalmente, o Portal já
é concebido de maneira fexível
para se adaptar a diferentes
tamanhos de tela, atendendo a
uma ampla variedade de
dispositvos.
ACESSIBILIDADE
E RESPONSIVIDADE

9. O Portal Padrão foi criado com
uma estrutura reutlizável, ou
seja, pode ser aplicada em
diferentes órgãos, possibilitando
redução de custo material e
humano.
ECONOMICIDADE
Por que padronizar?

10. Secom/PR inova com atuação na
comunidade
 Março/2013 – Secom inicia o projeto de
identidade digital padrão de governo eletrônico.
 Repositório aberto:
●
https://github.com/plonegovbr
PORTAL PADRÃO – passado . presente . futuro

11. Secom apoia CMSs livres
 Drupal
– Códigos: https://github.com/drupalgovbr
 Joomla
– Códigos: https://github.com/joomlagovbr/
– http://portalpadrao.joomlacalango.org/
 Plone
– Códigos: https://github.com/plonegovbr/
– http://portalpadrao.plone.org.br/
– Eggs: https://pypi.python.org/pypi/brasil.gov.portal
PORTAL PADRÃO – passado . presente . futuro
Fonte: https://www.secom.gov.br/atuacao/comunicacao-digital

12. Identdade Visual

13. Cores
Referências
Bandeira Nacional Bandeiras dos Estados Brasileiros
Escudos e Brasões Nacionais

14. Cores
Estrutura padrão – Paleta Estendida

15. www.brasil.gov.br

16. www.planalto.gov.br

17. www.secom.gov.br

18. PORTAL PADRÃO – passado . presente . futuro
portalpadrao.plone.org.br

19. Manual de
diretrizes
de comunicação
da identidade
d i g i t a l
do governo
Instalação do
Portal PadrãoGuia de Estilo
Manuais

20. Manual de
Consulta rápida
Gestão
de conteúdo
Funcionalidades
Avançadas
Manuais

21. Orientações para
redes sociais
Manuais

22. O que é Plone?
 Um CMS ou SGC feito em
Python
 Criado por Alexander Limi e
Alan Runyan, em 2001
 Plone Foundation
 www.plone.org
 Servido pelo Zope
PORTAL PADRÃO – passado . presente . futuro

23. Plone – vem pronto
PORTAL PADRÃO – passado . presente . futuro

24. Plone – é aderente a padrões
 W3C-AA
 Section 508
 XHTML 1.0
 CSS
 Dublin Core
PORTAL PADRÃO – passado . presente . futuro

25. Plone – quem usa?
 FBI.gov
 CIA.gov
 Brasil.gov
 PF.gov
 Serpro.gov
 ...
PORTAL PADRÃO – passado . presente . futuro

26. O que é Zope?
 Z Object Publishing
Environment
 Servidor de Aplicações WEB
 Aberto pela Digital Creations
(atual Zope Corporation), em 1998
 Banco de Dados OO – Zope Object Database
(ZODB)
 Multiplataforma
 Escrito em Python
PORTAL PADRÃO – passado . presente . futuro

27. O que é Python?
 Linguagem de
Programação OO
 Criada por Guido van Rossum,
em 1991
 Não leia “Píton”, “Fíton” ou “Pitôn”, é Python!
 Python Software Foundation (PSF)
 www.python.org
PORTAL PADRÃO – passado . presente . futuro

28. Python – para o Yahoo!
“Python is a dynamic object-oriented
programming language that can be used for
many kinds of software development.It
offers strong support for integration with other
languages and tools, comes with
extensive standard libraries, and can be
learned in a few days.”
http://developer.yahoo.com/python
PORTAL PADRÃO – passado . presente . futuro

29. www.pythonbrasil.org.br

30. PythonBrasil[10] – Foto ofcial ;)

31.  Tânia Andrea
●
taniaa.moreira@gmail.com
●
@taniaandrea_com
●
Depois no SlideShare:
http://www.slideshare.net/TaniaAndreaMirandaMor
eira/
Obrigada!
PORTAL PADRÃO – passado . presente . futuro