Mother's Day E-Card

Mother’s Day is just about here. Have you got a present for mum? If not, here’s one techy way to greet and show your love for her on that special day: the Mother’s Day Electronic Card.

This project uses 4D Systems’ 4.3″ gen4 HMI Display module. It is a 480×272 pixel TFT LCD Display, with Capacitive Touch. The gen4 series has a slim configuration designed specifically for ease of integration increasing the space consideration per project which can be perfectly installed in a Mother’s Day Card.

With the help of the display’s capacitive touch feature, Graphical User Interface (GUI) is programmed into this module. It has three pages which can be easily navigated by pressing the winbuttons on the Display. The last two pages contains the video greetings for your mother. You can also use your own video here for aa more personalized message.

Components

• gen4-uLCD-43DCT-CLB

• micro SD Card

• gen4-PA or gen4-IB and USB PA-5

• uUSB cable or programming cable

Implementation

• If you are using gen4-IB and μUSB PA-5, connect the display to your computer as shown in the image below.

• If you are using gen4-PA board,connect the display to your computer as shown in the image below.

Step2: Program

• Download the project file here.

• You can download Workshop 4 IDE and the complete code for this project from our website.

• Open the project using Workshop 4. This project uses the ViSi Genie Environment.

• You can modify the properties of each widget.

Step3: Compile

• Click on the Compile button.

Note: This step could be skipped. However, compiling is essential for debugging purposes.

Step4: Comp’n Load

• Connect the display to the PC using μUSB-PA5 and a mini USB cable. Make sure that you are connected to the right port. Red Button indicates that the device is not connected, Blue Button indicates that the device is connected to the right port.

• Now click on the “Comp’nLoad” button.

• Workshop 4 will prompt you to select a drive to copy the image files to a μSD Card. After selecting the correct drive, click OK.

Step5: Mount μSD Card

• The module will prompt you to insert the μSD card.

• Properly unmount the μSD Card from the PC and insert it to the μSD Card slot of the display module. The image below must appear on your display after completing the steps above.