ElectroBlocks/C2/Introduction-to-Electroblocks/English
Title of the Script: Introduction to Electroblocks
Author: Pratik Bhosle
Keywords: Electroblocks, Arduino, block coding, sensors, LED, RGB LED, spoken tutorial, video tutorial.
Visual Cue | Narration |
Slide 1
|
Welcome to the Spoken Tutorial on Introduction to Electroblocks. |
Slide 2
|
In this tutorial, we will learn about:
|
Slide 3
|
To record this tutorial, I am using:
A working internet connection to use Electroblocks. |
Slide 4
|
To follow this tutorial, learner should have a basic knowledge of:
|
Slide 5
|
Now we will learn about Electroblocks.
|
Slide 6
|
|
Slide 7
Features of Electroblocks |
|
Slide 8
|
|
Let’s open the Electroblocks website using Google Chrome browser.
We recommend using Google Chrome for full access to all ElectroBlocks features. | |
Open browser
Highlight the link in the search tab |
In the search bar, type https://electroblocks.org/ as shown and press the Enter key.
|
Point to the interface. | Let us see the user interface of the Electroblocks platform. |
Hover the cursor through these options
Click on the Add-ons tab. Click on the Sensors tab, |
On the left hand side of your screen various programming blocks are available.
For example, Logic, Loops, Math, Message, Time, etc. Below you can see the Add-ons and Sensors tab. Click on the Add-ons tab to see a list of different components. For example, Bluetooth, LCD, LED, Motor and others. Similarly, click on the Sensors tab, to see a list of various sensors. For example, Analog, Digital, Motion, Temperature and others.
|
Highlight Arduino connection with breadboard using a box
Point to the simulation button |
On the right side, a blink of an LED project can be seen.
A Play button is available below the Simulation window to start the simulation. |
Play the Simulation | Click on the Play button to start the simulation.
Notice the pattern of LED turning ON and OFF after a certain interval of time. |
Use the step by step button to show the simulation | This platform provides a feature to view step by step execution of the code.
Let's begin the simulation from the start. The square box represents the simulation status. Let's drag this box to the start point of the simulation, as shown here. Now, click the Next Step button. Observe the block section of the window. The currently executed block will be highlighted in yellow. Notice the status window below the simulation window. The block that is currently executed is highlighted in the status window. |
Click on the Code Icon | Click on the Code Icon available on the toolbar at the top.
A window with Arduino compatible code appears on the screen. Electroblocks and its Arduino compatible code can be seen together. This Arduino code is generated automatically by the Electroblocks. This is the basic format of an Arduino code. Void setup function includes sensors, components and their connection to the Arduino board. Void Setup function shows if the sensor used in the experiment is for input or output. The void loop function shows the actions performed by the components and sensors. |
Point to the block.
Point to pin 13 on the block. Highlight Block section
Change the LED pin number Highlight the entire Arduino code |
Let's now change the parameters of the LED components in the block.
The LED connected to pin 13 of the Arduino has two blocks, to represent its two states. These blocks indicate two states as LED ON and LED OFF.
Let us change the LED pin connected to the Arduino board. Click on the pin 13 dropdown menu and change the pin number to pin 10. Click the dropdown menu of the other block and change the LED pin to pin 10. Observe that changes made in the block section are also reflected in the code section. |
Change the Time delay | We can change the delay time of LED turning ON and turning OFF.
Click on the seconds block and enter 2 as shown. This change will ensure the LED will remain ON for 2 seconds. Perform the same step for the second time delay block as well. The delay time changes in the Arduino code after changing the time block in the block section. |
Show LED color palette | Users can also change the color of the LED.
Click on the color icon to change the color of the LED. Click the blue color box to change the LED color to blue. Notice the change in the color of both the blocks. |
Click on Home button | Let us now switch to the home page by clicking on the Home button.
|
Simulation | Now, we will simulate this experiment to notice the changes we have made.
Click on the Play button to start the simulation.
|
Click on the Download icon | Let us see how to download and save the project.
|
Click on the Download Project button.
Point to the .ino file. |
Users can download the entire project or only Arduino code.
If the user wants to download only the Arduino code, click on the Download Code option.
|
Click on the Download Project option. | Let us download this experiment’s project file and save it in our local system.
Click on the Download Project option. The system will ask to choose the directory and give the name to the file. Let us save this file in the Downloads directory and name it Blink of LED.
|
Click on New File/Blank File Icon.
Click on the OK button. |
Click on the New File/Blank File option to open a blank project on the screen.
|
Click on the Projects icon available on the toolbar. | Click on the Projects icon available on the toolbar.
The Projects window appears on the right side of your screen. In this window, you will find various demo projects.
|
Click on Open a project from your computer option.
Click on the Downloads directory. Select Blink of LED.xml file and click on Open button. Click on the OK button. |
Let us open the blink of an LED experiment which we just saved in our system.
|
This brings us to the end of this tutorial.
| |
Slide 9
|
In this tutorial, we learnt about
|
Slide 10
|
As an assignment, please do the following
|
Slide 11
|
The video at the following link summarizes the Spoken Tutorial project.
Please download and watch it. |
Slide 12
|
The Spoken Tutorial Project Team conducts workshops and gives certificates.
For more details, please write to us. |
Slide 13
|
|
Slide 14
|
|
Slide 15
|
Spoken Tutorial project was established by the Ministry of Education(MoE), Govt of India. |
Slide 16
|
This tutorial has been contributed by FOSSEE and Spoken Tutorial Project, IIT Bombay.
|