Criando Custom Visuals no Power BI

Apresentação em tema: "Criando Custom Visuals no Power BI"— Transcrição da apresentação:

1 Criando Custom Visuals no Power BI
Demétrio Silva MCT, MCSE SQL Server | SharePoint @DemetrioSQLDBA

2 Tem nota neste slide. Dêem uma lida 
Patrocinadores Tem nota neste slide. Dêem uma lida  Falem que o evento é gratuito pra todos, e que os patrocinadores são os responsáveis por garantir o coffee e a infra-estrutura basica pro evento acontecer. Em contra partida, eles querem mostrar seus produtos e serviços, é legal aos participantes conhecerem o que eles tem a oferecer e aceitar receber contatos deles via .

3 Power BI – O que é? “É um serviço de análise de negócios baseado em nuvem que permite que qualquer pessoa visualize e analise dados com maior velocidade, eficiência e compreensão”

4 Power BI – O que é?

5 Power BI – Livro

6 Custom Visuals Estamos permitindo aos desenvolvedores adicionar facilmente elementos visuais personalizados no Power BI para uso no painel, relatórios e pacotes de conteúdo. Para ajudá-lo a começar, publicamos o código para todas as nossas visualizações no GitHub. Juntamente com a estrutura de visualização, fornecemos nosso conjunto de testes e ferramentas para ajudar a comunidade a criar elementos visuais de alta qualidade para o Power BI. Tudo isso está disponível como um projeto de software livre no GitHub

7 Power BI – Custom Visuals

8 Power BI – Custom Visuals
O que eu preciso conhecer? JavaScript TypeScript HTML CSS Less SVG D3 Node.JS API do Power BI E só!

9 Power BI – Custom Visuals
JavaScript (JS) – Linguagem de programação interpretada que roda no client TypeScript – Biblioteca JS que permite usar o JS de forma OO. Criada pela Microsoft. Transforma o código em JS. HTML - Linguagem de Marcação de Hipertexto CSS – Linguagem que descreve o style de documentos HTML Less - Linguagem que descreve o style de documentos HTML de forma dinâmica, variáveis, etc.

10 DEMO HTML e JS

11 Power BI – Custom Visuals
SVG - Scalable Vectorial Graphics (gráficos vetoriais escaláveis) Criado pelo W3C, é um XML com tags que representam, de forma vetorial, desenhos e gráficos Inkscape Adobe Illustrator Livro:

12 DEMO Conhecendo o svg

13 Power BI – Custom Visuals
D3 (Data Driven Documents) – Biblioteca JS para manipulação de documentos baseados em dados. Permite criar gráficos interativos usando HTML, CSS e SVG Isso aqui lembra algo?

14 DEMO D3

15 Power BI – Custom Visuals
Node.JS É um interpretador de código JavaScript que funciona do lado do servidor. Seu objetivo é ajudar programadores na criação de aplicações de alta escalabilidade (como um servidor web), com códigos capazes de manipular dezenas de milhares de conexões simultâneas, numa única máquina física.[2]

16 Power BI – Custom Visuals
Power BI Custom Visuals API Configuração do ambiente (PowerBI Visual Tools) 1 – Instalar Node.JS 4.0+ (recomendado 5.0) (NNF) 2 – Executar cmd como admin e “npm install -g powerbi-visuals-tools”

17 DEMO API

18 www.powerbi.com www.demetriosilva.com
Links de apoio

19 Cursos Power BI | SharePoint | SQL Server

20 Dúvidas?!

21