View source for ElectroBlocks/C2/Blink-of-LED/English

'''Title of the Script: Blink of LED '''

'''Author: '''Pratik Nemane

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

{|border=1
|- 
|| '''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''' 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 '''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''' 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'''.

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.

Click on '''New file /Blank file '''icon on the top toolbar, 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.
|-
|}