Home > Projects > LCD Projects > Arduino-Square with Color LCD

Arduino-Square with Color LCD

Summary of Arduino-Square with Color LCD


This article guides users in assembling a Color-LCD application using the B-Squares modular platform. It details hardware and software requirements, followed by a three-step process: configuring the Arduino-Square with the LCD Shield and FTDI connector, uploading the specific sketch via Arduino Software while adjusting for driver variations, and finally reassembling the unit with a Battery-Square for power.

Parts used in the B-Squares Color-LCD Application:

  • Arduino-Square
  • Battery-Square
  • Color LCD Shield
  • FTDI USB connector (3.3V)
  • USB cable
B-Squares is a modular electronics platform that enables users to build, customize, and continuously update their own electronics applications.

In this B-Squares App we will cover how to assemble a simple Color-LCD Application using the Arduino-Square.
Arduino-Square with Color LCD
Hardware:
1. Arduino-Square.
2. Battery-Square
3. Color LCD Shield.
4. FTDI USB connector (3.3V).

Software:
1. Arduino Software.
2. BSQ-ColorLCD sketch files.

Step 1: Configure Arduino-Square

• First begin by pulling the Arduino-Pro board outside of the Arduino-Square frame and rest it on top of the frame.  (You should be able to do this easily by angling the Arduino-Pro board inside the frame, pulling one side out of the frame and then the other.)

• Line up the Color-LCD Shield pins with Arduino-Pro connectors.  There are 2 sets of 6 pin connectors on one side and 2 sets of 8 pin connectors on the other.

• Plug the FTDI serial adapter into the right angled 6 pin connector located on the Arduino-Pro board adjacent to the power connector.

• Plug the USB cable into your computer.

Step 2: Upload Sketch

• To install the Color-LCD library copy and paste the entire “ColorLCDShield” folder into the Arduino Library folder
o Win: My Documents\Arduino\libraries\
o OS X:  ~/Documents/Arduino/libraries/

• Start the Arduino software and open the BSQ-ColorLCD sketch.

• To configure Arduino for your Arduino-Square select Tools->Board and select “Arduino Pro or Pro Mini (3.3V, 8Mhz) w/ ATmega 328”
Arduino-Square with Color LCD connection
• Go to Tools->Serial Port and select the Serial Port that was created for the FTDI serial port adapter (example “COM 5”).

• Click on the “Upload” button.  You should see a small progress bar at the bottom right of the Arduino console.

• Once the code is done uploading an image with multiple colored bars should appear on your LCD Shield.  NOTE:  If the screen turns on but the image is distorted, the most likely reason is that your Shield uses a different driver.  To fix this, change the code on line 33 from “  lcd.init(EPSON);” to “  lcd.init(PHILLIPS);” or vice versa.

Step 3: Final Assembly

• Unplug the FTDI serial adapter from the Arduino-Pro and, with the Color-LCD Shield still plugged in.

• Reinsert the Arduino-Pro board back into the Arduino-Square frame.

• To power the Arduino-Square with the Battery-Square connect the corner contacts with the “+” symbol.

Major Components in Project

For more detail: Arduino-Square with Color LCD

Quick Solutions to Questions related to B-Squares Color-LCD Application:

  • How do I configure the Arduino-Pro board?
    Pull the board out of the frame at an angle, align the Color-LCD Shield pins with the connectors, and plug the FTDI adapter into the right-angled 6-pin connector.
  • Where should I place the ColorLCDShield folder?
    Copy the entire folder into the Arduino Library directory located in My DocumentsArduinolibraries on Windows or ~/Documents/Arduino/libraries on OS X.
  • Which board setting must be selected in the Tools menu?
    Select "Arduino Pro or Pro Mini (3.3V, 8Mhz) w/ ATmega 328" under Tools->Board.
  • What indicates a successful code upload?
    An image with multiple colored bars should appear on the LCD Shield after the upload progress bar completes.
  • How can I fix a distorted image on the screen?
    Change line 33 in the code from lcd.init(EPSON) to lcd.init(PHILLIPS) or vice versa if the shield uses a different driver.
  • How do I power the assembled unit?
    Connect the corner contacts marked with the plus symbol between the Arduino-Square and the Battery-Square.
  • Can I build this project without a computer?
    No, you must use a computer to run the Arduino Software and upload the BSQ-ColorLCD sketch files.

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
Scroll to Top