{"id":477,"date":"2023-10-30T15:28:25","date_gmt":"2023-10-30T15:28:25","guid":{"rendered":"https:\/\/smartcampus.maua.br\/?page_id=477"},"modified":"2023-10-30T15:59:44","modified_gmt":"2023-10-30T15:59:44","slug":"exemplo-de-aplicacao-mqtt-broker-node-red","status":"publish","type":"page","link":"https:\/\/smartcampus.maua.br\/?page_id=477","title":{"rendered":"EXEMPLO DE APLICA\u00c7\u00c3O MQTT BROKER (NODE-RED)"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"477\" class=\"elementor elementor-477\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-61735eb5 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"61735eb5\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-686c6344\" data-id=\"686c6344\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2bf729f1 elementor-widget elementor-widget-spacer\" data-id=\"2bf729f1\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-668652a elementor-widget elementor-widget-heading\" data-id=\"668652a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">EXEMPLO DE INSTALA\u00c7\u00c3O MQTT BROKER<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-449b7774 elementor-widget elementor-widget-spacer\" data-id=\"449b7774\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-c023cbc e-flex e-con-boxed e-con e-parent\" data-id=\"c023cbc\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5a8c4c6 elementor-widget elementor-widget-text-editor\" data-id=\"5a8c4c6\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h5 style=\"box-sizing: inherit; margin-bottom: 0.9375rem; font-family: Raleway, Helvetica, Arial, sans-serif; line-height: 1.1; color: rgb(51, 51, 51); font-size: 0.9375rem; text-transform: uppercase; word-break: break-word; overflow-wrap: break-word; font-style: normal;\"><span style=\"box-sizing: inherit; color: rgb(102, 102, 153);\"><a href=\"https:\/\/smartcampus.maua.br\/?page_id=252\/#gallery\" style=\"box-sizing: inherit; color: rgb(102, 102, 153); text-decoration-line: none; touch-action: manipulation; outline: none;\"><strong style=\"box-sizing: inherit;\">*<\/strong>VISUALIZE ESTA DOCUMENTA\u00c7\u00c3O NO FORMATO&nbsp;<strong style=\"box-sizing: inherit;\"><em style=\"box-sizing: inherit;\">CLICK-AND-SWIPE DOCS GALLERY<\/em><\/strong><\/a><\/span><\/h5><h4 style=\"box-sizing: inherit; margin-bottom: 12px; font-family: Raleway, Helvetica, Arial, sans-serif; line-height: 1.1; color: rgb(51, 51, 51); font-size: 1.0625rem; word-break: break-word; overflow-wrap: break-word; font-style: normal;\"><a href=\"https:\/\/smartcampus.maua.br\/?page_id=252\/#client-id\" style=\"box-sizing: inherit; color: rgb(51, 51, 51); text-decoration-line: none; touch-action: manipulation; outline: none;\">**NO PAR\u00c2METRO&nbsp;<code style=\"box-sizing: inherit; font-size: inherit; padding: 0px; color: inherit; background-color: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-optical-sizing: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit;\"><em style=\"box-sizing: inherit;\">CLIENT-ID<\/em><\/code>, COLOCAR UM VALOR DE PR\u00d3PRIA ESCOLHA COM NO M\u00cdNIMO 10 CARACTERES<\/a><\/h4><h4 style=\"box-sizing: inherit; margin-bottom: 12px; font-family: Raleway, Helvetica, Arial, sans-serif; line-height: 1.1; color: rgb(51, 51, 51); font-size: 1.0625rem; word-break: break-word; overflow-wrap: break-word; font-style: normal;\"><\/h4><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><h3 style=\"box-sizing: inherit; margin-bottom: 0.9375rem; font-family: Raleway, Helvetica, Arial, sans-serif; line-height: 1.1; color: rgb(51, 51, 51); font-size: 1.25rem; word-break: break-word; overflow-wrap: break-word; font-style: normal;\">Introdu\u00e7\u00e3o<\/h3><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">,<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">A fim de habilitar uma r\u00e1pida inicializa\u00e7\u00e3o (<em style=\"box-sizing: inherit;\">quick start<\/em>) para a visualiza\u00e7\u00e3o de um dado sendo transmitido de um sensor, sendo gerenciado pelo Network Server, foi desenvolvido um c\u00f3digo para uma aplica\u00e7\u00e3o padr\u00e3o implementada em Node-RED.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">Para o exemplo demonstrado a seguir \u00e9 primordial que se tenha seguido os passos de como executar a instala\u00e7\u00e3o do Node-RED segundo&nbsp; os passos descritos anteriormente.. De acordo com o reposit\u00f3rio de projetos no GitHub, e desde que se tenha acesso a uma plataforma Node-RED, bastam os passos a seguir para utilizar-se do exemplo de aplica\u00e7\u00e3o.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\"><a name=\"dicionario-de-secao\" style=\"box-sizing: inherit; text-decoration-line: none; touch-action: manipulation; outline: none;\"><\/a><\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><h3 style=\"box-sizing: inherit; margin-bottom: 0.9375rem; font-family: Raleway, Helvetica, Arial, sans-serif; line-height: 1.1; color: rgb(51, 51, 51); font-size: 1.25rem; word-break: break-word; overflow-wrap: break-word; font-style: normal;\">Dicion\u00e1rio de se\u00e7\u00e3o<\/h3><ul style=\"box-sizing: inherit; margin-top: 0px; margin-bottom: 0.9375rem; padding-left: 20px; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\"><li style=\"box-sizing: inherit; margin-top: 8px; margin-bottom: 8px;\"><em style=\"box-sizing: inherit;\"><strong style=\"box-sizing: inherit;\">Background:<\/strong><\/em>&nbsp;Aplica\u00e7\u00e3o executada por um c\u00f3digo fonte n\u00e3o vis\u00edvel no&nbsp;<em style=\"box-sizing: inherit;\">dashboard.<\/em>&nbsp;Corresponde \u00e0 programa\u00e7\u00e3o em blocos da interface&nbsp;<em style=\"box-sizing: inherit;\">web.<\/em><\/li><li style=\"box-sizing: inherit; margin-top: 8px; margin-bottom: 8px;\"><strong style=\"box-sizing: inherit;\"><em style=\"box-sizing: inherit;\">Client-ID:&nbsp;<\/em><\/strong>Identifica\u00e7\u00e3o de um usu\u00e1rio do sistema. Nesta documenta\u00e7\u00e3o n\u00e3o ser\u00e1 utilizado.<\/li><li style=\"box-sizing: inherit; margin-top: 8px; margin-bottom: 8px;\"><strong style=\"box-sizing: inherit;\"><em style=\"box-sizing: inherit;\">Clipboard:<\/em><\/strong>&nbsp;\u00c1rea de transfer\u00eancia. Importar para o Clipboard Ctrl+C. Exportar do Clipboard (Ctrl+V).<\/li><li style=\"box-sizing: inherit; margin-top: 8px; margin-bottom: 8px;\"><strong style=\"box-sizing: inherit;\">Dashboard:<\/strong>&nbsp;Painel de instrumentos gerados a partir dos blocos cujo index refere-se a este no menu de blocos.<\/li><li style=\"box-sizing: inherit; margin-top: 8px; margin-bottom: 8px;\"><em style=\"box-sizing: inherit;\"><strong style=\"box-sizing: inherit;\">Deploy:<\/strong><\/em>&nbsp;Compila\u00e7\u00e3o do projeto Node-RED. Bot\u00e3o localizado no canto superior direito da interface web.<\/li><li style=\"box-sizing: inherit; margin-top: 8px; margin-bottom: 8px;\"><em style=\"box-sizing: inherit;\"><strong style=\"box-sizing: inherit;\">Done:<\/strong><\/em>&nbsp;Bot\u00e3o de finaliza\u00e7\u00e3o das janelas de edi\u00e7\u00e3o de cada bloco a ser programado.<\/li><li style=\"box-sizing: inherit; margin-top: 8px; margin-bottom: 8px;\"><strong style=\"box-sizing: inherit;\"><em style=\"box-sizing: inherit;\">End-nodes:<\/em><\/strong>&nbsp;Dispositivos de aplica\u00e7\u00e3o embarcados com sensor, microcontrolador e transmissor r\u00e1dio frequ\u00eancia padr\u00e3o&nbsp;<em style=\"box-sizing: inherit;\">LoRa<\/em><\/li><li style=\"box-sizing: inherit; margin-top: 8px; margin-bottom: 8px;\"><strong style=\"box-sizing: inherit;\"><em style=\"box-sizing: inherit;\">Flow:<\/em><\/strong>&nbsp;Estrutura de blocos de programa\u00e7\u00e3o Node-RED que se interligam para prover um caminho \u00e0 informa\u00e7\u00e3o.<\/li><li style=\"box-sizing: inherit; margin-top: 8px; margin-bottom: 8px;\"><em style=\"box-sizing: inherit;\"><strong style=\"box-sizing: inherit;\">Gauge:<\/strong><\/em>&nbsp;Mostrador de valores no&nbsp;<em style=\"box-sizing: inherit;\">dashboard.<\/em><\/li><li style=\"box-sizing: inherit; margin-top: 8px; margin-bottom: 8px;\"><em style=\"box-sizing: inherit;\"><strong style=\"box-sizing: inherit;\">GitHub:<\/strong><\/em>&nbsp;Site para se disponibilizar projetos \u00e0 comunidade por meio de reposit\u00f3rios.<\/li><li style=\"box-sizing: inherit; margin-top: 8px; margin-bottom: 8px;\"><strong style=\"box-sizing: inherit;\"><em style=\"box-sizing: inherit;\">Groups:<\/em><\/strong>&nbsp;Blocos que podem conter outros diversos blocos em um&nbsp;<em style=\"box-sizing: inherit;\">dashboard<\/em>.<\/li><li style=\"box-sizing: inherit; margin-top: 8px; margin-bottom: 8px;\"><strong style=\"box-sizing: inherit;\">Interface&nbsp;<em style=\"box-sizing: inherit;\">web&nbsp;<\/em>Node-RED:<\/strong>&nbsp;Interface de programa\u00e7\u00e3o onde ser\u00e3o alocados os blocos de programa\u00e7\u00e3o.<\/li><li style=\"box-sizing: inherit; margin-top: 8px; margin-bottom: 8px;\"><strong style=\"box-sizing: inherit;\"><em style=\"box-sizing: inherit;\">json:<\/em><\/strong>&nbsp;Sigla para&nbsp;<em style=\"box-sizing: inherit;\">JavaScript Object Notation<\/em>. Estrutura de objetos para envio de informa\u00e7\u00f5es indexadas.<\/li><li style=\"box-sizing: inherit; margin-top: 8px; margin-bottom: 8px;\"><em style=\"box-sizing: inherit;\"><strong style=\"box-sizing: inherit;\">Manage Palette:<\/strong><\/em>&nbsp;\u00b4Gerenciamento de plugins dispon\u00edveis e instalados no Node-RED.<\/li><li style=\"box-sizing: inherit; margin-top: 8px; margin-bottom: 8px;\"><strong style=\"box-sizing: inherit;\">Menu de blocos:<\/strong>&nbsp;Localizado ao lado esquerdo da interface web contendo os blocos poss\u00edveis e dispon\u00edveis para a programa\u00e7\u00e3o Node-RED.<\/li><li style=\"box-sizing: inherit; margin-top: 8px; margin-bottom: 8px;\"><strong style=\"box-sizing: inherit;\">Menu principal:<\/strong>&nbsp;Bot\u00e3o caracter\u00edstico de Menu localizado no canto superior direito da interface&nbsp;<em style=\"box-sizing: inherit;\">web.<\/em><\/li><li style=\"box-sizing: inherit; margin-top: 8px; margin-bottom: 8px;\"><strong style=\"box-sizing: inherit;\"><em style=\"box-sizing: inherit;\">MQTT:<\/em><\/strong>&nbsp;Sigla para&nbsp;<em style=\"box-sizing: inherit;\">Message Queueing Telemetry Transport.<\/em><\/li><li style=\"box-sizing: inherit; margin-top: 8px; margin-bottom: 8px;\"><em style=\"box-sizing: inherit;\"><strong style=\"box-sizing: inherit;\">MQTT broker:<\/strong><\/em>&nbsp;Servi\u00e7o que gerencia usu\u00e1rios, senhas, t\u00f3picos e aplica\u00e7\u00f5es de uma comunica\u00e7\u00e3o do tipo&nbsp;<em style=\"box-sizing: inherit;\">MQTT<\/em>.<\/li><li style=\"box-sizing: inherit; margin-top: 8px; margin-bottom: 8px;\"><strong style=\"box-sizing: inherit;\"><em style=\"box-sizing: inherit;\">MQTT client:&nbsp;<\/em><\/strong>Conecta-se ao servidor&nbsp;<em style=\"box-sizing: inherit;\">MQTT broker<\/em>&nbsp;para receber e\/ou enviar dados.<\/li><li style=\"box-sizing: inherit; margin-top: 8px; margin-bottom: 8px;\"><em style=\"box-sizing: inherit;\"><strong style=\"box-sizing: inherit;\">MQTT server:&nbsp;<\/strong><\/em>Servidor&nbsp;<em style=\"box-sizing: inherit;\">MQTT<\/em>&nbsp;propriamente dito, instanciado em&nbsp;<em style=\"box-sizing: inherit;\">networkserver.maua.br<\/em><\/li><li style=\"box-sizing: inherit; margin-top: 8px; margin-bottom: 8px;\"><strong style=\"box-sizing: inherit;\"><em style=\"box-sizing: inherit;\">msg.payload:<\/em><\/strong>&nbsp;Vari\u00e1vel principal de um flow que armazena as vari\u00e1veis a serem trasnmitidas de um bloco a outro.<\/li><li style=\"box-sizing: inherit; margin-top: 8px; margin-bottom: 8px;\"><em style=\"box-sizing: inherit;\"><strong style=\"box-sizing: inherit;\">Network Server:<\/strong><\/em>&nbsp;Servidor&nbsp;<em style=\"box-sizing: inherit;\">LoRaWAN<\/em>&nbsp;que gerencia gateways, end-nodes e aplica\u00e7\u00f5es.<\/li><li style=\"box-sizing: inherit; margin-top: 8px; margin-bottom: 8px;\"><strong style=\"box-sizing: inherit;\">Node-RED:&nbsp;<\/strong>Servidor para cria\u00e7\u00e3o de aplica\u00e7\u00e3o. Pode ser instalado localmente ou em nuvem.<\/li><li style=\"box-sizing: inherit; margin-top: 8px; margin-bottom: 8px;\"><strong style=\"box-sizing: inherit;\"><em style=\"box-sizing: inherit;\">Parsing:<\/em><\/strong>&nbsp;An\u00e1lise ou decomposi\u00e7\u00e3o de uma vari\u00e1vel em outra desejada.<\/li><li style=\"box-sizing: inherit; margin-top: 8px; margin-bottom: 8px;\"><em style=\"box-sizing: inherit;\"><strong style=\"box-sizing: inherit;\">Password:<\/strong><\/em>&nbsp;Senha de usu\u00e1rio correspondente ao cadastro do usu\u00e1rio no&nbsp;<em style=\"box-sizing: inherit;\">Network Server<\/em>.<\/li><li style=\"box-sizing: inherit; margin-top: 8px; margin-bottom: 8px;\"><em style=\"box-sizing: inherit;\"><strong style=\"box-sizing: inherit;\">Port:<\/strong><\/em>&nbsp;Porta de um servidor em que se est\u00e1 disponibilizado um servi\u00e7o.<\/li><li style=\"box-sizing: inherit; margin-top: 8px; margin-bottom: 8px;\"><strong style=\"box-sizing: inherit;\"><em style=\"box-sizing: inherit;\">Publish:&nbsp;<\/em><\/strong>A\u00e7\u00e3o de publicar em um determinado&nbsp;<em style=\"box-sizing: inherit;\">Topic<\/em>&nbsp;para enviar dados da aplica\u00e7\u00e3o ao&nbsp;<em style=\"box-sizing: inherit;\">end-node<\/em>.<\/li><li style=\"box-sizing: inherit; margin-top: 8px; margin-bottom: 8px;\"><strong style=\"box-sizing: inherit;\"><em style=\"box-sizing: inherit;\">QoS:<\/em><\/strong>&nbsp;Sigla para Quality of Service. N\u00e3o explorado nesta documenta\u00e7\u00e3o.<\/li><li style=\"box-sizing: inherit; margin-top: 8px; margin-bottom: 8px;\"><strong style=\"box-sizing: inherit;\">Reposit\u00f3rio:<\/strong>&nbsp;Lugar em que se encontram os arquivos de um projeto no&nbsp;<em style=\"box-sizing: inherit;\">GitHub<\/em>, por exemplo.<\/li><li style=\"box-sizing: inherit; margin-top: 8px; margin-bottom: 8px;\"><strong style=\"box-sizing: inherit;\"><em style=\"box-sizing: inherit;\">Server:<\/em>&nbsp;<\/strong>Nesta documenta\u00e7\u00e3o, corresponde ao endere\u00e7o em que se encontra o&nbsp;<em style=\"box-sizing: inherit;\">Network Server.<\/em><\/li><li style=\"box-sizing: inherit; margin-top: 8px; margin-bottom: 8px;\"><strong style=\"box-sizing: inherit;\"><em style=\"box-sizing: inherit;\">Subscribe:&nbsp;<\/em><\/strong>A\u00e7\u00e3o de se inscrever em um determinado&nbsp;<em style=\"box-sizing: inherit;\">Topic<\/em>&nbsp;para receber os dados do&nbsp;<em style=\"box-sizing: inherit;\">end-node<\/em>&nbsp;\u00e0 aplica\u00e7\u00e3o.<\/li><li style=\"box-sizing: inherit; margin-top: 8px; margin-bottom: 8px;\"><strong style=\"box-sizing: inherit;\"><em style=\"box-sizing: inherit;\">Tab:<\/em><\/strong>&nbsp;Cada&nbsp;<em style=\"box-sizing: inherit;\">Tab<\/em>&nbsp;representa uma p\u00e1gina dentre as diversas poss\u00edveis em um&nbsp;<em style=\"box-sizing: inherit;\">dashboard<\/em>.<\/li><li style=\"box-sizing: inherit; margin-top: 8px; margin-bottom: 8px;\"><em style=\"box-sizing: inherit;\"><strong style=\"box-sizing: inherit;\">Topic:<\/strong><\/em>&nbsp;Endere\u00e7amento em que se est\u00e1 disponibilizado o acesso \u00e0 aplica\u00e7\u00e3o por meio do&nbsp;<em style=\"box-sizing: inherit;\">MQTT<\/em>&nbsp;<em style=\"box-sizing: inherit;\">broker<\/em>.<\/li><li style=\"box-sizing: inherit; margin-top: 8px; margin-bottom: 8px;\"><em style=\"box-sizing: inherit;\"><strong style=\"box-sizing: inherit;\">Username:<\/strong><\/em>&nbsp;Nome de usu\u00e1rio correspondente ao cadastro do usu\u00e1rio no&nbsp;<em style=\"box-sizing: inherit;\">Network Server<\/em>.<\/li><li style=\"box-sizing: inherit; margin-top: 8px; margin-bottom: 8px;\"><em style=\"box-sizing: inherit;\"><strong style=\"box-sizing: inherit;\">Update:<\/strong><\/em>&nbsp;Bot\u00e3o de atualiza\u00e7\u00e3o das janelas de edi\u00e7\u00e3o de cada bloco a ser programado.<\/li><li style=\"box-sizing: inherit; margin-top: 8px; margin-bottom: 8px;\"><strong style=\"box-sizing: inherit;\"><em style=\"box-sizing: inherit;\">Widgets:&nbsp;<\/em><\/strong>Blocos mostradores em um dashboard. o&nbsp;<em style=\"box-sizing: inherit;\">Gauge<\/em>&nbsp;\u00e9 um deles, por exemplo.<strong style=\"box-sizing: inherit;\"><em style=\"box-sizing: inherit;\">&nbsp;<\/em><\/strong><\/li><li style=\"box-sizing: inherit; margin-top: 8px; margin-bottom: 8px;\"><em style=\"box-sizing: inherit;\"><strong style=\"box-sizing: inherit;\">.zip:<\/strong>&nbsp;<\/em>Estrutura de compacta\u00e7\u00e3o de arquivos<\/li><\/ul><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\"><a name=\"repositorio-github\" style=\"box-sizing: inherit; text-decoration-line: none; touch-action: manipulation; outline: none;\"><\/a><\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><h3 style=\"box-sizing: inherit; margin-bottom: 0.9375rem; font-family: Raleway, Helvetica, Arial, sans-serif; line-height: 1.1; color: rgb(51, 51, 51); font-size: 1.25rem; word-break: break-word; overflow-wrap: break-word; font-style: normal;\">Reposit\u00f3rio GitHub<\/h3><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">O reposit\u00f3rio&nbsp;<a href=\"https:\/\/github.com\/imt-smartcampus\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\">imt-smartcampus<\/a>&nbsp;est\u00e1 totalmente dispon\u00edvel para downloads de c\u00f3digos fontes acerca do projeto Smart Campus do&nbsp;<a href=\"http:\/\/www.maua.br\/\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\">Instituto Mau\u00e1 de Tenologia<\/a>.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\"><a name=\"acesso-ao-projeto-de-exemplo\" style=\"box-sizing: inherit; text-decoration-line: none; touch-action: manipulation; outline: none;\"><\/a><\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><h4 style=\"box-sizing: inherit; margin-bottom: 12px; font-family: Raleway, Helvetica, Arial, sans-serif; line-height: 1.1; color: rgb(51, 51, 51); font-size: 1.0625rem; word-break: break-word; overflow-wrap: break-word; font-style: normal;\">Acesso ao Projeto de Exemplo<\/h4><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">O acesso ao projeto de exemplo para uma conex\u00e3o bidirecional de aplica\u00e7\u00e3o ao end-node \u00e9 realizado atrav\u00e9s do reposit\u00f3rio<a href=\"https:\/\/github.com\/imt-smartcampus\/nodered-applications\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\">&nbsp;nodered-applications.<\/a><\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">O acesso \u00e0 p\u00e1gina de reposit\u00f3rios est\u00e1 evidenciado na Figura 1 abaixo.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\"><a href=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/Figura-1.png\" class=\"fbx-link fbx-instance\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img decoding=\"async\" class=\"lazy aligncenter wp-image-679 size-medium lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/Figura-1-300x151.png\" alt=\"\" width=\"300\" height=\"151\" sizes=\"(max-width: 300px) 100vw, 300px\" srcset=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-1-300x150.png 300w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-1-768x386.png 768w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-1-1024x515.png 1024w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-1.png 1099w\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; text-align: center;\">Figura 1 \u2013&nbsp; P\u00e1gina inicial de Reposit\u00f3rios GitHub do projeto Smart Campus<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\"><a name=\"download-do-projeto\" style=\"box-sizing: inherit; text-decoration-line: none; touch-action: manipulation; outline: none;\"><\/a><\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><h4 style=\"box-sizing: inherit; margin-bottom: 12px; font-family: Raleway, Helvetica, Arial, sans-serif; line-height: 1.1; color: rgb(51, 51, 51); font-size: 1.0625rem; word-break: break-word; overflow-wrap: break-word; font-style: normal;\">Download do Projeto<\/h4><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">Ao clicar sobre o link do reposit\u00f3rio&nbsp;<a href=\"https:\/\/github.com\/imt-smartcampus\/nodered-applications\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\">nodered-applications<\/a>, h\u00e1dispon\u00edvel na aba clone or download&nbsp; a \u00e7\u00e3o de se clonar o projeto para um diret\u00f3rio na m\u00e1quina local ou mesmo executar o download em extens\u00e3o tipo zip para o diret\u00f3rio de downloads default do navegador web. Outra op\u00e7\u00e3o \u00e9 clicar sobre cada arquivo e ser\u00e1 aberto no pr\u00f3prio GitHub a visualiza\u00e7\u00e3o dos c\u00f3digos fonte dos arquivos listados o reposit\u00f3rio.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\"><a href=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/Figura-2.png\" class=\"fbx-link fbx-instance\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img decoding=\"async\" class=\"lazy aligncenter wp-image-678 size-medium lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/Figura-2-300x133.png\" alt=\"\" width=\"300\" height=\"133\" sizes=\"(max-width: 300px) 100vw, 300px\" srcset=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-2-300x133.png 300w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-2-768x340.png 768w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-2-1024x454.png 1024w\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; text-align: center;\">Figura 2- Projeto de exemplo de aplica\u00e7\u00e3o em Node-RED utilizando o MQTT broker. Exemplo dispon\u00edvel para download.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">A Figura 3 abaixo caracteriza a abertura do arquivo conterBlock.json ap\u00f3s o download em extens\u00e3o .zip e abertura em wordpad, programa padr\u00e3o Windows. \u00c9 necess\u00e1rio copiar o conte\u00fado deste arquivo para que se importe na interface web Node-RED conforme os passos descritos a seguir.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\"><a href=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/Figura-3.png\" class=\"fbx-link fbx-instance\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img fetchpriority=\"high\" decoding=\"async\" class=\"lazy aligncenter wp-image-677 size-medium lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/Figura-3-292x300.png\" alt=\"\" width=\"292\" height=\"300\" sizes=\"(max-width: 292px) 100vw, 292px\" srcset=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-3-292x300.png 292w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-3-768x788.png 768w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-3.png 959w\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; text-align: center;\">Figura 3 \u2013&nbsp; C\u00f3digo fonte do arquivo counterBlock.json aberto ap\u00f3s a descompacta\u00e7\u00e3o dodownload do arquivo.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\"><a name=\"aplicacao-node-red\" style=\"box-sizing: inherit; text-decoration-line: none; touch-action: manipulation; outline: none;\"><\/a><\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><h3 style=\"box-sizing: inherit; margin-bottom: 0.9375rem; font-family: Raleway, Helvetica, Arial, sans-serif; line-height: 1.1; color: rgb(51, 51, 51); font-size: 1.25rem; word-break: break-word; overflow-wrap: break-word; font-style: normal;\">Aplica\u00e7\u00e3o Node-RED<\/h3><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">Para proseguir com o exemplo aqui demonstrado \u00e9 necess\u00e1rio que se tenha corretamente o Node-RED sendo executado em&nbsp; uma instala\u00e7\u00e3o de um servidor local ou p\u00fablico. Para saber como proceder com a instala\u00e7\u00e3o de um servidor Node-RED, deve ser executados os passos referentes na documenta\u00e7\u00e3o&nbsp;<a href=\"https:\/\/smartcampus.maua.br\/?page_id=581\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\">Instala\u00e7\u00e3o Node-RED + Seguran\u00e7a<\/a>.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\"><a name=\"interface-web\" style=\"box-sizing: inherit; text-decoration-line: none; touch-action: manipulation; outline: none;\"><\/a><\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><h4 style=\"box-sizing: inherit; margin-bottom: 12px; font-family: Raleway, Helvetica, Arial, sans-serif; line-height: 1.1; color: rgb(51, 51, 51); font-size: 1.0625rem; word-break: break-word; overflow-wrap: break-word; font-style: normal;\">Interface&nbsp;<em style=\"box-sizing: inherit;\">web<\/em><\/h4><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">A partir da interface web dispon\u00edvel no endere\u00e7o IP(m\u00e1quina virtual):8080, \u00e9 poss\u00edvel inciar a aplica\u00e7\u00e3o e o desenvolvimento de programa\u00e7\u00e3o de blocos conforme Figura 4 a seguir.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\"><a href=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/Figura-4.png\" class=\"fbx-link fbx-instance\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" class=\"lazy aligncenter wp-image-676 size-medium lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/Figura-4-300x139.png\" alt=\"\" width=\"300\" height=\"139\" sizes=\"(max-width: 300px) 100vw, 300px\" srcset=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-4-300x139.png 300w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-4-768x357.png 768w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-4-1024x475.png 1024w\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; text-align: center;\">Figura 4 \u2013 Interface web de programa\u00e7\u00e3o do Node-RED ao acessar o IP(m\u00e1quina virtual):1880<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\"><a name=\"verificacao-requisitos-de-plugin\" style=\"box-sizing: inherit; text-decoration-line: none; touch-action: manipulation; outline: none;\"><\/a><\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><h4 style=\"box-sizing: inherit; margin-bottom: 12px; font-family: Raleway, Helvetica, Arial, sans-serif; line-height: 1.1; color: rgb(51, 51, 51); font-size: 1.0625rem; word-break: break-word; overflow-wrap: break-word; font-style: normal;\">Verifica\u00e7\u00e3o requisitos de&nbsp;<em style=\"box-sizing: inherit;\">plugins<\/em><\/h4><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">Como o exemplo aqui demonstrado se utiliza de alguns plugins como tamb\u00e9m descritos na documenta\u00e7\u00e3o&nbsp;<a href=\"https:\/\/smartcampus.maua.br\/?page_id=581\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\">Instala\u00e7\u00e3o Node-RED + Seguran\u00e7a<\/a>, \u00e9 bom que se verifique se est\u00e3o estes corretamente instalados.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">No menu principal do Node-RED (&nbsp;<img loading=\"lazy\" decoding=\"async\" class=\"lazy alignnone wp-image-687 lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/menu-node-red.png\" alt=\"\" width=\"31\" height=\"25\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\">&nbsp;) h\u00e1 a op\u00e7\u00e3o Manage Pallets. Esta op\u00e7\u00e3o gerencia os plugins instalados e possibilita a instala\u00e7\u00e3o de novos plugins a partir da interface web do Node-RED sem a necessidade de se alterar o c\u00f3digo fonte e reinici\u00e1-lo.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\"><a href=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/Figura-5.png\" class=\"fbx-link fbx-instance\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" class=\"lazy aligncenter wp-image-675 size-medium lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/Figura-5-300x139.png\" alt=\"\" width=\"300\" height=\"139\" sizes=\"(max-width: 300px) 100vw, 300px\" srcset=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-5-300x139.png 300w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-5-768x355.png 768w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-5-1024x474.png 1024w\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; text-align: center;\">Figura 5 \u2013 Menu&nbsp; principal de Interface web Node-RED<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">Clicando-se sobre esta op\u00e7\u00e3o, deve ser verificada a instala\u00e7\u00e3o dos plugins node-red-contrib-crypto-js e node-red-dashboard.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">O&nbsp;<em style=\"box-sizing: inherit;\">plugin<\/em>&nbsp;node-red-contrib-crypto-js \u00e9 respons\u00e1vel por decodificar o pacote de dados enviados em base 64 e codific\u00e1-lo para base hexadecimal, conforme o tratamento do dado e envio do end-node ao network server.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">J\u00e1 o plugin&nbsp;node-red-dashboard \u00e9 respons\u00e1vel por gerenciar a parte de visializa\u00e7\u00e3o conforme a constru\u00e7\u00e3o do dashboard realizada atrav\u00e9s da interface web do Node-RED.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\"><a name=\"importacao-de-flow\" style=\"box-sizing: inherit; text-decoration-line: none; touch-action: manipulation; outline: none;\"><\/a><\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><h4 style=\"box-sizing: inherit; margin-bottom: 12px; font-family: Raleway, Helvetica, Arial, sans-serif; line-height: 1.1; color: rgb(51, 51, 51); font-size: 1.0625rem; word-break: break-word; overflow-wrap: break-word; font-style: normal;\">Importa\u00e7\u00e3o de&nbsp;<em style=\"box-sizing: inherit;\">flow<\/em><\/h4><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">Ap\u00f3s a verifica\u00e7\u00e3o dos&nbsp;<em style=\"box-sizing: inherit;\">plugins<\/em>&nbsp;instalados, deve-se novamente acessar o&nbsp;menu principal do Node-RED (&nbsp;<img loading=\"lazy\" decoding=\"async\" class=\"lazy alignnone wp-image-687 lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/menu-node-red.png\" alt=\"\" width=\"31\" height=\"25\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\">&nbsp;). A este ponto, passar o cursor sobre&nbsp;<em style=\"box-sizing: inherit;\">Import<\/em>&nbsp;e clicar sobre&nbsp;<em style=\"box-sizing: inherit;\">Clipboard<\/em>&nbsp;conforme a Figura abaixo.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\"><a href=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/Figura-6.png\" class=\"fbx-link fbx-instance\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" class=\"lazy aligncenter wp-image-674 size-medium lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/Figura-6-300x266.png\" alt=\"\" width=\"300\" height=\"266\" sizes=\"(max-width: 300px) 100vw, 300px\" srcset=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-6-300x266.png 300w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-6.png 688w\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; text-align: center;\">Figura 6 \u2013 Menu de importa\u00e7\u00e3o de um c\u00f3digo fonte de um Clipboard.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">A partir de ent\u00e3o, ser\u00e1 aberta uma janela para a importa\u00e7\u00e3o do c\u00f3digo fonte referente ao flow que caracteriza a aplica\u00e7\u00e3o. Simplesmente basta colar o c\u00f3digo fonte do arquivo counterBlock.json, por exemplo, escolher a op\u00e7\u00e3o current flow para que o flow seja inserifo na aba da atual da interface web ou new flow para que seja criado uma nova aba de programa\u00e7\u00e3o. Com o c\u00f3digo fonte json corretamente copiado para a caixa de texto conforme Figura abaixo, deve-se clicar no bot\u00e3o Import.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\"><a href=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/Figura-7.png\" class=\"fbx-link fbx-instance\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" class=\"lazy aligncenter wp-image-673 size-medium lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/Figura-7-300x204.png\" alt=\"\" width=\"300\" height=\"204\" sizes=\"(max-width: 300px) 100vw, 300px\" srcset=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-7-300x204.png 300w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-7.png 644w\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; text-align: center;\">Figura 7 \u2013&nbsp; Importa\u00e7\u00e3o do Clipboard para o Node-RED Interface web<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><h4 style=\"box-sizing: inherit; margin-bottom: 12px; font-family: Raleway, Helvetica, Arial, sans-serif; line-height: 1.1; color: rgb(51, 51, 51); font-size: 1.0625rem; word-break: break-word; overflow-wrap: break-word; font-style: normal;\"><em style=\"box-sizing: inherit;\">Flow<\/em>&nbsp;de exemplo<\/h4><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">Importando-se o c\u00f3digo json conforme descrito acima, ao clicar sobre a interface web, ser\u00e1 exibido o seguinte flow na interface web de programa\u00e7\u00e3o em blocos do Node-RED. Neste exemplo de programa\u00e7\u00e3o pode-se observar dois flows. Um referente ao recebimento de dados do end-node, denominado uplink. Outro, por\u00e9m denominado downlink que envia da aplica\u00e7\u00e3o ao end-node um pacote de dados referente ao desejado pelo usu\u00e1rio desta aplica\u00e7\u00e3o.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">Portanto, conforme os passos a seguir demonstrados em detalhes, ser\u00e1 configurada uma conex\u00e3o para recebimendo e envio de dados atrav\u00e9s da comunica\u00e7\u00e3o MQTT disponibilizada pelo Network server do Instituto Mau\u00e1 de Tecnologia.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\"><a href=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/Figura-8.png\" class=\"fbx-link fbx-instance\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" class=\"lazy aligncenter wp-image-672 size-large lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/Figura-8-1024x317.png\" alt=\"\" width=\"800\" height=\"248\" sizes=\"(max-width: 800px) 100vw, 800px\" srcset=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-8-1024x317.png 1024w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-8-300x93.png 300w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-8-768x238.png 768w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-8.png 1236w\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; text-align: center;\">Figura 8 \u2013&nbsp; Flow importado atrav\u00e9s do Clipboard de exemplo do reposit\u00f3rio GitHub<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">A programa\u00e7\u00e3o em blocos acima demonstrada, define atrav\u00e9s dos blocos de&nbsp;<em style=\"box-sizing: inherit;\">dashboard,<\/em>&nbsp;o group demonstrado na Figura abaixo. A esta documenta\u00e7\u00e3o ser\u00e1 detalhada tanto a forma\u00e7\u00e3o de cada&nbsp;<em style=\"box-sizing: inherit;\">widget<\/em>&nbsp;dentro deste&nbsp;<em style=\"box-sizing: inherit;\">group<\/em>&nbsp;bem como visualmente como o&nbsp;<em style=\"box-sizing: inherit;\">background<\/em>&nbsp;do tr\u00e1fego de informa\u00e7\u00e3o a partir do&nbsp;<em style=\"box-sizing: inherit;\">MQTT broker server<\/em>&nbsp;do&nbsp;<em style=\"box-sizing: inherit;\">Network Server.<\/em><\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\"><a href=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/group-det-01.png\" class=\"fbx-link fbx-instance\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" class=\"lazy aligncenter wp-image-718 size-medium lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/group-det-01-194x300.png\" alt=\"\" width=\"194\" height=\"300\" sizes=\"(max-width: 194px) 100vw, 194px\" srcset=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/group-det-01-194x300.png 194w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/group-det-01.png 228w\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; text-align: center;\">Figura 9 \u2013&nbsp;&nbsp;<em style=\"box-sizing: inherit;\">Dashboard<\/em>&nbsp;referente ao&nbsp;<em style=\"box-sizing: inherit;\">flow<\/em>&nbsp;importado atrav\u00e9s do&nbsp;<em style=\"box-sizing: inherit;\">Clipboard<\/em>&nbsp;de exemplo do reposit\u00f3rio&nbsp;<em style=\"box-sizing: inherit;\">GitHub<\/em><\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\"><a name=\"uplink\" style=\"box-sizing: inherit; text-decoration-line: none; touch-action: manipulation; outline: none;\"><\/a><\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><h3 style=\"box-sizing: inherit; margin-bottom: 0.9375rem; font-family: Raleway, Helvetica, Arial, sans-serif; line-height: 1.1; color: rgb(51, 51, 51); font-size: 1.25rem; word-break: break-word; overflow-wrap: break-word; font-style: normal;\"><em style=\"box-sizing: inherit;\">UPLINK<\/em><\/h3><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">A partir de uma entrada de dados em conex\u00e3o com o servidor MQTT broker instanciado no network server \u00e9 poss\u00edvel estabelecer um fluxo de c\u00f3digo para se obter a parte da mensagem desejada atrav\u00e9s dos blocos a seguir.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><h4 style=\"box-sizing: inherit; margin-bottom: 12px; font-family: Raleway, Helvetica, Arial, sans-serif; line-height: 1.1; color: rgb(51, 51, 51); font-size: 1.0625rem; word-break: break-word; overflow-wrap: break-word; font-style: normal;\"><em style=\"box-sizing: inherit;\">Node Input<\/em><\/h4><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">Na Figura a seguir, est\u00e1 importado o bloco de conex\u00e3o ao servidor MQTT broker.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\"><a href=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/Figura-9.png\" class=\"fbx-link fbx-instance\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" class=\"lazy aligncenter wp-image-671 size-full lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/Figura-9.png\" alt=\"\" width=\"123\" height=\"50\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; text-align: center;\">Figura 10 \u2013&nbsp; Node para input de dados atrav\u00e9s de um cliente MQTT broker.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">Clicando-se no bloco para editar suas configura\u00e7\u00f5es, nota-se os seguintes campos como evidenciado na Figura a seguir:<\/p><ul style=\"box-sizing: inherit; margin-top: 0px; margin-bottom: 0.9375rem; padding-left: 20px; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\"><li style=\"box-sizing: inherit; margin-top: 8px; margin-bottom: 8px;\"><em style=\"box-sizing: inherit;\"><code style=\"box-sizing: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-optical-sizing: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit;\">Server<\/code>:<\/em>&nbsp;<strong style=\"box-sizing: inherit;\">networkserver.maua.br<\/strong><\/li><li style=\"box-sizing: inherit; margin-top: 8px; margin-bottom: 8px;\"><em style=\"box-sizing: inherit;\"><code style=\"box-sizing: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-optical-sizing: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit;\">Topic<\/code>:<\/em>&nbsp;<strong style=\"box-sizing: inherit;\">application\/+\/node\/0004a30b001a1s6\/rx<\/strong><\/li><li style=\"box-sizing: inherit; margin-top: 8px; margin-bottom: 8px;\"><em style=\"box-sizing: inherit;\"><code style=\"box-sizing: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-optical-sizing: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit;\">QoS<\/code>:<\/em>&nbsp;<strong style=\"box-sizing: inherit;\">2<\/strong><\/li><li style=\"box-sizing: inherit; margin-top: 8px; margin-bottom: 8px;\"><em style=\"box-sizing: inherit;\"><code style=\"box-sizing: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-optical-sizing: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit;\">Name<\/code>:<\/em>&nbsp;<strong style=\"box-sizing: inherit;\">DET-01<\/strong><\/li><\/ul><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">Os campos&nbsp;<code style=\"box-sizing: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-optical-sizing: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit;\">Server<\/code>,&nbsp;<code style=\"box-sizing: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-optical-sizing: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit;\">Topic<\/code>,&nbsp;<code style=\"box-sizing: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-optical-sizing: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit;\">QoS<\/code>&nbsp;est\u00e3o, com maiores detalhes, explanados na documenta\u00e7\u00e3o&nbsp;<a href=\"https:\/\/smartcampus.maua.br\/?page_id=243\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\">Acesso ao MQTT broker (Network Server)<\/a>.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">Para editar as propriedades de conex\u00e3o, deve-se clicar sobre o \u00edcone como na figura abaixo.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\"><a href=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/Figura-10.png\" class=\"fbx-link fbx-instance\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" class=\"lazy aligncenter wp-image-670 size-medium lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/Figura-10-300x191.png\" alt=\"\" width=\"300\" height=\"191\" sizes=\"(max-width: 300px) 100vw, 300px\" srcset=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-10-300x191.png 300w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-10.png 514w\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; text-align: center;\">Figura 11 \u2013&nbsp; Janela de edi\u00e7\u00e3o de propriedades gerais do node.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; text-align: center;\">Figura 12 \u2013&nbsp; Add new mqtt broker server.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\"><a name=\"client-id\" style=\"box-sizing: inherit; text-decoration-line: none; touch-action: manipulation; outline: none;\"><\/a><br style=\"box-sizing: inherit;\">A seguir \u00e9 poss\u00edvel editar a Conex\u00e3o descrita no passo anterior. N\u00e3o deve-se utilizar o campo Client-ID.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\"><a href=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/Figura-11.png\" class=\"fbx-link fbx-instance\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" class=\"lazy aligncenter wp-image-669 size-medium lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/Figura-11-300x173.png\" alt=\"\" width=\"300\" height=\"173\" sizes=\"(max-width: 300px) 100vw, 300px\" srcset=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-11-300x173.png 300w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-11.png 651w\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; text-align: center;\">Figura 13 \u2013&nbsp; Janela de edi\u00e7\u00e3o de conex\u00e3o ao servidor MQTT broker.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">Na aba&nbsp;<em style=\"box-sizing: inherit;\">Security,<\/em>&nbsp;deve ser digitado o usu\u00e1rio e a senha cadastrados de&nbsp;<a href=\"https:\/\/smartcampus.maua.br\/?page_id=123\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\">Acesso ao Network Server (IMT)<\/a>&nbsp;resultantes dos usu\u00e1rios de aplica\u00e7\u00e3o cadastrados pelo Centro de Pesquisas.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\"><a href=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/Figura-12.png\" class=\"fbx-link fbx-instance\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" class=\"lazy aligncenter wp-image-668 size-medium lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/Figura-12-300x128.png\" alt=\"\" width=\"300\" height=\"128\" sizes=\"(max-width: 300px) 100vw, 300px\" srcset=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-12-300x128.png 300w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-12.png 656w\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; text-align: center;\">Figura 14 \u2013&nbsp; Janela de edi\u00e7\u00e3o e seguran\u00e7a para conex\u00e3o do cliente ao servidor MTT broker.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">As altera\u00e7\u00f5es devem ser confirmadas clicando-se sobre o bot\u00e3o Update e Done no canto superior direito da janela de edi\u00e7\u00e3o.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><h4 style=\"box-sizing: inherit; margin-bottom: 12px; font-family: Raleway, Helvetica, Arial, sans-serif; line-height: 1.1; color: rgb(51, 51, 51); font-size: 1.0625rem; word-break: break-word; overflow-wrap: break-word; font-style: normal;\"><em style=\"box-sizing: inherit;\">Node Function<\/em><\/h4><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">Os blocos referentes \u00e0s fun\u00e7\u00f5es podem exercer influ\u00eancia direta na mensagem encaminhada atrav\u00e9s do flow.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><h6 style=\"box-sizing: inherit; margin-bottom: 0.9375rem; font-family: Raleway, Helvetica, Arial, sans-serif; line-height: 1.1; color: rgb(51, 51, 51); font-size: 0.75rem; text-transform: uppercase; letter-spacing: 1px; word-break: break-word; overflow-wrap: break-word; font-style: normal;\"><em style=\"box-sizing: inherit;\">JSON<\/em><\/h6><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">Atrav\u00e9s do cliente MQTT broker, a mensagem chega no formato json, por\u00e9m no tipo de string. Para formatar em objeto Json em que os campos sejam objetos com acesso aos valores correspondentes, deve-se inserir um bloco de fun\u00e7\u00e3o json.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\"><a href=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/Figura-13.png\" class=\"fbx-link fbx-instance\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" class=\"lazy aligncenter wp-image-667 size-full lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/Figura-13.png\" alt=\"\" width=\"118\" height=\"50\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; text-align: center;\">Figura 15 \u2013&nbsp; Node de fun\u00e7\u00e3o para converter um dado string json em um objeto json<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">N\u00e3o \u00e9 necess\u00e1ria nenhuma configura\u00e7\u00e3o adicional neste bloco. Somente a presen\u00e7a dele j\u00e1 \u00e9 o suficiente para formatar a string em um objeto json. Nenhuma configura\u00e7\u00e3o adicional significa deixar a op\u00e7\u00e3o Format&nbsp;<em style=\"box-sizing: inherit;\">JSON string<\/em>&nbsp;desmarcada. Em Name a configura\u00e7\u00e3o \u00e9 opcional. O que estiver escrito aqui ser\u00e1 somente o nome lido no bloco da interface web do Node-RED. Em nada altera no c\u00f3digo da mensagem.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\"><a href=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/Figura-14.png\" class=\"fbx-link fbx-instance\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" class=\"lazy aligncenter wp-image-666 size-medium lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/Figura-14-300x174.png\" alt=\"\" width=\"300\" height=\"174\" sizes=\"(max-width: 300px) 100vw, 300px\" srcset=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-14-300x174.png 300w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-14.png 517w\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; text-align: center;\">Figura 16 \u2013&nbsp; Janela de edi\u00e7\u00e3o do node de fun\u00e7\u00e3o json.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><h6 style=\"box-sizing: inherit; margin-bottom: 0.9375rem; font-family: Raleway, Helvetica, Arial, sans-serif; line-height: 1.1; color: rgb(51, 51, 51); font-size: 0.75rem; text-transform: uppercase; letter-spacing: 1px; word-break: break-word; overflow-wrap: break-word; font-style: normal;\"><em style=\"box-sizing: inherit;\">FUNCTION PARSING FROM MQTT<\/em><\/h6><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">Seguindo o flow, o pr\u00f3ximo bloco da sequ\u00eancia tem a fun\u00e7\u00e3o de separar somente o valor referente ao objeto campo .data.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\"><a href=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/Figura-15.png\" class=\"fbx-link fbx-instance\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" class=\"lazy aligncenter wp-image-665 size-full lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/Figura-15.png\" alt=\"\" width=\"221\" height=\"50\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; text-align: center;\">Figura 17 \u2013 Node de fun\u00e7\u00e3o para executar o parse de um objeto json de forma a separar a string que cont\u00e9m o pacote que cont\u00e9m o protocolo da informa\u00e7\u00e3o&nbsp; enviada pelo end-node LoRa ao network server.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">Esta informa\u00e7\u00e3o recuperada do objeto json ser\u00e1 passada adiante pelo nome msg.payload. Em suma toda a mensagem em Json ser\u00e1 substitu\u00edda por somente uma parte dela.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\"><a href=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/Figura-16.png\" class=\"fbx-link fbx-instance\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" class=\"lazy aligncenter wp-image-664 size-medium lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/Figura-16-300x153.png\" alt=\"\" width=\"300\" height=\"153\" sizes=\"(max-width: 300px) 100vw, 300px\" srcset=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-16-300x153.png 300w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-16.png 518w\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; text-align: center;\">Figura 18 \u2013&nbsp; Fun\u00e7\u00e3o para a obten\u00e7\u00e3o do campo referente ao pacote enviado do end-node ao network server. A saber, o campo .data.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><pre style=\"box-sizing: inherit; font-family: Monaco, Consolas, &quot;Andale Mono&quot;, &quot;DejaVu Sans Mono&quot;, monospace; font-size: 14px; margin-top: 20px; margin-bottom: 20px; color: rgb(41, 43, 44); font-style: normal; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-weight: 400; font-stretch: inherit; line-height: 1.7; font-optical-sizing: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; background-color: rgb(233, 233, 233); padding: 20px; border-radius: 2px; text-wrap: wrap; word-break: break-word; overflow-wrap: break-word;\">\/\/1. msg.payload receives the value of json message .data object\nmsg.payload = msg.payload.data;\n\n\/\/2. return msg with modified msg.payload object value\nreturn msg;<\/pre><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><h6 style=\"box-sizing: inherit; margin-bottom: 0.9375rem; font-family: Raleway, Helvetica, Arial, sans-serif; line-height: 1.1; color: rgb(51, 51, 51); font-size: 0.75rem; text-transform: uppercase; letter-spacing: 1px; word-break: break-word; overflow-wrap: break-word; font-style: normal;\"><em style=\"box-sizing: inherit;\">CRYPTO (DECODE<\/em>&nbsp;E&nbsp;<em style=\"box-sizing: inherit;\">ENCODE)<\/em><\/h6><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">A mensagem ainda n\u00e3o se parecer\u00e1 com a enviada atrav\u00e9s do end-node pois se encontra codificada em base 64.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\"><a href=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/Figura-17.png\" class=\"fbx-link fbx-instance\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" class=\"lazy aligncenter wp-image-663 size-full lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/Figura-17.png\" alt=\"\" width=\"145\" height=\"52\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; text-align: center;\">Figura 19 \u2013&nbsp; Node para decodifica\u00e7\u00e3o em base 64 do pacote de informa\u00e7\u00e3o enviado.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">A configura\u00e7\u00e3o do bloco decode deve possuir o Campo encode como Base64 conforme a Figura a seguir. Em Name, ser\u00e1 apenas o nome descrito no bloco da interface web do Node-RED.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\"><a href=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/Figura-18.png\" class=\"fbx-link fbx-instance\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" class=\"lazy aligncenter wp-image-662 size-medium lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/Figura-18-300x144.png\" alt=\"\" width=\"300\" height=\"144\" sizes=\"(max-width: 300px) 100vw, 300px\" srcset=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-18-300x144.png 300w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-18.png 526w\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; text-align: center;\">Figura 20 \u2013&nbsp; Janela de edi\u00e7\u00e3o para o node de decodifica\u00e7\u00e3o em base 64.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">Para a codifica\u00e7\u00e3o em formato hexadecimal, deve-se, ap\u00f3s a decodifica\u00e7\u00e3o em base 64, a codifica\u00e7\u00e3o em base hexadecimal. Para isso, h\u00e1 o bloco de fun\u00e7\u00e3o encode.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\"><a href=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/Figura-19.png\" class=\"fbx-link fbx-instance\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" class=\"lazy aligncenter wp-image-661 size-full lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/Figura-19.png\" alt=\"\" width=\"141\" height=\"44\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; text-align: center;\">Figura 21 \u2013&nbsp;&nbsp;Node para codifica\u00e7\u00e3o em base hexadecimal do pacote de informa\u00e7\u00e3o enviado.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">Configurando o bloco encode para o Campo Encode hex (hexadecimal), \u00e9 poss\u00edvel recuperar os dados como foram enviados pelo end-node ao networkserver. A partir da\u00ed, ser\u00e3o retiradas desta vari\u00e1vel, os valores segundo os \u00edndices referentes ao protocolo LoRa Mau\u00e1.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\"><a href=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/Figura-20.png\" class=\"fbx-link fbx-instance\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" class=\"lazy aligncenter wp-image-660 size-medium lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/Figura-20-300x139.png\" alt=\"\" width=\"300\" height=\"139\" sizes=\"(max-width: 300px) 100vw, 300px\" srcset=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-20-300x139.png 300w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-20.png 523w\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; text-align: center;\">Figura 22 \u2013&nbsp;Janela de edi\u00e7\u00e3o para o node de decodifica\u00e7\u00e3o em hexadecimal.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><h6 style=\"box-sizing: inherit; margin-bottom: 0.9375rem; font-family: Raleway, Helvetica, Arial, sans-serif; line-height: 1.1; color: rgb(51, 51, 51); font-size: 0.75rem; text-transform: uppercase; letter-spacing: 1px; word-break: break-word; overflow-wrap: break-word; font-style: normal;\"><em style=\"box-sizing: inherit;\">FUNCTION PARSING<\/em>&nbsp;CONTADOR<\/h6><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">Tratando-se de um end-node de aplica\u00e7\u00e3o em que \u00e9 enviado um pacote de contador segundo o index&nbsp;<code style=\"box-sizing: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-optical-sizing: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit;\">0b<\/code>, \u00e9 poss\u00edvel utilizar de um bloco de fun\u00e7\u00e3o para identificar a vari\u00e1vel 0b e ent\u00e3o, a partir disso separar os bytes correspondentes ao valor de contador.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\"><a href=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/Figura-21.png\" class=\"fbx-link fbx-instance\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" class=\"lazy aligncenter wp-image-658 size-full lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/Figura-21.png\" alt=\"\" width=\"244\" height=\"50\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; text-align: center;\">Figura 23 \u2013&nbsp; Node de fun\u00e7\u00e3o para a fragmenta\u00e7\u00e3o e obten\u00e7\u00e3o do valor contador segundo o protocolo Mau\u00e1.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">Sabe-se que, segundo o protocolo Mau\u00e1, ap\u00f3s o index 0b existem 6 bytes em seguida que se caracterizam pelo contador enviado pelo sensor da aplica\u00e7\u00e3o ao&nbsp;<em style=\"box-sizing: inherit;\">end-node<\/em>&nbsp;este ao network server.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">A fun\u00e7\u00e3o a seguir descrita n\u00e3o estabelece uma busc pelo index. Ao inv\u00e9s disso, sabe-se que os primeiros dois bytes s\u00e3o o index 0b. Ent\u00e3o conta-se a partir do terceiro byte, outros 6 e ent\u00e3o separam-se apenas estes para ser a vari\u00e1vel de contador. Lembrando-se que esta t\u00e9cnica n\u00e3o \u00e9 recomendada, uma vez que deve ser feita a busca pelo index, visto que de acordo com a aplica\u00e7\u00e3o, a mensagem poder\u00e1 ser alterada de acordo com o protocolo Mau\u00e1.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\"><a href=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/Figura-22.png\" class=\"fbx-link fbx-instance\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" class=\"lazy aligncenter wp-image-659 size-medium lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/Figura-22-300x156.png\" alt=\"\" width=\"300\" height=\"156\" sizes=\"(max-width: 300px) 100vw, 300px\" srcset=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-22-300x156.png 300w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-22.png 514w\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; text-align: center;\">Figura 24 \u2013 Janela de edi\u00e7\u00e3o para inser\u00e7\u00e3o de c\u00f3digo em javascript para a obten\u00e7\u00e3o do valor tipo inteiro referente \u00e0 vari\u00e1vel contador.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><pre style=\"box-sizing: inherit; font-family: Monaco, Consolas, &quot;Andale Mono&quot;, &quot;DejaVu Sans Mono&quot;, monospace; font-size: 14px; margin-top: 20px; margin-bottom: 20px; color: rgb(41, 43, 44); font-style: normal; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-weight: 400; font-stretch: inherit; line-height: 1.7; font-optical-sizing: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; background-color: rgb(233, 233, 233); padding: 20px; border-radius: 2px; text-wrap: wrap; word-break: break-word; overflow-wrap: break-word;\">\/\/1.1. msg.payload=\"0bCCCCCC0cBBBB\";\n\/\/1.2. msg.payload=msg.payload.substr(2,6) -&gt; from the position 2 (starting from zero), receive 6 bytes from on; \n\/\/1.3. msg.payload=\"CCCCCC\";\n\/\/1.4. parseInt(msg.payload,16) -&gt; parse string to int as hexadecimal to decimal value;\nmsg.payload = parseInt(msg.payload.substr(2,6),16);\n\n\/\/2. return msg with modified msg.payload object value \nreturn msg;<\/pre><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">A partir do retorno deste valor para uma vari\u00e1vel, esta informa\u00e7\u00e3o consiste naquela enviada pelo end-node referente \u00e0 vari\u00e1vel contadora. Agora, pois como esta informa\u00e7\u00e3o ser\u00e1 tratada, depende da aplica\u00e7\u00e3o. Neste caso de exemplo ser\u00e1 exibido o valor em um dashboard. Mas esta vari\u00e1vel pode ser um par\u00e2metro de input de dados em um sistema de<strong style=\"box-sizing: inherit;\"><em style=\"box-sizing: inherit;\">&nbsp;deep-learning<\/em><\/strong>&nbsp;, por exemplo.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><h6 style=\"box-sizing: inherit; margin-bottom: 0.9375rem; font-family: Raleway, Helvetica, Arial, sans-serif; line-height: 1.1; color: rgb(51, 51, 51); font-size: 0.75rem; text-transform: uppercase; letter-spacing: 1px; word-break: break-word; overflow-wrap: break-word; font-style: normal;\"><em style=\"box-sizing: inherit;\">DASHBOARD WAVE<\/em><\/h6><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">A demonstra\u00e7\u00e3o deste valor pode ser exibida em um dashboard atrav\u00e9s dos blocos ali dispon\u00edveis. No caso da demonstra\u00e7\u00e3o desta vari\u00e1vel contadora foi utilizado um bloco de sa\u00edda para o dashboard do tipo Gauge e configurado o display para o tipo gauge.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\"><a href=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/Figura-23.png\" class=\"fbx-link fbx-instance\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" class=\"lazy aligncenter wp-image-657 size-full lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/Figura-23.png\" alt=\"\" width=\"130\" height=\"48\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; text-align: center;\">Figura 25 \u2013&nbsp; Node de dashboard que define o tipo de gauge&nbsp; ser escolhido segundo a vari\u00e1vel contador.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">Nas configura\u00e7\u00f5es de gauge foi escolhido, do campo&nbsp;<em style=\"box-sizing: inherit;\">Type<\/em>, o tipo&nbsp;<em style=\"box-sizing: inherit;\"><code style=\"box-sizing: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-optical-sizing: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit;\">level<\/code><\/em>.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\"><a href=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/wave-edit.png\" class=\"fbx-link fbx-instance\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" class=\"lazy aligncenter wp-image-694 size-medium lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/wave-edit-300x297.png\" alt=\"\" width=\"300\" height=\"297\" sizes=\"(max-width: 300px) 100vw, 300px\" srcset=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/wave-edit-300x297.png 300w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/wave-edit-150x150.png 150w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/wave-edit.png 465w\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; text-align: center;\">Figura 26 \u2013&nbsp;Janela de edi\u00e7\u00e3o que define o tipo de gauge&nbsp; ser escolhido segundo a vari\u00e1vel contador.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><h6 style=\"box-sizing: inherit; margin-bottom: 0.9375rem; font-family: Raleway, Helvetica, Arial, sans-serif; line-height: 1.1; color: rgb(51, 51, 51); font-size: 0.75rem; text-transform: uppercase; letter-spacing: 1px; word-break: break-word; overflow-wrap: break-word; font-style: normal;\"><em style=\"box-sizing: inherit;\">FUNCTION PARSING<\/em>&nbsp;N\u00cdVEL DE BATERIA<\/h6><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">No envio de um pacote do end-node ao networkserver tamb\u00e9m foi inserido o valor de tens\u00e3o de bateria segundo o index 0c. Sendo 0c im indicador tamb\u00e9m de que os pr\u00f3ximos quatro bytes ser\u00e3o referentes ao n\u00edvel de bateria em um valor inteiro vezes 1000.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\"><a href=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/Figura-24.png\" class=\"fbx-link fbx-instance\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" class=\"lazy aligncenter wp-image-656 size-full lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/Figura-24.png\" alt=\"\" width=\"254\" height=\"52\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; text-align: center;\">Figura 27 \u2013&nbsp; Node de fun\u00e7\u00e3o para a fragmenta\u00e7\u00e3o e obten\u00e7\u00e3o do valor n\u00edvel de tens\u00e3o de bateria segundo o protocolo Mau\u00e1.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">Na configura\u00e7\u00e3o deste bloco de fun\u00e7\u00e3o s\u00e3o separados os bytes da mensagem para os respectivos valores de tens\u00e3o de bateria.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\"><a href=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/Figura-25.png\" class=\"fbx-link fbx-instance\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" class=\"lazy aligncenter wp-image-655 size-medium lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/Figura-25-300x128.png\" alt=\"\" width=\"300\" height=\"128\" sizes=\"(max-width: 300px) 100vw, 300px\" srcset=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-25-300x128.png 300w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-25.png 656w\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; text-align: center;\">Figura 28 \u2013 Janela de edi\u00e7\u00e3o para inser\u00e7\u00e3o de c\u00f3digo em javascript para a obten\u00e7\u00e3o do valor tipo float com uma casa decimal referente \u00e0 vari\u00e1vel n\u00edvel de tens\u00e3o de bateria.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><pre style=\"box-sizing: inherit; font-family: Monaco, Consolas, &quot;Andale Mono&quot;, &quot;DejaVu Sans Mono&quot;, monospace; font-size: 14px; margin-top: 20px; margin-bottom: 20px; color: rgb(41, 43, 44); font-style: normal; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-weight: 400; font-stretch: inherit; line-height: 1.7; font-optical-sizing: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; background-color: rgb(233, 233, 233); padding: 20px; border-radius: 2px; text-wrap: wrap; word-break: break-word; overflow-wrap: break-word;\">\/\/1.1. msg.payload=\"0bCCCCCC0cBBBB\";\n\/\/1.2. msg.payload=msg.payload.substr(10,4) -&gt; from the position 10 (starting from zero), receive 4 bytes from on;\n\/\/1.3. msg.payload=\"BBBB\";\n\/\/1.4. parseInt(msg.payload,16) -&gt; parse string to int as hexadecimal to decimal value;\n\/\/1.5. Divide the value by 1000 to match real batery's voltage data;\n\/\/1.6. Units fixes with 2 decimal cases.\nmsg.payload = (parseInt(msg.payload.substr(10,4),16)\/1000).toFixed(2);\n\n\/\/2. return msg with modified msg.payload object value \nreturn msg;<\/pre><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><h6 style=\"box-sizing: inherit; margin-bottom: 0.9375rem; font-family: Raleway, Helvetica, Arial, sans-serif; line-height: 1.1; color: rgb(51, 51, 51); font-size: 0.75rem; text-transform: uppercase; letter-spacing: 1px; word-break: break-word; overflow-wrap: break-word; font-style: normal;\"><em style=\"box-sizing: inherit;\">DASHBOARD<\/em>&nbsp;N\u00cdVEL DE BATERIA<\/h6><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">Para a visualiza\u00e7\u00e3o no dashboard, escolheu-se um gauge no menu de blocos no canto esquerdo da interface Node-RED.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\"><a href=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/Figura-32.png\" class=\"fbx-link fbx-instance\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" class=\"lazy aligncenter wp-image-648 size-full lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/Figura-32.png\" alt=\"\" width=\"142\" height=\"51\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; text-align: center;\">Figura 29 \u2013&nbsp;Node de dashboard que define o tipo de gauge&nbsp; ser escolhido segundo a vari\u00e1vel Bateria.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">O tipo gauge foi escolhido para representar o n\u00edvel da tens\u00e3o da bateria. Este gauge est\u00e1 configurado segundo a Figura a seguir.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\"><a href=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/Figura-33.png\" class=\"fbx-link fbx-instance\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" class=\"lazy aligncenter wp-image-647 size-medium lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/Figura-33-238x300.png\" alt=\"\" width=\"238\" height=\"300\" sizes=\"(max-width: 238px) 100vw, 238px\" srcset=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-33-238x300.png 238w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-33.png 520w\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; text-align: center;\">Figura 30 \u2013&nbsp; Janela de edi\u00e7\u00e3o para node de dashboard gauge Gauge.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><h6 style=\"box-sizing: inherit; margin-bottom: 0.9375rem; font-family: Raleway, Helvetica, Arial, sans-serif; line-height: 1.1; color: rgb(51, 51, 51); font-size: 0.75rem; text-transform: uppercase; letter-spacing: 1px; word-break: break-word; overflow-wrap: break-word; font-style: normal;\"><em style=\"box-sizing: inherit;\">INPUT<\/em>&nbsp;PARA&nbsp;<em style=\"box-sizing: inherit;\">OFFSET<\/em>&nbsp;PARA TEMPO DE ATUALIZA\u00c7\u00c3O DE MENSAGEM RECEBIDA<\/h6><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">De maneira a gerar um intervalo de tempo com uma vari\u00e1vel diferente de msg.payload o que iria sempre zerar o contador de tempo, foi indroduzida uma vari\u00e1vel de tempos em tempos que atualiza o tempo da \u00faltima atualiza\u00e7\u00e3o enquanto o end-node n\u00e3o envie a informa\u00e7\u00e3o atrav\u00e9s do&nbsp;<em style=\"box-sizing: inherit;\">MQTT<\/em>&nbsp;<em style=\"box-sizing: inherit;\">broker<\/em>.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\"><a href=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/Figura-26.png\" class=\"fbx-link fbx-instance\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" class=\"lazy aligncenter wp-image-654 size-full lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/Figura-26.png\" alt=\"\" width=\"274\" height=\"47\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; text-align: center;\">Figura 31 \u2013&nbsp; Node de&nbsp;<em style=\"box-sizing: inherit;\">input<\/em>&nbsp;para contagem de tempo para defini\u00e7\u00e3o da vari\u00e1vel&nbsp;<code style=\"box-sizing: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-optical-sizing: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit;\">Atualizado h\u00e1<\/code>&nbsp;no&nbsp;<em style=\"box-sizing: inherit;\">dashboard<\/em>.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">As configura\u00e7\u00f5es de temporiza\u00e7\u00e3o desta vari\u00e1vel auxiliar podem ser definidas conforme a figura abaixo.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\"><a href=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/Figura-27.png\" class=\"fbx-link fbx-instance\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" class=\"lazy aligncenter wp-image-653 size-medium lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/Figura-27-300x280.png\" alt=\"\" width=\"300\" height=\"280\" sizes=\"(max-width: 300px) 100vw, 300px\" srcset=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-27-300x280.png 300w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-27.png 521w\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; text-align: center;\">Figura 32 \u2013&nbsp; Edi\u00e7\u00e3o de node de input para&nbsp;defini\u00e7\u00e3o da vari\u00e1vel Atualizado h\u00e1\u201d no dashboard.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">Portanto, a cada 5 segundos, neste caso, a vari\u00e1vel msg.time_sample \u00e9 introduzida paralelamente ao bloco&nbsp; de fun\u00e7\u00e3o de atualiza\u00e7\u00e3o.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><h6 style=\"box-sizing: inherit; margin-bottom: 0.9375rem; font-family: Raleway, Helvetica, Arial, sans-serif; line-height: 1.1; color: rgb(51, 51, 51); font-size: 0.75rem; text-transform: uppercase; letter-spacing: 1px; word-break: break-word; overflow-wrap: break-word; font-style: normal;\"><em style=\"box-sizing: inherit;\">FUNCTION PARSING<\/em>&nbsp;ATUALIZA\u00c7\u00c3O DE MENSAGEM RECEBIDA<\/h6><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">A esta fun\u00e7\u00e3o de atualiza\u00e7\u00e3o da \u00faltima mensagem, o pacote enviado atrav\u00e9s do MQTT serve apenas como um trigger, n\u00e3o sendo necess\u00e1rio nenhum parse ou decomposi\u00e7\u00e3o de informa\u00e7\u00e3o. Segundo o bloco abaixo de fun\u00e7\u00e3o fi inserido paralelamente na sa\u00edda do bloco decode com o bloco de entrada msg.time_sambple.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\"><a href=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/Figura-28.png\" class=\"fbx-link fbx-instance\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" class=\"lazy aligncenter wp-image-652 size-full lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/Figura-28.png\" alt=\"\" width=\"288\" height=\"46\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; text-align: center;\">Figura 33 \u2013&nbsp; Node de function que calcula o tempo da \u00faltima mensagem recebida pelo end-node.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">A programa\u00e7\u00e3o deste bloco pode ser evidenciada a seguir segundo a Figura e a programa\u00e7\u00e3o comentada.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\"><a href=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/Figura-29.png\" class=\"fbx-link fbx-instance\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" class=\"lazy aligncenter wp-image-651 size-medium lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/Figura-29-300x223.png\" alt=\"\" width=\"300\" height=\"223\" sizes=\"(max-width: 300px) 100vw, 300px\" srcset=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-29-300x223.png 300w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-29-768x571.png 768w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-29.png 843w\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; text-align: center;\">Figura 34 \u2013 Janela de edi\u00e7\u00e3o para a inser\u00e7\u00e3o da fun\u00e7\u00e3o que calcula o tempo da&nbsp;\u00faltima mensagem recebida pelo end-node e retorna para exibi\u00e7\u00e3o do valor no dashboard.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><pre style=\"box-sizing: inherit; font-family: Monaco, Consolas, &quot;Andale Mono&quot;, &quot;DejaVu Sans Mono&quot;, monospace; font-size: 14px; margin-top: 20px; margin-bottom: 20px; color: rgb(41, 43, 44); font-style: normal; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-weight: 400; font-stretch: inherit; line-height: 1.7; font-optical-sizing: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; background-color: rgb(233, 233, 233); padding: 20px; border-radius: 2px; text-wrap: wrap; word-break: break-word; overflow-wrap: break-word;\">\/\/1. Call constructor Date() and pass to now\nvar now = new Date();\n\/\/2. time_now receive current time\nvar time_now = now.getTime();\n\n\/\/3. last_broker_time receives time_now if type of last_broker_time is still undefined\nif (typeof last_broker_time === 'undefined'){\n last_broker_time = time_now;\n}\n\n\/\/4. If msg.payload is true, last_broker_time receives time_now value\nif (msg.payload){\n last_broker_time = time_now;\n }\n\n\/\/5.1. Calculate diference between times\n\/\/5.2. Divide per 1000 to parse miliseconds to second\n\/\/5.3. Divide per 60 to parse second to minute\n\/\/5.4. Units fixed to none decimal cases -&gt; .toFixed(0) return an int value\n\/\/5.5. parseInt(\"string\",10) --&gt; returns a decimal value based on own string value\nvar difference_between_times = parseInt(((time_now - last_broker_time)\/60000).toFixed(0),10);\n\n\/\/6. Pass to msg.payload the desire value to show on gauge in dashboard\nmsg.payload = difference_between_times; \n\n\/\/7. return msg with modified msg.payload object value \nreturn msg;<\/pre><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><h6 style=\"box-sizing: inherit; margin-bottom: 0.9375rem; font-family: Raleway, Helvetica, Arial, sans-serif; line-height: 1.1; color: rgb(51, 51, 51); font-size: 0.75rem; text-transform: uppercase; letter-spacing: 1px; word-break: break-word; overflow-wrap: break-word; font-style: normal;\"><em style=\"box-sizing: inherit;\">DASHBOARD<\/em>&nbsp;ATUALIZADO H\u00c1<\/h6><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">Para amostrar no&nbsp;<em style=\"box-sizing: inherit;\">dashboard<\/em>&nbsp;foi escolhido o gauge to tipo donut.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\"><a href=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/Figura-30.png\" class=\"fbx-link fbx-instance\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" class=\"lazy aligncenter wp-image-650 size-full lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/Figura-30.png\" alt=\"\" width=\"187\" height=\"46\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; text-align: center;\">Figura 35 \u2013&nbsp;Node de dashboard que define o tipo de gauge&nbsp; ser escolhido segundo a vari\u00e1vel Atualizado h\u00e1.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">Conforme o maior tempo passado da \u00faltima atualiza\u00e7\u00e3o, conforme calculado, o indicador torna-se em outra cor em um gradiente segundo o programado na janela de edi\u00e7\u00e3o a seguir.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\"><a href=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/Figura-31.png\" class=\"fbx-link fbx-instance\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" class=\"lazy aligncenter wp-image-649 size-medium lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/Figura-31-257x300.png\" alt=\"\" width=\"257\" height=\"300\" sizes=\"(max-width: 257px) 100vw, 257px\" srcset=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-31-257x300.png 257w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-31.png 520w\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; text-align: center;\">Figura 36 \u2013&nbsp; Janela de edi\u00e7\u00e3o para node de dashboard gauge Donut.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\"><a name=\"downlink\" style=\"box-sizing: inherit; text-decoration-line: none; touch-action: manipulation; outline: none;\"><\/a><\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><h3 style=\"box-sizing: inherit; margin-bottom: 0.9375rem; font-family: Raleway, Helvetica, Arial, sans-serif; line-height: 1.1; color: rgb(51, 51, 51); font-size: 1.25rem; word-break: break-word; overflow-wrap: break-word; font-style: normal;\"><em style=\"box-sizing: inherit;\">Downlink<\/em><\/h3><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">A partir de uma entrada de dados em conex\u00e3o com o servidor MQTT broker instanciado no network server, \u00e9 poss\u00edvel estabelecer um fluxo de c\u00f3digo para publicar uma mensagem desejada atrav\u00e9s dos blocos a seguir. O envio de dados de uma aplica\u00e7\u00e3o para o&nbsp;<em style=\"box-sizing: inherit;\">end-node<\/em>&nbsp;em uma rede&nbsp;<em style=\"box-sizing: inherit;\">LoRaWAN,<\/em>&nbsp;denomina-se downlink.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">Para isso \u00e9 necess\u00e1rio um m\u00e9todo de entrada em uma interface com o usu\u00e1rio. O bloco representado pela Figura representa um bot\u00e3o de interface com o usu\u00e1rio na \u00e1rea de dashboard.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\"><a href=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/Figura-34.png\" class=\"fbx-link fbx-instance\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" class=\"lazy aligncenter wp-image-646 size-full lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/Figura-34.png\" alt=\"\" width=\"181\" height=\"44\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; text-align: center;\">Figura 37 \u2013 Bloco de bot\u00e3o no painel para o envio de downlink ao end-node.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">Configurando o bot\u00e3o na janela de edi\u00e7\u00e3o segundo as configura\u00e7\u00f5es de grupo para o group DET-01 na tab IMT-CP-DET. pode ser visto na Figura a seguir.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\"><a href=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/11\/pressdte01.png\" class=\"fbx-link fbx-instance\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" class=\"lazy aligncenter wp-image-1569 size-medium lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/11\/pressdte01-253x300.png\" alt=\"\" width=\"253\" height=\"300\" sizes=\"(max-width: 253px) 100vw, 253px\" srcset=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/11\/pressdte01-253x300.png 253w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/11\/pressdte01.png 486w\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\"><img loading=\"lazy\" decoding=\"async\" class=\"lazy aligncenter wp-image-645 lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/Figura-35-245x300.png\" alt=\"\" width=\"443\" height=\"543\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; text-align: center;\">Figura 38 \u2013 Janela de edi\u00e7\u00e3o do bloco de bot\u00e3o no dashboard.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">A partir de um comando de acionamento da vari\u00e1vel msg.payload tendo o bot\u00e3o acima descrito como um&nbsp;<em style=\"box-sizing: inherit;\">trigger<\/em>, \u00e9 necess\u00e1rio incluir na var\u00edavel uma string no formato json para que a informa\u00e7\u00e3o seja corretamente aceita pelo network server e este, por sua vez, gerencie a fila de downlink a ser enviado ao node quando este enviar um pacote ao servidor.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">Lembrando-se que est\u00e1 habilitado somente o modo Classe A, em que janelas de recebimento do node estar\u00e3o dispon\u00edveis apenas quando for enviado um pacote de uplink.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\"><a href=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/function-empty-1.png\" class=\"fbx-link fbx-instance\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" class=\"lazy aligncenter wp-image-714 size-full lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/function-empty-1.png\" alt=\"\" width=\"151\" height=\"39\" sizes=\"(max-width: 151px) 100vw, 151px\" srcset=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/function-empty-1.png 151w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/function-empty-1-150x39.png 150w\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; text-align: center;\">Figura 39 \u2013 Bloco que concatena as vari\u00e1veis pr\u00e9 definidas para string json.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">Abaixo est\u00e1 descrito na Figura o c\u00f3digo de inser\u00e7\u00e3o de uma vari\u00e1vel desejada no campo \u201cdata\u201d. \u00c9 necess\u00e1rio notar que o valor deste campo n\u00e3o estar\u00e1 restrito somente a um tipo. A criatividade na hora de implementar uma mensagem ser\u00e1 crucial para como o usu\u00e1rio manipular\u00e1 a mensagem enviada ao end-node. O exemplo a seguir demonstra a maneira mais simples e correta de se enviar um dado atrav\u00e9s da aplica\u00e7\u00e3o ao end-node.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\"><a href=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/function-concat-json.png\" class=\"fbx-link fbx-instance\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" class=\"lazy aligncenter wp-image-712 size-medium lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/function-concat-json-300x93.png\" alt=\"\" width=\"300\" height=\"93\" sizes=\"(max-width: 300px) 100vw, 300px\" srcset=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/function-concat-json-300x93.png 300w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/function-concat-json-768x239.png 768w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/function-concat-json.png 797w\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; text-align: center;\">Figura 40 \u2013 Janela de edi\u00e7\u00e3o para concatena\u00e7\u00e3o dos dados necess\u00e1rios para um downlink.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><pre style=\"box-sizing: inherit; font-family: Monaco, Consolas, &quot;Andale Mono&quot;, &quot;DejaVu Sans Mono&quot;, monospace; font-size: 14px; margin-top: 20px; margin-bottom: 20px; color: rgb(41, 43, 44); font-style: normal; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-weight: 400; font-stretch: inherit; line-height: 1.7; font-optical-sizing: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; background-color: rgb(233, 233, 233); padding: 20px; border-radius: 2px; text-wrap: wrap; word-break: break-word; overflow-wrap: break-word;\">\/\/1. msg.payload receivers a concatenated json string to format and publishover MQTT client publisher. \nmsg.payload = '{ \"reference\": \"test-node-red\", \"confirmed\": false, \"fPort\": 100, \"data\": \"AAE=\" }'; \n\n\/\/2. return msg with modified msg.payload object value. \nreturn msg;<\/pre><h3 style=\"box-sizing: inherit; margin-bottom: 0.9375rem; font-family: Raleway, Helvetica, Arial, sans-serif; line-height: 1.1; color: rgb(51, 51, 51); font-size: 1.25rem; word-break: break-word; overflow-wrap: break-word; font-style: normal;\"><\/h3><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">Para formatar a string JSON em um objeto JSON, \u00e9 necess\u00e1rio utilizar o bloco representado pela Figura abaixo.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><h3 style=\"box-sizing: inherit; margin-bottom: 0.9375rem; font-family: Raleway, Helvetica, Arial, sans-serif; line-height: 1.1; color: rgb(51, 51, 51); font-size: 1.25rem; word-break: break-word; overflow-wrap: break-word; font-style: normal;\"><a href=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/Figura-13.png\" class=\"fbx-link fbx-instance\" style=\"box-sizing: inherit; color: rgb(51, 51, 51); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" class=\"lazy aligncenter wp-image-667 size-full lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/Figura-13.png\" alt=\"\" width=\"118\" height=\"50\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/h3><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; text-align: center;\">Figura 41 \u2013 Bloco de formata\u00e7\u00e3o para um objeto em json.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">Nas configura\u00e7\u00f5es deste bloco \u00e3o \u00e9 necess\u00e1ria nenhum outro par\u00e2mentro. Apenas a presen\u00e7a do bloco j\u00e1 \u00e9 o suficiente.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\"><a href=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/Figura-14.png\" class=\"fbx-link fbx-instance\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" class=\"lazy aligncenter wp-image-666 size-medium lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/Figura-14-300x174.png\" alt=\"\" width=\"300\" height=\"174\" sizes=\"(max-width: 300px) 100vw, 300px\" srcset=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-14-300x174.png 300w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-14.png 517w\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; text-align: center;\">Figura 42 \u2013 Janela de edi\u00e7\u00e3o para configura\u00e7\u00e3o do bloco json.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">Para permitir a conex\u00e3o ao MQTT broker do network server \u00e9 necess\u00e1rio um MQTT client que publica as informa\u00e7\u00f5es fomentadas neste flow. Ao bloco a seguir representado pela Figura est\u00e1 um bloco MQTT client de publish. Em que as informa\u00e7\u00f5es chegadas at\u00e9 ele ser\u00e3o publicadas de acordo com as configura\u00e7\u00f5es da janela de edi\u00e7\u00e3o.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\"><a href=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/output-mqtt.png\" class=\"fbx-link fbx-instance\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" class=\"lazy aligncenter wp-image-715 size-full lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/output-mqtt.png\" alt=\"\" width=\"136\" height=\"50\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; text-align: center;\">Figura 43 \u2013 Bloco correspondente ao MQTT client<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">Semelhantemente ao MQTT client de subscribe as configura\u00e7\u00f5es correspondentes ao campo Server ser\u00e3o as mesmas. Entretanto, deve-se notar que o t\u00f3pico ser\u00e1 outro. Ao inv\u00e9s de rx , terminar\u00e1 com a vari\u00e1vel tx.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">No t\u00f3pico somente ser\u00e1 mudado o equivalente ao dev_eui. Para quaisquer d\u00favidas referente a estes termos deve ser lido o documento Acesso ao&nbsp;<a href=\"https:\/\/smartcampus.maua.br\/?page_id=243\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\">MQTT broker (Network Server)<\/a>.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\"><a href=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/mqtt-pub-edit.png\" class=\"fbx-link fbx-instance\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" class=\"lazy aligncenter wp-image-711 size-medium lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/mqtt-pub-edit-300x212.png\" alt=\"\" width=\"300\" height=\"212\" sizes=\"(max-width: 300px) 100vw, 300px\" srcset=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/mqtt-pub-edit-300x212.png 300w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/mqtt-pub-edit.png 481w\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; text-align: center;\">Figura 44 \u2013 Janela de edi\u00e7\u00e3o para configura\u00e7\u00e3o do bloco MQTT client publish<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\"><a name=\"um-outro-exemplo\" style=\"box-sizing: inherit; text-decoration-line: none; touch-action: manipulation; outline: none;\"><\/a><\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><h3 style=\"box-sizing: inherit; margin-bottom: 0.9375rem; font-family: Raleway, Helvetica, Arial, sans-serif; line-height: 1.1; color: rgb(51, 51, 51); font-size: 1.25rem; word-break: break-word; overflow-wrap: break-word; font-style: normal;\">Um outro exemplo<\/h3><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">Um outro exemplo de mostrador, e um dos que permitem o maior n\u00famero de modifica\u00f5es, \u00e9 o exemplo de template, conforme o bloco da Figura a seguir.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\"><a href=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/tempaltess.png\" class=\"fbx-link fbx-instance\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" class=\"lazy aligncenter wp-image-740 size-full lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/tempaltess.png\" alt=\"\" width=\"160\" height=\"59\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; text-align: center;\">Figura 45 \u2013 Bloco de dashboard para templates<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">Percebe-se que n\u00e3o h\u00e1 nenhuma configura\u00e7\u00e3o adicional que seja autoconfigur\u00e1vel como no caso dos gauges demonstrados neste exemplo. Entretanto, conforme a Figura a seguir, percebe-se um espa\u00e7o para programa\u00e7\u00e3o.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\"><a href=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/tempaltesss.png\" class=\"fbx-link fbx-instance\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" class=\"lazy aligncenter wp-image-741 size-medium lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/tempaltesss-300x288.png\" alt=\"\" width=\"300\" height=\"288\" sizes=\"(max-width: 300px) 100vw, 300px\" srcset=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/tempaltesss-300x288.png 300w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/tempaltesss.png 493w\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; text-align: center;\">Figura 46 \u2013 Janela de edi\u00e7\u00e3o do bloco de dashboard template<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">Neste bloco pode-se programar um dashboard em html. Isto \u00e9, criar-se gr\u00e1ficos totalmete personaliz\u00e1veis e importar templates de amostragens pr\u00e9 exisistentes.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">No caso da Figura, a amostragem \u00e9 de uma grandeza de temperatura. Para isso, optou-se por mostrar o valor em uma fonte que se destaca das demais informa\u00e7\u00f5es do dashboard.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\"><a href=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/group-tempertature.png\" class=\"fbx-link fbx-instance\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" class=\"lazy aligncenter wp-image-717 size-medium lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/04\/group-tempertature-197x300.png\" alt=\"\" width=\"197\" height=\"300\" sizes=\"(max-width: 197px) 100vw, 197px\" srcset=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/group-tempertature-197x300.png 197w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/group-tempertature.png 228w\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; text-align: center;\">Figura 47 \u2013 Dashboard para amostragem de temperatura como elemento principal.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">In\u00fameras outras possibilidades podem ser criadas de maneira a permitir ao usu\u00e1rio final a melhor experi\u00eancia poss\u00edvel.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\"><a name=\"gallery\" style=\"box-sizing: inherit; text-decoration-line: none; touch-action: manipulation; outline: none;\"><\/a><\/p><h5 style=\"box-sizing: inherit; margin-bottom: 0.9375rem; font-family: Raleway, Helvetica, Arial, sans-serif; line-height: 1.1; color: rgb(51, 51, 51); font-size: 0.9375rem; text-transform: uppercase; word-break: break-word; overflow-wrap: break-word; font-style: normal; text-align: center;\"><em style=\"box-sizing: inherit;\">CLICK-AND-SWIPE DOCS GALLERY<\/em><\/h5><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><div id=\"gallery-1\" class=\"gallery galleryid-252 gallery-columns-4 gallery-size-thumbnail fbx-instance\" style=\"box-sizing: inherit; margin-bottom: 1.5em; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px;\"><figure class=\"gallery-item\" style=\"box-sizing: inherit; display: inline-block; text-align: center; vertical-align: top; width: 197.5px; max-width: 25%;\"><div class=\"gallery-icon landscape\" style=\"box-sizing: inherit;\"><a href=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-1.png\" class=\"fbx-link\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-1-150x150.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><\/figure><figure class=\"gallery-item\" style=\"box-sizing: inherit; display: inline-block; text-align: center; vertical-align: top; width: 197.5px; max-width: 25%;\"><div class=\"gallery-icon landscape\" style=\"box-sizing: inherit;\"><a href=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-2.png\" class=\"fbx-link\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-2-150x150.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><\/figure><figure class=\"gallery-item\" style=\"box-sizing: inherit; display: inline-block; text-align: center; vertical-align: top; width: 197.5px; max-width: 25%;\"><div class=\"gallery-icon portrait\" style=\"box-sizing: inherit;\"><a href=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-3.png\" class=\"fbx-link\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-3-150x150.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><\/figure><figure class=\"gallery-item\" style=\"box-sizing: inherit; display: inline-block; text-align: center; vertical-align: top; width: 197.5px; max-width: 25%;\"><div class=\"gallery-icon landscape\" style=\"box-sizing: inherit;\"><a href=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-4.png\" class=\"fbx-link\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-4-150x150.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><\/figure><figure class=\"gallery-item\" style=\"box-sizing: inherit; display: inline-block; text-align: center; vertical-align: top; width: 197.5px; max-width: 25%;\"><div class=\"gallery-icon landscape\" style=\"box-sizing: inherit;\"><a href=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/menu-node-red.png\" class=\"fbx-link\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" width=\"47\" height=\"37\" src=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/menu-node-red.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><\/figure><figure class=\"gallery-item\" style=\"box-sizing: inherit; display: inline-block; text-align: center; vertical-align: top; width: 197.5px; max-width: 25%;\"><div class=\"gallery-icon landscape\" style=\"box-sizing: inherit;\"><a href=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-5.png\" class=\"fbx-link\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-5-150x150.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><\/figure><figure class=\"gallery-item\" style=\"box-sizing: inherit; display: inline-block; text-align: center; vertical-align: top; width: 197.5px; max-width: 25%;\"><div class=\"gallery-icon landscape\" style=\"box-sizing: inherit;\"><a href=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-6.png\" class=\"fbx-link\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-6-150x150.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><\/figure><figure class=\"gallery-item\" style=\"box-sizing: inherit; display: inline-block; text-align: center; vertical-align: top; width: 197.5px; max-width: 25%;\"><div class=\"gallery-icon landscape\" style=\"box-sizing: inherit;\"><a href=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-7.png\" class=\"fbx-link\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-7-150x150.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><\/figure><figure class=\"gallery-item\" style=\"box-sizing: inherit; display: inline-block; text-align: center; vertical-align: top; width: 197.5px; max-width: 25%;\"><div class=\"gallery-icon landscape\" style=\"box-sizing: inherit;\"><a href=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-8.png\" class=\"fbx-link\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-8-150x150.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><\/figure><figure class=\"gallery-item\" style=\"box-sizing: inherit; display: inline-block; text-align: center; vertical-align: top; width: 197.5px; max-width: 25%;\"><div class=\"gallery-icon portrait\" style=\"box-sizing: inherit;\"><a href=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/group-det-01.png\" class=\"fbx-link\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/group-det-01-150x150.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><\/figure><figure class=\"gallery-item\" style=\"box-sizing: inherit; display: inline-block; text-align: center; vertical-align: top; width: 197.5px; max-width: 25%;\"><div class=\"gallery-icon landscape\" style=\"box-sizing: inherit;\"><a href=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-9.png\" class=\"fbx-link\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" width=\"123\" height=\"50\" src=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-9.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><\/figure><figure class=\"gallery-item\" style=\"box-sizing: inherit; display: inline-block; text-align: center; vertical-align: top; width: 197.5px; max-width: 25%;\"><div class=\"gallery-icon landscape\" style=\"box-sizing: inherit;\"><a href=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/mqtt-pub-edit.png\" class=\"fbx-link\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/mqtt-pub-edit-150x150.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><\/figure><figure class=\"gallery-item\" style=\"box-sizing: inherit; display: inline-block; text-align: center; vertical-align: top; width: 197.5px; max-width: 25%;\"><div class=\"gallery-icon landscape\" style=\"box-sizing: inherit;\"><a href=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-12.png\" class=\"fbx-link\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-12-150x150.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><\/figure><figure class=\"gallery-item\" style=\"box-sizing: inherit; display: inline-block; text-align: center; vertical-align: top; width: 197.5px; max-width: 25%;\"><div class=\"gallery-icon landscape\" style=\"box-sizing: inherit;\"><a href=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-11.png\" class=\"fbx-link\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-11-150x150.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><\/figure><figure class=\"gallery-item\" style=\"box-sizing: inherit; display: inline-block; text-align: center; vertical-align: top; width: 197.5px; max-width: 25%;\"><div class=\"gallery-icon landscape\" style=\"box-sizing: inherit;\"><a href=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-13.png\" class=\"fbx-link\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" width=\"118\" height=\"50\" src=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-13.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><\/figure><figure class=\"gallery-item\" style=\"box-sizing: inherit; display: inline-block; text-align: center; vertical-align: top; width: 197.5px; max-width: 25%;\"><div class=\"gallery-icon landscape\" style=\"box-sizing: inherit;\"><a href=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-14.png\" class=\"fbx-link\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-14-150x150.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><\/figure><figure class=\"gallery-item\" style=\"box-sizing: inherit; display: inline-block; text-align: center; vertical-align: top; width: 197.5px; max-width: 25%;\"><div class=\"gallery-icon landscape\" style=\"box-sizing: inherit;\"><a href=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-15.png\" class=\"fbx-link\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"50\" src=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-15-150x50.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><\/figure><figure class=\"gallery-item\" style=\"box-sizing: inherit; display: inline-block; text-align: center; vertical-align: top; width: 197.5px; max-width: 25%;\"><div class=\"gallery-icon landscape\" style=\"box-sizing: inherit;\"><a href=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-16.png\" class=\"fbx-link\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-16-150x150.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><\/figure><figure class=\"gallery-item\" style=\"box-sizing: inherit; display: inline-block; text-align: center; vertical-align: top; width: 197.5px; max-width: 25%;\"><div class=\"gallery-icon landscape\" style=\"box-sizing: inherit;\"><a href=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-17.png\" class=\"fbx-link\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" width=\"145\" height=\"52\" src=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-17.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><\/figure><figure class=\"gallery-item\" style=\"box-sizing: inherit; display: inline-block; text-align: center; vertical-align: top; width: 197.5px; max-width: 25%;\"><div class=\"gallery-icon landscape\" style=\"box-sizing: inherit;\"><a href=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-18.png\" class=\"fbx-link\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-18-150x150.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><\/figure><figure class=\"gallery-item\" style=\"box-sizing: inherit; display: inline-block; text-align: center; vertical-align: top; width: 197.5px; max-width: 25%;\"><div class=\"gallery-icon landscape\" style=\"box-sizing: inherit;\"><a href=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-19.png\" class=\"fbx-link\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" width=\"141\" height=\"44\" src=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-19.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><\/figure><figure class=\"gallery-item\" style=\"box-sizing: inherit; display: inline-block; text-align: center; vertical-align: top; width: 197.5px; max-width: 25%;\"><div class=\"gallery-icon landscape\" style=\"box-sizing: inherit;\"><a href=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-20.png\" class=\"fbx-link\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-20-150x150.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><\/figure><figure class=\"gallery-item\" style=\"box-sizing: inherit; display: inline-block; text-align: center; vertical-align: top; width: 197.5px; max-width: 25%;\"><div class=\"gallery-icon landscape\" style=\"box-sizing: inherit;\"><a href=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-21.png\" class=\"fbx-link\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"50\" src=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-21-150x50.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><\/figure><figure class=\"gallery-item\" style=\"box-sizing: inherit; display: inline-block; text-align: center; vertical-align: top; width: 197.5px; max-width: 25%;\"><div class=\"gallery-icon landscape\" style=\"box-sizing: inherit;\"><a href=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-22.png\" class=\"fbx-link\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-22-150x150.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><\/figure><figure class=\"gallery-item\" style=\"box-sizing: inherit; display: inline-block; text-align: center; vertical-align: top; width: 197.5px; max-width: 25%;\"><div class=\"gallery-icon landscape\" style=\"box-sizing: inherit;\"><a href=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-23.png\" class=\"fbx-link\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" width=\"130\" height=\"48\" src=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-23.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><\/figure><figure class=\"gallery-item\" style=\"box-sizing: inherit; display: inline-block; text-align: center; vertical-align: top; width: 197.5px; max-width: 25%;\"><div class=\"gallery-icon landscape\" style=\"box-sizing: inherit;\"><a href=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/wave-edit.png\" class=\"fbx-link\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/wave-edit-150x150.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" sizes=\"(max-width: 150px) 100vw, 150px\" srcset=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/wave-edit-150x150.png 150w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/wave-edit-300x297.png 300w\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><\/figure><figure class=\"gallery-item\" style=\"box-sizing: inherit; display: inline-block; text-align: center; vertical-align: top; width: 197.5px; max-width: 25%;\"><div class=\"gallery-icon landscape\" style=\"box-sizing: inherit;\"><a href=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-24.png\" class=\"fbx-link\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"52\" src=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-24-150x52.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><\/figure><figure class=\"gallery-item\" style=\"box-sizing: inherit; display: inline-block; text-align: center; vertical-align: top; width: 197.5px; max-width: 25%;\"><div class=\"gallery-icon landscape\" style=\"box-sizing: inherit;\"><a href=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-25.png\" class=\"fbx-link\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-25-150x150.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><\/figure><figure class=\"gallery-item\" style=\"box-sizing: inherit; display: inline-block; text-align: center; vertical-align: top; width: 197.5px; max-width: 25%;\"><div class=\"gallery-icon landscape\" style=\"box-sizing: inherit;\"><a href=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-32.png\" class=\"fbx-link\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" width=\"142\" height=\"51\" src=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-32.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><\/figure><figure class=\"gallery-item\" style=\"box-sizing: inherit; display: inline-block; text-align: center; vertical-align: top; width: 197.5px; max-width: 25%;\"><div class=\"gallery-icon portrait\" style=\"box-sizing: inherit;\"><a href=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-33.png\" class=\"fbx-link\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-33-150x150.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><\/figure><figure class=\"gallery-item\" style=\"box-sizing: inherit; display: inline-block; text-align: center; vertical-align: top; width: 197.5px; max-width: 25%;\"><div class=\"gallery-icon landscape\" style=\"box-sizing: inherit;\"><a href=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-26.png\" class=\"fbx-link\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"47\" src=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-26-150x47.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><\/figure><figure class=\"gallery-item\" style=\"box-sizing: inherit; display: inline-block; text-align: center; vertical-align: top; width: 197.5px; max-width: 25%;\"><div class=\"gallery-icon landscape\" style=\"box-sizing: inherit;\"><a href=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-27.png\" class=\"fbx-link\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-27-150x150.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><\/figure><figure class=\"gallery-item\" style=\"box-sizing: inherit; display: inline-block; text-align: center; vertical-align: top; width: 197.5px; max-width: 25%;\"><div class=\"gallery-icon landscape\" style=\"box-sizing: inherit;\"><a href=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-28.png\" class=\"fbx-link\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"46\" src=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-28-150x46.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><\/figure><figure class=\"gallery-item\" style=\"box-sizing: inherit; display: inline-block; text-align: center; vertical-align: top; width: 197.5px; max-width: 25%;\"><div class=\"gallery-icon landscape\" style=\"box-sizing: inherit;\"><a href=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-29.png\" class=\"fbx-link\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-29-150x150.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><\/figure><figure class=\"gallery-item\" style=\"box-sizing: inherit; display: inline-block; text-align: center; vertical-align: top; width: 197.5px; max-width: 25%;\"><div class=\"gallery-icon landscape\" style=\"box-sizing: inherit;\"><a href=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-30.png\" class=\"fbx-link\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"46\" src=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-30-150x46.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><\/figure><figure class=\"gallery-item\" style=\"box-sizing: inherit; display: inline-block; text-align: center; vertical-align: top; width: 197.5px; max-width: 25%;\"><div class=\"gallery-icon portrait\" style=\"box-sizing: inherit;\"><a href=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-31.png\" class=\"fbx-link\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-31-150x150.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><\/figure><figure class=\"gallery-item\" style=\"box-sizing: inherit; display: inline-block; text-align: center; vertical-align: top; width: 197.5px; max-width: 25%;\"><div class=\"gallery-icon landscape\" style=\"box-sizing: inherit;\"><a href=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-34.png\" class=\"fbx-link\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"44\" src=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-34-150x44.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><\/figure><figure class=\"gallery-item\" style=\"box-sizing: inherit; display: inline-block; text-align: center; vertical-align: top; width: 197.5px; max-width: 25%;\"><div class=\"gallery-icon landscape\" style=\"box-sizing: inherit;\"><a href=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/function-empty-1.png\" class=\"fbx-link\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"39\" src=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/function-empty-1-150x39.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" sizes=\"(max-width: 150px) 100vw, 150px\" srcset=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/function-empty-1-150x39.png 150w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/function-empty-1.png 151w\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><\/figure><figure class=\"gallery-item\" style=\"box-sizing: inherit; display: inline-block; text-align: center; vertical-align: top; width: 197.5px; max-width: 25%;\"><div class=\"gallery-icon landscape\" style=\"box-sizing: inherit;\"><a href=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/function-concat-json.png\" class=\"fbx-link\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/function-concat-json-150x150.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><\/figure><figure class=\"gallery-item\" style=\"box-sizing: inherit; display: inline-block; text-align: center; vertical-align: top; width: 197.5px; max-width: 25%;\"><div class=\"gallery-icon landscape\" style=\"box-sizing: inherit;\"><a href=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/function-json-1.png\" class=\"fbx-link\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/function-json-1-150x150.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><\/figure><figure class=\"gallery-item\" style=\"box-sizing: inherit; display: inline-block; text-align: center; vertical-align: top; width: 197.5px; max-width: 25%;\"><div class=\"gallery-icon landscape\" style=\"box-sizing: inherit;\"><a href=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/output-mqtt.png\" class=\"fbx-link\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" width=\"136\" height=\"50\" src=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/output-mqtt.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><\/figure><figure class=\"gallery-item\" style=\"box-sizing: inherit; display: inline-block; text-align: center; vertical-align: top; width: 197.5px; max-width: 25%;\"><div class=\"gallery-icon landscape\" style=\"box-sizing: inherit;\"><a href=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/function-empty.png\" class=\"fbx-link\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" width=\"120\" height=\"41\" src=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/function-empty.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><\/figure><figure class=\"gallery-item\" style=\"box-sizing: inherit; display: inline-block; text-align: center; vertical-align: top; width: 197.5px; max-width: 25%;\"><div class=\"gallery-icon landscape\" style=\"box-sizing: inherit;\"><a href=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-10.png\" class=\"fbx-link\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/Figura-10-150x150.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><\/figure><figure class=\"gallery-item\" style=\"box-sizing: inherit; display: inline-block; text-align: center; vertical-align: top; width: 197.5px; max-width: 25%;\"><div class=\"gallery-icon landscape\" style=\"box-sizing: inherit;\"><a href=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/tempaltess.png\" class=\"fbx-link\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"59\" src=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/tempaltess-150x59.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><\/figure><figure class=\"gallery-item\" style=\"box-sizing: inherit; display: inline-block; text-align: center; vertical-align: top; width: 197.5px; max-width: 25%;\"><div class=\"gallery-icon landscape\" style=\"box-sizing: inherit;\"><a href=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/tempaltesss.png\" class=\"fbx-link\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/tempaltesss-150x150.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><\/figure><figure class=\"gallery-item\" style=\"box-sizing: inherit; display: inline-block; text-align: center; vertical-align: top; width: 197.5px; max-width: 25%;\"><div class=\"gallery-icon portrait\" style=\"box-sizing: inherit;\"><a href=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/group-tempertature.png\" class=\"fbx-link\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/04\/group-tempertature-150x150.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><\/figure><\/div><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">&nbsp;<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\"><a href=\"https:\/\/smartcampus.maua.br\/?page_id=243\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\">&lt;\u2013&nbsp; Acesso ao MQTT broker (Network Server)<\/a><\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; text-align: right;\"><a href=\"https:\/\/smartcampus.maua.br\/dash\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\">Exemplo em Node-RED com v\u00e1rios mostradores em um dashboard online&nbsp; \u2013&gt;<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>EXEMPLO DE INSTALA\u00c7\u00c3O MQTT BROKER *VISUALIZE ESTA DOCUMENTA\u00c7\u00c3O NO FORMATO&nbsp;CLICK-AND-SWIPE DOCS GALLERY **NO PAR\u00c2METRO&nbsp;CLIENT-ID, COLOCAR UM VALOR DE PR\u00d3PRIA ESCOLHA COM NO M\u00cdNIMO 10 CARACTERES &nbsp; Introdu\u00e7\u00e3o , A fim de habilitar uma r\u00e1pida inicializa\u00e7\u00e3o (quick start) para a visualiza\u00e7\u00e3o de um dado sendo transmitido de um sensor, sendo gerenciado pelo Network Server, foi desenvolvido [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-477","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/smartcampus.maua.br\/index.php?rest_route=\/wp\/v2\/pages\/477","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smartcampus.maua.br\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/smartcampus.maua.br\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/smartcampus.maua.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/smartcampus.maua.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=477"}],"version-history":[{"count":8,"href":"https:\/\/smartcampus.maua.br\/index.php?rest_route=\/wp\/v2\/pages\/477\/revisions"}],"predecessor-version":[{"id":763,"href":"https:\/\/smartcampus.maua.br\/index.php?rest_route=\/wp\/v2\/pages\/477\/revisions\/763"}],"wp:attachment":[{"href":"https:\/\/smartcampus.maua.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=477"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}