Difference between revisions of "ElectroBlocks/C2/Blink-of-LED/English"

From Script | Spoken-Tutorial
Jump to: navigation, search
 
Line 4: Line 4:
  
 
'''Keywords: '''Electroblocks, Arduino, LED block, Time block, video tutorial.
 
'''Keywords: '''Electroblocks, Arduino, LED block, Time block, video tutorial.
 +
  
 
{|border=1
 
{|border=1
Line 13: Line 14:
  
 
'''Title Slide'''
 
'''Title Slide'''
|| Welcome to the '''Spoken Tutorial''' on '''Blink of LED''' using '''Electroblocks'''.
+
|| Welcome to the '''Spoken Tutorial''' on '''Blink of LED''' using '''ElectroBlocks'''.
 
|-  
 
|-  
 
|| '''Slide 2'''
 
|| '''Slide 2'''
Line 28: Line 29:
 
|| To record this tutorial, I am using:
 
|| To record this tutorial, I am using:
 
* '''Ubuntu Linux OS version 22.04 '''
 
* '''Ubuntu Linux OS version 22.04 '''
* '''Google Chrome browser'''
+
* '''Google Chrome Browser'''
  
 
A working internet connection to use '''ElectroBlocks'''.  
 
A working internet connection to use '''ElectroBlocks'''.  
Line 46: Line 47:
  
 
Point to right side electroblocks circuit diagram  
 
Point to right side electroblocks circuit diagram  
|| '''ElectroBlocks '''home''' '''page''' '''displays default''' '''blocks for '''Blink''' of an '''LED '''experiment'''.'''
+
|| '''ElectroBlocks home page''' displays default blocks for '''Blink''' of an '''LED ''' experiment.
  
On the '''right side''', a '''circuit diagram''' is auto-generated for the Blink of an LED.
+
On the right side , a circuit diagram is auto-generated for the blink of an '''LED'''.
 
|-  
 
|-  
 
|| Point to LED
 
|| Point to LED
Line 55: Line 56:
 
|| In this setup, an '''LED '''is connected to an '''Arduino board'''.
 
|| In this setup, an '''LED '''is connected to an '''Arduino board'''.
  
By the end of the experiment, you will see an LED blinking at a specific time interval.
+
By the end of the experiment, you will see an '''LED''' blinking at a specific time interval.
 
|-  
 
|-  
 
|| Zoom the breadboard and point to the rails.
 
|| Zoom the breadboard and point to the rails.
Line 76: Line 77:
 
Each row is connected horizontally.
 
Each row is connected horizontally.
  
Positive and''' GND '''connections between''' Arduino '''and''' breadboard''' are already set.
+
Positive and '''ground( GND) '''connections between''' Arduino '''and''' breadboard''' are already set.
  
 
Each vertical column of 5 holes is internally connected.
 
Each vertical column of 5 holes is internally connected.
Line 84: Line 85:
 
The LED is connected to '''Arduino pin 13 '''through a '''resistor.'''
 
The LED is connected to '''Arduino pin 13 '''through a '''resistor.'''
  
The LED's other leg is connected to '''GND'''.
+
The LED's other leg is connected to '''ground( GND) '''.
 
|-  
 
|-  
 
|| Highlight Blocks
 
|| Highlight Blocks
Line 101: Line 102:
 
The loop block contains four''' blocks''': two '''LED blocks''' and two '''wait blocks'''.
 
The loop block contains four''' blocks''': two '''LED blocks''' and two '''wait blocks'''.
  
The first''' LED block''' sets '''pin 13 '''to''' ON''', turning the LED on.
+
The first ''' LED block''' sets '''pin 13 ''' to ''' ON''', turning the '''LED''' on.
  
The second '''LED block''' sets '''pin 13''' to''' OFF''', turning the LED off.
+
The second '''LED block''' sets '''pin 13''' to''' OFF''', turning the '''LED''' off.
  
 
Each LED block is followed by a '''0.2-second wait block''', creating a delay.
 
Each LED block is followed by a '''0.2-second wait block''', creating a delay.
Line 112: Line 113:
  
 
Highlight the comment section  
 
Highlight the comment section  
|| On the top tool bar, click on the '''Code icon''' to view the automatically generated''' Arduino code'''.  
+
|| On the top tool bar, click on the '''Code icon''' to view the automatically generated ''' Arduino code'''.  
  
 
The code includes self-explanatory''' comments''' for better understanding.
 
The code includes self-explanatory''' comments''' for better understanding.
Line 173: Line 174:
 
|| To view the simulation '''step by step''', use the '''step controls'''.
 
|| To view the simulation '''step by step''', use the '''step controls'''.
  
Click the '''Previous Step''' button to go back to the '''start of Step 1'''.
+
In the simulation area, click the '''Previous Step''' button to go back to the '''start of Step 1'''.
  
 
Click the '''Next Step''' button to move forward through each block.
 
Click the '''Next Step''' button to move forward through each block.
Line 201: Line 202:
 
|| Let us open the saved xml file.
 
|| Let us open the saved xml file.
  
On the top toolbar, click on '''New file /Blank file '''icon, and press '''ok''' to create a blank file.
+
On the top toolbar, click on '''New file /Blank file '''icon, and press '''OK''' to create a blank file.
  
 
Click on the '''Projects''' icon on the toolbar and click on choose file.
 
Click on the '''Projects''' icon on the toolbar and click on choose file.

Latest revision as of 15:42, 7 October 2025

Title of the Script: Blink of LED

Author: Pratik Nemane

Keywords: Electroblocks, Arduino, LED block, Time block, video tutorial.


Visual Cue Narration
Slide 1

Title Slide

Welcome to the Spoken Tutorial on Blink of LED using ElectroBlocks.
Slide 2

Learning Objectives

In this tutorial, we will learn about:
  • Blink of an LED in Electroblocks
  • Auto-generated code
  • Output of the experiment using the simulator
Slide 3

System requirement

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
  • Electronics
Type

https://electroblocks.org/

Let us open the ElectroBlocks website using Chrome browser.
Show the electroblocks default blocks

Point to right side electroblocks circuit diagram

ElectroBlocks home page displays default blocks for Blink of an LED experiment.

On the right side , a circuit diagram is auto-generated for the blink of an LED.

Point to LED

Point to simulation area.

In this setup, an LED is connected to an Arduino board.

By the end of the experiment, you will see an LED blinking at a specific time interval.

Zoom the breadboard and point to the rails.

Highlight the cursor area

Point to row in breadboard

Point to breadboard

Point to vertical column of 5 holes

Point to circuit

Let us understand the circuit connection.

The two rails at the top and bottom of the breadboard are called power rails.

The red rail represents the positive connection and the blue rail is the negative connection.

Each row is connected horizontally.

Positive and ground( GND) connections between Arduino and breadboard are already set.

Each vertical column of 5 holes is internally connected.

These rails are called terminal rails.

The LED is connected to Arduino pin 13 through a resistor.

The LED's other leg is connected to ground( GND) .

Highlight Blocks

Point to default generated blocks

Point to block inside loop block.

Point to Turn LED ON block

Point to Turn LED OFF block

Point to both Wait for 0.2-second block

Let us see the default blocks generated to blink an LED.

The loop block contains four blocks: two LED blocks and two wait blocks.

The first LED block sets pin 13 to ON, turning the LED on.

The second LED block sets pin 13 to OFF, turning the LED off.

Each LED block is followed by a 0.2-second wait block, creating a delay.

This means the LED will stay ON for 0.2 seconds, then turns OFF for 0.2 seconds.

Click on the code icon

Highlight the comment section

On the top tool bar, click on the Code icon to view the automatically generated Arduino code.

The code includes self-explanatory comments for better understanding.

Click on the home icon and click the play button

Point to simulation area

On the top toolbar, click on the Home icon.

Let us click the play button in the simulation area to simulate the circuit.

Observe the LED is turning ON and OFF with a 0.2 seconds delay.

Change the pin number in the LED block

Change the LED# in both LED blocks to 10

Point to simulation area.

Now let's modify some parameters in the blocks.

Change the LED# in both LED blocks to 10 from the drop down box.

This connects the LED to pin 10 of the Arduino in the circuit.

Observe the updates in the circuit diagram as we make changes in the blocks.

Update both wait blocks to a 1-second delay.

Click on the Code icon

Point to updated code

Let us update both the wait blocks to a 1-second delay.

Click on the Code icon to view the updated code.

You will see that the LED pin has changed to 10.

The delay is set to 1 second.

Click on the Home icon.

Click the Play button

Point to simulation area

Click on the Home icon.

In the simulation area, click on the Play button to start the simulation.

Observe the LED blinking with an updated delay of 1 second.

Point to step by step controls.

Click the Previous Step button

Click the Next Step button

Point to yellow outline block in working area

Point to status window and loop changes in simulation area

To view the simulation step by step, use the step controls.

In the simulation area, click the Previous Step button to go back to the start of Step 1.

Click the Next Step button to move forward through each block.

The currently running block will be highlighted with a yellow outline.

Watch the simulation steps in the simulation area and loop progress in the block area.

Click on the Download icon and select the download project.

Cursor on xml file.

Let us see how to save the project.

Click on the Download icon on the top toolbar and select the download project.

It will download the Blink of LED project as an xml file in the Downloads folder of your computer.

Open the xml file.

On the top toolbar, click on New file /Blank file icon and press ok.

Click on the Projects icon and click on choose file.

Choose the .xml file and click on OK.

Point the cursor on all the blocks and code.

Let us open the saved xml file.

On the top toolbar, click on New file /Blank file icon, and press OK to create a blank file.

Click on the Projects icon on the toolbar and click on choose file.

Choose the .xml file that you have downloaded and open the project, click on OK.

You can see all the blocks and code that was generated.

Slide 5

Summary

  • Blink of an LED in Electroblocks
  • Auto-generated code
  • Output of the experiment using the simulator
This brings us to the end of this tutorial.

Let’s summarize.

Slide 6

Thank You

Thank you for joining.

Contributors and Content Editors

Madhurig, Nirmala Venkat