Arduino Menu Tutorial with a Rotary Encoder and a Nokia 5110 LCD display.
- 6年前
Welcome to this Arduino Menu Tutorial with a Rotary Encoder. Today we are going to build a simple menu on a Nokia 5110 LCD display. Lets get started! \r
\r
Hello guys, I am Nick and welcome to educ8s.tv a channel that is all about DIY electronics projects with Arduino, Raspberry Pi, ESP8266 and other popular boards. Subscribe to the channel now if you dont want to miss any future videos. In this video we are going learn how to build our own menu for the popular Nokia 5110 LCD display, in order to make our projects more user friendly and more capable. We have built a similar project in the past, but a lot of the viewers of the channel suggested that I should prepare another video on this subject. This time we are going to use a rotary encoder instead of push buttons. Also, the menu we are going to build today has more items to choose from. Lets watch it in ion.\r
\r
--------------------\r
WHERE TO BUY\r
--------------------\r
\r
Arduino Uno: \r
\r
Rotary Encoder: \r
\r
Nokia 5110 LCD: \r
\r
Small Breadboard: \r
\r
Jumper Wires: \r
\r
Wires: \r
\r
Power Bank: \r
\r
Full disclosure: All of the links above are affiliate links. I get a small percentage of each sale they generate. Thank you for your support!\r
\r
I have placed the display on a small breadboard like this. Lets first connect the display. The first pin of the display which is Reset goes to digital pin 3 of the Arduino Uno, the second pin goes to digital pin 4, the third pin goes to digital pin 5, the fourth pin to digital pin 11 and the fifth pin to digital pin 13. The next pin is Vcc. We connect Vcc to the positive rail of the breadboard, and the breadboard positive rail to the 3.3V output of the Arduino. The next pin is Backlight for the display. Since we want to control it via the software we connect it to digital pin 7. The last pin is GND. We connect GND to the negative rail of the breadboard, and the negative rail of the breadboard to Arduino GND. \r
\r
Now all we have to do is to connect the rotary encoder. The first pin is GND and we connect it to negative rail of the breadboard. The next pin is Vcc and we connect it to the positive rail of the breadboard. The next pin is SW and we connect it to Analog Pin 2. The next pin is named DT and we connect it to Analog Pin 1. Lastly the pin CLK is connected to Analog Pin 0. You can find the schematic diagram of this project in the description of the video below.\r
\r
The code of the project is complex but I will do my best to explain it. You will get a basic understanding of how the code works but if you want to fully understand it you have to make your own menu and see exly how it works. Lets start. \r
\r
In this project we use 4 libraries. We use two libraries for the display, and two for the rotary encoder. \r
\r
--------------------\r
LIBRARIES\r
--------------------\r
\r
\r
Hello guys, I am Nick and welcome to educ8s.tv a channel that is all about DIY electronics projects with Arduino, Raspberry Pi, ESP8266 and other popular boards. Subscribe to the channel now if you dont want to miss any future videos. In this video we are going learn how to build our own menu for the popular Nokia 5110 LCD display, in order to make our projects more user friendly and more capable. We have built a similar project in the past, but a lot of the viewers of the channel suggested that I should prepare another video on this subject. This time we are going to use a rotary encoder instead of push buttons. Also, the menu we are going to build today has more items to choose from. Lets watch it in ion.\r
\r
--------------------\r
WHERE TO BUY\r
--------------------\r
\r
Arduino Uno: \r
\r
Rotary Encoder: \r
\r
Nokia 5110 LCD: \r
\r
Small Breadboard: \r
\r
Jumper Wires: \r
\r
Wires: \r
\r
Power Bank: \r
\r
Full disclosure: All of the links above are affiliate links. I get a small percentage of each sale they generate. Thank you for your support!\r
\r
I have placed the display on a small breadboard like this. Lets first connect the display. The first pin of the display which is Reset goes to digital pin 3 of the Arduino Uno, the second pin goes to digital pin 4, the third pin goes to digital pin 5, the fourth pin to digital pin 11 and the fifth pin to digital pin 13. The next pin is Vcc. We connect Vcc to the positive rail of the breadboard, and the breadboard positive rail to the 3.3V output of the Arduino. The next pin is Backlight for the display. Since we want to control it via the software we connect it to digital pin 7. The last pin is GND. We connect GND to the negative rail of the breadboard, and the negative rail of the breadboard to Arduino GND. \r
\r
Now all we have to do is to connect the rotary encoder. The first pin is GND and we connect it to negative rail of the breadboard. The next pin is Vcc and we connect it to the positive rail of the breadboard. The next pin is SW and we connect it to Analog Pin 2. The next pin is named DT and we connect it to Analog Pin 1. Lastly the pin CLK is connected to Analog Pin 0. You can find the schematic diagram of this project in the description of the video below.\r
\r
The code of the project is complex but I will do my best to explain it. You will get a basic understanding of how the code works but if you want to fully understand it you have to make your own menu and see exly how it works. Lets start. \r
\r
In this project we use 4 libraries. We use two libraries for the display, and two for the rotary encoder. \r
\r
--------------------\r
LIBRARIES\r
--------------------\r
\r