Madhurig at 08:47, 1 February 2024

2024-02-01T08:47:17Z

Madhurig at 10:29, 31 January 2024

2024-01-31T10:29:03Z

Nirmala Venkat at 05:55, 30 January 2024

2024-01-30T05:55:39Z

Nirmala Venkat: Created page with " {| border="1" |- || '''Visual Cue''' || '''Narration''' |- | style="color:#000000;" | slide:1 | style="color:#000000;" | Welcome to the spoken tutorial on '''AND''' gate usin..."

2024-01-24T08:42:20Z

Created page with " {| border="1" |- || '''Visual Cue''' || '''Narration''' |- | style="color:#000000;" | slide:1 | style="color:#000000;" | Welcome to the spoken tutorial on '''AND''' gate usin..."

New page

{| border="1"
|-
|| '''Visual Cue'''
|| '''Narration'''
|-
| style="color:#000000;" | slide:1
| style="color:#000000;" | 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>

<div style="color:#000000;">Learning Objective</div>
|| In this tutorial, we will learn about
* <div style="color:#000000;margin-left:1.27cm;margin-right:0cm;">'''AND''' Gate and</div>
* <div style="color:#000000;margin-left:1.27cm;margin-right:0cm;">Verify its truth table</div>

|- 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>

<div style="color:#000000;">Prerequisite</div>
|| 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>

|- 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>

<div style="color:#000000;">System Requirement</div>
|| To record this tutorial, I am using:
* <div style="color:#000000;margin-left:1.27cm;margin-right:0cm;">'''Ubuntu Linux '''20.04 OS</div>
* <div style="color:#000000;margin-left:1.27cm;margin-right:0cm;">'''CircuitJS''' Application</div>

|- style="background-color:transparent;border:1pt solid #000000;padding:0.176cm;"
|| <div style="color:#000000;">Slide 5:</div>

<div style="color:#000000;">About logic gates</div>
||
* <div style="color:#000000;margin-left:1.27cm;margin-right:0cm;">Logic gates are the building blocks of Digital Electronics or computer operations.</div>
* <div style="color:#000000;margin-left:1.27cm;margin-right:0cm;">These gates are made of multiple transistors.</div>
* <div style="color:#000000;margin-left:1.27cm;margin-right:0cm;">Logic gates have one or more inputs and have one output.</div>
* <div style="color:#000000;margin-left:1.27cm;margin-right:0cm;">Each input terminal is either True or False.</div>
* <div style="color:#000000;margin-left:1.27cm;margin-right:0cm;">True is represented by 1 and False is represented by 0.</div>

|- style="background-color:transparent;border:1pt solid #000000;padding:0.176cm;"
|| <div style="color:#000000;">AND Gate Circuit.png</div>

| 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;"
|| <div style="color:#000000;"></div>

<div style="color:#000000;">Show the diagram</div>

<div style="color:#000000;"></div>
|| To do this experiment, we will need
* <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;"
| 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>
|- 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>
|| <div style="color:#000000;">Click on the '''Draw''' menu at the top.</div>

<div style="color:#000000;">Go to the '''Passive Component''', then select '''Add Switch'''.</div>
<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>

<div style="color:#000000;">In this circuit, these switches act as '''INPUTs''' for the '''AND''' Gate.</div>

|- style="background-color:transparent;border:1pt solid #000000;padding:0.176cm;"
| style="color:#000000;" | Add Resistor
|| <div style="color:#000000;">Go to '''Draw''', and select the '''Add Resistor''' option.</div>

<div style="color:#000000;">Drag and draw the resistor as shown.</div>

<div style="color:#000000;">Place the resistor in series with the switches.</div>

<div style="color:#000000;">Change the resistor value to 220 Ohms using the '''Edit''' option.</div>
|- 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>

|| <div style="color:#000000;">Now we need a''' DC Power''' supply to make the circuit work.</div>

<div style="color:#000000;">Click on '''Draw''', then go to '''Inputs and Sources''' to see a list of components.</div>

<div style="color:#000000;">Select '''Add Voltage Source (2-terminal)''', and drag the DC power supply.</div>

<div style="color:#000000;">Place it below the switches, as shown in the video</div>
|- style="background-color:transparent;border:1pt solid #000000;padding:0.176cm;"
| 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>

<div style="color:#000000;">select '''Add LED.'''</div>

<div style="color:#000000;">Now click and drag to draw the '''LED''' in the working space. </div>

<div style="color:#000000;">Place the '''LED''' below the resistor as shown in the circuit.</div>
|- style="background-color:transparent;border:1pt solid #000000;padding:0.176cm;"
| style="color:#000000;" |
|| <div style="color:#000000;">We have all the required components in the work area. </div>

<div style="color:#000000;">Now let's connect the components using wires.</div>
|- style="background-color:transparent;border:1pt solid #000000;padding:0.176cm;"
| style="color:#000000;" |
|| <div style="color:#000000;">Use the''' Add Text''' option to label the switches and LED.</div>

<div style="color:#000000;">Give names to these switches as A and B and to the LED as Y.</div>
|- style="background-color:transparent;border:1pt solid #000000;padding:0.176cm;"
|| <div style="color:#000000;">Slide:</div>

<div style="color:#000000;">AND Gate Truth Table.png</div>
|| <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>

<div style="color:#000000;">If any of the inputs in '''AND''' gate is zero, the output is zero.</div>
|- 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>

<div style="color:#000000;">Now we can see that the output LED is not glowing.</div>

<div style="color:#000000;">This indicates that the output Y is 0, as given in the truth table.</div>

<div style="color:#000000;">Thus the first condition is verified.</div>
|- 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>

<div style="color:#000000;">Note that the output LED is not glowing.</div>

<div style="color:#000000;">This indicates that the output Y is 0, as given in the truth table.</div>

<div style="color:#000000;">Thus the second condition is verified.</div>
|- style="background-color:transparent;border:1pt solid #000000;padding:0.176cm;"
|| <div style="color:#000000;">Slide :</div>

<div style="color:#000000;">Assignment1</div>

<div style="color:#000000;">Image</div>
|| <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>

<div style="color:#000000;"></div>
|- 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>

<div style="color:#000000;">Click and drag the cursor in the working area to draw the '''AND gate'''.</div>
|- style="background-color:transparent;border:1pt solid #000000;padding:0.176cm;"
| style="color:#000000;" |
| style="color:#000000;" | We need to add two logic inputs and one logic output to see the working of '''AND gate'''.
|- 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>

<div style="color:#000000;">Click and drag the cursor in the working area to draw the logic input.</div>

<div style="color:#000000;">Press the '''Esc''' key to deselect the component wherever required.</div>
|- 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>

<div style="color:#000000;">By doing this, the input values will be shown in either 0’s or 1’s.</div>

<div style="color:#000000;">As we require two logic inputs, let us select the '''Duplicate''' option.</div>

<div style="color:#000000;">Now we have two logic inputs.</div>

<div style="color:#000000;">Connect these logic inputs to the input pins of the '''AND''' gate as shown.</div>
|- 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>

<div style="color:#000000;">Then Select '''Add Logic output '''and draw it in the working space.</div>

<div style="color:#000000;">Right click on the logic output 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>

<div style="color:#000000;">By doing this, the output value will be shown in either 0’s or 1’s.</div>

<div style="color:#000000;">Connect the logic output to the output pin of '''AND''' Gate.</div>
|- style="background-color:transparent;border:1pt solid #000000;padding:0.176cm;"
| style="color:#000000;" |
|| <div style="color:#000000;">Use the '''Add text '''option to give labels to pins as shown.</div>

<div style="color:#000000;">Letters A and B are the inputs and Y is the output.</div>
|- 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>

<div style="color:#000000;">Notice the output value Y is zero.</div>

<div style="color:#000000;">It implies that if any of the input is zero, the output is zero.</div>

<div style="color:#000000;">Check the remaining two conditions according to the AND gate truth table.</div>
|- style="background-color:transparent;border:1pt solid #000000;padding:0.176cm;"
| style="color:#000000;" |
| 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>
|| In this tutorial, we learnt about
* <div style="color:#000000;margin-left:1.27cm;margin-right:0cm;">'''AND''' Gate and</div>
* <div style="color:#000000;margin-left:1.27cm;margin-right:0cm;">Verify its truth table</div>

|- style="background-color:transparent;border:1pt solid #000000;padding:0.176cm;"
|| <div style="color:#000000;">Slide: Assignment 2</div>

<div style="color:#000000;">Image</div>
|| <div style="color:#000000;">As an assignment,</div>

* <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>

|- 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>

<div style="color:#000000;">About Spoken Tutorial project</div>
|| <div style="color:#000000;">The video at the following link summarizes the Spoken Tutorial project.</div>

<div style="color:#000000;">Please download and watch it.</div>
|- 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 :Spoken Tutorial workshops
|| <div style="color:#000000;">The '''Spoken Tutorial Project''' Team conducts workshops and gives certificates.</div>

<div style="color:#000000;">For more details, please write to us.</div>
|- 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
| style="color:#000000;" | 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
| style="color:#000000;" | 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
|| <div style="color:#000000;">This tutorial has been contributed by FOSSEE and Spoken Tutorial Project, IIT Bombay.</div>

<div style="color:#000000;">Thanks for watching.</div>
|-
|}
<div style="color:#000000;"></div>

@@ Line 43: / Line 43: @@
 |-
 || AND Gate Circuit.png
-|| We will create this circuit using '''switches''' and '''LEDs''' for the '''AND''' Gate''' '''demonstration'''.'''
+|| We will create this circuit using '''switches''' and '''LEDs''' for the '''AND Gate''' demonstration.
 |-
 || Show the diagram
@@ Line 113: / Line 113: @@
 |-
 || Click on Add Text option.
-|| Use the''' Add Text''' option to label the switches and LED.
+|| 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.
@@ Line 129: / Line 129: @@
 || Let us go to '''circuitJS''' simulator to verify the truth table of '''AND''' gate.
 |-
-||
+|| Cursor on the interface.
 || For the first condition in the truth table, both inputs A and B are 0,  that is they are LOW.
 |-
@@ Line 144: / Line 144: @@
 |-
 || Point to the circuit.
-|| For the second case, input A is 0 and input B is 1.
+|| For the second case, input A is 0 and the input B is 1.
 To attain this condition in the circuit, keep switch A open and close switch B as shown.
@@ Line 168: / Line 168: @@
 |-
 || Draw AND Gate
-|| Click on the '''Draw''', Go to '''Logic Gates, Input and Output.'''
+|| Click on the '''Draw''' and select, '''Logic Gates, Input and Output.'''
 Select''' Add AND Gate''' option.
@@ Line 178: / Line 178: @@
 |-
 || Add Logic Input and Output
-|| Click on '''Draw''', Go to '''Logic Gates, Input and Output.'''
+|| Click on the '''Draw''', Go to '''Logic Gates, Input and Output.'''
-Select''' Add Logic Input''' option.
+Select ''' Add Logic Input''' option.
 Click and drag the cursor in the working space to draw the logic input.
@@ Line 205: / Line 205: @@
 || Next we will add one logic output to the '''AND''' gate.
-Now, click on the  '''Draw''' menu, click on '''Logic gates, Input and Output.'''
+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.
@@ Line 234: / Line 234: @@
 |-
 || Only Narration
-|| This brings us to the end of this tutorial.
+|| This brings us to end of this tutorial.
 Let us summarize.

@@ Line 68: / Line 68: @@
 || <div style="color:#000000;">Click on the '''Draw''' menu at the top.</div>
-<div style="color:#000000;">Go to the '''Passive Component''', then select '''Add Switch'''.</div>
+<div style="color:#000000;">Go to the '''Passive Components''', then select '''Add Switch'''.</div>
 <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>

CircuitJS/C3/AND-Gate/English - Revision history

Madhurig at 08:47, 1 February 2024

Madhurig at 10:29, 31 January 2024

Nirmala Venkat at 05:55, 30 January 2024

Nirmala Venkat: Created page with " {| border="1" |- || '''Visual Cue''' || '''Narration''' |- | style="color:#000000;" | slide:1 | style="color:#000000;" | Welcome to the spoken tutorial on '''AND''' gate usin..."