{"id":12975,"date":"2017-01-16T11:07:26","date_gmt":"2017-01-16T16:07:26","guid":{"rendered":"http:\/\/embedded-lab.com\/blog\/?p=12975"},"modified":"2017-01-16T11:07:26","modified_gmt":"2017-01-16T16:07:26","slug":"managing-menu-driven-user-interface-nokia-5110-lcd","status":"publish","type":"post","link":"https:\/\/embedded-lab.com\/blog\/managing-menu-driven-user-interface-nokia-5110-lcd\/","title":{"rendered":"Managing a menu driven user interface on a Nokia 5110 LCD"},"content":{"rendered":"<p>An interactive menu driven LCD user interface (UI) is really useful in embedded applications that require setting up parameters for operation. This <strong><a href=\"https:\/\/www.youtube.com\/watch?v=VtZvf5T98FI\" target=\"_blank\">YouTube tutorial<\/a><\/strong> demonstrates how to manage a simple menu driven UI on a Nokia 5110 LCD for Arduino applications.<\/p>\n<div id=\"attachment_12976\" style=\"width: 710px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/embedded-lab.com\/blog\/wp-content\/uploads\/2017\/01\/menu.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-12976\" class=\"size-full wp-image-12976\" src=\"http:\/\/embedded-lab.com\/blog\/wp-content\/uploads\/2017\/01\/menu.jpg\" alt=\"User interface menu on Nokia 5110 LCD\" width=\"700\" height=\"373\" srcset=\"https:\/\/embedded-lab.com\/blog\/wp-content\/uploads\/2017\/01\/menu.jpg 700w, https:\/\/embedded-lab.com\/blog\/wp-content\/uploads\/2017\/01\/menu-580x309.jpg 580w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/a><p id=\"caption-attachment-12976\" class=\"wp-caption-text\">User interface menu on Nokia 5110 LCD<\/p><\/div>\n<blockquote><p>This is the project we are going to build. In the display a simple menu appears, and with the help of three buttons I can navigate up, or down and select a menu item. Let\u2019s select the first option. As you can see a new a UI screen is displayed and by pressing the up and down buttons we can change the contrast of the display. If we press the middle button again, we go back to the main UI screen. If we now select the second menu item and press the middle button we can turn the backlight of the display on or off. Lastly if we navigate to the last menu item we can reset the settings for the display to the default values. Of course this is just a demonstration project, you can modify it to build your own more complex menus if you wish. Let\u2019s now see how to build this project.<\/p><\/blockquote>\n<p>Watch the tutorial video below:<\/p>\n<p><iframe loading=\"lazy\" width=\"860\" height=\"484\" src=\"https:\/\/www.youtube.com\/embed\/VtZvf5T98FI?feature=oembed\" frameborder=\"0\" allowfullscreen><\/iframe><\/p>\n","protected":false},"excerpt":{"rendered":"<p>An interactive menu driven LCD user interface (UI) is really useful in embedded applications that require setting up parameters for operation. This YouTube tutorial demonstrates how to manage a simple menu driven UI on a Nokia 5110 LCD for Arduino applications. This is the project we are going to build. In the display a simple menu appears, and with the help of three buttons I can navigate up, or down and select a menu item. Let\u2019s select the first option. As you can see a new a UI screen is displayed and by pressing the up and down buttons we<\/p>\n","protected":false},"author":1,"featured_media":12976,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[150],"tags":[],"class_list":["post-12975","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-arduino-2"],"_links":{"self":[{"href":"https:\/\/embedded-lab.com\/blog\/wp-json\/wp\/v2\/posts\/12975","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/embedded-lab.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/embedded-lab.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/embedded-lab.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/embedded-lab.com\/blog\/wp-json\/wp\/v2\/comments?post=12975"}],"version-history":[{"count":1,"href":"https:\/\/embedded-lab.com\/blog\/wp-json\/wp\/v2\/posts\/12975\/revisions"}],"predecessor-version":[{"id":12977,"href":"https:\/\/embedded-lab.com\/blog\/wp-json\/wp\/v2\/posts\/12975\/revisions\/12977"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/embedded-lab.com\/blog\/wp-json\/wp\/v2\/media\/12976"}],"wp:attachment":[{"href":"https:\/\/embedded-lab.com\/blog\/wp-json\/wp\/v2\/media?parent=12975"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/embedded-lab.com\/blog\/wp-json\/wp\/v2\/categories?post=12975"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/embedded-lab.com\/blog\/wp-json\/wp\/v2\/tags?post=12975"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}