-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
193 lines (166 loc) · 8.71 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
<!DOCTYPE html>
<html>
<head>
<title>DOE</title>
<meta name="viewport" content="width=device-width, user-scalable=yes">
<meta name="keywords" content="diagrama de onda estacionaria, standing wave diagram, intrinsec impedance, impedancia intrínseca, coeficiente de reflexión, VSWR, SWR, DOE, lmbda cuartos, quarter-wavelength, adaptación de impedancias, impedance adaptation" />
<meta name="author" content="Sonsoles López Pernas">
<meta name="robots" content="index, follow">
<meta name="revisit-after" content="3 days">
<title>DOE</title>
<!-- doe, standing wave, adaptacion de impedancias -->
<meta charset="UTF-8">
<meta name="description" lang="en" content="Standing Wave Diagram. Sonsoles López Pernas">
<meta name="description" lang="es" content="Diagrama de onda estacionaria. Sonsoles López Pernas">
<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>
<link rel='stylesheet' href='stylesheets/style.css' />
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="images/favicon.ico" type="image/vnd.microsoft.icon"><!--The 2010 IANA standard but not supported in IE-->
<!-- Facebook-->
<meta property="og:title" content="Standing Wave Diagram"/>
<meta property="og:type" content="website"/>
<meta property="og:image" content="images/spli.png"/>
<meta property="og:description" content="This app provides a basic tool in order to study the behavior of Monochromatic Homogenous Plane Waves when traveling through different media. In this first version, only media without loss are studied, but it is indeed capable of calculating complex impedances, which appear when there are media with a thickness that is not a multiple of a quarter-wavelength. For any imaginable case, this application will draw the Standing Wave Diagram and specify the input impedances, the SWR, and the reflection coefficients for each discontinuity."/>
<!-- Twitter-->
<meta property="twitter:title" content="Standing Wave Diagram"/>
<meta property="twitter:image" content="images/spli.png"/>
<meta property="twitter:description" content="This app provides a basic tool in order to study the behavior of Monochromatic Homogenous Plane Waves when traveling through different media. In this first version, only media without loss are studied, but it is indeed capable of calculating complex impedances, which appear when there are media with a thickness that is not a multiple of a quarter-wavelength. For any imaginable case, this application will draw the Standing Wave Diagram and specify the input impedances, the SWR, and the reflection coefficients for each discontinuity."/>
<script type="application/ld+json">
{
"@context": "http://schema.org/",
"@type": "SoftwareApplication",
"name": "DOE",
"applicationCategory": "http://schema.org/WebApplication",
"releaseNotes": "Application for drawing the Standing Wave Diagram. Aplicacion para el trazado de diagramas de onda estacionaria",
"author": "Sonsoles López Pernas"
}
</script>
<link rel='stylesheet' href='stylesheets/accordion.css' />
<script src="//load.sumome.com/" data-sumo-site-id="94901c357e2a6c12ce96c34b91908eeebf51017a7997c376a12fcc3b52a69a41" async="async"></script>
</head>
<body>
<div onClick="togglebar()" id="nav-icon1">
<span></span>
<span></span>
<span></span>
</div>
<div id="modal" >
<br>
<div class="abcont">
<block class="ab" id="cuadro" style="">
<h1><img style="width:100px" src="images/favicon.png"><BR>DOE</h1>
Esta aplicación proporciona una herramienta sencilla para estudiar el comportamiento de Ondas Planas Homogéneas y Monocromáticas al atravesar discontinuidades en el medio en el que se propagan. En esta primera versión, sólo se contemplarán medios sin pérdidas, pero la aplicación es capaz de calcular impedancias complejas cuando se colocan láminas de un grosor que no es múltiplo de un cuarto de la longitud de onda. Para cualquier caso imaginable, la aplicación trazará el Diagrama de Onda Estacionaria (DOE) y especificará las impedancias y los coeficientes de reflexión para cada discontinuidad en una interfaz sencilla y fácil de utilizar.
<br><br><br>
This app provides a basic tool in order to study the behavior of Monochromatic Homogenous Plane Waves when traveling through different media. In this first version, only media without loss are studied, but it is indeed capable of calculating complex impedances, which appear when there are media with a thickness that is not a multiple of a quarter-wavelength. For any imaginable case, this application will draw the Standing Wave Diagram and specify the input impedances, the SWR, and the reflection coefficients for each discontinuity.
</block>
<br><br><br>
<block class="ab">
<nobr>
</block>
<a href="https://github.com/sonsoleslp/DOE-Frontend"><img style="width:50px;" class="about" src="images/git.png"></a>
</div>
<div class="info" style="background-color:transparent; color:#555;"><i id="close" class="fa fa-times fa-3x"></i></div>
</div>
<br><br><br>
<div id="lateral" class="lateral">
<div class="dentro"><br><br><br>
<div id="accordian"><br>
<div style="text-align:center;" id="freqdiv"><label for="freq"><i class="fa fa-feed"></i> Frequency<br> <input id="frecuencia" type="number" min="0" max="1000" step"any" value ="3.00"> GHz</label></div><br>
<ul id="thelist">
</ul>
<div style="text-align:center;"><i id="addmedio" class="fa fa-plus fa-2x"></i> </div>
</div>
</div>
<div class="info"><i id="iconinfo" class="fa fa-info fa-2x"></i></div>
</div>
<div id="sep"></div>
<section>
<div id="main" class="m-scene">
<div class="scene_element scene_element--fadein">
<br><br>
<script src="javascripts/canvas.min.js"></script>
<div class="all" id="rre">
<block id="medios">
</block>
<block id="pruebas">Test:</block>
<style>
#medios, #pruebas {
display:none;
}
</style>
<script>
var mediums = [{"grosor":50,"mur":1,"er":1,"lambda":50,"eta":376.99111843077515,"COE":1.00,"moduloro":0.00,"fasei":0},{"grosor":12.5,"mur":1,"er":4,"lambda":25,"eta":188.49555921538757,"COE":2.00,"moduloro":0.33,"fasei":0},{"grosor":50,"er":1,"mur":1,"lambda":50,"eta":376.99111843077515,"moduloro":0.00,"fasei":0,"COE":1.00}]
var freq = 3;
var first = 0;
</script>
<canvas id="myCanvas" ></canvas>
<script src="javascripts/jquery.js"></script>
<script src="javascripts/complejo.js"></script>
<script src="javascripts/diagrama.js"></script>
</div>
<script>
$(window).bind("load", doe);
window.addEventListener("resize", doe);
//doe();
</script>
</div>
</div>
</section>
<script src="javascripts/prefixfree-1.0.7.js" type="text/javascript" type="text/javascript"></script>
<script src="javascripts/jquery.js"></script>
<script src="javascripts/jquery.smoothState.js"></script>
<script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>
<script src="javascripts/sidebar.js"></script>
<script>
$(document).ready(function(){
acc();
$( "input" ).change(function() {
if(this.id == "frecuencia"){
freq = this.value
} else {
var idd= this.id.match(/[0-9]+/)[0];
mediums[idd][this.id.match(/([A-Z])+/i)[0]] = parseInt(this.value)
}
refill(idd)
});
refill(0)
$('#nav-icon1').click(function(){
$(this).toggleClass('open');
});
});
</script>
<script>
var togglebar = function() {
if( document.getElementById("lateral").style.width == "0px" || document.getElementById("lateral").style.width == ""){
document.getElementById("lateral").style.width = "300px"
}else{
document.getElementById("lateral").style.width = "0px"
}
}
$('#myCanvas').click(function(){
if( document.getElementById("lateral").style.width == "0px" || document.getElementById("lateral").style.width == ""){
}else{
document.getElementById("lateral").style.width = "0px"
$('#nav-icon1').toggleClass('open');
}
});
</script>
<script>
$('#iconinfo').click(function(){
$('#modal').fadeToggle();
});
$('#close').click(function(){
$('#modal').fadeToggle();
});
</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-56260844-2', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>