DESENVOLVIMENTO DE PORTAIS E SÍTIOS GOVERNAMENTAISAdreson Vilson Vita de Sáe Heli Meurer

Dezembro 2012

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

Fundada em 28/12/1972Atende 100% dos Órgãos do Estado+ de 4500 redes locais instaladasMais de 700 sistemas desenvolvidos e mantidosReferência em Governo Eletrônico

06 Coordenadorias regionais

AlegreteCaxias do Sul Passo FundoPelotasSanta MariaSanto Ângelo

Produtos e Serviços

Sistemas, aplicativos, portais e sitesComunicação de Dados / EDIDesenvolvimento de AplicaçõesProjetos e ConsultoriaGerência de RedeData CenterProvimento de Acesso InternetHospedagem de Servidores

Sistemas, aplicativos, portais e sites

Portais e sites

Fluxo de trabalho

Secretaria, Orgão, Departamento,

EntidadeComercial

SSWSetor de

Serviços Web

SSW

Setor de Sites e VersõesEquipes compostas porGerentes de Projetos (GP)

Analistas de SistemasArquitetos da Informação (AI)

DesignersDesenvolvedores

SSW

Processo MetodológicoBriefingcom o cliente

Definição dosWireframes

Definiçãodo Layout

Preparação da Matriz

Desenvolvi-mento

ManutençãoEvolutiva e Corretiva

Levamenta-mento de informações,das necessidades,requisitos e restrições.Clientes, Designer e AIGP e Analista de Negócios

Definição da estrutura da informacional e navegacional,.dos componentes,da densidade e organização da informação na tela. Designer e AI

DefiniçãoestéticaDesigner

Definição do template, da base de dados, da gestão de conteúdos (CMS). Desenvolvedor

Organização dos componentes dentro do templateDesenvolvedor

Adequação das regras de estilos (CSS) do template em relação ao leiauteDesigner

Testes, validações, correções, inclusão de novas funciona-lidades, etc..DesenvolvedorDesigner

Requer aprovação

Requer aprovação

Exemplo

Transformando Wireframe em LayoutPenúltima versão do Portal do Estadohttp://www.helimeurer.kinghost.net/transformacao/pgInt.html

Importante

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

Importante

Fábrica de SoftwareQuando 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.

SSW

Framework MatrizEngloba 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.

Componentes da MatrizSlider de destaques com fotos e títulosManchetes com foto, titulo e texto.Listas de notíciasNewsletterSliders de fotos, vídeos e áudiosAgendaBanners simples e no modelo sliderGeolocalizaçãoElementos de acessibilidade Inclusão de Redes sociaisEnquetesBusca interna SEO e encontrabilidadeOutros

Site ou Portal

XMLCSS

Matriz

CMS eTemplate

SSW

Framework Matriz

Ao trocar ou modificar as folhas de estilos é possível transformar o layout do site

Desenvolvedores montam o template de acordo com o que foi definido no wireframe.

Portais e SitesDesenvolvidos no framework

MUITO OBRIGADO

www.procergs.rs.gov.bradreson-sa@procergs.rs.gov.br