Proposta de Reformulação do Site do Conselho de Transparência da Administração Pública

Análise e propostas realizadas, levando-se em conta: arquitetura da informação, layout, navegabilidade e estruturação de banco de dados, realizados pela equipe da Assessoria de Inovação em Governo – iGovSP.

Elementos projetuais Paleta de Cores

RGB 4,14,100 Hexadecimal #040e6e

RGB 182,186,219 Hexadecimal #b6badb

RGB 224,223,236 Hexadecimal #e0dfec

RGB 225,225,227 Hexadecimal #e1e1e3

RGB 88,81,169 Hexadecimal #5851a9

Iconografia

Fontes: Arial, Helvética e Sans Serif

A sugestão do novo site do Conselho de Transparência da Administração Pública se divide em três menus, sendo: • Menu Principal: apresenta o Conselho, a Composição, Legislação, Reuniões, Deliberações e o link para o cidadão participar das reuniões; • Menu do canto superior direito: dá acesso aos vídeos das reuniões ao vivo e à página de contato com o Conselho; • Menu logo abaixo do principal: apresenta os links externos para o Portal da Transparência, Governo Aberto e Ouvidoria.

Na página do Conselho apresenta-se o Histórico, acompanhado de um infográfico, explicando o funcionamento do Conselho; e abaixo, um link de chamada para a página de Composição.

Página sobre a Composição do Conselho:

Foto de cada Conselheiro, com nome, órgão a qual pertence e um breve currículo. A mesma página e descrições servem para os links de Entidades Governamentais, Sociedade Cidadãos e Entidades Convidadas.

Página sobre Legislação:

Link para os Decretos e Regime Interno. Área fixa com o texto da Legislação Federal de Apoio a Conselhos.

Os links podem ser redirecionados para as páginas que contêm os textos ou o cidadão pode fazer o download das legislações em PDF.

Página de Reuniões:

Calendários de reuniões, que mostrará, de acordo com o ano escolhido, os dias das reuniões. Atas, documentos relacionados e links dos vídeos das reuniões, tudo em uma única página.

Canto superior direito: Link para o vídeo da última reunião que, ao ser clicado, abre o vídeo em tamanho maior na página.

Também na página de Reuniões: Links para os arquivos dos eventos realizados.

É importante informar ao cidadão que ele fará um download do arquivo no formato de PPS ou Vídeo, por meio dos ícones.

Ainda na página de Reuniões: Link para o relatório mensal do Governo Aberto, que estará disponível em PDF.

Página de Deliberações: O cidadão escolhe o ano que deseja ver e então tem acesso à listagem de deliberações nomeadas, contendo uma legenda de cores que indica qual é a situação da deliberação. Ao clicar em uma deliberação, apresentam-se as seguintes informações: • Texto da deliberação; • Texto de encaminhamento; • Situação que se encontra (encaminhado, em andamento, em implantação ou concluída); • Resultado da deliberação.

Além disso, o cidadão tem acesso ao link desta reunião, ao respectivo vídeo e pode efetuar um download em formato aberto ou em PDF da deliberação.

Formulário para participação do cidadão nas reuniões, incluindo um informativo das datas em que ocorrem as reuniões e como se dá a participação do cidadão.

No momento em que as reuniões estiverem acontecendo, o link do “Ao Vivo” deverá ficar na cor verde, indicando que existe uma transmissão.

Proposta para estruturação do Sistema de Administração e Manutenção dos dados do site do Conselho de Transparência da Administração Pública

Tela de cadastramento dos Representantes que compõem o Conselho de Transparência

Tela de manutenção dos Representantes que compõem o Conselho de Transparência

Tela de cadastramento da Legislação vigente sobre o Conselho de Transparência

Tela de manutenção da Legislação vigente sobre o Conselho de Transparência

Tela de cadastramento das datas de reuniões do Conselho de Transparência

Tela de manutenção das datas de reuniões do Conselho de Transparência

Tela de cadastramento de eventos realizados pelo Conselho de Transparência

Tela de manutenção de eventos realizados pelo Conselho de Transparência

Tela de cadastramento dos relatórios estatísticos do Portal do Governo Aberto SP

Tela de manutenção dos relatórios estatísticos do Portal do Governo Aberto SP

Tela de cadastramento de deliberações efetuadas pelo

Conselho de Transparência

Tela de manutenção das deliberações efetuadas pelo Conselho de Transparência

Tela de manutenção

das tabelas de referência

administrativas do Sistema

Tipo de representação

Nome da representação

Representações cadastradas

Tela de manutenção da tabela administrativa de cadastramento de datas do Sistema

Tela de manutenção da tabela administrativa de cadastramento de Situações das

Deliberações

Detalhamento de requisitos para o Sistema de Administração e Manutenção dos dados e do Site do Conselho de Transparência da Administração Pública

Detalhamento dos requisitos do sistema de entrada de dados

e do site

– Arquitetura do sistema

• Sistema em ambiente Internet, utilizando

softwares livres (Open Source)

• Server-Side:

• Linguagem de programação: PHP

Detalhamento dos requisitos do sistema de entrada de dados

e do site

– Arquitetura do sistema

• Linguagem de programação: PHP

• Banco de Dados: MySQL

• Client-side:

• HTML + JS (biblioteca JQuery) + CSS

– Arquitetura da solução • Desenvolvida na arquitetura WEB

multicamada.

• Deverá ser compatível com W3C Recomendations e testado no mínimo pelos browsers: Internet Explorer nas versões 8 ou superior, Mozilla Firefox 24.0 ou superior e Google Chrome versão 30.0, ou superior.

• Suporte à plataforma PHP 5 ou superior.

– Arquitetura da solução • Suporte à base de dados MySQL.

• Suporte a ferramentas de análise de Logs.

• Suporte a cache de Web Services.

– Requisitos técnicos da aplicação • Ter ambiente de administração

(portal de administração).

• Interface com usuários e administradores na língua portuguesa.

• Visualização prévia de documento (preview – edição de conteúdo).

• Possibilitar que um mesmo conteúdo possa ser publicado em múltiplas páginas sem duplicação.

• Possibilitar a inserção de metadados para classificar o conteúdo, facilitando a busca e a recuperação de forma simples e segura.

• Possuir telas de fácil navegação e oferecer ajuda on-line, sensível ao contexto de utilização.

• Rodar em ambiente TCP/IP, por intermédio de servidor seguro padrão SSL 2.0 ou superior.

• Manter logs de tempos de acessos vistos

pelo usuário final e de consulta a banco de dados que estarão sujeitos a avaliações periódicas para fins de redimensionamento do ambiente.

• Possibilitar aos usuários exportação de

dados de qualquer registro das tabelas do sistema, em formatos como XML, CSV e XLS.

• Possuir o controle de acesso pelos usuários administradores do sistema às bases de dados, mantendo registro permanente para cada operação realizada.

• O sistema deve ser orientado a objetos, integrado e modular, dividido em módulos interdependentes, atendendo funcionalidades específicas. A implantação poderá ser executada de forma integral ou por módulo.

• O sistema deverá suportar o crescimento do número de usuários atendidos.

– Módulo Cadastramento

• Cadastrar “Representantes” da composição do Conselho de Transparência da Administração Pública (nome, entidade e minicurrículo), através do sistema.

• Cadastrar “Reuniões” do Conselho de Transparência da Administração Pública (datas, atas, documentos, vídeos etc.), através do sistema.

– Módulo Cadastramento

• Cadastrar “Deliberações” do Conselho de Transparência da Administração Pública e respectivos fluxos.

• Cadastrar inscrição de participantes da sociedade civil, com geração de lista de inscritos (por data) e confirmação via e-mail dos participantes.

Modelagem do Banco de Dados do Sistema do Conselho de Transparência da Administração Pública Paulista

• L e g i s l a ç ã o

Exemplo das tabelas utilizadas no Sistema do Conselho de Transparência da Administração

Pública Paulista

• C o m p o s i ç ã o

Exemplo das tabelas utilizadas no Sistema do Conselho de Transparência da Administração

Pública Paulista

Exemplo das tabelas utilizadas no Sistema do Conselho de Transparência da Administração

Pública Paulista

• R e u n i õ e s

• R e u n i õ e s

Exemplo das tabelas utilizadas no Sistema do Conselho de Transparência da Administração

Pública Paulista

• D e l i b e r a ç õ e s

Exemplo das tabelas utilizadas no Sistema do Conselho de Transparência da Administração

Pública Paulista

Tab_Reuniao da página 35