Controlling Widgets using Raspberry Pi

This demonstration features the uLCD-220RD-Pi, a display module pack for the Raspberry Pi. The uLCD-220RD-Pi is made up of a uLCD-220RD 1.38″ round TFT LCD display module, a 4D Serial Pi Adaptor, and a 5 way interface cable, for quick and easy connection to a Raspberry Pi.controlling widgets using raspberry pi

In this demo the Raspberry Pi acts as a host which controls the uLCD-220RD. The uLCD-220RD was programmed with several widgets, which are then shown depending on the commands coming from the Raspberry Pi host.

This program is tested on Raspberry Pi 2 with Pixel image. It can also run on other Raspberry Pi variants. But, if you are using Raspberry Pi 3, make sure that you first visit this link: https://www.raspberrypi.org/forums/viewtopic.php?f=63&t=151454 to configure the UART of Raspberry Pi 3.

This demo was tested on a Raspberry Pi 2 running Raspbian with PIXEL. It can also run on other Raspberry Pi variants. However, if you are using the Raspberry Pi 3, make sure to visit this link first to properly configure the UART port:

https://www.raspberrypi.org/forums/viewtopic.php?f=63&t=151454

Setup the uLCD-220RD

The widgets on the uLCD-220RD were created using the ViSi-Genie environment in Workshop4. ViSi-Genie is an environment that allows users to create GUIs (Graphical User Interface) by drag-and-drop method. The ViSi-Genie project file for this demo can be found inside the attached zip file – “ViSi-Genie-RaspPi-Demo-220RD.zip”.

Download and Install Workshop4

To get started, download and install the Worskhop4 IDE from the 4D Systems website, then open the attached project.

http://www.4dsystems.com.au/product/4D_Workshop_4_IDE/controlling widgets using raspberry pi

Open the Attached Project File

Extract the attached zip file to a folder then open the ViSi-Genie project “demo1”, as shown below.

Open the Attached Project File

Download the project here.

Check the Project Settings

After opening the project file, go to the Project menu and make sure that the Comms Speed and Display parameters are correct as shown below.

Check the Project Settings

Connect the uLCD-220RD to the PC

Now connect the uLCD-220RD to the uUSB-PA5, then the uUSB-PA5 to a USB port of your PC using a mini-USB cable.

Connect the uLCD-220RD to the PC

Now go to the Comms Menu and select the correct COM port for the uUSB-PA5, then click on the red button, as shown below.

Now go to the Comms

If the uLCD-220RD is properly connected to the PC, the red button should now turn blue, and the name of the display module should be displayed, as shown below.

If the uLCD-220RD is properly

Download the Program to the uLCD-220RD

At this point, mount the uSD card to the PC using a uSD card reader or adaptor. Go to the Home menu and click on the (Build) Copy/Load button, as shown below.

Download the Program to the uLCD-220RD

Compile

The project should now start the build and compile the process.

Compile

Drive

Worshop4 will prompt for the correct drive for the uSD card. Select the appropriate drive from the drop-down menu.

Drive

Download to Flash

Workshop4 will then compile the source code and download the program to the flash memory of the uLCD-220RD.

Download to Flash

Test the uLCD-220RD Program

Now unmount the uSD card from the ,and mount it to the uSD card slot of the uLCD-220RD. A gauge widget should now appear on the uLCD-220RD. It is now ready to receive commands from a host.

 

 

Download the ViSi-Genie-RaspPi Library

The Raspberry Pi must now run a program, which will communicate with the uLCD-220RD. The source code for the program is attached. To be able to compile the source code on the Raspberry Pi, you need to install first the ViSi-Genie-RaspPi-Library, which can be downloaded from this link:

https://github.com/4dsystems/ViSi-Genie-RaspPi-Library

Follow the instructions on how to install the library on that link.

Connect the Raspberry Pi to the uLCD-220RD

Connect the 4D-Serial-Pi Adaptor to the Raspberry Pi, then connect the 5-way cable to the 4D-Serial-Pi Adaptor. Lastly, connect the other end of the 5-way cable to the uLCD-220RD. The final setup is shown in the picture below.

Connect the Raspberry Pi to the uLCD-220RD

Setup the Raspberry Pi Host

After installing the library and connecting the hardware, you can now compile the source code and run the program on the Raspberry Pi. Follow the procedure below.

  • After Downloading the file, open the terminal and go to the folder which contains this file: ViSi-Genie-RaspPi-Demo-220RD
  • Unzip the file using this command:
pi@raspberry: ~ $ sudo unzip ViSi-Genie-RaspPi-Demo-220RD.zip
  • Navigate to the folder where the contents of “ViSi-Genie-RaspPi-Demo-220RD.zip” were extracted to.
pi@raspberry: ~ $ cd ViSi-Genie-RaspPi-Demo-220RD
  • In LX Terminal type the command to compile:
pi@raspberry: ~$ sudo make
  • Run the program using this command:
pi@raspberry: ~$ ./demo_220RD

The uLCD-220RD should now start displaying the different widgets, according to the serial commands received from the Raspberry Pi host.

Setup the Raspberry Pi Host

 

Source: Controlling Widgets using Raspberry Pi

 


About The Author

Ibrar Ayyub

I am an experienced technical writer holding a Master's degree in computer science from BZU Multan, Pakistan University. With a background spanning various industries, particularly in home automation and engineering, I have honed my skills in crafting clear and concise content. Proficient in leveraging infographics and diagrams, I strive to simplify complex concepts for readers. My strength lies in thorough research and presenting information in a structured and logical format.

Follow Us:
LinkedinTwitter

Leave a Comment

Your email address will not be published. Required fields are marked *