Giter VIP home page Giter VIP logo

gpr-indevelopment / congresso_em_chamas Goto Github PK

View Code? Open in Web Editor NEW
19.0 2.0 1.0 49.35 MB

Congresso em chamas é uma aplicação web que entrega ferramentas para o acompanhamento do trabalho dos deputados federais atualmente em mandato.

Home Page: http://www.congressoemchamas.com.br

JavaScript 45.37% HTML 2.30% CSS 6.07% Java 46.07% Dockerfile 0.17% Less 0.03%
dados-abertos spring-boot react open-data

congresso_em_chamas's People

Contributors

dependabot[bot] avatar gpr-indevelopment avatar labres-d avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

congresso_em_chamas's Issues

Filtro de deputados federais por estado

Hoje os deputados podem ser buscados apenas pelo nome. Na prática, as pessoas tem interesse especial nos deputados do seu estado.

Por isso, precisamos disponibilizar um método de filtro de deputados por estado. O conceito de landing page abaixo mostra um jeito de apresentar isso para os usuários finais. Talvez uma boa user experience seria um filtro com um mapa do Brasil, onde o usuário pode clicar no estado dele para aplicar o filtro. Sugestões são bem vindas.

Landing page

Permitir ordenação na listagem de detalhes das despesas

Story

Como um usuário do CEC investigando despesas dos deputados, eu quero poder fazer ordenação por valor, suspeita, data e existência de comprovantes para que eu consiga ser mais assertivo e tenha mais conforto na minha busca.

Detalhes

Hoje, a página de despesas permite o click em um nó do gráfico para a listagem de detalhes. Essa listagem não fornece nenhum recurso para o usuário fazer uma ordenação das despesas, fazendo com que ele tenha que fazer o scroll e olhar uma por uma.

Ainda, essas consultas não são filtradas ou ordenadas no backend. Quando um gráfico carrega ele já vem com todas as despesas em memória (isso acontece pois o CEC não tem banco de dados, e para calcular as despesas mensais precisamos ter todas as despesas em memória). Portanto, qualquer recurso de ordenação deve ser uma função que reordena no próprío frontend.

Atenção para as suspeitas dos deputados, que são carregadas de forma assíncrona quando o usuário abre uma lista de detalhes de despesas. Portanto, pode ser que as despesas não estejam definidas ainda como suspeitas na hora de um click na ordenação.

Página de despesas. Os detalhes são apresentados do lado direito da página.

image

Jogar luz na decisão dos parlamentares em votações polêmicas da câmara

É muito difícil/trabalhoso saber como os parlamentares votaram em decisões da câmara, principalmente as mais polêmicas. Saber como um deputado vota é fundamental para que o eleitorado saiba se está sendo bem representado ou não.

A API de dados abertos da câmara disponibiliza endpoints para consulta de votações. Teóricamente, dessa forma poderíamos saber como cada parlamentar votou na casa. Mesmo assim, esses dados tem limitações.

  1. Desenvolver uma integração que leia dados da API de votações da câmara.
  2. Planejar a experiência de usuário relacionada a exposição de votações da câmara. Podemos mostrar qualquer votação, ou dar destaque as votações polêmicas, por exemplo.
  3. Desenvolver frontend para consumo das informações de votação.

Permitir a busca de deputados por estado

Story

Como um usuário do CEC que não conhece os deputados na câmara, quero poder buscar deputados de qualquer estado para que eu consiga acompanhar as suas atividades.

Detalhes

Hoje somente é possível a busca por semelhança do nome do deputado federal. Existem dois campos de busca, conforme as imagens abaixo.

Podemos pensar em um filtro de deputados por estado utilizando uma combo-box, ou um mapa do Brasil, onde o filtro é selecionado com um click no estado.

Verificar se o filtro por estado existe na API da câmara consultada para buscar deputados. Se não estiver, avaliar de onde podemos extrair essa informação.

Landing page

image

Drawer menu presente na página de despesas, proposições e notícias

image

Adicionar foco automático no textfield de busca no menu gaveta

Story

Como um usuário do CEC, quero que o menu gaveta foque no campo de busca de políticos para que eu tenha mais agilidade no acesso do menu.

Detalhes

O meu gaveta está presente no botão laranja à esquerda nas páginas de "despesas", "proposições" e "notícias". O foco no campo de busca é interessante quando o site é aberto no desktop, mas não tanto quando é aberto no celular, já que o teclado virtual vai tapar outros elementos do menu. Avaliar se atrapalha o celular, se atrapalhar, manter o foco somente para o desktop.

Menu gaveta com o textfield de busca de políticos

image

Adicionar transição de página com click na foto do deputado nos resultados de busca

Story

Como um usuário do CEC, quero poder clicar na foto do deputado nos resultados de busca, ao invés das ações do card, para que a tela fique mais intuitiva. Minha primeira reação ao ver a tela é sempre clicar na foto, e não nas ações abaixo.

Detalhe

Percebemos que o usuário intuitivamente clica na tela do deputado, que não dispara nenhuma ação, ao invés dos menus "despesas", "proposições" e "notícias". Podemos adicionar uma transição para a página de despesas (que é a mais acessada no site) com um click na foto do deputado durante os resultados de busca.

Cards dos resultados de busca. O click na foto de um deputado deveria encaminhar o usuário para a página de despesas.

image

Marcar deputados que são candidatos a reeleição

As eleições para o legislativo do ano de 2022 acontecem no início de outubro. Os candidatos tem que ser registrados no TSE até a metade de agosto.

O CEC é baseado nos dados dos candidatos em madato, mas podemos ajudar dando uma atenção especial para os políticos que estão tentando se reeleger. Pensei em algumas melhorias:

  1. Adicionar uma marcação especial com um ícone das eleições 2022 nos políticos retornados na página de busca. A mesma marcação tem que estar presente na imagem de perfil dos deputados no canto direito superior das telas.
  2. Adicionar nova página, ou filtro, no CEC para mostrar os parlamentares que estão tentando reeleição.
  3. Adicionar base dos candidatos a deputado federal em 2022. Desde já podemos usar uma base com pré candidatos. Essa base pode ser consumida pelas demais funcionalidades das eleições 2022.
  4. Alterar a landing page do site para mostrar como o CEC pode ajudar nas eleições 2022.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.