Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Child #430

Open
wants to merge 31 commits into
base: master
Choose a base branch
from
Open

Child #430

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
31 commits
Select commit Hold shift + click to select a range
4c920b5
srip
akanshakant Jun 11, 2019
0e53923
Delete srip
akanshakant Jun 11, 2019
baf2838
Create tst
akanshakant Jun 11, 2019
b6d6f88
Create yolo
akanshakant Jun 11, 2019
e015e69
Delete yolo
akanshakant Jun 11, 2019
f757e50
Create yolo
akanshakant Jun 11, 2019
ad3f62f
Create yolo
akanshakant Jun 11, 2019
c7841f1
Create hello
akanshakant Jun 11, 2019
1ca3707
Add files via upload
akanshakant Jun 20, 2019
3053ad7
Add files via upload
akanshakant Jun 21, 2019
01408b2
Add files via upload
akanshakant Jun 21, 2019
94f5548
hello
akanshakant Jun 24, 2019
c026a73
Delete Hello
akanshakant Jun 24, 2019
2279c29
hello
akanshakant Jun 24, 2019
dc0040c
Create hello
akanshakant Jun 24, 2019
a9711e7
Create hello
akanshakant Jun 24, 2019
9d6cc54
Create hello
akanshakant Jun 24, 2019
6021f5b
Add files via upload
akanshakant Jul 1, 2019
b6e76ed
Add files via upload
akanshakant Jul 1, 2019
a6ee19a
Add files via upload
akanshakant Jul 1, 2019
7240054
Add files via upload
akanshakant Jul 2, 2019
4f36adc
Add files via upload
akanshakant Jul 5, 2019
7927401
Add files via upload
akanshakant Jul 5, 2019
db427ed
Add files via upload
akanshakant Jul 5, 2019
553c7b5
Add files via upload
akanshakant Jul 5, 2019
a333af8
Add files via upload
akanshakant Jul 5, 2019
347916a
Add files via upload
akanshakant Jul 5, 2019
429366e
Add files via upload
akanshakant Jul 5, 2019
0bb2282
Delete hello
akanshakant Jul 6, 2019
9e88e49
Add files via upload
akanshakant Jul 6, 2019
2a48ddf
Add files via upload
akanshakant Jul 6, 2019
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
78 changes: 78 additions & 0 deletions SRIP/Codes/GENERAL.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,78 @@
<!DOCTYPE html>
<html>
<head>
<style>

* {
box-sizing: border-box;
}


/* Create three unequal columns that floats next to each other */
.column {
float: left;
padding: 20px;
height: 500px;
}

.left, {
width: 25%;
}
.right{
width:25%;
}
.middle {
width: 50%;
}

/* Clear floats after the columns */
.row:after {
content: "";
display: table;
clear: both;
}
</style>
</head>
<style>
body {
width: 1400px;
}
</style>
</head>
<body>
<button onclick="scrollWin()">Click </button><br><br>

<script>
function scrollWin() {
window.scrollTo(500, 0);
}
</script>
<body>

<h2><center>D FLIP FLOP:Negetive Edge</center></h2>


</head>
<body>
<center>
<button type="button" onclick="alert">simulate</button>
<a href="timing.html">simulate</a>
</center>
<br><br><br>
<div class="row">
<div class="column left" style="background-color:grey;">
<h2>TOOL BAR</h2>
<p>Available icons</p>
</div>
<div class="column middle" style="background-color:black;">
<h2>Column 2</h2>
<p></p>
</div>
<div class="column right" style="background-color:white;">
<h2>SIMULATION OF CIRCUIT</h2>
<p></p>
</div>
</div>

</body>
</html>
32 changes: 32 additions & 0 deletions SRIP/Codes/graph.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,32 @@
<!DOCTYPE html>
<html>
<head>
<title> NEGATIVE EDGE D-FLIP FLOP </title>
<style>
h1
{
text-decoration-style:underline;
color:red;
text-align:center;
}
body
{
background-color:lightblue;
}
</style>
</head>

<body onload="WaveDrom.ProcessAll()">
<h1><b><i>THIS IS NEGATIVE EDGE D-FLIP FLOP WAVEFORM</i></b></h1>
<br>
<script src="http://wavedrom.com/skins/default.js" type="text/javascript"></script>
<script src="http://wavedrom.com/wavedrom.min.js" type="text/javascript"></script>
<script type="WaveDrom">
{ signal: [

{ name: "CLK", wave: 'P...................' },
{ name:"OUTPUT", wave: '1.0.1.0.1.0.1.0.1.0.' },
]}
</script>
</body>
</html>
181 changes: 181 additions & 0 deletions SRIP/Codes/homescreen.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,181 @@
<html>
<head>
<style>
h1 {
border: 5px solid red;
}
</style>
</head>

<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
img {
border: 1px solid #ddd;
border-radius: 4px;
padding: 5px;
width: 150px;
float:center;
}
img:hover {
box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
}
body {margin:0;font-family:Blue}
.footer {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color: #333;
color: white;
text-align: center;
}
.topnav {
overflow: hidden;
background-color: #333;
}
.topnav a {
float: left;
display: block;
color: #f2f2f2;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: 17px;
}
.active {
background-color: #4CAF50;
color: white;
}
.topnav .icon {
display: none;
}
.dropdown {
float: left;
overflow: hidden;
}
.dropdown .dropbtn {
font-size: 17px;
border: none;
outline: none;
color: white;
padding: 14px 16px;
background-color: inherit;
font-family: inherit;
margin: 0;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
.dropdown-content a {
float: none;
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
text-align: left;
}
.topnav a:hover, .dropdown:hover .dropbtn {
background-color: #555;
color: white;
}
.dropdown-content a:hover {
background-color: #ddd;
color: black;
}
.dropdown:hover .dropdown-content {
display: block;
}
@media screen and (max-width: 600px) {
.topnav a:not(:first-child), .dropdown .dropbtn {
display: none;
}
.topnav a.icon {
float: right;
display: block;
}
}
@media screen and (max-width: 600px) {
.topnav.responsive {position: relative;}
.topnav.responsive .icon {
position: absolute;
right: 0;
top: 0;
}
.topnav.responsive a {
float: none;
display: block;
text-align: left;
}
.topnav.responsive .dropdown {float: none;}
.topnav.responsive .dropdown-content {position: relative;}
.topnav.responsive .dropdown .dropbtn {
display: block;
width: 100%;
text-align: left;
}
}
</style>
</head>
<body>

<div class="topnav" id="myTopnav">
<a href="#home" class="active">HOME</a>
<a href="">SIMULATOR</a>
<a href="file:///C:/Users/akash/Desktop/instruction.html">INSTRUCTIONS</a>
<a href="file:///C:/Users/akash/Desktop/procedure.html">PROCEDURE</a>
<div class="dropdown">
<button class="dropbtn">QUIZ
<i class="fa fa-caret-down"></i>
</button>
<div class="dropdown-content">
<a href="quiz.html">PRE QUIZ</a>
<a href="">POST QUIZ</a>
</div>
</div>

<a href="javascript:void(0);" style="font-size:15px;" class="icon" onclick="myFunction()">&#9776;</a>
</div>

<div style="padding-left:16px">
<h1 align="center">Schematic Design Of D-Latch and D-Flip Flop</h1>
<h3>D-LATCH</h3>
<p>Latch is an electronic device that can be used to store one bit of information.The D-latch is used to capture or 'latch' the logic level which is present on the Data line when the clock input is high.</p>
</a>
<br>
<h3>TIMING DIAGRAM</h3>
<p>From the timing diagramm it is clear that the output Q's waveform resembles that of input D's waveform when the clock is high whereas when the clock is low Q retains the previous value of D.</p>
<br>
<a href="timing.png">
<img src="timing.png" align="center" alt="timing">
</a>
<br>
<p>The following two logics will be used for designing in the experiment:- </p>
<ul>
<li> POSITIVE LEVEL D LATCH AND D FLIP FLOP </li>
<li> NEGETIVE EDGE D-FLIP FLOP </li>
</ul>

</div>
<div class="footer">
<p>VLSI LAB</p>
</div>

<script>
function myFunction() {
var x = document.getElementById("myTopnav");
if (x.className === "topnav") {
x.className += " responsive";
} else {
x.className = "topnav";
}
}
</script>

</body>
</html>
89 changes: 89 additions & 0 deletions SRIP/Codes/instruction.txt
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,89 @@

<html>
<head>
<title>Instruction</title>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.4.js"></script>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>

</head>
<body class="bg-light">
<div class="container">
<div class="jumbotron">
<h1 class="display-4" align="center">INSTRUCTIONS</h1>
<p class="lead">This page contains the description and instructions for using the simulator. </p>
<hr class="my-4">
<p>The simulator basically consists two toolboxes: Settings toolbox, Grid toolbox.</p>
<ul>
<li>
<p><strong>Settings: </strong>You can change the settings using this toolbox.</p>
<ol>
<li>
<p><strong>Frequency Input: </strong>This takes in the frequency user inputs for generating the graph, frequency ranging between 1 and 20.</p>
</li>
<li>
<p><strong>Modules:</strong> This contains 2 checkboxes: POSITIVE LEVEL D-LATCH AND D FLIP FLOP and NEGATIVE EDGE D FLIP FLOP, depending on the checkbox selected, a circuit appears on the grid.</p>
</li>
<li>
<p><strong>SAVE: </strong>Click on the button to save your settings. You need to do it, in order for the settings to apply.</p>
</li>
<li>
<p><strong>REFRESH: </strong>Clicking on this would clear the grid, it would remove all the components from the grid.</p>
<div class="alert alert-danger" role="alert">
<strong>WARNING</strong>: When you click on save settings or clear settings, your circuit gets cleared automatically, so please choose your settings before hand.
</div>
</li>

<li>
<p>Click the "CLEAR GRID" button to clear the simulation.</p>
</li>
</ol>
</li>
<li>
<p><strong>Grid Toolbox:</strong> This Toolbox contains the workspace where you will simulate the experiment.</p>
<ol>
<li>
<p>The toolbox on the left contains the pre-made logic circuits you will require to build a counter.</p>
</li>
<li>
<p>Drag the components the right and place them on your grid.</p>
</li>
<li>
<p>The left part of the abstracted circuit contains the inputs, and the right side the outputs.</p>
</li>
<li>
<p>Click on the circle of the input or output to another input/output to make a connection.</p>
<div class="alert alert-danger" role="alert">
You can connect only one line to an input, but an output can have multiple lines.
</div>
</li>
<li>
<p>The "DC" icon outputs digital 1 at all times, connnect it to:</p>
<ul>
<li>
<p>-push on: to simulate the 1 only when you're pressing on the button</p>
</li>
<li>
<p>-push off: to simulate 0 when you're pushing the button</p>
</li>
<li>
<p>-toggle: to toggle the output between 1 and 0.</p>
</li>
</ul>
</li>
<li>
<p>The joint icon is a connection to make the connections look neater, as the lines from an output to an input are straight.</p>
</li>

</ol>
</li>
</ul>
</div>

</div>
</body>
</html>
Loading