Skip to content

Responsiveness of Images Created #10

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

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

Responsiveness of Images Created #10

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
1691fff
Responsive Images Created
narenakash Mar 24, 2019
830a571
Merge pull request #1 from narenakash/narenakash-patch-1
narenakash Mar 24, 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
20 changes: 14 additions & 6 deletions src/lab/exp2/Procedure.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -23,6 +23,14 @@

<!-- Custom CSS -->
<link href="../css/style.css" rel="stylesheet">
<!--CSS for Image Responsiveness-->
<style>
.responsive{
width = 100%;
height = auto;
max-height="600px";
max-width="950px"
}
<script type="text/javascript" src = 'tabs.js'></script>
<script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','ga');ga('create', 'UA-67558473-1', 'auto');ga('send', 'pageview');</script>
</head>
Expand Down Expand Up @@ -111,23 +119,23 @@ <h3 style="color: red; "><big> </big></h3>
<br>d. Go to simulator icon and click on the “Simulator” button
<br>e. The PLC simulator will be opened in new window<br> <br> 2. The procedure for writing the ladder diagram in the work space is as follows
<br> a. The screen shot for the first window will appear like this.<br><br>
<img src="../images/PLC_Ex2_1.png" height="600px" width="950px"/>
<img src="../images/PLC_Ex2_1.png" class="responsive" />
<br><b> Add a new rung by clicking on the 'Add Rung' icon. The window will appear like this:</b><br><br>
<img src="../images/PLC_EX2_2.png" height="600px" width="950px"/>
<img src="../images/PLC_EX2_2.png" class="responsive" height="600px" width="950px"/>
<br> b. Place the contacts as per the requirement by left clicking the appropriate contact shown at the top side. In the example demonstrated below one normally contact and one coil is placed as shown the figure.<br><br>
<img src="../images/PLC_Ex2_3.png" height="600px" width="950px"/>
<img src="../images/PLC_Ex2_3.png" class="responsive"
<br> C. Right click on the contact or coil and you can give tag name like “start”, “stop” etc. Please ensure that the tag numbers are true replica of process connections. Similarly give tag name to coil like “motor”, “Lamp” etc. The final ladder will look like this.<br><br>
<img src="../images/PLC_Ex2_4.png" height="600px" width="950px"/></br>
<img src="../images/PLC_Ex2_4.png" class="responsive" /></br>
d. Please note that the tag names are case sensitive and if you are using them in circuit as bit make sure that the correct tag name appears.
<br>e. Click the Compile button so the ladder will be ready for running. For testing the logic you need to click on Run. Both sides of the rung will become green and this is the indication of run mode. Please not that in run mode you can't make changes in the ladder. For modifications user has to go to development mode.
<br>f. By right clicking on the contact toggle the state of contact.Check the output contact status. <br><br>
<img src="../images/PLC_Ex2_5.png" height="600px" width="950px"/><br>
<img src="../images/PLC_Ex2_5.png" class="responsive" /><br>
g. Please remember the ladder contacts or the state of the inputs and outputs are always in de-energised state. The de-energised is that state wherein the contacts are in non-active state.
<br>h. You can once again toggle the contact and the output state will change. To add any contact you will have to go to development mode. Click on the rung and add contacts.
<br>i. To delete any contact or output right click on the contact and press “delete”, the contact will be deleted.
<br><b>j. You can add seven elements in series and 5 elements in parallel.
</b><br>l. To add element in parallel click on the node near contact where you wish to add parallel branch. Select the branch and click on the '+' sign to complete the loop. The screen will appear as shown below.<br><br>
<img src="../images/PLC_Ex2_6.png" height="600px" width="950px"/><br>
<img src="../images/PLC_Ex2_6.png" class="responsive" /><br>
m. Repeat the procedure and verify your logic.<br>
n. Similarly you can check the logic for OR, NOR, and NAND gates. Validate the truth tables and confirm the results.
</span></p>
Expand Down