Madhurig at 07:59, 11 October 2025

2025-10-11T07:59:55Z

Madhurig: Created page with "{| border="1" |- || '''Visual Cue''' || '''Narration''' |- ||'''Slide 1''': '''Title Slide''' || Welcome to the '''Spoken Tutorial''' on '''Display Text on LCD''' using '''E..."

2025-10-07T06:23:47Z

Created page with "{| border="1" |- || '''Visual Cue''' || '''Narration''' |- ||'''Slide 1''': '''Title Slide''' || Welcome to the '''Spoken Tutorial''' on '''Display Text on LCD''' using '''E..."

New page

{| border="1"
|-
|| '''Visual Cue'''
|| '''Narration'''
|-
||'''Slide 1''':

'''Title Slide'''
|| Welcome to the '''Spoken Tutorial''' on '''Display Text on LCD''' using '''Electroblocks'''.
|-
|| '''Slide 2''':

'''Learning Objectives'''

|| In this tutorial, we will learn how to
* Build a set of blocks to''' Display Text on LCD'''
* Check the output of the experiment using the simulator

|-
|| '''Slide 3''':

'''System Requirements'''
|| To record this tutorial, I am using:
* '''Ubuntu Linux OS version 22.04 '''
* '''Google Chrome browser'''

A working internet connection to use '''Electroblocks'''.
|-
|| '''Slide 4''':

'''Prerequisite'''
|| To follow this tutorial, Learner should have a basic knowledge of
* Electroblocks
|-
|| Type

'''https://electroblocks.org/'''
|| Let us open the''' ElectroBlocks''' website using '''Chrome''' browser.
|-
|| Click on the New''' File/Blank''' File option.
|| Click on the '''New File/Blank''' '''File '''icon on the toolbar.
|-
|| '''Show Circuit Diagram.png'''

|| This is the circuit diagram of '''Display text on LCD.'''

It displays the text in two rows with a delay.

Let us build this circuit using''' ElectroBlocks'''.
|-
||
|| Switch back to the '''Electroblock''' interface.
|-
|| '''Keep the loop block in the middle area '''

Click on the Add on section.

Click on the LCD screen option.
|| Click on the '''Add-ons''' section.

Then click on the '''LCD screen'''.

Select the''' Setup LCD block '''and drag it to the working area.

This '''block''' configures the '''LCD''' Screen in the circuit.

By default the memory type is '''0x3F'''.
|-
|| Point to '''size''' in '''lcd setup block'''

'''Point to 16x2'''
|| We can see the size of the LCD display is 16 by 2 ('''16x2). '''

16 represents the number of columns and 2 represents the number of rows on the Display.

Click on the dropdown. We can see one more size of <span style="color:#000000;">20X4.</span>

You can use this option if you want to display more rows of text.
|-
|| Only narration

Click on the '''LCD screen '''

Drag and drop the '''Print-> Delay-> Clear''' block inside the loop block.

Point to the block in the loop.
|| Now we will add an '''LCD''' Screen.

Click on the '''LCD screen''' option.

Drag and drop the '''Print Delay Clear''' block inside the loop block.

This block allows you to display words or numbers on any row of the '''LCD'''.
|-
|| Click on the '''Print on Row 1 text Block''', type “'''Welcome to”'''.

Press '''Enter'''

Click on the '''Print on Row 2 text block''', type “'''Electroblocks'''”

|| Click on the '''Print on Row 1 text block''', type “

'''Welcome to '''”

Press Enter to save the changes made in the block.

Click on the '''Print on Row 2 text block''', type '''“Electroblocks”'''

This block displays the text with a delay for 3 seconds.

|-
|| Only Narration.

Click on '''Code''' '''Icon.'''
|| Now, we will see the '''arduino''' '''code''' generated by '''electroblocks'''.

Click on the '''Code''' '''icon'''.

The code includes self-explanatory''' comments''' for better understanding.

|-
|| Zoom and show the simulation area

|| Click the '''Home''' icon and press the '''Play button''' to start the simulation

We can see "'''Welcome to'''" and "'''Electroblocks”''' are displayed for 3 seconds on the LCD screen.
|-
||
|| Let us add one more block to display another text after a few seconds.
|-
|| Only narration

Duplicate the '''Print Delay Clear''' block

Only narration

Drag and place this block below print delay clear block

Click on the '''Print on Row 1 text block''', type “'''Thank you'''”

Press Enter

Point to '''Print on Row 2 text bloock'''

Press enter
|| Right click on the '''Print Delay Clear '''block and select the '''Duplicate''' option.

This creates an identical block in the working area.

Drag and place this block below the previous '''print delay clear''' block.

Click on the '''Print on Row 1 text block''', type

“'''Thank you”'''

Press '''Enter''' to save the changes.

Let us keep the '''Print on Row 2 text block''' empty.

Press the delete key to delete the existing text.

|-
||
|| Let us simulate again to see the changes.

We can see the text displayed on the LCD with specified delay.
|-
|| '''Slide 5''':
|| This brings us to the end of this tutorial.

Let us summarise.

|-
|| '''Slide 6''':

'''Assignment''':
|| As an assignment, please do the following.

# Use a 20X4 LCD display.
# Display your name on the first row.
# Display the class on the second row.
# Display the roll number on the third row
# Change the delay to 5 seconds

|-
|| '''Slide 7''':

'''Thank you'''
|| Thank you for joining.
|-
|}

@@ Line 14: / Line 14: @@
 || In this tutorial, we will learn how to
-* Build a set of blocks to''' Display Text on LCD'''
+* Build a set of blocks to Display Text on '''LCD'''
 * Check the output of the experiment using the simulator
@@ Line 31: / Line 31: @@
 '''Prerequisite'''
 || To follow this tutorial, Learner should have a basic knowledge of
-* Electroblocks
+* ElectroBlocks
 |-
 || Type
@@ Line 39: / Line 39: @@
 |-
 || Click on the New''' File/Blank''' File option.
-|| Click on the '''New File/Blank''' '''File '''icon on the toolbar.
+|| Click on the '''New File/Blank File '''icon on the toolbar.
 |-
 || '''Show Circuit Diagram.png'''
@@ Line 57: / Line 57: @@
 Click on the LCD screen option.
-|| Click on the '''Add-ons''' section.
+|| Click on the '''Add-ons''' section and,
 Then click on the '''LCD screen'''.
@@ Line 74: / Line 74: @@
 represents the number of columns and 2 represents the number of rows on the Display.
-Click on the dropdown. We can see one more size of <span style="color:#000000;">20X4.</span>
+Click on the dropdown.
 You can use this option if you want to display more rows of text.
@@ Line 113: / Line 115: @@
 Click on '''Code''' '''Icon.'''
-|| Now, we will see the '''arduino''' '''code''' generated by '''electroblocks'''.
+|| Now, we will see the '''arduino code''' generated by '''electroblocks'''.
-Click on the '''Code''' '''icon'''.
+Click on the '''Code icon'''.
-The code includes self-explanatory''' comments''' for better understanding.
+The code includes self-explanatory comments for better understanding.
 |-
 || Zoom and show the simulation area
-|| Click the '''Home''' icon and press the '''Play button''' to start the simulation
+|| Click the '''Home''' icon and press the '''Play button''' to start the simulation.
 We can see "'''Welcome to'''" and "'''Electroblocks”''' are displayed for 3 seconds on the LCD screen.
@@ Line 143: / Line 145: @@
 Point to '''Print on Row 2 text bloock'''
-Press enter
+Press Enter
 || Right click on the '''Print Delay Clear '''block and select the '''Duplicate''' option.
@@ Line 161: / Line 163: @@
 |-
-||
+|| Press the Play button.
 || Let us simulate again to see the changes.

ElectroBlocks/C2/Display-Text-on-LCD/English - Revision history

Madhurig at 07:59, 11 October 2025

Madhurig: Created page with "{| border="1" |- || '''Visual Cue''' || '''Narration''' |- ||'''Slide 1''': '''Title Slide''' || Welcome to the '''Spoken Tutorial''' on '''Display Text on LCD''' using '''E..."