<!-- Configurações YAML -->
<!-- Documentação: https://hackmd.io/c/tutorials/%2Fs%2Fhow-to-create-slide-deck -->
<!-- Estilos customizados -->
<style type="text/css">
.reveal .slide-background-content {
background-color: #221f52;
}
.lr {
display:grid;
grid-gap: 0 50px;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
</style>
# Introdução ao <div style="font-family: Courier New; color:#8f0000;text-shadow: 0.02em 0.02em #fff">Low-Code</div>
<img src="https://i.imgur.com/4CZ2Xp2.png" />
---
## Quem somos?
<!-- .slide: data-background="https://s3.amazonaws.com/hakim-static/reveal-js/reveal-parallax-3.jpg" -->
<div style="display:flex; justify-content: center; align-items: center; gap: 5vw">
<img style="height: 50%" src="https://dblab.io/assets/images/dblab-logo-240x69.png" />
<img src="https://i.imgur.com/4CZ2Xp2.png" />
</div>
O DBLab é um laboratório de prototipação e inovação utilizado como parte da iniciativa contínua da inovação realizada pela <img width="70" src="https://i.imgur.com/4CZ2Xp2.png" />.
---
<img src="https://i.imgur.com/mZTzgkl.png" style="border-radius: 40px"/>
---
## Maurício Taffarel
<img src="https://i.imgur.com/HK5OqXk.png" style="border-radius: 50%; width: 330px"/>
#### Graduando Eng. Elétrica | Estagiário na <img width="90" src="https://i.imgur.com/4CZ2Xp2.png" />
---
## Low Code
<span style="font-size:0.8em">Uma plataforma de desenvolvimento low code fornece um ambiente de desenvolvimento usado para criar aplicações através de uma interface gráfica de usuário.</span>
<!--  -->
---
## Low Code
São diversas as vantagens com o uso de Low Code, como redução do(a):
- Custo e tempo de configuração inicial :star-struck:
- Curva de aprendizado :timer_clock:
- Tempo de manutenção :construction_worker:
---
### Programar com "bloquinhos??" é sério??
Sistemas críticos em aviões, carros (ABS), trens, sistemas de suporte a vida...
<div class="r-stack">
<img class="fragment fade-out" data-fragment-index="0" src="https://i.imgur.com/AFMLX9t.png =540x">
<img class="fragment current-visible" data-fragment-index="0" src="https://i.imgur.com/CK80dsI.png =540x">
<img class="fragment" src="https://i.imgur.com/uRariFM.png =540x">
</div>
---
#### Sistemas em "Model-based" possuem módulos certificados para aplicações críticas gerando códigos homologados!
---
A <img width="70" src="https://i.imgur.com/4CZ2Xp2.png" /> participa no desenvolvimento do WAD (Wide Area Display) para o projeto do caça Gripen que utililiza o SCADE
---
## Node-red
É uma plataforma desenvolvida inicialmente pela IBM projetada para a Internet das coisas (IOTs).
---
## Blocos prontos para usar :smiley:
<div class="lr">
<div class="fragment fade-in" data-fragment-index="1">
</div>
<div class="fragment fade-in" data-fragment-index="2">
</div>
<div class="fragment fade-in" data-fragment-index="3">
</div>
<div class="fragment fade-in" data-fragment-index="4">
</div>
<div class="fragment fade-in" data-fragment-index="5">
</div>
</div>
---
### Vejamos alguns deles em ação...
<div style="height: 540px; background:#ff0061; border-radius: 30px; display: flex; justify-content: center; align-items: center">
Página com nodered aqui<br>
Ver vídeo da apresentação
</div>
<!-- <iframe width="100%" height="540" src="https://stage-manager.smartcloudage.com/#flow/2594834f60514af6" frameborder="0"></iframe> -->
https://nodered.org/docs/tutorials/first-flow
---
### Integração fácil com o Grafana
Exemplo monitoramento ambiental Conexo (randon)
---
### Outro exemplo
<!--  -->
<iframe width="100%" height="540" src="https://conexopainel.paas.dbserver.com.br/" frameborder="1"></iframe>
---
### Backend da aplicação anterior
<div style="height: 540px; background:#ff0061; border-radius: 30px; display: flex; justify-content: center; align-items: center">
Página com nodered aqui<br>
Ver vídeo da apresentação
</div>
<!-- <iframe width="100%" height="540" src="https://stage-manager.smartcloudage.com/#flow/4a3c10055e730b79" frameborder="0"></iframe> -->
---
### Exemplo de um HTTP request
<div style="height: 540px; background:#ff0061; border-radius: 30px; display: flex; justify-content: center; align-items: center">
Página com nodered aqui<br>
Ver vídeo da apresentação
</div>
<!-- <iframe width="100%" height="540" src="https://stage-manager.smartcloudage.com/#flow/d77a77dd2413c401" frameborder="0"></iframe> -->
https://nodered.org/docs/tutorials/second-flow
---
### Agora vamos fazer um bot juntos :robot_face:
<div style="height: 540px; background:#ff0061; border-radius: 30px; display: flex; justify-content: center; align-items: center">
Página com nodered aqui<br>
Ver vídeo da apresentação
</div>
<!-- <iframe width="100%" height="480" src="https://stage-manager.smartcloudage.com/#flow/c18bb053eaa9c3c5" frameborder="0"></iframe> -->
<span style="display: flex; justify-content: center; align-items:center;gap: 30px;">
<span style="color:#f50071">@db_hands_on_bot</span>
<img src="https://i.imgur.com/gT2iuYE.png" style="width: 100px">
</span>
---
### Obrigado! :sheep:
Dúvidas?
{"metaMigratedAt":"2023-06-17T05:44:20.933Z","metaMigratedFrom":"YAML","title":"Low Code","breaks":true,"description":"View the slide with \"Slide Mode\".","slideOptions":"{\"transition\":\"slide\"}","contributors":"[{\"id\":\"09cd127c-faed-47a5-8f63-7a0843045d46\",\"add\":10814,\"del\":5594},{\"id\":\"a637f2b8-735a-4fea-b426-0aea5a3b3002\",\"add\":797,\"del\":98}]"}