<!-- wp:paragraph --> <p>Serão abordados os principais aspectos para a escolha adequada de uma ferramenta para a construção de interface gráfica para embarcados, bem como as principais tecnologias disponíveis no mercado e um breve comparativo entre elas.</p> <!-- /wp:paragraph --> <!-- wp:heading --> <h2>Convidado</h2> <!-- /wp:heading --> <!-- wp:paragraph --> <p>Bruno Muniz</p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p>CEO <a href="https://totalcross.com/" class="rank-math-link">totalcross.com</a>, empreendedor tech há 13 anos, 4ª empresa fundada com prêmios de inovação em diversos concursos no Brasil, Portugal e Coréia do Sul. Possui mestrado em Ciência da Computação com mais de 15 anos de experiência em desenvolvimento de software. Mentor de startups em vários programas como MIT IIC LATIN AMERICA e MIT HACKBRAZIL, escritor ativo para opensource.com</p> <!-- /wp:paragraph -->

3. Bruno Muniz
- Empreendedor +13 anos
- 4a empresa fundada/sócio
- +7 anos dev tools
- Mestre em Ciência da Computação
- @brunoamuniz

4. Quem somos
TotalCross desenvolve tecnologias e
ferramentas para Desenvolvedores e
Engenheiros de Embarcado

6. Ondas Tecnológicas
• 1990 - Popularização do PC (Aplicações Desktop)
• 2000 - Popularização da Internet (Aplicações Web)
• 2010 - Popularização dos Smartphones (Aplicações Mobile)
• 2020 - ?

7. Agro
Varejo
Automotivo Smart City
Smart Home Saúde
Agro

8. Número de
Dispositivos
IoT/Embedded
VS Developers
62B*
24B
28M
23M
260%
C
rescim
ento
20%
Crescimento
2019 2024
*Qt Virtual Tech Con 2020

9. Graphical User Interface
• Exigência por interfaces
ricas aumentando;
• Velocidade na
prototipação/entrega de
projetos;
• Novas tecnologias surgindo;
• HMIs por toda parte;

10. Resultados da Vida Real
Antigos conceitos de UI/UX

14. Por onde começar?
• Tempo para desenvolver
• Custo com manutenção
• Footprint
• UI Moderna
• Performance
• Complexidade da linguagem
• Custo/disponibilidade de
desenvolvedores
Critérios para a escolha
da
linguagem/tecnologia:

15. Exemplos de Linguagem
C | C ++ Python
JavaScript Java
Tempo para desenvolver
1 | Mais tempo
5 | Menos tempo
Custo/Disponibilidade dev
1 | Alto custo / baixa disponibilidade
5 | Baixo custo / alta disponibilidade
Custo de Manutenção
1 | Alto custo
5 | Baixo custo
Footprint
1 | Alto footprint
5 | Baixo footprint
Modern UI
1 | UI Moderna
5 | UI Moderna
Performance
1 | Baixa performance
5 | Alta performance
Complexidade da ling
1 | Complexo
5 | Simples

16. C/C++

17. C/C++
https://www.qt.io
Open Source: GPL/COMMERCIAL
MCU, MPU, Desktop e Mobile
Suporta Python e QML (linguagem declarativa)

18. C/C++
https://lvgl.io
Open Source: MIT
Foco MCU
Suporte à MicroPython
Footprint baixo:
(devices com 8kb Ram, 64kb Flash)

19. C/C++
https://lvgl.io
Comunidade ativa
+6000 estrelas no github
NXP LPC or iMX, STM32, PIC,
Arduino, ESP32, Raspberry

20. C/C++

21. Javascript

22. Javascript
https://electronjs.org
Open Source: MIT
Foco: Desktop
HTML, CSS, Javascript
"If you can build a website, you
can build a desktop app"

23. Python

24. Python
https://kivy.org
Open Source: MIT
Foco: Mobile e Desktop
+13k Estrelas no Github

25. JAVA

26. Java
https://totalcross.com
Open Source: LGPL v2.1
Foco: MPU, Mobile, Desktop
"5 minutes setup"
Tecnologias "High Level"
Experiência Mobile no Embedded

27. Java - TotalCross
Android
XML

28. Java - TotalCross
Java
ByteCod
e
Compiler Code
Java/Kotli
n
TC
Converter
TC
ByteCode
TC
Packager
Performance
Raise
TC Java
API
Android
Engineer

29. Java - TotalCross
ILOAD A
ILOAD B
IADD
ISTORE C
IADD C, A, B
Stack Register
C = A + B
JVM x TCVM

30. Java
https://www.microej.com
Foco: MCU, MPU
+75 Milhões de devices
Footprint para MCU (>307kb)
Aplicações "Headless"
Runtime Java proprietário

31. MicroEJ
LOW-END/B&W ENTRY/B&W MID-RANGE/COLOR HIGH-END/COLOR
MCU type Cortex-M0+
@ 30/75 MHz
Cortex-M3/M4
@ 80/100 MHz
Cortex-M4
@ 100/130 MHz
Cortex-M4/M7
@ 160 MHz
On-chip Flash 128KB / 256 KB 256 KB / 512 KB 512 KB / 1 MB 512 KB / 2 MB
Display SPI or I2C
Serigraph displays
SPI or //
Resolution
< 150x150
Pixel weight
2, 4, 8 bits
DSI or //
Resolution
< 320x240
Pixel weight
8,16,24 bits
DSI or //
Resolution
> 400x400
Pixel weight
24 bits

32. MicroEJ - Simulador
Mesmo
código
Dispositivo Real
Simulador

33. OVERVIEW

34. Outras tecnologias

35. Qual escolher?
• Tecnologia
• Requisitos
• Hardware
Critérios
para decisão:

36. Soluções "No Code"

37. Ferramenta de Visão
Computacional que reduz até 80%
do tempo do desenvolvedor,
convertendo protótipos de tela em
code fonte real

38. 4 passos do KnowCode
1.
Upload dos
protótipos
para o site do
KnowCode
Imagens pode ser usadas

39. 4 passos do KnowCode
Usando Visão
Computacional,
KnowCode
detecta todos os
componentes
2.

40. 4 passos do KnowCode
Escolha o
Framework GUI
para o deploy
do código fonte
3.

41. 4 passos do KnowCode
Baixe o código
fonte e rodar a
GUI no seu
dispositivo
target
4.

42. Não é uma nova ferramenta de Design
Não é um novo framework GUI
Um approach diferente
Visão
Computacional
Qualquer
Design Tool
Qualquer GUI
framework
Template
Genérico
Agnóstico

43. KnowCode Tool
Abordagem "No Code" para a construção de GUI
Foco na prototipação
Quer testar?
https://www.knowcode.app

44. Obrigado