Maker Pro
Custom

How to Prepare Custom QR Code Images

January 18, 2020 by Scott Hatfield
Share
banner

In the final chapter of our series on PCB art design, we generate custom QR Codes and display them on the eInk display!

At this point, the Maker Pro robot badge is fully assembled and just about ready to go.

With the ATmega328 microcontroller programmed, there is only one bit of preparation left to go: creating the QR codes we plan to display on the eInk module. We will create our desired codes using an online QR code creation tool.

How to Generate QR Codes

QR Code Generator offers several options for types of data to encode. For this project, we will use the URL option.

Custom_QR_Codes_SH_MP_image2.png

Select the URL option.

After selecting the URL option, find a Maker Pro article you wish to share on the robot badge. Copy the URL for the page and paste it into the QR code creation website. You will see that the QR code on the right will update. Then, to make the QR code easier for the eInk module to display, click the Shorten URL button. You will notice this action simplifies the QR code.

Custom_QR_Codes_SH_MP_image6.png

Click the Shorten URL button to simplify the QR code.

Adjust the Size and File Format

Next, we need to adjust some of the settings to create a QR code format that the eInk module can use. Above the QR code, click the three vertical dot menu button. For the Size parameter, choose 200px. This is the maximum size our eInk module can display.

Custom_QR_Codes_SH_MP_image3.png

Adjust the size of the QR code to 152 x 152px.

Then save the QR code. The file name format used by the code running on the ATmega328p is:

qrcode#.bmp

You will replace # with a new number for each QR code created.

Custom_QR_Codes_SH_MP_image5.png

Save the QR code and name it according to the format qrcode#.

Convert the Final QR Code Image to Bitmap

The final step is to convert the PNG image generated by the website to a bitmap that can be used by the eInk module. To do this, open the QR code image you just downloaded in your favorite photo editing software. I am using Adobe Photoshop but just about any program works just fine. Simply open the image, and then save it as a bitmap (.bmp) file.

Custom_QR_Codes_SH_MP_.png

Save QR Codes to a MicroSD Card

Once you have as many QR codes as you would like, save them onto a MicroSD card. On the back of the eInk display, there is a MicroSD slot that you probably noticed while mounting the module to the robot PCB. Slide the SD card into this slot until you hear a click.

Custom_QR_Codes_SH_MP_image7.jpg

Insert the SD card into the slot.

Using the Maker Pro Robot PCB Badge

With the MicroSD card in place, all we have left to do is install the AAA batteries into the back of the Maker Pro robot PCB. Once the batteries are installed, the microcontroller will take a moment to buffer the first QR code into the storage on the eInk module before the robot PCB comes to life.

Custom_QR_Codes_SH_MP_image4.jpg

The QR code changes each time the NEXT or PREV buttons are pressed.

You can scan the QR code in the middle of the robot to navigate to the Maker Pro article you used to create the QR code. Pressing the NEXT and PREV buttons will change the QR code. At the same time, pressing the buttons changes the color of the robot’s eyes and the animation on the wrench.

QR Code Switching Video

A Brief Review of What Goes Into PCB Art Creation

This project covered quite a range of different skills from using graphic design software to using Autodesk Eagle, to assembling PCBs by hand, to coding.

It has been a long project, but the results are fantastic. Next time you attend a Maker/Hacker conference, perhaps you can build your very own artistic PCB badge for the occasion. If nothing else, if you receive a custom-made PCB badge as an attendee, you can appreciate how much work goes into creating these functional pieces of art! 

Author

Avatar
Scott Hatfield

Hello, my name is Scott. I like to take big, complicated projects and break them down into simple steps that anybody can understand.

Related Content

Comments


You May Also Like