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

Geração da barra

Execute o comando:

./build.sh profile

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

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

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

6. A barra deve ser acessível.

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