This is a read only archive of pad.okfn.org. See the
shutdown announcement
for details.
ga-site
Pendencias para o lancamento - 18-11-2015 (quarta-feira)
Conteudos
1. Pagina principal (4/12)
a) Precisa da caixa no canto superior direito que resuma o projeto
Numero de contratos aparecerá na pagina de contratos. Quantidade de dinheiro planejado, executado, arrecado? Em qual ano? Informacao demais. Faz sentido esse tipo de informaçao aparece em áreas temáticas. Numero de contratos na pagina de contratos, total arrecadado na pagina de receitas, total de execucao na pagina de execucao e assim por diante. Aqui, se contratos e receitas ficam em contratos e receitas, sobre fica no sobre. Podem ter slides que resumam o projeto através de keywords, ferramentas, atividades e resultados que possam ser atingidos através do gastosabertos, entre os slides de destaque de eventos/conteúdo. Por mim, não tem caixa.
b) Icones
Melhorias
- - Melhorar icones da pagina principal. Os icones precisam refletir os topicos. Orçamento um $ por exemplo, cursos algo que remeta a cursos, e assim por diante. E. g. Blog: https://thenounproject.com/search/?q=blog&i=328 The Noun Project tem varios icones legais que podemos nos inspirar.
c) Receber mensagens via email
Criar um formulario onde a pessoa inscreve seu email para receber newsletter e novos posts do blog. E. g. ver br.okfn.org onde usamos um feed RSS do FeedBurner.google.com
d) 'Faça parte' e 'Ferramentas': deixar mais claro a divisao das areas 'Faça Parte' e 'Ferramentas'. Da forma que esta nao da pra perceber que os retangulos Faca parte e Ferramentas definem as areas da tabela abaixo. Os itens abaixo estao com a mesma identidade visual em suas areas. Fazer uma background ou uma espacamento melhor entre eles. Pensar toda a home, essa proposta não funcionou, melhor pensar diferente que tentar ajeitar algo que não funcionou, nesse caso.
Ideias:
- - (Tom) Colocar uma tabela que separe essas duas grandes areas do projeto, que é a participaçao da comunidade e as ferramentas que estamos construindo. O importante é que ambas tenham o mesmo peso, e isso talvez não signifique ficarem no mesmo lugar.
Corrigir:
- - (Tom) As palavras 'Faça Parte' e 'Ferramentes' sao links que vao para lugar nenhum. Isso no momento sao apenas titulos, nao links. Tirar links.
2. Blog (deadline sugerido: 26/11)
a) Header entre o titulo e corpo do post muito grande, nao precisa ter uma margem tao grande.(Sibi)Não é header, é onde fica a imagem destaque. Hoje tem uma só para todos, por isso parece um header grande, mas é um header (título) com fundo (foto). Se não tem foto, header deve acabar no título (mas na pressa ficou uma imagem grande para tudo) e o conteúdo já vem logo abaixo da data, tags, navegacao.
b) Coluna com texto muito larga, fazer coluna menor e aumentar a fonter pra tornarmos o texto mais legivel. Veja como seria mais legivel utilizando o site https://www.readability.com/.
c) Listagem dos posts seguir o padrao no blog da OKBr: http://br.okfn.org. Nao vamos utilizar blocos para os posts sem possuir imagem. Colocar no topo da imagem o tema do post, pode ser algo livre, nao precisamos pensar agora nos posts. Abaixo da imagem um resumo e um botao Leia mais. Mudar o preview para incluir exerto/leading. Saiba mais é necessário? Título já é link. (Fabiano) Acho que "Saiba mais" é bom sim. (Tom) Ditto.
d) Tornar as palavras-chave e categorias links que listem os posts com as mesmas palavras-chave e categorias. Ver br.okfn.org como exemplo
e) (Tom) Sitema de busca para o blog no flask e' facil?
f) Sidebar listar conteúdo:
- "siga via email";
- form de busca;
- ultimos posts;
- categorias;
- ultimos tweets
- próximos passos: Sibi entrega design até 25/11/ Edgar e Luiz entregam até 26/11 a implementacao (CASO O MUITO CURTO, FAVOR SUGERIR OUTRO DEADLINE)
3. Receitas (deadline sugerido 27/11)
Fazer design de uma pagina explicando o que significa essa area do site e apontando pras outras paginas e ferramentas.
* Sibi: Design da pagina contendo
b1 - imagem com texto no topo O que seria a imagem? Receita acho que tem que ter um ícone que indique disponibilidade de recursos (um lago cheio, sei lá...)
Aqui você encontrará dados detalhados da arrecadação do Município de São Paulo (dados de 2008 até 2014)
b2 - bloco 'Ferramentas' que possuira um link pra cada uma das ferramentas que desenvolvermos em cima dos dados da receita, no momento possuimos apenas uma ferramenta, que é o grafico com a tabela no endereço http://site.gastosabertos.org/receitas/. Faco o layout prevendo listagem das previews das apis, mas considerando que seria apenas um link neste momento, que tal um overview da ferramenta (ex. top arrecadacao imposto x) com link para ela ou ela mesma inteira nesse bloco? (se nao for muito ou complexa) sugestao H1: Ferramentas
b3 - bloco Fonte dos dados: link para o site da prefeitura e para uma outra pagina nossa descrevendo como os dados foram processados, analisados e disponibilizados em nossa API. Texto breve "Os dados foram coletados a partir do site da Prefeitura em X (link) de acordo com o que esta descrito aqui (link pra artigo explicando a coleta dos dados)"Esses blocos, incluindo Ferramentas, precisarao de um heading (SEO ou não), porque são conteúdos parecidos. sugestao H1: Fonte dos dados
b4 - API: Bloco com texto descrevendo a API que criamos e apontando pra pagina dela, atualmente, a pagina http://demo.gastosabertos.org. Algo simples na linha "Com os dados que obtivemos da Prefeitura de Sao Paulo, criamos uma API (link pro artigo descrevendo o que eh uma API) que voce pode conferir aqui (link pra nossa API) que voce pode utilizar para consultar os dados, filtrar os dados ou ate mesmo utiliza-la no seu site ou sua ferramenta" sugestao H1: Nossa API
b5 - Bloco com links para os repositorios no github relacionados a pagina da receitas (repositorio da api http://github.com/okfn-brasil/gastosabertos, repositorio de dados http://github.com/okfn-brasil/gastosabertos_dados). Tex Acho que isso ainda faz parte da Nossa API.
grande
b6 - Bloco com destaques de posts e artigos contendo tag "receitas"Esse não precisa de H1
* Sibi: p1 Imagem representando receita que vai ficar com texto acompanhando ao lado explicando o objetivo dessa pagina Imagem de banco de imagens, infográfico ou ícone (da home)?
* Isis: b1 Texto acompanhando a imagem acima descrevendo porque estamos interessados na receita.
* Isis: b2 Texto Ferramentas
* Isis: b3 Texto fonte dos dados
* Isis: b4 Texto bloco API
* Isis: b5 Texto
* Isis: b6 Texto
3.a Subpaginas da Receita
A) Pagina descrevendo cada fonte:
2 subpáginas,
- Receitas correntes: impostos, taxas, concessões, permissões, pagamento por serviço prestadados (transporte, recreacao, cultura), transferências (da União, do Estado) etc
- Receitas de capital: operacao de credito, alienacao de bens, amortizacao de emprestimos
4. Contratos
Isis e Sibi, mesmo modelo da pagina de Receitas, mesmos blocos, so muda o texto e imagens.
5. API (2/12 - quarta-feira)
Sibi: Imagem representando uma API com texto ao lado.
Isis: Texto descrevendo que estamos criando e disponibilizando para uso de terceiros diversas APIs para os dados fornecidos pela Prefeitura de Sao Paulo. Nesses texto podemos citar que todo o processo na construcao dessa api (coleta dos dados, processamento, contrucao do sistema que provera a API) esta sendo documentado.
Bloco: Conheca nossas APIS, imagem e link apontando pro atual http://demo.gastosabertos.org
- (Explicaçao: nos usamos um framework para nossa API chamada Swagger.)
Blocos apontando para artigos descrevendo nossas APIs, o que eh uma API, enfim, todos os posts que possuirem a tag API.
Bloco com links para o github das nossas APIs (http://github.com/okfn-brasil/gastosabertos) Ficou confuso dois links para API. Acho que é conheca, aqui tem a demo, aqui tem o repositório, e depois o bloco com posts relacionados (esse sempre fica no final em todos, via de regra)
6. Participe (27/11 - sexta-feira)
Everton vai allnhar com a Sibi.
7. Sobre