{"id":491,"date":"2023-10-30T15:31:26","date_gmt":"2023-10-30T15:31:26","guid":{"rendered":"https:\/\/smartcampus.maua.br\/?page_id=491"},"modified":"2023-10-30T16:02:21","modified_gmt":"2023-10-30T16:02:21","slug":"integracao-com-thingspeak-mathworks","status":"publish","type":"page","link":"https:\/\/smartcampus.maua.br\/?page_id=491","title":{"rendered":"INTEGRA\u00c7\u00c3O COM THINGSPEAK [MATHWORKS]"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"491\" class=\"elementor elementor-491\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-41bafe37 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"41bafe37\" 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-73d8dad2\" data-id=\"73d8dad2\" 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-6fb16e48 elementor-widget elementor-widget-spacer\" data-id=\"6fb16e48\" 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-6e871cd2 elementor-widget elementor-widget-heading\" data-id=\"6e871cd2\" 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\">INTEGRA\u00c7\u00c3O COM THINGSPEAK (MATHWORKS)<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6f47944a elementor-widget elementor-widget-spacer\" data-id=\"6f47944a\" 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-feb7f4a e-flex e-con-boxed e-con e-parent\" data-id=\"feb7f4a\" 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-127dc48 elementor-widget elementor-widget-text-editor\" data-id=\"127dc48\" 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=903\/#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;\"><\/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;\"><em style=\"box-sizing: inherit;\">Thingspeak<\/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;\">Thingspeak \u00e9 uma plataforma online para se integrar ferramentas matem\u00e1ticas de alto n\u00edvel como Matlab e Simulink, por exemplo, junto ao recebimentos de dados online para uma aplica\u00e7\u00e3o, por exemplo. Dentre as diversas maneiras de se integrar os dados com esta plataforma, esta documenta\u00e7\u00e3o explorar\u00e1 a conex\u00e3o via MQTT broker partindo de uma aplica\u00e7\u00e3o em que ser\u00e1 efetuado um subscribe no servidor MQTT do NetworkServer e a parir disto, ser\u00e1 executado um publish no MQTT broker do ThingSpeak.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; 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 execu\u00e7\u00e3o desta tarefa de se inscrever em um servidor MQTT e publicar o dado em outro servidor MQTT ser\u00e1 utilizado o ambiente descrito anteriormente: Node-RED. Portanto, o Node-RED servir\u00e1 como servidor intermedi\u00e1rio.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">\u00c9 de extrema import\u00e2ncia que se esteja com as aplica\u00e7\u00f5es sendo executadas corretamente para n\u00e3o se haver d\u00favidas de funcionamento ou n\u00e3o do sistema completo.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; 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;\">Nota: Para a execu\u00e7\u00e3o de um subscribe e publish, deve-se estar com a porta 1883 do firewall, se existente, liberada tanto para a entrada quanto para sa\u00edda de dados.<\/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><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;\">Sign up<\/h3><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;\">Ao entrar pela primeira vez no site ThingSpeak (https:\/\/thingspeak.com\/) ser\u00e1 mostrada a p\u00e1gina inicial do site da MathWorks para cadastro e acesso \u00e0 conta de usu\u00e1rio. Primeiramente, para a cria\u00e7\u00e3o de uma conta de usu\u00e1rio, deve-se clicar no canto superior da tela em&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;\">Cadastro<\/code>&nbsp;conforme a 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;\">[<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; 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\/06\/Captura-de-Tela-38.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-923 size-medium lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/06\/Captura-de-Tela-38-300x169.png\" alt=\"\" width=\"300\" height=\"169\" sizes=\"(max-width: 300px) 100vw, 300px\" srcset=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/Captura-de-Tela-38-300x169.png 300w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/Captura-de-Tela-38-768x432.png 768w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/Captura-de-Tela-38-1024x576.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;\">A Figura 2 a seguir exibe algumas informa\u00e7\u00f5es para se efetuar o Cadastro de um novo usu\u00e1rio. Ap\u00f3s o cadastro ser\u00e1 necess\u00e1rio confirmar a conta atrav\u00e9s do email solicitado.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; 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\/06\/Captura-de-Tela-37.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-922 size-medium lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/06\/Captura-de-Tela-37-300x169.png\" alt=\"\" width=\"300\" height=\"169\" sizes=\"(max-width: 300px) 100vw, 300px\" srcset=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/Captura-de-Tela-37-300x169.png 300w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/Captura-de-Tela-37-768x432.png 768w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/Captura-de-Tela-37-1024x576.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;\">&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;\">Sign up<\/h3><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;\">Ap\u00f3s ter confirmado a autenticidade da conta de usu\u00e1rio, deve-se acessar novamente o website para efetuar o acesso \u00e0 \u00e1rea restrita do usu\u00e1rio. Esta \u00e1rea pode ser acessada clicando-se em&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;\"><em style=\"box-sizing: inherit;\">Sign in<\/em><\/code>&nbsp;no canto superior direito da tela ao lado de&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;\">Cadastro<\/code>.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; 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;\"><a href=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/06\/Captura-de-Tela-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 decoding=\"async\" class=\"lazy aligncenter wp-image-905 size-medium lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/06\/Captura-de-Tela-22-300x169.png\" alt=\"\" width=\"300\" height=\"169\" sizes=\"(max-width: 300px) 100vw, 300px\" srcset=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/Captura-de-Tela-22-300x169.png 300w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/Captura-de-Tela-22-768x432.png 768w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/Captura-de-Tela-22-1024x576.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;\">&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;\">Ser\u00e1 necess\u00e1rio o preenchimento do campo do e-mail previamente cadastrado. Ver Figura 4.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; 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\/06\/Captura-de-Tela-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-906 size-medium lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/06\/Captura-de-Tela-23-300x169.png\" alt=\"\" width=\"300\" height=\"169\" sizes=\"(max-width: 300px) 100vw, 300px\" srcset=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/Captura-de-Tela-23-300x169.png 300w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/Captura-de-Tela-23-768x432.png 768w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/Captura-de-Tela-23-1024x576.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;\">&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;\">Ap\u00f3s inserido o e-mail ser\u00e1 necess\u00e1ria a senha de acesso conforme a Figura 5.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; 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\/06\/Captura-de-Tela-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-907 size-medium lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/06\/Captura-de-Tela-24-300x169.png\" alt=\"\" width=\"300\" height=\"169\" sizes=\"(max-width: 300px) 100vw, 300px\" srcset=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/Captura-de-Tela-24-300x169.png 300w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/Captura-de-Tela-24-768x432.png 768w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/Captura-de-Tela-24-1024x576.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;\">&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;\">Com o acesso bem sucedido \u00e0 \u00c1rea do Usu\u00e1rio pode-se notar algumas aplica\u00e7\u00f5es referentes ao usu\u00e1rio smartcampusmaua. Esta conta foi ativada pelo Centro de Pesquisas, entretanto os valores descritos aqui s\u00e3o apenas exemplos e n\u00e3o devem ser copiados pois s\u00e3o meramente ilustrativos, visto que cada aplica\u00e7\u00e3o \u00e9 individual para cada usu\u00e1rio.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; 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;\">My Channels<\/h3><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;\"><a href=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/06\/Captura-de-Tela-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-908 size-medium lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/06\/Captura-de-Tela-25-300x169.png\" alt=\"\" width=\"300\" height=\"169\" sizes=\"(max-width: 300px) 100vw, 300px\" srcset=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/Captura-de-Tela-25-300x169.png 300w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/Captura-de-Tela-25-768x432.png 768w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/Captura-de-Tela-25-1024x576.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;\">&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 bot\u00e3o New Channel na Figura acima, ser\u00e1 mostrado alguns Campos para configura\u00e7\u00e3o de um novo canal.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; 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 este canal se \u00e9 executado um publish atrav\u00e9s de um servidor MQTT. No caso, conforme descrito mais a frente, esta documenta\u00e7\u00e3o evidenciar\u00e1 como executar o publish neste canal. Atrav\u00e9s deste canal poder\u00e1 ser realizado a exibi\u00e7\u00e3o das informa\u00e7\u00f5es enviadas em um gr\u00e1fico online, bem como a exporta\u00e7\u00e3o de um banco de dados pr\u00f3prio com as informa\u00e7\u00f5es \u00fateis enviadas atrav\u00e9s 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;\">Pode-se publicar em um canal at\u00e9 oito diferentes informa\u00e7\u00f5es enviadas em um mesmo procedimento de 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><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;\">Nota: A partir do recebimento de uma mensagem conforme for executado um subscribe no Network Server, esta informa\u00e7\u00e3o ser\u00e1 tratada e formatada corretamente para ser publicada no ThingSpeak.<\/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><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; 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\/06\/Captura-de-Tela-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-910 size-medium lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/06\/Captura-de-Tela-27-300x169.png\" alt=\"\" width=\"300\" height=\"169\" sizes=\"(max-width: 300px) 100vw, 300px\" srcset=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/Captura-de-Tela-27-300x169.png 300w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/Captura-de-Tela-27-768x432.png 768w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/Captura-de-Tela-27-1024x576.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;\">A Figura acima exemplifica o processo de cria\u00e7\u00e3o de um novo canal (deve-se guardar a informa\u00e7\u00e3o de&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;\"><em style=\"box-sizing: inherit;\">ID Channel<\/em><\/code>, ela ser\u00e1 utilizada a frente) com apenas um campo de informa\u00e7\u00e3o habilitado denominado&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;\">Hidrometro - Bloco U<\/code>. Habilitando-de o&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;\">Campo 1<\/code>, descreveu-se como unidades de vaz\u00e3o em litros por hora (<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;\">l\/h<\/code>). Esta informa\u00e7\u00e3o ser\u00e1 a descri\u00e7\u00e3o do gr\u00e1fico a ser criado conforme este canal for criado clicando-se em&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;\">Save Channel<\/code>&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;\">&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\/06\/Captura-de-Tela-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-911 size-medium lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/06\/Captura-de-Tela-28-300x169.png\" alt=\"\" width=\"300\" height=\"169\" sizes=\"(max-width: 300px) 100vw, 300px\" srcset=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/Captura-de-Tela-28-300x169.png 300w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/Captura-de-Tela-28-768x432.png 768w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/Captura-de-Tela-28-1024x576.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;\">&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 que o gr\u00e1fico em tempo real a ser gerado se torne publico, deve-se ir na aba&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;\">Sharing<\/code>&nbsp;e escolher a op\u00e7\u00e3o&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;\"><em style=\"box-sizing: inherit;\">Share channel view with everyone<\/em><\/code>. A partir disto ser\u00e1 gerado um link de uma p\u00e1gina html a poder ser compartilhada, descrita a frente.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; 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\/06\/Captura-de-Tela-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-912 size-medium lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/06\/Captura-de-Tela-29-300x169.png\" alt=\"\" width=\"300\" height=\"169\" sizes=\"(max-width: 300px) 100vw, 300px\" srcset=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/Captura-de-Tela-29-300x169.png 300w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/Captura-de-Tela-29-768x432.png 768w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/Captura-de-Tela-29-1024x576.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;\">&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 permissionamento de publish, isto \u00e9 escrita no servidor ThingSpeak, \u00e9 necess\u00e1rio tamb\u00e9m que se tenha a&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;\">Chave de Escrita<\/code>&nbsp;referente a este canal. Com esta chave ser\u00e1 poss\u00edvel inserir o t\u00f3pico correto do processo de publish no MQTT deste 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;\"><a href=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/06\/Captura-de-Tela-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-913 size-medium lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/06\/Captura-de-Tela-30-300x169.png\" alt=\"\" width=\"300\" height=\"169\" sizes=\"(max-width: 300px) 100vw, 300px\" srcset=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/Captura-de-Tela-30-300x169.png 300w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/Captura-de-Tela-30-768x432.png 768w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/Captura-de-Tela-30-1024x576.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;\">&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 abaixo demonstra um gr\u00e1fico de car\u00e1ter publico criado e os valores sendo preencidos ap\u00f3s um determinado tempo de amostragem.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; 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\/06\/Captura-de-Tela-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-914 size-medium lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/06\/Captura-de-Tela-31-300x169.png\" alt=\"\" width=\"300\" height=\"169\" sizes=\"(max-width: 300px) 100vw, 300px\" srcset=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/Captura-de-Tela-31-300x169.png 300w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/Captura-de-Tela-31-768x432.png 768w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/Captura-de-Tela-31-1024x576.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;\">&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 configurar as caracter\u00edsticas opcionais do gr\u00e1fico pode-se clicar em&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;\"><em style=\"box-sizing: inherit;\">Field Chart Options<\/em><\/code>, na barra superior do gr\u00e1fico. Caracter\u00edsticas de cores,, numero de amostras, valor m\u00e1ximo e m\u00ednimo, entre outras caracter\u00edsticas.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; 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\/06\/Captura-de-Tela-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-915 size-medium lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/06\/Captura-de-Tela-32-300x169.png\" alt=\"\" width=\"300\" height=\"169\" sizes=\"(max-width: 300px) 100vw, 300px\" srcset=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/Captura-de-Tela-32-300x169.png 300w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/Captura-de-Tela-32-768x432.png 768w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/Captura-de-Tela-32-1024x576.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;\">&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;\">Tamb\u00e9m \u00e9 poss\u00edvel espelhar o gr\u00e1fico gerado em uma p\u00e1gina html clicando-se no bot\u00e3o de&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;\"><em style=\"box-sizing: inherit;\">iframe<\/em><\/code>.&nbsp; Esta caracter\u00edstica ser\u00e1 abordada para a exibi\u00e7\u00e3o do gr\u00e1fico no ambiente&nbsp;<em style=\"box-sizing: inherit;\">dashboard<\/em>&nbsp;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\/06\/Captura-de-Tela-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-916 size-medium lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/06\/Captura-de-Tela-33-300x169.png\" alt=\"\" width=\"300\" height=\"169\" sizes=\"(max-width: 300px) 100vw, 300px\" srcset=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/Captura-de-Tela-33-300x169.png 300w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/Captura-de-Tela-33-768x432.png 768w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/Captura-de-Tela-33-1024x576.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;\">&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 dados publicados no servidor ThingSpeak possuem um banco de dados pr\u00f3prio para cada canal separados pelos campos configurados anteriormente. Neste ponto, \u00e9 poss\u00edvel executar uma requisi\u00e7\u00e3o GET e realizar o download dos dados utilizados nesta aplica\u00e7\u00e3o como hist\u00f3rico de dados para an\u00e1lises tanto em Matlab local, planilhas ou outros softwares que suportam a importa\u00e7\u00e3o de dados csv ou json, 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><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; 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\/06\/Captura-de-Tela-35.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-918 size-medium lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/06\/Captura-de-Tela-35-300x169.png\" alt=\"\" width=\"300\" height=\"169\" sizes=\"(max-width: 300px) 100vw, 300px\" srcset=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/Captura-de-Tela-35-300x169.png 300w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/Captura-de-Tela-35-768x432.png 768w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/Captura-de-Tela-35-1024x576.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;\">&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 Figura acima, al\u00e9m das possibilidades de&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;\"><em style=\"box-sizing: inherit;\">Import\/Export<\/em><\/code>, pode-se observar uma aba selecinada:&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;\"><em style=\"box-sizing: inherit;\">Account --&gt; My Profile<\/em><\/code>. Nas configura\u00e7\u00f5es de conta de usu\u00e1rio h\u00e1 uma chave descrita como&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;\"><em style=\"box-sizing: inherit;\">MQTT API key<\/em><\/code>,. Da mesma maneira para se conectar ao NetworkServer e efetuar uma conex\u00e3o com seguran\u00e7a e permissionamento, deve-se ter uma senha para se conectar ao servidor MQTT. No caso do ThingSpeak, esta senha \u00e9 exatamente os caracteres no campo citado acima como&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;\"><em style=\"box-sizing: inherit;\">MQTT API key<\/em><\/code>.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; 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\/06\/Captura-de-Tela-36.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-919 size-medium lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/06\/Captura-de-Tela-36-300x169.png\" alt=\"\" width=\"300\" height=\"169\" sizes=\"(max-width: 300px) 100vw, 300px\" srcset=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/Captura-de-Tela-36-300x169.png 300w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/Captura-de-Tela-36-768x432.png 768w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/Captura-de-Tela-36-1024x576.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;\">&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 seguir ser\u00e1 evidenciado para a aplica\u00e7\u00e3o Hidr\u00f4metro \u2013 Bloco U, a partir de um subscribe no MQTT do Network Server, passando pelo tratamento e formata\u00e7\u00e3o dos dados e publica\u00e7\u00e3o no servidor ThingSpeak a partir do envio de um dado pelo end-node. E a seguir como exibir este dado de maneira online em um gr\u00e1fico online MQTT do ThingSpeak no&nbsp;<em style=\"box-sizing: inherit;\">dashboard<\/em>&nbsp;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><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;\">ThingSpeak + 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;\">Tendo em vista que para a Integra\u00e7\u00e3o por meio de MQTT tanto efetuando um subscribe no networkserver como um Publish no ThingSpeak, \u00e9 necess\u00e1rio conhecer como \u00e9 realizado o Acesso ao MQTT broker. Atrav\u00e9s deste documento, tem-se as informa\u00e7\u00f5es necess\u00e1rias para fazer ambas conex\u00f5es:<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; 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;\">CONEX\u00c3O NETWORKSERVER<\/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;\">Com o cliente&nbsp;<em style=\"box-sizing: inherit;\">MQTT<\/em>&nbsp;devidamente instalado, deve-se conectar atrav\u00e9s dos campos listados abaixo:<\/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;\"><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;\"><em style=\"box-sizing: inherit;\">Host<\/em><\/code>:&nbsp;<strong style=\"box-sizing: inherit;\">networkserver.maua.br<\/strong><\/li><li style=\"box-sizing: inherit; margin-top: 8px; margin-bottom: 8px;\"><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;\"><em style=\"box-sizing: inherit;\">Port<\/em><\/code>:&nbsp;<strong style=\"box-sizing: inherit;\">1883<\/strong><\/li><li style=\"box-sizing: inherit; margin-top: 8px; margin-bottom: 8px;\"><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;\"><em style=\"box-sizing: inherit;\">Username<\/em><\/code>:&nbsp;<strong style=\"box-sizing: inherit;\"><em style=\"box-sizing: inherit;\">PUBLIC<\/em><\/strong><\/li><li style=\"box-sizing: inherit; margin-top: 8px; margin-bottom: 8px;\"><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;\"><em style=\"box-sizing: inherit;\">Password<\/em><\/code>:&nbsp;<strong style=\"box-sizing: inherit;\"><em style=\"box-sizing: inherit;\">public<\/em><\/strong><\/li><li style=\"box-sizing: inherit; margin-top: 8px; margin-bottom: 8px;\"><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;\"><em style=\"box-sizing: inherit;\">Client-ID<\/em><\/code>:&nbsp;<strong style=\"box-sizing: inherit;\">(n\u00e3o necess\u00e1rio)<\/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&nbsp;<\/code>:<\/em>&nbsp;<strong style=\"box-sizing: inherit;\"><em style=\"box-sizing: inherit;\">application\/+\/node\/{dev_EUI}\/rx<\/em><\/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><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;\">CONEX\u00c3O THINGSPEAK<\/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;\">Com o cliente&nbsp;<em style=\"box-sizing: inherit;\">MQTT<\/em>&nbsp;devidamente instalado, deve-se conectar atrav\u00e9s dos campos listados abaixo:<\/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;\"><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;\"><em style=\"box-sizing: inherit;\">Host<\/em><\/code>:&nbsp;<strong style=\"box-sizing: inherit;\">mqtt.thingspeak.com<\/strong><\/li><li style=\"box-sizing: inherit; margin-top: 8px; margin-bottom: 8px;\"><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;\"><em style=\"box-sizing: inherit;\">Port<\/em><\/code>:&nbsp;<strong style=\"box-sizing: inherit;\">1883<\/strong><\/li><li style=\"box-sizing: inherit; margin-top: 8px; margin-bottom: 8px;\"><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;\"><em style=\"box-sizing: inherit;\">Username<\/em><\/code>:&nbsp;<strong style=\"box-sizing: inherit;\">(qualquer valor)<\/strong><\/li><li style=\"box-sizing: inherit; margin-top: 8px; margin-bottom: 8px;\"><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;\"><em style=\"box-sizing: inherit;\">Password<\/em><\/code>:&nbsp;<em style=\"box-sizing: inherit;\"><strong style=\"box-sizing: inherit;\">MQTT API key<\/strong><\/em><\/li><li style=\"box-sizing: inherit; margin-top: 8px; margin-bottom: 8px;\"><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;\"><em style=\"box-sizing: inherit;\">Client-ID<\/em><\/code>:&nbsp;<strong style=\"box-sizing: inherit;\">(n\u00e3o necess\u00e1rio)<\/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&nbsp;<\/code>:<\/em>&nbsp;<strong style=\"box-sizing: inherit;\"><em style=\"box-sizing: inherit;\">channels\/{channelId}\/publish\/{WritingKey}<\/em><\/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><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;\">FORMATA\u00c7\u00c3O DE DADOS<\/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 se publicar um valor no ThingSpeak \u00e9 necess\u00e1rio seguir o protocolo de formata\u00e7\u00e3o para que cada campo do canal a ser publicado esteja corretamente escrito.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; 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 formata\u00e7\u00e3o de uma string para a publica\u00e7\u00e3o no t\u00f3pico de cada canal conforme mencionado acima \u00e9 dada por:<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; 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;\"><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;\">\"field1=10&amp;field2=35\"<\/code><\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">\u00c9 importante se observar que \u00e9 poss\u00edvel escrever at\u00e9 oito campos diferentes para cada canal. O caractere comercial&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;\">&amp;<\/code>&nbsp;adiciona a possibilidade dos canais subsequentes. No caso do exemplo acima foram enviados atrav\u00e9s da mensagem dois campos. Neste caso, o primeiro, field1, com um valor num\u00e9rico igual a 10 e o segundo campo com um valor num\u00e9rico igual a 35. Caso se queira apenas enviar um ou outro campo, basta o nome do campo e o seu valor, como \u00e9 evidenciado 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; text-align: center;\"><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;\">\"field1=10\"<\/code><\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">Por sua vez, o campo 1 deste canal ser\u00e1 atualizado com o valor enviado a partir da string acima.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; 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;\">NODE-RED<\/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 documenta\u00e7\u00e3o Exemplo Node-RED define como obter o dado publicado pelo end-node no Networkserver. Este dado \u00e9 obtido pela inscri\u00e7\u00e3o de um cliente MQTT neste 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;\">A partir do tratamento dos dados \u00e9 poss\u00edvel a visualiza\u00e7\u00e3o de um dado espec\u00edfico em um dashboard ou mesmo utiliz\u00e1-lo para outros fins, como, por exemplo, public\u00e1-lo em outro servidor MQTT.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; 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 abaixo mostra o flow completo desde a recep\u00e7\u00e3o do dado atrav\u00e9s de um subscribe no servidor NetworkServer como a publica\u00e7\u00e3o do dado no ThinSpeak server e exibi\u00e7\u00e3o de dados no dashboard tanto da bilioteca de dashboards como tamb\u00e9m um template com o gr\u00e1fico 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\/06\/mqtt-thingspeak-node-red-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-948 size-large lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/06\/mqtt-thingspeak-node-red-1-1024x292.png\" alt=\"\" width=\"800\" height=\"228\" sizes=\"(max-width: 800px) 100vw, 800px\" srcset=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/mqtt-thingspeak-node-red-1-1024x292.png 1024w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/mqtt-thingspeak-node-red-1-300x85.png 300w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/mqtt-thingspeak-node-red-1-768x219.png 768w\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/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;\">[{\"id\":\"90186ba6.d6a7b8\",\"type\":\"comment\",\"z\":\"2e333270.03a7ce\",\"name\":\"DET 12 - Hidrometro 01\",\"info\":\"\",\"x\":1827.0000610351562,\"y\":1037.9999961853027,\"wires\":[]},{\"id\":\"df038445.ccce88\",\"type\":\"comment\",\"z\":\"2e333270.03a7ce\",\"name\":\"Uplink\",\"info\":\"\",\"x\":1790,\"y\":1080,\"wires\":[]},{\"id\":\"3423b2bf.0606de\",\"type\":\"comment\",\"z\":\"2e333270.03a7ce\",\"name\":\"Downlink\",\"info\":\"\",\"x\":1759.837547302246,\"y\":1355.0624961853027,\"wires\":[]},{\"id\":\"8b08068f.094f78\",\"type\":\"mqtt in\",\"z\":\"2e333270.03a7ce\",\"name\":\"DET-12[Network Server-PUBLIC-Uplink]\",\"topic\":\"application\/+\/node\/0004a30b001a5ea1\/rx\",\"qos\":\"2\",\"broker\":\"456108c5.a91fc8\",\"x\":1920,\"y\":1140,\"wires\":[[\"cf761cea.9cf0a\"]]},{\"id\":\"cf761cea.9cf0a\",\"type\":\"json\",\"z\":\"2e333270.03a7ce\",\"name\":\"Format JSON str to Obect\",\"pretty\":false,\"x\":2020,\"y\":1200,\"wires\":[[\"d0ba032a.b0eca\"]]},{\"id\":\"d0ba032a.b0eca\",\"type\":\"function\",\"z\":\"2e333270.03a7ce\",\"name\":\"Parse JSON.data field\",\"func\":\"msg.payload = msg.payload.data;\\nreturn msg;\",\"outputs\":1,\"noerr\":0,\"x\":2100,\"y\":1260,\"wires\":[[\"e89541e5.934c3\"]]},{\"id\":\"e89541e5.934c3\",\"type\":\"decode\",\"z\":\"2e333270.03a7ce\",\"name\":\"Decode [Base64]\",\"encode\":\"Base64\",\"x\":2330,\"y\":1200,\"wires\":[[\"3df1b7cd.ec4368\"]]},{\"id\":\"3df1b7cd.ec4368\",\"type\":\"encode\",\"z\":\"2e333270.03a7ce\",\"name\":\"\",\"encode\":\"Hex\",\"x\":2340,\"y\":1260,\"wires\":[[\"f9fc851c.dfe808\",\"f07ca922.0f4398\",\"1eb55e3d.78cfba\"]]},{\"id\":\"f9fc851c.dfe808\",\"type\":\"function\",\"z\":\"2e333270.03a7ce\",\"name\":\"Voltage DET-11\",\"func\":\"msg.payload = (parseInt(msg.payload.substr(10,4),16)\/1000).toFixed(2);\\nreturn msg;\",\"outputs\":1,\"noerr\":0,\"x\":2620.0001678466797,\"y\":1241.9999837875366,\"wires\":[[\"d1b5f522.4b3f18\",\"7b901112.7f51f8\"]]},{\"id\":\"fafcc091.77eeb\",\"type\":\"ui_gauge\",\"z\":\"2e333270.03a7ce\",\"name\":\"\",\"group\":\"a438917d.04162\",\"order\":0,\"width\":\"10\",\"height\":\"8\",\"gtype\":\"wave\",\"title\":\"\",\"label\":\" l\/h\",\"format\":\"{{value}}\",\"min\":0,\"max\":\"15\",\"colors\":[\"#00b500\",\"#e6e600\",\"#ca3838\"],\"seg1\":\"\",\"seg2\":\"\",\"x\":2890,\"y\":1200,\"wires\":[]},{\"id\":\"7bbe0ef4.cbe52\",\"type\":\"ui_gauge\",\"z\":\"2e333270.03a7ce\",\"name\":\"\",\"group\":\"a438917d.04162\",\"order\":0,\"width\":\"5\",\"height\":\"5\",\"gtype\":\"donut\",\"title\":\"Atualizado h\u00e1\",\"label\":\"min.\",\"format\":\"{{value}}\",\"min\":\"0\",\"max\":\"20\",\"colors\":[\"#008000\",\"#ffff00\",\"#ff0000\"],\"seg1\":\"\",\"seg2\":\"\",\"x\":2898.0001525878906,\"y\":1346.9999313354492,\"wires\":[]},{\"id\":\"d1b5f522.4b3f18\",\"type\":\"ui_gauge\",\"z\":\"2e333270.03a7ce\",\"name\":\"\",\"group\":\"a438917d.04162\",\"order\":0,\"width\":\"5\",\"height\":\"5\",\"gtype\":\"gage\",\"title\":\" Bateria\",\"label\":\"V\",\"format\":\"{{value}}\",\"min\":\"2.95\",\"max\":\"3.4\",\"colors\":[\"#ff0000\",\"#ffff00\",\"#008000\"],\"seg1\":\"\",\"seg2\":\"\",\"x\":2887.999954223633,\"y\":1267.999984741211,\"wires\":[]},{\"id\":\"f07ca922.0f4398\",\"type\":\"function\",\"z\":\"2e333270.03a7ce\",\"name\":\"Contagem Regressiva\",\"func\":\"\/\/call constructor Date() and pass to now\\nvar now = new Date();\\n\/\/time_now receive current time\\nvar time_now = now.getTime();\\n\\nif (typeof last_broker_time === 'undefined'){\\n last_broker_time = time_now;\\n}\\n\\nif (msg.payload){\\n last_broker_time = time_now;\\n } \\n\\n\/\/1. diference between times\\n\/\/2. divide per 1000 to parse miliseconds to second\\n\/\/3. divide per 60 to parse second to minute\\n\/\/4. .toFixed(0) return an int value\\n\/\/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\/\/pass to msg.payload the desire velue to show on gauge in dashboard\\nmsg.payload = difference_between_times; \\nreturn msg;\",\"outputs\":1,\"noerr\":0,\"x\":2624.0001678466797,\"y\":1320.9999313354492,\"wires\":[[\"7bbe0ef4.cbe52\",\"6f79db18.48fd54\"]]},{\"id\":\"a6025d74.c1406\",\"type\":\"inject\",\"z\":\"2e333270.03a7ce\",\"name\":\"\",\"topic\":\"\",\"payload\":\"msg.time_sample\",\"payloadType\":\"global\",\"repeat\":\"5\",\"crontab\":\"\",\"once\":false,\"x\":2330,\"y\":1320,\"wires\":[[\"f07ca922.0f4398\"]]},{\"id\":\"d1da50bf.c77ac\",\"type\":\"function\",\"z\":\"2e333270.03a7ce\",\"name\":\"Downlink JSON\",\"func\":\"msg.payload = '{ \\\"reference\\\": \\\"test-node-red\\\", \\\"confirmed\\\": false, \\\"fPort\\\": 100, \\\"data\\\": \\\"AAE=\\\" }';\\n\\n\\nreturn msg;\",\"outputs\":1,\"noerr\":0,\"x\":2059.8375549316406,\"y\":1431.062497138977,\"wires\":[[\"836bc9b2.2928c8\"]]},{\"id\":\"836bc9b2.2928c8\",\"type\":\"json\",\"z\":\"2e333270.03a7ce\",\"name\":\"Format JSON str to Obect\",\"pretty\":false,\"x\":2312.8572578430176,\"y\":1429.3165645599365,\"wires\":[[\"3d050698.fce7ba\"]]},{\"id\":\"3d050698.fce7ba\",\"type\":\"mqtt out\",\"z\":\"2e333270.03a7ce\",\"name\":\"DET-12[Network Server-PUBLIC-Downlink]\",\"topic\":\"application\/+\/node\/0004a30b001a5ea2\/tx\",\"qos\":\"0\",\"retain\":\"\",\"broker\":\"456108c5.a91fc8\",\"x\":2651.9999389648438,\"y\":1427.9999961853027,\"wires\":[]},{\"id\":\"ea559f7.6fbe86\",\"type\":\"comment\",\"z\":\"2e333270.03a7ce\",\"name\":\"IMT-CP-DET\",\"info\":\"\",\"x\":2891.000244140625,\"y\":1131.000015258789,\"wires\":[]},{\"id\":\"571d3feb.8a0a3\",\"type\":\"comment\",\"z\":\"2e333270.03a7ce\",\"name\":\"IMT-CP-DET\",\"info\":\"\",\"x\":1827.5234870910645,\"y\":1394.0389614105225,\"wires\":[]},{\"id\":\"44945dd6.5dfa24\",\"type\":\"comment\",\"z\":\"2e333270.03a7ce\",\"name\":\"hidrometros\",\"info\":\"\",\"x\":3163.000129699707,\"y\":1134.999979019165,\"wires\":[]},{\"id\":\"1eb55e3d.78cfba\",\"type\":\"function\",\"z\":\"2e333270.03a7ce\",\"name\":\"difference_between_broker\",\"func\":\"\/\/--------------------------------------------------------\\n\/\/-----------CALCULATE DIFFERENCE BETWEEN COUNTERS--------\\n\/\/--------------------------------------------------------\\n\\n\/\/new_msg receives parse counter value from \\\"data\\\":\\\"0bCCCCCC0cBBBB\\\"\\nvar broker_msg = parseInt(msg.payload.substr(2,6),16);\\n\\n\/\/declare last_msg null, last_msg receives new msg if last_msg is null\\n\\nif (typeof last_msg === 'undefined'){\\n last_msg = broker_msg;\\n} else {\\n last_msg = new_msg;\\n \\n}\\n\\nif (typeof new_msg === 'undefined'){\\n new_msg = broker_msg;\\n} else {\\n new_msg = broker_msg;\\n\\n}\\n\\n\/\/difference_between_msg\\nvar dbm = (new_msg - last_msg);\\n\\n\\n\/\/--------------------------------------------------------\\n\/\/------------CALCULATE DIFFERENCE BETWEEN TIMES----------\\n\/\/--------------------------------------------------------\\n\\n\/\/call constructor Date() and pass to now\\nvar now = new Date();\\n\\n\/\/time_now receive current time\\nvar time_now;\\n\\ntime_now = now.getTime();\\n\\nif (typeof last_broker_time === 'undefined'){\\n last_broker_time = time_now;\\n}\\n\\n\/\/1. diference between times\\n\/\/2. divide per 1000 to parse miliseconds to second\\n\/\/3. divide per 60 to parse second to minute\\n\/\/4. .toFixed(0) return an int value\\n\/\/5. parseInt(\\\"string\\\",10) --&gt; returns a decimal value based on own string value\\n\/\/difference_between_times\\nvar dbt = parseInt((((time_now - last_broker_time))\/1000),10);\\n\\n\\n\/\/--------------------------------------------------------\\n\/\/----------------CALCULATE FLOW (dbm\/dbt)----------------\\n\/\/--------------------------------------------------------\\n\\n\/\/pass to msg.payload the desire velue to show on gauge in dashboard\\n\/\/multiple 60 to turns minutes in ours\\nmsg.payload = (dbm\/dbt)*60*60; \\n\\n\\nmsg.newm=new_msg;\\nmsg.lastm=last_msg;\\nmsg.dbm=dbm\\nmsg.dbt=dbt;\\n\\nlast_broker_time = time_now;\\n\\n\/\/--------------------------------------------------------\\n\/\/----------------RETURN MSG )MSG.PAYLOAD)----------------\\n\/\/--------------------------------------------------------\\nreturn msg;\\n\\n\",\"outputs\":1,\"noerr\":0,\"x\":2620,\"y\":1160,\"wires\":[[\"fafcc091.77eeb\",\"c257f682.f4586\",\"5bb0d473.2cb8ec\"]]},{\"id\":\"5bb0d473.2cb8ec\",\"type\":\"function\",\"z\":\"2e333270.03a7ce\",\"name\":\"Format to ThingSpeak MQTT\",\"func\":\"msg.payload = \\\"field1=\\\" + msg.payload;\\nreturn msg;\",\"outputs\":1,\"noerr\":0,\"x\":2906.999954223633,\"y\":1047.9999103546143,\"wires\":[[\"7a733215.1f0294\"]]},{\"id\":\"7a733215.1f0294\",\"type\":\"mqtt out\",\"z\":\"2e333270.03a7ce\",\"name\":\"ThingSpeak CP-DET ACCOUNT\",\"topic\":\"\",\"qos\":\"0\",\"retain\":\"\",\"broker\":\"5b6bbc5a.91a354\",\"x\":3222.000030517578,\"y\":1047.9999103546143,\"wires\":[]},{\"id\":\"c257f682.f4586\",\"type\":\"ui_gauge\",\"z\":\"2e333270.03a7ce\",\"name\":\"\",\"group\":\"30d5c8de.1dd96\",\"order\":0,\"width\":\"12\",\"height\":\"14\",\"gtype\":\"wave\",\"title\":\"\",\"label\":\" l\/h\",\"format\":\"{{value}}\",\"min\":0,\"max\":\"50000\",\"colors\":[\"#00b500\",\"#e6e600\",\"#ca3838\"],\"seg1\":\"\",\"seg2\":\"\",\"x\":3070,\"y\":1180,\"wires\":[]},{\"id\":\"7b901112.7f51f8\",\"type\":\"ui_gauge\",\"z\":\"2e333270.03a7ce\",\"name\":\"\",\"group\":\"30d5c8de.1dd96\",\"order\":0,\"width\":\"7\",\"height\":\"7\",\"gtype\":\"gage\",\"title\":\" Bateria\",\"label\":\"V\",\"format\":\"{{value}}\",\"min\":\"2.95\",\"max\":\"3.4\",\"colors\":[\"#ff0000\",\"#ffff00\",\"#008000\"],\"seg1\":\"\",\"seg2\":\"\",\"x\":3080,\"y\":1240,\"wires\":[]},{\"id\":\"6f79db18.48fd54\",\"type\":\"ui_gauge\",\"z\":\"2e333270.03a7ce\",\"name\":\"\",\"group\":\"30d5c8de.1dd96\",\"order\":0,\"width\":\"7\",\"height\":\"7\",\"gtype\":\"donut\",\"title\":\"Atualizado h\u00e1\",\"label\":\"min.\",\"format\":\"{{value}}\",\"min\":\"0\",\"max\":\"60\",\"colors\":[\"#008000\",\"#ffff00\",\"#ff0000\"],\"seg1\":\"\",\"seg2\":\"\",\"x\":3100,\"y\":1320,\"wires\":[]},{\"id\":\"88b8e326.32f68\",\"type\":\"ui_button\",\"z\":\"2e333270.03a7ce\",\"name\":\"\",\"group\":\"a438917d.04162\",\"order\":0,\"width\":\"10\",\"height\":\"2\",\"passthru\":false,\"label\":\"Press DET-12\",\"color\":\"\",\"bgcolor\":\"\",\"icon\":\"\",\"payload\":\"\",\"payloadType\":\"str\",\"topic\":\"\",\"x\":1825.837547302246,\"y\":1429.062497138977,\"wires\":[[\"d1da50bf.c77ac\"]]},{\"id\":\"63eeea03.267484\",\"type\":\"ui_template\",\"z\":\"2e333270.03a7ce\",\"group\":\"53e7adc6.0ca864\",\"name\":\"DET\",\"order\":0,\"width\":\"70\",\"height\":\"14\",\"format\":\"&lt;iframe width=\\\"1850\\\" height=\\\"350\\\" style=\\\"border: 1px solid #333333;\\\" src=\\\"https:\/\/thingspeak.com\/channels\/490486\/charts\/1?bgcolor=%23333333&amp;color=%23007878&amp;dynamic=true&amp;results=1440&amp;type=line&amp;width=1850&amp;height=350\\\"&gt;&lt;\/iframe&gt;\\n\",\"storeOutMessages\":true,\"fwdInMessages\":true,\"templateScope\":\"local\",\"x\":3250,\"y\":1180,\"wires\":[[]]},{\"id\":\"456108c5.a91fc8\",\"type\":\"mqtt-broker\",\"z\":\"\",\"broker\":\"networkserver.maua.br\",\"port\":\"1883\",\"tls\":\"d92daa44.cf322\",\"clientid\":\"Node-RED from smartcampus\",\"usetls\":false,\"compatmode\":true,\"keepalive\":\"200\",\"cleansession\":true,\"willTopic\":\"\",\"willQos\":\"0\",\"willPayload\":\"\",\"birthTopic\":\"\",\"birthQos\":\"0\",\"birthPayload\":\"\"},{\"id\":\"a438917d.04162\",\"type\":\"ui_group\",\"z\":\"\",\"name\":\"DET-12 - [Bloco U - Caixa]\",\"tab\":\"8b72f879.1fd5a\",\"disp\":true,\"width\":\"10\"},{\"id\":\"5b6bbc5a.91a354\",\"type\":\"mqtt-broker\",\"z\":\"\",\"broker\":\"mqtt.thingspeak.com\",\"port\":\"1883\",\"clientid\":\"\",\"usetls\":false,\"compatmode\":true,\"keepalive\":\"60\",\"cleansession\":true,\"willTopic\":\"\",\"willQos\":\"0\",\"willPayload\":\"\",\"birthTopic\":\"\",\"birthQos\":\"0\",\"birthPayload\":\"\"},{\"id\":\"30d5c8de.1dd96\",\"type\":\"ui_group\",\"z\":\"\",\"name\":\"DET-12 - [Bloco U - Uso Geral]\",\"tab\":\"22847821.d1732\",\"disp\":true,\"width\":\"20\"},{\"id\":\"53e7adc6.0ca864\",\"type\":\"ui_group\",\"z\":\"\",\"name\":\"DET-12 - [Bloco U - Uso Geral] [Gr\u00e1fico]\",\"tab\":\"22847821.d1732\",\"disp\":true,\"width\":\"70\"},{\"id\":\"d92daa44.cf322\",\"type\":\"tls-config\",\"z\":\"\",\"name\":\"\",\"cert\":\"\",\"key\":\"\",\"ca\":\"\",\"certname\":\"maua.br.crt\",\"keyname\":\"maua.br.key \",\"caname\":\"intermediate.crt\",\"verifyservercert\":true},{\"id\":\"8b72f879.1fd5a\",\"type\":\"ui_tab\",\"z\":\"\",\"name\":\"IMT-CP-DET\",\"icon\":\"dashboard\"},{\"id\":\"22847821.d1732\",\"type\":\"ui_tab\",\"z\":\"\",\"name\":\"Hidr\u00f4metros\",\"icon\":\"dashboard\"}]<\/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><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; 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 j\u00e1 antes visto em detalhes, grande parte deste flow representado na Figura acima est\u00e1 documentado em Exemplo de Node-RED. A Figura abaixo refere-se \u00e0s principais mudan\u00e7as, como a formata\u00e7\u00e3o dos dados para a publica\u00e7\u00e3o no thingSpak, e uma nova tela de dashboard para a visualiza\u00e7\u00e3o dos dados do Thingspeak 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;\">&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\/06\/mqtt-thingspeak-node-red-2-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-939 size-medium lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/06\/mqtt-thingspeak-node-red-2-1-300x77.png\" alt=\"\" width=\"300\" height=\"77\" sizes=\"(max-width: 300px) 100vw, 300px\" srcset=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/mqtt-thingspeak-node-red-2-1-300x77.png 300w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/mqtt-thingspeak-node-red-2-1-768x197.png 768w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/mqtt-thingspeak-node-red-2-1-1024x263.png 1024w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/mqtt-thingspeak-node-red-2-1.png 1409w\" 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;\">A formata\u00e7\u00e3o dos dados e publica\u00e7\u00e3o no servidor MQTT ThingSpeak \u00e9 demonstrado segundo os blocos a seguir. Tendo a entrada do blovo \u201cFormat to ThingSpeak\u201d como sa\u00edda em paralelo da amostragem no dashboard do valor calculado para a amostragem. Neste ponto, pega-se o valor real de medi\u00e7\u00e3o para publicar no ThingSpeak.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; 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\/06\/mqtt-thingspeak-node-red-3-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-940 size-medium lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/06\/mqtt-thingspeak-node-red-3-1-300x31.png\" alt=\"\" width=\"300\" height=\"31\" sizes=\"(max-width: 300px) 100vw, 300px\" srcset=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/mqtt-thingspeak-node-red-3-1-300x31.png 300w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/mqtt-thingspeak-node-red-3-1-768x80.png 768w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/mqtt-thingspeak-node-red-3-1.png 917w\" 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;\">A implementa\u00e7\u00e3o da formata\u00e7\u00e3o do dado \u00e9 descrito por um bloco de&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;\"><em style=\"box-sizing: inherit;\">function<\/em><\/code>.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; 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\/06\/mqtt-thingspeak-node-red-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-951 size-medium lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/06\/mqtt-thingspeak-node-red-15-300x58.png\" alt=\"\" width=\"300\" height=\"58\" sizes=\"(max-width: 300px) 100vw, 300px\" srcset=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/mqtt-thingspeak-node-red-15-300x58.png 300w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/mqtt-thingspeak-node-red-15.png 422w\" 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;\">A partir do bloco acima \u00e9 poss\u00edvel edit\u00e1-lo inserindo como vari\u00e1vel do&nbsp;<em style=\"box-sizing: inherit;\">flow,<\/em>&nbsp;a saber esta \u00e9 denomindada de&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;\">msg.payload<\/code>. Esta vari\u00e1vel recebe uma string \u201cfield1=\u201d e concatena com o valor que possuia anteriormente, conforme \u00e9 poss\u00edvel visualizar 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\/06\/mqtt-thingspeak-node-red-5-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-941 size-medium lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/06\/mqtt-thingspeak-node-red-5-1-300x134.png\" alt=\"\" width=\"300\" height=\"134\" sizes=\"(max-width: 300px) 100vw, 300px\" srcset=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/mqtt-thingspeak-node-red-5-1-300x134.png 300w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/mqtt-thingspeak-node-red-5-1-768x343.png 768w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/mqtt-thingspeak-node-red-5-1.png 777w\" 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><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;\">msg.payload = \"field1=\" + msg.payload;\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><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; 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 correta formata\u00e7\u00e3o a informa\u00e7\u00e3o deve ser publicada no servidor MQTT do ThingSpeak. Para isso \u00e9 necess\u00e1rio o bloco de publish, como mostra 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\/06\/mqtt-thingspeak-node-red-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-952 size-medium lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/06\/mqtt-thingspeak-node-red-16-300x61.png\" alt=\"\" width=\"300\" height=\"61\" sizes=\"(max-width: 300px) 100vw, 300px\" srcset=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/mqtt-thingspeak-node-red-16-300x61.png 300w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/mqtt-thingspeak-node-red-16.png 492w\" 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;\">Editando o bloco descrito acima, deve-se estabelecer a conex\u00e3o ao servidor MQTT do ThingSpeak preenchendo-se 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;\"><em style=\"box-sizing: inherit;\">Topic<\/em>&nbsp;<\/code>conforme descrito acima e o campo&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;\"><em style=\"box-sizing: inherit;\">QoS<\/em>&nbsp;<\/code>(Quality of Service) com valor igual a zero.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; 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\/06\/mqtt-thingspeak-node-red-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-934 size-medium lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/06\/mqtt-thingspeak-node-red-6-300x210.png\" alt=\"\" width=\"300\" height=\"210\" sizes=\"(max-width: 300px) 100vw, 300px\" srcset=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/mqtt-thingspeak-node-red-6-300x210.png 300w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/mqtt-thingspeak-node-red-6-768x537.png 768w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/mqtt-thingspeak-node-red-6.png 957w\" 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;\">Editando a conex\u00e3o com o servidor MQTT do ThingSpeak, o host e a port devem ser respectivamente:<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; 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\/06\/mqtt-thingspeak-node-red-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-935 size-medium lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/06\/mqtt-thingspeak-node-red-7-300x165.png\" alt=\"\" width=\"300\" height=\"165\" sizes=\"(max-width: 300px) 100vw, 300px\" srcset=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/mqtt-thingspeak-node-red-7-300x165.png 300w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/mqtt-thingspeak-node-red-7-768x422.png 768w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/mqtt-thingspeak-node-red-7-1024x563.png 1024w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/mqtt-thingspeak-node-red-7.png 1198w\" 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><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;\"><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;\"><em style=\"box-sizing: inherit;\">host<\/em><\/code>:&nbsp;<strong style=\"box-sizing: inherit;\">mqtt.thingspeak.com<\/strong><\/li><li style=\"box-sizing: inherit; margin-top: 8px; margin-bottom: 8px;\"><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;\"><em style=\"box-sizing: inherit;\">port<\/em><\/code>:&nbsp;<strong style=\"box-sizing: inherit;\">1883<\/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;\">Para estabelecer uma conex\u00e3o segura e autenticada restrita a cada usu\u00e1rio e publicar no servidor MQTT do ThingSpeak, deve-se preencher corretamente os capos de username e password:<\/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;\"><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;\"><em style=\"box-sizing: inherit;\">username<\/em><\/code>: qualquer valor (\u00e9 indicado preencher com o nome de usu\u00e1rio do thingspeak)<\/li><li style=\"box-sizing: inherit; margin-top: 8px; margin-bottom: 8px;\"><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;\"><em style=\"box-sizing: inherit;\">password<\/em><\/code>: valor da chave&nbsp;<em style=\"box-sizing: inherit;\"><strong style=\"box-sizing: inherit;\">MQTT API key<\/strong><\/em>&nbsp;do ThingSpeak<\/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;\">&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\/06\/mqtt-thingspeak-node-red-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-936 size-medium lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/06\/mqtt-thingspeak-node-red-8-300x114.png\" alt=\"\" width=\"300\" height=\"114\" sizes=\"(max-width: 300px) 100vw, 300px\" srcset=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/mqtt-thingspeak-node-red-8-300x114.png 300w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/mqtt-thingspeak-node-red-8-768x292.png 768w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/mqtt-thingspeak-node-red-8-1024x389.png 1024w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/mqtt-thingspeak-node-red-8.png 1193w\" 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;\">A partir destas informa\u00e7\u00f5es basta em clicar em deploy, no ambiente node-RED e executar as altera\u00e7\u00f5es e esperar para que seja recebido um pacote de informa\u00e7\u00e3o do end-node. Ap\u00f3s recebido este pacote, ser\u00e1 publicado no servidor MQTT do ThingSpeak.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">Estas recep\u00e7\u00f5es preencher\u00e3o o gr\u00e1fico criado anteriormente conforme 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\/06\/mqtt-thingspeak-node-red-113.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-947 size-medium lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/06\/mqtt-thingspeak-node-red-113-300x251.png\" alt=\"\" width=\"300\" height=\"251\" sizes=\"(max-width: 300px) 100vw, 300px\" srcset=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/mqtt-thingspeak-node-red-113-300x251.png 300w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/mqtt-thingspeak-node-red-113.png 731w\" 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;\">\u00c9 importante notar que este gr\u00e1fico \u00e9 de car\u00e1ter p\u00fablico. Ent\u00e3o qualquer um com o link do gr\u00e1fico poder\u00e1 visualiz\u00e1-lo de qualquer parte em se tenha dispon\u00edvel uma conex\u00e3o com a Internet. A partir deste momento, todos os dados enviados ao ThingSpeak s\u00e3o armazenados em um banco de dados pr\u00f3prio desta plataforma. Ao chegarem novos dados ser\u00e3o atualizados os valores do gr\u00e1fico de maneira online e armazenados junto aos demais.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">\u00c9 interessante perceber, no gr\u00e1fico da Figura abaixo um certo padr\u00e3o de comportamento. Como o gr\u00e1fico abaixo trata-se da aplica\u00e7\u00e3o de um hidr\u00f4metro instalado na entrada da caixa d\u2019\u00e1gua do bloco U, tem-se o behavior of things (comportamento) deste dispositivo em fun\u00e7\u00e3o do tempo. Esta documenta\u00e7\u00e3o n\u00e3o abordar\u00e1 algor\u00edtimos de comportamento das coisas, apenas como obter estes dados de maneira online e aconselhar que estes dados podem ser utilizados pelo Matlab online, bem como Matlab nativo instalado em m\u00e1quina.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; 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\/06\/mqtt-thingspeak-node-red-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-945 size-medium lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/06\/mqtt-thingspeak-node-red-13-300x202.png\" alt=\"\" width=\"300\" height=\"202\" sizes=\"(max-width: 300px) 100vw, 300px\" srcset=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/mqtt-thingspeak-node-red-13-300x202.png 300w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/mqtt-thingspeak-node-red-13.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;\">&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 caracter\u00edstica de gr\u00e1ficos Matlab, nota-se conforme a Figura abaixo, que ao se passar com o mouse por cima do gr\u00e1fico, \u00e9 poss\u00edvel visalzar os valores da vari\u00e1vel obtida bem como informa\u00e7\u00e3o do tempo de aquisi\u00e7\u00e3o destes dados.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; 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\/06\/mqtt-thingspeak-node-red-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-946 size-medium lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/06\/mqtt-thingspeak-node-red-14-300x203.png\" alt=\"\" width=\"300\" height=\"203\" sizes=\"(max-width: 300px) 100vw, 300px\" srcset=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/mqtt-thingspeak-node-red-14-300x203.png 300w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/mqtt-thingspeak-node-red-14.png 654w\" 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;\">Tratando-de este gr\u00e1fico de uma disponibilidade em html, \u00e9 poss\u00edvel realizar um iframe. O iframe \u00e9 um procedimeto para se incluir p\u00e1ginas em html dentro de outras aplica\u00e7\u00f5es.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">Voltando-se ao ambiente node-RED, \u00e9 poss\u00edvel escolher um bloco de dashboard denominado template. O template permite escrever p\u00e1ginas em html, e atrav\u00e9s deste bloco \u00e9 poss\u00edvel a exibi\u00e7\u00e3o do gr\u00e1fico acima dentro tamb\u00e9m do ambiente node-RED.&nbsp; Assim, al\u00e9m do node-RED publicar o dado no servidor thingSpeak \u00e9 poss\u00edvel visualiz\u00e1-lo tamb\u00e9m no dashboard, em companhia das outras vari\u00e1veis desejadas.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; 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 a seguir demonstra o bloco de template (<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;\">&lt;\/&gt;<\/code>) uilizado para a exibi\u00e7\u00e3o da p\u00e1gina html espelhada.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; 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\/06\/mqtt-thingspeak-node-red-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-932 size-full lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/06\/mqtt-thingspeak-node-red-4.png\" alt=\"\" width=\"273\" 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;\">Como descrito anteriormente, gerou-se o iframe atrav\u00e9s do gr\u00e1fico na plataforma node-RED conforme o c\u00f3digo abaixo:<\/p><div id=\"windows_container\" style=\"box-sizing: inherit; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px;\"><\/div><div id=\"add_visualization_window\" class=\"add_visualization_window\" data-toggle=\"modal\" data-target=\"#add_visualization_modal\" style=\"box-sizing: inherit; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px;\">&nbsp;Ebtretanto, este gr\u00e1fico ao ser apenas copiado e colado esta informa\u00e7\u00e3o no bloco de template, possui caracter\u00edsticas restritas de visualiza\u00e7\u00e3o.<\/div><div data-toggle=\"modal\" data-target=\"#add_visualization_modal\" style=\"box-sizing: inherit; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px;\"><\/div><div data-toggle=\"modal\" data-target=\"#add_visualization_modal\" style=\"box-sizing: inherit; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px;\">Para uma formata\u00e7\u00e3o de tamanho livre bem como a escolha de quantos dados ser\u00e3o exibidos, \u00e9 poss\u00edvel editar este c\u00f3digo segundo os campos width, height, src-results,&nbsp;src-widht, e src-height.<\/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;\">E ent\u00e3o inserido no c\u00f3digo de template como demonstrado 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\/06\/mqtt-thingspeak-node-red-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-937 size-medium lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/06\/mqtt-thingspeak-node-red-9-300x212.png\" alt=\"\" width=\"300\" height=\"212\" sizes=\"(max-width: 300px) 100vw, 300px\" srcset=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/mqtt-thingspeak-node-red-9-300x212.png 300w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/mqtt-thingspeak-node-red-9-768x544.png 768w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/mqtt-thingspeak-node-red-9.png 1001w\" 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><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;\">&lt;iframe width=\"1850\" height=\"350\" style=\"border: 1px solid #333333;\" src=\"https:\/\/thingspeak.com\/channels\/490486\/charts\/1?bgcolor=%23333333&amp;color=%23007878&amp;dynamic=true&amp;results=1440&amp;type=line&amp;width=1850&amp;height=350\"&gt;&lt;\/iframe&gt;<\/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><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; 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 caso, para o n\u00famero de reultados de 1440 amostras, sendo que abranger\u00e1 um gr\u00e1fico de no m\u00ednimo de uma semana, visto que cada end-node envia um dado ao servidor de 7 em 7 minutos. A Figura abaixo representa a implementa\u00e7\u00e3o do c\u00f3digo do iframe modificado acima.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; color: rgb(119, 119, 119); font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400;\">\u00c9 poss\u00edvel visualizar o comportamento do hidr\u00f4metro ao longo do tempo e atualizado de maneira online.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; 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\/06\/mqtt-thingspeak-node-red-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-944 size-large lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/06\/mqtt-thingspeak-node-red-12-1024x239.png\" alt=\"\" width=\"800\" height=\"187\" sizes=\"(max-width: 800px) 100vw, 800px\" srcset=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/mqtt-thingspeak-node-red-12-1024x239.png 1024w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/mqtt-thingspeak-node-red-12-300x70.png 300w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/mqtt-thingspeak-node-red-12-768x179.png 768w\" 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;\">Informa\u00e7\u00f5es importantes do \u00faltimo valor transmitido tamb\u00e9m s\u00e3o importantes para a an\u00e1lise de health e status do end-node. A Figura abaixo mostra formatado algumas caracter\u00edsticas do status do end-node em rela\u00e7\u00e3o \u00e0 ultima informa\u00e7\u00e3o recebida, n\u00edvel de bateria do end-node e tempo da \u00faltima atualiza\u00e7\u00e3o de 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;\"><a href=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/06\/mqtt-thingspeak-node-red-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-943 size-medium lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/06\/mqtt-thingspeak-node-red-11-300x233.png\" alt=\"\" width=\"300\" height=\"233\" sizes=\"(max-width: 300px) 100vw, 300px\" srcset=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/mqtt-thingspeak-node-red-11-300x233.png 300w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/mqtt-thingspeak-node-red-11.png 565w\" 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;\">Com isso, \u00e9 poss\u00edvel a integra\u00e7\u00e3o da aplica\u00e7\u00e3o com um servidor externo e a visualiza\u00e7\u00e3o deste no dashboard. \u00c9 interessant\u00edssimo este fato, evidenciando a facilidade de integra\u00e7\u00e3o co outras ferramentas de alto n\u00edvel dispon\u00edveis para a pesquisa e desenvolvimento de internet das coisas.<\/p><p style=\"box-sizing: inherit; margin-bottom: 0.9375rem; word-break: break-word; overflow-wrap: break-word; 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\/06\/mqtt-thingspeak-node-red-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-942 size-large lazy-visible\" src=\"https:\/\/smartcampus.maua.br\/wp-content\/uploads\/2018\/06\/mqtt-thingspeak-node-red-10-1024x181.png\" alt=\"\" width=\"800\" height=\"141\" sizes=\"(max-width: 800px) 100vw, 800px\" srcset=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/mqtt-thingspeak-node-red-10-1024x181.png 1024w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/mqtt-thingspeak-node-red-10-300x53.png 300w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/mqtt-thingspeak-node-red-10-768x136.png 768w, https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/mqtt-thingspeak-node-red-10.png 1566w\" 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;\">O gr\u00e1fico acima est\u00e1 instanciado na plataforma de exibi\u00e7\u00e3o do smartcampus dispon\u00edvel em&nbsp;<a href=\"https:\/\/smartcampus.maua.br\/dash\/gms\" style=\"box-sizing: inherit; color: rgb(0, 70, 132); text-decoration-line: none; touch-action: manipulation; outline: none;\">https:\/\/smartcampus.maua.br\/dash\/gms<\/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=\"gallery\" style=\"box-sizing: inherit; text-decoration-line: none; touch-action: manipulation; outline: none;\"><\/a><br style=\"box-sizing: inherit;\">&nbsp;<br style=\"box-sizing: inherit;\">&nbsp;<br style=\"box-sizing: inherit;\">&nbsp;<br style=\"box-sizing: inherit;\">&nbsp;<\/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-903 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\/06\/Captura-de-Tela-38.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\/06\/Captura-de-Tela-38-150x150.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" aria-describedby=\"gallery-1-923\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><figcaption class=\"wp-caption-text gallery-caption\" id=\"gallery-1-923\" style=\"box-sizing: inherit; font-style: italic; line-height: 1.35; font-size: 13px;\">Para a cria\u00e7\u00e3o de uma conta de usu\u00e1rio, deve-se clicar no canto superior da tela em Cadastro<\/figcaption><\/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\/06\/Captura-de-Tela-37.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\/06\/Captura-de-Tela-37-150x150.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" aria-describedby=\"gallery-1-922\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><figcaption class=\"wp-caption-text gallery-caption\" id=\"gallery-1-922\" style=\"box-sizing: inherit; font-style: italic; line-height: 1.35; font-size: 13px;\">Cadastro de um novo usu\u00e1rio<\/figcaption><\/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\/06\/Captura-de-Tela-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\/06\/Captura-de-Tela-22-150x150.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" aria-describedby=\"gallery-1-905\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><figcaption class=\"wp-caption-text gallery-caption\" id=\"gallery-1-905\" style=\"box-sizing: inherit; font-style: italic; line-height: 1.35; font-size: 13px;\">Acesso da \u00e1rea restrita ao usu\u00e1rio ao se clicar em Sign in<\/figcaption><\/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\/06\/Captura-de-Tela-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=\"150\" height=\"150\" src=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/Captura-de-Tela-23-150x150.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" aria-describedby=\"gallery-1-906\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><figcaption class=\"wp-caption-text gallery-caption\" id=\"gallery-1-906\" style=\"box-sizing: inherit; font-style: italic; line-height: 1.35; font-size: 13px;\">Inser\u00e7\u00e3o do e-mail previamente cadastrado<\/figcaption><\/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\/06\/Captura-de-Tela-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=\"150\" src=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/Captura-de-Tela-24-150x150.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" aria-describedby=\"gallery-1-907\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><figcaption class=\"wp-caption-text gallery-caption\" id=\"gallery-1-907\" style=\"box-sizing: inherit; font-style: italic; line-height: 1.35; font-size: 13px;\">Inser\u00e7\u00e3o senha de acesso.<\/figcaption><\/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\/06\/Captura-de-Tela-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\/06\/Captura-de-Tela-25-150x150.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" aria-describedby=\"gallery-1-908\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><figcaption class=\"wp-caption-text gallery-caption\" id=\"gallery-1-908\" style=\"box-sizing: inherit; font-style: italic; line-height: 1.35; font-size: 13px;\">P\u00e1gina \u201cMy Channels\u201d. Para criar um novo canal deve-se clicar em \u201cNew Channel\u201d<\/figcaption><\/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\/06\/Captura-de-Tela-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\/06\/Captura-de-Tela-27-150x150.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" aria-describedby=\"gallery-1-910\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><figcaption class=\"wp-caption-text gallery-caption\" id=\"gallery-1-910\" style=\"box-sizing: inherit; font-style: italic; line-height: 1.35; font-size: 13px;\">Informa\u00e7\u00f5es do novo canal criado e inser\u00e7\u00e3o dos valores referentes aos campos. Cada valor descrito ser\u00e1 exibido como tag do gr\u00e1fico a ser gerado pelo valor de cada campo.<\/figcaption><\/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\/06\/Captura-de-Tela-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=\"150\" src=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/Captura-de-Tela-28-150x150.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" aria-describedby=\"gallery-1-911\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><figcaption class=\"wp-caption-text gallery-caption\" id=\"gallery-1-911\" style=\"box-sizing: inherit; font-style: italic; line-height: 1.35; font-size: 13px;\">Op\u00e7\u00f5es de salvar altera\u00e7\u00f5es e limpar dados do canal.<\/figcaption><\/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\/06\/Captura-de-Tela-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\/06\/Captura-de-Tela-29-150x150.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" aria-describedby=\"gallery-1-912\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><figcaption class=\"wp-caption-text gallery-caption\" id=\"gallery-1-912\" style=\"box-sizing: inherit; font-style: italic; line-height: 1.35; font-size: 13px;\">Op\u00e7\u00f5es de compartilhamento para visualiza\u00e7\u00e3o p\u00fablica do canal.<\/figcaption><\/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\/06\/Captura-de-Tela-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=\"150\" src=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/Captura-de-Tela-30-150x150.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" aria-describedby=\"gallery-1-913\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><figcaption class=\"wp-caption-text gallery-caption\" id=\"gallery-1-913\" style=\"box-sizing: inherit; font-style: italic; line-height: 1.35; font-size: 13px;\">Chaves de Escrita paa inser\u00e7\u00e3o no campo Topic para publicar no servidor MQTT do ThingSpeak<\/figcaption><\/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\/06\/Captura-de-Tela-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\/06\/Captura-de-Tela-31-150x150.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" aria-describedby=\"gallery-1-914\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><figcaption class=\"wp-caption-text gallery-caption\" id=\"gallery-1-914\" style=\"box-sizing: inherit; font-style: italic; line-height: 1.35; font-size: 13px;\">Exemplo de recebimento de dado.<\/figcaption><\/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\/06\/Captura-de-Tela-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=\"150\" height=\"150\" src=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/Captura-de-Tela-32-150x150.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" aria-describedby=\"gallery-1-915\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><figcaption class=\"wp-caption-text gallery-caption\" id=\"gallery-1-915\" style=\"box-sizing: inherit; font-style: italic; line-height: 1.35; font-size: 13px;\">Configura\u00e7\u00f5es dispon\u00edveis para o gr\u00e1fico MQTT<\/figcaption><\/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\/06\/Captura-de-Tela-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\/06\/Captura-de-Tela-33-150x150.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" aria-describedby=\"gallery-1-916\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><figcaption class=\"wp-caption-text gallery-caption\" id=\"gallery-1-916\" style=\"box-sizing: inherit; font-style: italic; line-height: 1.35; font-size: 13px;\">Possibilidade de espelhamento em c\u00f3digo fonte html<\/figcaption><\/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\/06\/Captura-de-Tela-35.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\/06\/Captura-de-Tela-35-150x150.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" aria-describedby=\"gallery-1-918\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><figcaption class=\"wp-caption-text gallery-caption\" id=\"gallery-1-918\" style=\"box-sizing: inherit; font-style: italic; line-height: 1.35; font-size: 13px;\">Importa\u00e7\u00e3o e exporta\u00e7\u00e3o dos dados gravados no banco de dados do ThingSpeak.<\/figcaption><\/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\/06\/Captura-de-Tela-36.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\/06\/Captura-de-Tela-36-150x150.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" aria-describedby=\"gallery-1-919\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><figcaption class=\"wp-caption-text gallery-caption\" id=\"gallery-1-919\" style=\"box-sizing: inherit; font-style: italic; line-height: 1.35; font-size: 13px;\">Visualiza\u00e7\u00e3o do par\u00e2metro MQTT API key<\/figcaption><\/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\/06\/mqtt-thingspeak-node-red-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\/06\/mqtt-thingspeak-node-red-1-150x150.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" aria-describedby=\"gallery-1-948\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><figcaption class=\"wp-caption-text gallery-caption\" id=\"gallery-1-948\" style=\"box-sizing: inherit; font-style: italic; line-height: 1.35; font-size: 13px;\">Flow completo do Node-RED para a recep\u00e7\u00e3o de dados do Network Server e publica\u00e7\u00e3o do dado j\u00e1 formatado para o servidor MQTT do ThingSpeak e visaliza\u00e7\u00e3o do gr\u00e1fico gerado no dashboard.<\/figcaption><\/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\/06\/mqtt-thingspeak-node-red-2-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\/06\/mqtt-thingspeak-node-red-2-1-150x150.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" aria-describedby=\"gallery-1-939\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><figcaption class=\"wp-caption-text gallery-caption\" id=\"gallery-1-939\" style=\"box-sizing: inherit; font-style: italic; line-height: 1.35; font-size: 13px;\">Flow parcial para o envio de dados para o servidor MQTT do ThingSpeak e visaliza\u00e7\u00e3o do gr\u00e1fico gerado no dashboard.<\/figcaption><\/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\/06\/mqtt-thingspeak-node-red-3-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=\"95\" src=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/mqtt-thingspeak-node-red-3-1-150x95.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" aria-describedby=\"gallery-1-940\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><figcaption class=\"wp-caption-text gallery-caption\" id=\"gallery-1-940\" style=\"box-sizing: inherit; font-style: italic; line-height: 1.35; font-size: 13px;\">Flow parcial para formata\u00e7\u00e3o do dado e publica\u00e7\u00e3o no servidor MQTT do ThingSpeak.<\/figcaption><\/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\/06\/mqtt-thingspeak-node-red-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=\"82\" src=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/mqtt-thingspeak-node-red-15-150x82.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" aria-describedby=\"gallery-1-951\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><figcaption class=\"wp-caption-text gallery-caption\" id=\"gallery-1-951\" style=\"box-sizing: inherit; font-style: italic; line-height: 1.35; font-size: 13px;\">Bloco para formata\u00e7\u00e3o correta do dado para publica\u00e7\u00e3o no servidor MQTT do ThingSpeak.<\/figcaption><\/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\/06\/mqtt-thingspeak-node-red-5-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\/06\/mqtt-thingspeak-node-red-5-1-150x150.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" aria-describedby=\"gallery-1-941\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><figcaption class=\"wp-caption-text gallery-caption\" id=\"gallery-1-941\" style=\"box-sizing: inherit; font-style: italic; line-height: 1.35; font-size: 13px;\">Janela de edi\u00e7\u00e3o do bloco de formata\u00e7\u00e3o.<\/figcaption><\/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\/06\/mqtt-thingspeak-node-red-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=\"100\" src=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/mqtt-thingspeak-node-red-16-150x100.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" aria-describedby=\"gallery-1-952\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><figcaption class=\"wp-caption-text gallery-caption\" id=\"gallery-1-952\" style=\"box-sizing: inherit; font-style: italic; line-height: 1.35; font-size: 13px;\">Bloco respons\u00e1vel pela execu\u00e7\u00e3o do publish no servidor MQTT do ThingSpeak<\/figcaption><\/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\/06\/mqtt-thingspeak-node-red-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\/06\/mqtt-thingspeak-node-red-6-150x150.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" aria-describedby=\"gallery-1-934\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><figcaption class=\"wp-caption-text gallery-caption\" id=\"gallery-1-934\" style=\"box-sizing: inherit; font-style: italic; line-height: 1.35; font-size: 13px;\">Configura\u00e7\u00f5es MQTT de Server, Topic e QoS<\/figcaption><\/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\/06\/mqtt-thingspeak-node-red-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\/06\/mqtt-thingspeak-node-red-7-150x150.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" aria-describedby=\"gallery-1-935\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><figcaption class=\"wp-caption-text gallery-caption\" id=\"gallery-1-935\" style=\"box-sizing: inherit; font-style: italic; line-height: 1.35; font-size: 13px;\">Edi\u00e7\u00e3o de hostname e porta para o servidor MQTT<\/figcaption><\/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\/06\/mqtt-thingspeak-node-red-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\/06\/mqtt-thingspeak-node-red-8-150x150.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" aria-describedby=\"gallery-1-936\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><figcaption class=\"wp-caption-text gallery-caption\" id=\"gallery-1-936\" style=\"box-sizing: inherit; font-style: italic; line-height: 1.35; font-size: 13px;\">Configura\u00e7\u00f5es de seguran\u00e7a para o acesso ao Servidor MQTT. Username\/password PUBLIC\/public<\/figcaption><\/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\/06\/mqtt-thingspeak-node-red-113.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\/06\/mqtt-thingspeak-node-red-113-150x150.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" aria-describedby=\"gallery-1-947\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><figcaption class=\"wp-caption-text gallery-caption\" id=\"gallery-1-947\" style=\"box-sizing: inherit; font-style: italic; line-height: 1.35; font-size: 13px;\">Gr\u00e1fico gerado no ThingSpeak com os novos dados<\/figcaption><\/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\/06\/mqtt-thingspeak-node-red-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=\"150\" height=\"150\" src=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/mqtt-thingspeak-node-red-13-150x150.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" aria-describedby=\"gallery-1-945\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><figcaption class=\"wp-caption-text gallery-caption\" id=\"gallery-1-945\" style=\"box-sizing: inherit; font-style: italic; line-height: 1.35; font-size: 13px;\">Caracter\u00edsticas de comportamento do hidr\u00f4metro de entrada da caixa d\u2019\u00e1gua do Bloco U<\/figcaption><\/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\/06\/mqtt-thingspeak-node-red-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\/06\/mqtt-thingspeak-node-red-14-150x150.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" aria-describedby=\"gallery-1-946\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><figcaption class=\"wp-caption-text gallery-caption\" id=\"gallery-1-946\" style=\"box-sizing: inherit; font-style: italic; line-height: 1.35; font-size: 13px;\">Dados da informa\u00e7\u00e3o dispon\u00edveis no gr\u00e1fico<\/figcaption><\/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\/06\/mqtt-thingspeak-node-red-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=\"48\" src=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/mqtt-thingspeak-node-red-4-150x48.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" aria-describedby=\"gallery-1-932\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><figcaption class=\"wp-caption-text gallery-caption\" id=\"gallery-1-932\" style=\"box-sizing: inherit; font-style: italic; line-height: 1.35; font-size: 13px;\">Bloco para o espelhamento do gr\u00e1fico ThingSpeak em dashboard Node-RED<\/figcaption><\/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\/06\/mqtt-thingspeak-node-red-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=\"150\" height=\"150\" src=\"https:\/\/smartcampus-dev.maua.br\/wp-content\/uploads\/2018\/06\/mqtt-thingspeak-node-red-9-150x150.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" aria-describedby=\"gallery-1-937\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><figcaption class=\"wp-caption-text gallery-caption\" id=\"gallery-1-937\" style=\"box-sizing: inherit; font-style: italic; line-height: 1.35; font-size: 13px;\">Janela de edi\u00e7\u00e3o do c\u00f3digo de espelhamento do gr\u00e1fico ThingSpeak para a exibi\u00e7\u00e3o em dashboard do Node-RED.<\/figcaption><\/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\/06\/mqtt-thingspeak-node-red-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\/06\/mqtt-thingspeak-node-red-12-150x150.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" aria-describedby=\"gallery-1-944\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><figcaption class=\"wp-caption-text gallery-caption\" id=\"gallery-1-944\" style=\"box-sizing: inherit; font-style: italic; line-height: 1.35; font-size: 13px;\">Gr\u00e1fico otimizado segundo o espa\u00e7o dispon\u00edvel<\/figcaption><\/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\/06\/mqtt-thingspeak-node-red-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\/06\/mqtt-thingspeak-node-red-11-150x150.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" aria-describedby=\"gallery-1-943\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><figcaption class=\"wp-caption-text gallery-caption\" id=\"gallery-1-943\" style=\"box-sizing: inherit; font-style: italic; line-height: 1.35; font-size: 13px;\">Informa\u00e7\u00f5es de envio do pacote de informa\u00e7\u00e3o contendo os dados.<\/figcaption><\/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\/06\/mqtt-thingspeak-node-red-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\/06\/mqtt-thingspeak-node-red-10-150x150.png\" class=\"lazy attachment-thumbnail size-thumbnail lazy-visible\" alt=\"\" aria-describedby=\"gallery-1-942\" data-lazy-loaded=\"true\" style=\"box-sizing: inherit;\"><\/a><\/div><figcaption class=\"wp-caption-text gallery-caption\" id=\"gallery-1-942\" style=\"box-sizing: inherit; font-style: italic; line-height: 1.35; font-size: 13px;\">Vizualiza\u00e7\u00e3o do dashboard dispon\u00edvel em https:\/\/smartcampus.maua.br\/dash\/gms<\/figcaption><\/figure><\/div>\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>INTEGRA\u00c7\u00c3O COM THINGSPEAK (MATHWORKS) *VISUALIZE ESTA DOCUMENTA\u00c7\u00c3O NO FORMATO&nbsp;CLICK-AND-SWIPE DOCS GALLERY &nbsp; Thingspeak Thingspeak \u00e9 uma plataforma online para se integrar ferramentas matem\u00e1ticas de alto n\u00edvel como Matlab e Simulink, por exemplo, junto ao recebimentos de dados online para uma aplica\u00e7\u00e3o, por exemplo. Dentre as diversas maneiras de se integrar os dados com esta plataforma, [&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-491","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/smartcampus.maua.br\/index.php?rest_route=\/wp\/v2\/pages\/491","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=491"}],"version-history":[{"count":7,"href":"https:\/\/smartcampus.maua.br\/index.php?rest_route=\/wp\/v2\/pages\/491\/revisions"}],"predecessor-version":[{"id":599,"href":"https:\/\/smartcampus.maua.br\/index.php?rest_route=\/wp\/v2\/pages\/491\/revisions\/599"}],"wp:attachment":[{"href":"https:\/\/smartcampus.maua.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=491"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}