{"id":3288,"date":"2021-03-09T20:50:21","date_gmt":"2021-03-09T20:50:21","guid":{"rendered":"http:\/\/132.248.251.218\/wpArduino\/?page_id=3288"},"modified":"2023-05-04T20:32:54","modified_gmt":"2023-05-04T20:32:54","slug":"monitor-serial","status":"publish","type":"page","link":"https:\/\/iaciduino.enp.unam.mx\/index.php\/simulador-de-arduino-tinkercad\/monitor-serial\/","title":{"rendered":"Monitor serial: imprimir datos"},"content":{"rendered":"<p>Los lenguajes de programaci\u00f3n disponen de una consola o pantalla para comunicarse, Arduino no es la excepci\u00f3n y cuenta con un Monitor serial para informar de lo que ocurre dentro de nuestros programas. En Tinkercad tambi\u00e9n existe la opci\u00f3n \u201c<strong>Serial Monitor<\/strong>\u201d para poder escribir letreros o los valores de ciertos datos. \u00a1Vamos a ver c\u00f3mo se utiliza!<\/p>\n<p><\/p>\n<h2><span style=\"color: #000080;\">Monitor en serie<\/span><\/h2>\n<p>El monitor en serie es una pantalla en donde se pueden observar los valores de nuestras variables, as\u00ed como mensajes de texto que se mandan a imprimir desde el programa para verlos en la pantalla del monitor durante la simulaci\u00f3n. Para activarlo se requiere dar clic en el \u00edcono Monitor en serie que se localiza en la parte inferior de la ventana de c\u00f3digo (Figura 1).<\/p>\n<p><\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/iaciduino.enp.unam.mx\/wp-content\/uploads\/2021\/03\/activarMonitorSerie-1024x487.gif\" alt=\"\"\/><figcaption class=\"wp-element-caption\">Figura 1 Activaci\u00f3n de la ventana del Monitor en serie de Tinkercad<\/figcaption><\/figure><\/div>\n\n<p>Para poder enviar mensajes de texto y los valores de las variables a la pantalla del monitor en serie se requieren ciertas instrucciones en el c\u00f3digo. En la siguiente imagen se da un ejemplo de las instrucciones y elementos que debes identificar del Monitor en serie de Tinkercad. Da clic en el marcador de informaci\u00f3n correspondiente para revisar.<\/p>\n<p><\/p>\n<div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-35\" class=\"h5p-iframe\" data-content-id=\"35\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"MonitorSerial\"><\/iframe><\/div>\n<p><\/p>\n<p>Como puedes ver,&nbsp; para interactuar con el monitor en serie se requiere dar ciertas instrucciones desde el programa. Lo primero que hay que hacer es activarlo. Para ello incluimos en el programa&nbsp; la funci\u00f3n <em>Serial.begin( ),<\/em> asign\u00e1ndole entre los par\u00e9ntesis el valor de los baudios para realizar la comunicaci\u00f3n.<\/p>\n<p><\/p>\n<h3><span style=\"color: #0000ff;\">Funci\u00f3n Serial.begin&nbsp;<\/span><\/h3>\n<p>Es la instrucci\u00f3n que establece la velocidad de datos en bits por segundo (baudios), generalmente se utiliza el valor 9600 por ser el m\u00e1s com\u00fan para la transmisi\u00f3n de datos. Se escribe dentro de la funci\u00f3n s<em>etup<\/em> como se muestra en la Figura 2:<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/iaciduino.enp.unam.mx\/wp-content\/uploads\/2021\/03\/Captura-de-Pantalla-2021-03-10-a-las-13.12.47.png\" alt=\"\"\/><figcaption class=\"wp-element-caption\">Figura 2 Codificaci\u00f3n de la funci\u00f3n Serial.begin( )<\/figcaption><\/figure><\/div>\n\n<p>Una vez activada la comunicaci\u00f3n, ahora se puede escribir en la pantalla del monitor en serie el texto o el valor de las variables con las instrucciones Serial.print y Serial.println.<\/p>\n<p><\/p>\n<h3><span style=\"color: #0000ff;\">Funciones Serial.print y Serial.println<\/span><\/h3>\n<p>Las instrucciones <em>Serial.print ()&nbsp; y Serial.println <\/em>imprimen en el monitor serial el valor de las variables o texto indicado como par\u00e1metro. Si se escribe texto, se coloca entre comillas (\u00bb \u00ab) y si se desa imprimir el valor de una variable, se escribe el nombre de la variable sin comillas.<\/p>\n<p>Serial.println() incluye un salto de l\u00ednea al final.&nbsp; Observa un ejemplo de su uso en un programa en la Figura 3.<\/p>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/iaciduino.enp.unam.mx\/wp-content\/uploads\/2021\/03\/Captura-de-Pantalla-2021-03-10-a-las-13.47.05.png\" alt=\"\"\/><figcaption class=\"wp-element-caption\">Figura 3 Codificaci\u00f3n de la Funci\u00f3n Serial.println<\/figcaption><\/figure><\/div>\n\n<p>Como puedes observar, es muy f\u00e1cil utilizar el Monitor en serie para imprimir texto o los valores de cualquiera de las variables de tu programa. Esta acci\u00f3n es muy \u00fatil cuando necesitas depurar tu programa.<\/p>\n<h2><span style=\"color: #000080;\">Manos a la obra<\/span><\/h2>\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/iaciduino.enp.unam.mx\/wp-content\/uploads\/2021\/01\/ArmandoCircuitosAnimado-1.gif\" alt=\"\"\/><figcaption class=\"wp-element-caption\">Armando Circuitos<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<p>Ahora que ya conoces c\u00f3mo mandar a imprimir textos y valores, te toca incluir las instrucciones a tu\u00a0 programa del circuito electr\u00f3nico de la pr\u00e1ctica que realizaste en el apartado <a href=\"http:\/\/132.248.251.218\/wpArduino\/index.php\/simulador-de-arduino-tinkercad\/construccion-de-un-circuito-electronico-en-tinkercad\/\">Construcci\u00f3n de un circuito electr\u00f3nico en Tinkercad<\/a> para programar el encendido y apagado del LED. Sigue las instrucciones que se te indican y prueba el Monitor en serie.<\/p>\n<p>\u00a0<\/p>\n<\/div>\n<\/div>\n\n\n<p>Una vez abierto el circuito y el editor de c\u00f3digo en modo texto,&nbsp; Incluye la funci\u00f3n <em>Serial.begin<\/em> en el c\u00f3digo de la funci\u00f3n s<em>etup<\/em>:<\/p>\n<pre><span style=\"color: #ff6600;\">Serial.begin<\/span>(9600);<\/pre>\n<p>Incluye el siguiente texto \u00abLED encendido\u00bb despu\u00e9s de la instrucci\u00f3n <em>delay ()<\/em> como&nbsp; en el ejemplo:<\/p>\n<pre><span style=\"color: #ff6600;\">delay<\/span>(1000); <br><span style=\"color: #ff6600;\">Serial.println<\/span> (\"LED prendido\");<\/pre>\n<p>Ahora vamos a imprimir el segundo que lleva de ejecuci\u00f3n el programa con la instrucci\u00f3n <em>millis ()<\/em> como muestra el ejemplo:<\/p>\n<pre><span style=\"color: #ff6600;\"> Serial.print<\/span> (millis()\/1000);<\/pre>\n<p>Incluye el texto \u00bb segundos transcurridos\u00bb como se muestra a continuaci\u00f3n:&nbsp;<\/p>\n<pre>&nbsp; <span style=\"color: #ff6600;\">Serial.println<\/span> (\" segundos transcurridos\");<\/pre>\n<p>Ahora repite las instrucciones pero con el texto \u00bb LED apagado\u00bb , gu\u00edate por el ejemplo:<\/p>\n<pre><span style=\"color: #ff6600;\">digitalWrite<\/span>(7, LOW);<br><span style=\"color: #ff6600;\">delay<\/span>(1000); \/\/ Wait for 1000 millisecond(s)<br><span style=\"color: #ff6600;\">Serial.println<\/span> (\"LED apagado\");<br><span style=\"color: #ff6600;\">Serial.print<\/span> (millis()\/1000);<br><span style=\"color: #ff6600;\">Serial.println<\/span> (\" segundos transcurridos\");<\/pre>\n<p>Recuerda terminar tu programa con la llave de cierre <em>}<\/em>.<\/p>\n<p><\/p>\n<h2><span style=\"color: #000080;\">Programa completo del circuito<\/span><\/h2>\n<p>A continuaci\u00f3n te presentamos el programa completo, revisa que tu programa se parezca al que se muestra:<\/p>\n<pre><span style=\"color: #993300;\">\/* Manual de programaci\u00f3n con Arduino<\/span><br><span style=\"color: #993300;\">* Pr\u00e1ctica: Encender y apagar un led<\/span><br><span style=\"color: #993300;\">* Objetivo: Usar el Monitor Serial de Tinkercad<\/span><br><span style=\"color: #993300;\">* Fecha: enero 2022<\/span><br><span style=\"color: #993300;\">* Autor: UNAM<\/span><br><span style=\"color: #993300;\">*\/<\/span><br><br><span style=\"color: #800080;\">void<\/span> setup()<br>{<br>  pinMode(<span style=\"color: #008000;\">7<\/span>, OUTPUT);<br>  Serial.begin(<span style=\"color: #008000;\">9600<\/span>);<br>}<br><br><span style=\"color: #800080;\">void<\/span> loop()<br>{<br>  digitalWrite(<span style=\"color: #008000;\">7<\/span>, HIGH);<br>  delay(<span style=\"color: #008000;\">1000<\/span>); <br>  Serial.println (<span style=\"color: #ff0000;\">\"LED prendido\"<\/span>);<br>  Serial.print (millis()\/<span style=\"color: #008000;\">1000<\/span>);<br>  Serial.println (<span style=\"color: #ff0000;\">\" segundos transcurridos\"<\/span>);<br><br>  digitalWrite(<span style=\"color: #008000;\">7<\/span>, LOW);<br>  delay(<span style=\"color: #008000;\">1000<\/span>); <span style=\"color: #993300;\">\/\/ Wait for 1000 millisecond(s)<\/span><br>  Serial.println (<span style=\"color: #ff0000;\">\"LED apagado\"<\/span>);<br>  Serial.print (millis()\/<span style=\"color: #008000;\">1000<\/span>);<br>  Serial.println (<span style=\"color: #ff0000;\">\" segundos transcurridos\"<\/span>);<br>}<\/pre>\n<p>Ahora lo \u00fanico que falta es probarlo, da click en el \u00edcono Monitor en serie para abrir la pantalla y enseguida inicia la simulaci\u00f3n. Observa lo que se imprime en la pantalla.<\/p>\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/iaciduino.enp.unam.mx\/wp-content\/uploads\/2021\/02\/Autoecaluacio\u0301nArmandoCircuitos.gif\" alt=\"logo-autoevaluaci\u00f3n\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<h2><span style=\"color: #000080;\">Autoevaluaci\u00f3n<\/span><\/h2>\n<\/div>\n<\/div>\n\n\n<div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-36\" class=\"h5p-iframe\" data-content-id=\"36\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"Ejercicio 30 Monitor Serial Escribir Tinkercad\"><\/iframe><\/div>\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/iaciduino.enp.unam.mx\/wp-content\/uploads\/2021\/01\/ledAprende.gif\" alt=\"para aprender m\u00e1s\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<h2><span style=\"color: #000080;\">Para aprender m\u00e1s<\/span><\/h2>\n<\/div>\n<\/div>\n\n\n<p>How to do Well. (s\/f ). <em>Monitor en serie Arduino en Tinkercad: 7 pasos<\/em>. <a href=\"https:\/\/es.howtodowell.com\/73749-Arduino-Serial-Monitor-in-Tinkercad-46\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/es.howtodowell.com\/73749-Arduino-Serial-Monitor-in-Tinkercad-46<\/a><\/p>\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>&lt; <a href=\"https:\/\/iaciduino.enp.unam.mx\/index.php\/simulador-de-arduino-tinkercad\/tips-para-una-buena-conexion\/\">Tips de conexi\u00f3n<\/a><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-text-align-right\"><a href=\"https:\/\/iaciduino.enp.unam.mx\/index.php\/simulador-de-arduino-tinkercad\/monitor-serial-introducir-datos\/\">Monitor serial: introducir datos ><\/a><\/p>\n<\/div>\n<\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Los lenguajes de programaci\u00f3n disponen de una consola o pantalla para comunicarse, Arduino no es la excepci\u00f3n y cuenta con un Monitor serial para informar de lo que ocurre dentro de nuestros programas. En Tinkercad tambi\u00e9n existe la opci\u00f3n \u201cSerial<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":22,"menu_order":6,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3288","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/iaciduino.enp.unam.mx\/index.php\/wp-json\/wp\/v2\/pages\/3288","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iaciduino.enp.unam.mx\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/iaciduino.enp.unam.mx\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/iaciduino.enp.unam.mx\/index.php\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/iaciduino.enp.unam.mx\/index.php\/wp-json\/wp\/v2\/comments?post=3288"}],"version-history":[{"count":64,"href":"https:\/\/iaciduino.enp.unam.mx\/index.php\/wp-json\/wp\/v2\/pages\/3288\/revisions"}],"predecessor-version":[{"id":6670,"href":"https:\/\/iaciduino.enp.unam.mx\/index.php\/wp-json\/wp\/v2\/pages\/3288\/revisions\/6670"}],"up":[{"embeddable":true,"href":"https:\/\/iaciduino.enp.unam.mx\/index.php\/wp-json\/wp\/v2\/pages\/22"}],"wp:attachment":[{"href":"https:\/\/iaciduino.enp.unam.mx\/index.php\/wp-json\/wp\/v2\/media?parent=3288"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}