Madhurig at 09:59, 14 February 2024

2024-02-14T09:59:42Z

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

2024-02-01T08:53:42Z

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

New page

{| border="1"
|-
|| '''Visual Cue'''
|| '''Narration'''
|-
| style="color:#000000;" | slide:1
| style="color:#000000;" | Welcome to the spoken tutorial on '''NOT''' 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;">'''NOT''' 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;"
| style="color:#000000;" | '''NOT Gate Circuit.png'''
| style="color:#000000;" | We will create this circuit using a switch and '''LED''' for the '''NOT''' Gate''' '''demonstration'''.'''
|- style="background-color:transparent;border:1pt solid #000000;padding:0.176cm;"
|| <div style="color:#000000;">'''Show the diagram'''</div>

<div style="color:#000000;">'''NOT Gate circuit.png'''</div>

|| To do this experiment, we will need
* <div style="color:#000000;margin-left:1.27cm;margin-right:0cm;">1 Switch</div>
* <div style="color:#000000;margin-left:1.27cm;margin-right:0cm;">1 Resistor of 220 Ohm</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 the '''File '''menu 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.</div>

<div style="color:#000000;">Go to the '''Passive Components''', and then select '''Add Switch'''.</div>

<div style="color:#000000;">Drag and place the switch in the working area.</div>

<div style="color:#000000;">In this circuit, this switch acts as '''INPUT''' for the '''NOT''' 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.</div>

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

<div style="color:#000000;">Place the resistor as shown.</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'''.</div>

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

<div style="color:#000000;">Place the DC power supply across the switch as shown.</div>
|- style="background-color:transparent;border:1pt solid #000000;padding:0.176cm;"
| style="color:#000000;" | Add LED
|| <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 area. </div>

|- style="background-color:transparent;border:1pt solid #000000;padding:0.176cm;"
| style="color:#000000;" | Use wire
|| <div style="color:#000000;">We have all the required components in the working area. </div>

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

<div style="color:#000000;">Name the switch as A and the '''LED''' as Y in the circuit.</div>
|- style="background-color:transparent;border:1pt solid #000000;padding:0.176cm;"
|| <div style="color:#000000;">Slide:</div>

<div style="color:#000000;">NOT Gate Truth Table.png</div>
|| <div style="color:#000000;">This is the truth table for the '''NOT''' Gate, where A is the input and Y is the output.</div>

<div style="color:#000000;">When the input is 0, the output is 1, and vice-versa.</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 '''NOT''' 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, input A is 0, i.e. A is LOW.
|- style="background-color:transparent;border:1pt solid #000000;padding:0.176cm;"
| style="color:#000000;" |
|| <div style="color:#000000;">For this, we have to open switch A 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 glowing.</div>

<div style="color:#000000;">This indicates that the output Y is 1, 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;"
|| <div style="color:#000000;">Slide :</div>

<div style="color:#000000;">Assignment</div>
|| As an assignment,
* <div style="color:#000000;margin-left:1.27cm;margin-right:0cm;">Using the above switch and LED circuit, verify the '''NOT''' gate truth table </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 '''NOT''' gate component provided by '''CircuitJS''' simulator.
|- style="background-color:transparent;border:1pt solid #000000;padding:0.176cm;"
| style="color:#000000;" |
|| <div style="color:#000000;">Click on '''Draw''', Go to '''Logic Gates, Input and Output.'''</div>

<div style="color:#000000;">Select the '''Add Inverter''' option.</div>

<div style="color:#000000;">The '''NOT''' gate is named as '''Inverter''' in '''CircuitJS'''.</div>

<div style="color:#000000;">Click and drag the cursor in the working area to draw the '''NOT gate'''.</div>
|- style="background-color:transparent;border:1pt solid #000000;padding:0.176cm;"
| style="color:#000000;" |
| style="color:#000000;" | We require one logic input and one logic output to see the working of '''NOT gate'''.
|- style="background-color:transparent;border:1pt solid #000000;padding:0.176cm;"
| style="color:#000000;" |
|| <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;">Connect this logic input to the input pins of the '''NOT''' 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 '''NOT''' 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 '''NOT''' 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;">Input is denoted by A and output is denoted by Y.</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 A to make its value 1.</div>

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

<div style="color:#000000;">For the NOT gate, the output value will always be opposite of the input value.</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;">NOT 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 :</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:0.176cm;"
| 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:0.176cm;"
| 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:0.176cm;"
| 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:0.176cm;"
| 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;margin-left:-1.588cm;margin-right:-1.429cm;"></div>

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

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

Madhurig at 09:59, 14 February 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 '''NOT''' gate usin..."