{"id":2335,"date":"2023-07-27T05:36:31","date_gmt":"2023-07-27T05:36:31","guid":{"rendered":"https:\/\/vegaprocessors.in\/blog\/?p=2335"},"modified":"2023-09-18T09:49:32","modified_gmt":"2023-09-18T09:49:32","slug":"how-to-interface-the-touch-display-nhd-4-3ctp-shield-l-with-aries-v2-0","status":"publish","type":"post","link":"https:\/\/vegaprocessors.in\/blog\/how-to-interface-the-touch-display-nhd-4-3ctp-shield-l-with-aries-v2-0\/","title":{"rendered":"How to interface the touch display NHD-4.3CTP-SHIELD-L with VEGA ARIES boards?"},"content":{"rendered":"\n<p>NHD stands for  Newhaven Display which is a 4.3\u201d Diagonal display with Capacitive Touch Panel with Controller (CTP). There are 6 varities of NHD displays available in the market. Among those we are using HW Rev1.0,  NHD-4.3CTP-SHIELD-L display for this demo. There are two different touchscreen options to choose from: capacitive or 4-wire resistive touch. These shields feature<br>the FT801 (capacitive touch) or the FT800 (resistive touch) embedded video engine by FTDI which may be used to develop and demonstrate the functionality of the FT80X IC\u2019s and Newhaven\u2019s 4.3\u201d touchscreen TFT displays. A micro SD slot also comes as a built-in standard allowing additional storage space for more complex code. This eliminates any memory constraints of the microcontroller board.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">COMPONENTS NEEDED:<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>ARIES v2 Microcontroller<\/li>\n\n\n\n<li>NHD-4.3CTP-SHIELD-L display<\/li>\n\n\n\n<li>Jumper wires<\/li>\n<\/ul>\n\n\n\n<p><strong>Not<\/strong><strong>e:<\/strong>&nbsp;All of the following boards can be used for this project<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/vegaprocessors.in\/devboards\/ariesv2.php\">ARIES v2.0<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/vegaprocessors.in\/devboards\/ariesv3.php\">ARIES v3.0<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/vegaprocessors.in\/devboards\/ariesmicro.php\">ARIES Micro<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/vegaprocessors.in\/devboards\/ariesdot.php\">ARIES DOT<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/vegaprocessors.in\/devboards\/ariesiot.php\">ARIES IoT<\/a><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Circuit Diagram:<\/h2>\n\n\n\n<p>Refer the block diagram below to connect the NHD display with Aries v2 board.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"542\" src=\"https:\/\/vegaprocessors.in\/blog\/wp-content\/uploads\/2023\/07\/nhdfig-1-1024x542.png\" alt=\"\" class=\"wp-image-2338\" srcset=\"https:\/\/vegaprocessors.in\/blog\/wp-content\/uploads\/2023\/07\/nhdfig-1-1024x542.png 1024w, https:\/\/vegaprocessors.in\/blog\/wp-content\/uploads\/2023\/07\/nhdfig-1-300x159.png 300w, https:\/\/vegaprocessors.in\/blog\/wp-content\/uploads\/2023\/07\/nhdfig-1-768x406.png 768w, https:\/\/vegaprocessors.in\/blog\/wp-content\/uploads\/2023\/07\/nhdfig-1.png 1383w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><strong><em>NHD Display connection diagram<\/em><\/strong><\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Connections<\/h2>\n\n\n\n<figure class=\"wp-block-table is-style-stripes\"><table><tbody><tr><td><strong>NHD DISPLAY<\/strong><\/td><td><strong>ARIES V2 board<\/strong><\/td><\/tr><tr><td><strong><em>J1 Interface<\/em><\/strong><\/td><td><\/td><\/tr><tr><td>GND<\/td><td>GND<\/td><\/tr><tr><td>10<\/td><td>GPIO-10<\/td><\/tr><tr><td>9<\/td><td>GPIO-9<\/td><\/tr><tr><td>8<\/td><td>GPIO-8<\/td><\/tr><tr><td><strong><em>J2  Interface<\/em><\/strong><\/td><td><\/td><\/tr><tr><td>4<\/td><td>GPIO-4 (Chip Select Signal)<\/td><\/tr><tr><td><strong><em>J3 Interface<\/em><\/strong><\/td><td><\/td><\/tr><tr><td>5V<\/td><td>5V (Supply Voltage for Module (+5V))<\/td><\/tr><tr><td>GND<\/td><td>GND<\/td><\/tr><tr><td>GND<\/td><td>GND<\/td><\/tr><tr><td><strong><em>J5 Interface<\/em><\/strong><\/td><td><\/td><\/tr><tr><td>MISO<\/td><td>MISO-1 (SPI MISO signal (Default))<\/td><\/tr><tr><td>5V<\/td><td>3.3V<\/td><\/tr><tr><td>SCK<\/td><td>SCLK-1 (SPI SCK signal (Default))<\/td><\/tr><tr><td>MOSI<\/td><td>MOSI-1 (SPI MOSI signal (Default))<\/td><\/tr><tr><td>GND<\/td><td>GND<\/td><\/tr><\/tbody><\/table><figcaption class=\"wp-element-caption\"><em><strong>Connection pins of NHD Display Module &amp; ARIES v2.0 Board<\/strong><\/em><br><br>Now, for powering up the ARIES v2 board via the USB port of a Laptop\/Desktop\/PC and burning the code into the ARIES v2 board, we have to use a micro USB type B to USB type A cable. The cable should be connected to UART-0 port of the ARIES v2 board, and the Laptop\/Desktop\/PC should be preinstalled with Arduino IDE and VEGA ARIES boards of latest version.<br><br><br><\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Procedure:<br><\/h2>\n\n\n\n<p>Open Arduino IDE<\/p>\n\n\n\n<p>Go to Tools -&gt; Board -&gt; VEGA Processor ARIES Boards -&gt; Select ARIES v2<\/p>\n\n\n\n<p>Go to Tools -&gt; Programmer -&gt; Select VEGA XMODEM<\/p>\n\n\n\n<p>Connect the ARIES v2 board to PC<\/p>\n\n\n\n<p>Go to Tools -&gt; Port -&gt; Select the appropriate port<\/p>\n\n\n\n<figure class=\"wp-block-image is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/vegaprocessors.in\/blog\/wp-content\/uploads\/2023\/07\/toolMenu.png\" alt=\"ARIES board selection from Tool Menu\" class=\"wp-image-2289\" style=\"width:484px;height:313px\" width=\"484\" height=\"313\" srcset=\"https:\/\/vegaprocessors.in\/blog\/wp-content\/uploads\/2023\/07\/toolMenu.png 976w, https:\/\/vegaprocessors.in\/blog\/wp-content\/uploads\/2023\/07\/toolMenu-300x195.png 300w, https:\/\/vegaprocessors.in\/blog\/wp-content\/uploads\/2023\/07\/toolMenu-768x498.png 768w\" sizes=\"auto, (max-width: 484px) 100vw, 484px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>Download the Required Library for running this demo from the below given link:<\/p>\n\n\n\n<p>Required Library:  https:\/\/gitlab.com\/riscv-vega\/vega-sensor-libraries\/display\/nhd_display <\/p>\n\n\n\n<p>For adding this library you can either extract the zip file inside <strong>Arduino<\/strong> folder or you can follow the below step:<\/p>\n\n\n\n<p>Go to Sketch -&gt; Include Libraries -&gt; Add .ZIP Library -&gt; Go to the folder where you have downloaded nhd_display library -&gt; Select your Library zip file -&gt; Click OK.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/vegaprocessors.in\/blog\/wp-content\/uploads\/2023\/07\/addlib.png\" alt=\"\" class=\"wp-image-2345\" style=\"width:418px;height:257px\" width=\"418\" height=\"257\" srcset=\"https:\/\/vegaprocessors.in\/blog\/wp-content\/uploads\/2023\/07\/addlib.png 730w, https:\/\/vegaprocessors.in\/blog\/wp-content\/uploads\/2023\/07\/addlib-300x185.png 300w\" sizes=\"auto, (max-width: 418px) 100vw, 418px\" \/><\/figure>\n\n\n\n<p>After adding the library,<\/p>\n\n\n\n<p>Open File -&gt; Examples -&gt; Examples for ARIES v2 -&gt; SPI -&gt; Open&nbsp;<strong>NHD_HelloWorld<\/strong>&nbsp;example<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/vegaprocessors.in\/blog\/wp-content\/uploads\/2023\/07\/nhdex.png\" alt=\"\" class=\"wp-image-2346\" style=\"width:313px;height:293px\" width=\"313\" height=\"293\" srcset=\"https:\/\/vegaprocessors.in\/blog\/wp-content\/uploads\/2023\/07\/nhdex.png 688w, https:\/\/vegaprocessors.in\/blog\/wp-content\/uploads\/2023\/07\/nhdex-300x281.png 300w\" sizes=\"auto, (max-width: 313px) 100vw, 313px\" \/><\/figure>\n\n\n\n<p>Compile and Upload the code&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/vegaprocessors.in\/blog\/wp-content\/uploads\/2023\/07\/cu-1024x621.png\" alt=\"\" class=\"wp-image-2347\" style=\"width:695px;height:421px\" width=\"695\" height=\"421\" srcset=\"https:\/\/vegaprocessors.in\/blog\/wp-content\/uploads\/2023\/07\/cu-1024x621.png 1024w, https:\/\/vegaprocessors.in\/blog\/wp-content\/uploads\/2023\/07\/cu-300x182.png 300w, https:\/\/vegaprocessors.in\/blog\/wp-content\/uploads\/2023\/07\/cu-768x466.png 768w, https:\/\/vegaprocessors.in\/blog\/wp-content\/uploads\/2023\/07\/cu.png 1166w\" sizes=\"auto, (max-width: 695px) 100vw, 695px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Output<\/h2>\n\n\n\n<p>Once you\u2019ve completed the code, upload it to your ARIES v2.0 board using the Arduino IDE.&nbsp;Wait until the program is uploaded. After completing the uploading the program will start to execute.The NHD display Screen shows &#8220;Hello World&#8221; in display as follows:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/vegaprocessors.in\/blog\/wp-content\/uploads\/2023\/07\/nhdOp.png\" alt=\"\" class=\"wp-image-2348\" style=\"width:744px;height:322px\" width=\"744\" height=\"322\" srcset=\"https:\/\/vegaprocessors.in\/blog\/wp-content\/uploads\/2023\/07\/nhdOp.png 1014w, https:\/\/vegaprocessors.in\/blog\/wp-content\/uploads\/2023\/07\/nhdOp-300x130.png 300w, https:\/\/vegaprocessors.in\/blog\/wp-content\/uploads\/2023\/07\/nhdOp-768x333.png 768w\" sizes=\"auto, (max-width: 744px) 100vw, 744px\" \/><\/figure>\n\n\n\n<p>Once you have done this program, you can try the other example provided.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">More Examples<\/h2>\n\n\n\n<p>Open File -&gt; Examples -&gt; Examples for ARIES v2 -&gt; SPI -&gt; Open&nbsp;<strong>NHD_Display_Demo<\/strong>&nbsp;example<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/vegaprocessors.in\/blog\/wp-content\/uploads\/2023\/07\/nhdex1.png\" alt=\"\" class=\"wp-image-2349\" style=\"width:394px;height:309px\" width=\"394\" height=\"309\" srcset=\"https:\/\/vegaprocessors.in\/blog\/wp-content\/uploads\/2023\/07\/nhdex1.png 815w, https:\/\/vegaprocessors.in\/blog\/wp-content\/uploads\/2023\/07\/nhdex1-300x236.png 300w, https:\/\/vegaprocessors.in\/blog\/wp-content\/uploads\/2023\/07\/nhdex1-768x603.png 768w\" sizes=\"auto, (max-width: 394px) 100vw, 394px\" \/><\/figure>\n\n\n\n<p>Compile and Upload the code&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Output:<\/h2>\n\n\n\n<p>Upload the above NHD_Display_Demo code to your ARIES v2.0 board using the Arduino IDE.&nbsp;Wait until the program is uploaded. Once the uploading is done, program will start to execute. The NHD display Screen will displays as follows:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"442\" src=\"https:\/\/vegaprocessors.in\/blog\/wp-content\/uploads\/2023\/07\/nhdDemoOp-1024x442.png\" alt=\"\" class=\"wp-image-2350\" srcset=\"https:\/\/vegaprocessors.in\/blog\/wp-content\/uploads\/2023\/07\/nhdDemoOp-1024x442.png 1024w, https:\/\/vegaprocessors.in\/blog\/wp-content\/uploads\/2023\/07\/nhdDemoOp-300x130.png 300w, https:\/\/vegaprocessors.in\/blog\/wp-content\/uploads\/2023\/07\/nhdDemoOp-768x332.png 768w, https:\/\/vegaprocessors.in\/blog\/wp-content\/uploads\/2023\/07\/nhdDemoOp.png 1290w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Since this is a touch display you can use this in your IoT projects for controlling different objects. Once the code is uploaded all the widgets will be in red colour indicating all the associated objects are turned OFF and when you touch any of the widgets provided it will turn into green colour indicating that the corresponding widget is ON. <\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Demonstration<\/h2>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"368\" style=\"aspect-ratio: 640 \/ 368;\" width=\"640\" controls src=\"https:\/\/vegaprocessors.in\/blog\/wp-content\/uploads\/2023\/07\/nhdDemo.mp4\"><\/video><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>NHD stands for Newhaven Display which is a 4.3\u201d Diagonal display with Capacitive Touch Panel with Controller (CTP). There are 6 varities of NHD displays available in the market. Among those we are using HW Rev1.0, NHD-4.3CTP-SHIELD-L display for this demo. There are two different touchscreen options to choose from: capacitive or 4-wire resistive touch. [&hellip;]<\/p>\n","protected":false},"author":13,"featured_media":2350,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[75],"class_list":["post-2335","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-aries-v2-board"],"_links":{"self":[{"href":"https:\/\/vegaprocessors.in\/blog\/wp-json\/wp\/v2\/posts\/2335","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vegaprocessors.in\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/vegaprocessors.in\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/vegaprocessors.in\/blog\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/vegaprocessors.in\/blog\/wp-json\/wp\/v2\/comments?post=2335"}],"version-history":[{"count":10,"href":"https:\/\/vegaprocessors.in\/blog\/wp-json\/wp\/v2\/posts\/2335\/revisions"}],"predecessor-version":[{"id":3303,"href":"https:\/\/vegaprocessors.in\/blog\/wp-json\/wp\/v2\/posts\/2335\/revisions\/3303"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/vegaprocessors.in\/blog\/wp-json\/wp\/v2\/media\/2350"}],"wp:attachment":[{"href":"https:\/\/vegaprocessors.in\/blog\/wp-json\/wp\/v2\/media?parent=2335"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/vegaprocessors.in\/blog\/wp-json\/wp\/v2\/categories?post=2335"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/vegaprocessors.in\/blog\/wp-json\/wp\/v2\/tags?post=2335"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}