Dashboards de métricas de desenvolvimento com Smashing

Um dashboard é a melhor maneira de acompanhar e dar visibilidade a suas métricas de desenvolvimento, principalmente em um escritório. Vou mostrar como construir dashboards bonitos de maneira fácil usando Smashing, uma ferramenta bastante customizável que usa Sinatra.

Transcript

1. Dashboards de métricas de desenvolvimento com Smashing
2. Olá! Ricardo Yasuda a.k.a shadowmaru Desenvolvedor de software " Ciclista Guitarrista
3. O que é um dashboard? Um dashboard é uma interface gráfica que fornece KPIs (Key Performance Indicators) com apenas um olhar Fonte: https://en.wikipedia.org/wiki/Dashboard_(business)
6. http://terrabrasilis.dpi.inpe.br/app/dashboard/alerts/legal/amazon/daily/
7. Por que usar um dashboard?
8. Visibilidade para o time Por que usar um dashboard?
9. Por que usar um dashboard? Visibilidade para outras pessoas
10. Alertas Por que usar um dashboard?
12. Tipos de dados em um dashboard
13. Métricas • Chamados • Cobertura de testes • Work In Progress (WIP) • Itens bloqueados • Taxa de erros
14. • CI • Servidores / Instâncias / Pods • Deploys Alertas
15. Dicas • O erro tem que incomodar • As pessoas precisam perceber na hora que tem algo errado • O dashboard tem que ser legível • Use números grandes • Coloque poucas informações • Se necessário, quebre em mais telas.
18. Estrutura • Dashboards • Jobs • Widgets
19. Dashboard
20. Job
21. Widget
22. Exemplos de dashboard com Smashing
23. Job
24. Dashboard
26. Exemplos de dashboard com Smashing SEMAPHORE
27. Job
28. Dashboard
30. SinatraCyclist
31. config.ru
32. Referências • https://github.com/Smashing/smashing • https://github.com/Smashing/smashing/wiki/Additional-Widgets • https://github.com/vrish88/sinatra_cyclist • https://leanpub.com/agiletoolbox-visualizationexamples • https://www.infoq.com/presentations/dashboard-culture-ibm/
33. Obrigado! shadowmaru shadowmaru shadowmaru ricardoyasuda