BME280 Temperatura, Umidade e Pressão na Tela Nextion

Aplicativos e serviços online

	Visuino - Ambiente de desenvolvimento gráfico para Arduino
	Arduino IDE

Sobre este projeto

Etapa 1:componentes

• Um Arduino placa compatível (eu uso Arduino Nano, porque tenho uma, mas qualquer outra vai servir)

• Um Módulo Sensor BME280

• Um Smart Display de interface serial Nextion (Usei NX4024K032_11 mas qualquer outro também deve funcionar)

• 4 mulheres-mulheres fios de ligação

• Para programar o monitor, você também precisará de um 5V Módulo conversor serial de USB para TTL

Etapa 2:conectar o monitor Nextion ao módulo de comunicação serial USB

• Conecte o Conector Nextion Wires para o Display ( Imagem 1 )

• Se o seu USB para módulo serial é configurável, certifique-se de que esteja definido para fornecer alimentação de 5 V ( Figura 2 ) (No meu caso, precisei configurá-lo com um jumper de seleção de energia)

• Conecte o fio terra ( Fio preto ) do Nextion Display para o pino de aterramento do Módulo Conversor Serial de USB para TTL ( Figura 2 )

• Conecte o fio de alimentação (+ 5V) ( fio vermelho ) do Nextion Display ao pino de alimentação (VCC / + 5V) do Módulo Conversor Serial de USB para TTL ( Figura 2 )

• Conecte o fio RX ( fio amarelo ) do Nextion Display para o PIN TX do Módulo Conversor Serial de USB para TTL ( Figura 2 )

• Conecte o fio TX ( fio azul ) do Nextion Display para o pino RX do Módulo Conversor Serial de USB para TTL ( Figura 2 )

• Conecte o Módulo conversor serial de USB para TTL ao computador com um cabo USB ( Figura 3 )

Etapa 3:inicie o Nextion Editor e selecione o tipo de exibição e orientação

• Inicie o Editor de Nextion ( Imagem 1 )

• Do Menu selecione | ArquivoNovo | ( Imagem 1 )

• Na seção " Salvar como ", digite o nome do arquivo do projeto e selecione um local para salvar o projeto ( Figura 2 )

• Clique em " Salvar botão "( Imagem 2 )

• Em " Configurações ", selecione o Tipo de exibição (No meu caso NX4024K032_11 ) ( Figura 3 )

• Clique em " DISPLAY "guia à esquerda para mostrar as Configurações de exibição ( Figura 4 )

• Selecione horizontal orientação da tela ( Figura 4 )

• Clique em " OK "para fechar a caixa de diálogo ( Imagem 4 )

Etapa 4:No Editor de Nextion:Adicionar e configurar o componente Waveform (Scope)

• Na " Caixa de ferramentas "à esquerda, clique em" Forma de onda componente "( Figura 1 ) para adicioná-lo à área de design ( Figura 2 )

• Redimensione o componente para preencher a tela ( Figura 3 )

• No " Atributo "caixa de ferramentas, defina o valor de" ch "atributo para" 3 "( Figura 3 )

• No " Atributo "caixa de ferramentas, defina o valor do" dir "atributo para" da direita para a esquerda "( Imagem 4 )

Etapa 5:No Editor Nextion:faça upload do projeto para a tela Nextion

• Clique em " Upload botão "( Imagem 1 )

• Na seção " Upload para dispositivo Nextion ", clique em" Ir botão "( Imagem 2 ) para iniciar o upload ( Imagem 3 )

• Quando o upload terminar ( Imagem 4 ), clique em " Sair "para fechar a caixa de diálogo.

Etapa 6:inicie o Visuino e selecione o tipo de placa Arduino

• Inicie o Visuino como mostrado na primeira imagem

• Clique em " Ferramentas "botão no Arduino componente ( Figura 1 ) em Visuino

• Quando a caixa de diálogo aparecer, selecione Arduino Nano como mostrado na Figura 2

Etapa 7:no Visuino:adicione o componente Nextion Display e o elemento de escopo

• Digite " próximo "na caixa de filtro da caixa de ferramentas do componente e selecione" Exibição de conexão componente "( Figura 1 ) e colocá-lo na área de design

• Clique em " Ferramentas "botão do DisplayNextion1 componente ( Figura 2 )

• Em " Elementos "selecione o editor“ Escopo (Wave) ”E, em seguida, clique no botão" "à esquerda ( Figura 2 ) para adicionar Escopo elemento ( Figura 3 )

Etapa 8:No Visuino:adicione 3 canais ao elemento Scope e conecte o Nextion Display

• No Inspetor de objetos, clique em " ... "ao lado do valor de" Canais "subpropriedade do Escopo1 elemento ( Figura 1 )

• No editor de canais, selecione “ Canal ”Elemento à direita e clique em 3 vezes no botão "" à esquerda ( Figura 2 ) para adicionar 3 canais ( Imagem 3 )

• Feche os " Canais "e a exibição" Elementos "diálogos

• Conecte o " Saída "pino de saída do DisplayNextion1 componente para o para o " In "pino de entrada do" Serial [0] "canal do Arduino componente ( Figura 4 )

Etapa 9:No Visuino:adicione e configure 3 componentes do intervalo do mapa

• Digite " mapa "na caixa Filtro da caixa de ferramentas do componente e, a seguir, selecione" Intervalo do mapa componente "( Figura 1 ) e solte 3 deles na área de design

• Selecione o MapRange1 componente ( Figura 2 )

• No Inspetor de objetos, expanda o " Intervalo de entrada "propriedade ( Figura 2 )

• No Inspetor de objetos, defina o valor de " Máx "subpropriedade do" intervalo de entrada "propriedade para" 101000 "( Imagem 2 ) (Pode ser necessário definir um valor diferente, se a pressão do ar em sua localização for muito diferente)

• No Inspetor de objetos, defina o valor de " Min "subpropriedade do" intervalo de entrada "propriedade para" 99000 "( Imagem 2 ) (Pode ser necessário definir um valor diferente, se a pressão do ar em sua localização for muito diferente)

• Selecione o MapRange2 componente ( Figura 3 )

• No Inspetor de objetos, expanda o " Intervalo de entrada "propriedade ( Figura 3 )

• No Inspetor de objetos, defina o valor de " Máx "subpropriedade do" intervalo de entrada "propriedade para" 100 "( Figura 3 )

• No Inspetor de objetos, defina o valor de " Min "subpropriedade do" intervalo de entrada "propriedade para" -20 "( Figura 3 )

• Selecione o MapRange3 componente ( Figura 4 )

• No Inspetor de objetos, expanda o " Intervalo de entrada "propriedade ( Figura 4 )

• No Inspetor de objetos, defina o valor de " Máx "subpropriedade do" intervalo de entrada "propriedade para" 100 "( Imagem 4 )

Etapa 10:no Visuino:conecte os componentes do alcance do mapa aos canais de exibição do Nextion

• Conecte o " Saída "pino de saída do MapRange1 componente para o " In "pino de entrada de" Elements.Scope1.Channels.Channel1 elemento "do DisplayNextion1 componente ( Figura 1 )

• Conecte o " Saída "pino de saída do MapRange2 componente para o " In "pino de entrada de" Elements.Scope1.Channels.Channel2 elemento "do DisplayNextion1 componente ( Figura 2 )

• Conecte o " Saída "pino de saída do MapRange3 componente para o " In "pino de entrada de" Elements.Scope1.Channels.Channel3 elemento "do DisplayNextion1 componente ( Figura 3 )

Etapa 11:No Visuino:adicione e conecte o componente BME280

• Digite " 280 "na caixa de filtro da caixa de ferramentas de componentes e selecione" Pressão, Temperatura Umidade BME280 I2C componente "( Figura 1 ) e colocá-lo na área de design

• Meu Módulo BME280 tem endereço I2C de 118 ( 0x76 ) Se seus módulos tiverem um endereço diferente, você precisará definir o valor de " Endereço "propriedade ( Figura 2 )

• Conecte a " Pressão (Pa) "pino de saída do PressureTemperatureHumidity1 componente para o para o " In "pino do MapRange1 componente ( Figura 2 )

• Conecte a " Temperatura "pino de saída do PressureTemperatureHumidity1 componente para o para o " In "pino do MapRange2 componente ( Figura 3 )

• Conecte o botão " Umidade (%) "pino de saída do PressureTemperatureHumidity1 componente para o para o " In "pino do MapRange3 componente ( Figura 4 )

• Conecte o " Saída "pino de saída do PressureTemperatureHumidity1 componente para o para o " In "pino do I2C canal do Arduino componente ( Figura 5 )

Etapa 12:No Visuino:adicione, configure e conecte o componente Clock Generator

• Digite " relógio "na caixa Filtro da caixa de ferramentas do componente e selecione" Gerador de relógio componente "( Figura 1 ) e colocá-lo na área de design

• No Inspetor de objetos, defina o valor de " Frequência "propriedade do ClockGenerator1 para " 10 "( Imagem 2 )

• Conecte o " Saída "pino de saída do ClockGenerator1 componente para o " Relógio "pino de entrada de PressureTemperatureHumidity1 componente ( Figura 3 )

Etapa 13:gerar, compilar e fazer upload do código do Arduino

• No Visuino , Pressione F9 ou clique no botão mostrado na Figura 1 para gerar o código do Arduino e abrir o IDE do Arduino

• No Arduino IDE , clique em Upload botão, para compilar e enviar o código ( Figura 2 )

Etapa 14:conectar o sensor BME280 de temperatura, umidade e pressão ao Arduino

• Conecte a alimentação 3V3 VCC ( fio vermelho ), Terrestre ( Fio preto ), SDA ( fio verde ) e SCL ( fio amarelo ), para o Módulo BME280 ( Figura 1 )

• Conecte a outra extremidade do fio terra ( Fio preto ) para Solo pino do Arduino Nano tabuleiro ( Figura 2 )

• Conecte a outra extremidade do fio de alimentação 3V3 VCC ( fio vermelho ) para o 3V3 pino de alimentação do Arduino Nano tabuleiro ( Figura 2 )

• Conecte a outra extremidade do fio SDA ( fio verde ) para SDA / pino analógico 4 do Arduino Nano tabuleiro ( Figura 2 )

• Conecte a outra extremidade do fio SCL ( fio amarelo ) para SCL / pino analógico 5 do Arduino Nano tabuleiro ( Figura 2 )

• Figura 3 mostra onde estão os Terrenos , 3V3 Alimentação, SDA / pino analógico 4 e SCL / pino analógico 5 , pinos do Arduino Nano

Etapa 15:conectar o monitor Nextion ao Arduino

• Desconecte o display Nextion fios do Módulo Conversor Serial de USB para TTL

• Conecte o solo

• Desconecte o display Nextion fios do Módulo Conversor Serial de USB para TTL

• Conecte o fio terra ( Fio preto ) do Nextion Display para o pino de aterramento do Arduino Nano ( Figura 2 )

• Conecte o fio TX ( fio azul ) do Nextion Display ao pino RX (D0) do Arduino Nano ( Figura 2 )

• Conecte o fio RX ( fio amarelo ) do Nextion Display ao pino TX (D1) do Arduino Nano ( Figura 2 )

• Figura 4 mostra onde estão os Terrenos , 5V Alimentação, RX / pino digital 0 e TX / pino digital 1 , pinos do Arduino Nano

• Conecte o fio de alimentação de + 5V ( fio vermelho ) do Nextion Display ao pino de alimentação 5 V do Arduino Nano ( Figura 3 )

• Figura 4 mostra em vermelho onde estão os Terrenos , 5V Alimentação, RX / pino digital 0 e TX / pino digital 1 , pinos do Arduino Nano (em azul são mostrados os pinos conectados na etapa anterior)

Etapa 16:e brincar ...