{"id":4142,"date":"2018-11-28T02:58:16","date_gmt":"2018-11-28T02:58:16","guid":{"rendered":"http:\/\/rogerbit.com\/wprb\/?p=4142"},"modified":"2018-11-28T13:59:43","modified_gmt":"2018-11-28T13:59:43","slug":"pantalla-tactil-de-2-8-sensor-de-temperatura-dht11-por-dfrobot","status":"publish","type":"post","link":"https:\/\/rogerbit.com\/wprb\/2018\/11\/pantalla-tactil-de-2-8-sensor-de-temperatura-dht11-por-dfrobot\/","title":{"rendered":"Pantalla t\u00e1ctil de 2.8″ + sensor de temperatura dht11 por DFRobot"},"content":{"rendered":"

<\/iframe><\/p>\n<p>Hola amigos, en esta entrada revisaremos una pantalla t\u00e1ctil de 2.8″, con soporte para arduino, veremos los pasos para hacerla funcionar, con un arduino mega y un sensor de temperatura DHT11.<\/p>\n<p>Para comprar este display pueden ir a la siguiente direcci\u00f3n\u00a0<a href=\"https:\/\/www.dfrobot.com\/product-1264.html\">https:\/\/www.dfrobot.com\/product-1264.html<\/a><\/p>\n<p><a href=\"https:\/\/www.dfrobot.com\/product-1264.html\"><img loading=\"lazy\" class=\"alignnone wp-image-4171\" src=\"http:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/DFRobotLogo_horizon_1350x-1024x234.png\" alt=\"\" width=\"450\" height=\"103\" srcset=\"https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/DFRobotLogo_horizon_1350x-1024x234.png 1024w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/DFRobotLogo_horizon_1350x-300x69.png 300w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/DFRobotLogo_horizon_1350x-768x175.png 768w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/DFRobotLogo_horizon_1350x-600x137.png 600w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/DFRobotLogo_horizon_1350x-820x187.png 820w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/DFRobotLogo_horizon_1350x-1320x302.png 1320w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/DFRobotLogo_horizon_1350x.png 1348w\" sizes=\"(max-width: 450px) 100vw, 450px\" \/><\/a><\/p>\n<h2><span id=\"Introduction\" class=\"mw-headline\">Introducci\u00f3n<\/span><\/h2>\n<p>El m\u00f3dulo de pantalla de cristal l\u00edquido basado en la interfaz de comunicaci\u00f3n SPI, proporciona LCD TFT de 2,8 “, pantalla t\u00e1ctil resistiva, flash incorporado y almacenamiento de expansi\u00f3n externa en tarjeta SD. Este panel TFT se conecta directamente en la parte superior de un dispositivo compatible con pin Arduino.<\/p>\n<h2><span id=\"Specification\" class=\"mw-headline\">Especificaci\u00f3n<\/span><\/h2>\n<ul>\n<li>Modelo: DM-TFT28-105<\/li>\n<li>Tama\u00f1o de pantalla: 2.8 “<\/li>\n<li>Voltaje de funcionamiento: 3.3V o 5V<\/li>\n<li>Relaci\u00f3n de resoluci\u00f3n: 240×320<\/li>\n<li>Interfaz de comunicaci\u00f3n: SPI<\/li>\n<li>Memoria flash: 4MB<\/li>\n<li>Temperatura de funcionamiento: -10 ~ 70 \u2103<\/li>\n<li>Soporte micro-tarjeta SD<\/li>\n<li>Soporta tanto\u00a0<a class=\"external text\" href=\"https:\/\/www.dfrobot.com\/category-35.html\">Arduino<\/a>\u00a0como\u00a0<a class=\"external text\" href=\"http:\/\/mbed.org\/\" rel=\"nofollow\">mbed<\/a><\/li>\n<li>Tama\u00f1o: 55 * 70 (W * H) mm<\/li>\n<li>\u00c1rea de visualizaci\u00f3n: 43.2 * 57.6 (W * H) mm<\/li>\n<li>Peso: 40g<\/li>\n<\/ul>\n<hr \/>\n<div id=\"ubm-banners-rotation-n1\" data-interval=\"4000\" class=\"ubm_banners_rotation\" style=\"overflow: hidden; width: 200px; height: 150px;\"><div id=\"3_ubm_banner\" class=\"ubm_rotating_banner\"><a href=\"https:\/\/bit.ly\/3aXRDAu\" target=\"_blank\" rel=\"dofollow\"><img src=\"https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/useful_banner_manager_banners\/3-2-logo youtube.png\" width=\"100%\" height=\"100%\" alt=\"SUSCRIBETE A NUESTRO CANAL DE YOUTUBE, TUTORIALES GRATIS\" \/><\/a><\/div><\/div>\n<hr \/>\n<h2><span id=\"Pinout\" class=\"mw-headline\">Pinout<\/span><\/h2>\n<p>1.TFT, Touch, tarjeta SD y asignaci\u00f3n de pines de memoria flash externa:<\/p>\n<div class=\"center\">\n<div class=\"thumb tnone\">\n<div class=\"thumbinner\"><a href=\"http:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/1.png\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-4143\" src=\"http:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/1.png\" alt=\"\" width=\"600\" height=\"632\" srcset=\"https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/1.png 600w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/1-285x300.png 285w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/a><\/div>\n<div>Definiciones de pines<a href=\"http:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/2.png\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-4144\" src=\"http:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/2.png\" alt=\"\" width=\"700\" height=\"370\" srcset=\"https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/2.png 700w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/2-300x159.png 300w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/2-600x317.png 600w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/a><\/div>\n<div>\n<h2><span id=\"Basic_display_Tutorial\" class=\"mw-headline\">Tutorial b\u00e1sico de visualizaci\u00f3n<\/span><\/h2>\n<h3><span id=\"Sample_Example\" class=\"mw-headline\">Ejemplo de muestra<\/span><\/h3>\n<p>1.\u00a0<a class=\"external text\" href=\"https:\/\/bitbucket.org\/displaymodule\/dmtftlibrary\/get\/master.zip\" rel=\"nofollow\">Primero<\/a>\u00a0descargue la librer\u00eda DmTftLibrary desde\u00a0<a class=\"external text\" href=\"https:\/\/bitbucket.org\/displaymodule\/dmtftlibrary\/get\/master.zip\" rel=\"nofollow\">dmtftlibrary 2.<\/a><br \/>\nExtraiga el contenido a su carpeta de la biblioteca Arduino.\u00a0En Windows, esto generalmente se encuentra en la carpeta \\ bibliotecas IDE de Arduino.\u00a0Consulte la gu\u00eda oficial de Arduino si desea m\u00e1s informaci\u00f3n sobre c\u00f3mo instalar la Biblioteca de Arduino.\u00a0<a class=\"external text\" href=\"http:\/\/arduino.cc\/en\/Guide\/Libraries\" rel=\"nofollow\">La gu\u00eda oficial de Arduino<\/a><br \/>\n3. Inicie Arduino IDE, abra el c\u00f3digo de muestra, haga clic en “Archivo -> Ejemplos -> DmTftLibraries”, seleccione la placa derecha y el puerto COM:\u00a0<b>DM-TFT28-105<\/b><br \/>\n4. Abra el ejemplo y c\u00e1rguelo en su Tablero Arduino.<\/p>\n<p><a href=\"http:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/3.png\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-4145\" src=\"http:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/3.png\" alt=\"\" width=\"600\" height=\"460\" srcset=\"https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/3.png 600w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/3-300x230.png 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<h3><span id=\"Display_Sample_Code\" class=\"mw-headline\">Mostrar c\u00f3digo de muestra<\/span><\/h3>\n<p>La funci\u00f3n b\u00e1sica se puede encontrar en el archivo de biblioteca <bibliotecas \\ DmTftLibrary \\ DmTftBase.h><\/p>\n<pre class=\"lang:arduino decode:true \">#include <SPI.h>\r\n #include <DmTftIli9341.h>\r\n DmTftIli9341 tft = DmTftIli9341(10, 9);\/\/ Define the function body\r\n void setup ()\r\n {\r\n tft.init();\r\n tft.drawString(5, 10,\" Romantic cabin\");\/\/Displays a string\r\n int x=100,y=100;\r\n tft.drawLine (x, y, x-80, y+30, YELLOW );\/\/Draw line\r\n delay(1000);\r\n tft.drawLine (x, y, x+80, y+30, YELLOW );\r\n delay(1000);\r\n tft.drawLine (x-60, y+25, x-60, y+160, BLUE );\r\n delay(1000);\r\n tft.drawLine (x+60, y+25, x+60, y+160, BLUE );\r\n delay(1000); \r\n tft.drawLine (x-60, y+160, x+60, y+160,0x07e0 );\r\n delay(1000); \r\n tft.drawRectangle(x-40, y+50,x-20, y+70, 0x8418);\/\/Draw rectangle\r\n delay(1000);\r\n tft.drawRectangle(x+40, y+50,x+20, y+70, 0x07ff);\r\n delay(1000);\r\n tft.fillRectangle(x-20, y+100, x+20, y+160, BRIGHT_RED);\/\/Draw fill rectangle\r\n delay(1000);\r\n tft.drawLine (x, y+100, x, y+160, WHITE );\r\n delay(1000);\r\n tft.fillCircle(x+100, y-30, 20, RED );\r\n delay(1000);\r\n }\r\n void loop(){}<\/pre>\n<p><a href=\"http:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/4.png\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-4146\" src=\"http:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/4.png\" alt=\"\" width=\"300\" height=\"379\" srcset=\"https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/4.png 300w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/4-237x300.png 237w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<h3><span id=\"Touch_screen_Smaple_code\" class=\"mw-headline\">Pantalla t\u00e1ctil C\u00f3digo de ejemplo<\/span><\/h3>\n<\/div>\n<\/div>\n<pre class=\"lang:arduino decode:true \">#include <SPI.h>\r\n #include <DmTftIli9341.h>\r\n #include <DmTouch.h>\r\n #include <utility\/DmTouchCalibration.h>\r\n DmTftIli9341 tft = DmTftIli9341(10,9);\r\n DmTouch dmTouch = DmTouch(DmTouch::DM_TFT28_105);\r\n DmTouchCalibration calibration = DmTouchCalibration(&tft, &dmTouch);\r\n bool calibrated = false;\r\n uint16_t x=0, y=0 ;\r\n void setup() {\r\n dmTouch.setCalibrationMatrix(calibration.getDefaultCalibrationData((int)DmTouch::DM_TFT28_105));\r\n tft.init();\r\n dmTouch.init();\r\n }\r\n void loop() {\r\n bool touched = true;\r\n if (dmTouch.isTouched()) {\r\n dmTouch.readTouchData(x,y,touched);\/\/(x, y) coordinates read contacts\r\n calibration.drawCalibPoint(x, y);\/\/In a display of contact\r\n }\r\n }<\/pre>\n<p><a href=\"http:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/5.png\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-4147\" src=\"http:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/5.png\" alt=\"\" width=\"400\" height=\"305\" srcset=\"https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/5.png 400w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/5-300x229.png 300w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/><\/a><\/p>\n<h3><span id=\"Display_a_pictures_from_a_SD_card\" class=\"mw-headline\">Mostrar im\u00e1genes de una tarjeta SD<\/span><\/h3>\n<h4><span id=\"Display_a_pictures_from_a_SD_card_2\" class=\"mw-headline\">Mostrar im\u00e1genes de una tarjeta SD<\/span><\/h4>\n<p>Requiere un formato especial para la imagen que se muestra:\u00a0<b>16bit RGBRGB bmp<\/b><br \/>\nPuede descargar la herramienta de conversi\u00f3n aqu\u00ed:\u00a0<a class=\"external text\" href=\"http:\/\/www.displaymodule.com\/pages\/imageconverter\" rel=\"nofollow\">ImageConverter<\/a><\/p>\n<p><a href=\"http:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/6.png\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-4148\" src=\"http:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/6.png\" alt=\"\" width=\"600\" height=\"264\" srcset=\"https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/6.png 600w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/6-300x132.png 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>De todos modos, hay una imagen convertida en la carpeta de la biblioteca (DmTftLibrary \\ examples \\ DM-TFT28-105).\u00a0Podr\u00edas intentarlo primero.<\/p>\n<p>1.Copia la imagen convertida al SD.<br \/>\n2.Enchufe la tarjeta SD en la pantalla t\u00e1ctil.<br \/>\n3.Descarga el siguiente programa<\/p>\n<pre class=\"lang:default decode:true \">#include <SPI.h>\r\n #include <SPIFlash.h>\r\n #include <SD.h>\r\n #include <DmTftIli9341.h>\r\n #include <DmDrawBmpFromSdCard.h>\r\n #define TFT_CS 10\r\n #define SD_CS 8\r\n #define F_CS 6\r\n #define T_CS 4\r\n DmTftIli9341 tft = DmTftIli9341(10, 9);\r\n DmDrawBmpFromSdCard drawImage = DmDrawBmpFromSdCard();\r\n void setup()\r\n {\r\n \/\/ Set CS SPI pin HIGH for all SPI units, so they don't interfere\r\n pinMode(TFT_CS, OUTPUT);\r\n digitalWrite(TFT_CS, HIGH);\r\n pinMode(T_CS, OUTPUT);\r\n digitalWrite(T_CS, HIGH);\r\n pinMode(SD_CS, OUTPUT);\r\n digitalWrite(SD_CS, HIGH);\r\n pinMode(F_CS, OUTPUT);\r\n digitalWrite(F_CS, HIGH); \r\n Serial.begin(9600);\r\n tft.init();\r\n SD.begin(SD_CS);\r\n drawImage.drawImage(\"logop565.bmp\", tft, 0, 0);\/\/Display picture \r\n tft.clearScreen();\r\n delay(2000);\r\n drawImage.drawImage(\"logop888.bmp\", tft, 0, 0);\r\n }\r\n void loop() { }<\/pre>\n<hr \/>\n<h3>Instalaci\u00f3n de la librer\u00eda<\/h3>\n<div>Para la instalaci\u00f3n de la librer\u00eda y poder hacer uso del display vamos a descargar el siguiente archivo.<\/div>\n<div>Lo abrimos.\u00a0<a href=\"http:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen1-2.png\"><img loading=\"lazy\" class=\"alignnone size-large wp-image-4150\" src=\"http:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen1-2-1024x576.png\" alt=\"\" width=\"1024\" height=\"576\" srcset=\"https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen1-2-1024x576.png 1024w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen1-2-300x169.png 300w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen1-2-768x432.png 768w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen1-2-600x338.png 600w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen1-2-820x461.png 820w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen1-2-1320x743.png 1320w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen1-2.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n<div>\n<hr \/>\n<div>Y vamos a la carpeta de librer\u00edas de nuestro arduino.<\/div>\n<div>Y pegamos estas dos carpetas.<\/div>\n<\/div>\n<div><a href=\"http:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen2-2.png\"><img loading=\"lazy\" class=\"alignnone size-large wp-image-4151\" src=\"http:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen2-2-1024x576.png\" alt=\"\" width=\"1024\" height=\"576\" srcset=\"https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen2-2-1024x576.png 1024w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen2-2-300x169.png 300w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen2-2-768x432.png 768w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen2-2-600x338.png 600w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen2-2-820x461.png 820w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen2-2-1320x743.png 1320w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen2-2.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n<div>\n<hr \/>\n<div>Si nos aparece este cartel click en continuar.<\/div>\n<div>Y listo.<\/div>\n<\/div>\n<div><a href=\"http:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen3-2.png\"><img loading=\"lazy\" class=\"alignnone size-large wp-image-4152\" src=\"http:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen3-2-1024x576.png\" alt=\"\" width=\"1024\" height=\"576\" srcset=\"https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen3-2-1024x576.png 1024w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen3-2-300x169.png 300w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen3-2-768x432.png 768w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen3-2-600x338.png 600w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen3-2-820x461.png 820w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen3-2-1320x743.png 1320w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen3-2.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n<hr \/>\n<h3>Conversi\u00f3n de archivos<\/h3>\n<div>\n<p>Para poder visualizar im\u00e1genes en el display debemos convertir y adaptar los archivos.<\/p>\n<div>Primero usaremos un editor de im\u00e1genes como corel photopaint.<\/div>\n<div>Vamos a archivos y abrimos una imagen.<\/div>\n<\/div>\n<div><a href=\"http:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen4-2.png\"><img loading=\"lazy\" class=\"alignnone size-large wp-image-4153\" src=\"http:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen4-2-1024x576.png\" alt=\"\" width=\"1024\" height=\"576\" srcset=\"https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen4-2-1024x576.png 1024w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen4-2-300x169.png 300w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen4-2-768x432.png 768w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen4-2-600x338.png 600w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen4-2-820x461.png 820w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen4-2-1320x743.png 1320w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen4-2.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n<div>\n<hr \/>\n<\/div>\n<div>\n<div>Iremos a imagen.<\/div>\n<div>Luego girar 90 grados, si es que corresponde.<\/div>\n<\/div>\n<div><a href=\"http:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen5-2.png\"><img loading=\"lazy\" class=\"alignnone size-large wp-image-4154\" src=\"http:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen5-2-1024x576.png\" alt=\"\" width=\"1024\" height=\"576\" srcset=\"https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen5-2-1024x576.png 1024w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen5-2-300x169.png 300w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen5-2-768x432.png 768w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen5-2-600x338.png 600w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen5-2-820x461.png 820w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen5-2-1320x743.png 1320w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen5-2.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n<div>\n<hr \/>\n<\/div>\n<div>Click derecho sobre la imagen y nuevo muestreo.<\/div>\n<div><a href=\"http:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen6-1.png\"><img loading=\"lazy\" class=\"alignnone size-large wp-image-4155\" src=\"http:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen6-1-1024x576.png\" alt=\"\" width=\"1024\" height=\"576\" srcset=\"https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen6-1-1024x576.png 1024w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen6-1-300x169.png 300w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen6-1-768x432.png 768w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen6-1-600x338.png 600w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen6-1-820x461.png 820w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen6-1-1320x743.png 1320w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen6-1.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n<div>\n<hr \/>\n<\/div>\n<div>Desactivamos mantener proporci\u00f3n.<\/div>\n<div><a href=\"http:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen7-1.png\"><img loading=\"lazy\" class=\"alignnone size-large wp-image-4156\" src=\"http:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen7-1-1024x576.png\" alt=\"\" width=\"1024\" height=\"576\" srcset=\"https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen7-1-1024x576.png 1024w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen7-1-300x169.png 300w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen7-1-768x432.png 768w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen7-1-600x338.png 600w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen7-1-820x461.png 820w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen7-1-1320x743.png 1320w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen7-1.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n<\/div>\n<hr \/>\n<div class=\"center\">\n<div>A continuaci\u00f3n elegimos pixeles.<\/div>\n<div><a href=\"http:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen8-1.png\"><img loading=\"lazy\" class=\"alignnone size-large wp-image-4157\" src=\"http:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen8-1-1024x576.png\" alt=\"\" width=\"1024\" height=\"576\" srcset=\"https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen8-1-1024x576.png 1024w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen8-1-300x169.png 300w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen8-1-768x432.png 768w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen8-1-600x338.png 600w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen8-1-820x461.png 820w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen8-1-1320x743.png 1320w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen8-1.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n<div>\n<hr \/>\n<\/div>\n<div>\n<div>En anchura damos un tama\u00f1o de 240.<\/div>\n<div>Y en altura un tama\u00f1o de 320.<\/div>\n<div>Aceptamos los cambios.<\/div>\n<\/div>\n<div><a href=\"http:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen9-1.png\"><img loading=\"lazy\" class=\"alignnone size-large wp-image-4158\" src=\"http:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen9-1-1024x576.png\" alt=\"\" width=\"1024\" height=\"576\" srcset=\"https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen9-1-1024x576.png 1024w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen9-1-300x169.png 300w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen9-1-768x432.png 768w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen9-1-600x338.png 600w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen9-1-820x461.png 820w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen9-1-1320x743.png 1320w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen9-1.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n<div>\n<hr \/>\n<\/div>\n<div>\n<div>Nos dirigimos a archivo guardar como.<\/div>\n<div><a href=\"http:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen10-1.png\"><img loading=\"lazy\" class=\"alignnone size-large wp-image-4159\" src=\"http:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen10-1-1024x576.png\" alt=\"\" width=\"1024\" height=\"576\" srcset=\"https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen10-1-1024x576.png 1024w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen10-1-300x169.png 300w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen10-1-768x432.png 768w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen10-1-600x338.png 600w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen10-1-820x461.png 820w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen10-1-1320x743.png 1320w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen10-1.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n<hr \/>\n<div>Y lo guardamos como archivo BMP.<\/div>\n<div>Click en guardar.<\/div>\n<div><a href=\"http:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen11-1.png\"><img loading=\"lazy\" class=\"alignnone size-large wp-image-4160\" src=\"http:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen11-1-1024x576.png\" alt=\"\" width=\"1024\" height=\"576\" srcset=\"https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen11-1-1024x576.png 1024w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen11-1-300x169.png 300w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen11-1-768x432.png 768w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen11-1-600x338.png 600w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen11-1-820x461.png 820w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen11-1-1320x743.png 1320w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen11-1.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n<hr \/>\n<div>\n<div>Abrimos el programa “display module bitmap converter”.<\/div>\n<div>Hacemos click en open.<\/div>\n<\/div>\n<div><a href=\"http:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen12-1.png\"><img loading=\"lazy\" class=\"alignnone size-large wp-image-4161\" src=\"http:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen12-1-1024x576.png\" alt=\"\" width=\"1024\" height=\"576\" srcset=\"https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen12-1-1024x576.png 1024w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen12-1-300x169.png 300w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen12-1-768x432.png 768w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen12-1-600x338.png 600w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen12-1-820x461.png 820w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen12-1-1320x743.png 1320w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen12-1.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n<div>\n<hr \/>\n<\/div>\n<div>Y abrimos el archivo que guardamos con el corel photopaint.<\/div>\n<div><a href=\"http:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen13.png\"><img loading=\"lazy\" class=\"alignnone size-large wp-image-4162\" src=\"http:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen13-1024x576.png\" alt=\"\" width=\"1024\" height=\"576\" srcset=\"https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen13-1024x576.png 1024w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen13-300x169.png 300w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen13-768x432.png 768w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen13-600x338.png 600w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen13-820x461.png 820w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen13-1320x743.png 1320w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen13.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n<\/div>\n<div>\n<hr \/>\n<\/div>\n<div>\n<div>Vamos a “destination file” y click en “select”.<\/div>\n<div>Y colocamos un nuevo nombre al archivo, que vamos a guardar.<\/div>\n<div><a href=\"http:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen14.png\"><img loading=\"lazy\" class=\"alignnone size-large wp-image-4163\" src=\"http:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen14-1024x576.png\" alt=\"\" width=\"1024\" height=\"576\" srcset=\"https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen14-1024x576.png 1024w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen14-300x169.png 300w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen14-768x432.png 768w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen14-600x338.png 600w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen14-820x461.png 820w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen14-1320x743.png 1320w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen14.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n<div>\n<hr \/>\n<\/div>\n<div>Click en “convert” luego en aceptar.<\/div>\n<div><a href=\"http:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen15.png\"><img loading=\"lazy\" class=\"alignnone size-large wp-image-4164\" src=\"http:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen15-1024x576.png\" alt=\"\" width=\"1024\" height=\"576\" srcset=\"https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen15-1024x576.png 1024w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen15-300x169.png 300w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen15-768x432.png 768w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen15-600x338.png 600w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen15-820x461.png 820w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen15-1320x743.png 1320w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen15.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n<hr \/>\n<div>Este nuevo archivo creado, lo copiamos.<\/div>\n<div><a href=\"http:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen16.png\"><img loading=\"lazy\" class=\"alignnone size-large wp-image-4165\" src=\"http:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen16-1024x576.png\" alt=\"\" width=\"1024\" height=\"576\" srcset=\"https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen16-1024x576.png 1024w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen16-300x169.png 300w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen16-768x432.png 768w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen16-600x338.png 600w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen16-820x461.png 820w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen16-1320x743.png 1320w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen16.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n<hr \/>\n<div>Y pegamos en nuestra tarjeta micro SD, y\u00a0as\u00ed con todos los archivos que queremos visualizar en el display.<\/div>\n<div><a href=\"http:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen17.png\"><img loading=\"lazy\" class=\"alignnone size-large wp-image-4166\" src=\"http:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen17-1024x576.png\" alt=\"\" width=\"1024\" height=\"576\" srcset=\"https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen17-1024x576.png 1024w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen17-300x169.png 300w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen17-768x432.png 768w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen17-600x338.png 600w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen17-820x461.png 820w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen17-1320x743.png 1320w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen17.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n<div>\n<hr \/>\n<\/div>\n<div>A continuaci\u00f3n nos vamos al ide de arduino, y abrimos el ejemplo “Draw_bitmap_from_SD_card<\/div>\n<div><a href=\"http:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen18.png\"><img loading=\"lazy\" class=\"alignnone size-large wp-image-4167\" src=\"http:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen18-1024x576.png\" alt=\"\" width=\"1024\" height=\"576\" srcset=\"https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen18-1024x576.png 1024w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen18-300x169.png 300w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen18-768x432.png 768w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen18-600x338.png 600w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen18-820x461.png 820w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen18-1320x743.png 1320w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen18.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n<div>\n<hr \/>\n<\/div>\n<div>Modificamos en el c\u00f3digo con el nombre de los archivos que copiamos a la tarjeta.<\/div>\n<div><a href=\"http:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen19.png\"><img loading=\"lazy\" class=\"alignnone size-large wp-image-4168\" src=\"http:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen19-1024x576.png\" alt=\"\" width=\"1024\" height=\"576\" srcset=\"https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen19-1024x576.png 1024w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen19-300x169.png 300w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen19-768x432.png 768w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen19-600x338.png 600w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen19-820x461.png 820w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen19-1320x743.png 1320w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen19.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n<hr \/>\n<div>Y luego subimos a nuestro arduino.<\/div>\n<div><a href=\"http:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen20.png\"><img loading=\"lazy\" class=\"alignnone size-large wp-image-4169\" src=\"http:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen20-1024x576.png\" alt=\"\" width=\"1024\" height=\"576\" srcset=\"https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen20-1024x576.png 1024w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen20-300x169.png 300w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen20-768x432.png 768w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen20-600x338.png 600w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen20-820x461.png 820w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen20-1320x743.png 1320w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen20.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n<hr \/>\n<div>Ya podremos visualizar las im\u00e1genes en el display<\/div>\n<div><a href=\"http:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen21.png\"><img loading=\"lazy\" class=\"alignnone size-large wp-image-4170\" src=\"http:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen21-1024x576.png\" alt=\"\" width=\"1024\" height=\"576\" srcset=\"https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen21-1024x576.png 1024w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen21-300x169.png 300w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen21-768x432.png 768w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen21-600x338.png 600w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen21-820x461.png 820w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen21-1320x743.png 1320w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/Imagen21.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n<\/div>\n<hr \/>\n<h3>C\u00f3digo Fuente<\/h3>\n<p>En sigueinte c\u00f3digo vamos a visualizar el el display la temperatura y la humedad relativa con el sensor DHT11<\/p>\n<pre class=\"lang:arduino decode:true\">\/\/ Incluimos librer\u00eda\r\n#include <DHT.h>\r\n#include \"SPI.h\"\r\n#include \"Adafruit_GFX.h\"\r\n#include \"Adafruit_ILI9341.h\"\r\n\/\/ Pines que vamos ha usar en el proyecto\r\n#define TFT_DC 9\r\n#define TFT_CS 10\r\n#define DHTTYPE DHT11\r\n#define DHTPIN 22\r\nDHT dht(DHTPIN, DHTTYPE);\r\n\/\/ Usar hardware SPI (en Uno o Mega, # 13, # 12, # 11) y lo anterior para CS \/ DC\r\nAdafruit_ILI9341 tft = Adafruit_ILI9341(TFT_CS, TFT_DC);\r\nvoid setup() {\r\n tft.begin();\/\/Inicializa el display \r\n dht.begin();\/\/Inicializa el sensor de humedad y temperatura\r\n}\r\nvoid loop() {\r\n delay(5000);\/\/Vamos ha esperar 5 segndos entre lecturas \r\n int h = dht.readHumidity(); \/\/ Lectura de la humedad relativa\r\n int t = dht.readTemperature();\/\/ Lectura de la temperatura en grados cent\u00edgrados\r\n tft.fillScreen(ILI9341_BLUE);\/\/Pone el fondo de pantalla en color azul\r\n tft.setCursor(0, 0);\/\/Posici\u00f3n del texto en la pantalla\r\n tft.setTextColor(ILI9341_GREEN);\/\/Setea el color del texto en verde\r\n tft.setTextSize(3);\/\/Seteo del tama\u00f1o del texto\r\n tft.println(\"Temperatura:\");\/\/ Se imprime en patalla la \"Temperatura:\"\r\n tft.setTextSize(5);\/\/Seteo del tama\u00f1o del texto\r\n tft.setTextColor(ILI9341_WHITE);\/\/Setea el color del texto en blanco\r\n tft.print(t);\/\/Muestra la temperatura obtenida del sensor\r\n tft.println(\"^C\");\/\/Imprime \"^C\"\r\n tft.setTextColor(ILI9341_RED);\/\/Setea el color del texto en rojo\r\n tft.setTextSize(3);\/\/Seteo del tama\u00f1o del texto\r\n tft.println(\"Humedad:\");\/\/ Se imprime en patalla la \"Humedad:\"\r\n tft.setTextSize(5);\/\/Seteo del tama\u00f1o del texto\r\n tft.setTextColor(ILI9341_WHITE);\/\/Setea el color del texto en blanco\r\n tft.print(h);\/\/ Se imprime en patalla la el valor de la temperatura actual\r\n tft.println(\" %\"); \/\/ Se imprime en patalla la \"%\"\r\n tft.fillRect(5,180, 230, 40, ILI9341_BLACK);\/\/Dibuja un rectangulo con el fondo negro\r\n tft.drawRect(5,180,230,40,ILI9341_WHITE);\/\/Dibuja un rectangulo con contorno blanco\r\n tft.setCursor(12,188);\/\/Posici\u00f3n donde se colocar\u00e1 el texto\r\n tft.setTextColor(ILI9341_PURPLE);\/\/Color del texto\r\n tft.setTextSize(3);\/\/Tama\u00f1o del texto\r\n tft.print(\"rogerBit.com\");\/\/Texto que se mostrar\u00e1\r\n }<\/pre>\n<hr \/>\n<p>Para comprar este display pueden ir a la siguiente direcci\u00f3n\u00a0<a href=\"https:\/\/www.dfrobot.com\/product-1264.html\">https:\/\/www.dfrobot.com\/product-1264.html<\/a><\/p>\n<p><a href=\"https:\/\/www.dfrobot.com\/product-1264.html\"><img loading=\"lazy\" class=\"alignnone wp-image-4171\" src=\"http:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/DFRobotLogo_horizon_1350x-1024x234.png\" alt=\"\" width=\"450\" height=\"103\" srcset=\"https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/DFRobotLogo_horizon_1350x-1024x234.png 1024w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/DFRobotLogo_horizon_1350x-300x69.png 300w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/DFRobotLogo_horizon_1350x-768x175.png 768w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/DFRobotLogo_horizon_1350x-600x137.png 600w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/DFRobotLogo_horizon_1350x-820x187.png 820w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/DFRobotLogo_horizon_1350x-1320x302.png 1320w, https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/2018\/11\/DFRobotLogo_horizon_1350x.png 1348w\" sizes=\"(max-width: 450px) 100vw, 450px\" \/><\/a><\/p>\n<hr \/>\n<p>Tal vez pueda interesarte proyectos en arduino, pic, rob\u00f3tica, telecomunicaciones, suscribete en\u00a0<a href=\"http:\/\/www.youtube.com\/user\/carlosvolt?sub_confirmation=1\">http:\/\/www.youtube.com\/user\/carlosvolt?sub_confirmation=1<\/a>\u00a0mucho videos con c\u00f3digo fuentes completos y diagramas<\/p>\n<div id=\"ubm-banners-rotation-n2\" data-interval=\"4000\" class=\"ubm_banners_rotation\" style=\"overflow: hidden; width: 200px; height: 150px;\"><div id=\"3_ubm_banner\" class=\"ubm_rotating_banner\"><a href=\"https:\/\/bit.ly\/3aXRDAu\" target=\"_blank\" rel=\"dofollow\"><img src=\"https:\/\/rogerbit.com\/wprb\/wp-content\/uploads\/useful_banner_manager_banners\/3-2-logo youtube.png\" width=\"100%\" height=\"100%\" alt=\"SUSCRIBETE A NUESTRO CANAL DE YOUTUBE, TUTORIALES GRATIS\" \/><\/a><\/div><\/div>\n<hr \/>\n<p>SUSCRIBETE A NUESTROS BOLETINES, RECIBE EN TU CORREO LAS NOTICIAS M\u00c1S DESTACADAS, S\u00d3LO INGRESANDO TU CORREO ELECTR\u00d3NICO<\/p>\n<p>[wysija_form id=”1″]<\/p>\n<hr \/>\n<div class=\"page-sidebar widget\" id=\"donation_buttons\"><form action=\"https:\/\/www.paypal.com\/cgi-bin\/webscr\" method=\"post\" target=\"_blank\" ><input type=\"hidden\" name=\"business\" value=\"donacion@rogerbit.com\"><input type=\"hidden\" name=\"bn\" value=\"mbjtechnolabs_SP\"><input type=\"hidden\" name=\"cmd\" value=\"_donations\"><input type=\"hidden\" name=\"item_name\" value=\"Ayuda a RogerBit.com\"><input type=\"hidden\" name=\"item_number\" value=\"www.rogerbit.com\"><input type=\"hidden\" class=\"set_donation_button_amount\" name=\"amount\" value=\"1\"><table ><tbody><tr><td><label for=\"rogerBit necesita de tu ayuda para seguir existiendo :-)\">rogerBit necesita de tu ayuda para seguir existiendo :-)<\/label><\/td><\/tr><\/tbody><\/table><table ><tbody><tr><td><input style=\"margin-top:10px;\" type=\"image\" name=\"submit\" border=\"0\" src=\"https:\/\/www.paypal.com\/en_US\/i\/btn\/btn_donateCC_LG.gif\" alt=\"PayPal - The safer, easier way to pay online\"><\/td><\/tr><\/tbody><\/table><input type=\"hidden\" name=\"currency_code\" value=\"USD\"><input type=\"hidden\" name=\"notify_url\" value=\"https:\/\/rogerbit.com\/wprb\/?Donation_Button&action=ipn_handler\"><\/form><\/div>\n<hr \/>\n<p><strong>VIDEO RECOMENDADO<\/strong><\/p>\n<p><iframe loading=\"lazy\" width=\"1160\" height=\"653\" src=\"https:\/\/www.youtube.com\/embed\/c1tVTspVwmo?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Hola amigos, en esta entrada revisaremos una pantalla t\u00e1ctil de 2.8″, con soporte para arduino, veremos los pasos para hacerla funcionar, con un arduino mega y un sensor de temperatura DHT11. Para comprar este display pueden ir a la siguiente direcci\u00f3n\u00a0https:\/\/www.dfrobot.com\/product-1264.html Introducci\u00f3n El m\u00f3dulo de pantalla de cristal l\u00edquido basado en la interfaz de comunicaci\u00f3n […]<\/p>\n","protected":false},"author":1,"featured_media":4149,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[11],"tags":[],"_links":{"self":[{"href":"https:\/\/rogerbit.com\/wprb\/wp-json\/wp\/v2\/posts\/4142"}],"collection":[{"href":"https:\/\/rogerbit.com\/wprb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rogerbit.com\/wprb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rogerbit.com\/wprb\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rogerbit.com\/wprb\/wp-json\/wp\/v2\/comments?post=4142"}],"version-history":[{"count":5,"href":"https:\/\/rogerbit.com\/wprb\/wp-json\/wp\/v2\/posts\/4142\/revisions"}],"predecessor-version":[{"id":4176,"href":"https:\/\/rogerbit.com\/wprb\/wp-json\/wp\/v2\/posts\/4142\/revisions\/4176"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/rogerbit.com\/wprb\/wp-json\/wp\/v2\/media\/4149"}],"wp:attachment":[{"href":"https:\/\/rogerbit.com\/wprb\/wp-json\/wp\/v2\/media?parent=4142"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rogerbit.com\/wprb\/wp-json\/wp\/v2\/categories?post=4142"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rogerbit.com\/wprb\/wp-json\/wp\/v2\/tags?post=4142"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}