O documento descreve o desenvolvimento de portais e sites governamentais realizado pela Procergs. A Procergs possui mais de 4500 redes instaladas, atende 100% dos órgãos do estado e desenvolveu mais de 700 sistemas. Ela utiliza um processo metodológico e um framework matriz para desenvolver portais e sites de forma rápida e padronizada.

1. DESENVOLVIMENTO DE
PORTAIS E SÍTIOS GOVERNAMENTAIS
Adreson Vilson Vita de Sá
e Heli Meurer
Dezembro 2012

3. Missão
Prover soluções em Tecnologia da
Informação e Comunicação para aumentar
eficiência e transparência do serviço
público e aproximar Governo e Cidadão

4. Fundada em 28/12/1972
Atende 100% dos Órgãos do Estado
+ de 4500 redes locais instaladas
Mais de 700 sistemas desenvolvidos e mantidos
Referência em Governo Eletrônico

5. 06 Coordenadorias regionais
Alegrete
Caxias do Sul
Passo Fundo
Pelotas
Santa Maria
Santo Ângelo

6. Produtos e Serviços
Sistemas, aplicativos, portais e sites
Comunicação de Dados / EDI
Desenvolvimento de Aplicações
Projetos e Consultoria
Gerência de Rede
Data Center
Provimento de Acesso Internet
Hospedagem de Servidores

7. Sistemas,
aplicativos,
portais e
sites

11. Portais e sites
Fluxo de trabalho

12. Secretaria, Orgão,
Departamento, Comercial
Entidade
SSW
Setor de
Serviços Web

13. SSW
Setor de Sites e Versões
Equipes compostas por
Gerentes de Projetos (GP)
Analistas de Sistemas
Arquitetos da Informação (AI)
Designers
Desenvolvedores

14. SSW
Processo Metodológico
Briefing Definição dos Definição Desenvolvi- Manutenção
com o cliente Wireframes do Layout mento Evolutiva e
Corretiva
Levamenta- Definição da Definição Organização
mento de estrutura da estética dos Testes,
informações, informacional Designer componentes validações,
das e dentro do correções,
necessidades, navegacional,. Preparação template inclusão de
requisitos e dos da Matriz Desenvolvedor novas funciona-
restrições. componentes, Definição do lidades, etc..
Clientes, da densidade template, da Adequação das Desenvolvedor
Designer e AI e organização base de dados, regras de Designer
GP e Analista da informação da gestão de estilos (CSS) do
de Negócios na tela. conteúdos template em
Designer e AI (CMS). relação ao
Desenvolvedor leiaute
Designer
Requer Requer
aprovação aprovação

15. Exemplo
Transformando Wireframe em
Layout
Penúltima versão do Portal do Estado
http://www.helimeurer.kinghost.net/transformacao/pgInt

16. Importante
Wordpress
Alguns portais e sites também são
desenvolvidos em wordpress.

17. Importante
Fábrica de Software
Quando a demanda é excessiva, aciona-se a
fábrica de software. A mesma pode executar
todo o processo de desenvolvimento ou
somente algumas faces do mesmo, conforme
necessidade.
A mesma segue o mesmo processo
metodológico da SSW.

18. SSW
Framework Matriz
Engloba CMS (gestor de conteúdos) e uma
estrutura informacional e navegacional
organizada em componentes pré-definidos
que agilizam o desenvolvimento de portais,
sites e subsites.

19. Componentes da Matriz
Slider de destaques com fotos e títulos
Manchetes com foto, titulo e texto.
Listas de notícias
Newsletter
Sliders de fotos, vídeos e áudios
Agenda
Banners simples e no modelo slider
Geolocalização
Elementos de acessibilidade
Inclusão de Redes sociais
Enquetes
Busca interna
SEO e encontrabilidade
Outros

20. SSW
Framework Matriz
Matriz
CSS XML CMS e
Template
Ao trocar ou
modificar as folhas Desenvolvedores
de estilos é montam o
possível template de
transformar o Site ou Portal acordo com o que
layout do site foi definido no
wireframe.

21. Portais e Sites
Desenvolvidos
no framework

33. MUITO OBRIGADO
www.procergs.rs.gov.br
adreson-sa@procergs.rs.gov.br