Displaying text on OLED in Raspberry Pi - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to initialize the OLED display.

Raspberry Pi

import Adafruit_SSD1306

# Create display instance
[1] = Adafruit_SSD1306.SSD1306_128_64(rst=None)

Drag options to blanks, or click blank then click option'

Adisplay

Bdevice

Cscreen

Doled

Attempts:

3 left

💡 Hint

Common Mistakes

Using a variable name unrelated to the display like 'device' or 'screen'.

Forgetting to assign the display instance to a variable.

The variable oled is commonly used to represent the OLED display instance.

2fill in blank

medium

Complete the code to clear the OLED display before writing text.

Raspberry Pi

oled.[1]()

Drag options to blanks, or click blank then click option'

Aclear

Bbegin

Creset

Dshow

Attempts:

3 left

💡 Hint

Common Mistakes

Using show() instead of clear().

Using begin() which initializes but does not clear.

The clear() method clears the display buffer so the screen is blank before drawing new content.

3fill in blank

hard

Fix the error in the code to display text on the OLED.

Raspberry Pi

from PIL import Image, ImageDraw, ImageFont

image = Image.new('1', (oled.width, oled.height))
draw = ImageDraw.Draw(image)
draw.text((0, 0), 'Hello, OLED!', font=[1], fill=255)

oled.image(image)
oled.show()

Drag options to blanks, or click blank then click option'

AImageFont.load()

BImageFont.default()

CImageFont.load_default()

DImageFont.font_default()

Attempts:

3 left

💡 Hint

Common Mistakes

Using incorrect method names like default() or font_default().

Forgetting the parentheses after the method.

The correct method to load the default font is ImageFont.load_default().

4fill in blank

hard

Fill both blanks to create a dictionary comprehension that maps words to their lengths if length is greater than 3.

Raspberry Pi

words = ['apple', 'bat', 'carrot', 'dog']
lengths = {word: [1] for word in words if [2]

Drag options to blanks, or click blank then click option'

Alen(word)

Blen(word) > 3

Clen(word) < 3

Dword

Attempts:

3 left

💡 Hint

Common Mistakes

Using the word itself as the value instead of its length.

Using the wrong comparison operator in the condition.

The dictionary maps each word to its length using len(word) and filters words with length greater than 3 using len(word) > 3.

5fill in blank

hard

Fill all three blanks to create a dictionary comprehension that maps uppercase keys to values greater than 10.

Raspberry Pi

data = {'a': 5, 'b': 15, 'c': 20}
result = {{ [1]: [2] for k, v in data.items() if v [3] 10 }}

Drag options to blanks, or click blank then click option'

Ak.upper()

Bv

C>

Dk

Attempts:

3 left

💡 Hint

Common Mistakes

Using the original key instead of uppercase.

Using the wrong comparison operator like '<'.

The dictionary comprehension uses k.upper() as keys, v as values, and filters values greater than 10 with >.

Practice

1. What is the main purpose of using the canvas context when displaying text on an OLED with Raspberry Pi?

easy

A. To draw and update text or graphics on the OLED screen

B. To connect the Raspberry Pi to the internet

C. To install the OLED driver software

D. To power the OLED screen

Solution

1. Step 1: Understand the role of canvas in OLED display

   The canvas context is used to draw graphics or text before showing it on the OLED screen.

2. Step 2: Connect canvas to display update

   Drawing on the canvas allows you to prepare the image or text, which then updates the OLED display when done.

3. Final Answer:

   To draw and update text or graphics on the OLED screen -> Option A

4. Quick Check:

   Canvas draws text/graphics = A [OK]

Hint: Canvas is where you draw before showing on OLED [OK]

Common Mistakes:

• Thinking canvas connects to internet
• Confusing canvas with hardware power
• Assuming canvas installs drivers

2. Which of the following is the correct way to import the OLED device class from the luma.oled.device module in Python?

easy

A. import ssd1306 from luma.oled.device

B. import luma.oled.device.ssd1306

C. from luma.oled import device.ssd1306

D. from luma.oled.device import ssd1306

Solution

1. Step 1: Recall Python import syntax

   Correct import uses 'from module import class' format.

2. Step 2: Match correct module and class names

   The device class for OLED is 'ssd1306' inside 'luma.oled.device'. So 'from luma.oled.device import ssd1306' is correct.

3. Final Answer:

   from luma.oled.device import ssd1306 -> Option D

4. Quick Check:

   Correct Python import = A [OK]

Hint: Use 'from module import class' for specific imports [OK]

Common Mistakes:

• Using dot notation inside import incorrectly
• Trying to import with 'import class from module'
• Importing whole module instead of class

3. What will be the output on the OLED screen after running this code snippet?

from luma.core.interface.serial import i2c
from luma.oled.device import ssd1306
from luma.core.render import canvas

serial = i2c(port=1, address=0x3C)
device = ssd1306(serial)

with canvas(device) as draw:
    draw.text((10, 10), "Hi OLED", fill="white")

medium

A. The text appears but in black color, invisible on screen

B. The screen stays blank with no text

C. The text 'Hi OLED' appears at position (10, 10) in white color

D. An error occurs because 'canvas' is not imported

Solution

1. Step 1: Analyze the code setup

   The code initializes the OLED device and opens a canvas context to draw text at (10, 10) with white color.

2. Step 2: Understand canvas drawing effect

   Text 'Hi OLED' is drawn on the canvas and shown on the OLED screen at the specified position.

3. Final Answer:

   The text 'Hi OLED' appears at position (10, 10) in white color -> Option C

4. Quick Check:

   Text 'Hi OLED' at (10,10) white = D [OK]

Hint: Text inside canvas with fill='white' shows on OLED [OK]

Common Mistakes:

• Forgetting to use 'with canvas' context
• Using wrong fill color making text invisible
• Not initializing device before drawing

4. Identify the error in this code that tries to display 'Hello' on the OLED:

from luma.oled.device import ssd1306
from luma.core.render import canvas

device = ssd1306()

with canvas(device) as draw:
    draw.text((0, 0), "Hello", fill=1)

medium

A. Canvas context is not used properly

B. Missing serial interface initialization for ssd1306 device

C. Incorrect fill color value; should be a string

D. Text coordinates (0, 0) are invalid

Solution

1. Step 1: Check device initialization

   The ssd1306 device requires a serial interface (like i2c) passed during initialization, which is missing here.

2. Step 2: Verify other parts

   Fill value '1' is valid for monochrome, canvas usage is correct, and (0,0) is valid coordinate.

3. Final Answer:

   Missing serial interface initialization for ssd1306 device -> Option B

4. Quick Check:

   Device needs serial interface = C [OK]

Hint: Always initialize ssd1306 with serial interface first [OK]

Common Mistakes:

• Not passing serial interface to device
• Confusing fill color types
• Misusing canvas context syntax

5. You want to display multiple lines of text on an OLED screen using luma.oled. Which approach correctly updates the display with two lines: 'Line 1' at (0,0) and 'Line 2' at (0,15)?

hard

A. Use one canvas context and call draw.text((0,0), 'Line 1') and draw.text((0,15), 'Line 2') inside it

B. Call canvas(device) twice, each time drawing one line separately

C. Draw 'Line 1' outside canvas context and 'Line 2' inside canvas

D. Use draw.text((0,0), 'Line 1\nLine 2') to print both lines at once

Solution

1. Step 1: Understand canvas context usage

   All drawing commands must be inside one canvas context to update the display at once.

2. Step 2: Draw multiple lines with separate coordinates

   Calling draw.text twice inside the same canvas with different y-coordinates correctly places two lines.

3. Final Answer:

   Use one canvas context and call draw.text((0,0), 'Line 1') and draw.text((0,15), 'Line 2') inside it -> Option A

4. Quick Check:

   Multiple texts inside one canvas = B [OK]

Hint: Draw all text lines inside one canvas context [OK]

Common Mistakes:

• Opening multiple canvas contexts causing flicker
• Trying to print multiline string with \n directly
• Drawing outside canvas context