Difference between revisions of "CircuitJS/C3/AND-Gate/English"

From Script | Spoken-Tutorial
Jump to: navigation, search
Line 5: Line 5:
 
|| '''Narration'''
 
|| '''Narration'''
 
|-
 
|-
| style="color:#000000;" | slide:1
+
|| Slide:1
| style="color:#000000;" | Welcome to the spoken tutorial on '''AND''' gate using '''circuitjs''' simulator.
+
|| Welcome to the spoken tutorial on '''AND''' gate using '''circuitjs''' simulator.
|- style="background-color:transparent;border:1pt solid #000000;padding:0.176cm;"
+
|-  
|| <div style="color:#000000;">Slide 2:</div>
+
|| Slide 2:
  
<div style="color:#000000;">Learning Objective</div>
+
Learning Objective
 
|| In this tutorial, we will learn about
 
|| In this tutorial, we will learn about
* <div style="color:#000000;margin-left:1.27cm;margin-right:0cm;">'''AND''' Gate and</div>
+
* '''AND''' Gate and
* <div style="color:#000000;margin-left:1.27cm;margin-right:0cm;">Verify its truth table</div>
+
* Verify its truth table
  
|- style="background-color:transparent;border:1pt solid #000000;padding-top:0cm;padding-bottom:0cm;padding-left:0.191cm;padding-right:0.191cm;"
+
|-  
|| <div style="color:#000000;">Slide 3:</div>
+
|| Slide 3:
  
<div style="color:#000000;">Prerequisite</div>
+
Prerequisite
 
|| To follow this tutorial, you should have a basic knowledge of,
 
|| To follow this tutorial, you should have a basic knowledge of,
* <div style="color:#000000;margin-left:1.27cm;margin-right:0cm;">Electrical circuits</div>
+
* Electrical circuits
  
|- style="background-color:transparent;border:1pt solid #000000;padding-top:0cm;padding-bottom:0cm;padding-left:0.191cm;padding-right:0.191cm;"
+
|-  
|| <div style="color:#000000;">Slide 4:</div>
+
|| Slide 4:
  
<div style="color:#000000;">System Requirement</div>
+
System Requirement
 
|| To record this tutorial, I am using:
 
|| To record this tutorial, I am using:
* <div style="color:#000000;margin-left:1.27cm;margin-right:0cm;">'''Ubuntu Linux '''20.04 OS</div>
+
* '''Ubuntu Linux '''20.04 OS
* <div style="color:#000000;margin-left:1.27cm;margin-right:0cm;">'''CircuitJS''' Application</div>
+
* '''CircuitJS''' Application
  
|- style="background-color:transparent;border:1pt solid #000000;padding:0.176cm;"
+
|-  
|| <div style="color:#000000;">Slide 5:</div>
+
|| Slide 5:
  
<div style="color:#000000;">About logic gates</div>
+
About logic gates
 
||  
 
||  
* <div style="color:#000000;margin-left:1.27cm;margin-right:0cm;">Logic gates are the building blocks of Digital Electronics or computer operations.</div>
+
* Logic gates are the building blocks of Digital Electronics or computer operations.
* <div style="color:#000000;margin-left:1.27cm;margin-right:0cm;">These gates are made of multiple transistors.</div>
+
* These gates are made of multiple transistors.
* <div style="color:#000000;margin-left:1.27cm;margin-right:0cm;">Logic gates have one or more inputs and have one output.</div>
+
* Logic gates have one or more inputs and have one output.
* <div style="color:#000000;margin-left:1.27cm;margin-right:0cm;">Each input terminal is either True or False.</div>
+
* Each input terminal is either True or False.
* <div style="color:#000000;margin-left:1.27cm;margin-right:0cm;">True is represented by 1 and False is represented by 0.</div>
+
* True is represented by 1 and False is represented by 0.
  
|- style="background-color:transparent;border:1pt solid #000000;padding:0.176cm;"
+
|-  
|| <div style="color:#000000;">AND Gate Circuit.png</div>
+
|| AND Gate Circuit.png
 +
|| We will create this circuit using '''switches''' and '''LEDs''' for the '''AND''' Gate''' '''demonstration'''.'''
 +
|-
 +
|| Show the diagram
 +
|| To do this experiment, we will need
 +
* 2 Switches
 +
* 220 Ohm Resistor
 +
* 1 DC Power supply of 5 Volts
 +
* 1 LED
  
| style="color:#000000;" | We will create this circuit using '''switches''' and '''LEDs''' for the '''AND''' Gate''' '''demonstration'''.'''
+
|-
|- style="background-color:transparent;border:1pt solid #000000;padding:0.176cm;"
+
|| Keep the circuit diagram on the top right
|| <div style="color:#000000;"></div>
+
|| Let us open the '''circuitjs''' interface.
  
<div style="color:#000000;">Show the diagram</div>
+
Click on '''File''' and select '''New Blank Circuit.'''
 +
|-
 +
|| Click on the '''Draw''' option
  
<div style="color:#000000;"></div>
+
Browse through the menu
|| To do this experiment, we will need
+
|| Click on the '''Draw''' menu at the top.
* <div style="color:#000000;margin-left:1.27cm;margin-right:0cm;">2 Switches</div>
+
* <div style="color:#000000;margin-left:1.27cm;margin-right:0cm;">220 Ohm Resistor</div>
+
* <div style="color:#000000;margin-left:1.27cm;margin-right:0cm;">1 DC Power supply of 5 Volts</div>
+
* <div style="color:#000000;margin-left:1.27cm;margin-right:0cm;">1 LED</div>
+
  
|- style="background-color:transparent;border:1pt solid #000000;padding:0.176cm;"
+
Go to the '''Passive Components''', then select '''Add Switch'''.
| style="color:#000000;" | Keep the circuit diagram on the top right
+
|| <div style="color:#000000;">Let us open the '''circuitjs''' interface.</div>
+
  
<div style="color:#000000;">Click on '''File''' and select '''New Blank Circuit.'''</div>
+
Drag and place the switch in the working space.
|- style="background-color:transparent;border:1pt solid #000000;padding:0.176cm;"
+
|| <div style="color:#000000;">Click on the '''Draw''' option</div>
+
  
<div style="color:#000000;">Browse through the menu</div>
+
We will use 2 switches in this circuit.
|| <div style="color:#000000;">Click on the '''Draw''' menu at the top.</div>
+
  
<div style="color:#000000;">Go to the '''Passive Components''', then select '''Add Switch'''.</div>
+
Right-click on the switch, then select the '''Duplicate '''option to make another one.
<div style="color:#000000;">Drag and place the switch in the working space.</div>
+
<div style="color:#000000;">We will use 2 switches in this circuit.</div>
+
<div style="color:#000000;">Right-click on the switch, then select the '''Duplicate '''option to make another one.</div>
+
  
<div style="color:#000000;">Connect both switches in series.</div>
+
Connect both switches in series.
  
<div style="color:#000000;">In this circuit, these switches act as '''INPUTs''' for the '''AND''' Gate.</div>
+
In this circuit, these switches act as '''INPUTs''' for the '''AND''' Gate.
  
|- style="background-color:transparent;border:1pt solid #000000;padding:0.176cm;"
+
|-  
| style="color:#000000;" | Add Resistor
+
|| Add Resistor
|| <div style="color:#000000;">Go to '''Draw''', and select the '''Add Resistor''' option.</div>
+
|| Go to '''Draw''', and select the '''Add Resistor''' option.
  
<div style="color:#000000;">Drag and draw the resistor as shown.</div>
+
Drag and draw the resistor as shown.
  
<div style="color:#000000;">Place the resistor in series with the switches.</div>
+
Place the resistor in series with the switches.
  
<div style="color:#000000;">Change the resistor value to 220 Ohms using the '''Edit''' option.</div>
+
Change the resistor value to 220 Ohms using the '''Edit''' option.
|- style="background-color:transparent;border:1pt solid #000000;padding:0.176cm;"
+
|-  
|| <div style="color:#000000;">Show the path to find the DC power supply and draw it</div>
+
|| Show the path to find the DC power supply and draw it
 +
|| Now we need a''' DC Power''' supply to make the circuit work.
  
|| <div style="color:#000000;">Now we need a''' DC Power''' supply to make the circuit work.</div>
+
Click on '''Draw''', then go to '''Inputs and Sources''' to see a list of components.
  
<div style="color:#000000;">Click on '''Draw''', then go to '''Inputs and Sources''' to see a list of components.</div>
+
Select '''Add Voltage Source (2-terminal)''', and drag the DC power supply.
  
<div style="color:#000000;">Select '''Add Voltage Source (2-terminal)''', and drag the DC power supply.</div>
+
Place it below the switches, as shown in the video
 +
|-
 +
|| Click on the '''Draw '''menu and go to the '''Outputs and Labels''' option >>
  
<div style="color:#000000;">Place it below the switches, as shown in the video</div>
+
select '''Add LED.'''
|- style="background-color:transparent;border:1pt solid #000000;padding:0.176cm;"
+
|| We need an '''LED''' to show the output of the circuit.
| style="color:#000000;" |
+
|| <div style="color:#000000;">We need an '''LED''' to show the output of the circuit.</div>
+
  
<div style="color:#000000;">Click on the '''Draw '''menu and go to the '''Outputs and Labels''' option and</div>
+
Click on the '''Draw '''menu and go to the '''Outputs and Labels''' option and
  
<div style="color:#000000;">select '''Add LED.'''</div>
+
select '''Add LED.'''
  
<div style="color:#000000;">Now click and drag to draw the '''LED''' in the working space. </div>
+
Now click and drag to draw the '''LED''' in the working space.  
  
<div style="color:#000000;">Place the '''LED''' below the resistor as shown in the circuit.</div>
+
Place the '''LED''' below the resistor as shown in the circuit.
|- style="background-color:transparent;border:1pt solid #000000;padding:0.176cm;"
+
|-  
| style="color:#000000;" |  
+
|| Point to the circuit.
|| <div style="color:#000000;">We have all the required components in the work area. </div>
+
|| We have all the required components in the work area.  
  
<div style="color:#000000;">Now let's connect the components using wires.</div>
+
Now let's connect the components using wires.
|- style="background-color:transparent;border:1pt solid #000000;padding:0.176cm;"
+
|-  
| style="color:#000000;" |  
+
|| Click on Add Text option.
|| <div style="color:#000000;">Use the''' Add Text''' option to label the switches and LED.</div>
+
|| Use the''' Add Text''' option to label the switches and LED.
  
<div style="color:#000000;">Give names to these switches as A and B and to the LED as Y.</div>
+
Give names to these switches as A and B and to the LED as Y.
|- style="background-color:transparent;border:1pt solid #000000;padding:0.176cm;"
+
|-  
|| <div style="color:#000000;">Slide:</div>
+
|| Slide:
 +
 
 +
AND Gate Truth Table.png
 +
|| This is the truth table for the '''AND''' Gate, where A and B are the inputs and Y is the output.
 +
 
 +
When both the inputs are 1, the '''AND''' Gate gives the output as 1.
 +
 
 +
If any of the inputs in '''AND''' gate is zero, the output is zero.
 +
|-
 +
||
 +
|| Let us go to '''circuitJS''' simulator to verify the truth table of '''AND''' gate.
 +
|-
 +
||
 +
|| For the first condition in the truth table, both inputs A and B are 0,  that is they are LOW.
 +
|-
 +
|| Point to A and B in the circuit.
 +
|| This means, we have to open both switches A and B in the circuit.
  
<div style="color:#000000;">AND Gate Truth Table.png</div>
+
Click on the center of the switch to open it.
|| <div style="color:#000000;">This is the truth table for the '''AND''' Gate, where A and B are the inputs and Y is the output.</div>
+
  
<div style="color:#000000;">When both the inputs are 1, the '''AND''' Gate gives the output as 1. </div>
+
Now we can see that the output LED is not glowing.
  
<div style="color:#000000;">If any of the inputs in '''AND''' gate is zero, the output is zero.</div>
+
This indicates that the output Y is 0, as given in the truth table.
|- style="background-color:transparent;border:1pt solid #000000;padding:0.176cm;"
+
| style="color:#000000;" |
+
| style="color:#000000;" | Let us go to '''circuitJS''' simulator to verify the truth table of '''AND''' gate.
+
|- style="background-color:transparent;border:1pt solid #000000;padding:0.176cm;"
+
| style="color:#000000;" |
+
| style="color:#000000;" | For the first condition in the truth table, both inputs A and B are 0, i.e. they are LOW.
+
|- style="background-color:transparent;border:1pt solid #000000;padding:0.176cm;"
+
| style="color:#000000;" |
+
|| <div style="color:#000000;">This means, we have to open both switches A and B in the circuit.</div>
+
  
<div style="color:#000000;">Click on the center of the switch to open it.</div>
+
Thus the first condition is verified.
 +
|-
 +
|| Point to the circuit.
 +
|| For the second case, input A is 0 and input B is 1.
  
<div style="color:#000000;">Now we can see that the output LED is not glowing.</div>
+
To attain this condition in the circuit, keep switch A open and close switch B as shown.
  
<div style="color:#000000;">This indicates that the output Y is 0, as given in the truth table.</div>
+
Note that the output LED is not glowing.
  
<div style="color:#000000;">Thus the first condition is verified.</div>
+
This indicates that the output Y is 0, as given in the truth table.
|- style="background-color:transparent;border:1pt solid #000000;padding:0.176cm;"
+
| style="color:#000000;" |
+
|| <div style="color:#000000;">For the second case, input A is 0 and input B is 1.</div>
+
  
<div style="color:#000000;">To attain this condition in the circuit, keep switch A open and close switch B as shown.</div>
+
Thus the second condition is verified.
 +
|-
 +
|| Slide :
  
<div style="color:#000000;">Note that the output LED is not glowing.</div>
+
Assignment1
  
<div style="color:#000000;">This indicates that the output Y is 0, as given in the truth table.</div>
+
Image
 +
|| As an assignment,
  
<div style="color:#000000;">Thus the second condition is verified.</div>
+
* Using the '''switches''' and '''LED''' circuit, verify the '''AND''' gate truth table
|- style="background-color:transparent;border:1pt solid #000000;padding:0.176cm;"
+
|| <div style="color:#000000;">Slide :</div>
+
  
<div style="color:#000000;">Assignment1</div>
+
|-
 +
|| Cursor on the interface.
 +
|| Next we will see how to use the '''AND''' gate component provided by '''CircuitJS''' simulator.
 +
|-
 +
|| Draw AND Gate
 +
|| Click on the '''Draw''', Go to '''Logic Gates, Input and Output.'''
  
<div style="color:#000000;">Image</div>
+
Select''' Add AND Gate''' option.
|| <div style="color:#000000;">As an assignment,</div>
+
  
* <div style="color:#000000;margin-left:1.27cm;margin-right:0cm;">Using the '''switches''' and '''LED''' circuit, verify the '''AND''' gate truth table </div>
+
Click and drag the cursor in the working space to draw the '''AND gate'''.
 +
|-  
 +
|| Point to the AND gate component.
 +
|| We need to add two logic inputs and one logic output to see the working of '''AND gate'''.
 +
|-
 +
|| Add Logic Input and Output
 +
|| Click on '''Draw''', Go to '''Logic Gates, Input and Output.'''
  
<div style="color:#000000;"></div>
+
Select''' Add Logic Input''' option.
|- style="background-color:transparent;border:1pt solid #000000;padding:0.176cm;"
+
| style="color:#000000;" |
+
| style="color:#000000;" | Next we will see how to use the '''AND''' gate component provided by '''CircuitJS''' simulator.
+
|- style="background-color:transparent;border:1pt solid #000000;padding:0.176cm;"
+
| style="color:#000000;" | Draw AND Gate
+
|| <div style="color:#000000;">Click on '''Draw''', Go to '''Logic Gates, Input and Output.'''</div>
+
  
<div style="color:#000000;">Select''' Add AND Gate''' option.</div>
+
Click and drag the cursor in the working space to draw the logic input.
  
<div style="color:#000000;">Click and drag the cursor in the working area to draw the '''AND gate'''.</div>
+
Press the '''Esc''' key to deselect the component wherever required.
|- style="background-color:transparent;border:1pt solid #000000;padding:0.176cm;"
+
|-  
| style="color:#000000;" |  
+
|| Right click on the logic input >>  select the '''Edit''' option.  
| style="color:#000000;" | We need to add two logic inputs and one logic output to see the working of '''AND gate'''.
+
|| Right click on the logic input and select the '''Edit''' option.  
|- style="background-color:transparent;border:1pt solid #000000;padding:0.176cm;"
+
| style="color:#000000;" | Add Logic Input and Output
+
|| <div style="color:#000000;">Click on '''Draw''', Go to '''Logic Gates, Input and Output.'''</div>
+
  
<div style="color:#000000;">Select''' Add Logic Input''' option.</div>
+
In the pop-up window, check the '''Numeric''' box and click on the OK button to save the changes.
  
<div style="color:#000000;">Click and drag the cursor in the working area to draw the logic input.</div>
+
By doing this, the input values will be shown in either 0’s or 1’s.
  
<div style="color:#000000;">Press the '''Esc''' key to deselect the component wherever required.</div>
+
As we require two logic inputs, let us select the '''Duplicate''' option.
|- style="background-color:transparent;border:1pt solid #000000;padding:0.176cm;"
+
| style="color:#000000;" |
+
|| <div style="color:#000000;">Right click on the logic input and select the '''Edit''' option. </div>
+
  
<div style="color:#000000;">In the pop-up window, check the '''Numeric''' box and click on the OK button to save the changes.</div>
+
Now we have two logic inputs.
  
<div style="color:#000000;">By doing this, the input values will be shown in either 0’s or 1’s.</div>
+
Connect these logic inputs to the input pins of the '''AND''' gate as shown.
 +
|-
 +
||  Go to '''Draw''', click on '''Logic gates, Input and Output.'''
  
<div style="color:#000000;">As we require two logic inputs, let us select the '''Duplicate''' option.</div>
+
Select '''Add Logic output ''' >> draw it in working space.
  
<div style="color:#000000;">Now we have two logic inputs.</div>
+
|| Next we will add one logic output to the '''AND''' gate.
  
<div style="color:#000000;">Connect these logic inputs to the input pins of the '''AND''' gate as shown.</div>
+
Now, click on the '''Draw''' menu, click on '''Logic gates, Input and Output.'''
|- style="background-color:transparent;border:1pt solid #000000;padding:0.176cm;"
+
| style="color:#000000;" |
+
|| <div style="color:#000000;">Next we will add one logic output to the '''AND''' gate.</div>
+
  
<div style="color:#000000;">Now, go to '''Draw''', click on '''Logic gates, Input and Output.'''</div>
+
Then Select '''Add Logic output ''' and draw it in the working space.
  
<div style="color:#000000;">Then Select '''Add Logic output '''and draw it in the working space.</div>
+
Right click on the logic output and select the '''Edit''' option.  
  
<div style="color:#000000;">Right click on the logic output and select the '''Edit''' option. </div>
+
In the pop-up window, check the '''Numeric''' box and click on the OK button to save the changes.
  
<div style="color:#000000;">In the pop-up window , check the '''Numeric''' box and click on the OK button to save the changes.</div>
+
By doing this, the output value will be shown in either 0’s or 1’s.
  
<div style="color:#000000;">By doing this, the output value will be shown in either 0’s or 1’s.</div>
+
Connect the logic output to the output pin of '''AND''' Gate.
 +
|-
 +
|| Click  '''Add text '''option to give labels.
 +
|| Use the '''Add text '''option to give labels to pins as shown.
  
<div style="color:#000000;">Connect the logic output to the output pin of '''AND''' Gate.</div>
+
A and B are the inputs and Y is the output.
|- style="background-color:transparent;border:1pt solid #000000;padding:0.176cm;"
+
|-  
| style="color:#000000;" |  
+
|| Click on the input B to make its value 1.
|| <div style="color:#000000;">Use the '''Add text '''option to give labels to pins as shown.</div>
+
|| To change the state of the input value from 0 to 1 or vice-versa, click on the input value.
  
<div style="color:#000000;">Letters A and B are the inputs and Y is the output.</div>
+
Now click on the input B to make its value 1.
|- style="background-color:transparent;border:1pt solid #000000;padding:0.176cm;"
+
| style="color:#000000;" |
+
|| <div style="color:#000000;">To change the state of the input value from 0 to 1 or vice-versa, click on the input value.</div>
+
  
<div style="color:#000000;">Now click on the input B to make its value 1.</div>
+
Notice the output value Y is zero.
  
<div style="color:#000000;">Notice the output value Y is zero.</div>
+
It implies that if any of the input is zero, the output is zero.
  
<div style="color:#000000;">It implies that if any of the input is zero, the output is zero.</div>
+
Check the remaining two conditions according to the AND gate truth table.
 +
|-
 +
|| Only Narration
 +
|| This brings us to the end of this tutorial.
  
<div style="color:#000000;">Check the remaining two conditions according to the AND gate truth table.</div>
+
Let us summarize.
|- style="background-color:transparent;border:1pt solid #000000;padding:0.176cm;"
+
|-  
| style="color:#000000;" |
+
|| Slide
| style="color:#000000;" | This brings us to the end of this tutorial. Let us summarize.
+
|- style="background-color:transparent;border:1pt solid #000000;padding:0.176cm;"
+
|| <div style="color:#000000;">Slide</div>
+
  
<div style="color:#000000;">Summary</div>
+
Summary
 
|| In this tutorial, we learnt about
 
|| In this tutorial, we learnt about
* <div style="color:#000000;margin-left:1.27cm;margin-right:0cm;">'''AND''' Gate and</div>
+
* '''AND''' Gate and
* <div style="color:#000000;margin-left:1.27cm;margin-right:0cm;">Verify its truth table</div>
+
* Verify its truth table
  
|- style="background-color:transparent;border:1pt solid #000000;padding:0.176cm;"
+
|-  
|| <div style="color:#000000;">Slide: Assignment 2</div>
+
|| Slide: Assignment 2
  
<div style="color:#000000;">Image</div>
+
Image
|| <div style="color:#000000;">As an assignment,</div>
+
|| As an assignment,
  
* <div style="color:#000000;margin-left:1.27cm;margin-right:0cm;">With the '''AND''' gate component, check and verify the '''AND''' gate truth table </div>
+
* With the '''AND''' gate component, check and verify the '''AND''' gate truth table  
  
|- style="background-color:transparent;border:1pt solid #000000;padding-top:0cm;padding-bottom:0cm;padding-left:0.191cm;padding-right:0.191cm;"
+
|-  
|| <div style="color:#000000;">Slide :</div>
+
|| Slide :
  
<div style="color:#000000;">About Spoken Tutorial project</div>
+
About Spoken Tutorial project
|| <div style="color:#000000;">The video at the following link summarizes the Spoken Tutorial project.</div>
+
|| The video at the following link summarizes the Spoken Tutorial project.
  
<div style="color:#000000;">Please download and watch it.</div>
+
Please download and watch it.
|- style="background-color:transparent;border:1pt solid #000000;padding-top:0cm;padding-bottom:0cm;padding-left:0.191cm;padding-right:0.191cm;"
+
|-  
| style="color:#000000;" | Slide&nbsp;:Spoken Tutorial workshops
+
|| Slide&nbsp;:Spoken Tutorial workshops
|| <div style="color:#000000;">The&nbsp;'''Spoken Tutorial Project'''&nbsp;Team conducts workshops and gives certificates.</div>
+
|| The '''Spoken Tutorial Project'''&nbsp;Team conducts workshops and gives certificates.
  
<div style="color:#000000;">For more details, please write to us.</div>
+
For more details, please write to us.
|- style="background-color:transparent;border:1pt solid #000000;padding-top:0cm;padding-bottom:0cm;padding-left:0.191cm;padding-right:0.191cm;"
+
|-  
| style="color:#000000;" | Slide : Forum for specific questions
+
|| Slide : Forum for specific questions
| style="color:#000000;" | Please post your timed queries in this forum.
+
|| Please post your timed queries in this forum.
|- style="background-color:transparent;border:1pt solid #000000;padding-top:0cm;padding-bottom:0cm;padding-left:0.191cm;padding-right:0.191cm;"
+
|-  
| style="color:#000000;" | Acknowledgement
+
|| Acknowledgement
| style="color:#000000;" | Spoken Tutorial project was established by the Ministry of Education(MoE), Govt of India
+
|| Spoken Tutorial project was established by the Ministry of Education(MoE), Govt of India
|- style="background-color:transparent;border:1pt solid #000000;padding-top:0cm;padding-bottom:0cm;padding-left:0.191cm;padding-right:0.191cm;"
+
|-  
| style="color:#000000;" | Thank you
+
|| Thank you
|| <div style="color:#000000;">This tutorial has been contributed by FOSSEE and Spoken Tutorial Project, IIT Bombay.</div>
+
|| This tutorial has been contributed by FOSSEE and Spoken Tutorial Project, IIT Bombay.
  
<div style="color:#000000;">Thanks for watching.</div>
+
Thanks for watching.
 
|-
 
|-
 
|}
 
|}
<div style="color:#000000;"></div>
 

Revision as of 15:59, 31 January 2024

Visual Cue Narration
Slide:1 Welcome to the spoken tutorial on AND gate using circuitjs simulator.
Slide 2:

Learning Objective

In this tutorial, we will learn about
  • AND Gate and
  • Verify its truth table
Slide 3:

Prerequisite

To follow this tutorial, you should have a basic knowledge of,
  • Electrical circuits
Slide 4:

System Requirement

To record this tutorial, I am using:
  • Ubuntu Linux 20.04 OS
  • CircuitJS Application
Slide 5:

About logic gates

  • Logic gates are the building blocks of Digital Electronics or computer operations.
  • These gates are made of multiple transistors.
  • Logic gates have one or more inputs and have one output.
  • Each input terminal is either True or False.
  • True is represented by 1 and False is represented by 0.
AND Gate Circuit.png We will create this circuit using switches and LEDs for the AND Gate demonstration.
Show the diagram To do this experiment, we will need
  • 2 Switches
  • 220 Ohm Resistor
  • 1 DC Power supply of 5 Volts
  • 1 LED
Keep the circuit diagram on the top right Let us open the circuitjs interface.

Click on File and select New Blank Circuit.

Click on the Draw option

Browse through the menu

Click on the Draw menu at the top.

Go to the Passive Components, then select Add Switch.

Drag and place the switch in the working space.

We will use 2 switches in this circuit.

Right-click on the switch, then select the Duplicate option to make another one.

Connect both switches in series.

In this circuit, these switches act as INPUTs for the AND Gate.

Add Resistor Go to Draw, and select the Add Resistor option.

Drag and draw the resistor as shown.

Place the resistor in series with the switches.

Change the resistor value to 220 Ohms using the Edit option.

Show the path to find the DC power supply and draw it Now we need a DC Power supply to make the circuit work.

Click on Draw, then go to Inputs and Sources to see a list of components.

Select Add Voltage Source (2-terminal), and drag the DC power supply.

Place it below the switches, as shown in the video

Click on the Draw menu and go to the Outputs and Labels option >>

select Add LED.

We need an LED to show the output of the circuit.

Click on the Draw menu and go to the Outputs and Labels option and

select Add LED.

Now click and drag to draw the LED in the working space.

Place the LED below the resistor as shown in the circuit.

Point to the circuit. We have all the required components in the work area.

Now let's connect the components using wires.

Click on Add Text option. Use the Add Text option to label the switches and LED.

Give names to these switches as A and B and to the LED as Y.

Slide:

AND Gate Truth Table.png

This is the truth table for the AND Gate, where A and B are the inputs and Y is the output.

When both the inputs are 1, the AND Gate gives the output as 1.

If any of the inputs in AND gate is zero, the output is zero.

Let us go to circuitJS simulator to verify the truth table of AND gate.
For the first condition in the truth table, both inputs A and B are 0, that is they are LOW.
Point to A and B in the circuit. This means, we have to open both switches A and B in the circuit.

Click on the center of the switch to open it.

Now we can see that the output LED is not glowing.

This indicates that the output Y is 0, as given in the truth table.

Thus the first condition is verified.

Point to the circuit. For the second case, input A is 0 and input B is 1.

To attain this condition in the circuit, keep switch A open and close switch B as shown.

Note that the output LED is not glowing.

This indicates that the output Y is 0, as given in the truth table.

Thus the second condition is verified.

Slide :

Assignment1

Image

As an assignment,
  • Using the switches and LED circuit, verify the AND gate truth table
Cursor on the interface. Next we will see how to use the AND gate component provided by CircuitJS simulator.
Draw AND Gate Click on the Draw, Go to Logic Gates, Input and Output.

Select Add AND Gate option.

Click and drag the cursor in the working space to draw the AND gate.

Point to the AND gate component. We need to add two logic inputs and one logic output to see the working of AND gate.
Add Logic Input and Output Click on Draw, Go to Logic Gates, Input and Output.

Select Add Logic Input option.

Click and drag the cursor in the working space to draw the logic input.

Press the Esc key to deselect the component wherever required.

Right click on the logic input >> select the Edit option. Right click on the logic input and select the Edit option.

In the pop-up window, check the Numeric box and click on the OK button to save the changes.

By doing this, the input values will be shown in either 0’s or 1’s.

As we require two logic inputs, let us select the Duplicate option.

Now we have two logic inputs.

Connect these logic inputs to the input pins of the AND gate as shown.

Go to Draw, click on Logic gates, Input and Output.

Select Add Logic output >> draw it in working space.

Next we will add one logic output to the AND gate.

Now, click on the Draw menu, click on Logic gates, Input and Output.

Then Select Add Logic output and draw it in the working space.

Right click on the logic output and select the Edit option.

In the pop-up window, check the Numeric box and click on the OK button to save the changes.

By doing this, the output value will be shown in either 0’s or 1’s.

Connect the logic output to the output pin of AND Gate.

Click Add text option to give labels. Use the Add text option to give labels to pins as shown.

A and B are the inputs and Y is the output.

Click on the input B to make its value 1. To change the state of the input value from 0 to 1 or vice-versa, click on the input value.

Now click on the input B to make its value 1.

Notice the output value Y is zero.

It implies that if any of the input is zero, the output is zero.

Check the remaining two conditions according to the AND gate truth table.

Only Narration This brings us to the end of this tutorial.

Let us summarize.

Slide

Summary

In this tutorial, we learnt about
  • AND Gate and
  • Verify its truth table
Slide: Assignment 2

Image

As an assignment,
  • With the AND gate component, check and verify the AND gate truth table
Slide :

About Spoken Tutorial project

The video at the following link summarizes the Spoken Tutorial project.

Please download and watch it.

Slide :Spoken Tutorial workshops The Spoken Tutorial Project Team conducts workshops and gives certificates.

For more details, please write to us.

Slide : Forum for specific questions Please post your timed queries in this forum.
Acknowledgement Spoken Tutorial project was established by the Ministry of Education(MoE), Govt of India
Thank you This tutorial has been contributed by FOSSEE and Spoken Tutorial Project, IIT Bombay.

Thanks for watching.

Contributors and Content Editors

Madhurig, Nirmala Venkat