Madhurig at 06:56, 8 December 2025

2025-12-08T06:56:49Z

Madhurig at 06:44, 8 December 2025

2025-12-08T06:44:53Z

Nirmala Venkat: Created page with "{| border="1" |- || '''Visual Cue''' || '''Narration''' |- || '''Slide 1''' '''Title Slide''' || Welcome to the '''Spoken Tutorial''' on '''Automatic Gate Opener '''using '''E..."

2025-11-04T12:34:19Z

Created page with "{| border="1" |- || '''Visual Cue''' || '''Narration''' |- || '''Slide 1''' '''Title Slide''' || Welcome to the '''Spoken Tutorial''' on '''Automatic Gate Opener '''using '''E..."

New page

{| border="1"
|-
|| '''Visual Cue'''
|| '''Narration'''
|-
|| '''Slide 1'''
'''Title Slide'''
|| Welcome to the '''Spoken Tutorial''' on '''Automatic Gate Opener '''using '''Electroblocks'''.
|- style="border:1pt solid #000000;padding:0.176cm;"
|| '''Slide 2:'''

'''Learning Objectives'''
|| In this tutorial, we will learn how to,
# <div style="margin-left:1.27cm;margin-right:0cm;">Build a set of blocks to create an '''Automatic Gate opener'''</div>
# <div style="margin-left:1.27cm;margin-right:0cm;">Check the output of the experiment using the simulator</div>

|- style="border:1pt solid #000000;padding:0.176cm;"
|| '''Slide 3:'''

'''System requirement'''
|| To record this tutorial, I am using the following setup.
|- style="border:1pt solid #000000;padding:0.176cm;"
|| '''Slide:4'''

Required section
* <div style="margin-left:1.27cm;margin-right:0cm;">Logic</div>
* <div style="margin-left:1.27cm;margin-right:0cm;">Motion</div>
* <div style="margin-left:1.27cm;margin-right:0cm;">Servo</div>
* <div style="margin-left:1.27cm;margin-right:0cm;">Math</div>
* <div style="margin-left:1.27cm;margin-right:0cm;">Time</div>

|| We will need the following sections for this experiment.

|- style="border:1pt solid #000000;padding:0.176cm;"
|| '''Show '''

'''Circuit Diagram 1 .png'''

'''Circuit Diagram 2 .png'''
|| This is the circuit diagram of '''Automatic Gate opener.'''

Here we will observe that the gate opens whenever an object is detected by the sensor.

Otherwise, the gate remains closed.Let us build this circuit using''' ElectroBlocks'''.
|- style="border:1pt solid #000000;padding:0.176cm;"
|| Type

'''https://electroblocks.org/'''
|| Let us open the''' ElectroBlocks''' website using '''Chrome''' browser.
|- style="border:1pt solid #000000;padding:0.176cm;"
||
|| Let us open a new blank project.
|- style="border:1pt solid #000000;padding:0.176cm;"
||

Click on the '''Logic''' section

Point to '''if-then-else''' block
|| Click on the '''Logic''' section.

Drag the '''if then else''' block and place it inside the '''loop''' block.
|- style="border:1pt solid #000000;padding:0.176cm;"
|| Narration

Click on the '''Sensors''' section
|| Now we will add an '''Ultrasonic sensor block.'''

Click on the '''Sensors''' section and click on the '''Motion'''.
|- style="border:1pt solid #000000;padding:0.176cm;"
|| Select the '''Setup Ultrasonic Sensor '''block and drag it in the working area.

Point to the '''Setup Ultrasonic Sensor '''block.
|| Select the '''Setup Ultrasonic Sensor '''block and drag it to the working area.

|- style="border:1pt solid #000000;padding:0.176cm;"
|| Point to '''trigger''' pin and '''echo''' pin

|| Here, the '''trigger''' pin and '''echo''' pin are connected to '''pin 11 and pin 10 '''of Arduino.
|- style="border:1pt solid #000000;padding:0.176cm;"
|| Only narration

Point towards the number box

Click on the number box and change it to 5.

Point to simulation window

Point to the red rectangular box in front of the sensor.
|| Let us change the distance to 5 by clicking on the '''Distance in Centimetres''' box.

In the simulation window, the '''5''' cm distance is displayed on the ultrasonic sensor.

Here the object is shown as a red rectangular box in front of the sensor.

Check the '''Copy All''' checkbox.

This will set the distance of the object from the ultrasonic sensor to 5 cm for all the 3 loops.
|- style="border:1pt solid #000000;padding:0.176cm;"
|| Only narration

Click on the '''logic''' option

Select the''' (=) block''' and drag in the working area.

Place the block in the '''if '''section of''' if then else block.'''
|| We need a '''comparison''' block to check the distance between the sensor and the object.

Click on the '''logic''' option.

The third block represents the comparison block.

Drag the''' comparison''' '''block''' and place it in the''' if '''section''' '''of''' if then else block.'''

|- style="border:1pt solid #000000;padding:0.176cm;"
|| Only narration

Click on the '''Motion''',select distance (cm) block.

Place this block in the '''first section '''of the '''logic''' block.

Point to dropdown option

Click on the dropdown option and select '''less than''' '''equal to''' option from the list.
|| Let us add a '''distance '''block'''.'''

Click on the '''Motion'''.

Drag the '''distance(cm)''' block and place this block in the '''first section '''of the '''comparison''' block.

Click on the dropdown option and select '''less than equal to '''option from the list.
|- style="border:1pt solid #000000;padding:0.176cm;"
|| click on the '''math''' option available on the left side on the screen.

|| Next, click on the '''Math''' section.

Drag and place the first '''number''' '''block,''' next to the '''less than equal to '''option.
|- style="border:1pt solid #000000;padding:0.176cm;"
|| Click on the '''number''' block and change to 10.
|| Click on the '''number''' block and change the value to 10.
|- style="border:1pt solid #000000;padding:0.176cm;"
|| Only narration

Click on the '''Add-ons''' option

Click on the '''Servo''' option.

|| Let us add a''' Servo motor block.'''

Click on the '''Add-ons section''' and Click on the '''Servo'''.

Select the '''Rotate servo''' block and place this block in the '''then''' section of the if then else block.

Notice the servo motor is connected to pin 2 of the arduino.
|- style="border:1pt solid #000000;padding:0.176cm;"
|| Point to rotate servo number block

Only narration

Only narration
|| In the '''Rotate Servo''' block, the default angle is '''50'''.

It indicates that the servo motor rotates to '''50 degrees '''by default.

Click on the number block and change the value to 90 degrees.

|- style="border:1pt solid #000000;padding:0.176cm;"
|| Only narration

Only narration

Click on the''' Time''' section.

Then drag and drop the''' Wait for 0.2 seconds''' block and place it below the '''Rotate servo''' block.

change the time to''' 0.02''' seconds.
|| The '''wait '''block is required to ensure the servo motor rotates smoothly.

Click on the '''Time''' section.

Then drag the '''Wait for 0.2 seconds''' block and place it below the '''Rotate servo''' block.

Change the time to''' 2''' seconds.
|- style="border:1pt solid #000000;padding:0.176cm;"
|| Only narration

Right click on the rotate servo block.

Select the duplicate option.

Place this duplicate block in the '''else''' section of the '''if then else''' block.
|| We need the servo motor to stop rotating when no motion is detected.

Right click on the rotate servo block.

Select the '''duplicate''' option.

Place this duplicate block in the '''else''' section of the '''if then else''' block.
|- style="border:1pt solid #000000;padding:0.176cm;"
|| Click on the '''number''' block and change to 0.
|| Click on the '''number''' block and change the value to 0 degrees.
|- style="border:1pt solid #000000;padding:0.176cm;"
|| Only narration

Right click on the wait for 2 seconds block.

Select the duplicate option
|| Let us add a wait block.

Duplicate the''' wait for 2 seconds block''' and place it below the '''Rotate servo''' block.

Click on the number block and change the number to 1.
|- style="border:1pt solid #000000;padding:0.176cm;"
|| Click on the '''Code''' icon to view the auto-generated Arduino code for the experiment.

Highlight the code on right side
|| Click on the '''Code icon''' to view the automatically generated''' Arduino code'''.

The code includes self-explanatory''' comments''' for better understanding.
|- style="border:1pt solid #000000;padding:0.176cm;"
||
|| Let us check the desired result using the simulator.
|- style="border:1pt solid #000000;padding:0.176cm;"
|| Click on '''Home''' icon on the tool bar and click on the '''Play''' button
|| Click on the '''Home''' icon and press the '''Play button''' to start the simulation.
|- style="border:1pt solid #000000;padding:0.176cm;"
|| Point to simulation window
|| The visual representation of the simulation shows that :

The '''servo motor rotates 90 degrees '''when the '''motion '''is detected within a 10 cm range.

We will create a situation, where the motion is detected above 10 cm range .

In the '''Setup Ultrasonic Sensor ''', change the distance to 15 by clicking on the '''Distance in Centimetres''' box.

Now, play the simulation again to see the output.

Notice that after increasing the distance, the servo motor rotates back to '''0 degrees'''.
|- style="border:1pt solid #000000;padding:0.176cm;"
|| Narration only
|| The '''XML '''file of this experiment is provided in the code files for your reference.
|- style="border:1pt solid #000000;padding:0.176cm;"
|| Slide:

'''Summary'''

In this tutorial, we learnt about

# <div style="margin-left:1.27cm;margin-right:0cm;">Build a set of blocks to create Automatic Gate opener</div>
# <div style="margin-left:1.27cm;margin-right:0cm;">Check the output of experiment using simulator</div>

|| This brings us to the end of this tutorial. Let us summarise.
|- style="border:1pt solid #000000;padding:0.176cm;"
|| Slide:

'''Assignment''':
* <div style="margin-left:1.27cm;margin-right:0cm;">Open a new blank project</div>
* <div style="margin-left:1.27cm;margin-right:0cm;">Add an '''LED''' and connect it to '''pin 9'''</div>
* <div style="margin-left:1.27cm;margin-right:0cm;">When motion is detected within a '''20 cm range''', the '''servo motor rotates to 90°''' and the '''LED turns ON'''</div>
* <div style="margin-left:1.27cm;margin-right:0cm;">When no motion is detected, the '''servo motor returns to 0°''' and the '''LED turns OFF'''</div>

|| As an assignment, please do the following

|- style="border:1pt solid #000000;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;"
|| '''Slide :'''

'''Thank you'''
|| Thank you for joining.
|-
|}
<div style="margin-left:-1.905cm;margin-right:-1.905cm;"></div>

@@ Line 1: / Line 1: @@
 {| border="1"
 |-
@@ Line 8: / Line 9: @@
 || Welcome to the '''Spoken Tutorial''' on '''Automatic Gate Opener '''using '''Electroblocks'''.
 |-
-|| '''Slide 2:'''
+|| '''Slide 2 '''
 '''Learning Objectives'''
@@ Line 16: / Line 17: @@
 |-
-|| '''Slide 3:'''
+|| '''Slide 3 '''
 '''System requirement'''
 || To record this tutorial, I am using the following setup.
 |-
-|| '''Slide:4'''
+|| '''Slide 4'''
 Required Sections
@@ Line 52: / Line 53: @@
 || Let us open a new blank project.
 |-
-||
+|| Click on the '''Logic''' section
-−
 Click on the '''Logic''' section
 Point to '''if-then-else''' block
@@ Line 119: / Line 118: @@
 Place this block in the '''first section '''of the '''logic''' block.
-Point to dropdown option
+Point to drop down option
-Click on the dropdown option and select '''less than''' '''equal to''' option from the list.
+Click on the drop down option and select '''less than''' '''equal to''' option from the list.
 || Let us add a '''distance '''block'''.'''
@@ Line 128: / Line 127: @@
 Drag the '''distance(cm)''' block and place this block in the '''first section '''of the '''comparison''' block.
-Click on the dropdown option and select '''less than equal to '''option from the list.
+Click on the drop down option and select '''less than equal to '''option from the list.
 |-
 || click on the '''math''' option available on the left side on the screen.
@@ Line 240: / Line 239: @@
 || The '''XML '''file of this experiment is provided in the code files for your reference.
 |-
-|| Slide:
+|| '''Slide 5'''
 '''Summary'''
@@ Line 253: / Line 252: @@
 Let us summarise.
 |-
-|| Slide:
+|| '''Slide 6'''
 '''Assignment''':
@@ Line 264: / Line 263: @@
 |-
-|| '''Slide :'''
+|| '''Slide 7'''
 '''Thank you'''

ElectroBlocks/C2/Automatic-Gate-Opener/English - Revision history

Madhurig at 06:56, 8 December 2025

Madhurig at 06:44, 8 December 2025

Nirmala Venkat: Created page with "{| border="1" |- || '''Visual Cue''' || '''Narration''' |- || '''Slide 1''' '''Title Slide''' || Welcome to the '''Spoken Tutorial''' on '''Automatic Gate Opener '''using '''E..."