diff --git a/SRIP/Codes/Code_Documentation.md b/SRIP/Codes/Code_Documentation.md
new file mode 100644
index 00000000..c2437b59
--- /dev/null
+++ b/SRIP/Codes/Code_Documentation.md
@@ -0,0 +1,34 @@
+# Code Documentation
+
+## Introduction
+
+This document captures the experiment implementation details.
+
+## Code Details
+
+1. **File name:** simLayout.html
+ **File description:** Contains the layout of the circuit simulator.
+
+2. **File name:** layout.css
+ **File description:** Contains the css of the simulator.
+
+3. **File name:** simulatorOptions.js
+ **File description:** Contains the jquery to enable the different options contained in the main simulator file.
+
+4. **File name:** circuitCheck.js
+ **File description:** Contains the functions necessary to check if the circuit made on the simulator is correct and if all the connections and components are correct.
+
+ * **Function name:** circCheck()
+ **Function description:** This retreives the circuit data and checks if it is the same as a preset circuit data.
+
+ * **Function name:** isEqual()
+ **Function description:** This checks if two objects are equal.
+
+5. **File name:** Procedure.html
+ **File description:** Contains the procedure to run each simualtion.
+
+6. **File name:** project_doc.html
+ **File description:** Contains the theory behind the experiment.
+
+7. **File name:** project_doc_style.html
+ **File description:** Contains the css for the project_doc.html.
\ No newline at end of file
diff --git a/SRIP/Codes/Experiment_Project_Documentation.md b/SRIP/Codes/Experiment_Project_Documentation.md
new file mode 100644
index 00000000..06c08b34
--- /dev/null
+++ b/SRIP/Codes/Experiment_Project_Documentation.md
@@ -0,0 +1,71 @@
+# Experiment Project Documentation
+
+## Introduction
+
+This document captures the technical details related to the experiment development.
+
+## Project
+**Domain name:** Computer Science & Engineering.
+**Lab name:** Very Large Scale Integration.
+**Experiment name:** Schematic Design Of Transistor Level XOR and XNOR gate.
+
+Pass transistor logic (PTL) describes several logic families used in the design of integrated circuits. It reduces the count of transistors used to make different logic gates, by eliminating redundant transistors. Transistors are used as switches to pass logic levels between nodes of a circuit, instead of as switches connected directly to supply voltages.
+
+This reduces the number of active devices, but has the disadvantage that the difference of the voltage between high and low logic levels decreases at each stage. Each transistor in series is less saturated at its output than at its input.
+
+This experiment is used to simulate the working of an XOR and XNOR gate using pass transistor logic. A graph is generated which shows the output of the simulation.
+
+## Purpose of the Project
+
+The purpose of this project is to convert XOR and XNOR gate simulation from Java to Javascript.
+
+## Project Developers Details
+
+| Sl.no | Name | Year Of Study | Role | Email-ID | Github handle |
+|:-----:|:-----------------:|:-------------:|:---------:|:---------------------------:|:-------------:|
+| 1 | Utkarsh Chhapekar | 2nd year | Developer | utkarshchhapekar2@gmail.com | Utkichaps |
+
+## Technologies and Libraries
+
+**Technologies:**
+1. HTML
+2. CSS
+3. Javascript
+
+**Libraries:**
+1. SimCir JS
+2. JQuery
+3. Bootstrap
+
+## Development Environment
+
+**OS:** Ubuntu 19.04
+
+## Documents and Files:
+
+| Sl.no | Document | Role |
+|:-----:|:------------------:|:------------------------------------------------------------------------------:|
+| 1. | Procedure | This document captures the instructions to run the simulations |
+| 2. | Test Cases | This document captures the functional test cases of the experiment simulation |
+| 3. | Code Documentation | This document captures the details related to code |
+| Sl.no | File | Role |
+| 1. | Codes | Contains the major code as well as the images related to it. |
+| 2. | Libraries | Contains libraries used by the code |
+
+## Process Followed to convert the experiment
+
+1. Understand the assigned experiment Java simulation.
+2. Understanding the experiment concept.
+3. Re-implement the same in javascript.
+
+## Value Added by our Project
+
+It is beneficial to engineering students who want to understand how pass transistor logic can be used to simulate universal gates and to understand the theory behind it as well.
+
+## Risks and Challenges
+
+A few challenges faced during the development process was understanding the simcir library so that it can be used to retrieve the circuit data dynamically. Adding components was also an issue.
+
+## Issues
+
+No current issues open.
diff --git a/SRIP/Codes/Experiment_Test_Cases_Documentation.md b/SRIP/Codes/Experiment_Test_Cases_Documentation.md
new file mode 100644
index 00000000..525e79d8
--- /dev/null
+++ b/SRIP/Codes/Experiment_Test_Cases_Documentation.md
@@ -0,0 +1,22 @@
+# Experiment Test Cases Documentation
+
+## Introduction
+
+This document captures the test cases of the experiment.
+
+## Functional Test Cases
+
+| Test Case id | Test Scenario | Test Steps | Expected Output | Actual Output | Result |
+|:------------:|:--------------------------------------------------------------------:|:--------------------------------------------------------------------------------------:|:------------------------------------------------------------------------:|:------------------------------------------------------------------------:|:------:|
+| 1. | Press Simulate button without selecting what type of simulation | Directly click on simulate without selecting the type of simulation. | Alert: Please select type of simulation | Alert: Please select type of simulation | pass |
+| 2. | Press Simulate button with mismatched circuit and simulation option. | Choose a simulation and make a circuit which is not the same as the simulation option. | Alert: This is not the correct circuit. Please refer procedure carefully | Alert: This is not the correct circuit. Please refer procedure carefully | pass |
+| 3. | Alert when the connections/components are wrong. | Make an incorrect circuit and try to simulate it. | Alert: This is not the correct circuit. Please refer procedure carefully | Alert: This is not the correct circuit. Please refer procedure carefully | pass |
+| 4. | Graph should get cleared after simulating a wrong circuit. | Simulate a correct circuit and then simulate a wrong circuit | The graph of the previous simulation should not show. | The graph of the previous simulation should not show. | pass |
+
+## Cross Browser Testing
+
+| Sl.no | Browser | Version | Works? |
+|-------|-----------------|---------------|--------|
+| 1. | Google Chrome | 75.0.3770.100 | Yes |
+| 2. | Mozilla Firefox | 67.0.4 | yes |
+
diff --git a/SRIP/Codes/Images/XNOR.png b/SRIP/Codes/Images/XNOR.png
new file mode 100644
index 00000000..3e401eeb
Binary files /dev/null and b/SRIP/Codes/Images/XNOR.png differ
diff --git a/SRIP/Codes/Images/XOR.png b/SRIP/Codes/Images/XOR.png
new file mode 100644
index 00000000..ee91cd8a
Binary files /dev/null and b/SRIP/Codes/Images/XOR.png differ
diff --git a/SRIP/Codes/Images/blank.png b/SRIP/Codes/Images/blank.png
new file mode 100644
index 00000000..5d5112e4
Binary files /dev/null and b/SRIP/Codes/Images/blank.png differ
diff --git a/SRIP/Codes/Images/full.png b/SRIP/Codes/Images/full.png
new file mode 100644
index 00000000..5fe4604e
Binary files /dev/null and b/SRIP/Codes/Images/full.png differ
diff --git a/SRIP/Codes/Images/kmap.png b/SRIP/Codes/Images/kmap.png
new file mode 100644
index 00000000..9d959444
Binary files /dev/null and b/SRIP/Codes/Images/kmap.png differ
diff --git a/SRIP/Codes/Images/label.png b/SRIP/Codes/Images/label.png
new file mode 100644
index 00000000..5248f877
Binary files /dev/null and b/SRIP/Codes/Images/label.png differ
diff --git a/SRIP/Codes/Images/nswitches.png b/SRIP/Codes/Images/nswitches.png
new file mode 100644
index 00000000..f28a1751
Binary files /dev/null and b/SRIP/Codes/Images/nswitches.png differ
diff --git a/SRIP/Codes/Images/pswitches.png b/SRIP/Codes/Images/pswitches.png
new file mode 100644
index 00000000..d5da27d7
Binary files /dev/null and b/SRIP/Codes/Images/pswitches.png differ
diff --git a/SRIP/Codes/Images/xnor.png b/SRIP/Codes/Images/xnor.png
new file mode 100644
index 00000000..9f2332ae
Binary files /dev/null and b/SRIP/Codes/Images/xnor.png differ
diff --git a/SRIP/Codes/Images/xnortruth.png b/SRIP/Codes/Images/xnortruth.png
new file mode 100644
index 00000000..0ef3e58c
Binary files /dev/null and b/SRIP/Codes/Images/xnortruth.png differ
diff --git a/SRIP/Codes/Images/xor.png b/SRIP/Codes/Images/xor.png
new file mode 100644
index 00000000..7cb240dc
Binary files /dev/null and b/SRIP/Codes/Images/xor.png differ
diff --git a/SRIP/Codes/Images/xortruth.png b/SRIP/Codes/Images/xortruth.png
new file mode 100644
index 00000000..cf10d78f
Binary files /dev/null and b/SRIP/Codes/Images/xortruth.png differ
diff --git a/SRIP/Codes/Procedure.html b/SRIP/Codes/Procedure.html
new file mode 100644
index 00000000..51747da8
--- /dev/null
+++ b/SRIP/Codes/Procedure.html
@@ -0,0 +1,122 @@
+
+
+
+ Procedure
+
+
+
+
+
+
Procedure
+
+
+
+
+
Components which will be used for this:PMOS, NMOS, Input, Output, Vdd, GND, Capacitor, Joint, OJoint.
+ Steps (Can also refer to the diagram below):
+
+
+
Select XOR Gate from the option on the top of the page, under the heading.
+
Connect two pairs of PMOS (4 in total) in parallel and connect that in series between Vdd and 3 input OR. To do that:
+
+
Place two PMOS side by side
+
Connect drain of first PMOS to output of a Joint and connect that to the drain of the second PMOS.
+
Connect Vdd to the input to the input of the above mentioned Joint.
+
Connect source of first PMOS to an OJoint and connect that to source of second PMOS.
+
+
Place two more PMOS side by side below the above connections.
+
Connect drain of first PMOS to output of a Joint and connect that to the drain of the second PMOS.
+
Connect the input of the above mentioned Joint to the OJoint of the first parallel connection of PMOS.
+
Connect source of first PMOS to an OJoint and connect that to source of second PMOS.
+
Connect the above mentioned OJoint to the first input of the 3 input OR gate.
+
+
Connect two pairs of NMOS (4 in total) in series and connect that in parallel between 3 input OR and GND. To do that:
+
+
Place four NMOS in the same way the PMOS has been placed.
+
Connect the second input of the 3 input OR gate to an OJoint.
+
Connect the above OJoint to the Drain of the top two NMOS.
+
Connect the source of one of the NMOS to an OJoint and connect that to the Drain of the NMOS below it.
+
Do the above step for the two NMOS on the other side.
+
Connect the source of the bottom two NMOS to the Output of a Joint.
+
Connect the input of the above mentioned Joint to GND.
+
+
Connect the GND to the Input of a capacitor.
+
Connect the output of the capacitor to the third input of the 3 input OR.
+
Connect the output of the 3 input OR to an Out component.
+
For the inputs, put 4 In components on the workspace.
+
Each In component should be connected to one PMOS and one NMOS. For this, follow the diagram given above.
+
+
+
+
+
Components which will be used for this:PMOS, NMOS, Input, Output, Vdd, GND, Capacitor, Joint, OJoint.
+ Steps (Can also refer to the diagram below):
+
+
+
Select XOR Gate from the option on the top of the page, under the heading.
+
Connect two pairs of PMOS (4 in total) in parallel and connect that in series between Vdd and 3 input OR. To do that:
+
+
Place two PMOS side by side
+
Connect drain of first PMOS to output of a Joint and connect that to the drain of the second PMOS.
+
Connect Vdd to the input to the input of the above mentioned Joint.
+
Connect source of first PMOS to an OJoint and connect that to source of second PMOS.
+
+
Place two more PMOS side by side below the above connections.
+
Connect drain of first PMOS to output of a Joint and connect that to the drain of the second PMOS.
+
Connect the input of the above mentioned Joint to the OJoint of the first parallel connection of PMOS.
+
Connect source of first PMOS to an OJoint and connect that to source of second PMOS.
+
Connect the above mentioned OJoint to the first input of the 3 input OR gate.
+
+
Connect two pairs of NMOS (4 in total) in series and connect that in parallel between 3 input OR and GND. To do that:
+
+
Place four NMOS in the same way the PMOS has been placed.
+
Connect the second input of the 3 input OR gate to an OJoint.
+
Connect the above OJoint to the Drain of the top two NMOS.
+
Connect the source of one of the NMOS to an OJoint and connect that to the Drain of the NMOS below it.
+
Do the above step for the two NMOS on the other side.
+
Connect the source of the bottom two NMOS to the Output of a Joint.
+
Connect the input of the above mentioned Joint to GND.
+
+
Connect the GND to the Input of a capacitor.
+
Connect the output of the capacitor to the third input of the 3 input OR.
+
Connect the output of the 3 input OR to an Out component.
+
For the inputs, put 4 In components on the workspace.
+
Each In component should be connected to one PMOS and one NMOS. For this, follow the diagram given above.
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/SRIP/Codes/Procedure_Documentation.md b/SRIP/Codes/Procedure_Documentation.md
new file mode 100644
index 00000000..719484aa
--- /dev/null
+++ b/SRIP/Codes/Procedure_Documentation.md
@@ -0,0 +1,21 @@
+# Project Documentation
+
+## Introduction
+
+This document captures the instructions to run the simulation.
+
+## Instructions:
+
+1. Click on the simLayout.html file to see the simulator.
+
+2. Choose what you want to simulate under the _Select the simulation_ heading.
+
+3. Now you can either see the circuit for NAND and NOR under the _See Circuit:_ heading or follow the procedure to design it.
+
+4. Clicking on the procedure tab will open a procedure window on the right. Click on the _Select the circuit_ heading to see the procedure for each circuit.
+
+5. Click on the _Simulator Help_ heading to see instructions on how to use the simulator.
+
+6. Once your circuit is done, click on the _Simulate_ button to observe the graph to the right of the workspace.
+
+7. To read the theory behind the experiment click on the _Project Documentation_ heading.
\ No newline at end of file
diff --git a/SRIP/Codes/Readme.txt b/SRIP/Codes/Readme.txt
new file mode 100644
index 00000000..d6111375
--- /dev/null
+++ b/SRIP/Codes/Readme.txt
@@ -0,0 +1,19 @@
+SRIP
+
+VLSI | issue no 380 | Design Of Transistor Level XOR & XNOR Gate
+
+---------------------------------------------------------------------
+
+Simulator:
+The simulator can be accessed by clicking on the simLayout.html file.
+The Project documentation is in the project_doc.html file.
+
+Files used by the simulator:
+simLayout.html
+Procedure.html
+layout.css
+simulatorOptions.js
+circuitCheck.js
+
+
+
diff --git a/SRIP/Codes/circuitCheck.js b/SRIP/Codes/circuitCheck.js
new file mode 100644
index 00000000..b6cab748
--- /dev/null
+++ b/SRIP/Codes/circuitCheck.js
@@ -0,0 +1,159 @@
+function circCheck()
+{
+ //console.log(JSON.stringify(dataFinal.devices));
+ //console.log(JSON.stringify(dataFinal.connectors));
+ /*global dataFinal*/
+ var dev = dataFinal.devices;
+ /*global dataFinal*/
+ var con = dataFinal.connectors;
+ //console.log(dev.length);
+ //console.log(con.length);
+ //console.log(document.getElementById("whichSim").value);
+ var opt = document.getElementById("whichSim").value;
+ var devic = new Object();
+ var connec = new Object();
+ connec = {};
+ devic = {};
+ //Main parsing done here:
+ for(var i = 0;i
+
+
+ Documentation
+
+
+
+
Schematic Design Of Transistor Level XOR & XNOR Gate.
+
+
Introduction
+
+ XOR(exclusive OR):
+ For a 2 input XOR, the output of the gate is low when both the inputs are same(either both low or both high). The output is
+ high if one and only one of the inputs is high. The function is addition modulo 2 and hence the gate is used in half adder
+
+ The schematic and truth table for 2 input A and B for XOR gate :-
+
+
+
+ XNOR(exclusive NOR):
+ For a 2 input XNOR, the output of the gate is high when both the inputs are same(either both low or both high). The output is
+ low if one and only one of the inputs is high.
+
+ The schematic and truth table for 2 input A and B for XOR gate :-
+
+
+
Theory
+
+ We now move towards desining transistor level schematic for any given combinational logic. This is done by analysing the kmap
+ of the given combination for p- and n-switches and then deducing the required series or parallel combination. The following
+ example will give you an idea about how to go for designing a combinational logic using transistors. We want to design
+ transistor level schematic of (AB+CD)'.
+
+
+
Implementation for N-Switches:
+
+
+ The series combination of A and B is in parallel with the series combination of C and D.
+
+
Implementation for P-Switches:
+
+
+ The parallel combination of A and B is in series with the parallel combination of C and D.
+
+
Complete design:
+
+
+
+ XOR:
+ A ⊕ B = AB' + A'B
+ A' is analogous to C and B' is analogous to D. If implementation is done according to the example described above we would require
+ 5 NMOS and 5 PMOS.
+ 4 NMOS and PMOS for implementation of complement of AB'+A'B
+ and 1 pair for the inverter.
+ Now,think of a method to reduce the number of transistor. 1 pair needed for inverting can be reduced if XOR is implemented as the complement of XNOR.
+
+ XNOR:
+ (A ⊕ B)' in the similar way xnor if implemented as complement of A ⊕ B rather than AB+A'B' would require 4 NMOS and PMOS.
+ In that case A would be analogous to A' and vice versa in the XOR example.
+
+
+
+
+
\ No newline at end of file
diff --git a/SRIP/Codes/project_doc_style.css b/SRIP/Codes/project_doc_style.css
new file mode 100644
index 00000000..945bf096
--- /dev/null
+++ b/SRIP/Codes/project_doc_style.css
@@ -0,0 +1,23 @@
+body {
+ text-align: center;
+ background-color: cornsilk;
+}
+
+p {
+ font-family: sans-serif;
+}
+
+h1 {
+ font-size: 3.5em;
+ background-color: burlywood;
+}
+
+h2 {
+ background-color: wheat;
+ font-size: 2em;
+}
+
+h3 {
+ background-color: blanchedalmond;
+ font-family: monospace;
+}
\ No newline at end of file
diff --git a/SRIP/Codes/simLayout.html b/SRIP/Codes/simLayout.html
new file mode 100644
index 00000000..f2c203c9
--- /dev/null
+++ b/SRIP/Codes/simLayout.html
@@ -0,0 +1,129 @@
+
+
+
+
+
+ Simulator
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Firstly you have to select which simulation you want to run by choosing one of the options which is in the list area under the main heading of the page.
+ The simulator consists of a menu on the left. You can load the respective circuits by clicking on one of the options under See Circuit or you could make it yourself.
+ To know how to build the circuits on your own, click on procedure, a new window will appear on the right side of the workspace where you can refer to the instructions.
+ Once you have completed the circuit, either by choosing the See circuit options or building your own, click on the simulate button to simulate the waveform, which can be seen right next to the workspace of the circuit simulator.
+ Clear workspace can be clicked to remove the simulation as well as the circuit.
+
+
How to use the Simulator:
+
+
Choose a component from the toolbox and move it to the right.
+
Connections can be made clicking the input node and dragging it to an output node(or vice versa).
+
To disconnect two components click on the input node.
+
To remove a component drag it back to the toolbox.
+
To edit the device name double click the label.
+
Double click on a joint to change its orientation.
+
For a component, the yellow circle denotes input node and white circle denotes output node.
+
Once you are done with the circuit, click on simulate to simulate the waveform.
').addClass('simcir-doc-title') );
+ $desc.append($('').
+ addClass('simcir-doc-code').text(doc.code) );
+ }
+
+ $table.children('tbody').append($tr);
+ });
+
+ $placeHolder.append($table);
+ };
+
+ $(function() {
+ $('.simcir').each(function() {
+ var $placeHolder = $(this);
+ var text = $placeHolder.text().replace(/^\s+|\s+$/g, '');
+ setupSimcir($placeHolder, JSON.parse(text || '{}') );
+ });
+ });
+
+ $(function() {
+ $('.simcir-doc').each(function() {
+ setupSimcirDoc($(this) );
+ });
+ });
+
+ $.extend($s, {
+ registerDevice: registerDevice,
+ clearSimcir: clearSimcir,
+ setupSimcir: setupSimcir,
+ createWorkspace: createWorkspace,
+ createSVGElement: createSVGElement,
+ offset: offset,
+ transform: transform,
+ enableEvents: enableEvents,
+ graphics: graphics,
+ controller: controller,
+ unit: unit
+ });
+}(simcir);
+
+//
+// built-in devices
+//
+!function($s) {
+
+ 'use strict';
+
+ var $ = $s.$;
+
+ // unit size
+ var unit = $s.unit;
+
+ var connectNode = function(in1, out1) {
+ // set input value to output without inputValueChange event.
+ var in1_super_setValue = in1.setValue;
+ in1.setValue = function(value, force) {
+ var changed = in1.getValue() !== value;
+ in1_super_setValue(value, force);
+ if (changed || force) {
+ out1.setValue(in1.getValue() );
+ }
+ };
+ };
+
+ var createPortFactory = function(type) {
+ return function(device) {
+ var in1 = device.addInput();
+ var out1 = device.addOutput();
+ connectNode(in1, out1);
+ var super_createUI = device.createUI;
+ device.createUI = function() {
+ super_createUI();
+ var size = device.getSize();
+ var cx = size.width / 2;
+ var cy = size.height / 2;
+ device.$ui.append($s.createSVGElement('circle').
+ attr({cx: cx, cy: cy, r: unit / 2}).
+ attr('class', 'simcir-port simcir-node-type-' + type) );
+ device.$ui.append($s.createSVGElement('circle').
+ attr({cx: cx, cy: cy, r: unit / 4}).
+ attr('class', 'simcir-port-hole') );
+ };
+ };
+ };
+
+ var createJointFactory = function() {
+
+ var maxFadeCount = 16;
+ var fadeTimeout = 100;
+
+ var Direction = { WE : 0, NS : 1, EW : 2, SN : 3 };
+
+ return function(device) {
+
+ var in1 = device.addInput();
+ var out1 = device.addOutput();
+ connectNode(in1, out1);
+
+ var state = device.deviceDef.state || { direction : Direction.WE };
+ device.getState = function() {
+ return state;
+ };
+
+ device.getSize = function() {
+ return { width : unit, height : unit };
+ };
+
+ var super_createUI = device.createUI;
+ device.createUI = function() {
+ super_createUI();
+
+ var $label = device.$ui.children('.simcir-device-label');
+ $label.attr('y', $label.attr('y') - unit / 4);
+
+ var $point = $s.createSVGElement('circle').
+ css('pointer-events', 'none').css('opacity', 0).attr('r', 2).
+ addClass('simcir-connector').addClass('simcir-joint-point');
+ device.$ui.append($point);
+
+ var $path = $s.createSVGElement('path').
+ css('pointer-events', 'none').css('opacity', 0).
+ addClass('simcir-connector');
+ device.$ui.append($path);
+
+ var $title = $s.createSVGElement('title').
+ text('Double-Click to change a direction.');
+
+ var updatePoint = function() {
+ $point.css('display', out1.getInputs().length > 1? '' : 'none');
+ };
+
+ updatePoint();
+
+ var super_connectTo = out1.connectTo;
+ out1.connectTo = function(inNode) {
+ super_connectTo(inNode);
+ updatePoint();
+ };
+ var super_disconnectFrom = out1.disconnectFrom;
+ out1.disconnectFrom = function(inNode) {
+ super_disconnectFrom(inNode);
+ updatePoint();
+ };
+
+ var updateUI = function() {
+ var x0, y0, x1, y1;
+ x0 = y0 = x1 = y1 = unit / 2;
+ var d = unit / 2;
+ var direction = state.direction;
+ if (direction == Direction.WE) {
+ x0 -= d;
+ x1 += d;
+ } else if (direction == Direction.NS) {
+ y0 -= d;
+ y1 += d;
+ } else if (direction == Direction.EW) {
+ x0 += d;
+ x1 -= d;
+ } else if (direction == Direction.SN) {
+ y0 += d;
+ y1 -= d;
+ }
+ $path.attr('d', 'M' + x0 + ' ' + y0 + 'L' + x1 + ' ' + y1);
+ $s.transform(in1.$ui, x0, y0);
+ $s.transform(out1.$ui, x1, y1);
+ $point.attr({cx : x1, cy : y1});
+ if (direction == Direction.EW || direction == Direction.WE) {
+ device.$ui.children('.simcir-device-body').
+ attr({x: 0, y: unit / 4, width: unit, height: unit / 2});
+ } else {
+ device.$ui.children('.simcir-device-body').
+ attr({x: unit / 4, y: 0, width: unit / 2, height: unit});
+ }
+ };
+
+ updateUI();
+
+ // fadeout a body.
+ var fadeCount = 0;
+ var setOpacity = function(opacity) {
+ device.$ui.children('.simcir-device-body,.simcir-node').
+ css('opacity', opacity);
+ $path.css('opacity', 1 - opacity);
+ $point.css('opacity', 1 - opacity);
+ };
+ var fadeout = function() {
+ window.setTimeout(function() {
+ if (fadeCount > 0) {
+ fadeCount -= 1;
+ setOpacity(fadeCount / maxFadeCount);
+ fadeout();
+ }
+ }, fadeTimeout);
+ };
+
+ var isEditable = function($dev) {
+ var $workspace = $dev.closest('.simcir-workspace');
+ return !!$s.controller($workspace).data().editable;
+ };
+ var device_mouseoutHandler = function(event) {
+ if (!isEditable($(event.target) ) ) {
+ return;
+ }
+ if (!device.isSelected() ) {
+ fadeCount = maxFadeCount;
+ fadeout();
+ }
+ };
+ var device_dblclickHandler = function(event) {
+ if (!isEditable($(event.target) ) ) {
+ return;
+ }
+ state.direction = (state.direction + 1) % 4;
+ updateUI();
+ // update connectors.
+ $(this).trigger('mousedown').trigger('mouseup');
+ };
+
+ device.$ui.on('mouseover', function(event) {
+ if (!isEditable($(event.target) ) ) {
+ $title.text('');
+ return;
+ }
+ setOpacity(1);
+ fadeCount = 0;
+ }).on('deviceAdd', function() {
+ if ($(this).closest('BODY').length == 0) {
+ setOpacity(0);
+ }
+ $(this).append($title).on('mouseout', device_mouseoutHandler).
+ on('dblclick', device_dblclickHandler);
+ // hide a label
+ $label.css('display', 'none');
+ }).on('deviceRemove', function() {
+ $(this).off('mouseout', device_mouseoutHandler).
+ off('dblclick', device_dblclickHandler);
+ $title.remove();
+ // show a label
+ $label.css('display', '');
+ }).on('deviceSelect', function() {
+ if (device.isSelected() ) {
+ setOpacity(1);
+ fadeCount = 0;
+ } else {
+ if (fadeCount == 0) {
+ setOpacity(0);
+ }
+ }
+ });
+ };
+ };
+ };
+
+ var createOJointFactory = function() {
+
+ var maxFadeCount = 50;
+ var fadeTimeout = 100;
+
+ var Direction = { WE : 0, NS : 1, EW : 2, SN : 3 };
+
+ return function(device) {
+
+ var out1 = device.addOutput();
+
+ var state = device.deviceDef.state || { direction : Direction.WE };
+ device.getState = function() {
+ return state;
+ };
+
+ device.getSize = function() {
+ return { width : unit, height : unit };
+ };
+
+ var super_createUI = device.createUI;
+ device.createUI = function() {
+ super_createUI();
+
+ var $label = device.$ui.children('.simcir-device-label');
+ $label.attr('y', $label.attr('y') - unit / 4);
+
+ var $point = $s.createSVGElement('circle').
+ css('pointer-events', 'none').css('opacity', 0).attr('r', 2).
+ addClass('simcir-connector').addClass('simcir-joint-point');
+ device.$ui.append($point);
+
+ var $path = $s.createSVGElement('path').
+ css('pointer-events', 'none').css('opacity', 0).
+ addClass('simcir-connector');
+ device.$ui.append($path);
+
+ var $title = $s.createSVGElement('title').
+ text('Double-Click to change a direction.');
+
+ var updatePoint = function() {
+ $point.css('display', out1.getInputs().length > 1? '' : 'none');
+ };
+
+ updatePoint();
+
+ var super_connectTo = out1.connectTo;
+ out1.connectTo = function(inNode) {
+ super_connectTo(inNode);
+ updatePoint();
+ };
+ var super_disconnectFrom = out1.disconnectFrom;
+ out1.disconnectFrom = function(inNode) {
+ super_disconnectFrom(inNode);
+ updatePoint();
+ };
+
+ var updateUI = function() {
+ var x0, y0, x1, y1;
+ x0 = y0 = x1 = y1 = unit / 2;
+ var d = unit / 2;
+ var direction = state.direction;
+ if (direction == Direction.WE) {
+ x0 -= d;
+ x1 += d;
+ } else if (direction == Direction.NS) {
+ y0 -= d;
+ y1 += d;
+ } else if (direction == Direction.EW) {
+ x0 += d;
+ x1 -= d;
+ } else if (direction == Direction.SN) {
+ y0 += d;
+ y1 -= d;
+ }
+ $path.attr('d', 'M' + x0 + ' ' + y0 + 'L' + x1 + ' ' + y1);
+ $s.transform(out1.$ui, x1, y1);
+ $point.attr({cx : x1, cy : y1});
+ if (direction == Direction.EW || direction == Direction.WE) {
+ device.$ui.children('.simcir-device-body').
+ attr({x: 0, y: unit / 4, width: unit, height: unit / 2});
+ } else {
+ device.$ui.children('.simcir-device-body').
+ attr({x: unit / 4, y: 0, width: unit / 2, height: unit});
+ }
+ };
+
+ updateUI();
+
+ // fadeout a body.
+ var fadeCount = 0;
+ var setOpacity = function(opacity) {
+ device.$ui.children('.simcir-device-body,.simcir-node').
+ css('opacity', opacity);
+ //$path.css('opacity', 1 - opacity);
+ $point.css('opacity', 1 - opacity);
+ };
+ var fadeout = function() {
+ window.setTimeout(function() {
+ if (fadeCount > 0) {
+ fadeCount -= 1;
+ setOpacity(fadeCount / maxFadeCount);
+ fadeout();
+ }
+ }, fadeTimeout);
+ };
+
+ var isEditable = function($dev) {
+ var $workspace = $dev.closest('.simcir-workspace');
+ return !!$s.controller($workspace).data().editable;
+ };
+ var device_mouseoutHandler = function(event) {
+ if (!isEditable($(event.target) ) ) {
+ return;
+ }
+ if (!device.isSelected() ) {
+ fadeCount = maxFadeCount;
+ fadeout();
+ }
+ };
+ var device_dblclickHandler = function(event) {
+ if (!isEditable($(event.target) ) ) {
+ return;
+ }
+ state.direction = (state.direction + 1) % 4;
+ updateUI();
+ // update connectors.
+ $(this).trigger('mousedown').trigger('mouseup');
+ };
+
+ device.$ui.on('mouseover', function(event) {
+ if (!isEditable($(event.target) ) ) {
+ $title.text('');
+ return;
+ }
+ setOpacity(1);
+ fadeCount = 0;
+ }).on('deviceAdd', function() {
+ if ($(this).closest('BODY').length == 0) {
+ setOpacity(0);
+ }
+ $(this).append($title).on('mouseout', device_mouseoutHandler).
+ on('dblclick', device_dblclickHandler);
+ // hide a label
+ $label.css('display', 'none');
+ }).on('deviceRemove', function() {
+ $(this).off('mouseout', device_mouseoutHandler).
+ off('dblclick', device_dblclickHandler);
+ $title.remove();
+ // show a label
+ $label.css('display', '');
+ }).on('deviceSelect', function() {
+ if (device.isSelected() ) {
+ setOpacity(1);
+ fadeCount = 0;
+ } else {
+ if (fadeCount == 0) {
+ setOpacity(0);
+ }
+ }
+ });
+ };
+ };
+ };
+
+ // register built-in devices
+ $s.registerDevice('In', createPortFactory('in') );
+ $s.registerDevice('Out', createPortFactory('out') );
+ $s.registerDevice('Joint', createJointFactory() );
+ $s.registerDevice('OJoint', createOJointFactory() );
+
+}(simcir);
diff --git a/project1/Code_Documentation.md b/project1/Code_Documentation.md
new file mode 100644
index 00000000..c2710e74
--- /dev/null
+++ b/project1/Code_Documentation.md
@@ -0,0 +1,62 @@
+# Code Documentation
+
+## Introduction
+
+This document captures the experiment implementation details.
+
+## Code Details
+
+1. **File name:** finalSimulator.html
+ **File description:** Contains the layout of the waveform simulator.
+
+2. **File name:** finalSimulator.js
+ **File description:** Contains the input validation as well as the workings to display the graph on the webpage.
+
+3. **File name:** style.css
+ **File description:** Contains the css for the waveform simulator.
+
+4. **File name:** help.html
+ **File description:** Contains instructions on how to build the graph.
+
+5. **File name:** simHelper.js
+ **File description:** Contains function to toggle the help in the waveform simulator.
+
+6. **File name:** simLayout.html
+ **File description:** Contains the layout for the main simulator which is the circuit simulator along with options and links to other pages.
+
+7. **File name:** simulatorOptions.js
+ **File description:** Contains the data for different circuits which can be seen in the main circuit page and functionality to display them.
+
+8. **File name:** layout.css
+ **File description:** Contains the css for the main simulator.
+
+9. **File name:** Quiz.html
+ **File description:** Contains the layout for the quiz.
+
+10. **File name:** quizStyle.css
+ **File description:** Contains the css for the quiz.
+
+11. **File name:** dynamic.js
+ **File description:** Contains the list of questions and functions required to operate the quiz.
+
+ * **Function:** displayCurrentQuestion()
+ **Function description:** displays question.
+
+ * **Function:** displayResults()
+ **Function description:** displays results.
+
+12. **File name:** load.js
+ **File description:** Contains jquery to load the questions and options onto the page.
+
+13. **File name:** Help2.html
+ **File description:** Contains the help for the main simulator.
+
+14. **File name:** project_doc.html
+ **File description:** Contains the theory behind the project.
+
+15. **File name:** project_doc_style.html
+ **File description:** Contains the css for the project documentation.
+
+
+
+
diff --git a/project1/Codes/Help.html b/project1/Codes/Help.html
new file mode 100644
index 00000000..e80d7500
--- /dev/null
+++ b/project1/Codes/Help.html
@@ -0,0 +1,52 @@
+
+
+
+ Graph Help
+
+
+
+
+
+
How to use the graph simulator
+
+
+
Choose the type of clock (positive/negative edge triggered)
+
Now you can either select predefined input waveforms or you can construct your own waveform (shown below)
+
Click on the simulate button to view the result
+
After viewing the simulation, click the clear button to simulate again
+
+
+
+
+
Making your own waveform
+
+
+ Enter the number of clock pulses in the text box.
+
+ The waveform can be generated with the rules seen below.
+ Entering that letter in the textbox will give that corresponding wave.
+ Letters can be used together to generate a whole waveform. example: "phlhnl".
+ Each character in the waveform represents the wave in one clock pulse.
+
+
+
+ A dot "." is used to continue the previous waveform. example: "ph..l.n".
+ Here are a few examples of waveforms(phlhnl,ph..l.n and n.hl..nh respectively):
+
+
+
+
+
\ No newline at end of file
diff --git a/project1/Codes/Help2.html b/project1/Codes/Help2.html
new file mode 100644
index 00000000..903ae813
--- /dev/null
+++ b/project1/Codes/Help2.html
@@ -0,0 +1,59 @@
+
+
+
+ Simulator Help
+
+
+
+
+
+
+
+
+
The main Simulator page:
+
+ The main simulator page consists of a menu bar and the simulator.
+ The menu bar consists of pre-made simulations under the "See Simulation" heading.
+ The clear workspace button can be used to clear the simulator space and make it blank.
+ The waveform simulator can be accessed under the "Waveform Simulator" heading.
+ The theory and logic behind the experiment is given in the "Project Documentation" button.
+
+
How to use the Simulator:
+
+
+
Choose a component from the toolbox and move it to the right.
+
Connections can be made clicking the input node and dragging it to an output node(or vice versa).
+
To disconnect two components click on the ipnut node.
+
To remove a component drag it back to the toolbox.
+
To edit the device name double click the label.
+
To test the D Flip flop with a custom input waveform, click on the simulator button.
+
+
Here is an example of the D flip-flop circuit:
+
This circuit shows a negative edge triggered clock with a frequency of 0.5Hz.
+ The input to the D Flip-Flop can be varied by clicking on the digit (which makes it either 0 or 1).
+ The graph has 4 inputs which are: D (input), Clock (input), Q and Q' (outputs) respectively.
+
+
+
+
diff --git a/project1/Codes/Images/1.png b/project1/Codes/Images/1.png
new file mode 100644
index 00000000..e0c57d2d
Binary files /dev/null and b/project1/Codes/Images/1.png differ
diff --git a/project1/Codes/Images/2.png b/project1/Codes/Images/2.png
new file mode 100644
index 00000000..f5ef07cd
Binary files /dev/null and b/project1/Codes/Images/2.png differ
diff --git a/project1/Codes/Images/3.png b/project1/Codes/Images/3.png
new file mode 100644
index 00000000..1953d1f0
Binary files /dev/null and b/project1/Codes/Images/3.png differ
diff --git a/project1/Codes/Images/CMOSgraph.png b/project1/Codes/Images/CMOSgraph.png
new file mode 100644
index 00000000..f1d0d113
Binary files /dev/null and b/project1/Codes/Images/CMOSgraph.png differ
diff --git a/project1/Codes/Images/not.png b/project1/Codes/Images/not.png
new file mode 100644
index 00000000..9a9da2d0
Binary files /dev/null and b/project1/Codes/Images/not.png differ
diff --git a/project1/Codes/Images/truthTable.png b/project1/Codes/Images/truthTable.png
new file mode 100644
index 00000000..a9268f0e
Binary files /dev/null and b/project1/Codes/Images/truthTable.png differ
diff --git a/project1/Codes/Questions.txt b/project1/Codes/Questions.txt
new file mode 100644
index 00000000..3ec51d50
--- /dev/null
+++ b/project1/Codes/Questions.txt
@@ -0,0 +1,75 @@
+Does the order of input and output ports in the argument of module matters?
+
+yes
+>no
+may matter in some situation
+may not matter in certain conditions
+
+
+Which of the following loops are supported by verilog?
+if-else loop
+for loop
+while loop
+>all of these
+
+
+What defines the beginning and end of a loop
+begin----end
+curly brackets ()
+>none of these
+both of them
+
+
+What defines high impedance state or floating state in verilog?
+1
+X
+>Z
+Both X and Z
+
+
+In the following figure A is input and B is output of inverter and C is clock. Tell whether inverter is working synchronously or asynchronously?
+
+
+asynchronous
+>synchronous
+unpredictable
+sometimes synchronous and sometimes asynchronous
+
+
+In the above figure, tell whether inverter is working on positive edge or negative edge of clock?
+
+
+negative edge
+>positive edge
+both on positive edge and negative edge
+middle of positive and negative edge of clock
+
+
+In the following figure tell whether reset is synchronous or asynchronous?
+
+
+asynchronous
+synchronous
+>unpredictable
+sometimes synchronous and sometimes asynchronous
+
+
+What is the similar system task in verilog as printf in C?
+$monitor
+>$display
+$print
+all of these
+
+
+In the figure given in ques7, tell whether it is a positive edge reset or negative edge?
+both positive and negative edge reset
+negative edge reset
+>positive edge
+unpredictable
+
+
+Can we include one source file in another in verilog?
+no
+>yes using `include
+yes using `define
+yes by just writing the name of file in another file
diff --git a/project1/Codes/Quiz.html b/project1/Codes/Quiz.html
new file mode 100644
index 00000000..6c4a2882
--- /dev/null
+++ b/project1/Codes/Quiz.html
@@ -0,0 +1,26 @@
+
+
+
+ Quiz
+
+
+
+
+
+
+
+
+
+
+
+
+
Next Question
+
Result
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/project1/Codes/Readme.txt b/project1/Codes/Readme.txt
new file mode 100644
index 00000000..739a14ad
--- /dev/null
+++ b/project1/Codes/Readme.txt
@@ -0,0 +1,44 @@
+SRIP
+
+VLSI | issue no 385 | Design of D FF
+
+--------------------------------------------------------------------------------
+
+Simulator:
+The Simulator can be used by clicking the simLayout.html file.
+The waveform simulator can be accessed through that webpage itself by clicking the
+graph simulator button, or it can also be independently accessed by clicking the
+finalSimulator.html file.
+Help button can be pressed to access help.
+Project Documentation can be found in project_doc.html
+
+The following are the files used for the simulator:
+
+Wave Simulator:
+finalSimulator.html
+style.css
+finalSimulator.js
+simHelper.js
+
+Circuit Simulator:
+simLayout.html
+layout.css
+simHelper.js
+simulatorOptions.js
+
+----------------------------------------------------------------------------------
+
+Quiz:
+The Quiz can be accessed by clicking on the quiz.html file.
+Help button can be pressed to access help.
+
+The following are the files used for the quiz:
+
+Quiz.html
+quizStyle.css
+load.js
+dynamic.js
+Images (contains the images of a few questions)
+
+
+----------------------------------------------------------------------------------
diff --git a/project1/Codes/Test_Cases/testcases-WaveSimulator.txt b/project1/Codes/Test_Cases/testcases-WaveSimulator.txt
new file mode 100644
index 00000000..28812d93
--- /dev/null
+++ b/project1/Codes/Test_Cases/testcases-WaveSimulator.txt
@@ -0,0 +1,22 @@
+1.Mandatory options not being selected (must give alert)
+status:fixed
+
+2. Selecting between input waveform and custom waveform (only one has to be selected)
+status: fixed
+
+3.Clock pulse can only be integer
+status: fixed
+
+4.Waveform has to only follow the standard mentioned in help doc.
+status: fixed
+
+5.No of clock pulses should not exceed window size.
+status: fixed
+
+6.No of clock pulses should be equal to the input waveform.
+status: fixed
+
+7.Simulate can still be pressed without clearing the graph.
+status: fixed
+
+
diff --git a/project1/Codes/dynamic.js b/project1/Codes/dynamic.js
new file mode 100644
index 00000000..8c64c41a
--- /dev/null
+++ b/project1/Codes/dynamic.js
@@ -0,0 +1,164 @@
+
+
+var questions = [
+{
+ question: "Does the order of input and output ports in the argument of module matter?",
+ choices: ["yes", "no", "may matter in some situations", "may not matter in some situations"],
+ source: "data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=",
+ correctAnswer: 1
+},
+{
+ question: "Which of the following loops are supported by verilog?",
+ choices: ["if-else loop", "for loop", "while loop", "all of the above"],
+ source: "data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=",
+ correctAnswer: 3
+},
+{
+ question: "What defines the beginning and end of a loop",
+ choices: ["begin----end", "curly brackets ()", "None of these", "Both of them"],
+ source: "data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=",
+ correctAnswer: 0
+},
+{
+ question: "What defines high impedance state or floating state in verilog?",
+ choices: ["1", "X", "Z", "Both X and Z"],
+ source: "data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=",
+ correctAnswer: 2
+},
+{
+ question: "In the figure A is input and B is output of inverter and C is clock. Tell whether inverter is working synchronously or asynchronously?",
+ choices: ["asynchronous", "synchronous", "unpredictable", "sometimes synchronous sometimes asynchronous"],
+ source: "Images/1.png",
+ correctAnswer: 1
+},
+{
+ question: "In the figure, tell whether inverter is working on positive edge or negative edge of clock?",
+ choices: ["negative edge","positive edge","Both on negative and positive edge","Middle of negative and positive edge"],
+ source: "Images/2.png",
+ correctAnswer: 1
+},
+{
+ question: "In the following figure tell whether reset is synchronous or asynchronous?",
+ choices: ["asynchronous","synchronous","unpredictable","sometimes synchronous and sometimes asynchronous"],
+ source: "Images/3.png",
+ correctAnswer: 0
+},
+{
+ question: "What is the similar system task in verilog as printf in C?",
+ choices: ["$monitor","$display","$print","all of these"],
+ source: "data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=",
+ correctAnswer: 1
+},
+{
+ question: "In the figure given is it a positive edge reset or negative edge reset?",
+ choices: ["both positive and negative edge reset","negative edge","positive edge","unpredictable"],
+ source: "Images/3.png",
+ correctAnswer: 2
+
+},
+{
+ question: "Can we include one source file in another in verilog?",
+ choices: ["no","yes using \`include","yes using \`define","yes by just writing the name of file in another file"],
+ source: "data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=",
+ correctAnswer: 1
+}
+];
+
+var currentQuestion = 0;
+var correctAnswers = 0;
+var quizOver = false;
+var choiceArr = [];
+
+
+
+function displayCurrentQuestion()
+{
+
+ var question = questions[currentQuestion].question;
+ var questionClass = $(document).find(".quizContainer > .question");
+ var choiceList = $(document).find(".quizContainer > .choiceList");
+ var numChoices = questions[currentQuestion].choices.length;
+
+ $(questionClass).text(question);
+
+ $(" ").appendTo(questionClass);
+
+ $(choiceList).find("li").remove();
+
+ var choice;
+ for (var i = 0; i < numChoices; i++)
+ {
+ choice = questions[currentQuestion].choices[i];
+ $("
" + choice + "
").appendTo(choiceList);
+ }
+}
+
+function displayResults()
+{
+ var i = 0;
+ var resultClass = $(document).find(".resultContainer");
+ var flag;
+ $("
Result:
").appendTo(resultClass);
+ $("
The highlighted answers are the correct answers. The selected options are the ones you selected.
Inverter is a logic gate, with one input and one output. Its symbol is shown below:-
+
+ The output of inverter is complement of the input i.e. if the input is 0, the output will be 1 and vice-versa. The truth table for inverter is shown below:-
+
+ The transistor level schematic of inverter can be designed in many logics,following two logics will be used for designing in the experiment, Complementary CMOS logic and Pseudo NMOS logic.
+
+
+
Theory
+
+
CMOS INVERTER
+
+ In the transistor level design of CMOS inverter consists of nmos and pmos transistor in series.The PMOS transistor is connected between Vdd and output node,whereas the NMOS is connected betweeen the output node and gnd.
+
+
+
WORKING OF CMOS INVERTER
+
+ Before knowing the working of CMOS inverter we will see the regions of operation of transistor so that we can understand what is actually happening inside the inverter. MOS transistors have three regions of operations :
+ 1) cut-off region 2) linear region 3) saturation region.
+
+ The transistor is said to be in cut-off region when Vgs < Vt. Vgs is the voltage applied at gate with respect
+ to source and Vt is the threshhold voltage below which the transistor does not work. So for transistor to work Vgs - Vt should be greater than zero always.
+
+ The transistor is in linear region when Vgs-Vt>Vds where Vds is the voltage at drain with respect to source.
+ The transistor is said to be in saturation region when Vgs-Vt < Vds.
+
+ The transfer characteristic(i.e. the output voltage vs input voltage) is shown in the figure below.
+
+ The operation is divided into 5 region depending on the range of input voltage. The output voltage in every region is obtained by equating drain to source current of pmos and nmos.
+
+
+
EFFECT OF W/L RATIO ON OUTPUT WAVEFORM
+
+ β is the MOS transistor gain factor which depends both on process parameters and geometry parameters.
+ β = k(W/L)
+ where K is the factor which shows process dependencyand W & L shows geometry dependency.
+ For NMOS, gain factor is denoted by βn and for PMOS, gain factor is denoted by βp.
+
+ W/L ratio is directly proportional to β.The ratio βn/βp is crucial in determinig the transfer characteristic
+ of the inverter. When the ratio is increased the transition shifts from left to right,but the output voltage transition remains sharp. For CMOS the ratio is desired to be 1 so that it requires equal time to charge and discharge.
+
+
EFFECT OF CAPACITANCE ON THE RISE AND FALL TIME
+
+ The rise time is defined as the time required to charge the capacitor from 10% to 90% and fall time is defined
+ as the time required for the capacitor to discharge from 90% to 10%.
+
+ Greater value of capacitor implies larger rise and fall time,which furthur implies large delay. The rise time
+ and fall time are directly proportional to the capacitance, therefore, greater the value of capacitance,
+ greater will be the time taken for rising and falling.
+
+
PSEUDO NMOS
+
+ The gate of p-device is permanently grounded which is equivalent to use of NMOS in depletion mode.
+
+ The main simulator page consists of a menu bar and the simulator.
+ The menu bar consists of pre-made simulations under the "See Simulation" heading.
+ The clear workspace button can be used to clear the simulator space and make it blank.
+ The waveform simulator can be accessed under the "Waveform Simulator" heading.
+ The theory and logic behind the experiment is given in the "Project Documentation" button.
+
+
How to use the Simulator:
+
+
+
Choose a component from the toolbox and move it to the right.
+
Connections can be made clicking the input node and dragging it to an output node(or vice versa).
+
To disconnect two components click on the input node.
+
To remove a component drag it back to the toolbox.
+
To edit the device name double click the label.
+
To test the D Flip flop with a custom input waveform, click on the simulator button.
+
+
Here is an example of the D flip-flop circuit:
+
This circuit shows a negative edge triggered clock with a frequency of 0.5Hz.
+ The input to the D Flip-Flop can be varied by clicking on the digit (which makes it either 0 or 1).
+ The graph has 4 inputs which are: D (input), Clock (input), Q and Q' (outputs) respectively.
+
+
+
+
diff --git a/project1/Codes/simulatorOptions.js b/project1/Codes/simulatorOptions.js
new file mode 100644
index 00000000..82c9c230
--- /dev/null
+++ b/project1/Codes/simulatorOptions.js
@@ -0,0 +1,144 @@
+if(sessionStorage.getItem("DFlipFlop"))
+{
+ var dfl = {
+ "width":870,
+ "height":525,
+ "showToolbox":true,
+ "toolbox":[
+ {"type":"In"},
+ {"type":"Out"},
+ {"type":"OSC","freq":0.5,"label":"CLK(0.5MHZ)"},
+ {"type":"OSC","freq":2,"label":"CLK(2MHZ)"},
+ {"type":"D-FF"},
+ {"type":"LED"},
+ {"type":"Toggle"},
+ {"type":"NumSrc"},
+ {"type":"NumDsp"},
+ {"type":"DSO","label":"Graph"}
+ ],
+ "devices":[
+ {"type":"In","id":"dev0","x":168,"y":184,"label":"D"},
+ {"type":"In","id":"dev1","x":208,"y":288,"label":"CLK"},
+ {"type":"NOT","id":"dev2","x":216,"y":224,"label":"NOT"},
+ {"type":"NAND","id":"dev3","x":264,"y":192,"label":"NAND"},
+ {"type":"NAND","id":"dev4","x":264,"y":256,"label":"NAND"},
+ {"type":"RS-FF","id":"dev5","x":312,"y":224,"label":"RS-FF"},
+ {"type":"NOT","id":"dev6","x":336,"y":288,"label":"NOT"},
+ {"type":"NAND","id":"dev7","x":392,"y":192,"label":"NAND"},
+ {"type":"NAND","id":"dev8","x":392,"y":256,"label":"NAND"},
+ {"type":"RS-FF","id":"dev9","x":440,"y":224,"label":"RS-FF"},
+ {"type":"Out","id":"dev10","x":520,"y":192,"label":"Q"},
+ {"type":"Out","id":"dev11","x":520,"y":256,"label":"~Q"},
+ {"type":"Toggle","id":"dev12","x":120,"y":184,"label":"Toggle","state":{"on":false}},
+ {"type":"PushOn","id":"dev13","x":120,"y":288,"label":"PushOn"},
+ {"type":"DC","id":"dev14","x":72,"y":232,"label":"DC"},
+ {"type":"LED","id":"dev15","x":608,"y":192,"label":"LED"},
+ {"type":"LED","id":"dev16","x":608,"y":256,"label":"LED"}
+ ],
+ "connectors":[
+ {"from":"dev0.in0","to":"dev12.out0"},
+ {"from":"dev1.in0","to":"dev13.out0"},
+ {"from":"dev2.in0","to":"dev0.out0"},
+ {"from":"dev3.in0","to":"dev0.out0"},
+ {"from":"dev3.in1","to":"dev1.out0"},
+ {"from":"dev4.in0","to":"dev1.out0"},
+ {"from":"dev4.in1","to":"dev2.out0"},
+ {"from":"dev5.in0","to":"dev3.out0"},
+ {"from":"dev5.in1","to":"dev4.out0"},
+ {"from":"dev6.in0","to":"dev1.out0"},
+ {"from":"dev7.in0","to":"dev5.out0"},
+ {"from":"dev7.in1","to":"dev6.out0"},
+ {"from":"dev8.in0","to":"dev6.out0"},
+ {"from":"dev8.in1","to":"dev5.out1"},
+ {"from":"dev9.in0","to":"dev7.out0"},
+ {"from":"dev9.in1","to":"dev8.out0"},
+ {"from":"dev10.in0","to":"dev9.out0"},
+ {"from":"dev11.in0","to":"dev9.out1"},
+ {"from":"dev12.in0","to":"dev14.out0"},
+ {"from":"dev13.in0","to":"dev14.out0"},
+ {"from":"dev15.in0","to":"dev10.out0"},
+ {"from":"dev16.in0","to":"dev11.out0"}
+ ]
+ }
+ var html1=JSON.stringify(dfl);
+ document.querySelector(".simcir").innerHTML=html1;
+}
+else if(sessionStorage.getItem("DFlipFlopCirc"))
+{
+ var dfl = {
+ "width":870,
+ "height":525,
+ "showToolbox":true,
+ "toolbox":[
+ {"type":"In"},
+ {"type":"Out"},
+ {"type":"OSC","freq":0.5,"label":"CLK(0.5MHZ)"},
+ {"type":"OSC","freq":2,"label":"CLK(2MHZ)"},
+ {"type":"D-FF"},
+ {"type":"LED"},
+ {"type":"Toggle"},
+ {"type":"NumSrc"},
+ {"type":"NumDsp"},
+ {"type":"DSO","label":"Graph"}
+ ],
+ "devices":[
+ {"type":"DSO","label":"Graph","id":"dev0","x":448,"y":152,"state":{"playing":true,"rangeIndex":0}},
+ {"type":"OSC","freq":0.5,"label":"CLK(0.5MHZ)","id":"dev1","x":56,"y":280},
+ {"type":"D-FF","id":"dev2","x":224,"y":192,"label":"D-FF"},
+ {"type":"DC","id":"dev3","x":48,"y":136,"label":"DC"},
+ {"type":"Toggle","id":"dev4","x":120,"y":136,"label":"Toggle","state":{"on":false}}
+ ],
+ "connectors":[
+ {"from":"dev0.in0","to":"dev4.out0"},
+ {"from":"dev0.in1","to":"dev1.out0"},
+ {"from":"dev0.in2","to":"dev2.out0"},
+ {"from":"dev0.in3","to":"dev2.out1"},
+ {"from":"dev2.in0","to":"dev4.out0"},
+ {"from":"dev2.in1","to":"dev1.out0"},
+ {"from":"dev4.in0","to":"dev3.out0"}
+ ]
+ }
+ var html1=JSON.stringify(dfl);
+ document.querySelector(".simcir").innerHTML=html1;
+
+}
+else
+{
+ var obj = {
+ "width":870,
+ "height":525,
+ "showToolbox":true,
+ "toolbox":[
+ {"type":"In"},
+ {"type":"Out"},
+ {"type":"OSC","freq":0.5,"label":"CLK(0.5MHZ)"},
+ {"type":"OSC","freq":2,"label":"CLK(2MHZ)"},
+ {"type":"D-FF"},
+ {"type":"LED"},
+ {"type":"Toggle"},
+ {"type":"NumSrc"},
+ {"type":"NumDsp"},
+ {"type":"DSO","label":"Graph"}
+ ]
+ }
+ var html=JSON.stringify(obj);
+ document.querySelector(".simcir").innerHTML=html;
+}
+
+$("#dfli").click(function(event) {
+ sessionStorage.setItem("DFlipFlop",1);
+ sessionStorage.removeItem("DFlipFlopCirc");
+ location.reload();
+});
+
+$("#dfl").click(function(event) {
+ sessionStorage.setItem("DFlipFlopCirc",1);
+ sessionStorage.removeItem("DFlipFlop");
+ location.reload();
+});
+
+$("#clear").click(function(event) {
+ sessionStorage.removeItem("DFlipFlopCirc",1);
+ sessionStorage.removeItem("DFlipFlop");
+ location.reload();
+});
\ No newline at end of file
diff --git a/project1/Codes/style.css b/project1/Codes/style.css
new file mode 100644
index 00000000..3559bee0
--- /dev/null
+++ b/project1/Codes/style.css
@@ -0,0 +1,91 @@
+@import url('https://fonts.googleapis.com/css?family=Open+Sans');
+
+.box {
+ border-style: solid;
+ border-color: black;
+ border-width: 5px;
+ text-align: center;
+ }
+
+ .lightblue-box {
+ background-color: wheat;
+ text-align: left;
+ padding: 30px;
+ }
+
+ .some-margin {
+ margin: 1em;
+ }
+
+ .white-box {
+ background-color: white;
+ color: #fff;
+ padding: 1px;
+ }
+
+ .button {
+ transition-duration: 0.4s;
+ cursor: pointer;
+ background-color: #232323;
+ color: white;
+ padding: 10px;
+ width: 150px;
+ height: 50px;
+ margin-top: 10px;
+ margin-bottom: 10px;
+ }
+
+ .button:hover {
+ background-color: white;
+ color: black;
+ border: 1px solid black;
+ }
+
+ .erode {
+ border-radius: 7px;
+ }
+
+ .select {
+ transition-duration: 0.4s;
+ cursor: pointer;
+ background-color: #232323;
+ color: white;
+ width: 155px;
+ height: 50px;
+ margin-top: 10px;
+ margin-bottom: 10px;
+ }
+
+ .select:hover {
+ background-color: white;
+ color: black;
+
+ }
+
+ .text {
+ background-color: #232323;
+ color: white;
+ cursor: pointer;
+ transition-duration: 0.4s;
+ }
+
+ .text:hover {
+ background-color: white;
+ color: black;
+ }
+
+ .helpbutton {
+ transition-duration: 0.4s;
+ cursor: pointer;
+ background-color: blue;
+ color: white;
+ padding: 10px;
+ width: 150px;
+ height: 50px;
+ }
+
+ .helpbutton:hover {
+ background-color: white;
+ color: black;
+ border: 1px solid black;
+ }
\ No newline at end of file
diff --git a/project1/Experiment_Project_Documentation.md b/project1/Experiment_Project_Documentation.md
new file mode 100644
index 00000000..a48e0631
--- /dev/null
+++ b/project1/Experiment_Project_Documentation.md
@@ -0,0 +1,72 @@
+# Experiment Project Documentation
+
+## Introduction
+
+This document captures the technical details related to the experiment development.
+
+## Project
+**Domain name:** Computer Science & Engineering.
+**Lab name:** Very Large Scale Integration.
+**Experiment name:** Design of D FLip Flop.
+
+The D flip-flop tracks the input, making transitions which match those of the input D. The D stands for "data"; this flip-flop stores the value that is on the data line. It can be thought of as a basic memory cell. A D flip-flop can be made from a set/reset flip-flop by tying the set to the reset through an inverter. The result may be clocked.
+
+This experiment is used to simulate the working of a D Flip-Flop circuit wise. It can also be used with a custom input waveform to observe the output of the circuit.
+
+## Purpose of the Project
+
+The purpose of this project is to convert the D Flip-flop experiment simulation from Java to Javascript.
+
+## Project Developers Details
+
+| Sl.no | Name | Year Of Study | Role | Email-ID | Github handle |
+|:-----:|:-----------------:|:-------------:|:---------:|:---------------------------:|:-------------:|
+| 1 | Utkarsh Chhapekar | 2nd year | Developer | utkarshchhapekar2@gmail.com | Utkichaps |
+
+## Technologies and Libraries
+
+**Technologies:**
+1. HTML
+2. CSS
+3. Javascript
+
+**Libraries:**
+1. SimCir JS
+2. Wavedrom JS
+3. JQuery
+4. Bootstrap
+
+## Development Environment
+
+**OS:** Ubuntu 18.04
+
+## Documents and Files:
+
+| Sl.no | Document | Role |
+|:-----:|:------------------:|:------------------------------------------------------------------------------:|
+| 1. | Procedure | This document captures the instructions to run the simulations |
+| 2. | Test Cases | This document captures the functional test cases of the experiment simulation |
+| 3. | Code Documentation | This document captures the details related to code |
+| Sl.no | File | Role |
+| 1. | Codes | Contains the major code as well as the images related to it. |
+| 2. | Libraries | Contains libraries used by the code |
+
+## Process Followed to convert the experiment
+
+1. Understand the assigned experiment Java simulation.
+2. Understanding the experiment concept.
+3. Re-implement the same in javascript.
+
+## Value Added by our Project
+
+It is beneficial to engineering students who want to understand the inner working of the D Flip-Flop and observe the simulated graph with a custom input waveform.
+
+## Risks and Challenges
+
+A few challenges faced during the development process was integrating the wavedrom and checking the waveform for any issues.
+
+## Issues
+
+In Firefox, in the waveform simulator, when you click on the help button the graph is not displayed in the help section.
+
+
diff --git a/project1/Experiment_Test_Cases_Documentation.md b/project1/Experiment_Test_Cases_Documentation.md
new file mode 100644
index 00000000..c025a471
--- /dev/null
+++ b/project1/Experiment_Test_Cases_Documentation.md
@@ -0,0 +1,25 @@
+# Experiment Test Cases Documentation
+
+## Introduction
+
+This document captures the test cases of the experiment.
+
+## Functional Test Cases
+
+| Test case id | Test Scenario | Test Steps | Expected Output | Actual Output | Result |
+|:------------:|:------------------------------------------------------------------------------------:|:--------------------------------------------------------------------:|:--------------------------------------------------------------------:|:--------------------------------------------------------------------:|:------:|
+| 1. | Mandatory options not being selected (must give alert) | Click on simulate without selecting a certain option | Choose an option! | Choose an Option! | pass |
+| 2. | Selecting between input waveform and custom waveform (only one has to be selected) | Choose clock type and then don't choose any waveform option | Choose a waveform! | Choose a waveform! | pass |
+| 3. | Clock pulse can only be integer | For the clock pulse option input anything except an integer | Invalid number of pulses | Invalid number of pulses | pass |
+| 4. | Waveform has to only follow the standard mentioned in help doc. | For the input waveform input a wrong waveform. | Invalid input waveform (refer help) | Invalid input waveform (refer help) | pass |
+| 5. | No of clock pulses should not window size. | Enter a big number of clock pulses which could exceed size of window | Warning: Your waveform could exceed the size limit of your window. | Warning: Your waveform could exceed the size limit of your window. | pass |
+| 6. | No of clock pulses should be equal to the input waveform. | Make number of clock pulses not equal to input waveform length. | No of pulses and length of input waveform should be same | No of pulses and length of input waveform should be same | pass |
+| 7. | Simulate can still be pressed without clearing the graph. | Simulate the graph and click on simulate again | Simulate button is greyed out | Simulate button is greyed out. | pass |
+
+## Cross Browser Testing
+
+| Sl.no | Browser | Version | Works? |
+|-------|-----------------|---------------|--------|
+| 1. | Google Chrome | 75.0.3770.100 | Yes |
+| 2. | Mozilla Firefox | 67.0.4 | yes |
+
diff --git a/project1/Libraries/Bootstrap/bootstrap.bundle.min.js b/project1/Libraries/Bootstrap/bootstrap.bundle.min.js
new file mode 100644
index 00000000..43203684
--- /dev/null
+++ b/project1/Libraries/Bootstrap/bootstrap.bundle.min.js
@@ -0,0 +1,7 @@
+/*!
+ * Bootstrap v4.3.1 (https://getbootstrap.com/)
+ * Copyright 2011-2019 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ */
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("jquery")):"function"==typeof define&&define.amd?define(["exports","jquery"],e):e((t=t||self).bootstrap={},t.jQuery)}(this,function(t,p){"use strict";function i(t,e){for(var n=0;nthis._items.length-1||t<0))if(this._isSliding)p(this._element).one(q.SLID,function(){return e.to(t)});else{if(n===t)return this.pause(),void this.cycle();var i=n=i.clientWidth&&n>=i.clientHeight}),h=0l[t]&&!i.escapeWithReference&&(n=Math.min(h[e],l[t]-("right"===t?h.width:h.height))),Kt({},e,n)}};return c.forEach(function(t){var e=-1!==["left","top"].indexOf(t)?"primary":"secondary";h=Qt({},h,u[e](t))}),t.offsets.popper=h,t},priority:["left","right","top","bottom"],padding:5,boundariesElement:"scrollParent"},keepTogether:{order:400,enabled:!0,fn:function(t){var e=t.offsets,n=e.popper,i=e.reference,o=t.placement.split("-")[0],r=Math.floor,s=-1!==["top","bottom"].indexOf(o),a=s?"right":"bottom",l=s?"left":"top",c=s?"width":"height";return n[a]r(i[a])&&(t.offsets.popper[l]=r(i[a])),t}},arrow:{order:500,enabled:!0,fn:function(t,e){var n;if(!fe(t.instance.modifiers,"arrow","keepTogether"))return t;var i=e.element;if("string"==typeof i){if(!(i=t.instance.popper.querySelector(i)))return t}else if(!t.instance.popper.contains(i))return console.warn("WARNING: `arrow.element` must be child of its popper element!"),t;var o=t.placement.split("-")[0],r=t.offsets,s=r.popper,a=r.reference,l=-1!==["left","right"].indexOf(o),c=l?"height":"width",h=l?"Top":"Left",u=h.toLowerCase(),f=l?"left":"top",d=l?"bottom":"right",p=Zt(i)[c];a[d]-ps[d]&&(t.offsets.popper[u]+=a[u]+p-s[d]),t.offsets.popper=Vt(t.offsets.popper);var m=a[u]+a[c]/2-p/2,g=Nt(t.instance.popper),_=parseFloat(g["margin"+h],10),v=parseFloat(g["border"+h+"Width"],10),y=m-t.offsets.popper[u]-_-v;return y=Math.max(Math.min(s[c]-p,y),0),t.arrowElement=i,t.offsets.arrow=(Kt(n={},u,Math.round(y)),Kt(n,f,""),n),t},element:"[x-arrow]"},flip:{order:600,enabled:!0,fn:function(p,m){if(oe(p.instance.modifiers,"inner"))return p;if(p.flipped&&p.placement===p.originalPlacement)return p;var g=Gt(p.instance.popper,p.instance.reference,m.padding,m.boundariesElement,p.positionFixed),_=p.placement.split("-")[0],v=te(_),y=p.placement.split("-")[1]||"",E=[];switch(m.behavior){case ge:E=[_,v];break;case _e:E=me(_);break;case ve:E=me(_,!0);break;default:E=m.behavior}return E.forEach(function(t,e){if(_!==t||E.length===e+1)return p;_=p.placement.split("-")[0],v=te(_);var n,i=p.offsets.popper,o=p.offsets.reference,r=Math.floor,s="left"===_&&r(i.right)>r(o.left)||"right"===_&&r(i.left)r(o.top)||"bottom"===_&&r(i.top)r(g.right),c=r(i.top)r(g.bottom),u="left"===_&&a||"right"===_&&l||"top"===_&&c||"bottom"===_&&h,f=-1!==["top","bottom"].indexOf(_),d=!!m.flipVariations&&(f&&"start"===y&&a||f&&"end"===y&&l||!f&&"start"===y&&c||!f&&"end"===y&&h);(s||u||d)&&(p.flipped=!0,(s||u)&&(_=E[e+1]),d&&(y="end"===(n=y)?"start":"start"===n?"end":n),p.placement=_+(y?"-"+y:""),p.offsets.popper=Qt({},p.offsets.popper,ee(p.instance.popper,p.offsets.reference,p.placement)),p=ie(p.instance.modifiers,p,"flip"))}),p},behavior:"flip",padding:5,boundariesElement:"viewport"},inner:{order:700,enabled:!1,fn:function(t){var e=t.placement,n=e.split("-")[0],i=t.offsets,o=i.popper,r=i.reference,s=-1!==["left","right"].indexOf(n),a=-1===["top","left"].indexOf(n);return o[s?"left":"top"]=r[n]-(a?o[s?"width":"height"]:0),t.placement=te(e),t.offsets.popper=Vt(o),t}},hide:{order:800,enabled:!0,fn:function(t){if(!fe(t.instance.modifiers,"hide","preventOverflow"))return t;var e=t.offsets.reference,n=ne(t.instance.modifiers,function(t){return"preventOverflow"===t.name}).boundaries;if(e.bottomn.right||e.top>n.bottom||e.rightdocument.documentElement.clientHeight;!this._isBodyOverflowing&&t&&(this._element.style.paddingLeft=this._scrollbarWidth+"px"),this._isBodyOverflowing&&!t&&(this._element.style.paddingRight=this._scrollbarWidth+"px")},t._resetAdjustments=function(){this._element.style.paddingLeft="",this._element.style.paddingRight=""},t._checkScrollbar=function(){var t=document.body.getBoundingClientRect();this._isBodyOverflowing=t.left+t.right',trigger:"hover focus",title:"",delay:0,html:!1,selector:!1,placement:"top",offset:0,container:!1,fallbackPlacement:"flip",boundary:"scrollParent",sanitize:!0,sanitizeFn:null,whiteList:vn},Ln="show",xn="out",Pn={HIDE:"hide"+Tn,HIDDEN:"hidden"+Tn,SHOW:"show"+Tn,SHOWN:"shown"+Tn,INSERTED:"inserted"+Tn,CLICK:"click"+Tn,FOCUSIN:"focusin"+Tn,FOCUSOUT:"focusout"+Tn,MOUSEENTER:"mouseenter"+Tn,MOUSELEAVE:"mouseleave"+Tn},Hn="fade",jn="show",Rn=".tooltip-inner",Fn=".arrow",Mn="hover",Wn="focus",Un="click",Bn="manual",qn=function(){function i(t,e){if("undefined"==typeof be)throw new TypeError("Bootstrap's tooltips require Popper.js (https://popper.js.org/)");this._isEnabled=!0,this._timeout=0,this._hoverState="",this._activeTrigger={},this._popper=null,this.element=t,this.config=this._getConfig(e),this.tip=null,this._setListeners()}var t=i.prototype;return t.enable=function(){this._isEnabled=!0},t.disable=function(){this._isEnabled=!1},t.toggleEnabled=function(){this._isEnabled=!this._isEnabled},t.toggle=function(t){if(this._isEnabled)if(t){var e=this.constructor.DATA_KEY,n=p(t.currentTarget).data(e);n||(n=new this.constructor(t.currentTarget,this._getDelegateConfig()),p(t.currentTarget).data(e,n)),n._activeTrigger.click=!n._activeTrigger.click,n._isWithActiveTrigger()?n._enter(null,n):n._leave(null,n)}else{if(p(this.getTipElement()).hasClass(jn))return void this._leave(null,this);this._enter(null,this)}},t.dispose=function(){clearTimeout(this._timeout),p.removeData(this.element,this.constructor.DATA_KEY),p(this.element).off(this.constructor.EVENT_KEY),p(this.element).closest(".modal").off("hide.bs.modal"),this.tip&&p(this.tip).remove(),this._isEnabled=null,this._timeout=null,this._hoverState=null,(this._activeTrigger=null)!==this._popper&&this._popper.destroy(),this._popper=null,this.element=null,this.config=null,this.tip=null},t.show=function(){var e=this;if("none"===p(this.element).css("display"))throw new Error("Please use show on visible elements");var t=p.Event(this.constructor.Event.SHOW);if(this.isWithContent()&&this._isEnabled){p(this.element).trigger(t);var n=m.findShadowRoot(this.element),i=p.contains(null!==n?n:this.element.ownerDocument.documentElement,this.element);if(t.isDefaultPrevented()||!i)return;var o=this.getTipElement(),r=m.getUID(this.constructor.NAME);o.setAttribute("id",r),this.element.setAttribute("aria-describedby",r),this.setContent(),this.config.animation&&p(o).addClass(Hn);var s="function"==typeof this.config.placement?this.config.placement.call(this,o,this.element):this.config.placement,a=this._getAttachment(s);this.addAttachmentClass(a);var l=this._getContainer();p(o).data(this.constructor.DATA_KEY,this),p.contains(this.element.ownerDocument.documentElement,this.tip)||p(o).appendTo(l),p(this.element).trigger(this.constructor.Event.INSERTED),this._popper=new be(this.element,o,{placement:a,modifiers:{offset:this._getOffset(),flip:{behavior:this.config.fallbackPlacement},arrow:{element:Fn},preventOverflow:{boundariesElement:this.config.boundary}},onCreate:function(t){t.originalPlacement!==t.placement&&e._handlePopperPlacementChange(t)},onUpdate:function(t){return e._handlePopperPlacementChange(t)}}),p(o).addClass(jn),"ontouchstart"in document.documentElement&&p(document.body).children().on("mouseover",null,p.noop);var c=function(){e.config.animation&&e._fixTransition();var t=e._hoverState;e._hoverState=null,p(e.element).trigger(e.constructor.Event.SHOWN),t===xn&&e._leave(null,e)};if(p(this.tip).hasClass(Hn)){var h=m.getTransitionDurationFromElement(this.tip);p(this.tip).one(m.TRANSITION_END,c).emulateTransitionEnd(h)}else c()}},t.hide=function(t){var e=this,n=this.getTipElement(),i=p.Event(this.constructor.Event.HIDE),o=function(){e._hoverState!==Ln&&n.parentNode&&n.parentNode.removeChild(n),e._cleanTipClass(),e.element.removeAttribute("aria-describedby"),p(e.element).trigger(e.constructor.Event.HIDDEN),null!==e._popper&&e._popper.destroy(),t&&t()};if(p(this.element).trigger(i),!i.isDefaultPrevented()){if(p(n).removeClass(jn),"ontouchstart"in document.documentElement&&p(document.body).children().off("mouseover",null,p.noop),this._activeTrigger[Un]=!1,this._activeTrigger[Wn]=!1,this._activeTrigger[Mn]=!1,p(this.tip).hasClass(Hn)){var r=m.getTransitionDurationFromElement(n);p(n).one(m.TRANSITION_END,o).emulateTransitionEnd(r)}else o();this._hoverState=""}},t.update=function(){null!==this._popper&&this._popper.scheduleUpdate()},t.isWithContent=function(){return Boolean(this.getTitle())},t.addAttachmentClass=function(t){p(this.getTipElement()).addClass(Dn+"-"+t)},t.getTipElement=function(){return this.tip=this.tip||p(this.config.template)[0],this.tip},t.setContent=function(){var t=this.getTipElement();this.setElementContent(p(t.querySelectorAll(Rn)),this.getTitle()),p(t).removeClass(Hn+" "+jn)},t.setElementContent=function(t,e){"object"!=typeof e||!e.nodeType&&!e.jquery?this.config.html?(this.config.sanitize&&(e=bn(e,this.config.whiteList,this.config.sanitizeFn)),t.html(e)):t.text(e):this.config.html?p(e).parent().is(t)||t.empty().append(e):t.text(p(e).text())},t.getTitle=function(){var t=this.element.getAttribute("data-original-title");return t||(t="function"==typeof this.config.title?this.config.title.call(this.element):this.config.title),t},t._getOffset=function(){var e=this,t={};return"function"==typeof this.config.offset?t.fn=function(t){return t.offsets=l({},t.offsets,e.config.offset(t.offsets,e.element)||{}),t}:t.offset=this.config.offset,t},t._getContainer=function(){return!1===this.config.container?document.body:m.isElement(this.config.container)?p(this.config.container):p(document).find(this.config.container)},t._getAttachment=function(t){return Nn[t.toUpperCase()]},t._setListeners=function(){var i=this;this.config.trigger.split(" ").forEach(function(t){if("click"===t)p(i.element).on(i.constructor.Event.CLICK,i.config.selector,function(t){return i.toggle(t)});else if(t!==Bn){var e=t===Mn?i.constructor.Event.MOUSEENTER:i.constructor.Event.FOCUSIN,n=t===Mn?i.constructor.Event.MOUSELEAVE:i.constructor.Event.FOCUSOUT;p(i.element).on(e,i.config.selector,function(t){return i._enter(t)}).on(n,i.config.selector,function(t){return i._leave(t)})}}),p(this.element).closest(".modal").on("hide.bs.modal",function(){i.element&&i.hide()}),this.config.selector?this.config=l({},this.config,{trigger:"manual",selector:""}):this._fixTitle()},t._fixTitle=function(){var t=typeof this.element.getAttribute("data-original-title");(this.element.getAttribute("title")||"string"!==t)&&(this.element.setAttribute("data-original-title",this.element.getAttribute("title")||""),this.element.setAttribute("title",""))},t._enter=function(t,e){var n=this.constructor.DATA_KEY;(e=e||p(t.currentTarget).data(n))||(e=new this.constructor(t.currentTarget,this._getDelegateConfig()),p(t.currentTarget).data(n,e)),t&&(e._activeTrigger["focusin"===t.type?Wn:Mn]=!0),p(e.getTipElement()).hasClass(jn)||e._hoverState===Ln?e._hoverState=Ln:(clearTimeout(e._timeout),e._hoverState=Ln,e.config.delay&&e.config.delay.show?e._timeout=setTimeout(function(){e._hoverState===Ln&&e.show()},e.config.delay.show):e.show())},t._leave=function(t,e){var n=this.constructor.DATA_KEY;(e=e||p(t.currentTarget).data(n))||(e=new this.constructor(t.currentTarget,this._getDelegateConfig()),p(t.currentTarget).data(n,e)),t&&(e._activeTrigger["focusout"===t.type?Wn:Mn]=!1),e._isWithActiveTrigger()||(clearTimeout(e._timeout),e._hoverState=xn,e.config.delay&&e.config.delay.hide?e._timeout=setTimeout(function(){e._hoverState===xn&&e.hide()},e.config.delay.hide):e.hide())},t._isWithActiveTrigger=function(){for(var t in this._activeTrigger)if(this._activeTrigger[t])return!0;return!1},t._getConfig=function(t){var e=p(this.element).data();return Object.keys(e).forEach(function(t){-1!==An.indexOf(t)&&delete e[t]}),"number"==typeof(t=l({},this.constructor.Default,e,"object"==typeof t&&t?t:{})).delay&&(t.delay={show:t.delay,hide:t.delay}),"number"==typeof t.title&&(t.title=t.title.toString()),"number"==typeof t.content&&(t.content=t.content.toString()),m.typeCheckConfig(wn,t,this.constructor.DefaultType),t.sanitize&&(t.template=bn(t.template,t.whiteList,t.sanitizeFn)),t},t._getDelegateConfig=function(){var t={};if(this.config)for(var e in this.config)this.constructor.Default[e]!==this.config[e]&&(t[e]=this.config[e]);return t},t._cleanTipClass=function(){var t=p(this.getTipElement()),e=t.attr("class").match(In);null!==e&&e.length&&t.removeClass(e.join(""))},t._handlePopperPlacementChange=function(t){var e=t.instance;this.tip=e.popper,this._cleanTipClass(),this.addAttachmentClass(this._getAttachment(t.placement))},t._fixTransition=function(){var t=this.getTipElement(),e=this.config.animation;null===t.getAttribute("x-placement")&&(p(t).removeClass(Hn),this.config.animation=!1,this.hide(),this.show(),this.config.animation=e)},i._jQueryInterface=function(n){return this.each(function(){var t=p(this).data(Cn),e="object"==typeof n&&n;if((t||!/dispose|hide/.test(n))&&(t||(t=new i(this,e),p(this).data(Cn,t)),"string"==typeof n)){if("undefined"==typeof t[n])throw new TypeError('No method named "'+n+'"');t[n]()}})},s(i,null,[{key:"VERSION",get:function(){return"4.3.1"}},{key:"Default",get:function(){return kn}},{key:"NAME",get:function(){return wn}},{key:"DATA_KEY",get:function(){return Cn}},{key:"Event",get:function(){return Pn}},{key:"EVENT_KEY",get:function(){return Tn}},{key:"DefaultType",get:function(){return On}}]),i}();p.fn[wn]=qn._jQueryInterface,p.fn[wn].Constructor=qn,p.fn[wn].noConflict=function(){return p.fn[wn]=Sn,qn._jQueryInterface};var Kn="popover",Qn="bs.popover",Vn="."+Qn,Yn=p.fn[Kn],zn="bs-popover",Xn=new RegExp("(^|\\s)"+zn+"\\S+","g"),Gn=l({},qn.Default,{placement:"right",trigger:"click",content:"",template:'
Components which will be used for this:PMOS, NMOS, Clock, Delay, Input, Output.
+ Steps:
+
+
Select positive level pass transistor from the list on the top of the page.
+
Connect source of PMOS with drain of NMOS and connect input pin serially to it.
+
Connect drain of PMOS with source of NMOS and connect output pin serially to it.
+
Connect clock to the delay and connect that to gate of PMOS (clock bar).
+
Connect clock to gate of NMOS (clock).
+
Press the simulate button and observe the graph.
+
+
+
+
+
Components which will be used for this:PMOS, NMOS, Clock, Delay, Input, Output.
+ Steps:
+
+
Select negative level pass transistor from the list on the top of the page.
+
Connect source of PMOS with drain of NMOS and connect input pin serially to it.
+
Connect drain of PMOS with source of NMOS and connect output pin serially to it.
+
Connect clock to gate of PMOS (clock).
+
Connect clock to the delay and connect that to gate of NMOS (clock bar).
+
Press the simulate button and observe the graph.
+
+
+
+
Components which will be used for this:Pass transistor, Clock, Delay, Input, Output, OR gate.
+ Steps:
+
+
Select multiplexer from the list on the top of the page.
+
Place two pass transistors on the workspace.
+
Connect clock to delay (clock bar) and connect it to gate of NMOS (NGate) of 1st pass transistor and gate of PMOS (PGate) of 2nd pass transistor.
+
Connect an Input pin to each transistor's input.
+
Connect clock to gate of PMOS of first transistor and gate of NMOS of 2nd transistor.
+
Connect the outputs of the two transistors to an OR gate.
+
Connect the output of the OR gate to an output pin.
+
+
+
+
+
+
\ No newline at end of file
diff --git a/project2/Codes/Readme.txt b/project2/Codes/Readme.txt
new file mode 100644
index 00000000..8b26765c
--- /dev/null
+++ b/project2/Codes/Readme.txt
@@ -0,0 +1,21 @@
+SRIP
+
+VLSI | issue no 381 | Design of Pass transistor and Multiplexer
+
+---------------------------------------------------------------------
+
+Simulator:
+The simulator can be accessed by clicking on the simLayout.html file.
+Test cases can be seen in the Test_Cases folder.
+The Project documentation is in the project_doc.html file.
+
+Files used by the simulator:
+simLayout.html
+Procedure.html
+layout.css
+simulatorOptions.js
+circuitCheck.js
+
+---------------------------------------------------------------------
+
+
diff --git a/project2/Codes/Test_Cases/testcases-Simulator.txt b/project2/Codes/Test_Cases/testcases-Simulator.txt
new file mode 100644
index 00000000..2e193fa1
--- /dev/null
+++ b/project2/Codes/Test_Cases/testcases-Simulator.txt
@@ -0,0 +1,14 @@
+1. Circuit used to disappear when you change simulations:
+fixed
+
+2.Press Simulate button without selecting what type of simulation:
+fixed
+
+3.Press Simulate button with mismatch circuit and simulation option:
+fixed
+
+4.Circuit Check
+fixed
+
+5. Graph was still showing if a previous simulation was made and not getting cleared.
+fixed
diff --git a/project2/Codes/circuitCheck.js b/project2/Codes/circuitCheck.js
new file mode 100644
index 00000000..8bea0077
--- /dev/null
+++ b/project2/Codes/circuitCheck.js
@@ -0,0 +1,184 @@
+function circCheck()
+{
+ //console.log(JSON.stringify(dataFinal.devices));
+ //console.log(JSON.stringify(dataFinal.connectors));
+ /*global dataFinal*/
+ var dev = dataFinal.devices;
+ /*global dataFinal*/
+ var con = dataFinal.connectors;
+ //console.log(dev.length);
+ //console.log(con.length);
+ //console.log(document.getElementById("whichSim").value);
+ var opt = document.getElementById("whichSim").value;
+ var devic = new Object();
+ var connec = new Object();
+ connec = {};
+ devic = {};
+ //Main parsing done here:
+ for(var i = 0;i
+
+
+ Documentation
+
+
+
+
Schematic Design Of Pass Transistor Logic & Multiplexer.
+
+
Introduction
+
+
+ Transmission gates are used in digital circuits to pass or block particular signal from the components. In transmission gates, NMOS and PMOS are parallel connected to each other. Schematic representation of transmission
+ gate and its circuit symbol are shown below.
+
+ In the transmission gates the input to the gate acts as the controlling input and depending on the value of control variable, the input at the source end of transistor appears at the drain end or in other words the control variable controls a transmission gate to which pass variables are applied. In figure shown above A
+ is the control signal. When control signal (signal A) is high then transmission gate passes signal from input to output. NMOS passes good zero and PMOS passes good one, putting NMOS and PMOS in parallel produces a transmission gate that passes both logic levels good.
+ Pass transistor logic is an efficient alternative to Complementary CMOS logic design because of following reasons:
+
+
Decreased node capacitance.
+
Reduced transistor count required to implement a logic function.
+
Due to the low voltage swing pass transistors require lower switching energy to charge up the node.
+
Better speed.
+
Low power design.
+
No static power consumption.
+
+ Applications of Transmission Gate:
+
+
Transmission gates are typically used as building blocks for logic circuitry, such as a D Latch or D Flip-Flop.
+
Transmission gates are basic building block for multiplexer.
+
Transmission gates can be used for blocking particular component from live signal.
+
+
+
Multiplexer
+
+ Multiplexer or MUX, which is also known as data selector, is a combinational circuit with multiple input and single output. At a time a single input is selected and given as output based on select signal.
+
+ A multiplexer selects binary information present on any one on the input line, depending upon logic status of the selection inputs and routes to the output line. If there are n selection line then number of possible routes input lines is 2^n and then multiplexer is referred as a 2^n x 1 multiplexer.
+
+
+
Pass transistor logic through NMOS
+
+ As we already know NMOS permits flow of current from source to drain when the input to the gate is 1
+ therefore when control variable is equal to 1 the input at the source end appears on the drain.
+
+
+
Pass transistor logic through PMOS
+
+ As we already know PMOS permits flow of current from source to drain when the input to the gate is 0
+ therefore when control variable is equal to 0 the input at the source end appears on the drain.
+
+
+
Multiplexer
+
+ The multiplexer selects one of many analog or digital input. A multiplexer with 2n input lines have n select lines. The select lines can either be 0 or 1. Depending on the binary number(formed by combination of 1s and 0s) at the select lines. One of the input is selected and it is passed on to the output.
+ The block diagram and truth table of the 2 input multiplexer is given below:
+
+
+ The logical expression for output can be AS'+BS . If we implement this logic using nands and nors then no. of transistor required would be 5.We can use the knowledge of pass transistors,control variables an pass variables.
+
+ Firstly you have to select which simulation you want to run by choosing one of the options which is in the list area under the main heading of the page.
+ The simulator consists of a menu on the left. You can load the pass transistor circuits by clicking on one of the circuits given there or you could make it yourself.
+ To know how to build the circuits on your own, click on procedure, a new window will appear on the right side of the workspace where you can refer to the instructions.
+ Once you have completed the circuit, either by choosing the See circuit options or building your own, click on the simulate button to simulate the waveform, which can be seen right next to the workspace of the circuit simulator.
+ Clear workspace can be clicked to remove the simulation as well as the circuit.
+
+
How to use the Simulator:
+
+
Choose a component from the toolbox and move it to the right.
+
Connections can be made clicking the input node and dragging it to an output node(or vice versa).
+
To disconnect two components click on the input node.
+
To remove a component drag it back to the toolbox.
+
To edit the device name double click the label.
+
To see the inner workings of a device, double click it.
+
Once you are done with the circuit, click on simulate to simulate the waveform.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/project2/Codes/simulatorOptions.js b/project2/Codes/simulatorOptions.js
new file mode 100644
index 00000000..64dc6c37
--- /dev/null
+++ b/project2/Codes/simulatorOptions.js
@@ -0,0 +1,154 @@
+if(sessionStorage.getItem("MUX"))
+{
+ var val = sessionStorage.getItem("MUX");
+ var opti = $("#whichSim option[value=\'" + val + "\']").text();
+ $("#whichSim").append("");
+}
+if(sessionStorage.getItem("PPT"))
+{
+ var dfl = {
+ "width":730,
+ "height":525,
+ "showToolbox":true,
+ "toolbox":[
+ {"type":"In"},
+ {"type":"Out"},
+ {"type":"PMOS"},
+ {"type":"NMOS"},
+ {"type":"Delay","delay":1000},
+ {"type":"OSC","freq":0.5,"label":"CLK"},
+ {"type":"LED"}
+ ],
+ "devices":[
+ {"type":"Delay","delay":1000,"id":"dev0","x":168,"y":128,"label":"Delay","state":{"direction":0}},
+ {"type":"PMOS","id":"dev1","x":184,"y":248,"label":"PMOS"},
+ {"type":"OSC","freq":0.5,"label":"CLK'","id":"dev2","x":104,"y":120},
+ {"type":"In","id":"dev3","x":232,"y":328,"label":"In"},
+ {"type":"Out","id":"dev4","x":328,"y":328,"label":"Out"},
+ {"type":"NMOS","id":"dev5","x":384,"y":248,"label":"NMOS"},
+ {"type":"OSC","freq":0.5,"label":"CLK","id":"dev6","x":352,"y":120}
+ ],
+ "connectors":[
+ {"from":"dev0.in0","to":"dev2.out0"},
+ {"from":"dev1.in0","to":"dev0.out0"},
+ {"from":"dev1.in1","to":"dev3.out0"},
+ {"from":"dev3.in0","to":"dev5.out0"},
+ {"from":"dev4.in0","to":"dev1.out0"},
+ {"from":"dev5.in0","to":"dev6.out0"},
+ {"from":"dev5.in1","to":"dev4.out0"}
+ ]
+};
+ var html1=JSON.stringify(dfl);
+ document.querySelector(".simcir").innerHTML=html1;
+}
+else if(sessionStorage.getItem("NPT"))
+{
+ var dfli = {
+ "width":730,
+ "height":525,
+ "showToolbox":true,
+ "toolbox":[
+ {"type":"In"},
+ {"type":"Out"},
+ {"type":"PMOS"},
+ {"type":"NMOS"},
+ {"type":"Delay","delay":1000},
+ {"type":"OSC","freq":0.5,"label":"CLK"},
+ {"type":"LED"}
+ ],
+ "devices":[
+ {"type":"PMOS","id":"dev0","x":160,"y":256,"label":"PMOS"},
+ {"type":"NMOS","id":"dev1","x":400,"y":256,"label":"NMOS"},
+ {"type":"OSC","freq":0.5,"label":"CLK'","id":"dev2","x":320,"y":128},
+ {"type":"In","id":"dev3","x":208,"y":336,"label":"In"},
+ {"type":"Out","id":"dev4","x":352,"y":336,"label":"Out"},
+ {"type":"OSC","freq":0.5,"label":"CLK","id":"dev5","x":128,"y":128},
+ {"type":"Delay","delay":1000,"id":"dev6","x":384,"y":136,"label":"Delay","state":{"direction":0}}
+ ],
+ "connectors":[
+ {"from":"dev0.in0","to":"dev5.out0"},
+ {"from":"dev0.in1","to":"dev3.out0"},
+ {"from":"dev1.in0","to":"dev6.out0"},
+ {"from":"dev1.in1","to":"dev4.out0"},
+ {"from":"dev3.in0","to":"dev1.out0"},
+ {"from":"dev4.in0","to":"dev0.out0"},
+ {"from":"dev6.in0","to":"dev2.out0"}
+ ]
+};
+ var html2=JSON.stringify(dfli);
+ document.querySelector(".simcir").innerHTML=html2;
+
+}
+else
+{
+ var obj = {};
+ if(sessionStorage.getItem("MUX")==="3")
+ {
+ obj = {
+ "width":730,
+ "height":525,
+ "showToolbox":true,
+ "toolbox":[
+ {"type":"In"},
+ {"type":"Out"},
+ {"type":"PMOS"},
+ {"type":"NMOS"},
+ {"type":"Delay","delay":1000},
+ {"type":"OSC","freq":0.5,"label":"CLK"},
+ {"type":"LED"},
+ {"type":"OR"},
+ {"type":"PassTransistor"}
+ ]
+
+ };
+
+ }
+ else
+ {
+ obj = {
+ "width":730,
+ "height":525,
+ "showToolbox":true,
+ "toolbox":[
+ {"type":"In"},
+ {"type":"Out"},
+ {"type":"PMOS"},
+ {"type":"NMOS"},
+ {"type":"Delay","delay":1000},
+ {"type":"OSC","freq":0.5,"label":"CLK"},
+ {"type":"LED"}
+ ]
+
+ };
+ }
+ var html=JSON.stringify(obj);
+ document.querySelector(".simcir").innerHTML=html;
+}
+
+$("#procedure").click(function() {
+ $("#proc").toggle();
+});
+
+$("#dfli").click(function(event) {
+ sessionStorage.setItem("PPT",1);
+ sessionStorage.removeItem("NPT");
+ location.reload();
+});
+
+$("#dfl").click(function(event) {
+ sessionStorage.setItem("NPT",1);
+ sessionStorage.removeItem("PPT");
+ location.reload();
+});
+
+$("#clear").click(function(event) {
+ sessionStorage.removeItem("NPT");
+ sessionStorage.removeItem("PPT");
+ location.reload();
+});
+
+$("#whichSim").change(function(event) {
+ var opt = document.getElementById("whichSim").value;
+ sessionStorage.setItem("MUX",opt);
+ location.reload();
+});
\ No newline at end of file
diff --git a/project2/Experiment_Project_Documentation.md b/project2/Experiment_Project_Documentation.md
new file mode 100644
index 00000000..78728f2b
--- /dev/null
+++ b/project2/Experiment_Project_Documentation.md
@@ -0,0 +1,71 @@
+# Experiment Project Documentation
+
+## Introduction
+
+This document captures the technical details related to the experiment development.
+
+## Project
+**Domain name:** Computer Science & Engineering.
+**Lab name:** Very Large Scale Integration.
+**Experiment name:** Schematic Design Of Pass Transistor Logic & Multiplexer.
+
+Pass transistor logic (PTL) describes several logic families used in the design of integrated circuits. It reduces the count of transistors used to make different logic gates, by eliminating redundant transistors. Transistors are used as switches to pass logic levels between nodes of a circuit, instead of as switches connected directly to supply voltages.
+
+This reduces the number of active devices, but has the disadvantage that the difference of the voltage between high and low logic levels decreases at each stage. Each transistor in series is less saturated at its output than at its input.
+
+This experiment is used to simulate the working of a Pass transistor on different levels and a multiplexer. A graph can be observed with the simulation itself.
+
+## Purpose of the Project
+
+The purpose of this project is to convert Pass transistor logic and multiplexer simulation from Java to Javascript.
+
+## Project Developers Details
+
+| Sl.no | Name | Year Of Study | Role | Email-ID | Github handle |
+|:-----:|:-----------------:|:-------------:|:---------:|:---------------------------:|:-------------:|
+| 1 | Utkarsh Chhapekar | 2nd year | Developer | utkarshchhapekar2@gmail.com | Utkichaps |
+
+## Technologies and Libraries
+
+**Technologies:**
+1. HTML
+2. CSS
+3. Javascript
+
+**Libraries:**
+1. SimCir JS
+2. JQuery
+3. Bootstrap
+
+## Development Environment
+
+**OS:** Ubuntu 18.04
+
+## Documents and Files:
+
+| Sl.no | Document | Role |
+|:-----:|:------------------:|:------------------------------------------------------------------------------:|
+| 1. | Procedure | This document captures the instructions to run the simulations |
+| 2. | Test Cases | This document captures the functional test cases of the experiment simulation |
+| 3. | Code Documentation | This document captures the details related to code |
+| Sl.no | File | Role |
+| 1. | Codes | Contains the major code as well as the images related to it. |
+| 2. | Libraries | Contains libraries used by the code |
+
+## Process Followed to convert the experiment
+
+1. Understand the assigned experiment Java simulation.
+2. Understanding the experiment concept.
+3. Re-implement the same in javascript.
+
+## Value Added by our Project
+
+It is beneficial to engineering students who want to understand the inner working of the pass transistors and multiplexers and understand the output graphs seen by them.
+
+## Risks and Challenges
+
+A few challenges faced during the development process was understanding the simcir library so that it can be used to retrieve the circuit data dynamically. The circuit checking functionality also took some time to implement.
+
+## Issues
+
+No current issues open.
diff --git a/project2/Experiment_Test_Cases_Documentation.md b/project2/Experiment_Test_Cases_Documentation.md
new file mode 100644
index 00000000..2b4b3643
--- /dev/null
+++ b/project2/Experiment_Test_Cases_Documentation.md
@@ -0,0 +1,21 @@
+# Experiment Test Cases Documentation
+
+## Introduction
+
+This document captures the test cases of the experiment.
+
+## Functional Test Cases
+
+| Test Case id | Test Scenario | Test Steps | Expected Output | Actual Output | Result |
+|:------------:|:--------------------------------------------------------------------:|:--------------------------------------------------------------------------------------:|:------------------------------------------------------------------------:|:------------------------------------------------------------------------:|:------:|
+| 1. | Press Simulate button without selecting what type of simulation | Directly click on simulate without selecting the type of simulation. | Alert: Please select type of simulation | Alert: Please select type of simulation | pass |
+| 2. | Press Simulate button with mismatched circuit and simulation option. | Choose a simulation and make a circuit which is not the same as the simulation option. | Alert: This is not the correct circuit. Please refer procedure carefully | Alert: This is not the correct circuit. Please refer procedure carefully | pass |
+| 3. | Alert when the connections/components are wrong. | Make an incorrect circuit and try to simulate it. | Alert: This is not the correct circuit. Please refer procedure carefully | Alert: This is not the correct circuit. Please refer procedure carefully | pass |
+
+## Cross Browser Testing
+
+| Sl.no | Browser | Version | Works? |
+|-------|-----------------|---------------|--------|
+| 1. | Google Chrome | 75.0.3770.100 | Yes |
+| 2. | Mozilla Firefox | 67.0.4 | yes |
+
diff --git a/project2/Libraries/Bootstrap/bootstrap.bundle.min.js b/project2/Libraries/Bootstrap/bootstrap.bundle.min.js
new file mode 100644
index 00000000..43203684
--- /dev/null
+++ b/project2/Libraries/Bootstrap/bootstrap.bundle.min.js
@@ -0,0 +1,7 @@
+/*!
+ * Bootstrap v4.3.1 (https://getbootstrap.com/)
+ * Copyright 2011-2019 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ */
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("jquery")):"function"==typeof define&&define.amd?define(["exports","jquery"],e):e((t=t||self).bootstrap={},t.jQuery)}(this,function(t,p){"use strict";function i(t,e){for(var n=0;nthis._items.length-1||t<0))if(this._isSliding)p(this._element).one(q.SLID,function(){return e.to(t)});else{if(n===t)return this.pause(),void this.cycle();var i=n=i.clientWidth&&n>=i.clientHeight}),h=0l[t]&&!i.escapeWithReference&&(n=Math.min(h[e],l[t]-("right"===t?h.width:h.height))),Kt({},e,n)}};return c.forEach(function(t){var e=-1!==["left","top"].indexOf(t)?"primary":"secondary";h=Qt({},h,u[e](t))}),t.offsets.popper=h,t},priority:["left","right","top","bottom"],padding:5,boundariesElement:"scrollParent"},keepTogether:{order:400,enabled:!0,fn:function(t){var e=t.offsets,n=e.popper,i=e.reference,o=t.placement.split("-")[0],r=Math.floor,s=-1!==["top","bottom"].indexOf(o),a=s?"right":"bottom",l=s?"left":"top",c=s?"width":"height";return n[a]r(i[a])&&(t.offsets.popper[l]=r(i[a])),t}},arrow:{order:500,enabled:!0,fn:function(t,e){var n;if(!fe(t.instance.modifiers,"arrow","keepTogether"))return t;var i=e.element;if("string"==typeof i){if(!(i=t.instance.popper.querySelector(i)))return t}else if(!t.instance.popper.contains(i))return console.warn("WARNING: `arrow.element` must be child of its popper element!"),t;var o=t.placement.split("-")[0],r=t.offsets,s=r.popper,a=r.reference,l=-1!==["left","right"].indexOf(o),c=l?"height":"width",h=l?"Top":"Left",u=h.toLowerCase(),f=l?"left":"top",d=l?"bottom":"right",p=Zt(i)[c];a[d]-ps[d]&&(t.offsets.popper[u]+=a[u]+p-s[d]),t.offsets.popper=Vt(t.offsets.popper);var m=a[u]+a[c]/2-p/2,g=Nt(t.instance.popper),_=parseFloat(g["margin"+h],10),v=parseFloat(g["border"+h+"Width"],10),y=m-t.offsets.popper[u]-_-v;return y=Math.max(Math.min(s[c]-p,y),0),t.arrowElement=i,t.offsets.arrow=(Kt(n={},u,Math.round(y)),Kt(n,f,""),n),t},element:"[x-arrow]"},flip:{order:600,enabled:!0,fn:function(p,m){if(oe(p.instance.modifiers,"inner"))return p;if(p.flipped&&p.placement===p.originalPlacement)return p;var g=Gt(p.instance.popper,p.instance.reference,m.padding,m.boundariesElement,p.positionFixed),_=p.placement.split("-")[0],v=te(_),y=p.placement.split("-")[1]||"",E=[];switch(m.behavior){case ge:E=[_,v];break;case _e:E=me(_);break;case ve:E=me(_,!0);break;default:E=m.behavior}return E.forEach(function(t,e){if(_!==t||E.length===e+1)return p;_=p.placement.split("-")[0],v=te(_);var n,i=p.offsets.popper,o=p.offsets.reference,r=Math.floor,s="left"===_&&r(i.right)>r(o.left)||"right"===_&&r(i.left)r(o.top)||"bottom"===_&&r(i.top)r(g.right),c=r(i.top)r(g.bottom),u="left"===_&&a||"right"===_&&l||"top"===_&&c||"bottom"===_&&h,f=-1!==["top","bottom"].indexOf(_),d=!!m.flipVariations&&(f&&"start"===y&&a||f&&"end"===y&&l||!f&&"start"===y&&c||!f&&"end"===y&&h);(s||u||d)&&(p.flipped=!0,(s||u)&&(_=E[e+1]),d&&(y="end"===(n=y)?"start":"start"===n?"end":n),p.placement=_+(y?"-"+y:""),p.offsets.popper=Qt({},p.offsets.popper,ee(p.instance.popper,p.offsets.reference,p.placement)),p=ie(p.instance.modifiers,p,"flip"))}),p},behavior:"flip",padding:5,boundariesElement:"viewport"},inner:{order:700,enabled:!1,fn:function(t){var e=t.placement,n=e.split("-")[0],i=t.offsets,o=i.popper,r=i.reference,s=-1!==["left","right"].indexOf(n),a=-1===["top","left"].indexOf(n);return o[s?"left":"top"]=r[n]-(a?o[s?"width":"height"]:0),t.placement=te(e),t.offsets.popper=Vt(o),t}},hide:{order:800,enabled:!0,fn:function(t){if(!fe(t.instance.modifiers,"hide","preventOverflow"))return t;var e=t.offsets.reference,n=ne(t.instance.modifiers,function(t){return"preventOverflow"===t.name}).boundaries;if(e.bottomn.right||e.top>n.bottom||e.rightdocument.documentElement.clientHeight;!this._isBodyOverflowing&&t&&(this._element.style.paddingLeft=this._scrollbarWidth+"px"),this._isBodyOverflowing&&!t&&(this._element.style.paddingRight=this._scrollbarWidth+"px")},t._resetAdjustments=function(){this._element.style.paddingLeft="",this._element.style.paddingRight=""},t._checkScrollbar=function(){var t=document.body.getBoundingClientRect();this._isBodyOverflowing=t.left+t.right
',trigger:"hover focus",title:"",delay:0,html:!1,selector:!1,placement:"top",offset:0,container:!1,fallbackPlacement:"flip",boundary:"scrollParent",sanitize:!0,sanitizeFn:null,whiteList:vn},Ln="show",xn="out",Pn={HIDE:"hide"+Tn,HIDDEN:"hidden"+Tn,SHOW:"show"+Tn,SHOWN:"shown"+Tn,INSERTED:"inserted"+Tn,CLICK:"click"+Tn,FOCUSIN:"focusin"+Tn,FOCUSOUT:"focusout"+Tn,MOUSEENTER:"mouseenter"+Tn,MOUSELEAVE:"mouseleave"+Tn},Hn="fade",jn="show",Rn=".tooltip-inner",Fn=".arrow",Mn="hover",Wn="focus",Un="click",Bn="manual",qn=function(){function i(t,e){if("undefined"==typeof be)throw new TypeError("Bootstrap's tooltips require Popper.js (https://popper.js.org/)");this._isEnabled=!0,this._timeout=0,this._hoverState="",this._activeTrigger={},this._popper=null,this.element=t,this.config=this._getConfig(e),this.tip=null,this._setListeners()}var t=i.prototype;return t.enable=function(){this._isEnabled=!0},t.disable=function(){this._isEnabled=!1},t.toggleEnabled=function(){this._isEnabled=!this._isEnabled},t.toggle=function(t){if(this._isEnabled)if(t){var e=this.constructor.DATA_KEY,n=p(t.currentTarget).data(e);n||(n=new this.constructor(t.currentTarget,this._getDelegateConfig()),p(t.currentTarget).data(e,n)),n._activeTrigger.click=!n._activeTrigger.click,n._isWithActiveTrigger()?n._enter(null,n):n._leave(null,n)}else{if(p(this.getTipElement()).hasClass(jn))return void this._leave(null,this);this._enter(null,this)}},t.dispose=function(){clearTimeout(this._timeout),p.removeData(this.element,this.constructor.DATA_KEY),p(this.element).off(this.constructor.EVENT_KEY),p(this.element).closest(".modal").off("hide.bs.modal"),this.tip&&p(this.tip).remove(),this._isEnabled=null,this._timeout=null,this._hoverState=null,(this._activeTrigger=null)!==this._popper&&this._popper.destroy(),this._popper=null,this.element=null,this.config=null,this.tip=null},t.show=function(){var e=this;if("none"===p(this.element).css("display"))throw new Error("Please use show on visible elements");var t=p.Event(this.constructor.Event.SHOW);if(this.isWithContent()&&this._isEnabled){p(this.element).trigger(t);var n=m.findShadowRoot(this.element),i=p.contains(null!==n?n:this.element.ownerDocument.documentElement,this.element);if(t.isDefaultPrevented()||!i)return;var o=this.getTipElement(),r=m.getUID(this.constructor.NAME);o.setAttribute("id",r),this.element.setAttribute("aria-describedby",r),this.setContent(),this.config.animation&&p(o).addClass(Hn);var s="function"==typeof this.config.placement?this.config.placement.call(this,o,this.element):this.config.placement,a=this._getAttachment(s);this.addAttachmentClass(a);var l=this._getContainer();p(o).data(this.constructor.DATA_KEY,this),p.contains(this.element.ownerDocument.documentElement,this.tip)||p(o).appendTo(l),p(this.element).trigger(this.constructor.Event.INSERTED),this._popper=new be(this.element,o,{placement:a,modifiers:{offset:this._getOffset(),flip:{behavior:this.config.fallbackPlacement},arrow:{element:Fn},preventOverflow:{boundariesElement:this.config.boundary}},onCreate:function(t){t.originalPlacement!==t.placement&&e._handlePopperPlacementChange(t)},onUpdate:function(t){return e._handlePopperPlacementChange(t)}}),p(o).addClass(jn),"ontouchstart"in document.documentElement&&p(document.body).children().on("mouseover",null,p.noop);var c=function(){e.config.animation&&e._fixTransition();var t=e._hoverState;e._hoverState=null,p(e.element).trigger(e.constructor.Event.SHOWN),t===xn&&e._leave(null,e)};if(p(this.tip).hasClass(Hn)){var h=m.getTransitionDurationFromElement(this.tip);p(this.tip).one(m.TRANSITION_END,c).emulateTransitionEnd(h)}else c()}},t.hide=function(t){var e=this,n=this.getTipElement(),i=p.Event(this.constructor.Event.HIDE),o=function(){e._hoverState!==Ln&&n.parentNode&&n.parentNode.removeChild(n),e._cleanTipClass(),e.element.removeAttribute("aria-describedby"),p(e.element).trigger(e.constructor.Event.HIDDEN),null!==e._popper&&e._popper.destroy(),t&&t()};if(p(this.element).trigger(i),!i.isDefaultPrevented()){if(p(n).removeClass(jn),"ontouchstart"in document.documentElement&&p(document.body).children().off("mouseover",null,p.noop),this._activeTrigger[Un]=!1,this._activeTrigger[Wn]=!1,this._activeTrigger[Mn]=!1,p(this.tip).hasClass(Hn)){var r=m.getTransitionDurationFromElement(n);p(n).one(m.TRANSITION_END,o).emulateTransitionEnd(r)}else o();this._hoverState=""}},t.update=function(){null!==this._popper&&this._popper.scheduleUpdate()},t.isWithContent=function(){return Boolean(this.getTitle())},t.addAttachmentClass=function(t){p(this.getTipElement()).addClass(Dn+"-"+t)},t.getTipElement=function(){return this.tip=this.tip||p(this.config.template)[0],this.tip},t.setContent=function(){var t=this.getTipElement();this.setElementContent(p(t.querySelectorAll(Rn)),this.getTitle()),p(t).removeClass(Hn+" "+jn)},t.setElementContent=function(t,e){"object"!=typeof e||!e.nodeType&&!e.jquery?this.config.html?(this.config.sanitize&&(e=bn(e,this.config.whiteList,this.config.sanitizeFn)),t.html(e)):t.text(e):this.config.html?p(e).parent().is(t)||t.empty().append(e):t.text(p(e).text())},t.getTitle=function(){var t=this.element.getAttribute("data-original-title");return t||(t="function"==typeof this.config.title?this.config.title.call(this.element):this.config.title),t},t._getOffset=function(){var e=this,t={};return"function"==typeof this.config.offset?t.fn=function(t){return t.offsets=l({},t.offsets,e.config.offset(t.offsets,e.element)||{}),t}:t.offset=this.config.offset,t},t._getContainer=function(){return!1===this.config.container?document.body:m.isElement(this.config.container)?p(this.config.container):p(document).find(this.config.container)},t._getAttachment=function(t){return Nn[t.toUpperCase()]},t._setListeners=function(){var i=this;this.config.trigger.split(" ").forEach(function(t){if("click"===t)p(i.element).on(i.constructor.Event.CLICK,i.config.selector,function(t){return i.toggle(t)});else if(t!==Bn){var e=t===Mn?i.constructor.Event.MOUSEENTER:i.constructor.Event.FOCUSIN,n=t===Mn?i.constructor.Event.MOUSELEAVE:i.constructor.Event.FOCUSOUT;p(i.element).on(e,i.config.selector,function(t){return i._enter(t)}).on(n,i.config.selector,function(t){return i._leave(t)})}}),p(this.element).closest(".modal").on("hide.bs.modal",function(){i.element&&i.hide()}),this.config.selector?this.config=l({},this.config,{trigger:"manual",selector:""}):this._fixTitle()},t._fixTitle=function(){var t=typeof this.element.getAttribute("data-original-title");(this.element.getAttribute("title")||"string"!==t)&&(this.element.setAttribute("data-original-title",this.element.getAttribute("title")||""),this.element.setAttribute("title",""))},t._enter=function(t,e){var n=this.constructor.DATA_KEY;(e=e||p(t.currentTarget).data(n))||(e=new this.constructor(t.currentTarget,this._getDelegateConfig()),p(t.currentTarget).data(n,e)),t&&(e._activeTrigger["focusin"===t.type?Wn:Mn]=!0),p(e.getTipElement()).hasClass(jn)||e._hoverState===Ln?e._hoverState=Ln:(clearTimeout(e._timeout),e._hoverState=Ln,e.config.delay&&e.config.delay.show?e._timeout=setTimeout(function(){e._hoverState===Ln&&e.show()},e.config.delay.show):e.show())},t._leave=function(t,e){var n=this.constructor.DATA_KEY;(e=e||p(t.currentTarget).data(n))||(e=new this.constructor(t.currentTarget,this._getDelegateConfig()),p(t.currentTarget).data(n,e)),t&&(e._activeTrigger["focusout"===t.type?Wn:Mn]=!1),e._isWithActiveTrigger()||(clearTimeout(e._timeout),e._hoverState=xn,e.config.delay&&e.config.delay.hide?e._timeout=setTimeout(function(){e._hoverState===xn&&e.hide()},e.config.delay.hide):e.hide())},t._isWithActiveTrigger=function(){for(var t in this._activeTrigger)if(this._activeTrigger[t])return!0;return!1},t._getConfig=function(t){var e=p(this.element).data();return Object.keys(e).forEach(function(t){-1!==An.indexOf(t)&&delete e[t]}),"number"==typeof(t=l({},this.constructor.Default,e,"object"==typeof t&&t?t:{})).delay&&(t.delay={show:t.delay,hide:t.delay}),"number"==typeof t.title&&(t.title=t.title.toString()),"number"==typeof t.content&&(t.content=t.content.toString()),m.typeCheckConfig(wn,t,this.constructor.DefaultType),t.sanitize&&(t.template=bn(t.template,t.whiteList,t.sanitizeFn)),t},t._getDelegateConfig=function(){var t={};if(this.config)for(var e in this.config)this.constructor.Default[e]!==this.config[e]&&(t[e]=this.config[e]);return t},t._cleanTipClass=function(){var t=p(this.getTipElement()),e=t.attr("class").match(In);null!==e&&e.length&&t.removeClass(e.join(""))},t._handlePopperPlacementChange=function(t){var e=t.instance;this.tip=e.popper,this._cleanTipClass(),this.addAttachmentClass(this._getAttachment(t.placement))},t._fixTransition=function(){var t=this.getTipElement(),e=this.config.animation;null===t.getAttribute("x-placement")&&(p(t).removeClass(Hn),this.config.animation=!1,this.hide(),this.show(),this.config.animation=e)},i._jQueryInterface=function(n){return this.each(function(){var t=p(this).data(Cn),e="object"==typeof n&&n;if((t||!/dispose|hide/.test(n))&&(t||(t=new i(this,e),p(this).data(Cn,t)),"string"==typeof n)){if("undefined"==typeof t[n])throw new TypeError('No method named "'+n+'"');t[n]()}})},s(i,null,[{key:"VERSION",get:function(){return"4.3.1"}},{key:"Default",get:function(){return kn}},{key:"NAME",get:function(){return wn}},{key:"DATA_KEY",get:function(){return Cn}},{key:"Event",get:function(){return Pn}},{key:"EVENT_KEY",get:function(){return Tn}},{key:"DefaultType",get:function(){return On}}]),i}();p.fn[wn]=qn._jQueryInterface,p.fn[wn].Constructor=qn,p.fn[wn].noConflict=function(){return p.fn[wn]=Sn,qn._jQueryInterface};var Kn="popover",Qn="bs.popover",Vn="."+Qn,Yn=p.fn[Kn],zn="bs-popover",Xn=new RegExp("(^|\\s)"+zn+"\\S+","g"),Gn=l({},qn.Default,{placement:"right",trigger:"click",content:"",template:'
').addClass('simcir-doc-title') );
+ $desc.append($('').
+ addClass('simcir-doc-code').text(doc.code) );
+ }
+
+ $table.children('tbody').append($tr);
+ });
+
+ $placeHolder.append($table);
+ };
+
+ $(function() {
+ $('.simcir').each(function() {
+ var $placeHolder = $(this);
+ var text = $placeHolder.text().replace(/^\s+|\s+$/g, '');
+ setupSimcir($placeHolder, JSON.parse(text || '{}') );
+ });
+ });
+
+ $(function() {
+ $('.simcir-doc').each(function() {
+ setupSimcirDoc($(this) );
+ });
+ });
+
+ $.extend($s, {
+ registerDevice: registerDevice,
+ clearSimcir: clearSimcir,
+ setupSimcir: setupSimcir,
+ createWorkspace: createWorkspace,
+ createSVGElement: createSVGElement,
+ offset: offset,
+ transform: transform,
+ enableEvents: enableEvents,
+ graphics: graphics,
+ controller: controller,
+ unit: unit
+ });
+}(simcir);
+
+//
+// built-in devices
+//
+!function($s) {
+
+ 'use strict';
+
+ var $ = $s.$;
+
+ // unit size
+ var unit = $s.unit;
+
+ var connectNode = function(in1, out1) {
+ // set input value to output without inputValueChange event.
+ var in1_super_setValue = in1.setValue;
+ in1.setValue = function(value, force) {
+ var changed = in1.getValue() !== value;
+ in1_super_setValue(value, force);
+ if (changed || force) {
+ out1.setValue(in1.getValue() );
+ }
+ };
+ };
+
+ var createPortFactory = function(type) {
+ return function(device) {
+ var in1 = device.addInput();
+ var out1 = device.addOutput();
+ connectNode(in1, out1);
+ var super_createUI = device.createUI;
+ device.createUI = function() {
+ super_createUI();
+ var size = device.getSize();
+ var cx = size.width / 2;
+ var cy = size.height / 2;
+ device.$ui.append($s.createSVGElement('circle').
+ attr({cx: cx, cy: cy, r: unit / 2}).
+ attr('class', 'simcir-port simcir-node-type-' + type) );
+ device.$ui.append($s.createSVGElement('circle').
+ attr({cx: cx, cy: cy, r: unit / 4}).
+ attr('class', 'simcir-port-hole') );
+ };
+ };
+ };
+
+ var createJointFactory = function() {
+
+ var maxFadeCount = 16;
+ var fadeTimeout = 100;
+
+ var Direction = { WE : 0, NS : 1, EW : 2, SN : 3 };
+
+ return function(device) {
+
+ var in1 = device.addInput();
+ var out1 = device.addOutput();
+ connectNode(in1, out1);
+
+ var state = device.deviceDef.state || { direction : Direction.WE };
+ device.getState = function() {
+ return state;
+ };
+
+ device.getSize = function() {
+ return { width : unit, height : unit };
+ };
+
+ var super_createUI = device.createUI;
+ device.createUI = function() {
+ super_createUI();
+
+ var $label = device.$ui.children('.simcir-device-label');
+ $label.attr('y', $label.attr('y') - unit / 4);
+
+ var $point = $s.createSVGElement('circle').
+ css('pointer-events', 'none').css('opacity', 0).attr('r', 2).
+ addClass('simcir-connector').addClass('simcir-joint-point');
+ device.$ui.append($point);
+
+ var $path = $s.createSVGElement('path').
+ css('pointer-events', 'none').css('opacity', 0).
+ addClass('simcir-connector');
+ device.$ui.append($path);
+
+ var $title = $s.createSVGElement('title').
+ text('Double-Click to change a direction.');
+
+ var updatePoint = function() {
+ $point.css('display', out1.getInputs().length > 1? '' : 'none');
+ };
+
+ updatePoint();
+
+ var super_connectTo = out1.connectTo;
+ out1.connectTo = function(inNode) {
+ super_connectTo(inNode);
+ updatePoint();
+ };
+ var super_disconnectFrom = out1.disconnectFrom;
+ out1.disconnectFrom = function(inNode) {
+ super_disconnectFrom(inNode);
+ updatePoint();
+ };
+
+ var updateUI = function() {
+ var x0, y0, x1, y1;
+ x0 = y0 = x1 = y1 = unit / 2;
+ var d = unit / 2;
+ var direction = state.direction;
+ if (direction == Direction.WE) {
+ x0 -= d;
+ x1 += d;
+ } else if (direction == Direction.NS) {
+ y0 -= d;
+ y1 += d;
+ } else if (direction == Direction.EW) {
+ x0 += d;
+ x1 -= d;
+ } else if (direction == Direction.SN) {
+ y0 += d;
+ y1 -= d;
+ }
+ $path.attr('d', 'M' + x0 + ' ' + y0 + 'L' + x1 + ' ' + y1);
+ $s.transform(in1.$ui, x0, y0);
+ $s.transform(out1.$ui, x1, y1);
+ $point.attr({cx : x1, cy : y1});
+ if (direction == Direction.EW || direction == Direction.WE) {
+ device.$ui.children('.simcir-device-body').
+ attr({x: 0, y: unit / 4, width: unit, height: unit / 2});
+ } else {
+ device.$ui.children('.simcir-device-body').
+ attr({x: unit / 4, y: 0, width: unit / 2, height: unit});
+ }
+ };
+
+ updateUI();
+
+ // fadeout a body.
+ var fadeCount = 0;
+ var setOpacity = function(opacity) {
+ device.$ui.children('.simcir-device-body,.simcir-node').
+ css('opacity', opacity);
+ $path.css('opacity', 1 - opacity);
+ $point.css('opacity', 1 - opacity);
+ };
+ var fadeout = function() {
+ window.setTimeout(function() {
+ if (fadeCount > 0) {
+ fadeCount -= 1;
+ setOpacity(fadeCount / maxFadeCount);
+ fadeout();
+ }
+ }, fadeTimeout);
+ };
+
+ var isEditable = function($dev) {
+ var $workspace = $dev.closest('.simcir-workspace');
+ return !!$s.controller($workspace).data().editable;
+ };
+ var device_mouseoutHandler = function(event) {
+ if (!isEditable($(event.target) ) ) {
+ return;
+ }
+ if (!device.isSelected() ) {
+ fadeCount = maxFadeCount;
+ fadeout();
+ }
+ };
+ var device_dblclickHandler = function(event) {
+ if (!isEditable($(event.target) ) ) {
+ return;
+ }
+ state.direction = (state.direction + 1) % 4;
+ updateUI();
+ // update connectors.
+ $(this).trigger('mousedown').trigger('mouseup');
+ };
+
+ device.$ui.on('mouseover', function(event) {
+ if (!isEditable($(event.target) ) ) {
+ $title.text('');
+ return;
+ }
+ setOpacity(1);
+ fadeCount = 0;
+ }).on('deviceAdd', function() {
+ if ($(this).closest('BODY').length == 0) {
+ setOpacity(0);
+ }
+ $(this).append($title).on('mouseout', device_mouseoutHandler).
+ on('dblclick', device_dblclickHandler);
+ // hide a label
+ $label.css('display', 'none');
+ }).on('deviceRemove', function() {
+ $(this).off('mouseout', device_mouseoutHandler).
+ off('dblclick', device_dblclickHandler);
+ $title.remove();
+ // show a label
+ $label.css('display', '');
+ }).on('deviceSelect', function() {
+ if (device.isSelected() ) {
+ setOpacity(1);
+ fadeCount = 0;
+ } else {
+ if (fadeCount == 0) {
+ setOpacity(0);
+ }
+ }
+ });
+ };
+ };
+ };
+
+ // register built-in devices
+ $s.registerDevice('In', createPortFactory('in') );
+ $s.registerDevice('Out', createPortFactory('out') );
+ $s.registerDevice('Joint', createJointFactory() );
+
+}(simcir);
diff --git a/project2/Procedure_Documentation.md b/project2/Procedure_Documentation.md
new file mode 100644
index 00000000..5f990bfc
--- /dev/null
+++ b/project2/Procedure_Documentation.md
@@ -0,0 +1,23 @@
+# Project Documentation
+
+## Introduction
+
+This document captures the instructions to run the simulation.
+
+## Instructions:
+
+1. Click on the simLayout.html file to see the simulator.
+
+2. Choose what you want to simulate under the _Select the simulation_ heading.
+
+3. Now you can either see the circuit for positive and negative level pass transistor or follow the procedure to design it.
+
+4. The multiplexer circuit can be designed through the procedure as well.
+
+5. Clicking on the procedure tab will open a procedure window on the right. Click on the _Select the circuit_ heading to see the procedure for each circuit.
+
+6. Click on the _Simulator Help_ heading to see instructions on how to use the simulator.
+
+7. Once your circuit is done, click on the _Simulate_ button to observe the waveform below the workspace.
+
+8. To read the theory behind the experiment click on the _Project Documentation_ heading.
\ No newline at end of file
diff --git a/project3/Codes/Code_Documentation.md b/project3/Codes/Code_Documentation.md
new file mode 100644
index 00000000..c2437b59
--- /dev/null
+++ b/project3/Codes/Code_Documentation.md
@@ -0,0 +1,34 @@
+# Code Documentation
+
+## Introduction
+
+This document captures the experiment implementation details.
+
+## Code Details
+
+1. **File name:** simLayout.html
+ **File description:** Contains the layout of the circuit simulator.
+
+2. **File name:** layout.css
+ **File description:** Contains the css of the simulator.
+
+3. **File name:** simulatorOptions.js
+ **File description:** Contains the jquery to enable the different options contained in the main simulator file.
+
+4. **File name:** circuitCheck.js
+ **File description:** Contains the functions necessary to check if the circuit made on the simulator is correct and if all the connections and components are correct.
+
+ * **Function name:** circCheck()
+ **Function description:** This retreives the circuit data and checks if it is the same as a preset circuit data.
+
+ * **Function name:** isEqual()
+ **Function description:** This checks if two objects are equal.
+
+5. **File name:** Procedure.html
+ **File description:** Contains the procedure to run each simualtion.
+
+6. **File name:** project_doc.html
+ **File description:** Contains the theory behind the experiment.
+
+7. **File name:** project_doc_style.html
+ **File description:** Contains the css for the project_doc.html.
\ No newline at end of file
diff --git a/project3/Codes/Experiment_Project_Documentation.md b/project3/Codes/Experiment_Project_Documentation.md
new file mode 100644
index 00000000..b96d3f60
--- /dev/null
+++ b/project3/Codes/Experiment_Project_Documentation.md
@@ -0,0 +1,71 @@
+# Experiment Project Documentation
+
+## Introduction
+
+This document captures the technical details related to the experiment development.
+
+## Project
+**Domain name:** Computer Science & Engineering.
+**Lab name:** Very Large Scale Integration.
+**Experiment name:** Schematic Design Of Transistor Level NAND & NOR Gate.
+
+Pass transistor logic (PTL) describes several logic families used in the design of integrated circuits. It reduces the count of transistors used to make different logic gates, by eliminating redundant transistors. Transistors are used as switches to pass logic levels between nodes of a circuit, instead of as switches connected directly to supply voltages.
+
+This reduces the number of active devices, but has the disadvantage that the difference of the voltage between high and low logic levels decreases at each stage. Each transistor in series is less saturated at its output than at its input.
+
+This experiment is used to simulate the working of a NAND and NOR gate using pass transistor logic. A graph is generated which shows the output of the simulation.
+
+## Purpose of the Project
+
+The purpose of this project is to convert NAND and NOR gate simulation from Java to Javascript.
+
+## Project Developers Details
+
+| Sl.no | Name | Year Of Study | Role | Email-ID | Github handle |
+|:-----:|:-----------------:|:-------------:|:---------:|:---------------------------:|:-------------:|
+| 1 | Utkarsh Chhapekar | 2nd year | Developer | utkarshchhapekar2@gmail.com | Utkichaps |
+
+## Technologies and Libraries
+
+**Technologies:**
+1. HTML
+2. CSS
+3. Javascript
+
+**Libraries:**
+1. SimCir JS
+2. JQuery
+3. Bootstrap
+
+## Development Environment
+
+**OS:** Ubuntu 19.04
+
+## Documents and Files:
+
+| Sl.no | Document | Role |
+|:-----:|:------------------:|:------------------------------------------------------------------------------:|
+| 1. | Procedure | This document captures the instructions to run the simulations |
+| 2. | Test Cases | This document captures the functional test cases of the experiment simulation |
+| 3. | Code Documentation | This document captures the details related to code |
+| Sl.no | File | Role |
+| 1. | Codes | Contains the major code as well as the images related to it. |
+| 2. | Libraries | Contains libraries used by the code |
+
+## Process Followed to convert the experiment
+
+1. Understand the assigned experiment Java simulation.
+2. Understanding the experiment concept.
+3. Re-implement the same in javascript.
+
+## Value Added by our Project
+
+It is beneficial to engineering students who want to understand how pass transistor logic can be used to simulate universal gates and to understand the theory behind it as well.
+
+## Risks and Challenges
+
+A few challenges faced during the development process was understanding the simcir library so that it can be used to retrieve the circuit data dynamically. Adding components was also an issue.
+
+## Issues
+
+No current issues open.
diff --git a/project3/Codes/Experiment_Test_Cases_Documentation.md b/project3/Codes/Experiment_Test_Cases_Documentation.md
new file mode 100644
index 00000000..525e79d8
--- /dev/null
+++ b/project3/Codes/Experiment_Test_Cases_Documentation.md
@@ -0,0 +1,22 @@
+# Experiment Test Cases Documentation
+
+## Introduction
+
+This document captures the test cases of the experiment.
+
+## Functional Test Cases
+
+| Test Case id | Test Scenario | Test Steps | Expected Output | Actual Output | Result |
+|:------------:|:--------------------------------------------------------------------:|:--------------------------------------------------------------------------------------:|:------------------------------------------------------------------------:|:------------------------------------------------------------------------:|:------:|
+| 1. | Press Simulate button without selecting what type of simulation | Directly click on simulate without selecting the type of simulation. | Alert: Please select type of simulation | Alert: Please select type of simulation | pass |
+| 2. | Press Simulate button with mismatched circuit and simulation option. | Choose a simulation and make a circuit which is not the same as the simulation option. | Alert: This is not the correct circuit. Please refer procedure carefully | Alert: This is not the correct circuit. Please refer procedure carefully | pass |
+| 3. | Alert when the connections/components are wrong. | Make an incorrect circuit and try to simulate it. | Alert: This is not the correct circuit. Please refer procedure carefully | Alert: This is not the correct circuit. Please refer procedure carefully | pass |
+| 4. | Graph should get cleared after simulating a wrong circuit. | Simulate a correct circuit and then simulate a wrong circuit | The graph of the previous simulation should not show. | The graph of the previous simulation should not show. | pass |
+
+## Cross Browser Testing
+
+| Sl.no | Browser | Version | Works? |
+|-------|-----------------|---------------|--------|
+| 1. | Google Chrome | 75.0.3770.100 | Yes |
+| 2. | Mozilla Firefox | 67.0.4 | yes |
+
diff --git a/project3/Codes/Images/NAND.png b/project3/Codes/Images/NAND.png
new file mode 100644
index 00000000..eaabdb2a
Binary files /dev/null and b/project3/Codes/Images/NAND.png differ
diff --git a/project3/Codes/Images/NOR.png b/project3/Codes/Images/NOR.png
new file mode 100644
index 00000000..10c017df
Binary files /dev/null and b/project3/Codes/Images/NOR.png differ
diff --git a/project3/Codes/Images/blank.png b/project3/Codes/Images/blank.png
new file mode 100644
index 00000000..e48514f5
Binary files /dev/null and b/project3/Codes/Images/blank.png differ
diff --git a/project3/Codes/Images/label.png b/project3/Codes/Images/label.png
new file mode 100644
index 00000000..5248f877
Binary files /dev/null and b/project3/Codes/Images/label.png differ
diff --git a/project3/Codes/Images/nand1.png b/project3/Codes/Images/nand1.png
new file mode 100644
index 00000000..661bf482
Binary files /dev/null and b/project3/Codes/Images/nand1.png differ
diff --git a/project3/Codes/Images/nandkmap.png b/project3/Codes/Images/nandkmap.png
new file mode 100644
index 00000000..5bb93a7a
Binary files /dev/null and b/project3/Codes/Images/nandkmap.png differ
diff --git a/project3/Codes/Images/nor1.png b/project3/Codes/Images/nor1.png
new file mode 100644
index 00000000..459c97a9
Binary files /dev/null and b/project3/Codes/Images/nor1.png differ
diff --git a/project3/Codes/Images/norkmap.png b/project3/Codes/Images/norkmap.png
new file mode 100644
index 00000000..84e1876f
Binary files /dev/null and b/project3/Codes/Images/norkmap.png differ
diff --git a/project3/Codes/Images/parallel.png b/project3/Codes/Images/parallel.png
new file mode 100644
index 00000000..636e9500
Binary files /dev/null and b/project3/Codes/Images/parallel.png differ
diff --git a/project3/Codes/Images/series.png b/project3/Codes/Images/series.png
new file mode 100644
index 00000000..b35d8ea7
Binary files /dev/null and b/project3/Codes/Images/series.png differ
diff --git a/project3/Codes/Images/trans.png b/project3/Codes/Images/trans.png
new file mode 100644
index 00000000..90da9892
Binary files /dev/null and b/project3/Codes/Images/trans.png differ
diff --git a/project3/Codes/Procedure.html b/project3/Codes/Procedure.html
new file mode 100644
index 00000000..004fe27b
--- /dev/null
+++ b/project3/Codes/Procedure.html
@@ -0,0 +1,110 @@
+
+
+
+ Procedure
+
+
+
+
+
+
Procedure
+
+
+
+
+
Components which will be used for this:PMOS, NMOS, Input, Output, Vdd, GND, Capacitor, Joint, OJoint.
+ Steps:
+
+
Select NAND Gate from the option on the top of the page, under the heading.
+
Connect two PMOS in parallel, in between Vdd and 3 input OR. To do so:
+
+
Place two PMOS on the workspace.
+
Connect drain of first PMOS to output of a Joint and connect that to drain of second PMOS.
+
Connect Vdd to the input of the above mentioned Joint.
+
Connect source of first PMOS to an OJoint and connect that to source of second PMOS.
+
Connect the above OJoint to the first input of the OR gate.
+
+
+
+ Connect two NMOS in series, in between the 3 input OR and GND. To do so:
+
+
Place two NMOS on the workspace.
+
Connect the second input of the OR gate to an OJoint and connect that to the drain of the first NMOS.
+
Connect the Source of first NMOS to an OJoint and connect that to Drain of Second NMOS.
+
Connect the Drain of the Second NMOS to GND.
+
+
+
Connect the GND to input of a capacitor and connect the output of that capacitor to the third input of the OR gate.
+
Connect the output of the OR gate to an Out Component.
+
Take one In component and connect it to gate of first PMOS and gate of first NMOS.
+
Take another In component and connect it to gate of second PMOS and gate of second NMOS
+
Click on Simulate and observe the graph on the right.
+
+
+
+
+
Components which will be used for this:PMOS, NMOS, Input, Output, Vdd, GND, Capacitor, Joint, OJoint.
+ Steps:
+
+
Select NOR Gate from the option on the top of the page, under the heading.
+
+ Connect two PMOS in series, in between Vdd and 3 input OR. To do so:
+
+
Place two PMOS on the workspace.
+
Connect Vdd to the drain of the first PMOS.
+
Connect the source of the first PMOS to an OJoint and connect that to the drain of the second PMOS.
+
Connect the source of the second PMOS to another OJoint and connect that to the first input of the OR Gate.
+
+
+
+ Connect two NMOS in parallel, in between 3 input OR and GND. To do so:
+
+
Place two NMOS on the workspace.
+
Connect the drain of first NMOS to an OJoint and connect that to the drain of the second NMOS.
+
Connect the second input of the OR gate to the above mentioned OJoint.
+
Connect the source of the first NMOS to the output of a Joint and connect that to the source of the second NMOS.
+
Connect the input of the above mentioned Joint to a GND.
+
+
+
Connect the GND to input of a capacitor and connect the output of that capacitor to the third input of the OR gate.
+
Connect the output of the OR gate to an Out Component.
+
Take one In component and connect it to gate of first PMOS and gate of first NMOS.
+
Take another In component and connect it to gate of second PMOS and gate of second NMOS
+
Click on Simulate and observe the graph on the right.
+
+
+
+
+
+
\ No newline at end of file
diff --git a/project3/Codes/Procedure_Documentation.md b/project3/Codes/Procedure_Documentation.md
new file mode 100644
index 00000000..719484aa
--- /dev/null
+++ b/project3/Codes/Procedure_Documentation.md
@@ -0,0 +1,21 @@
+# Project Documentation
+
+## Introduction
+
+This document captures the instructions to run the simulation.
+
+## Instructions:
+
+1. Click on the simLayout.html file to see the simulator.
+
+2. Choose what you want to simulate under the _Select the simulation_ heading.
+
+3. Now you can either see the circuit for NAND and NOR under the _See Circuit:_ heading or follow the procedure to design it.
+
+4. Clicking on the procedure tab will open a procedure window on the right. Click on the _Select the circuit_ heading to see the procedure for each circuit.
+
+5. Click on the _Simulator Help_ heading to see instructions on how to use the simulator.
+
+6. Once your circuit is done, click on the _Simulate_ button to observe the graph to the right of the workspace.
+
+7. To read the theory behind the experiment click on the _Project Documentation_ heading.
\ No newline at end of file
diff --git a/project3/Codes/Readme.txt b/project3/Codes/Readme.txt
new file mode 100644
index 00000000..4261b79a
--- /dev/null
+++ b/project3/Codes/Readme.txt
@@ -0,0 +1,19 @@
+SRIP
+
+VLSI | issue no 379 | Design Of Transistor Level NAND & NOR Gate
+
+---------------------------------------------------------------------
+
+Simulator:
+The simulator can be accessed by clicking on the simLayout.html file.
+The Project documentation is in the project_doc.html file.
+
+Files used by the simulator:
+simLayout.html
+Procedure.html
+layout.css
+simulatorOptions.js
+circuitCheck.js
+
+
+
diff --git a/project3/Codes/circuitCheck.js b/project3/Codes/circuitCheck.js
new file mode 100644
index 00000000..ee0058cf
--- /dev/null
+++ b/project3/Codes/circuitCheck.js
@@ -0,0 +1,159 @@
+function circCheck()
+{
+ //console.log(JSON.stringify(dataFinal.devices));
+ //console.log(JSON.stringify(dataFinal.connectors));
+ /*global dataFinal*/
+ var dev = dataFinal.devices;
+ /*global dataFinal*/
+ var con = dataFinal.connectors;
+ //console.log(dev.length);
+ //console.log(con.length);
+ //console.log(document.getElementById("whichSim").value);
+ var opt = document.getElementById("whichSim").value;
+ var devic = new Object();
+ var connec = new Object();
+ connec = {};
+ devic = {};
+ //Main parsing done here:
+ for(var i = 0;i
+
+
+ Documentation
+
+
+
+
Schematic Design Of Transistor Level NAND & NOR Gate
+
+
Introduction
+
+
Definition of NAND Gate
+
+ NAND gate has 1 output and 2 or more inputs.
+ The output of the NAND gate is low only when all the inputs are high else it is low.
+ A NAND gate could be veiwed as an AND gate with inverter at the output.
+
+
+
Schematic and truth table of NAND Gate:
+
+
+
Definition of NOR Gate
+
+ NOR gate has 1 output and 2 or more input
+ The output of NOR gate is high only when all the inputs are low else it is high.
+ A NOR gate could be viewed as an OR gate with inverter at the output.
+
+
+
Schematic and truth table of NOR Gate:
+
+
+
Theory
+
+
Switching behaviour of transistor
+
+ The gate of the MOS transistor controls the passage of the current between the drain and source. If the voltage at the gate is Vdd, no current flows between the drain and source of PMOS and same is the case with NMOS if its gate is grounded. This characteristic of MOS transistors, enables it to be viewed as a switch. The switching behaviour of nmos and pmos device is
+ shown in the figure below. Here the input 0 indicates that the gate is grounded and input 1 indicates that Vdd is applied to the gate:
+
+
+
Series and Parallel Connection
+
+ The transistor level schematic of any combinational logic can be obtained by placing two or more n/p-switches in series or parallel.
+
+ If switches are connected in series then the composite switch hence constructed is closed when both the switches are closed.
+ The series connection is shown in the figure below.The table indicates the states of the switch contructed by series connection depending on the inputs A and B.
+
+ If the switches are connected in parallel then the composite switch hence constructed is closed when either or both of the switches are closed.The parallel connection is shown in the figure below.The table indicates the states of the switch
+ obtained by parallel connection depending on the inputs A and B.
+
+
+
K-Map for NAND
+
+
+ Thus for NAND gate PMOS devices are connected in parallel between Vdd and output node, whereas the NMOS devices are in series
+ between output node and ground.
+
+
K-Map for NOR
+
+
+ Thus for NOR gate PMOS devices are connected in series between Vdd and output node,whereas the NMOS devices are in parallel between output node and ground.
+
+ Firstly you have to select which simulation you want to run by choosing one of the options which is in the list area under the main heading of the page.
+ The simulator consists of a menu on the left. You can load the respective circuits by clicking on one of the options under See Circuit or you could make it yourself.
+ To know how to build the circuits on your own, click on procedure, a new window will appear on the right side of the workspace where you can refer to the instructions.
+ Once you have completed the circuit, either by choosing the See circuit options or building your own, click on the simulate button to simulate the waveform, which can be seen right next to the workspace of the circuit simulator.
+ Clear workspace can be clicked to remove the simulation as well as the circuit.
+
+
How to use the Simulator:
+
+
Choose a component from the toolbox and move it to the right.
+
Connections can be made clicking the input node and dragging it to an output node(or vice versa).
+
To disconnect two components click on the input node.
+
To remove a component drag it back to the toolbox.
+
To edit the device name double click the label.
+
Double click on a joint to change its orientation.
+
For a component, the yellow circle denotes input node and white circle denotes output node.
+
Once you are done with the circuit, click on simulate to simulate the waveform.
').addClass('simcir-doc-title') );
+ $desc.append($('').
+ addClass('simcir-doc-code').text(doc.code) );
+ }
+
+ $table.children('tbody').append($tr);
+ });
+
+ $placeHolder.append($table);
+ };
+
+ $(function() {
+ $('.simcir').each(function() {
+ var $placeHolder = $(this);
+ var text = $placeHolder.text().replace(/^\s+|\s+$/g, '');
+ setupSimcir($placeHolder, JSON.parse(text || '{}') );
+ });
+ });
+
+ $(function() {
+ $('.simcir-doc').each(function() {
+ setupSimcirDoc($(this) );
+ });
+ });
+
+ $.extend($s, {
+ registerDevice: registerDevice,
+ clearSimcir: clearSimcir,
+ setupSimcir: setupSimcir,
+ createWorkspace: createWorkspace,
+ createSVGElement: createSVGElement,
+ offset: offset,
+ transform: transform,
+ enableEvents: enableEvents,
+ graphics: graphics,
+ controller: controller,
+ unit: unit
+ });
+}(simcir);
+
+//
+// built-in devices
+//
+!function($s) {
+
+ 'use strict';
+
+ var $ = $s.$;
+
+ // unit size
+ var unit = $s.unit;
+
+ var connectNode = function(in1, out1) {
+ // set input value to output without inputValueChange event.
+ var in1_super_setValue = in1.setValue;
+ in1.setValue = function(value, force) {
+ var changed = in1.getValue() !== value;
+ in1_super_setValue(value, force);
+ if (changed || force) {
+ out1.setValue(in1.getValue() );
+ }
+ };
+ };
+
+ var createPortFactory = function(type) {
+ return function(device) {
+ var in1 = device.addInput();
+ var out1 = device.addOutput();
+ connectNode(in1, out1);
+ var super_createUI = device.createUI;
+ device.createUI = function() {
+ super_createUI();
+ var size = device.getSize();
+ var cx = size.width / 2;
+ var cy = size.height / 2;
+ device.$ui.append($s.createSVGElement('circle').
+ attr({cx: cx, cy: cy, r: unit / 2}).
+ attr('class', 'simcir-port simcir-node-type-' + type) );
+ device.$ui.append($s.createSVGElement('circle').
+ attr({cx: cx, cy: cy, r: unit / 4}).
+ attr('class', 'simcir-port-hole') );
+ };
+ };
+ };
+
+ var createJointFactory = function() {
+
+ var maxFadeCount = 16;
+ var fadeTimeout = 100;
+
+ var Direction = { WE : 0, NS : 1, EW : 2, SN : 3 };
+
+ return function(device) {
+
+ var in1 = device.addInput();
+ var out1 = device.addOutput();
+ connectNode(in1, out1);
+
+ var state = device.deviceDef.state || { direction : Direction.WE };
+ device.getState = function() {
+ return state;
+ };
+
+ device.getSize = function() {
+ return { width : unit, height : unit };
+ };
+
+ var super_createUI = device.createUI;
+ device.createUI = function() {
+ super_createUI();
+
+ var $label = device.$ui.children('.simcir-device-label');
+ $label.attr('y', $label.attr('y') - unit / 4);
+
+ var $point = $s.createSVGElement('circle').
+ css('pointer-events', 'none').css('opacity', 0).attr('r', 2).
+ addClass('simcir-connector').addClass('simcir-joint-point');
+ device.$ui.append($point);
+
+ var $path = $s.createSVGElement('path').
+ css('pointer-events', 'none').css('opacity', 0).
+ addClass('simcir-connector');
+ device.$ui.append($path);
+
+ var $title = $s.createSVGElement('title').
+ text('Double-Click to change a direction.');
+
+ var updatePoint = function() {
+ $point.css('display', out1.getInputs().length > 1? '' : 'none');
+ };
+
+ updatePoint();
+
+ var super_connectTo = out1.connectTo;
+ out1.connectTo = function(inNode) {
+ super_connectTo(inNode);
+ updatePoint();
+ };
+ var super_disconnectFrom = out1.disconnectFrom;
+ out1.disconnectFrom = function(inNode) {
+ super_disconnectFrom(inNode);
+ updatePoint();
+ };
+
+ var updateUI = function() {
+ var x0, y0, x1, y1;
+ x0 = y0 = x1 = y1 = unit / 2;
+ var d = unit / 2;
+ var direction = state.direction;
+ if (direction == Direction.WE) {
+ x0 -= d;
+ x1 += d;
+ } else if (direction == Direction.NS) {
+ y0 -= d;
+ y1 += d;
+ } else if (direction == Direction.EW) {
+ x0 += d;
+ x1 -= d;
+ } else if (direction == Direction.SN) {
+ y0 += d;
+ y1 -= d;
+ }
+ $path.attr('d', 'M' + x0 + ' ' + y0 + 'L' + x1 + ' ' + y1);
+ $s.transform(in1.$ui, x0, y0);
+ $s.transform(out1.$ui, x1, y1);
+ $point.attr({cx : x1, cy : y1});
+ if (direction == Direction.EW || direction == Direction.WE) {
+ device.$ui.children('.simcir-device-body').
+ attr({x: 0, y: unit / 4, width: unit, height: unit / 2});
+ } else {
+ device.$ui.children('.simcir-device-body').
+ attr({x: unit / 4, y: 0, width: unit / 2, height: unit});
+ }
+ };
+
+ updateUI();
+
+ // fadeout a body.
+ var fadeCount = 0;
+ var setOpacity = function(opacity) {
+ device.$ui.children('.simcir-device-body,.simcir-node').
+ css('opacity', opacity);
+ $path.css('opacity', 1 - opacity);
+ $point.css('opacity', 1 - opacity);
+ };
+ var fadeout = function() {
+ window.setTimeout(function() {
+ if (fadeCount > 0) {
+ fadeCount -= 1;
+ setOpacity(fadeCount / maxFadeCount);
+ fadeout();
+ }
+ }, fadeTimeout);
+ };
+
+ var isEditable = function($dev) {
+ var $workspace = $dev.closest('.simcir-workspace');
+ return !!$s.controller($workspace).data().editable;
+ };
+ var device_mouseoutHandler = function(event) {
+ if (!isEditable($(event.target) ) ) {
+ return;
+ }
+ if (!device.isSelected() ) {
+ fadeCount = maxFadeCount;
+ fadeout();
+ }
+ };
+ var device_dblclickHandler = function(event) {
+ if (!isEditable($(event.target) ) ) {
+ return;
+ }
+ state.direction = (state.direction + 1) % 4;
+ updateUI();
+ // update connectors.
+ $(this).trigger('mousedown').trigger('mouseup');
+ };
+
+ device.$ui.on('mouseover', function(event) {
+ if (!isEditable($(event.target) ) ) {
+ $title.text('');
+ return;
+ }
+ setOpacity(1);
+ fadeCount = 0;
+ }).on('deviceAdd', function() {
+ if ($(this).closest('BODY').length == 0) {
+ setOpacity(0);
+ }
+ $(this).append($title).on('mouseout', device_mouseoutHandler).
+ on('dblclick', device_dblclickHandler);
+ // hide a label
+ $label.css('display', 'none');
+ }).on('deviceRemove', function() {
+ $(this).off('mouseout', device_mouseoutHandler).
+ off('dblclick', device_dblclickHandler);
+ $title.remove();
+ // show a label
+ $label.css('display', '');
+ }).on('deviceSelect', function() {
+ if (device.isSelected() ) {
+ setOpacity(1);
+ fadeCount = 0;
+ } else {
+ if (fadeCount == 0) {
+ setOpacity(0);
+ }
+ }
+ });
+ };
+ };
+ };
+
+ var createOJointFactory = function() {
+
+ var maxFadeCount = 50;
+ var fadeTimeout = 100;
+
+ var Direction = { WE : 0, NS : 1, EW : 2, SN : 3 };
+
+ return function(device) {
+
+ var out1 = device.addOutput();
+
+ var state = device.deviceDef.state || { direction : Direction.WE };
+ device.getState = function() {
+ return state;
+ };
+
+ device.getSize = function() {
+ return { width : unit, height : unit };
+ };
+
+ var super_createUI = device.createUI;
+ device.createUI = function() {
+ super_createUI();
+
+ var $label = device.$ui.children('.simcir-device-label');
+ $label.attr('y', $label.attr('y') - unit / 4);
+
+ var $point = $s.createSVGElement('circle').
+ css('pointer-events', 'none').css('opacity', 0).attr('r', 2).
+ addClass('simcir-connector').addClass('simcir-joint-point');
+ device.$ui.append($point);
+
+ var $path = $s.createSVGElement('path').
+ css('pointer-events', 'none').css('opacity', 0).
+ addClass('simcir-connector');
+ device.$ui.append($path);
+
+ var $title = $s.createSVGElement('title').
+ text('Double-Click to change a direction.');
+
+ var updatePoint = function() {
+ $point.css('display', out1.getInputs().length > 1? '' : 'none');
+ };
+
+ updatePoint();
+
+ var super_connectTo = out1.connectTo;
+ out1.connectTo = function(inNode) {
+ super_connectTo(inNode);
+ updatePoint();
+ };
+ var super_disconnectFrom = out1.disconnectFrom;
+ out1.disconnectFrom = function(inNode) {
+ super_disconnectFrom(inNode);
+ updatePoint();
+ };
+
+ var updateUI = function() {
+ var x0, y0, x1, y1;
+ x0 = y0 = x1 = y1 = unit / 2;
+ var d = unit / 2;
+ var direction = state.direction;
+ if (direction == Direction.WE) {
+ x0 -= d;
+ x1 += d;
+ } else if (direction == Direction.NS) {
+ y0 -= d;
+ y1 += d;
+ } else if (direction == Direction.EW) {
+ x0 += d;
+ x1 -= d;
+ } else if (direction == Direction.SN) {
+ y0 += d;
+ y1 -= d;
+ }
+ $path.attr('d', 'M' + x0 + ' ' + y0 + 'L' + x1 + ' ' + y1);
+ $s.transform(out1.$ui, x1, y1);
+ $point.attr({cx : x1, cy : y1});
+ if (direction == Direction.EW || direction == Direction.WE) {
+ device.$ui.children('.simcir-device-body').
+ attr({x: 0, y: unit / 4, width: unit, height: unit / 2});
+ } else {
+ device.$ui.children('.simcir-device-body').
+ attr({x: unit / 4, y: 0, width: unit / 2, height: unit});
+ }
+ };
+
+ updateUI();
+
+ // fadeout a body.
+ var fadeCount = 0;
+ var setOpacity = function(opacity) {
+ device.$ui.children('.simcir-device-body,.simcir-node').
+ css('opacity', opacity);
+ //$path.css('opacity', 1 - opacity);
+ $point.css('opacity', 1 - opacity);
+ };
+ var fadeout = function() {
+ window.setTimeout(function() {
+ if (fadeCount > 0) {
+ fadeCount -= 1;
+ setOpacity(fadeCount / maxFadeCount);
+ fadeout();
+ }
+ }, fadeTimeout);
+ };
+
+ var isEditable = function($dev) {
+ var $workspace = $dev.closest('.simcir-workspace');
+ return !!$s.controller($workspace).data().editable;
+ };
+ var device_mouseoutHandler = function(event) {
+ if (!isEditable($(event.target) ) ) {
+ return;
+ }
+ if (!device.isSelected() ) {
+ fadeCount = maxFadeCount;
+ fadeout();
+ }
+ };
+ var device_dblclickHandler = function(event) {
+ if (!isEditable($(event.target) ) ) {
+ return;
+ }
+ state.direction = (state.direction + 1) % 4;
+ updateUI();
+ // update connectors.
+ $(this).trigger('mousedown').trigger('mouseup');
+ };
+
+ device.$ui.on('mouseover', function(event) {
+ if (!isEditable($(event.target) ) ) {
+ $title.text('');
+ return;
+ }
+ setOpacity(1);
+ fadeCount = 0;
+ }).on('deviceAdd', function() {
+ if ($(this).closest('BODY').length == 0) {
+ setOpacity(0);
+ }
+ $(this).append($title).on('mouseout', device_mouseoutHandler).
+ on('dblclick', device_dblclickHandler);
+ // hide a label
+ $label.css('display', 'none');
+ }).on('deviceRemove', function() {
+ $(this).off('mouseout', device_mouseoutHandler).
+ off('dblclick', device_dblclickHandler);
+ $title.remove();
+ // show a label
+ $label.css('display', '');
+ }).on('deviceSelect', function() {
+ if (device.isSelected() ) {
+ setOpacity(1);
+ fadeCount = 0;
+ } else {
+ if (fadeCount == 0) {
+ setOpacity(0);
+ }
+ }
+ });
+ };
+ };
+ };
+
+ // register built-in devices
+ $s.registerDevice('In', createPortFactory('in') );
+ $s.registerDevice('Out', createPortFactory('out') );
+ $s.registerDevice('Joint', createJointFactory() );
+ $s.registerDevice('OJoint', createOJointFactory() );
+
+}(simcir);
diff --git a/scripts/backup b/scripts/backup
old mode 100755
new mode 100644
diff --git a/scripts/restore b/scripts/restore
old mode 100755
new mode 100644
diff --git a/scripts/startup b/scripts/startup
old mode 100755
new mode 100644
diff --git a/scripts/stop b/scripts/stop
old mode 100755
new mode 100644
diff --git a/scripts/test b/scripts/test
old mode 100755
new mode 100644
diff --git a/scripts/test-to-deploy.sh b/scripts/test-to-deploy.sh
old mode 100755
new mode 100644
diff --git a/scripts/transfer.sh b/scripts/transfer.sh
old mode 100755
new mode 100644
diff --git a/src/database/database_temp.sql b/src/database/database_temp.sql
old mode 100755
new mode 100644
diff --git a/src/database/mysql.sql b/src/database/mysql.sql
old mode 100755
new mode 100644
diff --git a/src/help/help.html b/src/help/help.html
old mode 100755
new mode 100644
diff --git a/src/help/images/Sitemap.png b/src/help/images/Sitemap.png
old mode 100755
new mode 100644
diff --git a/src/help/images/newsitemap.png b/src/help/images/newsitemap.png
old mode 100755
new mode 100644
diff --git a/src/help/images/sections.png b/src/help/images/sections.png
old mode 100755
new mode 100644
diff --git a/src/help/index.html b/src/help/index.html
old mode 100755
new mode 100644
diff --git a/src/lab/Introduction.html b/src/lab/Introduction.html
index f7fc28fc..379edfd3 100644
--- a/src/lab/Introduction.html
+++ b/src/lab/Introduction.html
@@ -8,27 +8,27 @@
-
+
Welcome to Virtual Labs - A MHRD Govt of india Initiative
-
+
-
-
+
+
-
+
-
+
-
-
+
+
-
-
-
Welcome to jQuery UI!
-
This page demonstrates the widgets you downloaded using the theme you selected in the download builder. We've included and linked to minified versions of jQuery, your personalized copy of jQuery UI (js/jquery-ui-1.8.5.custom.min.js), and css/ui-lightness/jquery-ui-1.8.5.custom.css which imports the entire jQuery UI CSS Framework. You can choose to link a subset of the CSS Framework depending on your needs.
-
You've downloaded components and a theme that are compatible with jQuery 1.3+. Please make sure you are using jQuery 1.3+ in your production environment.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-
Phasellus mattis tincidunt nibh. Cras orci urna, blandit id, pretium vel, aliquet ornare, felis. Maecenas scelerisque sem non nisl. Fusce sed lorem in enim dictum bibendum.
-
Nam dui erat, auctor a, dignissim quis, sollicitudin eu, felis. Pellentesque nisi urna, interdum eget, sagittis et, consequat vestibulum, lacus. Mauris porttitor ullamcorper augue.
Overlay and Shadow Classes (not currently used in UI widgets)
-
-
Lorem ipsum dolor sit amet, Nulla nec tortor. Donec id elit quis purus consectetur consequat.
Nam congue semper tellus. Sed erat dolor, dapibus sit amet, venenatis ornare, ultrices ut, nisi. Aliquam ante. Suspendisse scelerisque dui nec velit. Duis augue augue, gravida euismod, vulputate ac, facilisis id, sem. Morbi in orci.
Nulla purus lacus, pulvinar vel, malesuada ac, mattis nec, quam. Nam molestie scelerisque quam. Nullam feugiat cursus lacus.orem ipsum dolor sit amet, consectetur adipiscing elit. Donec libero risus, commodo vitae, pharetra mollis, posuere eu, pede. Nulla nec tortor. Donec id elit quis purus consectetur consequat.
Nam congue semper tellus. Sed erat dolor, dapibus sit amet, venenatis ornare, ultrices ut, nisi. Aliquam ante. Suspendisse scelerisque dui nec velit. Duis augue augue, gravida euismod, vulputate ac, facilisis id, sem. Morbi in orci. Nulla purus lacus, pulvinar vel, malesuada ac, mattis nec, quam. Nam molestie scelerisque quam.
Nullam feugiat cursus lacus.orem ipsum dolor sit amet, consectetur adipiscing elit. Donec libero risus, commodo vitae, pharetra mollis, posuere eu, pede. Nulla nec tortor. Donec id elit quis purus consectetur consequat. Nam congue semper tellus. Sed erat dolor, dapibus sit amet, venenatis ornare, ultrices ut, nisi. Aliquam ante.
Suspendisse scelerisque dui nec velit. Duis augue augue, gravida euismod, vulputate ac, facilisis id, sem. Morbi in orci. Nulla purus lacus, pulvinar vel, malesuada ac, mattis nec, quam. Nam molestie scelerisque quam. Nullam feugiat cursus lacus.orem ipsum dolor sit amet, consectetur adipiscing elit. Donec libero risus, commodo vitae, pharetra mollis, posuere eu, pede. Nulla nec tortor. Donec id elit quis purus consectetur consequat. Nam congue semper tellus. Sed erat dolor, dapibus sit amet, venenatis ornare, ultrices ut, nisi.
-
-
-
-
-
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-
-
-
-
-
-
-
-
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+ 
+
+ 
+ 
+ 
+
+
+
+
+
\ No newline at end of file
diff --git a/SRIP/Codes/simulatorOptions.js b/SRIP/Codes/simulatorOptions.js
new file mode 100644
index 00000000..e17c18d8
--- /dev/null
+++ b/SRIP/Codes/simulatorOptions.js
@@ -0,0 +1,226 @@
+if(sessionStorage.getItem("MUX"))
+{
+ var val = sessionStorage.getItem("MUX");
+ var opti = $("#whichSim option[value=\'" + val + "\']").text();
+ $("#whichSim").append("");
+}
+if(sessionStorage.getItem("PPT"))
+{
+ var dfl = {
+ "width":730,
+ "height":525,
+ "showToolbox":true,
+ "toolbox":[
+ {"type":"In"},
+ {"type":"Out"},
+ {"type":"PMOS"},
+ {"type":"NMOS"},
+ {"type":"DC","label":"Vdd"},
+ {"type":"CAP","label":"Capacitor"},
+ {"type":"GND"},
+ {"type":"Joint"},
+ {"type":"OR","numInputs":3},
+ {"type":"OJoint"}
+ ],
+ "devices":[
+ {"type":"PMOS","id":"dev0","x":224,"y":72,"label":"PMOS"},
+ {"type":"PMOS","id":"dev1","x":424,"y":72,"label":"PMOS"},
+ {"type":"PMOS","id":"dev2","x":424,"y":168,"label":"PMOS"},
+ {"type":"PMOS","id":"dev3","x":224,"y":168,"label":"PMOS"},
+ {"type":"Joint","id":"dev4","x":328,"y":72,"label":"Joint","state":{"direction":0}},
+ {"type":"OJoint","id":"dev5","x":328,"y":104,"label":"OJoint","state":{"direction":0}},
+ {"type":"Joint","id":"dev6","x":344,"y":168,"label":"Joint","state":{"direction":0}},
+ {"type":"OJoint","id":"dev7","x":328,"y":200,"label":"OJoint","state":{"direction":0}},
+ {"type":"NMOS","id":"dev8","x":232,"y":312,"label":"NMOS"},
+ {"type":"NMOS","id":"dev9","x":424,"y":312,"label":"NMOS"},
+ {"type":"DC","label":"Vdd","id":"dev10","x":296,"y":8},
+ {"type":"NMOS","id":"dev11","x":232,"y":408,"label":"NMOS"},
+ {"type":"NMOS","id":"dev12","x":424,"y":408,"label":"NMOS"},
+ {"type":"OJoint","id":"dev13","x":224,"y":376,"label":"OJoint","state":{"direction":1}},
+ {"type":"OJoint","id":"dev14","x":416,"y":376,"label":"OJoint","state":{"direction":1}},
+ {"type":"OJoint","id":"dev15","x":336,"y":272,"label":"OJoint","state":{"direction":2}},
+ {"type":"Joint","id":"dev16","x":336,"y":440,"label":"Joint","state":{"direction":2}},
+ {"type":"GND","id":"dev17","x":320,"y":472,"label":"GND"},
+ {"type":"In","id":"dev18","x":32,"y":120,"label":"a"},
+ {"type":"In","id":"dev19","x":32,"y":208,"label":"a'"},
+ {"type":"In","id":"dev20","x":32,"y":304,"label":"b"},
+ {"type":"In","id":"dev21","x":32,"y":400,"label":"b'"},
+ {"type":"CAP","label":"Capacitor","id":"dev22","x":488,"y":472},
+ {"type":"OR","numInputs":3,"id":"dev23","x":520,"y":264,"label":"OR"},
+ {"type":"Out","id":"dev24","x":576,"y":264,"label":"Out"}
+ ],
+ "connectors":[
+ {"from":"dev0.in0","to":"dev4.out0"},
+ {"from":"dev0.in1","to":"dev18.out0"},
+ {"from":"dev0.in2","to":"dev5.out0"},
+ {"from":"dev1.in0","to":"dev4.out0"},
+ {"from":"dev1.in1","to":"dev21.out0"},
+ {"from":"dev1.in2","to":"dev5.out0"},
+ {"from":"dev2.in0","to":"dev6.out0"},
+ {"from":"dev2.in1","to":"dev20.out0"},
+ {"from":"dev2.in2","to":"dev7.out0"},
+ {"from":"dev3.in0","to":"dev6.out0"},
+ {"from":"dev3.in1","to":"dev19.out0"},
+ {"from":"dev3.in2","to":"dev7.out0"},
+ {"from":"dev4.in0","to":"dev10.out0"},
+ {"from":"dev6.in0","to":"dev5.out0"},
+ {"from":"dev8.in0","to":"dev15.out0"},
+ {"from":"dev8.in1","to":"dev18.out0"},
+ {"from":"dev8.in2","to":"dev13.out0"},
+ {"from":"dev9.in0","to":"dev15.out0"},
+ {"from":"dev9.in1","to":"dev19.out0"},
+ {"from":"dev9.in2","to":"dev14.out0"},
+ {"from":"dev11.in0","to":"dev13.out0"},
+ {"from":"dev11.in1","to":"dev21.out0"},
+ {"from":"dev11.in2","to":"dev16.out0"},
+ {"from":"dev12.in0","to":"dev14.out0"},
+ {"from":"dev12.in1","to":"dev20.out0"},
+ {"from":"dev12.in2","to":"dev16.out0"},
+ {"from":"dev16.in0","to":"dev17.out0"},
+ {"from":"dev22.in0","to":"dev17.out0"},
+ {"from":"dev23.in0","to":"dev7.out0"},
+ {"from":"dev23.in1","to":"dev15.out0"},
+ {"from":"dev23.in2","to":"dev22.out0"},
+ {"from":"dev24.in0","to":"dev23.out0"}
+ ]
+};
+ var html1=JSON.stringify(dfl);
+ document.querySelector(".simcir").innerHTML=html1;
+}
+else if(sessionStorage.getItem("NPT"))
+{
+ var dfli = {
+ "width":730,
+ "height":525,
+ "showToolbox":true,
+ "toolbox":[
+ {"type":"In"},
+ {"type":"Out"},
+ {"type":"PMOS"},
+ {"type":"NMOS"},
+ {"type":"DC","label":"Vdd"},
+ {"type":"CAP","label":"Capacitor"},
+ {"type":"GND"},
+ {"type":"Joint"},
+ {"type":"OR","numInputs":3},
+ {"type":"OJoint"}
+ ],
+ "devices":[
+ {"type":"PMOS","id":"dev0","x":216,"y":72,"label":"PMOS"},
+ {"type":"PMOS","id":"dev1","x":416,"y":72,"label":"PMOS"},
+ {"type":"PMOS","id":"dev2","x":416,"y":168,"label":"PMOS"},
+ {"type":"PMOS","id":"dev3","x":216,"y":168,"label":"PMOS"},
+ {"type":"Joint","id":"dev4","x":320,"y":72,"label":"Joint","state":{"direction":0}},
+ {"type":"OJoint","id":"dev5","x":320,"y":104,"label":"OJoint","state":{"direction":0}},
+ {"type":"Joint","id":"dev6","x":336,"y":168,"label":"Joint","state":{"direction":0}},
+ {"type":"OR","numInputs":3,"id":"dev7","x":504,"y":264,"label":"OR"},
+ {"type":"OJoint","id":"dev8","x":320,"y":200,"label":"OJoint","state":{"direction":0}},
+ {"type":"NMOS","id":"dev9","x":224,"y":312,"label":"NMOS"},
+ {"type":"NMOS","id":"dev10","x":416,"y":312,"label":"NMOS"},
+ {"type":"DC","label":"Vdd","id":"dev11","x":288,"y":8},
+ {"type":"NMOS","id":"dev12","x":224,"y":408,"label":"NMOS"},
+ {"type":"NMOS","id":"dev13","x":416,"y":408,"label":"NMOS"},
+ {"type":"OJoint","id":"dev14","x":216,"y":376,"label":"OJoint","state":{"direction":1}},
+ {"type":"OJoint","id":"dev15","x":408,"y":376,"label":"OJoint","state":{"direction":1}},
+ {"type":"OJoint","id":"dev16","x":328,"y":272,"label":"OJoint","state":{"direction":2}},
+ {"type":"Joint","id":"dev17","x":328,"y":440,"label":"Joint","state":{"direction":2}},
+ {"type":"CAP","label":"Capacitor","id":"dev18","x":472,"y":472},
+ {"type":"GND","id":"dev19","x":312,"y":472,"label":"GND"},
+ {"type":"In","id":"dev20","x":24,"y":120,"label":"a"},
+ {"type":"In","id":"dev21","x":24,"y":208,"label":"a'"},
+ {"type":"In","id":"dev22","x":24,"y":304,"label":"b"},
+ {"type":"In","id":"dev23","x":24,"y":400,"label":"b'"},
+ {"type":"Out","id":"dev24","x":568,"y":264,"label":"Out"}
+ ],
+ "connectors":[
+ {"from":"dev0.in0","to":"dev4.out0"},
+ {"from":"dev0.in1","to":"dev21.out0"},
+ {"from":"dev0.in2","to":"dev5.out0"},
+ {"from":"dev1.in0","to":"dev4.out0"},
+ {"from":"dev1.in1","to":"dev23.out0"},
+ {"from":"dev1.in2","to":"dev5.out0"},
+ {"from":"dev2.in0","to":"dev6.out0"},
+ {"from":"dev2.in1","to":"dev22.out0"},
+ {"from":"dev2.in2","to":"dev8.out0"},
+ {"from":"dev3.in0","to":"dev6.out0"},
+ {"from":"dev3.in1","to":"dev20.out0"},
+ {"from":"dev3.in2","to":"dev8.out0"},
+ {"from":"dev4.in0","to":"dev11.out0"},
+ {"from":"dev6.in0","to":"dev5.out0"},
+ {"from":"dev7.in0","to":"dev8.out0"},
+ {"from":"dev7.in1","to":"dev16.out0"},
+ {"from":"dev7.in2","to":"dev18.out0"},
+ {"from":"dev9.in0","to":"dev16.out0"},
+ {"from":"dev9.in1","to":"dev21.out0"},
+ {"from":"dev9.in2","to":"dev14.out0"},
+ {"from":"dev10.in0","to":"dev16.out0"},
+ {"from":"dev10.in1","to":"dev20.out0"},
+ {"from":"dev10.in2","to":"dev15.out0"},
+ {"from":"dev12.in0","to":"dev14.out0"},
+ {"from":"dev12.in1","to":"dev23.out0"},
+ {"from":"dev12.in2","to":"dev17.out0"},
+ {"from":"dev13.in0","to":"dev15.out0"},
+ {"from":"dev13.in1","to":"dev22.out0"},
+ {"from":"dev13.in2","to":"dev17.out0"},
+ {"from":"dev17.in0","to":"dev19.out0"},
+ {"from":"dev18.in0","to":"dev19.out0"},
+ {"from":"dev24.in0","to":"dev7.out0"}
+ ]
+};
+ var html2=JSON.stringify(dfli);
+ document.querySelector(".simcir").innerHTML=html2;
+
+}
+else
+{
+ var obj = {};
+ obj = {
+ "width":730,
+ "height":525,
+ "showToolbox":true,
+ "toolbox":[
+ {"type":"In"},
+ {"type":"Out"},
+ {"type":"PMOS"},
+ {"type":"NMOS"},
+ {"type":"DC","label":"Vdd"},
+ {"type":"CAP","label":"Capacitor"},
+ {"type":"GND"},
+ {"type":"Joint"},
+ {"type":"OR","numInputs":3},
+ {"type":"OJoint"}
+ ]
+
+ };
+
+ var html=JSON.stringify(obj);
+ document.querySelector(".simcir").innerHTML=html;
+}
+
+$("#procedure").click(function() {
+ $("#proc").toggle();
+});
+
+$("#dfli").click(function(event) {
+ sessionStorage.setItem("PPT",1);
+ sessionStorage.removeItem("NPT");
+ location.reload();
+});
+
+$("#dfl").click(function(event) {
+ sessionStorage.setItem("NPT",1);
+ sessionStorage.removeItem("PPT");
+ location.reload();
+});
+
+$("#clear").click(function(event) {
+ sessionStorage.removeItem("NPT");
+ sessionStorage.removeItem("PPT");
+ location.reload();
+});
+
+$("#whichSim").change(function(event) {
+ var opt = document.getElementById("whichSim").value;
+ sessionStorage.setItem("MUX",opt);
+ location.reload();
+});
\ No newline at end of file
diff --git a/SRIP/Libraries/Bootstrap/bootstrap.bundle.min.js b/SRIP/Libraries/Bootstrap/bootstrap.bundle.min.js
new file mode 100644
index 00000000..43203684
--- /dev/null
+++ b/SRIP/Libraries/Bootstrap/bootstrap.bundle.min.js
@@ -0,0 +1,7 @@
+/*!
+ * Bootstrap v4.3.1 (https://getbootstrap.com/)
+ * Copyright 2011-2019 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ */
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("jquery")):"function"==typeof define&&define.amd?define(["exports","jquery"],e):e((t=t||self).bootstrap={},t.jQuery)}(this,function(t,p){"use strict";function i(t,e){for(var n=0;n
+ 
+ 
+ 
+ 
+ 
+ 
+
+
+
+
+
\ No newline at end of file
diff --git a/project2/Codes/simulatorOptions.js b/project2/Codes/simulatorOptions.js
new file mode 100644
index 00000000..64dc6c37
--- /dev/null
+++ b/project2/Codes/simulatorOptions.js
@@ -0,0 +1,154 @@
+if(sessionStorage.getItem("MUX"))
+{
+ var val = sessionStorage.getItem("MUX");
+ var opti = $("#whichSim option[value=\'" + val + "\']").text();
+ $("#whichSim").append("");
+}
+if(sessionStorage.getItem("PPT"))
+{
+ var dfl = {
+ "width":730,
+ "height":525,
+ "showToolbox":true,
+ "toolbox":[
+ {"type":"In"},
+ {"type":"Out"},
+ {"type":"PMOS"},
+ {"type":"NMOS"},
+ {"type":"Delay","delay":1000},
+ {"type":"OSC","freq":0.5,"label":"CLK"},
+ {"type":"LED"}
+ ],
+ "devices":[
+ {"type":"Delay","delay":1000,"id":"dev0","x":168,"y":128,"label":"Delay","state":{"direction":0}},
+ {"type":"PMOS","id":"dev1","x":184,"y":248,"label":"PMOS"},
+ {"type":"OSC","freq":0.5,"label":"CLK'","id":"dev2","x":104,"y":120},
+ {"type":"In","id":"dev3","x":232,"y":328,"label":"In"},
+ {"type":"Out","id":"dev4","x":328,"y":328,"label":"Out"},
+ {"type":"NMOS","id":"dev5","x":384,"y":248,"label":"NMOS"},
+ {"type":"OSC","freq":0.5,"label":"CLK","id":"dev6","x":352,"y":120}
+ ],
+ "connectors":[
+ {"from":"dev0.in0","to":"dev2.out0"},
+ {"from":"dev1.in0","to":"dev0.out0"},
+ {"from":"dev1.in1","to":"dev3.out0"},
+ {"from":"dev3.in0","to":"dev5.out0"},
+ {"from":"dev4.in0","to":"dev1.out0"},
+ {"from":"dev5.in0","to":"dev6.out0"},
+ {"from":"dev5.in1","to":"dev4.out0"}
+ ]
+};
+ var html1=JSON.stringify(dfl);
+ document.querySelector(".simcir").innerHTML=html1;
+}
+else if(sessionStorage.getItem("NPT"))
+{
+ var dfli = {
+ "width":730,
+ "height":525,
+ "showToolbox":true,
+ "toolbox":[
+ {"type":"In"},
+ {"type":"Out"},
+ {"type":"PMOS"},
+ {"type":"NMOS"},
+ {"type":"Delay","delay":1000},
+ {"type":"OSC","freq":0.5,"label":"CLK"},
+ {"type":"LED"}
+ ],
+ "devices":[
+ {"type":"PMOS","id":"dev0","x":160,"y":256,"label":"PMOS"},
+ {"type":"NMOS","id":"dev1","x":400,"y":256,"label":"NMOS"},
+ {"type":"OSC","freq":0.5,"label":"CLK'","id":"dev2","x":320,"y":128},
+ {"type":"In","id":"dev3","x":208,"y":336,"label":"In"},
+ {"type":"Out","id":"dev4","x":352,"y":336,"label":"Out"},
+ {"type":"OSC","freq":0.5,"label":"CLK","id":"dev5","x":128,"y":128},
+ {"type":"Delay","delay":1000,"id":"dev6","x":384,"y":136,"label":"Delay","state":{"direction":0}}
+ ],
+ "connectors":[
+ {"from":"dev0.in0","to":"dev5.out0"},
+ {"from":"dev0.in1","to":"dev3.out0"},
+ {"from":"dev1.in0","to":"dev6.out0"},
+ {"from":"dev1.in1","to":"dev4.out0"},
+ {"from":"dev3.in0","to":"dev1.out0"},
+ {"from":"dev4.in0","to":"dev0.out0"},
+ {"from":"dev6.in0","to":"dev2.out0"}
+ ]
+};
+ var html2=JSON.stringify(dfli);
+ document.querySelector(".simcir").innerHTML=html2;
+
+}
+else
+{
+ var obj = {};
+ if(sessionStorage.getItem("MUX")==="3")
+ {
+ obj = {
+ "width":730,
+ "height":525,
+ "showToolbox":true,
+ "toolbox":[
+ {"type":"In"},
+ {"type":"Out"},
+ {"type":"PMOS"},
+ {"type":"NMOS"},
+ {"type":"Delay","delay":1000},
+ {"type":"OSC","freq":0.5,"label":"CLK"},
+ {"type":"LED"},
+ {"type":"OR"},
+ {"type":"PassTransistor"}
+ ]
+
+ };
+
+ }
+ else
+ {
+ obj = {
+ "width":730,
+ "height":525,
+ "showToolbox":true,
+ "toolbox":[
+ {"type":"In"},
+ {"type":"Out"},
+ {"type":"PMOS"},
+ {"type":"NMOS"},
+ {"type":"Delay","delay":1000},
+ {"type":"OSC","freq":0.5,"label":"CLK"},
+ {"type":"LED"}
+ ]
+
+ };
+ }
+ var html=JSON.stringify(obj);
+ document.querySelector(".simcir").innerHTML=html;
+}
+
+$("#procedure").click(function() {
+ $("#proc").toggle();
+});
+
+$("#dfli").click(function(event) {
+ sessionStorage.setItem("PPT",1);
+ sessionStorage.removeItem("NPT");
+ location.reload();
+});
+
+$("#dfl").click(function(event) {
+ sessionStorage.setItem("NPT",1);
+ sessionStorage.removeItem("PPT");
+ location.reload();
+});
+
+$("#clear").click(function(event) {
+ sessionStorage.removeItem("NPT");
+ sessionStorage.removeItem("PPT");
+ location.reload();
+});
+
+$("#whichSim").change(function(event) {
+ var opt = document.getElementById("whichSim").value;
+ sessionStorage.setItem("MUX",opt);
+ location.reload();
+});
\ No newline at end of file
diff --git a/project2/Experiment_Project_Documentation.md b/project2/Experiment_Project_Documentation.md
new file mode 100644
index 00000000..78728f2b
--- /dev/null
+++ b/project2/Experiment_Project_Documentation.md
@@ -0,0 +1,71 @@
+# Experiment Project Documentation
+
+## Introduction
+
+This document captures the technical details related to the experiment development.
+
+## Project
+**Domain name:** Computer Science & Engineering.
+**Lab name:** Very Large Scale Integration.
+**Experiment name:** Schematic Design Of Pass Transistor Logic & Multiplexer.
+
+Pass transistor logic (PTL) describes several logic families used in the design of integrated circuits. It reduces the count of transistors used to make different logic gates, by eliminating redundant transistors. Transistors are used as switches to pass logic levels between nodes of a circuit, instead of as switches connected directly to supply voltages.
+
+This reduces the number of active devices, but has the disadvantage that the difference of the voltage between high and low logic levels decreases at each stage. Each transistor in series is less saturated at its output than at its input.
+
+This experiment is used to simulate the working of a Pass transistor on different levels and a multiplexer. A graph can be observed with the simulation itself.
+
+## Purpose of the Project
+
+The purpose of this project is to convert Pass transistor logic and multiplexer simulation from Java to Javascript.
+
+## Project Developers Details
+
+| Sl.no | Name | Year Of Study | Role | Email-ID | Github handle |
+|:-----:|:-----------------:|:-------------:|:---------:|:---------------------------:|:-------------:|
+| 1 | Utkarsh Chhapekar | 2nd year | Developer | utkarshchhapekar2@gmail.com | Utkichaps |
+
+## Technologies and Libraries
+
+**Technologies:**
+1. HTML
+2. CSS
+3. Javascript
+
+**Libraries:**
+1. SimCir JS
+2. JQuery
+3. Bootstrap
+
+## Development Environment
+
+**OS:** Ubuntu 18.04
+
+## Documents and Files:
+
+| Sl.no | Document | Role |
+|:-----:|:------------------:|:------------------------------------------------------------------------------:|
+| 1. | Procedure | This document captures the instructions to run the simulations |
+| 2. | Test Cases | This document captures the functional test cases of the experiment simulation |
+| 3. | Code Documentation | This document captures the details related to code |
+| Sl.no | File | Role |
+| 1. | Codes | Contains the major code as well as the images related to it. |
+| 2. | Libraries | Contains libraries used by the code |
+
+## Process Followed to convert the experiment
+
+1. Understand the assigned experiment Java simulation.
+2. Understanding the experiment concept.
+3. Re-implement the same in javascript.
+
+## Value Added by our Project
+
+It is beneficial to engineering students who want to understand the inner working of the pass transistors and multiplexers and understand the output graphs seen by them.
+
+## Risks and Challenges
+
+A few challenges faced during the development process was understanding the simcir library so that it can be used to retrieve the circuit data dynamically. The circuit checking functionality also took some time to implement.
+
+## Issues
+
+No current issues open.
diff --git a/project2/Experiment_Test_Cases_Documentation.md b/project2/Experiment_Test_Cases_Documentation.md
new file mode 100644
index 00000000..2b4b3643
--- /dev/null
+++ b/project2/Experiment_Test_Cases_Documentation.md
@@ -0,0 +1,21 @@
+# Experiment Test Cases Documentation
+
+## Introduction
+
+This document captures the test cases of the experiment.
+
+## Functional Test Cases
+
+| Test Case id | Test Scenario | Test Steps | Expected Output | Actual Output | Result |
+|:------------:|:--------------------------------------------------------------------:|:--------------------------------------------------------------------------------------:|:------------------------------------------------------------------------:|:------------------------------------------------------------------------:|:------:|
+| 1. | Press Simulate button without selecting what type of simulation | Directly click on simulate without selecting the type of simulation. | Alert: Please select type of simulation | Alert: Please select type of simulation | pass |
+| 2. | Press Simulate button with mismatched circuit and simulation option. | Choose a simulation and make a circuit which is not the same as the simulation option. | Alert: This is not the correct circuit. Please refer procedure carefully | Alert: This is not the correct circuit. Please refer procedure carefully | pass |
+| 3. | Alert when the connections/components are wrong. | Make an incorrect circuit and try to simulate it. | Alert: This is not the correct circuit. Please refer procedure carefully | Alert: This is not the correct circuit. Please refer procedure carefully | pass |
+
+## Cross Browser Testing
+
+| Sl.no | Browser | Version | Works? |
+|-------|-----------------|---------------|--------|
+| 1. | Google Chrome | 75.0.3770.100 | Yes |
+| 2. | Mozilla Firefox | 67.0.4 | yes |
+
diff --git a/project2/Libraries/Bootstrap/bootstrap.bundle.min.js b/project2/Libraries/Bootstrap/bootstrap.bundle.min.js
new file mode 100644
index 00000000..43203684
--- /dev/null
+++ b/project2/Libraries/Bootstrap/bootstrap.bundle.min.js
@@ -0,0 +1,7 @@
+/*!
+ * Bootstrap v4.3.1 (https://getbootstrap.com/)
+ * Copyright 2011-2019 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ */
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("jquery")):"function"==typeof define&&define.amd?define(["exports","jquery"],e):e((t=t||self).bootstrap={},t.jQuery)}(this,function(t,p){"use strict";function i(t,e){for(var n=0;n
+
+ 
+
+ 
+ 
+ 
+ 
+
+
+
+
+
\ No newline at end of file
diff --git a/project3/Codes/simulatorOptions.js b/project3/Codes/simulatorOptions.js
new file mode 100644
index 00000000..f00b34c0
--- /dev/null
+++ b/project3/Codes/simulatorOptions.js
@@ -0,0 +1,178 @@
+if(sessionStorage.getItem("MUX"))
+{
+ var val = sessionStorage.getItem("MUX");
+ var opti = $("#whichSim option[value=\'" + val + "\']").text();
+ $("#whichSim").append("");
+}
+if(sessionStorage.getItem("PPT"))
+{
+ var dfl = {
+ "width":730,
+ "height":525,
+ "showToolbox":true,
+ "toolbox":[
+ {"type":"In"},
+ {"type":"Out"},
+ {"type":"PMOS"},
+ {"type":"NMOS"},
+ {"type":"DC","label":"Vdd"},
+ {"type":"CAP","label":"Capacitor"},
+ {"type":"GND"},
+ {"type":"Joint"},
+ {"type":"OR","numInputs":3},
+ {"type":"OJoint"}
+ ],
+ "devices":[
+ {"type":"PMOS","id":"dev0","x":384,"y":72,"label":"PMOS"},
+ {"type":"PMOS","id":"dev1","x":152,"y":72,"label":"PMOS"},
+ {"type":"DC","label":"Vdd","id":"dev2","x":232,"y":8},
+ {"type":"Joint","id":"dev3","x":264,"y":72,"label":"Joint","state":{"direction":0}},
+ {"type":"OJoint","id":"dev4","x":256,"y":104,"label":"OJoint","state":{"direction":0}},
+ {"type":"OR","numInputs":3,"id":"dev5","x":376,"y":184,"label":"OR"},
+ {"type":"Out","id":"dev6","x":464,"y":184,"label":"Out"},
+ {"type":"OJoint","id":"dev7","x":216,"y":200,"label":"OJoint","state":{"direction":3}},
+ {"type":"NMOS","id":"dev8","x":224,"y":240,"label":"NMOS"},
+ {"type":"NMOS","id":"dev9","x":224,"y":352,"label":"NMOS"},
+ {"type":"OJoint","id":"dev10","x":216,"y":312,"label":"OJoint","state":{"direction":1}},
+ {"type":"GND","id":"dev11","x":192,"y":448,"label":"GND"},
+ {"type":"In","id":"dev12","x":48,"y":168,"label":"In"},
+ {"type":"In","id":"dev13","x":48,"y":264,"label":"In"},
+ {"type":"CAP","label":"Capacitor","id":"dev14","x":344,"y":448}
+ ],
+ "connectors":[
+ {"from":"dev0.in0","to":"dev3.out0"},
+ {"from":"dev0.in1","to":"dev13.out0"},
+ {"from":"dev0.in2","to":"dev4.out0"},
+ {"from":"dev1.in0","to":"dev3.out0"},
+ {"from":"dev1.in1","to":"dev12.out0"},
+ {"from":"dev1.in2","to":"dev4.out0"},
+ {"from":"dev3.in0","to":"dev2.out0"},
+ {"from":"dev5.in0","to":"dev4.out0"},
+ {"from":"dev5.in1","to":"dev7.out0"},
+ {"from":"dev5.in2","to":"dev14.out0"},
+ {"from":"dev6.in0","to":"dev5.out0"},
+ {"from":"dev8.in0","to":"dev7.out0"},
+ {"from":"dev8.in1","to":"dev12.out0"},
+ {"from":"dev8.in2","to":"dev10.out0"},
+ {"from":"dev9.in0","to":"dev10.out0"},
+ {"from":"dev9.in1","to":"dev13.out0"},
+ {"from":"dev9.in2","to":"dev11.out0"},
+ {"from":"dev14.in0","to":"dev11.out0"}
+ ]
+};
+ var html1=JSON.stringify(dfl);
+ document.querySelector(".simcir").innerHTML=html1;
+}
+else if(sessionStorage.getItem("NPT"))
+{
+ var dfli = {
+ "width":730,
+ "height":525,
+ "showToolbox":true,
+ "toolbox":[
+ {"type":"In"},
+ {"type":"Out"},
+ {"type":"PMOS"},
+ {"type":"NMOS"},
+ {"type":"DC","label":"Vdd"},
+ {"type":"CAP","label":"Capacitor"},
+ {"type":"GND"},
+ {"type":"Joint"},
+ {"type":"OR","numInputs":3},
+ {"type":"OJoint"}
+ ],
+ "devices":[
+ {"type":"OJoint","id":"dev0","x":264,"y":152,"label":"OJoint","state":{"direction":1}},
+ {"type":"PMOS","id":"dev1","x":272,"y":72,"label":"PMOS"},
+ {"type":"DC","label":"Vdd","id":"dev2","x":240,"y":16},
+ {"type":"PMOS","id":"dev3","x":272,"y":200,"label":"PMOS"},
+ {"type":"OJoint","id":"dev4","x":272,"y":288,"label":"OJoint","state":{"direction":2}},
+ {"type":"OR","numInputs":3,"id":"dev5","x":400,"y":288,"label":"OR"},
+ {"type":"Out","id":"dev6","x":496,"y":288,"label":"Out"},
+ {"type":"OJoint","id":"dev7","x":248,"y":352,"label":"OJoint","state":{"direction":0}},
+ {"type":"NMOS","id":"dev8","x":160,"y":352,"label":"NMOS"},
+ {"type":"NMOS","id":"dev9","x":336,"y":352,"label":"NMOS"},
+ {"type":"Joint","id":"dev10","x":248,"y":384,"label":"Joint","state":{"direction":0}},
+ {"type":"GND","id":"dev11","x":216,"y":440,"label":"GND"},
+ {"type":"CAP","label":"Capacitor","id":"dev12","x":368,"y":440},
+ {"type":"In","id":"dev13","x":80,"y":160,"label":"In"},
+ {"type":"In","id":"dev14","x":80,"y":288,"label":"In"}
+ ],
+ "connectors":[
+ {"from":"dev1.in0","to":"dev2.out0"},
+ {"from":"dev1.in1","to":"dev13.out0"},
+ {"from":"dev1.in2","to":"dev0.out0"},
+ {"from":"dev3.in0","to":"dev0.out0"},
+ {"from":"dev3.in1","to":"dev14.out0"},
+ {"from":"dev3.in2","to":"dev4.out0"},
+ {"from":"dev5.in0","to":"dev4.out0"},
+ {"from":"dev5.in1","to":"dev7.out0"},
+ {"from":"dev5.in2","to":"dev12.out0"},
+ {"from":"dev6.in0","to":"dev5.out0"},
+ {"from":"dev8.in0","to":"dev7.out0"},
+ {"from":"dev8.in1","to":"dev13.out0"},
+ {"from":"dev8.in2","to":"dev10.out0"},
+ {"from":"dev9.in0","to":"dev7.out0"},
+ {"from":"dev9.in1","to":"dev14.out0"},
+ {"from":"dev9.in2","to":"dev10.out0"},
+ {"from":"dev10.in0","to":"dev11.out0"},
+ {"from":"dev12.in0","to":"dev11.out0"}
+ ]
+};
+ var html2=JSON.stringify(dfli);
+ document.querySelector(".simcir").innerHTML=html2;
+
+}
+else
+{
+ var obj = {};
+ obj = {
+ "width":730,
+ "height":525,
+ "showToolbox":true,
+ "toolbox":[
+ {"type":"In"},
+ {"type":"Out"},
+ {"type":"PMOS"},
+ {"type":"NMOS"},
+ {"type":"DC","label":"Vdd"},
+ {"type":"CAP","label":"Capacitor"},
+ {"type":"GND"},
+ {"type":"Joint"},
+ {"type":"OR","numInputs":3},
+ {"type":"OJoint"}
+ ]
+
+ };
+
+ var html=JSON.stringify(obj);
+ document.querySelector(".simcir").innerHTML=html;
+}
+
+$("#procedure").click(function() {
+ $("#proc").toggle();
+});
+
+$("#dfli").click(function(event) {
+ sessionStorage.setItem("PPT",1);
+ sessionStorage.removeItem("NPT");
+ location.reload();
+});
+
+$("#dfl").click(function(event) {
+ sessionStorage.setItem("NPT",1);
+ sessionStorage.removeItem("PPT");
+ location.reload();
+});
+
+$("#clear").click(function(event) {
+ sessionStorage.removeItem("NPT");
+ sessionStorage.removeItem("PPT");
+ location.reload();
+});
+
+$("#whichSim").change(function(event) {
+ var opt = document.getElementById("whichSim").value;
+ sessionStorage.setItem("MUX",opt);
+ location.reload();
+});
\ No newline at end of file
diff --git a/project3/Libraries/Bootstrap/bootstrap.bundle.min.js b/project3/Libraries/Bootstrap/bootstrap.bundle.min.js
new file mode 100644
index 00000000..43203684
--- /dev/null
+++ b/project3/Libraries/Bootstrap/bootstrap.bundle.min.js
@@ -0,0 +1,7 @@
+/*!
+ * Bootstrap v4.3.1 (https://getbootstrap.com/)
+ * Copyright 2011-2019 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ */
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("jquery")):"function"==typeof define&&define.amd?define(["exports","jquery"],e):e((t=t||self).bootstrap={},t.jQuery)}(this,function(t,p){"use strict";function i(t,e){for(var n=0;n