Difference between revisions of "ElectroBlocks/C2/Counter-with-Push-Button/English"
(Created page with "{| border="1" |- || '''Visual Cue''' || '''Narration''' |- || '''Slide 1''' '''Title Slide''' || Welcome to the Spoken Tutorial on '''Counter with''' '''Push Button '''using t...") |
|||
| Line 7: | Line 7: | ||
'''Title Slide''' | '''Title Slide''' | ||
|| Welcome to the Spoken Tutorial on '''Counter with''' '''Push Button '''using the '''ElectroBlocks'''. | || Welcome to the Spoken Tutorial on '''Counter with''' '''Push Button '''using the '''ElectroBlocks'''. | ||
| − | |- | + | |- |
| − | || '''Slide 2 | + | || '''Slide 2 ''' |
'''Learning Objectives''' | '''Learning Objectives''' | ||
|| In this tutorial, we will learn about | || In this tutorial, we will learn about | ||
| − | * | + | * Counter function in Electroblocks |
| − | * | + | * Check the output of the experiment using the simulator |
| − | |- | + | |- |
| − | || | + | || '''Slide 3 ''' |
| − | + | '''System requirement''' | |
| − | * | + | * '''Ubuntu Linux OS version 22.04 ''' |
| − | * | + | * '''Google Chrome browser''' |
| − | + | A working internet connection to use Electroblocks | |
| − | || | + | || To record this tutorial, I am using the following setup. |
| − | |- | + | |- |
|| '''Show Circuit Diagram.png''' | || '''Show Circuit Diagram.png''' | ||
| Line 36: | Line 36: | ||
Let us build this circuit using''' ElectroBlocks'''. | Let us build this circuit using''' ElectroBlocks'''. | ||
| − | |- | + | |- |
| − | || Slide | + | || Slide 4 |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | || | + | Required Sections |
| + | |||
| + | * Button | ||
| + | * Logic | ||
| + | * LCD screen | ||
| + | * Code | ||
| + | * Variable | ||
| + | || We need the various blocks | ||
| + | |- | ||
| + | ||Slide 4 | ||
| − | + | Required Sections | |
| − | | | + | * Math |
| + | * Time | ||
| + | * Text | ||
| + | |||
| + | || We need the various blocks from the below sections for this experiment. | ||
| + | |||
| + | |- | ||
|| Type | || Type | ||
'''https://electroblocks.org/''' | '''https://electroblocks.org/''' | ||
|| Let us open the '''Electroblocks''' website in the Chrome browser. | || Let us open the '''Electroblocks''' website in the Chrome browser. | ||
| − | |- | + | |- |
|| Click on the New''' File/Blank''' File option. | || Click on the New''' File/Blank''' File option. | ||
|| Click on the '''New File/Blank''' '''File '''option. | || Click on the '''New File/Blank''' '''File '''option. | ||
| − | |- | + | |- |
| − | + | ||
| − | + | ||
| − | + | ||
|| Click on the code section from the left side menu. | || Click on the code section from the left side menu. | ||
|| Click on the''' Code''' section. | || Click on the''' Code''' section. | ||
Drag and drop the '''Setup (runs once)''' '''block''' in the working area. | Drag and drop the '''Setup (runs once)''' '''block''' in the working area. | ||
| − | |- | + | |- |
|| Narration only | || Narration only | ||
| Line 92: | Line 96: | ||
This counter counts the number of times the push button is pressed. | This counter counts the number of times the push button is pressed. | ||
| − | |- | + | |- |
|| Click on the Logic section from the left side menu. | || Click on the Logic section from the left side menu. | ||
|| Click on the '''Logic section''' and drag '''If then block''' and place it in the '''Loop runs '''block. | || Click on the '''Logic section''' and drag '''If then block''' and place it in the '''Loop runs '''block. | ||
| − | |- | + | |- |
|| Add button setup block | || Add button setup block | ||
|| Click on the '''Sensors''' section and click the '''Button''' option. | || Click on the '''Sensors''' section and click the '''Button''' option. | ||
| Line 104: | Line 108: | ||
Drag and place the''' Button is pressed''' block in the '''If section '''of the '''If then block.''' | Drag and place the''' Button is pressed''' block in the '''If section '''of the '''If then block.''' | ||
| − | |- | + | |- |
|| Click on the variables option and select the number count equal to 10 block. | || Click on the variables option and select the number count equal to 10 block. | ||
| Line 118: | Line 122: | ||
Later we will add an '''arithmetic''' block here. | Later we will add an '''arithmetic''' block here. | ||
| − | |- | + | |- |
|| Click on the Math option. | || Click on the Math option. | ||
| Line 129: | Line 133: | ||
Delete the first number block from the arithmetic block. | Delete the first number block from the arithmetic block. | ||
| − | |- | + | |- |
|| Click on the '''Variables''' option. | || Click on the '''Variables''' option. | ||
| Line 140: | Line 144: | ||
The overall setup of this block is designed to increment the variable value by 1. | The overall setup of this block is designed to increment the variable value by 1. | ||
| − | |- | + | |- |
|| Only Narration. | || Only Narration. | ||
| Line 154: | Line 158: | ||
This '''block''' configures the '''LCD''' Screen in the circuit. | This '''block''' configures the '''LCD''' Screen in the circuit. | ||
| − | |- | + | |- |
| − | || | + | || Place this block in the '''then''' section of the '''If then '''block. |
| − | + | ||
| − | Place this block in the '''then''' section of the '''If then '''block. | + | |
Point to if then block. | Point to if then block. | ||
| Line 165: | Line 167: | ||
This block allows you to display words or numbers on any row of the '''LCD'''. | This block allows you to display words or numbers on any row of the '''LCD'''. | ||
| − | |- | + | |- |
|| Delete both the '''Print on row 1''' and '''Print on row 2''' text box. | || Delete both the '''Print on row 1''' and '''Print on row 2''' text box. | ||
| Line 173: | Line 175: | ||
Select''' Create text with''' block and place this block in the''' Print on row 1.''' | Select''' Create text with''' block and place this block in the''' Print on row 1.''' | ||
| − | |- | + | |- |
|| click on the '''Text''' section. | || click on the '''Text''' section. | ||
| Line 184: | Line 186: | ||
Click the text block and type “'''Counter ='''” | Click the text block and type “'''Counter ='''” | ||
| − | |- | + | |- |
|| Click on the '''Variables''' and select the '''Counter''' block. | || Click on the '''Variables''' and select the '''Counter''' block. | ||
| Line 195: | Line 197: | ||
Change the delay to 1 second. | Change the delay to 1 second. | ||
| − | |- | + | |- |
|| Click on the '''Sensors''' menu and click on the '''Button'''. | || Click on the '''Sensors''' menu and click on the '''Button'''. | ||
| Line 202: | Line 204: | ||
Drag and drop the '''button is released block '''below the '''Print Delay Clear''' block. | Drag and drop the '''button is released block '''below the '''Print Delay Clear''' block. | ||
| − | |- | + | |- |
|| Click the '''Time''' section. | || Click the '''Time''' section. | ||
| Line 219: | Line 221: | ||
We have created all the blocks required for this experiment. | We have created all the blocks required for this experiment. | ||
| − | |- | + | |- |
|| Click on the code icon | || Click on the code icon | ||
| Line 230: | Line 232: | ||
Click on the '''Home''' icon and press the '''Play button''' to start the simulation. | Click on the '''Home''' icon and press the '''Play button''' to start the simulation. | ||
| − | |- | + | |- |
|| Simulation Output | || Simulation Output | ||
| Line 243: | Line 245: | ||
For each button press we can see an increment in the counter on the LCD screen. | For each button press we can see an increment in the counter on the LCD screen. | ||
| − | |- | + | |- |
|| In this tutorial, we learnt about: | || In this tutorial, we learnt about: | ||
| − | * | + | * Counter function in Electroblocks |
| − | * | + | * Check the output of the experiment using the simulator |
|| This brings us to the end of this tutorial. Let us summarise. | || This brings us to the end of this tutorial. Let us summarise. | ||
| − | |- | + | |- |
|| '''Slide 6:''' | || '''Slide 6:''' | ||
'''Assignment''' | '''Assignment''' | ||
| − | * | + | * Open a new blank project |
| − | * | + | * Add an '''LED''' and connect it to '''pin 9''' |
| − | * | + | * When the push button is pressed the first time, the LED Turn ON |
| − | * | + | * When the push button is pressed the second time, the LED Turn OFF |
|| As an assignment, please do the following | || As an assignment, please do the following | ||
| − | |- | + | |- |
|| '''Slide 7:''' | || '''Slide 7:''' | ||
Revision as of 13:31, 9 December 2025
| Visual Cue | Narration |
| Slide 1
Title Slide |
Welcome to the Spoken Tutorial on Counter with Push Button using the ElectroBlocks. |
| Slide 2
Learning Objectives |
In this tutorial, we will learn about
|
| Slide 3
System requirement
A working internet connection to use Electroblocks |
To record this tutorial, I am using the following setup. |
| Show Circuit Diagram.png
Point to the push button in the circuit diagram |
This is the circuit diagram of Counter with Push button.
We will see how it works. When the button is pressed, the count is shown on the LCD display. Let us build this circuit using ElectroBlocks. |
| Slide 4
Required Sections
|
We need the various blocks |
| Slide 4
Required Sections
|
We need the various blocks from the below sections for this experiment. |
| Type | Let us open the Electroblocks website in the Chrome browser. |
| Click on the New File/Blank File option. | Click on the New File/Blank File option. |
| Click on the code section from the left side menu. | Click on the Code section.
Drag and drop the Setup (runs once) block in the working area. |
| Narration only
Click on the variable and select the Create Number Variable option. Point to pop up window. Write name Counter and press enter. Point to counter block in Setup (runs once). Change the number to 0. Point to counter |
We will create a variable to work as a counter.
Click on the Variable section and select the Create Number Variable option. In the pop-up window, give the name as “Counter”and click the ok button. Notice a variable block named as Counter is created in the Setup. Change the counter value to 0. This counter counts the number of times the push button is pressed. |
| Click on the Logic section from the left side menu. | Click on the Logic section and drag If then block and place it in the Loop runs block. |
| Add button setup block | Click on the Sensors section and click the Button option.
Drag the Button setup block in the working area. Again click on the Button section. Drag and place the Button is pressed block in the If section of the If then block. |
| Click on the variables option and select the number count equal to 10 block.
Place this block in the then section of the if then block. |
Click on the variables and select the number counter equal to 10 block.
Place this block in the then section of the if then block. Here the default value of the variable is 10. Delete this number block. Later we will add an arithmetic block here. |
| Click on the Math option.
Drag and place the third block in the number count block. Delete the first number block from the arithmetic math block. |
Click on the Math section.
Drag and place the third block which is the arithmetic block in the number counter block. Delete the first number block from the arithmetic block. |
| Click on the Variables option.
Drag and drop the count block in the first section of the arithmetic math block. Point to block |
Click on the Variables section..
Drag and drop the counter block in the first section of the arithmetic block. The overall setup of this block is designed to increment the variable value by 1. |
| Only Narration.
Click on Add-ons. A new list appears. |
Let us add an LCD screen to the circuit.
Click on the Add-ons section and 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. |
| Place this block in the then section of the If then block.
Point to if then block. |
Click on the LCD screen option.
Drag and place the Print Delay Clear block below the if then block. This block allows you to display words or numbers on any row of the LCD. |
| Delete both the Print on row 1 and Print on row 2 text box. | Delete both the Print on row 1 and Print on row 2 text box.
Click on the Text section. Select Create text with block and place this block in the Print on row 1. |
| click on the Text section.
Drag and place the Text block in the first section of Create text with block. Click the text block and type “Counter =” |
Again click on the Text section.
Drag and place the Text block in the first section of Create text with block. Click the text block and type “Counter =” |
| Click on the Variables and select the Counter block.
Place this block in the second section of Create text with block. Change the delay to 1 second. |
Click on the Variables section and select the Counter block.
Place this block in the second section of Create text with block. Change the delay to 1 second. |
| Click on the Sensors menu and click on the Button.
Drag and drop the button is released block below the Print Delay Clear block. |
Click on the Sensors section and click on the Button.
Drag and drop the button is released block below the Print Delay Clear block. |
| Click the Time section.
Select the wait for 0.2 second block. Place this block below the Button is released block. Change the time in the wait block to 1 second. |
Click on the Time section.
Select the wait for 0.2 second block. Place this block below the Button is released block. Change the time in the wait block to 1 second. We have created all the blocks required for this experiment. |
| Click on the code icon
Click on the home icon and press play button |
Now, we will see the arduino code generated by electroblocks.
Click on the Code icon. The code includes self-explanatory comments for better understanding. Click on the Home icon and press the Play button to start the simulation. |
| Simulation Output
Pointing the counter and in the simulation window |
Notice a counter on the top right corner of the simulation window.
For the first button press, the counter is increased to 1. The LCD screen shows the counter = 1. When the push button is pressed the second time, the counter is increased to 2. For each button press we can see an increment in the counter on the LCD screen. |
In this tutorial, we learnt about:
|
This brings us to the end of this tutorial. Let us summarise. |
| Slide 6:
Assignment
|
As an assignment, please do the following |
| Slide 7:
Thank You |
Thank you for joining. |
