Barra.gov.br

Barra dinâmica do governo brasileiro. Nesse projeto está incluído o código da barra e do rodapé de governo.

Captura de tela da barra/rodapé

Exemplo de uso da barra/rodapé

O exemplo de como utilizar a barra no seu sítio está publicado em Manual da Barra do Governo Brasileiro. A página de testes está disponível em Teste da Barra do Governo Brasileiro. Você pode contribuir e melhorar o exemplo no Código do Manual da Barra do Governo Brasileiro.

Como gerar a barra/rodapé

Mudando o profile

Altere o arquivo 'app/profile' para apontar para o novo profile. Exemplo:

    profile : copa2014

Dependências:

Esses são comandos exemplos, por favor verifique no seu sistema como deve ser instalado.

• flask pip install flask
• assetgen pip install assetgen
• config pip install config

• tavutil pip install tavutil

• node.js apt-get install python-software-properties python g++ make add-apt-repository ppa:chris-lea/node.js apt-get update apt-get install nodejs apt-get install npm

• coffeescript npm install -g coffee-script

• sass apt-get install ruby-full build-essential apt-get install rubygems gem install sass sass -v

• uglifyjs npm install -g uglify-js (Debian ou Ubuntu: apt-get install node-uglify)

• zlib

Para profiling é necessário além dos acima:

• werkzeug

Para testes headless é necessário também:

• mocha npm install mocha

• chai npm install chai

• chai-jq npm install chai-jq

• ejs npm install ejs

• express npm install express

• zombie npm install zombie

Usando vagrant:

vagrant up
vagrant ssh
cd /vagrant/

Geração da barra

Execute o comando:

./build.sh profile

Se não for especificado nenhum profile o profile default será selecionado.

Testes da barra

Execute o comando:

mocha

Requisitos da Barra

1. A Barra deve ser adaptável a um desenho fluído e fixo
2. A Barra deve suportar diferentes opções de cor de fundo
3. A Barra deve suportar a inclusão dinâmica do nome da organização
4. A Barra deve funcionar nos navegadores:

Internet Explorer versão 8 ou superior

Mozilla Firefox versão 24

Google Chrome versão C30

Safari versão S6

Opera versão 12

Navegadores de dispositivos móveis

1. A Barra deve degradar graciosamente (graceful degradation ou progressive enhancement) clientes que não possuam compatibilidade ou no qual o javascript esteja desligado.

2. A barra deve ser acessível.

3. A Barra deve conter tanto o rodapé como a barra.

Considerações sobre a arquitetura

1. A barra será hospedada em local centralizado e chamada de forma distribuída pelos portais institucionais;

2. A barra será incluída via javascript minificado.

3. O rodapé será incluído via javascript minificado.