-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
955 lines (936 loc) · 63.4 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
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
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
<!-- Copyright (C) 2021 Pierre Kreins
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with this program. If not, see <http://www.gnu.org/licenses/>. -->
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<title>Spannungsklemme von Oozyten</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--CSS-->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css">
<link rel="stylesheet" href="style.css?v=071222">
<!--JS-->
<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3.2.0/es5/tex-svg.js">
</script>
<script>
MathJax = {
tex: {
inlineMath: [['$', '$'], ['\\(', '\\)']]
},
svg: {
fontCache: 'global'
}
};
</script>
<script src="js/amd_core-1.0.1.min.js"></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"
integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
crossorigin="anonymous"></script>
<script src="js/scripts.min.js?v=131222"></script>
<!--Favicons-->
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
<link rel="icon" type="image/png" href="favicon.svg">
<link rel="manifest" href="site.webmanifest">
<link rel="mask-icon" href="safari-pinned-tab.svg" color="#004a99">
<meta name="theme-color" content="#ffffff">
</head>
<body>
<header class="site-header">
<nav class="navbar navbar-expand-lg navbar-dark">
<div class="container">
<a class="navbar-brand" href="#">
<img src="favicon.svg" alt="" height="24" class="d-inline-block align-text-top" id="logo">
Praktikum Physiologie
</a>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link active" href="#">Membranpotential: Spannungsklemme von Oozyten</a>
</li>
</ul>
</div>
<form class="d-flex">
<button class="btn btn-outline-light" type="button" data-bs-toggle="offcanvas"
data-bs-target="#offcanvasHelp">
<i class="bi-info-circle"></i> <span class="d-none d-md-inline">Erklärungen</span>
</button>
<button class="btn btn-outline-light ms-2" type="button" data-bs-toggle="offcanvas"
data-bs-target="#offcanvasRight">
<i class="bi-gear"></i> <span class="d-none d-md-inline">Einstellungen</span>
</button>
</form>
</div>
</nav>
</header>
<main>
<div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasRight">
<div class="offcanvas-header">
<h5 id="offcanvasRightLabel">Einstellungen</h5>
<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas"
aria-label="Close"></button>
</div>
<div class="offcanvas-body">
<fieldset class="row mb-4">
<legend class="col-form-label">Anzeige-Modus</legend>
<div class="ms-3">
<div class="form-check">
<input class="form-check-input" type="radio" name="displayModeRadio" id="displayModeHidden"
value="hidden" checked>
<label class="form-check-label" for="displayModeHidden">
Verdeckter Modus
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="displayModeRadio" id="displayModeOpen"
value="open">
<label class="form-check-label" for="displayModeOpen">
Lösungen anzeigen
</label>
</div>
</div>
</fieldset>
<hr>
<fieldset class="row mb-4">
<legend class="col-form-label">Berechnung der Stromgröße</legend>
<div class="ms-3">
<div class="form-check">
<input class="form-check-input" type="radio" name="currentSimModeRadio" id="currentSimModeSimple"
value="simple" checked>
<label class="form-check-label" for="currentSimModeSimple">
Vereinfachte Methode
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="currentSimModeRadio" id="currentSimModeGoldman"
value="goldman">
<label class="form-check-label" for="currentSimModeGoldman">
Goldman-Gleichung
</label>
</div>
</div>
</fieldset>
<small>
<p>
Bei der vereinfachten Methode ist der Strom stets proportional zur Triebkraft für die jeweilige
Ionenspezies. Daraus resultiert eine lineare Beziehung zwischen Strom und Membranpotential, die
Leitfähigkeit G<sub>Ion</sub> bleibt konstant. Bei mehreren Ionenspezies wird der Gesamtstrom
über
das Verhältnis der Leitfähigkeiten angenähert.
</p>
<p>
Eine deutlich akkuratere Berechnung des Ionenstroms ermöglicht die Goldman-Gleichung:
</p>
<div id="goldmanDiv">$$I_X =\frac{z^2F^2V_mP_X}{RT}\left (
\frac{[X]_i-[X]_oe^{-zFV_m/RT}}{1-e^{-zFV_m/RT}} \right )$$</div>
<p>
Daraus folgt dass der Ionenstrom nicht proportional zur Triebkraft ist. Es besteht keine
lineare Beziehung zwischen Strom und Membranpotential, die Leitfähigkeit ist nicht konstant,
sondern abhängig vom Membranpotential. Bei mehreren Ionenspezies entspricht der Gesamtstrom der Summe der Einzelströme.
</p>
</small>
</div>
</div>
<div class="offcanvas offcanvas-start" tabindex="-1" id="offcanvasHelp">
<div class="offcanvas-header">
<h5 class="offcanvas-title" id="offcanvasExampleLabel">Spannungsklemme von Oozyten</h5>
<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas"></button>
</div>
<div class="offcanvas-body">
<p class="h5">Einleitung</p>
<p>
Ziel dieses Programms und des Praktikumsversuchs "Membranpotential" ist es, zu verstehen,
</p>
<ul>
<li>wie ein Membranpotential durch unterschiedliche intra- und extrazelluläre
Ionenkonzentrationen entsteht,</li>
<li>wie selektive Membranleitfähigkeiten dieses Membranpotential beeinflussen,</li>
<li>und welche Ionenströme durch unterschiedliche Membranpotentiale und Leitfähigkeiten
hervorgerufen werden (und wie daraus das Gleichgewichtspotential einer Ionenspezies
experimentell bestimmt werden kann).</li>
</ul>
<p>
Dazu wird ein Versuchsaufbau simuliert, der tatsächlich auch von Elektrophysiologen zur
Erforschung
von z. B. Ionenkanälen verwendet wird! Grundlage für den Versuch sind Oozyten aus
<i>Xenopus laevis</i>, die nach Injektion einer entsprechenden mRNA einen bestimmten Ionenkanal in
großer Menge exprimieren. Die Oozyten eignen sich, allein aufgrund ihrer Größe, sehr gut um
direkte
Messungen des Membranpotentials durchzuführen. Dazu wird eine, mit einer Salzlösung
(3 M KCl) gefüllte, spitze Glas-Mikroelektrode bis ins Cytosol der Oozyte gestochen.
So
kann eine zwischen der Membraninnenseite und der Badlösung bestehende Potentialdifferenz,
sprich
das Membranpotential, gemessen werden.
</p>
<p class="h5">Ablauf der Versuchssimulation</p>
<ul>
<li>Als erstes musst du festlegen, welche Oozyten-Charge, sprich welchen exprimierten Ionenkanal du
untersuchen willst. Wähle den gewünschten Kanal im Fenster "Bedienung" aus.
</li>
<li>Die Badlösung kann <small>(auch jederzeit während des Experiments)</small> im Fenster
"Badlösung" verändert werden. Es stehen zwei Eingabezeilen zur
Verfügung, um ein schnelles Switchen zwischen den Lösungen zu erlauben.</li>
<li>Jetzt kannst du die Elektrode zunächst ins Wasserbad führen. Das Messgerät
beginnt automatisch damit, die Werte von Spannung (unten, rot) und Strom (oben, schwarz)
aufzunehmen. </li>
<li><small>Wie du siehst, sorgt bereits der Kontakt der Elektrode mit der Badlösung für
eine kleine, messbare Potentialdifferenz. Dieses sogenannte "Junction"-Potential
ist messtechnisch bedingt und für die Messung nicht erwünscht. Es kann mit dem
sogenannten "Offset"-Potential (Anzeige über dem Messdisplay) ausgeglichen
werden. Ein Klick auf den Button "Komp." genügt.</small></li>
<li>Nun kannst du die Elektrode in die Zelle stechen. Beobachte, welches Membranpotential jetzt
angezeigt wird!</li>
<li>Zur eigentlichen Aufzeichnung der Messung kannst du zwischen 3 Modi wählen:
<ul>
<li>Der Modus "nur aufzeichnen" erlaubt dir z. B. aufzuzeichnen, was beim
Wechsel
auf unterschiedliche Badlösungen passiert.</li>
<li>Ganz anders funktioniert die Spannungsklemme: Hierbei wird das Membranpotential nicht
mehr gemessen, sondern aktiv durch die Elektrode vorgegeben. Gleichzeitig wird aber
weiterhin der Strom über die Membran gemessen. Du kannst das Membranpotential
V<sub>mem</sub>, auf das du die Oozyte klemmen möchtest, beliebig wählen.
(drücke dann "Start"</li>
<li>Neben der Spannungsklemme bei einem festen Membranpotential steht auch der Modus
"IV-Curve" zur Wahl.</li>
</ul>
</li>
</ul>
<p class="h5">IV-Curve</p>
<ul>
<li>Die Zelle wird zunächst auf V<sub>mem</sub> geklemmt, dann wird das Membranpotential
pulsartig für kurze Zeit verändert. Dies wird treppenförmig wiederholt, so dass mit
jedem neuen Puls ein höheres Membranpotential erreicht wird. <small>Der erste Spannungswert und
die Stufenhöhe können vorab unter "zusätzliche Einstellungen" frei gewählt
werden.</small></li>
<li>Gleichzeitig wird der Strom über die Membran weiterhin gemessen.</li>
<li>Die aus der "IV-Curve"-Messung gewonnen Daten erlauben die Bestimmung einer einfachen
Strom-Spannungs-Beziehung. "Lade" dazu, sobald die Messung nach 60 s
abgeschlossen ist, die Daten in das Fenster "Strom-Spannungs-Beziehung". </li>
<li>Das Programm überträgt jetzt, für jede gemessene Potential-"Stufe", den
erzeugten Strom (bzw. dessen maximalen Wert) in den Graphen. </li>
<li>Das Programm bietet weiterhin die Möglichkeit, eine Kurve über diese – gemessenen -
Werte zu fitten. Dies ermöglicht auch, auf die Einzelkanal-Offenwahrscheinlichkeit des
untersuchten Kanals zu schließen. Dazu musst du zunächst aussuchen, welcher Kurven-Typ
über die Daten gefittet werden soll. Wähle z. B. für die daueroffenen
Kaliumkanäle, eine Gerade aus. Fitte jetzt die Daten.</li>
<li>Im rechten Fenster "Offenwahrscheinlichkeit-Spannungs-Beziehung" wird jetzt die
(maximale*!) Offenwahrscheinlichkeit P<sub>0, max</sub> in Abhängigkeit des
Membranpotentials dargestellt.</li>
</ul>
<p>
<small>*Tatsächlich ist bei den meisten Ionenkanälen die
Einzelkanal-Offenwahrscheinlichkeit
nicht nur vom Membranpotential, sondern auch von der Zeit abhängig. Man spricht hier von
der
<i>gating</i>- bzw. Schalt-Kinetik. Dies wird hier nicht berücksichtigt, es wird nur der
maximale Wert über die Zeit angezeigt.</small>
</p>
<p class="h5">Gestaltung und ©</p>
<p>
Diese Seite wurde gestaltet von Pierre Kreins, Physiologisches Institut Freiburg, Abteilung
Physiologie II,
in Anlehnung an das Skript zum Physiologischen Praktikum der Albert-Ludwigs-Universität
Freiburg.
</p>
<p>
Dieses Programm ist Freie Software: Sie können es unter den Bedingungen der GNU General Public
License, wie von der Free Software Foundation, Version 3 der Lizenz oder (nach Ihrer Wahl) jeder
neueren veröffentlichten Version, weiter verteilen und/oder modifizieren.
Der Quellcode ist auf <a href="https://github.com/phys2/teaching-voltage-clamp">GitHub</a>
verfügbar.
</p>
<p>
Das Skript ist durch Urheberrechte geschützt. Eine Vervielfältigung ist nicht erlaubt.
</p>
</div>
</div>
<div class="container-xxl overflow-hidden py-3">
<div class="row">
<div class="col-12 col-lg-9">
<div class="row mb-1">
<div class="col-12 col-lg-6 col-xl-4 mb-1">
<div class="input-group">
<span class="input-group-text readOutText">gemessenes
Membranpot.:</span>
<input type="text" class="form-control" readonly id="potentialOutput">
<span class="input-group-text readOutText">mV</span>
</div>
</div>
<div class="col-12 col-lg-6 col-xl-4 mb-1">
<div class="input-group">
<span class="input-group-text readOutText">Offset-Pot.:</span>
<input type="number" class="form-control" value="0" step="0.1"
id="offsetPotentialInput">
<span class="input-group-text readOutText">mV</span>
<button class="btn btn-outline-secondary" type="button" id="compensate">Komp.</button>
</div>
</div>
<div class="col-12 col-lg-6 col-xl-4 mb-1">
<div class="input-group">
<span class="input-group-text readOutText">gemessener Strom:</span>
<input type="text" class="form-control" id="currentOutput" readonly>
<span class="input-group-text readOutText">nA</span>
</div>
</div>
</div>
<div id="screen" class="mb-3">
<div id="ampageScreen">
<canvas id="ampageCanvas"></canvas>
<div id="ampZoom" class="zoomButtons">
<div>
<button type="button" class="btn btn-primary btn-sm mb-2" id="toggleAmpage"
title="Strom verbergen"><i class="bi bi-arrows-collapse"
id="toggleAmpageIcon"></i> <span id="toggleAmpageExpandText"> Strom
zeigen</span></button>
</div>
<div class="ampagePositionControlDiv">
<button type="button" class="btn btn-primary btn-sm" id="ampZoomIn"
title="vergrößern"><i class="bi bi-chevron-expand"></i></button>
</div>
<div class="ampagePositionControlDiv">
<button type="button" class="btn btn-primary btn-sm" id="ampZoomOut"
title="verkleinern"><i class="bi bi-chevron-contract"></i></button>
</div>
<div class="ampagePositionControlDiv">
<button type="button" class="btn btn-primary btn-sm" id="ampOffsetUp"
title="nach oben schieben"><i class="bi bi-chevron-double-up"></i></button>
</div>
<div class="ampagePositionControlDiv">
<button type="button" class="btn btn-primary btn-sm" id="ampOffsetDown"
title="nach unten schieben"><i class="bi bi-chevron-double-down"></i></button>
</div>
</div>
</div>
<div id="voltageScreen">
<canvas id="voltageCanvas"></canvas>
<div id="voltZoom" class="zoomButtons">
<div>
<button type="button" class="btn btn-primary btn-sm mb-2" id="toggleVoltage"
title="Potential verbergen"><i class="bi bi-arrows-collapse"
id="toggleVoltageIcon"></i> <span id="toggleVoltageExpandText"> Potential
zeigen</span></button>
</div>
<div class="voltagePositionControlDiv">
<button type="button" class="btn btn-primary btn-sm" id="voltZoomIn"
title="vergrößern"><i class="bi bi-chevron-expand"></i></button>
</div>
<div class="voltagePositionControlDiv">
<button type="button" class="btn btn-primary btn-sm" id="voltZoomOut"
title="verkleinern"><i class="bi bi-chevron-contract"></i></button>
</div>
<div class="voltagePositionControlDiv">
<button type="button" class="btn btn-primary btn-sm" id="voltOffsetUp"
title="nach oben schieben"><i class="bi bi-chevron-double-up"></i></button>
</div>
<div class="voltagePositionControlDiv">
<button type="button" class="btn btn-primary btn-sm" id="voltOffsetDown"
title="nach unten schieben"><i class="bi bi-chevron-double-down"></i></button>
</div>
</div>
</div>
</div>
<div class="row m-0">
<div class="card p-0">
<div class="card-header">
<div class="d-flex justify-content-between">
<div>
<i class="bi-water"></i> Badlösung (umgibt die Zelle):
</div>
<div>
<a class="link-secondary" data-bs-toggle="collapse" href="#collapseBath"
role="button">
<i class="bi-caret-up-fill" id="bathCaret"></i>
</a>
</div>
</div>
</div>
<div class="card-body collapse show" id="collapseBath">
<div class="row">
<div class="col-auto">
<div class="form-check mb-1 mt-2">
<input class="form-check-input" type="radio" name="selectedSolution"
id="selectedSolution1" value="1" checked>
<label class="form-check-label" for="selectedSolution1">
Lsg. 1:
</label>
</div>
</div>
<div class="col">
<div class="row">
<div class="col p-0">
<div class="row">
<label for="Na1"
class="col-auto col-form-label">Na<sup>+</sup>:</label>
<div class="col-auto">
<select class="form-select form-control" id="Na1" name="Na1">
<option value="1">1 mM</option>
<option value="3">3 mM</option>
<option value="5">5 mM</option>
<option value="10">10 mM</option>
<option value="20">20 mM</option>
<option value="40">40 mM</option>
<option value="120">120 mM</option>
<option value="150" selected>150 mM</option>
<option value="200">200 mM</option>
</select>
</div>
</div>
</div>
<div class="col p-0">
<div class="row">
<label for="K1"
class="col-auto col-form-label">K<sup>+</sup>:</label>
<div class="col-auto">
<select class="form-select form-control" id="K1" name="K1">
<option value="1">1 mM</option>
<option value="3">3 mM</option>
<option value="5" selected>5 mM</option>
<option value="10">10 mM</option>
<option value="20">20 mM</option>
<option value="40">40 mM</option>
<option value="120">120 mM</option>
<option value="150">150 mM</option>
<option value="200">200 mM</option>
</select>
</div>
</div>
</div>
<div class="col p-0">
<div class="row">
<label for="Ca1"
class="col-auto col-form-label">Ca<sup>2+</sup>:</label>
<div class="col-auto">
<select class="form-select form-control" id="Ca1" name="Ca1">
<option value="0.001">0.001 mM</option>
<option value="0.1">0.1 mM</option>
<option value="1" selected>1 mM</option>
<option value="3">3 mM</option>
<option value="5">5 mM</option>
<option value="10">10 mM</option>
<option value="100">100 mM</option>
</select>
</div>
</div>
</div>
<div class="col p-0">
<div class="row">
<label for="Cl1"
class="col-auto col-form-label">Cl<sup>-</sup>:</label>
<div class="col-auto">
<select class="form-select form-control" id="Cl1" name="Cl1">
<option value="1">1 mM</option>
<option value="3">3 mM</option>
<option value="5">5 mM</option>
<option value="10">10 mM</option>
<option value="20">20 mM</option>
<option value="40">40 mM</option>
<option value="120" selected>120 mM</option>
<option value="150">150 mM</option>
<option value="200">200 mM</option>
</select>
</div>
</div>
</div>
</div>
</div>
</div>
<hr>
<div class="row">
<div class="col-auto">
<div class="form-check mb-3 mt-2">
<input class="form-check-input" type="radio" name="selectedSolution"
id="selectedSolution2" value="2">
<label class="form-check-label" for="selectedSolution2">
Lsg. 2:
</label>
</div>
</div>
<div class="col">
<div class="row">
<div class="col p-0">
<div class="row">
<label for="Na2"
class="col-auto col-form-label">Na<sup>+</sup>:</label>
<div class="col-auto">
<select class="form-select form-control" id="Na2" name="Na2">
<option value="1">1 mM</option>
<option value="3">3 mM</option>
<option value="5">5 mM</option>
<option value="10">10 mM</option>
<option value="20">20 mM</option>
<option value="40">40 mM</option>
<option value="120">120 mM</option>
<option value="150" selected>150 mM</option>
<option value="200">200 mM</option>
</select>
</div>
</div>
</div>
<div class="col p-0">
<div class="row">
<label for="K2"
class="col-auto col-form-label">K<sup>+</sup>:</label>
<div class="col-auto">
<select class="form-select form-control" id="K2" name="K2">
<option value="1">1 mM</option>
<option value="3">3 mM</option>
<option value="5">5 mM</option>
<option value="10">10 mM</option>
<option value="20" selected>20 mM</option>
<option value="40">40 mM</option>
<option value="120">120 mM</option>
<option value="150">150 mM</option>
<option value="200">200 mM</option>
</select>
</div>
</div>
</div>
<div class="col p-0">
<div class="row">
<label for="Ca2"
class="col-auto col-form-label">Ca<sup>2+</sup>:</label>
<div class="col-auto">
<select class="form-select form-control" id="Ca2" name="Ca2">
<option value="0.001">0.001 mM</option>
<option value="0.1">0.1 mM</option>
<option value="1" selected>1 mM</option>
<option value="3">3 mM</option>
<option value="5">5 mM</option>
<option value="10">10 mM</option>
<option value="100">100 mM</option>
</select>
</div>
</div>
</div>
<div class="col p-0">
<div class="row">
<label for="Cl2"
class="col-auto col-form-label">Cl<sup>-</sup>:</label>
<div class="col-auto">
<select class="form-select form-control" id="Cl2" name="Cl2">
<option value="1">1 mM</option>
<option value="3">3 mM</option>
<option value="5">5 mM</option>
<option value="10">10 mM</option>
<option value="20">20 mM</option>
<option value="40">40 mM</option>
<option value="120" selected>120 mM</option>
<option value="150">150 mM</option>
<option value="200">200 mM</option>
</select>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-3">
<div class="row p-1">
<div class="col-12 col-sm-6 col-lg-12 mb-lg-1">
<div class="card p-0">
<div class="card-header">
<div class="d-flex justify-content-between">
<div>
<i class="bi-joystick"></i> Bedienung:
</div>
<div>
<a class="link-secondary" data-bs-toggle="collapse" href="#collapseControls"
role="button">
<i class="bi-caret-up-fill" id="controlsCaret"></i>
</a>
</div>
</div>
</div>
<div class="card-body collapse show" id="collapseControls">
<button class="btn btn-sm btn-primary mb-3" id="reboot"><i
class="bi-arrow-clockwise"></i>
Neustart</button>
<div class="form-check mb-3 ps-0">
<label for="selectedChannel" class="form-label">exprimierte Kanäle:
</label>
<select class="form-select mb-3" id="selectedChannel" name="selectedChannel">
<option value="1" selected>unbekannter Kanal 1</option>
<option value="2">unbekannter Kanal 2</option>
<option value="3">unbekannter Kanal 3</option>
<option value="4">unbekannter Kanal 4</option>
<option value="5">unbekannter Kanal 5</option>
<option value="6">unbekannter Kanal 6</option>
<option value="7">unbekannter Kanal 7</option>
<option value="8">unbekannter Kanal 8</option>
<option value="9">unbekannter Kanal 9</option>
<option value="10">unbekannter Kanal 10</option>
</select>
</div>
<div class="d-grid gap-3 mb-3">
<button class="btn btn-primary" id="waterBathButton">Elektrode ins Bad
führen</button>
<button class="btn btn-primary" id="wholeCellButton" disabled>Elektrode in
Zelle einstechen</button>
</div>
<label class="form-label">Mess-Modus: </label>
<div class="form-check">
<input class="form-check-input" type="radio" name="recordingMode"
id="recordingMode1" value='1' checked>
<label class="form-check-label" for="recordingMode1">
nur aufzeichnen <span class="badge rounded-pill bg-secondary"
data-bs-toggle="tooltip" data-bs-placement="bottom"
title="Spannung und Strom werden gemessen">?</span>
</label>
</div>
<div class="form-check mb-3">
<input class="form-check-input" type="radio" name="recordingMode"
id="recordingMode2" value='2'>
<label class="form-check-label" for="recordingMode2">
Spannungsklemme bei V<sub>mem</sub>
<span class="badge rounded-pill bg-secondary" data-bs-toggle="tooltip"
data-bs-placement="bottom"
title="Spannung wird vorgegeben, Strom wird gemessen">?</span>
</label>
</div>
<div class="form-check mb-3">
<input class="form-check-input" type="radio" name="recordingMode"
id="recordingMode3" value='3'>
<label class="form-check-label" for="recordingMode3">
Spannungsklemme für "IV-curve" <span
class="badge rounded-pill bg-secondary" data-bs-toggle="tooltip"
data-bs-placement="bottom"
title="Spannung wird stufenweise erhöht, Strom wird gemessen">?</span>
</label>
</div>
<label for="V_mem" class="form-label">V<sub>mem</sub>: <span
class="badge rounded-pill bg-secondary" data-bs-toggle="tooltip"
data-bs-placement="bottom"
title="vorgegebenes Membranpotential für Spannungsklemme">?</span></label>
<div class="input-group mb-3">
<input type="number" class="form-control" id="V_mem" min="-120" max="-20"
step="5" value="-80">
<span class="input-group-text">mV</span>
</div>
<div class="mb-3">
<a class="text-decoration-none" data-bs-toggle="collapse" href="#expertParams"
role="button">
zusätzliche Einstellungen...
</a>
</div>
<div class="collapse" id="expertParams">
<label for="v_0Input" class="form-label">V<sub>0</sub>: <span
class="badge rounded-pill bg-secondary" data-bs-toggle="tooltip"
data-bs-placement="bottom"
title="Potential der ersten Stufe der IV-Curve">?</span></label>
<div class="input-group mb-3">
<input type="number" class="form-control" id="v_0Input" min="-150" max="150"
step="1" value="-90">
<span class="input-group-text">mV</span>
</div>
<label for="deltaVInput" class="form-label">Δ<sub>V</sub>: <span
class="badge rounded-pill bg-secondary" data-bs-toggle="tooltip"
data-bs-placement="bottom"
title="Potentialdifferenz zw. 2 Stufen der IV-Curve">?</span></label>
<div class="input-group mb-3">
<input type="number" class="form-control" id="deltaVInput" min="0" max="30"
step="1" value="15">
<span class="input-group-text">mV</span>
</div>
</div>
<div>
<label class="form-label">Messung aufnehmen: </label>
</div>
<div class="d-grid gap-3">
<div class="btn-group" role="group">
<button type="button" class="btn btn-outline-success" id="startRecording"
disabled><i class="bi-record-circle"></i> Start</button>
<button type="button" class="btn btn-outline-danger" id="stopRecording"
disabled><i class="bi-pause-circle"></i> Stop</button>
</div>
</div>
</div>
</div>
</div>
<div class="col-12 col-sm-6 col-lg-12">
<div class="card">
<img src="ressources/outside_framed.svg" class="card-img-top" id="simImg" alt="Oozyte">
</div>
</div>
</div>
</div>
</div>
<div class="row mt-3">
<div class="col-12 col-lg-6 mb-2">
<div class="card p-0">
<div class="card-header">
<i class="bi-graph-up"></i> Strom-Spannungs-Beziehung (IV-Curve)
</div>
<div class="card-body">
<div class="row mb-2">
<div class="col-12 col-xl-9 mb-0">
<div class="d-grid">
<button class="btn btn-primary mb-3" id="importIvData" disabled>
<i class="bi-box-arrow-down"></i> Messdaten aus Spannungsklemme übertragen</button>
</div>
</div>
<div class="col-12 col-xl-3">
<div class="d-grid">
<button class="btn btn-primary mb-3" id="eraseIvButton" disabled>
<i class="bi-trash"></i> Löschen </button>
</div>
</div>
</div>
<div id="channelLegend" class="mb-1"></div>
<div id="analysisScreen" class="ratio ratio-4x3 mb-3">
<canvas id="analysisCanvas"></canvas>
<div id="ampZoomIv" class="zoomButtons">
<div>
<button type="button" class="btn btn-primary btn-sm" id="ampZoomIvIn"><i
class="bi bi-chevron-expand"></i></button>
</div>
<div>
<button type="button" class="btn btn-primary btn-sm" id="ampZoomIvOut"><i
class="bi bi-chevron-contract"></i></button>
</div>
</div>
</div>
<div class="input-group mb-3">
<select class="form-select" id="selectedChannelToFit" name="selectedChannelToFit" disabled>
<option value="NaN" selected>Kanal auswählen...</option>
</select>
<select class="form-select" id="selectedModel" name="selectedModel">
<option value="1" selected>Gerade</option>
<option value="2">Hodgkin-Huxley-Modell</option>
</select>
<button class="btn btn-outline-primary" type="button" id="fitCurve"
disabled><span class="spinner-grow spinner-grow-sm" role="status"
id="loadingSpinner"></span> Kurve fitten</button>
</div>
<div>Modell für die Strom-Spannung-Kurve: </div>
<div id="modelDiv">$$I(U) = a \cdot U + b$$</div>
<div id="resultHeader">Gefittete Parameter:</div>
<div id="resultBody"></div>
</div>
</div>
</div>
<div class="col-12 col-lg-6">
<div class="card p-0">
<div class="card-header">
<i class="bi-graph-up"></i> Offenwahrscheinlichkeit-Spannungs-Beziehung
</div>
<div class="card-body">
<div id="conductanceScreen" class="ratio ratio-4x3">
<canvas id="conductanceCanvas"></canvas>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
<div class="modal fade" id="choiceModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1">
<div class="modal-dialog" role="document">
<div class="modal-content rounded-6 shadow">
<div class="modal-header border-bottom-0">
<h5 class="modal-title">Simulationsmodus wählen</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body py-0">
<p>Während des Praktikums sollst du einige Aufgaben eigenständig lösen. Wähle
deshalb zunächst den verdeckten Modus, damit dir die Lösungen nicht bereits verraten
werden. Zur Nacharbeit kannst du dir dann alle zusätzlichen Angaben anzeigen lassen.</p>
</div>
<div class="modal-footer flex-column border-top-0">
<button type="button" class="btn btn-lg btn-primary w-100 mx-0 mb-2" data-bs-dismiss="modal"
id="hiddenModeButton">Verdeckter Modus</button>
<button type="button" class="btn btn-lg btn-light w-100 mx-0" data-bs-dismiss="modal"
id="openModeButton">Lösungen anzeigen</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="mainModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="mainModalTitle">Modal title</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
</div>
<div class="modal-body" id="mainModalBody">Modal body
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-bs-dismiss="modal">OK</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="impressumModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Impressum und Datenschutz</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
</div>
<div class="modal-body">
<h6>Kontakt</h6>
Physiologisches Institut<br>
Prof. Dr. Bernd Fakler<br>
Telefon [++49] 0761 / 203 - 5176<br>
Fax [++49] 0761 / 203 - 5191<br>
carmen.herr@physiologie.uni-freiburg.de<br>
Hermann-Herder-Str. 7<br>
79104 Freiburg<br>
Deutschland<br>
<br>
Das Physiologische Institut ist Teil der Albert-Ludwigs-Universität Freiburg.<br>
<br>
Albert-Ludwigs-Universität Freiburg<br>
Friedrichstraße 39<br>
79098 Freiburg<br>
Telefon: [++49] 0761 / 203 – 0<br>
Fax: [++49] 0761 / 203 – 4369<br>
info@uni-freiburg.de<br>
https://uni-freiburg.de<br>
<br>
<h6>Rechtsform und gesetzliche Vertretung</h6>
Die Universität Freiburg ist eine Körperschaft des öffentlichen Rechts. Sie wird
durch die Rektorin
Prof. Dr. Kerstin Krieglstein gesetzlich vertreten.<br>
<br>
<h6>Zuständige Aufsichtsbehörde</h6>
Ministerium für Wissenschaft, Forschung und Kunst Baden-Württemberg
Königstraße 46, 70173 Stuttgart<br>
<br>
<h6>Umsatzsteuer-ID-Nummer</h6>
DE 142116817<br>
<br>
<h6>EORI-Nummer</h6>
DE1112988<br>
<br>
<h6>Haftungsausschluss bei eigenen Inhalten</h6>
Die Inhalte dieser Website werden mit größtmöglicher Sorgfalt recherchiert und
implementiert. Fehler
im Bearbeitungsvorgang sind dennoch nicht auszuschließen. Hinweise und Korrekturen senden Sie bitte
an webmaster@uni-freiburg.de.<br>
Eine Haftung für die Richtigkeit, Vollständigkeit und Aktualität dieser Webseiten
kann trotz
sorgfältiger Prüfung nicht übernommen werden. Die Universität Freiburg
übernimmt insbesondere
keinerlei Haftung, für eventuelle Schäden oder Konsequenzen, die durch die direkte oder
indirekte
Nutzung der angebotenen Inhalte entstehen.<br>
<br>
<h6>Haftungsausschluss bei Querverweisen und Links</h6>
Die Universität Freiburg ist als Inhaltsanbieter für die eigenen Inhalte, die es zur
Nutzung
bereithält, nach den allgemeinen Gesetzen verantwortlich. Von diesen eigenen Inhalten sind
Querverweise auf die von anderen Anbietern bereitgehaltenen Inhalte zu unterscheiden. Diese fremden
Inhalte stammen weder von der Universität Freiburg, noch hat die Universität Freiburg die
Möglichkeit, den Inhalt von Seiten Dritter zu beeinflussen. Die Inhalte fremder Seiten, auf die
die
Universität Freiburg mittels Links hinweist, spiegeln nicht die Meinung der Universität
Freiburg
wieder, sondern dienen lediglich der Information und der Darstellung von Zusammenhängen.
Diese Feststellungen gelten für alle innerhalb des eigenen Internetangebotes gesetzten Links
und
Verweise sowie für Fremdeinträge in von der Universität Freiburg eingerichteten
Gästebüchern,
Diskussionsforen und Mailinglisten. Für illegale, fehlerhafte oder unvollständige Inhalte
und
insbesondere für Schäden, die aus der Nutzung oder Nichtnutzung solcherart dargebotener
Informationen entstehen, haftet allein der Anbieter der Seite, auf welche verwiesen wurde.<br>
<br>
<h5>Datenschutzerklärung</h5>
<p>Verantwortlicher im Sinne der Datenschutzgesetze, insbesondere der EU-Datenschutzgrundverordnung
(DSGVO), ist: Prof. Dr. Bernd Fakler.</p>
<p></p>
<h6>Ihre Betroffenenrechte</h6>
<p>Unter den angegebenen Kontaktdaten unseres Datenschutzbeauftragten können Sie jederzeit
folgende
Rechte ausüben:</p>
<ul>
<li>Auskunft über Ihre bei uns gespeicherten Daten und deren Verarbeitung (Art. 15 DSGVO),
</li>
<li>Berichtigung unrichtiger personenbezogener Daten (Art. 16 DSGVO),</li>
<li>Löschung Ihrer bei uns gespeicherten Daten (Art. 17 DSGVO),</li>
<li>Einschränkung der Datenverarbeitung, sofern wir Ihre Daten aufgrund gesetzlicher
Pflichten
noch nicht löschen dürfen (Art. 18 DSGVO),</li>
<li>Widerspruch gegen die Verarbeitung Ihrer Daten bei uns (Art. 21 DSGVO) und</li>
<li>Datenübertragbarkeit, sofern Sie in die Datenverarbeitung eingewilligt haben oder einen
Vertrag mit uns abgeschlossen haben (Art. 20 DSGVO).</li>
</ul>
<p>Sofern Sie uns eine Einwilligung erteilt haben, können Sie diese jederzeit mit Wirkung
für die
Zukunft widerrufen.</p>
<p>Sie können sich jederzeit mit einer Beschwerde an eine Aufsichtsbehörde wenden, z. B.
an die
zuständige Aufsichtsbehörde des Bundeslands Ihres Wohnsitzes oder an die für uns
als
verantwortliche Stelle zuständige Behörde.</p>
<p>Eine Liste der Aufsichtsbehörden (für den nichtöffentlichen Bereich) mit Anschrift
finden Sie
unter: <a href="https://www.bfdi.bund.de/DE/Service/Anschriften/Laender/Laender-node.html"
target="_blank"
rel="noopener nofollow">https://www.bfdi.bund.de/DE/Service/Anschriften/Laender/Laender-node.html</a>.
</p>
<h6>SSL-Verschlüsselung</h6>
<p>Um die Sicherheit Ihrer Daten bei der Übertragung zu schützen, verwenden wir dem
aktuellen Stand
der Technik entsprechende Verschlüsselungsverfahren (z. B. SSL) über HTTPS.</p>
<h6>Information über Ihr Widerspruchsrecht nach Art. 21 DSGVO</h6>
Einzelfallbezogenes Widerspruchsrecht:<br>
<p>Sie haben das Recht, aus Gründen, die sich aus Ihrer besonderen Situation ergeben, jederzeit
gegen die Verarbeitung Sie betreffender personenbezogener Daten, die aufgrund Art. 6 Abs. 1 lit.
f DSGVO (Datenverarbeitung auf der Grundlage einer Interessenabwägung) erfolgt, Widerspruch
einzulegen; dies gilt auch für ein auf diese Bestimmung gestütztes Profiling im Sinne
von Art. 4
Nr. 4 DSGVO.</p>
<p>Legen Sie Widerspruch ein, werden wir Ihre personenbezogenen Daten nicht mehr verarbeiten, es sei
denn, wir können zwingende schutzwürdige Gründe für die Verarbeitung
nachweisen, die Ihre
Interessen, Rechte und Freiheiten überwiegen, oder die Verarbeitung dient der
Geltendmachung,
Ausübung oder Verteidigung von Rechtsansprüchen.</p>
Empfänger eines Widerspruchs: Prof. Dr. Bernd Fakler.<br>
<br>
<h6>Änderung unserer Datenschutzbestimmungen</h6>
<p>Wir behalten uns vor, diese Datenschutzerklärung anzupassen, damit sie stets den aktuellen
rechtlichen Anforderungen entspricht oder um Änderungen unserer Leistungen in der
Datenschutzerklärung umzusetzen, z.B. bei der Einführung neuer Services. Für
Ihren erneuten
Besuch gilt dann die neue Datenschutzerklärung.</p>
<h6>Fragen an den Datenschutzbeauftragten</h6>
<p>Wenn Sie Fragen zum Datenschutz haben, schreiben Sie uns bitte eine E-Mail oder wenden Sie sich
direkt an die für den Datenschutz verantwortliche Person in unserer Organisation.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-bs-dismiss="modal">Schließen</button>
</div>
</div>
</div>
</div>
<footer class="footer mt-auto py-3 bg-light">
<div class="d-flex justify-content-center">
<span class="text-muted">© 2021 Pierre Kreins & <a class="link-dark text-decoration-none"
href="https://www.physiologie.uni-freiburg.de">Physiologisches Institut</a>,
Albert-Ludwigs-Universität Freiburg.
</span><a class="link-dark text-decoration-none" data-bs-toggle="modal" href="#impressumModal">Impressum &
Datenschutz.</a>
</div>
</footer>
</body>
</html>