virtual-labs · sravanthimodepu · Sep 15, 2021 · May 20, 2021 · May 24, 2021 · Jun 15, 2021
diff --git a/experiment-descriptor.json b/experiment-descriptor.json
@@ -0,0 +1,67 @@
+{
+  "unit-type": "lu",
+  "label": "",
+  "basedir": ".",
+  "units": [
+    {
+      "unit-type": "aim"
+    },
+    {
+      "target": "theory.html",
+      "source": "theory.md",
+      "label": "Theory",
+      "unit-type": "task",
+      "content-type": "text"
+    },
+    {
+      "target": "objective.html",
+      "source": "objective.md",
+      "label": "Objective",
+      "unit-type": "task",
+      "content-type": "text"
+    },
+    {
+      "target": "pretest.html",
+      "source": "pretest.json",
+      "label": "Pretest",
+      "unit-type": "task",
+      "content-type": "assesment"
+    },
+    {
+      "target": "procedure.html",
+      "source": "procedure.md",
+      "label": "Procedure",
+      "unit-type": "task",
+      "content-type": "text"
+    },
+    {
+      "target": "simulation.html",
+      "source": "simulation/index.html",
+      "label": "Simulation",
+      "unit-type": "task",
+      "content-type": "simulation"
+    },
+    {
+      "target": "assignment.html",
+      "source": "assignment/index.html",
+      "label": "Assignment",
+      "unit-type": "task",
+      "content-type": "simulation"
+    },
+    {
+      "target": "posttest.html",
+      "source": "posttest.json",
+      "label": "Posttest",
+      "unit-type": "task",
+      "content-type": "assesment"
+    },
+    {
+      "target": "references.html",
+      "source": "references.md",
+      "label": "References",
+      "unit-type": "task",
+      "content-type": "text"
+    }
+  ]
+}
+
diff --git a/experiment/aim.md b/experiment/aim.md
@@ -1 +1 @@
-### Aim of the experiment
+In image arithmetic, we consider operations such as I(x,y) = A (x,y) o B(x,y) where o is an arithmetic operation such as addition, subtraction, multiplication or division. Here, A and B could be derived from different sources. Such operations are particularly used in modelling image acquisition as a result of a perfect image corrupted with (additive or multiplicative) noise. The noise is often introduced either by a transmission medium or the camera.
diff --git a/experiment/assignment/assign.php b/experiment/assignment/assign.php
@@ -0,0 +1,87 @@
+<?php
+session_start();
+$exp=$_GET["exp"];
+?>
+
+<head>
+<script class='gtm'>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-W59SWTR');</script>
+
+<title> Assignment - Virtual Lab in Image Processing</title>
+<!-- The Primary External CSS style sheet. -->
+<link rel="stylesheet" type="text/css" href="css/psd2css.css" media="screen" />
+
+<!-- We use the jquery javascript library for DOM manipulation and
+some javascript tricks.  We serve the script from Google because it's
+faster than most ISPs.  Get more information and documentation
+at http://jquery.com 
+<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> -->
+<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
+
+<!-- All the javascript generated for your design is in this file -->
+<script type="text/javascript" src="js/psd2css.js"></script>
+
+<!--http://www.cssmenumaker.com/builder/menu_info.php?menu=057-->
+<link type="text/css" rel="StyleSheet" href="menu/menu_style.css" />
+
+
+</head>
+
+
+<body>
+
+  <!-- This is 'Backgound_bkgnd_center_jpg' -->
+  <div id="Layer-1" class="Backgound_bkgnd_center_jpg"  >
+
+
+    <!-- This is 'TopBar_jpg' -->
+    <div id="Layer-3" class="TopBar_jpg"  >
+      <!-- <img src="images/Layer-3.jpg" width="894" height="96" alt="TopBar" /> -->
+      <!-- This is 'IIIT' -->
+      <!-- <div id="Layer-6" class="IIIT"  >
+        <img src="images/iiit.png" width="100" height="70" alt="IIIT" class="pngimg" />
+	</div>
+
+			<div id="topMenu">
+			<h1>VIRTUAL LAB in IMAGE PROCESSING</h1>
+<div class="home">
+<a href="index.html">home</a>
+</div>
+
+			<div class="menu">
+<ul>
+<li><a href="objective.php?exp=<?php echo $exp; ?>" target="_self" >Objective</a>
+</li>
+<li><a href="intro.php?exp=<?php echo $exp; ?>" target="_self" >Introduction</a>
+</li>
+<li><a href="theory.php?exp=<?php echo $exp; ?>" target="_self" >Theory</a>
+</li>
+<li><a href="procedure.php?exp=<?php echo $exp; ?>" target="_self" >Procedure</a>
+</li>
+<li><a href="<?php echo $exp; ?>.php" target="_self" >Experiment</a>
+</li> --> 
+<!-- <li><sel><a href="#" target="_self" >Assessment</a>
+</sel>
+ -->		<!-- 		<ul>
+					<li><a href="quiz.php?exp=<?php echo $exp; ?>">Quiz</a></li> -->
+					<li><a href="assign.php?exp=<?php echo $exp; ?>">Assignment</a></li>
+			   <!-- </ul>
+
+</li> -->
+<!-- <li><a href="references.php?exp=<?php echo $exp; ?>" target="_self" >References</a>
+</li> -->
+</ul>
+</div>
+</div>
+<div class="experiment front" style="text-indent: 20px; background-color: #DDDDDD;" >
+
+<b>Obtain the figure of the right from the figure on the left.</b>
+<br/><br/>
+<img src="images/temp/<?php echo $exp; ?>1_1.<?php if($exp=="colour") { echo 'jpg'; } else { echo 'png';} ?>"/>&nbsp;&nbsp; <img src="images/temp/<?php echo $exp; ?>1_1_result.<?php if($exp=="colour") { echo 'jpg'; } else { echo 'png';} ?>"/>
+<br/>
+
+Click <a href="<?php echo $exp; ?>.php?assess=<?php echo $exp; ?>1" target="_blank">here</a> to try it out.
+</div>
+</div>
+</body>
+
+
diff --git a/experiment/assignment/css/README.md b/experiment/assignment/css/README.md
@@ -0,0 +1 @@
+### This folder contains all the css files used in the simulation.
diff --git a/experiment/assignment/css/border-h.gif b/experiment/assignment/css/border-h.gif
diff --git a/experiment/assignment/css/border-v.gif b/experiment/assignment/css/border-v.gif
diff --git a/experiment/assignment/css/carpe-slider.css b/experiment/assignment/css/carpe-slider.css
@@ -0,0 +1,114 @@
+/*	Default stylesheet for the Carpe Slider
+	By Tom Hermansson Snickars                 
+	2005-12-17 version 1.5
+	Copyright CARPE Design                     
+	carpe.ambiprospect.com
+*/
+*.carpe_horizontal_slider_display_combo {
+	clear: left;
+	margin: 0;
+}
+*.carpe_vertical_slider_display_combo {
+	float: left;
+	margin: 0;
+}
+*.carpe_horizontal_slider_track {
+	background-color: #bbb;
+	color: #333;
+	width: 120px;
+	float: left;
+	margin: 0;
+	line-height: 0px;
+	font-size: 0px;
+	text-align: left;
+	padding: 4px;
+	border: 1px solid;
+	border-color: #ddd #999 #999 #ddd;
+}
+*.carpe_vertical_slider_track {
+	background-color: #bbb;
+	color: #333;
+	padding: 3px 6px 15px 6px;
+	width: 24px;
+	height: 100px;
+	border: 1px solid;
+	border-color: #ddd #999 #999 #ddd;
+}
+*.carpe_horizontal_slider_track *.carpe_slider_slit {
+	background-color: #333;
+	color: #ccc;
+	width: 110px;
+	height: 2px;
+	margin: 4px 4px 2px 4px;
+	line-height: 0px;
+	position: absolute;
+	z-index: 1;
+	border: 1px solid;
+	border-color: #999 #ddd #ddd #999;
+}
+*.carpe_vertical_slider_track *.carpe_slider_slit {
+	background-color: #000;
+	color: #333;
+	width: 2px;
+	height: 100px;
+	position: absolute;
+	margin: 4px 10px 4px 10px;
+	padding: 4px 0 1px 0;
+	line-height: 0px;
+	font-size: 0;
+	border: 1px solid;
+	border-color: #666 #ccc #ccc #666;
+}
+*.carpe_horizontal_slider_track *.carpe_slider {
+	width: 16px;
+	background-color: #666;
+	color: #333;
+	position: relative;
+	margin: 0;
+	height: 8px;
+	z-index: 1;
+	line-height: 0px;
+	font-size: 0px;
+	text-align: left;
+	border: 2px solid;
+	border-color: #999 #333 #333 #999;
+}
+*.carpe_vertical_slider_track *.carpe_slider {
+	width: 20px;
+	background-color: #666;
+	color: #333;
+	position: relative;
+	margin: 0;
+	height: 8px;
+	z-index: 1;
+	line-height: 0px;
+	font-size: 0px;
+	text-align: left;
+	border: 2px solid;
+	border-color: #999 #333 #333 #999;
+}
+*.carpe_slider_display_holder {
+	background-color: #bbb;
+	color: #333;
+	width: 34px;
+	margin: 0;
+	float: left;
+	padding: 0 2px 0 0;
+	height: 20px;
+	text-align: right;
+	border: 1px solid;
+	border-color: #ddd #999 #999 #ddd;
+}
+.carpe_slider_display {
+	background-color: #bbb;
+	color: #333;
+	padding: 3px 1px 0 0;
+	width: 30px;
+	text-align: right;
+	font-size: 11px;
+	line-height: 10px;
+	font-family: verdana, arial, helvetica, sans-serif;
+	font-weight: bold;
+	border: 0;
+	cursor: default;
+}
diff --git a/experiment/assignment/css/common.css b/experiment/assignment/css/common.css
@@ -0,0 +1,33 @@
+@charset "utf-8";
+/* CSS for styling header of the page */
+
+/* reset default browser CSS */
+
+body, div, h1,h2,h3,p,ul,ol,li,img,header,section,aside, footer, button{
+	margin:0; padding:0; list-style:none;
+}
+
+a {
+	text-decoration: none; /* no underlines */
+	color: #961b25;/* dusty read */
+}
+
+a:hover {
+	color:#6f92a7; /*dusty blue */
+}
+
+:focus {
+	outline:0; /* no outline on focus */
+}
+
+h1,h2,h3 {
+	font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif; /* web safe colors */
+	font-weight: normal;
+}
+
+article {
+	margin:0;
+	padding:0;
+	position:relative;
+	display:block;
+}
diff --git a/experiment/assignment/css/dark-hive/images/ui-bg_flat_30_cccccc_40x100.png b/experiment/assignment/css/dark-hive/images/ui-bg_flat_30_cccccc_40x100.png
diff --git a/experiment/assignment/css/dark-hive/images/ui-bg_flat_50_5c5c5c_40x100.png b/experiment/assignment/css/dark-hive/images/ui-bg_flat_50_5c5c5c_40x100.png
diff --git a/experiment/assignment/css/dark-hive/images/ui-bg_glass_40_ffc73d_1x400.png b/experiment/assignment/css/dark-hive/images/ui-bg_glass_40_ffc73d_1x400.png
diff --git a/...riment/assignment/css/dark-hive/images/ui-bg_highlight-hard_20_0972a5_1x100.png b/...riment/assignment/css/dark-hive/images/ui-bg_highlight-hard_20_0972a5_1x100.png
diff --git a/...riment/assignment/css/dark-hive/images/ui-bg_highlight-soft_33_003147_1x100.png b/...riment/assignment/css/dark-hive/images/ui-bg_highlight-soft_33_003147_1x100.png
diff --git a/...riment/assignment/css/dark-hive/images/ui-bg_highlight-soft_35_222222_1x100.png b/...riment/assignment/css/dark-hive/images/ui-bg_highlight-soft_35_222222_1x100.png
diff --git a/...riment/assignment/css/dark-hive/images/ui-bg_highlight-soft_44_444444_1x100.png b/...riment/assignment/css/dark-hive/images/ui-bg_highlight-soft_44_444444_1x100.png
diff --git a/...riment/assignment/css/dark-hive/images/ui-bg_highlight-soft_80_eeeeee_1x100.png b/...riment/assignment/css/dark-hive/images/ui-bg_highlight-soft_80_eeeeee_1x100.png
diff --git a/experiment/assignment/css/dark-hive/images/ui-bg_loop_25_000000_21x21.png b/experiment/assignment/css/dark-hive/images/ui-bg_loop_25_000000_21x21.png
diff --git a/experiment/assignment/css/dark-hive/images/ui-icons_222222_256x240.png b/experiment/assignment/css/dark-hive/images/ui-icons_222222_256x240.png
diff --git a/experiment/assignment/css/dark-hive/images/ui-icons_4b8e0b_256x240.png b/experiment/assignment/css/dark-hive/images/ui-icons_4b8e0b_256x240.png
diff --git a/experiment/assignment/css/dark-hive/images/ui-icons_a83300_256x240.png b/experiment/assignment/css/dark-hive/images/ui-icons_a83300_256x240.png
diff --git a/experiment/assignment/css/dark-hive/images/ui-icons_cccccc_256x240.png b/experiment/assignment/css/dark-hive/images/ui-icons_cccccc_256x240.png
diff --git a/experiment/assignment/css/dark-hive/images/ui-icons_ffffff_256x240.png b/experiment/assignment/css/dark-hive/images/ui-icons_ffffff_256x240.png
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		### Aim of the experiment
		In image arithmetic, we consider operations such as I(x,y) = A (x,y) o B(x,y) where o is an arithmetic operation such as addition, subtraction, multiplication or division. Here, A and B could be derived from different sources. Such operations are particularly used in modelling image acquisition as a result of a perfect image corrupted with (additive or multiplicative) noise. The noise is often introduced either by a transmission medium or the camera.
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		### This folder contains all the css files used in the simulation.