Merge pull request #2 from virtual-labs/testing

Testing

experiment/aim.md

@@ -1 +1,5 @@
-### Aim of the experiment
+### PCB Design and Fabrication
+
+### Objective:
+1. To acquire knowledge of PCB milling on desktop milling machine
+2. To Learn PCB layout design for SMD ( Surface mount devices ) components

experiment/experiment-name.md

@@ -1 +1 @@
-## Experiment name
+## PCB Design and Fabrication

experiment/posttest.json

@@ -2,37 +2,63 @@
   "version": 2.0,
   "questions": [
     {
-      "question": "This is a Sample Question 1?",
+      "question": "To add component in schematic which tool is used ?",
       "answers": {
-        "a": "answer1",
-        "b": "answer2",
-        "c": "answer3",
-        "d": "answer4"
+        "a": "Cut Tool",
+        "b": "Net Tool",
+        "c": "Add Tool",
+        "d": "Change Tool"
       },
-      "explanations": {
-        "a": "Explanation 1  <a href='www.google.com'>here</a>",
-        "b": "Explanation 2",
-        "c": "Explanation 2",
-        "d": "Explanation 2"
+
+      "correctAnswer": "c",
+      "difficulty": "beginner"
+    },
+    {
+      "question": "To add pathway for component in schematic, the tool is used ?",
+      "answers": {
+        "a": "Wire Tool",
+        "b": "Net Tool",
+        "c": "Erc Tool",
+        "d": "Bus Tool"
       },
+
+      "correctAnswer": "b",
+      "difficulty": "beginner"
+    },
+    {
+      "question": "Export image format of Schematic in Eagle ?",
+      "answers": {
+        "a": ".png format",
+        "b": ".bmp format",
+        "c": ".rml format",
+        "d": ".brd format"
+      },
+
       "correctAnswer": "a",
       "difficulty": "beginner"
     },
     {
-      "question": "This is a Sample Question 2?",
+      "question": "High resolution for mini milling machine ?",
       "answers": {
-        "a": "answer1",
-        "b": "answer2",
-        "c": "answer3",
-        "d": "answer4"
+        "a": "200 dpi",
+        "b": "500 dpi",
+        "c": "1000 dpi",
+        "d": "2400 dpi"
       },
-      "explanations": {
-        "a": "Explanation 1  <a href='www.google.com'>here</a>",
-        "b": "Explanation 2",
-        "c": "Explanation 2",
-        "d": "Explanation 2"
+
+      "correctAnswer": "b",
+      "difficulty": "beginner"
+    },
+    {
+      "question": "Which is the correct option to make a board ?",
+      "answers": {
+        "a": "File --> Export",
+        "b": "File --> Camm Processor",
+        "c": "File --> Run",
+        "d": "File --> Switch to Board"
       },
-      "correctAnswer": "c",
+
+      "correctAnswer": "d",
       "difficulty": "beginner"
     }
   ]

experiment/pretest.json

@@ -2,37 +2,63 @@
   "version": 2.0,
   "questions": [
     {
-      "question": "This is a Sample Question 1?",
+      "question": "PCB is Acronym of ?",
       "answers": {
-        "a": "answer1",
-        "b": "answer2",
-        "c": "answer3",
-        "d": "answer4"
+        "a": "Printed Circuit Board",
+        "b": "Print Circuit Breaker",
+        "c": "Personal Circuit Board",
+        "d": "Poly chlorinated biphenyl"
       },
-      "explanations": {
-        "a": "Explanation 1  <a href='www.google.com'>here</a>",
-        "b": "Explanation 2",
-        "c": "Explanation 2",
-        "d": "Explanation 2"
+
+      "correctAnswer": "a",
+      "difficulty": "beginner"
+    },
+    {
+      "question": "Material used in PCB ?",
+      "answers": {
+        "a": "Phynolic Cotton Paper",
+        "b": "Woven Glass & Eproxy",
+        "c": "Matte Glass & Polyester",
+        "d": "All of the above"
+      },
+
+      "correctAnswer": "d",
+      "difficulty": "beginner"
+    },
+    {
+      "question": "Board Coated with color ?",
+      "answers": {
+        "a": "Green,Blue and Red",
+        "b": "White",
+        "c": "Gray",
+        "d": "All of the above"
       },
+
       "correctAnswer": "a",
       "difficulty": "beginner"
     },
     {
-      "question": "This is a Sample Question 2?",
+      "question": "Chemical etching can do with ?",
       "answers": {
-        "a": "answer1",
-        "b": "answer2",
-        "c": "answer3",
-        "d": "answer4"
+        "a": "Ferric Cloride",
+        "b": "Ammonium persulfate",
+        "c": "Hydrochloric Acid",
+        "d": "All of the Above"
       },
-      "explanations": {
-        "a": "Explanation 1  <a href='www.google.com'>here</a>",
-        "b": "Explanation 2",
-        "c": "Explanation 2",
-        "d": "Explanation 2"
+
+      "correctAnswer": "d",
+      "difficulty": "beginner"
+    },
+    {
+      "question": "Inventor of PCB ?",
+      "answers": {
+        "a": "Neil Eisler",
+        "b": "Paul Eisler",
+        "c": "Peter Eisler",
+        "d": "Thomas Edison"
       },
-      "correctAnswer": "c",
+
+      "correctAnswer": "b",
       "difficulty": "beginner"
     }
   ]

experiment/procedure.md

@@ -1 +1,6 @@
-### Procedure
+### Procedure
+
+1. Click "Render" to see the image
+2. Select Output Format.
+3. Set properties like Maximum vector fill error, Tool Diameter, Tool Overlap etc.
+4. Set material dimension and click "Submit" to see the process simulation.

experiment/references.md

@@ -1 +0,0 @@
-### Link your references in here

experiment/simulation/index.html

@@ -1,13 +1,75 @@
 <!DOCTYPE html>
-<html>
+<html lang="en">
 <head>
-	<!-- Add CSS at the head of HTML file -->
-    <link rel="stylesheet" href="./css/main.css">
+  <title>Wood Cutting Example</title>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="stylesheet" href="simulation/css/bootstrap.min.css">
+   <script src="simulation/js/Jquery.3.4.1.js"></script>
+  <script src="simulation/js/bootstrap.min.js"></script>
+  <script src="simulation/js/popper.min.js"></script>
+
+  <link rel="stylesheet" href="simulation/css/alertify.min.css">
+ <script src="simulation/js/alertify.min.js"></script>
+  <link rel="stylesheet" href="simulation/css/font-awesome.css">
+
+  <script type="text/javascript" src="simulation/js/raphael.js"></script>
+<!--   <script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/3.2.1/anime.min.js" ></script> -->
+   <link rel="stylesheet" href="simulation/css/WC.css">
+<style>
+#wrapper{
+position:relative;
+}
+#mcircle{
+position:absolute;
+top:-4px;
+left:-2px;
+}
+</style>
 </head>
 <body>
-		<!-- Your code goes here-->
+<!-- <div id="wrapper"> -->
 
-	<!-- Add JS at the bottom of HTML file --> 
-        <script src="./js/main.js"></script>
+
+<!-- <div id="mcircle"> -->
+<!-- hii -->
+<!-- </div> -->
+
+<!-- <svg id="circle" width="600" height="500"> -->
+<!-- <!-- <path stroke="red" fill="none" d="M 351 183 A 50 50 0 1 1 212 350 A 50 50 0 1 1 450 181 Z"></path> --> 
+<!-- </svg> -->
+
+<!-- </div> -->
+
+<div class=".container-fluid">
+	<div class="row" >
+		<div class="col-sm-12 col-md-12 col-xl-12">
+			<div id="mainDiv"></div>
+		</div>
+	</div>
+</div>
+
+<script src="simulation/3D_Configration/PCBmaching.js" ></script>
+<script src="simulation/3D_Configration/MachineDiagram_PCB.js" ></script>
+
+<script>
+
+
+Height = $(window).height();
+Width = $(window).width();
+console.log(Height);
+
+MachingObj.selectMaterial();
+if(Width > 768)
+	{
+	$("#ConfigSection, #WoodCuttingSection, #WCuttingConfgration ").css("height", "900px");
+	}
+else{
+	$("#ConfigSection, #WCuttingConfgration ").css("height", "900px");
+	$("#WoodCuttingSection").css("height", "900px");
+}
+// CuttingObject(700,500);
+
+</script>
 </body>
 </html>