Guia de Referncia para Elaborao do 1

Plano de Desenvolvimento de Stio de Informao

Governo do Estado de Minas Gerais

Secretaria de Estado de Planejamento e Gesto
Subsecretaria de Gesto
Superintendncia Central de Governana Eletrnica

GUIA DE REFERNCIA PARA ELABORAO DO PLANO DE

DESENVOLVIMENTO DE STIO DE INFORMAO

Belo Horizonte
Fevereiro/2009
 Guia de Referncia para Elaborao do 2
Plano de Desenvolvimento de Stio de Informao

Renata Maria Paes de Vilhena

Secretria de Estado de Planejamento e Gesto

Marconi Martins de Laia

Diretor da Superintendncia Central de Governana Eletrnica

Rodrigo Diniz Lara

Diretor da Diretoria Central de Gesto da Informao

Elaborao:

Fabrcio de Barros Salum

Especialista em Polticas Pblicas e Gesto Governamental

Lisley Amaral Teixeira

Gestora Governamental
 Guia de Referncia para Elaborao do 3
Plano de Desenvolvimento de Stio de Informao

SUMRIO

1 INTRODUO 4

2 DEFINIO DO PROPSITO E ABRANGNCIA DO STIO 5

3 DEFINIO DE PBLICOS-ALVO DO STIO 7

4 JUSTIFICATIVA PARA A CRIAO DO STIO 9

5 ESTRUTURAO DAS INFORMAES E DOS SERVIOS PREVISTOS 10

5.1 PROJETO GRFICO E NAVEGAO 10

5.1.1 Identidade visual 10

5.1.2 Design 11

5.1.3 Estilo e Leiaute 13

5.14 Usabilidade e Acessibilidade 14

5.2 CONTEDO 15

5.3 ARQUITETURA DA INFORMAO 16

5.4 APLICAES 17

6 IMPLANTAO E OPERAO 19

6.1 HOSPEDAGEM E SERVIO 20

6.2 DIVULGAO E ACESSO 20

7 IDENTIFICAO DE RECURSOS HUMANOS, TCNICOS E DE
22
DISPONIBILIDADE FINANCEIRA
8 CRONOGRAMA DE DESENVOLVIMENTO E IMPLANTAO 24

9 CHECKLIST DOS CRITRIOS DA AVALIAO DE STIOS 25

10 REFERNCIAS 29
 Guia de Referncia para Elaborao do 4
Plano de Desenvolvimento de Stio de Informao

1 INTRODUO

A Resoluo SEPLAG n. 40, de 18 de julho de 2008 que estabelece diretrizes para

estruturao, elaborao, manuteno e administrao de stios de informao de servios
pblicos, na Internet dos rgos e Entidades do Poder Executivo da Administrao
Pblica Estadual Direta, Autrquica e Fundacional, determina em seu Art. 3:
A elaborao de novos stios governamentais dever ser precedida de Plano de
Desenvolvimento de Stio de Informao, a ser remetido, para aprovao,
Superintendncia Central de Governana Eletrnica da Secretaria de Estado de
Planejamento e Gesto, contendo:
I definio clara do propsito e abrangncia do stio;
II definio de pblicos-alvo do stio;
III justificativa para a criao;
IV estruturao das informaes e dos servios previstos;
V identificao de recursos humanos, tcnicos e de disponibilidade financeira
para o desenvolvimento e manuteno do stio e seus servios.
Diante da especificidade e da complexidade de elaborao desse Plano, percebeu-se a
necessidade de se estabelecer um guia de referncia que oriente os rgos e entidades na
sua elaborao e padronize o processo de avaliao pela Superintendncia Central de
Governana Eletrnica (SCGE). Dessa forma, este guia apresenta as orientaes bsicas
para elaborao do Plano de Desenvolvimento de Stio de Informao, a ser encaminhado
SCGE.
 Guia de Referncia para Elaborao do 5
Plano de Desenvolvimento de Stio de Informao

2 DEFINIO DO PROPSITO E ABRANGNCIA DO STIO

O propsito, ou objetivo, diz respeito a que se destina o stio. Essa definio

fundamental, uma vez que todos os elementos do Plano sero desenvolvidos a partir
deste ponto. O objetivo se relaciona intimamente com a abrangncia do stio,
caracterizando o que ele realmente . A abrangncia o escopo geral que determina seu
objetivo.
O objetivo, por exemplo, pode ser desenvolver um stio de compras
governamental e a abrangncia, criar um Portal de Compras para determinado
rgo, ou simplesmente um sistema de compras, ou uma pgina, no stio do rgo
ou instituio. Deve se ter em mente que o objetivo e a abrangncia condicionam a
identificao da identidade visual do stio, a arquitetura da informao e as
necessidades tecnolgicas. Assim, uma clara definio pode ajudar a equipe de
desenvolvimento ao longo da criao do stio. O objetivo e a abrangncia so
fundamentais para se determinar os recursos necessrios para o desenvolvimento
do stio e o pblico-alvo ao qual se destina.

Exemplos de Objetivos de Stios

Compras governamentais
Informaes institucionais
Pagamento de contas
Educao distncia
Bibliotecas virtuais
Divulgao de eventos
Comrcio eletrnico
Prestao de servios de determinada rea (sade, previdncia, educao etc.)
Informaes gerais
 Guia de Referncia para Elaborao do 6
Plano de Desenvolvimento de Stio de Informao

Exemplos de Abrangncia de Stios

Pgina do stio pgina simples com informaes ou servios.

Stio pgina para publicao de informaes e prestao de servios, contendo outras
pginas internas.
Portal stios com grandes volumes de informaes e servios, abrangendo uma grande
quantidade de pginas internas.
Stios promocionais stios para divulgao de eventos ou servios, compostos de uma
ou duas pginas.
Sistemas de informao stios para gerenciamento de informaes a partir de dados
gerados por usurios.
Stios de comrcio eletrnico stios com transaes eletrnicas.
Stios de bibliotecas de bases de dados integradas stios para gerenciamento do acesso
a bases de dados bibliogrficos hospedadas em servidores distintos.
Stios para gesto colaborativa de contedo stios com aplicaes especficas para
trabalho colaborativo.
 Guia de Referncia para Elaborao do 7
Plano de Desenvolvimento de Stio de Informao

3 DEFINIO DE PBLICOS-ALVO DO STIO

O pblico define a quem o stio se destina, quais sero seus visitantes. Apesar de, muitas
vezes, um stio atrair um pblico no esperado, a determinao de um pblico-alvo
coerente com o objetivo do stio possibilita estabelecer uma linguagem, uma arquitetura
informacional e uma identidade grfica mais apropriada e que torne a navegao mais
agradvel para o usurio.
Em geral, pode-se classificar o pblico-alvo do setor pblico em quatro grandes grupos:
cidados, empresas, governo e funcionrios pblicos Na categoria cidados, pode-se
incluir grupos tnicos, grupos etrios e grupos especficos. No que tange s empresas,
inclui-se os investidores, os fornecedores, exportadores, dentre outras. O item
governo abrange outros poderes (Legislativo e Judicirio), outras esferas de governo
(Federal e Municipal), bem como outros rgos da mesma esfera ou do mesmo poder. A
categoria servidores pblicos pode envolver servidores em geral, servidores de
carreiras especficas, ativos e inativos.
Essa classificao no restringe a determinao de outros pblicos-alvo, como
estrangeiros, deficientes fsicos, turistas e muitos outros. O importante a se considerar o
grau de conhecimento em informtica, navegao e os assuntos veiculados no stio, alm
da infra-estrutura tecnolgica de acesso que o pblico-alvo possui. Esses fatores
determinaro a complexidade do stio e o tamanho dos arquivos a serem carregados, o
que acaba por determinar a velocidade na qual ser carregado. Dessa forma, a
determinao do pblico-alvo deve abranger todos esses fatores e ser coerente com o
objetivo e a abrangncia definidos anteriormente.
 Guia de Referncia para Elaborao do 8
Plano de Desenvolvimento de Stio de Informao

Exemplos de Pblicos-alvo de Stios

Cidado Empresas Governo Funcionrios Outros

Servidores Deficientes
Crianas Investidores Prefeituras
ativos fsicos
Governo Servidores
Adolescentes Exportadores Turistas
Federal inativos
Micro e pequenas
Adultos Tribunais Policiais Estrangeiros
empresas
Assemblia
Idosos Mdias empresas Professores
Legislativa
Congresso Profissionais de
Mulheres Grandes empresas
Nacional Sade
Grupos
Fornecedores Secretarias
Indgenas

Estudantes
 Guia de Referncia para Elaborao do 9
Plano de Desenvolvimento de Stio de Informao

4 JUSTIFICATIVA PARA A CRIAO DO STIO

A justificativa para a criao do stio deve abranger cinco pontos especficos:

1. Pesquisa sobre a abrangncia e o pblico-alvo do stio pesquisa em portais que

possuem o mesmo objetivo, a mesma abrangncia e o mesmo pblico-alvo, visando
evidenciar o que se pretende com o stio.
2. Justificativa do propsito e dos objetivos traados justificar o porqu da criao do
stio, relacionado com os objetivos da organizao, os programas, projetos e atividades
da mesma.
3. Avaliar se as informaes e servios propostos atendem ao pblico-alvo considerar
se os objetivos e a abrangncia atendem o pblico-alvo determinado e de que forma
podem abranger outros pblicos.
4. Parceiros discriminar a existncia de algum parceiro que atue na concepo,
desenvolvimento, manuteno, financiamento ou outra questo relacionada ao
assunto.
5. Benefcios gerados elencar os benefcios gerados com o desenvolvimento e
implantao do stio para a gesto interna, para o pblico-alvo, para os parceiros e
demais envolvidos com o processo.
Esses tpicos podem ser abordados de forma conjunta, em um nico texto explicativo, ou
de forma analtica, discriminando cada item separadamente, como realizado aqui.
 Guia de Referncia para Elaborao do 10
Plano de Desenvolvimento de Stio de Informao

5 ESTRUTURAO DAS INFORMAES E DOS SERVIOS PREVISTOS

Neste captulo, sero especificados os itens de identificao visual do stio, bem como da
organizao da informao e do contedo abrangido. Deve-se, inicialmente, determinar as
principais categorias de informao que a organizao trabalha de modo a se ter uma
clara noo de seu negcio. Especificamente, so abordados os seguintes:
projeto grfico e as condies de navegabilidade;
contedo;
aplicaes;
arquitetura da informao.

5.1 Projeto Grfico e Navegao

O projeto grfico trata do arranjo e da composio dos elementos grficos do stio. O
projeto grfico tambm define as condies de navegabilidade do stio, ou seja, a
facilidade com que o usurio navega entre as diversas pginas e o modelo de
comunicao do stio. O projeto grfico composto por alguns elementos, discriminados a
seguir.

5.1.1 Identidade visual

Em qualquer pgina interna, a especificao da identidade visual deve permitir ao

visitante identificar que ele se encontra no stio determinado. Deve-se buscar padronizar a
identidade visual da pgina principal e das outras pginas para se alcanar esse objetivo.
Para se identificar um stio, necessrio observar algum elemento de repetio, que
permita reconhecer facilmente o stio. Essa repetio necessria para tornar algo
perceptvel em todas as pginas, gerando certo padro para o usurio, que facilmente
pode identificar menus e opes de navegao.
A definio da identidade visual deve ser precedida de pesquisa visual e de informao
sobre a organizao, produto ou servio a ser veiculado no stio. A pesquisa compreende
a investigao de elementos e traos possveis tecnicamente de serem trabalhados na
identidade visual da aplicao. Deve-se seguir o manual de identidade visual do
Governo do Estado de Minas Gerais e o manual de identidade para stios de
informao. A identidade visual no significa somente a repetio de elementos nas
pginas dos stios, mas tambm funciona como uma ferramenta do processo de
informao visual, relacionado ao contedo do stio.
 Guia de Referncia para Elaborao do 11
Plano de Desenvolvimento de Stio de Informao

5.1.2 Design

Esta palavra pode ser definida como concepo de um projeto grfico, derivada de uma
identidade visual estabelecida, e voltado para um objetivo especfico. O design de stios
da internet envolve algumas definies. As definies a seguir so orientaes gerais para
o desenvolvimento do stio, embora no sejam obrigatrias no detalhamento do Plano de
Desenvolvimento de Stio.

Tipografia

Definio das fontes e de seus tipos. A fonte um grupo de caracteres sob o mesmo estilo
e em todos os corpos: caixa alta e baixa, sinais de pontuao, acentos e numerais. Cada
fonte possui uma famlia de tipos, que so todas as suas variaes, como: Arial, Arial
Black, Arial Narrow. O tipo de fonte o desenho de uma determinada famlia de
caracteres. Os tipos incluem ainda as variaes de negrito, itlico, caixa alta, nmeros
smbolos e pontuao.
Deve-se definir o padro tipogrfico do stio, incluindo os textos, ttulos e demais
elementos. Deve-se evitar excesso de tipos, contudo, costuma-se diferenciar os tipos dos
ttulos, textos e anotaes. Deve-se considerar que cada tipo ainda inclui variaes
(negrito, itlico, caixa alta etc.). importante considerar a legibilidade da fonte e o acesso
de usurios com dificuldades visuais para escolha dos tipos. Uma regra importante que,
se para a compreenso de uma determinada letra, o usurio tiver que se valer da letra
seguinte, o tipo escolhido deve ser descartado.
A ltima questo a ser considerada a ausncia ou presena das serifas nas fontes. As
serifas so traos nas extremidades das letras. Quando o tipo de fonte escolhido possui
serifas, elas conectam uma letra a outra, aumentando o ritmo e facilitando a leitura
impressa. J os tipos sem serifas (bastonados), so retos, utilizados em ttulos e legendas
com letras no formato em negrito. Em geral, os tipos sem serifa facilitam a leitura de stios
na Internet.

Cores

As cores devem seguir o objetivo do stio e a identidade visual determinada. As principais

definies tratam dos modelos de cor adotados.
 Guia de Referncia para Elaborao do 12
Plano de Desenvolvimento de Stio de Informao

Modelo RGB o mtodo pelo qual os monitores de computador apresentam as seguintes

cores: vermelho, verde e azul. Uma grande porcentagem do espectro visvel de cores pode
ser representada pela mistura das cores primrias. O modelo de cor RGB conhecido
como aditivo. Os monitores de computador mostram cores usando uma mistura das cores
primrias aditivas. Em geral, devem-se editar imagens coloridas no formato RGB, pois
os arquivos so menores, os monitores apresentam cores melhores e h maior espectro de
cores.

Modelo CMYK o mtodo pelo qual as imagens so impressas usando o seguinte

processo de quatro cores: ciano, magenta, amarelo e preto, representando os quatro
processos de tintas usados para imprimir imagens em uma impressora.

Modelo HSV (Hue, Saturation e Value) a seleo e obteno de cores no modelo HSV
muito mais intuitiva que nos modelos RGB e CMYK. Seu princpio baseia-se no controle
dos valores de Hue, Saturation e Value. Hue a componente que seleciona a "tinta" em uso,
sendo controlada pela posio angular de um ponteiro numa roda de cores definida de 0 a
359. Saturation a componente que determina a pureza da cor selecionada em Hue. Todos
os tons de cinza possuem Saturation zero e todos os Hues puros possuem Saturation 1.
Value regula o brilho da cor determinada por Hue e Saturation. A cor preto possui brilho
zero e qualquer valor de Hue ou Saturation. O valor 1 de Value determina uma intensidade
pura de Hue+Saturation.

Processo DITHERING o pontilhamento ou dithering o processo de se usar as cores

disponveis na paleta para produzir outras cores. As cores disponveis so pulverizadas
para simular as cores no disponveis. Se precisarmos de uma cor que seja um tero da cor
A para a cor B, um programa que pontilha simplesmente pulveriza 33% dos pixels da cor
B sobre 100% da cor A.
As profundidades das cores tambm influenciam as imagens. Imagens de um bit tm
apenas dois estados: ligado (branco) e desligado (preto). Maior nmero de bits por pixel
significa mais cores a serem utilizadas, gerando arquivos maiores.

Imagens

As imagens podem ser de dois tipos: vetoriais e matriciais. As imagens vetoriais so

determinadas por curvas e linhas definidas matematicamente por vetores. Uma figura
vetorial pode ser movida, redimensionada ou rotacionada como um objeto independente.
J as imagens matriciais so compostas de uma matriz de pixels, e, geralmente, so
 Guia de Referncia para Elaborao do 13
Plano de Desenvolvimento de Stio de Informao

utilizadas para figuras fotogrficas. O tamanho de uma imagem definido por sua
resoluo, que definida pela quantidade de pixels por polegada.
Alm disso, necessrio definir a fonte de obteno das imagens (paga, banco de
imagens, scanner etc.), seleo de imagens, os recursos utilizados para edio e
manuteno, e o formato utilizado (vetoriais ou matriciais JPEG ou GIF).

5.1.3 Estilo e Leiaute

A definio do estilo do stio tambm retrata o objetivo definido para seu

desenvolvimento como, por exemplo:
corporativo;
informativo;
transacional;
ilustrativo.

Deve-se estabelecer o leiaute para a pgina principal (home) e para as outras pginas do
stio. Antes de se estabelecer o leiaute, necessrio definir:
logotipo a ser utilizado, incluindo sua definio;
menus a serem utilizados;
barras a serem utilizadas (cabealho, rodap e outras);
links a serem disponibilizados;
a resoluo padro do stio (640x480, 800x600, 1024x728 etc).

Quanto resoluo, deve-se considerar que a Resoluo SEPLAG 40/2008 define, em seu
artigo 9, que os stios devero ser estruturados para utilizar a maior parte da largura da
tela quando na resoluo de 1024 por 768 pixels e estar centralizado quando exibido em
resolues superiores a esta;
O leiaute da pgina principal e das outras pginas do stio deve indicar como se dar o
preenchimento dos seguintes espaos:
topo da pgina ou cabealho;
rea central (definio de colunas, menus e outras reas);
rodap.

O leiaute deve indicar tambm os elementos de design preestabelecidos. Sobre a

disposio dos elementos das pginas, sugere-se verificar o captulo V, Art. 9 que as
diretrizes relativas Usabilidade, onde podem ser encontradas informaes sobre o
 Guia de Referncia para Elaborao do 14
Plano de Desenvolvimento de Stio de Informao

leiaute de pginas.
Exemplos de leiaute de pgina:

Topo da Pgina

rea Central

Rodap

Topo da Pgina

rea Central

Rodap

Caso haja algum stio de referncia para o leiaute, favor indic-lo com o endereo para
acesso.

5.1.4 Usabilidade e acessibilidade

Alm das condies de Acessibilidade e Usabilidade definidas na Resoluo SEPLAG

40/2008. Devem-se seguir tambm as diretrizes referentes Busca, Cap. VII Art. 11,
Contedo Cap. VIII Art. 13, Cap. XI Art. 18, Identidade Visual, Cap. XII art. 19 e
Segurana, Cap. IV Art. 7.
 Guia de Referncia para Elaborao do 15
Plano de Desenvolvimento de Stio de Informao

5.2 Contedo

As definies sobre o contedo do stio esto estritamente relacionadas s definies j

estabelecidas, desde o objetivo at o design. O contedo trata aqui do que ser veiculado
no stio e no especificamente sua organizao, o que ser tratado no Cap. VIII Art. 13.
Devem-se descrever quais os contedos comporo a pgina principal, e as outras pginas
do stio, determinando:
sua relevncia para o pblico-alvo e para a instituio;
a freqncia de atualizao do contedo;
quais os responsveis pela produo de cada contedo;
quais os responsveis pela aprovao de cada contedo;
quais os responsveis pela publicao e gesto do contedo;
qual o sistema utilizado para gesto de contedo (ver tambm a seo 5.4
Aplicaes);
existncia de notcias relacionadas ao contedo do stio;
sistema de gerenciamento de notcias.

Complementar descrio do contedo, pode-se anexar ao Plano de Desenvolvimento de

Stio documentos impressos ou em outras mdias que contenham parte do contedo
disponibilizado no stio.
Conforme a resoluo 40/2008, Art. 15, os stios do Poder Executivo de Minas Gerais
devero, obrigatoriamente, conter, na estrutura de contedo a ordem estabelecida baixo,
em seu menu os seguintes elementos:
link para pgina inicial;
institucional:
a) misso e valores da instituio;
b) objetivo operacional e competncias legais da instituio;
c) integrao institucional (vinculao ou subordinao);
d) composio dos Conselhos Estaduais;
e) composio do Conselho de tica;
f) estrutura organizacional legal;
g) endereos de correio eletrnico das unidades administrativas da
instituio;
servios, eletrnicos ou no, prestados pela instituio;
programas e aes de governo.
 Guia de Referncia para Elaborao do 16
Plano de Desenvolvimento de Stio de Informao

5.3 Arquitetura da informao

A arquitetura da informao define a navegao e a estruturao do contedo de um stio
de informao na Internet. A arquitetura da informao concerne s regras e padres de
organizao que condicionam a relao entre as informaes e o acesso a elas. Esta deciso
crucial para o stio, uma vez que aqui que se organiza o contedo nele disponibilizado.
Essa organizao, por sua vez, determina o fluxo de navegao pelo stio.
O primeiro passo para definio da arquitetura da informao ser o agrupamento do
contedo. Neste ponto, ressalta-se que a Resoluo SEPLAG 40/2008 determina que o
contedo dos stios seja agrupado por pblico-alvo ou assunto. A organizao por
pblico-alvo pode ser mais intuitiva para os usurios e para os desenvolvedores, uma vez
que j foi definido no incio do Plano de Desenvolvimento do Stio, como cidados,
empresas, servidores, dentre outros. A aplicao por assuntos menos intuitiva e requer
maio esforo de classificao. importante salientar que se deve ter cuidado com a
categorizao, uma vez que termos equivocados podem dificultar o acesso s
informaes.
Deve-se evitar a organizao do contedo pela estrutura organizacional da instituio o
que vetado pela Resoluo SEPLAG 40/2008 uma vez que cidados que no conhecem
a estrutura interna da organizao tero dificuldades de obter as informaes desejadas.
sempre importante considerar que o usurio deve poder identificar onde ele est no stio,
de onde veio e quais so as opes para avanar. preciso definir quais os
relacionamentos entre as pginas e as informaes nelas contidas. As definies sobre
arquitetura da informao partem de um levantamento inicial das informaes j obtidas
at aqui. Uma considerao importante que o stio deve propiciar ao usurio encontrar o
que ele procura. Assim, toda a organizao das informaes deve estar voltada para esse
ponto.
interessante definir a arquitetura da informao por meio de diagramas de informao,
que mostrem as estruturas e os relacionamentos das informaes disponveis para o stio.
Essa estrutura permite identificar pontos falhos nos relacionamentos ou acessos muito
ramificados, que dificultam o acesso s informaes pelos usurios (ver Padres de
Usabilidade Stios anexo). Exemplo de diagrama de arquitetura da informao:

.
 Guia de Referncia para Elaborao do 17
Plano de Desenvolvimento de Stio de Informao

5.4 Aplicaes

Pode-se definir a tecnologia da informao como a utilizao de conhecimentos tcnicos

especficos para se manipular as informaes necessrias de forma contnua. As
tecnologias utilizadas para o desenvolvimento do stio so nada mais, que ferramentas
para manipulao das informaes, ou seja, o mais importante so as definies de
negcio do stio: objetivo, pblico-alvo, contedo, arquitetura da informao e os outros
elementos j abordados. Essas tecnologias so as aplicaes utilizadas para
desenvolvimento e operao do stio.
A definio das aplicaes e tecnologias adotadas dever seguir o Cap. II Art. 4 da
Resoluo 40/08.
A Resoluo SEPLAG 40/2008 determina ainda, a existncia de aplicaes especficas,
como:
Mecanismo de busca na pgina principal;
Mapa do stio (mapa de navegao);
Suporte a diferentes tecnologias;
Formulrio prprio para o Fale Conosco.

As especificaes de aplicaes devem levar em conta o suporte a diferentes tecnologias,

caso o stio seja desenvolvido em uma tecnologia que no seja padro, como o
Macromedia Flash. Neste caso, deve-se disponibilizar uma verso alternativa em formato
padro HTML ou XHTML. Ademais, preciso considerar que as aplicaes precisam
funcionar corretamente em diferentes navegadores da Internet, como Internet Explorer,
Opera, Mozilla e outros. Deve-se ainda discriminar aplicaes utilizadas para:
 Guia de Referncia para Elaborao do 18
Plano de Desenvolvimento de Stio de Informao

Banco de dados (PostGre SQL, MySQL, Oracle e outros);

Busca;
E-mails e listas de e-mails;
Estatsticas do stio;
Formulrios;
Gerenciamento de perfil de usurios;
Gerenciamento de segurana do stio (firewall, Proxy e outros);
Gesto de contedo;
Mapa do stio;
Servidor de aplicaes;
Servidor web (Apache, IIS e outros);
Tecnologia de desenvolvimento (HTML, PHP, ASP, .NET, XML, Java e outros);
Demais aplicaes utilizadas para o desenvolvimento do stio.
 Guia de Referncia para Elaborao do 19
Plano de Desenvolvimento de Stio de Informao

6 IMPLANTAO E OPERAO

Aps o desenvolvimento, os stios de informao passam por um processo de implantao

para, ento, entrar em no ambiente de produo (operao). Aps o desenvolvimento do
stio, necessrio realizar testes diversos. O Plano de Desenvolvimento de Stio deve
conter, pelo menos, a previso dos seguintes testes:

Teste de funcionalidade

teste do stio em navegadores distintos, em verses diferentes, e em diversos

sistemas operacionais, visando identificar falhas em scripts, tags e outras
funcionalidades;

verificar os links, arquivos para download e demais relacionamentos;

verificar o carregamento de imagens e aplicaes.

Teste de desempenho

verificar o tempo de carregamento da pgina principal;

verificar o tempo de carregamento das outras pginas;

verificar o desempenho de animaes, sons, vdeos e demais aplicaes.

Teste de navegabilidade

definir quem realizar o teste (preferencialmente algum do pblico-alvo do

stio);

determinar os parmetros a serem avaliados e, no mnimo:

verificar a facilidade com que o usurio encontra a informao que procura;

verificar se o usurio percebe claramente a organizao das informaes;

testar como o usurio realiza tarefas bsicas do stio;

verificar se os usurios compreendem o propsito do stio;

Ainda no detalhamento da implantao, necessrio definir a poltica de privacidade e

propriedade do stio. A poltica de privacidade envolve definies sobre a segurana e
sigilo das informaes disponibilizadas pelos visitantes, explicitando que no sero
divulgadas sem a prvia autorizao. A poltica deve discriminar:
 Guia de Referncia para Elaborao do 20
Plano de Desenvolvimento de Stio de Informao

quais as informaes so fornecidas pelos usurios;

qual a finalidade dessas informaes e quais os responsveis por elas;
como as informaes so protegidas;
a utilizao ou no de cookies.

J a poltica de propriedade concerne aos direitos autorais do contedo e do projeto

grfico do stio. Podem-se explicitar os responsveis pela concepo, desenvolvimento,
implantao e operao. Deve-se deixar claro qual contedo pode ser reproduzido e quais
informaes podem ser obtidas pelo stio.

6.1 Hospedagem e Servio

As definies sobre hospedagem do stio so cruciais para migrao do ambiente de testes

para um ambiente de produo. Pode-se hospedar o stio na prpria instituio ou em um
web host externo. Essa deciso sobre hospedagem deve considerar:

desempenho;
espelhamento;
escalabilidade;
estabilidade;
hardware;
redundncia;
segurana;
servidores (softwares);
sistema operacional;
suporte.

Outro fator a se considerar a existncia de um ambiente de pr-produo, onde se

possam realizar testes em futuras alteraes, bem como um ambiente de
desenvolvimento.

6.2 Divulgao e Acesso

Definir a poltica de divulgao do stio seja ela em meio eletrnico ou em outras mdias.
Ao detalhamento da divulgao pode incluir diversas estratgias, como incluso em
catlogos e diretrios, bancos de dados de stios, links em outros stios, links em grupos
 Guia de Referncia para Elaborao do 21
Plano de Desenvolvimento de Stio de Informao

de notcias, dentre outras. Pode-se definir a divulgao por meio impresso, cartazes,
anncio, rdio, televiso e demais meios adequados.
 Guia de Referncia para Elaborao do 22
Plano de Desenvolvimento de Stio de Informao

7 IDENTIFICAO DE RECURSOS HUMANOS, TCNICOS E DE

DISPONIBILIDADE FINANCEIRA

Neste captulo so apresentados os passos para verificar a viabilidade tcnico-financeira

do projeto desenvolvido at a seo anterior. importante salientar que esta anlise
depende das definies prvias apresentadas. Assim, no possvel avaliar se existem
recursos disponveis para o stio caso no se defina seu objetivo, seu contedo, sua
estrutura, as aplicaes utilizadas para seu desenvolvimento e operao e demais
requisitos aqui estabelecidos.
A primeira considerao a ser feita trata do desenvolvimento e concepo do stio. Deve-
se apontar se a equipe da prpria instituio ser responsvel por todo processo, ou
haver apoio de parceiros ou consultorias em determinada fase. Em geral, podem-se
definir quatro fases do processo de desenvolvimento de stios: concepo;
desenvolvimento; implantao e operao. A concepo trata do desenvolvimento inicial
do propsito e da abrangncia do stio, da identificao do pblico-alvo e de sua
justificativa. O desenvolvimento envolve as definies de contedo, projeto grfico,
arquitetura da informao e aplicaes do stio. Por fim, a implantao e operao
envolvem os testes finais, a manuteno, atualizao, gerenciamento e hospedagem do
stio. Qualquer fase do processo, ou at mesmo todas elas podem ser executadas pela
equipe interna ou por colaboradores externos. Contudo, essa deciso deve ser
fundamentada nos seguintes parmetros, seja qual for a opo escolhida:

capacidade para lidar com as informaes e tecnologias escolhidas;

custo de concepo, desenvolvimento, implantao e operao;
custos de aplicaes;
custos de aquisio de hardware;
custos de divulgao;
custos de hospedagem;
definio dos responsveis por cada fase, incluindo o webmaster;
estrutura de suporte;
infra-estrutura existente;
organizao interna da instituio;
perfil tcnico e gerencial;
demais custos e recursos exigidos.

Por fim, deve-se avaliar estrutura da instituio e verificar se est adequada aos objetivos
 Guia de Referncia para Elaborao do 23
Plano de Desenvolvimento de Stio de Informao

que se pretende alcanar com o stio, e quais as modificaes necessrias para essa
adequao.
 Guia de Referncia para Elaborao do 24
Plano de Desenvolvimento de Stio de Informao

8 CRONOGRAMA DE DESENVOLVIMENTO E IMPLEMENTAO

Neste item necessrio descrever o cronograma fsico-financeiro do projeto, incluindo

todas as suas fases detalhadas:

Concepo

definio de objetivos e propsitos;

definio de abrangncia;

definio do pblico-alvo;

Desenvolvimento

projeto grfico e navegao
 identidade visual
 design
 estilo e leiaute

usabilidade e acessibilidade

contedo

arquitetura da informao

aplicaes

Implantao

hospedagem e servio

divulgao acesso

Operao
 Guia de Referncia para Elaborao do 25
Plano de Desenvolvimento de Stio de Informao

9 CHECKLIST DOS CRITRIOS DE AVALIAO DE STIOS

Item Sim No No se
Aplica
Interatividade
1 A resposta foi enviada em at dois dias teis?
Apresenta o nome da unidade organizacional
2
responsvel pelo Fale Conosco?
Foi implementado Acompanhamento de Demandas
3
para o Fale Conosco?
O Fale Conosco implementado em formulrio
4
prprio?
5 O domnio est em conformidade com a resoluo?

6 O stio apresenta o servio Ajuda?

7 O stio apresenta servio do tipo Dvidas Freqentes?

Contedos
8 Apresenta Banco de Notcias?

9 Apresenta Misso e Valores da Instituio?

10 Possui a composio do Conselho de tica?

11 Possui a composio dos Conselhos?
12 Possui a descrio da integrao institucional?
13 Possui a estrutura organizacional legal da instituio?
Apresenta objetivo operacional e competncias
14
institucionais?
15 Apresenta significado de termos e siglas?
16 As fotos e grficos esto devidamente referenciados?
17 As notcias esto atualizadas?
Informa os correios eletrnicos das unidades
18
administrativas?
19 O contedo foi agrupado por pblico-alvo ou assunto?
O menu est na ordem correta (inicial, institucional,
20
servios e programas)?
21 O stio apresenta os Programas e Aes de Governo?
 Guia de Referncia para Elaborao do 26
Plano de Desenvolvimento de Stio de Informao

Segurana
22 Contm aspectos legais e responsabilidades na pgina?
23 Stio usa Certificao Digital?
Acessibilidade
24 As teclas de atalho (acessibilidade) esto definidas?
25 Existe a ordenao da ordem da tecla TAB (tab order)?
26 Existe a pgina explicativa sobre Acessibilidade?
27 Nota do eXaminator (acessibilidade)
28 H possibilidade de aumento de letra e contraste?
Controle e Medio
29 Foram encontrados links quebrados?
30 Foram enviadas Estatsticas de Acesso?
Identidade Visual
31 Apresenta a barra de identidade visual?
Nome da instituio est no quadrante superior
32
esquerdo?
O endereo da instituio mostrado no rodap
33
conforme identidade visual?
Desempenho
34 Nota do YSlow
Busca
Boto de pesquisa com a expresso pesquisar ou
35
buscar?
36 Busca simples o padro?
37 Erros de Meta Tags
38 Existe o campo para a busca?
39 Existe pesquisar na WEB?
Lista de resultados de uma busca mantm a identidade
40
visual?
41 O campo de Busca est no quadrante superior direito?
42 O campo de busca est presente em todo o stio?
O resultado da busca apresentado com ttulo clicvel e
43
resumo de at 3 linhas?
 Guia de Referncia para Elaborao do 27
Plano de Desenvolvimento de Stio de Informao

44 O resultado da pesquisa retorna as expresses utilizadas

na busca?
Usabilidade
45 O Menu Principal est acima da borda?
46 Existe mapa do stio?
47 H personalizao do browser (navegador)?
Logotipo ou nome da instituio clicvel no quadrante
48
superior esquerdo?
49 O stio abre documentos em uma nova janela?
50 O stio apresenta URL amigvel?
51 O stio apresenta design poludo?
52 O stio apresenta migalha-de-po (pathway)?
53 O stio fora a abertura de links em uma nova janela?
54 O stio utiliza Pop-ups?
55 O stio acessado sem a necessidade de www?
O ttulo da barra do navegador est no formato Nome e
56
Sigla?
57 Oferece servio de envio de pginas?
Os Menus em cascata so clicveis e apresentam apenas
58
dois subnveis?
59 Os links esto com nomes genricos?
60 Os links visitados so diferenciados?
informado o formato e tamanho de arquivos para
61
download?
possvel fazer download do vdeo e contm sua
62
durao?
63 Utiliza vdeos, imagens e sons no associados ao rgo?
64 Primeira opo do menu voltar para a pgina inicial?
65 Resoluo de tela (mnima) de 1024x768 centralizada?
66 Utiliza sinais do tipo Em Construo?
 Guia de Referncia para Elaborao do 28
Plano de Desenvolvimento de Stio de Informao

Tecnologia
67 Validao de CSS (W3C)
68 Validao do Javascript
O stio escolhe automaticamente verses para
69
tecnologias complementares?
70 Existe compatibilidade com os principais browsers?
71 Classificao nos padres de desenvolvimento (W3C)
72 Codificao correta de caracteres?
Servios
73 O stio presta servios eletrnicos?
Os contedos dos servios esto literalmente iguais ao
74
Portal Minas?
75 Os 5 servios mais acessados so apresentados?
76 Apresenta listagem dos servios da instituio?
77 Apresenta tempo estimado de concluso dos servios?
 Guia de Referncia para Elaborao do 29
Plano de Desenvolvimento de Stio de Informao

10 REFERNCIAS

ALEXANDER, Jan & TATE, Ann T. Evaluating web resources. Disponvel em:
<http://www2.widener.edu/Wolfgram-Memorial-ibrary/webevaluation/webeval.htm>.

KRUG, Steve. No me faa pensar: uma abordagem do bom senso nabegabilidade da

web. So Paulo: Market Books, 2001.

LEVI, Michael D.; CONRAD, Frederick G. Usability testing of World Wide Websites.
Disponvel em: <http://stats.bls.gov/ore/htm%5Fpapers/st960150.htm>.

NIELSEN, Jakob & TAHIR, Marie. Homepage usabilidade: 50 Websites desconstrudos.

Rio de Janeiro: Campus, 2002.

NIELSEN, Jakob. Projetando websites. Rio de Janeiro: Campus, 2000.

SMITH, Alastair G. Testing the surf: criteria for evaluating internet Information
resources. Disponvel em: <http://info.lib.uh.edu/pr/v8/n3/smit8n3.html>.

W3C. Web content accessibility guidelines 1.0. Disponvel em:

<http://www.w3.org/TR/lWCAG10/>.