SparkFun MicroMod Input and Display Carrier Board Hookup Guide a learn.sparkfun.com tutorial

Available online at: http://sfe.io/t1230

Contents

• Introduction
• Hardware Overview
• Hardware Hookup
• Software Setup and Programming
• Example Code
• Troubleshooting
• Resources and Going Further

Introduction

Introducing the SparkFun MicroMod Input and Display Carrier Board! This nifty little board works with all SparkFun MicroMod processors so you can create your own display with one of a multitude of processors.

The carrier board includes 6 APA102 Addressable LEDs, 6 Input Buttons, Onboard Voltage Regulation, 2.4" TFT Display Screen, IO Connector, and a Buzzer. In addition, there's a microSD card slot to store and read data.

Let's dive in and see what we can do!

SparkFun MicroMod Input and Display Carrier Board

DEV-16985

Add data, input, & visibility to your project with a 2.4" TFT display, 6 addressable LEDs, onboard voltage regulator, 6 pin I…

$59.95

Required Materials

Like all of our MicroMod Carrier Boards, there is no processor included but instead you can plug in a processor board of your choice to the MicroMod M.2 connector on the carrier. Below are a few options to choose for your processor:

SparkFun MicroMod ESP32 Processor

WRL-16781

This board combines Espressif's ESP32 with our M.2 connector interface to bring a power-packed processor board into our Micro…

$16.95

SparkFun MicroMod Artemis Processor

DEV-16401

Featuring the Artemis Module, this processor is capable of machine learning, Bluetooth, I2C, GPIO, PWM, SPI & packaged to fit…

$14.95

SparkFun MicroMod SAMD51 Processor

DEV-16791

With a 32-bit ARM Cortex-M4F MCU, the SparkFun MicroMod SAMD51 Processor Board is one powerful microcontroller packaged on a …

$18.95

You'll also need a USB-C cable to connect the Carrier to your computer and if you want to add some Qwiic breakouts to your MicroMod project you'll want at least one Qwiic cable to connect it all together. Below are some options for both of those cables:

SparkFun Qwiic Cable Kit

KIT-15081

To make it even easier to get started, we've assembled this Qwiic Cable Kit with a variety of Qwiic cables from 50mm to 500mm…

$8.95

USB 3.1 Cable A to C - 3 Foot

CAB-14743

USB C is fantastic. But until we have converted all our hubs, chargers, and ports over to USB C this is the cable you're goin…

$5.50

Reversible USB A to C Cable - 2m

CAB-15424

These 2m cables have minor modifications that allow them to be be plugged into their ports regardless of orientation on the U…

$8.95

Along with a processor and the pertinent cables and accessories, if you want to take full advantage of the features of the Input and Display Carrier Board, you will need a microSD card:

microSD Card - 16GB (Class 10)

COM-15051

This is a class 10 16GB microSD memory card, perfect for housing operating systems for single board computers and a multitude…

$19.95

Suggested Reading

The SparkFun MicroMod ecosystem is a unique way to allow users to customize their project to their needs. Do you want to send your data via a wireless signal (eg. Bluetooth or WiFi)? There's a MicroMod processor for that. Looking to instead maximize efficiency and processing power? You guessed it, there's a MicroMod processor for that. If you are not familiar with the MicroMod system, take a look here:

MicroMod Ecosystem

We also recommend taking a look through the following tutorials if you are not familiar with the concepts covered in them:

Hardware Overview

In this section we'll cover the various hardware and sensors included on the MicroMod Input & Display Carrier Board.

Common Components

Most SparkFun MicroMod Carriers will have some common components and all MicroMod Carriers will have the keyed M.2 MicroMod Connector to plug your processor into. The photo and list below outline some of the components you can expect on most SparkFun MicroMod Carriers.

• M.2 MicroMod Connector - This special keyed M.2 connector lets you install your MicroMod Processor of choice on your Input & Display Carrier Board.
• USB-C Connector - Connect to your computer to program your Processor and also can provide power to your MicroMod system.
• 3.3V Regulator - Provides a regulated 3.3V and sources up to 1A.
• Qwiic Connector - The standard Qwiic connector so you can add other Qwiic devices to your MicroMod system.
• Boot/Reset Buttons - Push buttons to enter Boot Mode on Processor boards and to Reset your MicroMod circuit. More information needed - LAC
• microSD Slot - Insert a microSD card for reading and writing data.

Power

The Input and Display Carrier Board takes an input voltage range from 2.7V - 6V via the USB-C connector. We've incorporated a power regulation circuit that caps the voltage for power sensitive circuits and the Qwiic connector.

Input & Display Carrier Board Specific Components

ATTiny84

We've populated this carrier board with Atmel's ATtiny84 with 8kB of programmable flash. This little guy is preprogrammed to communicate with the processor over I²C to read button presses.

TFT Display

4DLCD's 24320240-IPS is a color active matrix LCD module incorporating amorphous silicon TFT (Thin Film Transistor). The module display area measures 2.4" and contains 240 x 320 pixels.

LEDs

The Input and Display Carrier Board has 6 Addressable APA102 LEDs.

Input Buttons

Button button, who's got the button? We do! We have two input buttons (A and B), and a 5 way switch that allows you to navigate a UI or play an onboard game.

JTAG Debugging

We've populated the JTAG footprint for more advanced users who need breakpoint level debugging. We recommend checking out our JTAG section for the compatible JTAG programmer and debugger.

Jumpers

I²C Jumper

If you are daisy-chaining multiple Qwiic devices, you will want to cut this jumper; if multiple sensors are connected to the bus with the pull-up resistors enabled, the parallel equivalent resistance could create too strong of a pull-up for the bus to operate correctly. As a general rule of thumb, disable all but one pair of pull-up resistors if multiple devices are connected to the bus. To disable the pull up resistors, use an X-acto knife to cut the joint between the two jumper pads highlighted below.

PWR Jumper

Cutting this jumper will disable the "Power" LED on the front of the board.

3V3CTRL Jumper

Many of the MicroMod carrier boards have an RTC backup battery on board and as part of the standardized voltage regulation circuit we include a 3V3 jumper that, when closed, allows you to control the 3V3 control regulator. This shuts down everything on the 3V3 rail but the battery keeps the processor awake. The Input and Display Carrier Board does not have a backup battery, so this jumper should remain open.

BYP Jumper

If you really, really, REALLY need more power, closing this jumper will bypass the 2A fuse. Close at your own risk!

Measure Jumper

Want to measure the juice running through your circuits? Cut the trace between these PTH pads in order to measure the current with a Digital MultiMeter.

PinOuts

• Input & Display Carrier Board Pinout Table
• MicroMod General Pinout Table
• MicroMod General Pin Descriptions

Board Dimensions

The Input and Display Carrier Board measures 3.25 inches by 2.25 inches.

Hardware Hookup

To get started with the Input and Display Carrier Board, you'll need a processor board. Here we are using the MicroMod ESP32 Processor Board.

Align the top key of the MicroMod ESP32 Processor Board to the screw terminal of the Input and Display Carrier Board and angle the board into the socket. Insert the board at an angle into the M.2 connector.

The Processor Board will stick up at an angle, as seen here:

[

Once the board is in the socket, gently hold the MicroMod Processor Board down and tighten the screw with a Phillip's head.

Once the board is secure, your assembled MicroMod system should look similar to the image below!

Connecting Everything Up

With your processor inserted and secured it's time to connect your carrier board to your computer using the USB-C connector on the Carrier. Depending on which carrier you choose and which drivers you already have installed, you may need to install drivers.

Software Setup and Programming

To get started, you're going to want to get familiar with our HyperDisplay libraries. HyperDisplay is an abstracted library for pretty much any 2D graphics display and has a focus on extensibility. Since the interface is standardized you can write display applications just once and make them work on many different displays with a few small changes. If you want to go more in depth check out this HyperDisplay tutorial.

To use HyperDisplay with this carrier board, you will need to have all three of the following libraries installed in your Arduino IDE. You can head on over to the individual GitHub pages to download or simply click the appropriate link for each of the libraries listed below:

Check out this tutorial on how to install an Arduino library if you are unfamiliar.

Each of the libraries above contain some examples, however the ones that will actually make your Input and Display Carrier Board light up are contained in the 'HyperDisplay 4DLCD-320240 Arduino Library' -- in case you are wondering, that name comes from the name of the display module that is used on the board. Once your libraries have been installed move on to the next section and try out a few of the examples.

Example Code

The HyperDisplay library for the Input and Display Carrier Board is named after the LCD module that it uses - the 4DLCD-320240. If you've properly installed the required libraries, you'll notice a number of examples in File->Examples->SparkFun HyperDisplay 4DLCD-320240. If you haven't already, make sure you've got the following three libraries installed:

• SparkFun HyperDisplay Arduino Library
• SparkFun HyperDisplay ILI9341 Arduino Library
• SparkFun HyperDisplay 4DLCD-320240 Arduino Library

All of the following examples are explained in depth in the Everything You Should Know About HyperDisplay Tutorial. We'll show you a quick overview of each example here, but if you want more information on how these examples and their code work, head on over to the HyperDisplay Tutorial.

Example 1: Display Test

Example one verifies that your display is working, and gives you some basic code to draw lines and shapes. To start, go to File->Examples->SparkFun HyperDisplay 4DLCD-320240 and load Example1_DisplayTest. In windows, it will look like this:

Make sure you have the correct board selected, as well as the correct COM port. Your processor board of choice will dictate which board definition you need to load.

Example 2: HyperDisplay Basics

This code walks you through the simplest uses of HyperDisplay so that you can start to write your own code. To start, go to File->Examples->SparkFun HyperDisplay 4DLCD-320240 and load Example2_HyperDisplayBasics.

As with Example 1, please make sure you have the correct board selected, as well as the correct COM port. Go ahead and upload your code, and you should see something like the following (note that the gif is sped up):

Example 3: Advanced HyperDisplay

Example 3 goes over Color Cycles and the drawing functions currently available in the HyperDisplay drawing functions. For a more in-depth look at the functions available in this example, refer to the Advanced Drawing Functions section of the Everything You Should Know About HyperDisplay tutorial.

To start, go to File->Examples->SparkFun HyperDisplay 4DLCD-320240 and load Example3_AdvancedHyperDisplay.

As above, please make sure you have the correct board selected, as well as the correct COM port. Go ahead and upload your code. You should see something like the following (note that the gif is sped up):

Example 4: Buffering HyperDisplay

This last example shows you the basics of how to use the buffering abilities of HyperDisplay. You can get more in-depth discussion of this by referring to the Buffering section of the Everything You Should Know About HyperDisplay tutorial.

To start, go to File->Examples->SparkFun HyperDisplay 4DLCD-320240 and load Example4_BufferingHyperDisplay.

As above, please make sure you have the correct board selected, as well as the correct COM port. Go ahead and upload your code. You should see something along the lines of the following (note that the gif is sped up):

Troubleshooting

Resources and Going Further

For more information about the MicroMod Input and Display Carrier, check out the following links:

• Schematic (PDF)
• Eagle Files (ZIP)
• GitHub Hardware Repo
• Dimensional Drawing (PNG)
• TFT Display Data Sheet (PDF)
• SparkFun HyperDisplay Arduino Library
• SparkFun HyperDisplay ILI9341 Arduino Library
• SparkFun HyperDisplay 4DLCD-320240 Arduino Library

For more information about the SparkFun MicroMod Ecosystem, take a look at the links below:

• Getting Started with MicroMod
• Designing with MicroMod
• MicroMod Info Page
• MicroMod Forums

Looking for some project inspiration using your Input and Display Carrier Board? The tutorials below can help you get started!

learn.sparkfun.com | CC BY-SA 3.0 | SparkFun Electronics | Niwot, Colorado