Posts

A autenticação é a porta de entrada para a maioria dos aplicativos modernos. Proteger rotas, personalizar a experiência do usuário e garantir a segurança dos dados são tarefas fundamentais. Felizmente, o Firebase Authentication simplifica drasticamente esse processo. Neste guia, vamos construir um aplicativo Flutter simples com uma tela de login (usando email e senha) e uma tela inicial que só pode ser acessada após a autenticação. O foco é criar uma base sólida e fácil de entender para que você possa implementar em seus próprios projetos. ...

A necessidade de armazenar dados na nuvem é um pilar fundamental em projetos de Internet das Coisas (IoT). Seja para registrar leituras de sensores, monitorar o estado de um dispositivo ou criar logs de eventos, ter um banco de dados acessível e escalável é essencial. O ESP32, em suas várias versões, combinado com o Firebase Firestore do Google, forma uma dupla poderosa e acessível para desenvolvedores e hobbistas. Neste tutorial técnico, vamos explorar o método mais leve e universal para enviar dados de um ESP32 para o Firestore: utilizando a API REST nativa. Em vez de depender de bibliotecas pesadas do Firebase, vamos construir requisições HTTP do zero. Essa abordagem não apenas economiza memória e recursos preciosos do microcontrolador, mas também aprofunda o entendimento sobre como as APIs web funcionam. ...

Em muitos aplicativos, um calendário é mais do que apenas uma grade de datas; ele é uma ferramenta de agendamento, um planejador de eventos ou uma forma de visualizar dados ao longo do tempo. Embora existam pacotes prontos, construir seu próprio widget de calendário no Flutter oferece um controle incomparável sobre a aparência, a funcionalidade e a lógica de negócios. Neste tutorial, vamos mergulhar fundo no processo de criação de um widget de calendário mensal. Vamos dissecar o código-fonte trecho por trecho, explicando a lógica por trás de cada parte. No final, apresentaremos os arquivos completos e limpos, prontos para serem copiados para o seu projeto. ...

Chegamos ao final da nossa jornada prática com a WT32-SC01 Plus! Ao longo dos últimos posts, aprendemos a configurar o ambiente, desenhar na tela, habilitar o toque e manipular widgets. Agora, vamos juntar todo esse conhecimento para construir a estrutura de uma aplicação real, que quase sempre envolve mais de uma tela. Neste último tutorial prático, vamos aprender a criar e gerenciar múltiplas telas no SquareLine Studio e a navegar entre elas usando eventos de botão. Criaremos uma aplicação simples com duas telas, onde um botão em cada tela nos levará para a outra, demonstrando o fluxo de navegação básico essencial para qualquer projeto complexo, como menus de configuração, páginas de informação, etc. ...

No post anterior, demos vida à nossa interface ao habilitar o toque e responder a um evento de botão. Agora que sabemos como capturar as interações do usuário, o próximo passo lógico é fazer com que essas interações modifiquem a própria interface. Neste tutorial, vamos construir uma aplicação um pouco mais complexa e muito mais prática: um contador digital. Criaremos uma tela com um número e dois botões, um para incrementar e outro para decrementar esse número. Este exemplo é fundamental porque nos ensina a ler e a escrever em widgets da tela, uma habilidade essencial para qualquer projeto de UI, seja para exibir dados de sensores, ajustar configurações ou qualquer outra aplicação dinâmica. ...

Nos posts anteriores, preparamos nosso ambiente, fizemos a tela da WT32-SC01 Plus funcionar e até exibimos nossa primeira interface gráfica criada com o SquareLine Studio. No entanto, nossas telas ainda eram estáticas. Chegou a hora de dar vida ao nosso projeto, habilitando o recurso mais importante da placa: o toque. Neste tutorial, vamos transformar nossa interface estática em uma aplicação interativa. Nosso objetivo é adicionar um botão na tela e, quando ele for pressionado, executar uma ação: imprimir uma mensagem no Monitor Serial. Este é o passo fundamental para criar qualquer aplicação complexa, desde calculadoras a painéis de controle. ...

No post anterior, demos nosso primeiro grande passo ao escrever “Hello World!” diretamente na tela da WT32-SC01 Plus usando a biblioteca LovyanGFX. Isso provou que nosso hardware e a comunicação básica estão funcionando. Agora, vamos elevar o nível e começar a construir interfaces gráficas de verdade. Neste tutorial, vamos introduzir duas ferramentas poderosas que transformarão a maneira como criamos projetos visuais: a biblioteca LVGL e a ferramenta de design SquareLine Studio. Nosso objetivo será recriar o “Hello World!”, mas desta vez, a interface será desenhada em um software visual e depois integrada ao nosso código Arduino. ...

No primeiro post desta série, conhecemos a placa WT32-SC01 Plus e suas principais características. Agora, é hora de colocar a mão na massa e fazer o que mais gostamos: escrever código e ver algo acontecer na tela! Neste tutorial, vamos configurar o ambiente de desenvolvimento no Arduino IDE e criar nosso primeiro programa: o clássico “Hello World!”. O objetivo aqui é garantir que a comunicação com o display esteja funcionando perfeitamente, sem a complexidade de bibliotecas de interface como a LVGL. Para isso, usaremos a biblioteca LovyanGFX. ...

Para quem desenvolve projetos com interfaces gráficas, a complexidade de integrar displays, controladores de toque e microcontroladores pode ser um grande desafio. A placa WT32-SC01 Plus surge como uma alternativa interessante para simplificar esse processo. Trata-se de uma placa de desenvolvimento que integra o processador ESP32-S3 a uma tela de 3.5 polegadas com toque capacitivo. Essa abordagem “tudo em um” é ideal para a prototipagem e desenvolvimento de interfaces de usuário (UI), como painéis de controle para automação, pequenos consoles interativos e outros dispositivos que exigem uma interação visual com o usuário. ...

Adicionar mapas a um aplicativo Flutter é uma funcionalidade poderosa, mas muitos desenvolvedores pensam que a única opção é o Google Maps. Felizmente, existem alternativas robustas e de código aberto, como o pacote flutter_map, que utiliza os dados do OpenStreetMap e oferece uma flexibilidade incrível. Neste guia, vamos construir um aplicativo simples que exibe um mapa com pins (marcadores) customizados e interativos. É a base perfeita para qualquer projeto que precise de geolocalização, desde apps de entrega até guias turísticos. ...