-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathwebapp.html
More file actions
472 lines (417 loc) · 17.4 KB
/
Copy pathwebapp.html
File metadata and controls
472 lines (417 loc) · 17.4 KB
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
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Conductivitatea electrică a Metalelor</title>
<style>
.quest{
margin-left: 20%;
}
.box{border: 0.1em solid black;
border-radius: 15px;
padding: 30px;
width: 1200px;
margin:auto;
background-color: azure;
text-align: center;
}
.box p{
font-size:18px;
text-align: justify;
}
.box img{
max-width: fit-content;
height: auto;
display: block;
margin: auto;
}
#resultbox {
font-size: 40px;
width: 500px;
height: 40px;
}
</style>
</head>
<body>
<h1 style="text-align: center; font-size: 50px;">Conductibilitatea electrică a Metalelor</h1>
<p style="text-align: center;font-size: 30px;">Experiment virtual</p><br>
<div class="quest">
<h1 style="text-align: left;">Conductivitatea electrică</h1>
</div>
<div class="box">
<p>Proprietatea unei substanţe de a conduce curentul electric poate fi caracterizată prin
conductivitatea sa electrică. Curentul electric reprezinta transferul de sarcină electrică. Sarcina
poate fi transportată prin metale precum şi prin electroliţi lichizi puri (saruri topite). Acest tip
de conductivitate este numită conductivitate metalică. Aceasta implică mişcarea electronilor
între atomii de metal, fără a avea loc nicio modificare chimică a metalului. Conductivitatea
ionică sau electrolitică reprezintă transportul curentului electric prin mişcarea ionilor printr-o
soluţie sau un lichid pur. Ionii încărcaţi cu sarcini pozitive migrează spre electrodul negative,
în timp ce ionii încărcaţi cu sarcini negative se deplasează spre electrodul pozitiv. Ambele tipuri
de conductivitate ionică şi metalică apar în celulele electrochimice.
Pentru conductorii de ordinul II, la fel ca si pentru cei de ordinul I se aplica legea lui Ohm:
</p>
<img src="formula1.png">
<p>unde E este tensiunea in volti; R rezistenta in ohmi (Ω) si I intensitatea curentului in amperi
Rezistenta conductorilor de ordinul I este data de relatia:</p>
<img src="formula2.png">
</div>
<br><br><br><br><br><br><br><br>
<div class="quest">
<h1>Ce sunt materialele conductoare?</h1>
</div>
<div class="box">
<p>Materialele conductoare sunt cele care pot conduce electricitatea într-o măsură mai mare sau
mai mică. Aceste tipuri de materiale permit electronilor să circule liber și fluid dintr-un punct
în altul dacă sunt conectați la o sursă de energie. </p>
<img src="desen1.png">
</div>
<br><br><br><br><br><br><br><br>
<div class="quest">
<h1>Ce caracteristici au materialele conductoare?</h1>
</div>
<div class="box">
<p>Nu oferă nicio rezistență la trecerea curentului electric prin ele, asigurând libera circulație a
acestuia.
Ele permit circulația liberă a electronilor între particule, ceea ce facilitează conducerea
electricității. Cuprul este folosit ca referință pentru a măsura și compara nivelurile de
conductivitate ale altor materiale.
Au un număr mare de electroni liberi care se deplasează prin ele, facilitând transmiterea sarcinii
de la un obiect la altul.
Au o structură atomică care permite curentului electric să circule fără a necesita o cantitate mare
de energie pentru trecerea electronilor între un atom și altul.
Sunt foarte maleabile - adică pot fi manipulate fără a se rupe.
Au rezistență ridicată la uzură și pot fi expuși la condiții extreme, precum temperaturile ridicate,
fără a fi afectați.
Au un strat izolator, astfel încât curentul electric să nu intre în contact cu suprafața în care este
utilizat în casă sau industrial.
</p>
</div>
<br><br><br><br><br><br><br><br>
<div class="quest">
<h1>Ce tipuri de materiale conductoare există?</h1>
</div>
<div class="box">
<p>Materialele conductoare sunt clasificate în funcție de modul în care este condusă electricitatea.
Conductori metalici: electronii liberi transportă sarcina, deci conducția este electrică. Atât
metalele, cât și aliajele (fuziunea unuia sau mai multor metale) aparțin acestei clasificări.
Conductori gazoși: aceștia sunt în stare gazoasă și trec printr-un proces de ionizare în care
câștigă sau pierd electroni; aceasta le oferă capacitatea de a conduce electricitatea.
Conductori electrolitici: conducția electrică în aceste materiale are loc printr-o reacție chimică
care împarte o substanță purtătoare de sarcină în poli pozitivi și negativi. Cu acest tip de
material, curentul electric circulă pe măsură ce materia este deplasată.
Prin ce sunt diferite materialele conductoare de semiconductori și izolatori?
Spre deosebire de materialele conductoare, materialele izolatoare împiedică curgerea sarcinilor
electrice, iar semiconductorii pot permite și opri conducerea energiei electrice. Materialele
izolatoare protejează, de asemenea, curenții electrici de contactul cu alte surse și curenți.
Materialele semiconductoare, pe de altă parte, conduc electricitatea în condiții specifice și întro singură direcție, în timp ce o împiedică să curgă în direcția opusă.
Materialele izolante includ cauciuc, lemn, plastic și ceramică; câțiva semiconductori sunt
siliciu, germaniu și sulf.
Exemple de materiale conductoare
Argint: este considerat cel mai bun conductor de electricitate, deși este adesea folosit doar în
cazuri specifice datorită costului său ridicat.
Cuprul: acesta este materialul conductor prin excelență. Deși nu are aceeași conductivitate ca
argintul, costul său scăzut înseamnă că este utilizat în majoritatea sistemelor de cablare a
mașinilor și a aparatelor.
Aur: La fel ca argintul, este folosit ca conductor în aplicații specifice, cum ar fi telefoane sau
ceasuri.
Oțel și aluminiu: se caracterizează prin costul lor scăzut și conductivitate ridicată. Sunt frecvent
utilizate în zonele industriale.
Bronz: are caracteristici asemănătoare cu argintul și aurul, adică este foarte conductiv, dar are
un cost ridicat pentru a fi folosit în mod regulat.
Hidrogen: un gaz excelent cu conductivitate electrică ridicată. Cu toate acestea, tinde să aibă o
anumită instabilitate chimică atunci când trece prin procesul de ionizare.
Mercur: deși nu este folosit des din cauza nivelurilor sale ridicate de toxicitate, acest material
poate fi în stare gazoasă, lichidă sau solidă, în funcție de temperaturile la care este supus.
Soluții saline: acestea sunt conductoare perfecte datorită procesului de ionizare a sărurilor în
medii apoase.</p>
</div>
<br><br><br><br><br><br><br><br>
<div class="box">
<p>Disclaimer:</p>
<p>Circuitul este ideal</p>
<p>Pentru toate materialele: S=1 cm^2 și l=2 cm</p>
<p>Toate valorile sunt comparate cu cuprul</p>
<table align="center">
<thead>
<tr>
<th>Nume</th>
<th>Rezistivitate (Ω·m)</th>
</tr>
</thead>
<tbody>
<tr>
<td>Cupru</td>
<td>1.68 × 10^-8</td>
</tr>
<tr>
<td>Aluminiu</td>
<td>2.82 × 10^-8</td>
</tr>
<tr>
<td>Aur</td>
<td>2.44 × 10^-8</td>
</tr>
<tr>
<td>Argint</td>
<td>1.59 × 10^-8</td>
</tr>
<tr>
<td>Inox</td>
<td>6.90 × 10^−7</td>
</tr>
<tr>
<td>Lemn</td>
<td>∞</td>
</tr>
<tr>
<td>Sticla</td>
<td>∞</td>
</tr>
<tr>
<td>Plastic</td>
<td>∞</td>
</tr>
<tr>
<td>Hartie</td>
<td>∞</td>
</tr>
</tbody>
</table>
</div>
<br><br><br><br><br><br><br><br>
<canvas id="patrat" width="1500" height="800"></canvas>
<script>
var canvas = document.getElementById("patrat");
var randamm=0;
var circuit = new Image;
circuit.src='circuit.png';
var switcho = new Image;
switcho.src='switch_on.png';
var switchf = new Image;
switchf.src='switch_off.png';
var becs = new Image;
becs.src='bec_off.png';
var beca = new Image;
beca.src='bec_on.png';
var ctx = canvas.getContext("2d");
var x = 50;
var y = 50;
var imagini = [];
var width = 100;
var height = 125;
var surse = ['aluminiu.png' , 'lemn.png' , 'cupru.png','plastic.png','inox.png','sticla.png','aur.png','hartie.png','germaniu.png','siliciu.png','seleniu.png','diamant.png','staniu.png','teluriu.png','grafit.png'];
var paritate;
var on = 0;
var working = 0;
if(surse.length%2 == 0) paritate = 1;
else paritate = 0.52;
var incarcate = 0;
for (var index = 0; index < surse.length; index++) {
var sursa = surse[index];
var imag = new Image();
imag.onload = function() {
incarcate++;
if (incarcate === surse.length) {
desen();
}
};
imag.src = sursa;
var coloane = 3;
var coloana = index % coloane;
var rand = Math.floor(index / coloane);
var x = 50 + coloana * (width + 10);
var y = 50 + rand * (height + 10);
imagini.push({
img: imag,
x: x,
y: y,
width: width,
height: height,
offsetX: 0,
offsetY: 0,
isDragging: false
});
}
var draggedImageIndex = -1;
var isDragging = false;
var offsetX, offsetY;
var canvasOffsetX, canvasOffsetY;
const resultbox = document.getElementById('resultbox');
function desen() {
ctx.clearRect(0, 0, canvas.width, canvas.height);
ctx.drawImage(circuit, 450, 100, circuit.width * 0.4, circuit.height * 0.4);
ctx.drawImage(switchf, 940, 135, switchf.width * 0.35, switchf.height * 0.35);
if (working == 1)
ctx.drawImage(switcho, 940, 135, switcho.width * 0.35, switcho.height * 0.35);
ctx.drawImage(becs, 800, 420, becs.width * 0.2, becs.height * 0.2);
if (on == 1)
ctx.drawImage(beca, 741, 420, beca.width * 0.1, beca.height * 0.1);
imagini.forEach(function(imagine, index) {
if (index !== draggedImageIndex) {
ctx.drawImage(imagine.img, imagine.x, imagine.y, imagine.width, imagine.height);
}
});
if (draggedImageIndex !== -1) {
var draggedImage = imagini[draggedImageIndex];
ctx.drawImage(draggedImage.img, draggedImage.x, draggedImage.y, draggedImage.width, draggedImage.height);
}
ctx.font = 'bold 24px Arial';
ctx.fillText(`Raport: ${randamm}%`, 880,770);
}
canvas.addEventListener("click",function(event){
var clickX = event.clientX - canvas.getBoundingClientRect().left;
var clickY = event.clientY - canvas.getBoundingClientRect().top;
if(
clickX >= 830 &&
clickX <= 1000 &&
clickY >=150 &&
clickY <= 270
)
{
if(working == 0)
{working = 1 ;
desen();
}
else resetCanvas();
}
});
canvas.addEventListener("mousedown", function(event) {
if(on==0){canvasOffsetX = canvas.getBoundingClientRect().left;
canvasOffsetY = canvas.getBoundingClientRect().top;
imagini.forEach(function(imagine, index) {
var offsetX = event.clientX - canvasOffsetX - imagine.x;
var offsetY = event.clientY - canvasOffsetY - imagine.y;
if (
offsetX >= 0 &&
offsetX <= imagine.width &&
offsetY >= 0 &&
offsetY <= imagine.height
) {
imagine.offsetX = offsetX;
imagine.offsetY = offsetY;
imagine.isDragging = true;
isDragging = true;
draggedImageIndex = index;
}
});
}
});
canvas.addEventListener("mousemove", function(event) {
if (isDragging) {
var draggedImage = imagini[draggedImageIndex];
draggedImage.x = event.clientX - canvasOffsetX - draggedImage.offsetX;
draggedImage.y = event.clientY - canvasOffsetY - draggedImage.offsetY;
desen();
}
});
function randament(Rezistivitate,putere)
{ var I=250/1000;
var cuprurez=1.68/100000000;
var S=1;
var l=2;
var rezistentacomparativa=cuprurez*l/S;
var UCu=I*rezistentacomparativa;
var zecear=Math.pow(10,putere);
var rezistenta=(Rezistivitate*zecear*l)/S;
var U=I*rezistenta;
var rand=U/UCu;
rand=rand*100;
rand = rand.toFixed(2);
return rand;
}
canvas.addEventListener("mouseup", function(event) {
var clickX = event.clientX - canvas.getBoundingClientRect().left;
var clickY = event.clientY - canvas.getBoundingClientRect().top;
if (isDragging) {
if (
clickX >= 1000 &&
clickX <= 1300 &&
clickY >= 500 &&
clickY <= 800
) {
if(draggedImageIndex == 0)
{ console.log("aaaa");
randamm=randament(2.82,-8);
on = 1;
console.log(randamm);
}
if(draggedImageIndex == 2)
{ randamm=randament(1.68,-8);
on = 1;
console.log(randamm);
}
if( draggedImageIndex == 4)
{ randamm=randament(6.90,-7);
on = 1;
console.log(randamm);
}
if(draggedImageIndex == 6)
{ randamm=randament(2.44,-8);
on = 1;
console.log(randamm);
}
if(draggedImageIndex == 8)
{ randamm=randament(0.46,1);
on = 1;
console.log(randamm);
}
if(draggedImageIndex == 9)
{ randamm=randament(2.3,3);
on = 1;
console.log(randamm);
}
if(draggedImageIndex == 10)
{ randamm=randament(1,-3);
on = 1;
console.log(randamm);
}
if(draggedImageIndex == 11)
{ //randamm=randament(1,14);
on = 1;
console.log(randamm);
}
if(draggedImageIndex == 12)
{ randamm=randament(1,3);
on = 1;
console.log(randamm);
}
if(draggedImageIndex == 13)
{ randamm=randament(5,-5);
on = 1;
console.log("tel");
}
if(draggedImageIndex == 14)
{ randamm=randament(1,-5);
on = 1;
console.log(randamm);
}
if(draggedImageIndex !=1 &&
draggedImageIndex !=3 &&
draggedImageIndex !=5 &&
draggedImageIndex !=7 &&
draggedImageIndex !=8 &&
draggedImageIndex !=9 &&
draggedImageIndex !=10 &&
draggedImageIndex !=12 &&
draggedImageIndex !=13 &&
draggedImageIndex !=14
) on = -1;
}
else randamm=0;
isDragging = false;
draggedImageIndex = -1;
}
});
function resetCanvas() {
on = 0;
working = 0;
draggedImageIndex = -1;
isDragging = false;
desen();
}
</script>
<p style="text-align: end; font-size: medium;"><hyperref>Lucrare pdf</p>
<p style="text-align: end;"><a href="https://einsteinworld.com/ew/wp-content/uploads/experiments/Experiments%20for%20Elementary%20Schools%20-%20Metals%20as%20Conductors%20of%20Electricity.pdf">einsteinworld.com</a></p>
</body>
</html>